initial commit

6 files changed, 2216 insertions, 0 deletions

diff --git a/code_backend_theme/static/src/scss/datetimepicker.scss b/code_backend_theme/static/src/scss/datetimepicker.scss
new file mode 100644
index 0000000..9c8f310
--- /dev/null
+++ b/code_backend_theme/static/src/scss/datetimepicker.scss
@@ -0,0 +1,68 @@
+/* date time picker colour changes for the theme */
+.datepicker {
+    .table-sm {
+        > thead {
+            > tr > .prev {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+                > .fa{
+                    color: #fff !important;
+                }
+            }
+            > tr > .next {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+                > .fa{
+                    color: #fff !important;
+                }
+            }
+            > tr > .picker-switch {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+            }
+        }
+        > tbody > tr > td {
+            &.today:before {
+                border-bottom-color: $primary_accent !important;
+            }
+            &.active {
+                background-color: $primary_accent !important;
+            }
+        }
+    }
+}
+.picker-switch {
+    span.fa {
+        margin: 0;
+        @include transition($btn-transition);
+        &.primary {
+            background-color: $primary_accent;
+            color: white;
+            &:hover {
+                background-color: darken($primary_accent, 20%);
+            }
+        }
+    }
+}
+
+.daterangepicker .drp-calendar .calendar-table thead tr:first-child {
+    color: #FFFFFF;
+    background-color: $primary_accent;
+}
+
+.daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active, .daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active:hover {
+    background-color: $primary_accent;
+}
+
+.daterangepicker .drp-calendar .calendar-table thead tr:first-child th.prev:hover, .daterangepicker .drp-calendar .calendar-table thead tr:first-child th.next:hover {
+    background-color: darken($primary_accent, 20%);
+}
\ No newline at end of file
diff --git a/code_backend_theme/static/src/scss/login.scss b/code_backend_theme/static/src/scss/login.scss
new file mode 100644
index 0000000..e4234aa
--- /dev/null
+++ b/code_backend_theme/static/src/scss/login.scss
@@ -0,0 +1,145 @@
+#wrapwrap > main {
+    background: #f8f8fb;
+}
+.navbar {
+    background: #fff !important;
+}
+body {
+    font-family: 'Poppins', sans-serif !important;
+}
+body.bg-100 {
+    background-color: #f8f8fb !important;
+}
+.card.o_database_list {
+    align-items: center;
+    max-width: 450px !important
+}
+.card.o_database_list .card-body {
+    background-color: #fff !important;
+    border-radius: 5px !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    width: 450px;
+}
+a {
+    color: #556ee6;
+    text-decoration: none;
+}
+a:hover {
+    color: #4458b8;
+    text-decoration: underline;
+}
+.alert-info {
+    color: #306391;
+    background-color: #dcedfc;
+    border-color: #cbe4fb;
+}
+.oe_login_form button.btn-link {
+    color: #495057;
+    font-weight: 500;
+    font-size: 14px !important;
+}
+.oe_login_form button.btn-link:hover {
+    color: #171a1c;
+}
+
+//login button starts
+.btn-primary {
+    color: #fff;
+    background-color: #556ee6;
+    border-color: #556ee6;
+}
+.btn-primary:hover {
+    color: #fff;
+    background-color: #485ec4;
+    border-color: #4458b8;
+}
+.btn-check:active+.btn-primary,
+.btn-check:checked+.btn-primary,
+.btn-primary.active,.btn-primary:active,
+.show>.btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #4458b8 !important;
+    border-color: #4053ad !important;
+}
+.btn-check:focus+.btn-primary, .btn-primary:focus {
+    color: #fff;
+    background-color: #485ec4 !important;
+    border-color: #4458b8 !important;
+    -webkit-box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+    box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+}
+.oe_login_form .btn {
+    display: inline-block;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    padding: .47rem .75rem;
+    border-radius: .25rem;
+    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+}
+.btn-secondary {
+    color: #fff !important;
+    background-color: #74788d !important;
+    border-color: #74788d !important;
+}
+.btn-secondary:hover {
+    color: #fff !important;
+    background-color: #636678 !important;
+    border-color: #5d6071 !important;
+}
+.btn-secondary:active {
+    color: #fff;
+    background-color: #5d6071 !important;
+    border-color: #575a6a !important;
+}
+.btn-secondary i,.btn-secondary span {
+    color: #fff !important;
+}
+.btn-fill-secondary:focus, .btn-secondary:focus, .btn-fill-secondary.focus, .focus.btn-secondary {
+    box-shadow: none !important;
+}
+//login button ends
+
+//input starts
+.oe_login_form input {
+    display: block;
+    width: 100%;
+    height: 40px !important;
+    padding: 10px 20px;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da !important;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border-radius: .25rem;
+    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    box-shadow: none !important;
+    margin-bottom:10px !important;
+}
+form label {
+    font-weight: 400 !important;
+}
+.oe_login_form a.btn.btn-secondary {
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.35rem 0.75rem;
+}
+.oe_login_form a.btn.btn-secondary i.fa.fa-database {
+    margin-left: 5px;
+}
\ No newline at end of file
diff --git a/code_backend_theme/static/src/scss/navigation_bar.scss b/code_backend_theme/static/src/scss/navigation_bar.scss
new file mode 100644
index 0000000..2f04db2
--- /dev/null
+++ b/code_backend_theme/static/src/scss/navigation_bar.scss
@@ -0,0 +1,343 @@
+.o_form_statusbar{
+  .o_statusbar_buttons{
+  .btn{
+    margin-right: 30px !important;
+  }
+  }
+}
+.o_cp_left{
+.btn{
+margin-right: 30px !important;
+}
+}
+
+.o_calendar_buttons > button > .fa{
+color: #ffffff !important;
+}
+.o_main_navbar, .btn-primary, .btn-primary:active, .o_searchview_facet_label {
+  background-color: $primary_accent !important;
+  color: $inverse_accent !important;
+}
+.o_search_panel_section_icon {
+  color: $primary_accent !important;
+}
+.btn-secondary {
+  border-radius: 0;
+  border: solid 1px $primary_accent !important;
+  color: $primary_accent !important;
+}
+.o_list_view .o_list_table thead {
+    position: sticky;
+    top: 0;
+}
+
+.breadcrumb-item > a, .o_menu_item > a {
+  color: $primary_accent !important;
+}
+
+.fa-trash {
+  color: #f46a6a !important;
+}
+
+.o_main_navbar > a:hover {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_main_navbar > .o_menu_sections > li > a:hover, .o_main_navbar > .o_menu_systray > li > a:hover, .o_main_navbar > .o_menu_sections > li.show > a, .o_main_navbar > .o_menu_systray > li.show > a {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_main_navbar > .o_menu_apps > li > a:hover, .o_main_navbar > .o_menu_apps > li > a:active {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_main_navbar > .o_menu_apps > .dropdown.show > .dropdown-menu.show {
+  max-height: 100vh !important;
+  height: 93vh !important;
+}
+.o_main_navbar > .o_menu_apps > .dropdown.show > .dropdown-menu.show > a {
+  //border-bottom: 1px solid lighten($primary_accent, 30%);
+}
+
+.o_mail_discuss_sidebar {
+  background-color: #1c2833;
+}
+
+.dropdown-toggle:after {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_external_button {
+  border: none !important;
+}
+
+.o_field_x2many_list_row_add > a {
+  color: $primary_accent !important;
+}
+
+.nav-item > a {
+  color: $primary_accent !important;
+}
+
+.o_main_navbar > .o_menu_apps > li > a > i {
+  color: $inverse_accent !important;
+  font-size: 16px !important;
+}
+
+.o_form_uri > span {
+  color: $primary_accent !important;
+}
+
+.o_required_modifier.o_input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+
+.o_input {
+  border: solid 1px $primary_accent !important;
+  color: $primary_accent !important;
+}
+
+.o-no-caret > i, button[aria-pressed=true] {
+  color: $inverse_accent !important;
+}
+
+.o_loading {
+  background-color: $primary_accent;
+}
+
+.fas {
+  color: $inverse_accent !important;
+}
+
+.dashboard_mainbar {
+  width: 100%;
+}
+
+.a_app_menu_title {
+  display: none;
+}
+
+.o_menu_apps > .dropdown.show > .dropdown-menu.show:hover .a_app_menu_title {
+  display: inline-block;
+  width: 200px;
+}
+
+.o_required_modifier.o_input, .o_required_modifier.o_input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+.o_required_modifier .o_input, .o_required_modifier .o_input {
+  background-color: $inverse_accent !important;
+}
+
+
+
+.dropdown-toggle:after {
+  background-color: #ffffff00 !important;
+}
+
+.o_required_modifier > .o_input_dropdown > .ui-autocomplete-input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+
+.o_datepicker.o_field_date.o_field_widget.o_required_modifier > input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+
+.ui-state-active {
+  background-color: $primary_accent !important;
+  color: $inverse_accent !important;
+}
+
+.oe_search_bgnd {
+  background-color: lighten($primary_accent, 20%) !important;
+  color: $inverse_accent !important;
+}
+
+.oe_search_tab {
+  background-color: $primary_accent !important;
+  color: $inverse_accent !important;
+}
+
+.o_horizontal_separator {
+  color: $primary_accent !important
+}
+
+.o_field_widget.o_field_image .o_form_image_controls {
+  background-color: $primary_accent !important;
+}
+
+.o_field_widget.o_field_image .o_form_image_controls > button {
+  color: $inverse_accent !important;
+}
+
+.dropdown-item.o_app.mt0:hover , .dropdown-item.o_app.mt0:hover > .a_app_menu_title{
+background-color: $primary_accent !important;
+color: $inverse_accent !important;
+}
+
+.o_address_country{
+display: none !important;
+}
+div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::before {
+background-color: $primary_accent !important;
+}
+div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::before {
+background-color: $primary_accent !important;
+}
+.o_mail_systray_item .o_mail_systray_dropdown .o_mail_systray_dropdown_top .o_filter_button.active {
+color: $primary_accent;
+text-decoration: none;
+}
+.o_mail_user_status.o_user_online {
+color: #fff !important;
+}
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::after {
+   border-left-color: $primary_accent;
+}
+.btn-link {
+font-weight: 400;
+color: $primary_accent !important;
+text-decoration: none;
+}
+.o_thread_window_header {
+background-color: $primary_accent !important;
+}
+.o_thread_window_close,.o_thread_window_expand{
+color: $inverse_accent !important;
+}
+.o_menu_sections, .o_menu_systray, .o_web_client > header{
+background: $primary_accent !important;
+}
+.fa-building-o{
+color: white !important;
+}
+.o_button_import, .oe_import_file{
+background: #5aa29f !important;
+color: white !important;
+border: solid 2px #5aa29f !important;
+}
+.o_button_import:hover, .oe_import_file:hover,.o_button_import:active, .oe_import_file:active{
+background: white !important;
+color: #5aa29f !important;
+border: solid 2px #5aa29f !important;
+}
+.o_form_button_save,.o_form_button_edit{
+background: #7BA94F !important;
+color: white !important;
+border: solid 2px #7BA94F !important;
+}
+.o_form_button_save:hover,.o_form_button_edit:hover,.o_form_button_save:active,.o_form_button_edit:active{
+background: white !important;
+color: #7BA94F !important;
+border: solid 2px #7BA94F !important;
+}
+.o-kanban-button-new, .o_list_button_add,.o_form_button_create{
+background: #b9408d !important;
+color: white !important;
+border: solid 2px #b9408d !important;
+}
+.o-kanban-button-new:hover, .o_list_button_add:hover,.o_form_button_create:hover,.o-kanban-button-new:active, .o_list_button_add:active,.o_form_button_create:active{
+background: white !important;
+color: #b9408d !important;
+border: solid 2px #b9408d !important;
+}
+.o_form_button_cancel,.o_import_cancel{
+background: #cf4137 !important;
+color: white !important;
+border: solid 2px #cf4137 !important;
+
+}
+.o_form_button_cancel:hover,.o_import_cancel:hover,.o_form_button_cancel:active,.o_import_cancel:active{
+background: white !important;
+color: #cf4137 !important;
+border: solid 2px #cf4137 !important;
+}
+.report_button{
+border-radius: 0 !important;
+border: solid 2px $primary_accent;
+background: $primary_accent !important;
+}
+.report_button:hover,.report_button:active{
+border-radius: 0 !important;
+border: solid 2px $primary_accent !important;
+color: $primary_accent !important;
+background: $inverse_accent !important;
+}
+.btn-primary{
+border-radius: 0 !important;
+}
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
+border: none;
+border-bottom: solid;
+font-weight: bold;
+}
+.nav-link{
+    @include hover-focus {
+      border: none;
+    }
+}
+.o_data_row:has(.custom-control-input:checked){
+background: blue !important;
+}
+.o_field_one2many{
+    .o_list_view{
+        .table-responsive{
+            max-height:50vh;
+        }
+    }
+}
+thead{
+position: sticky;
+position: -webkit-sticky;
+top: 0;
+}
+.o_list_view .o_list_table tbody{
+    position: sticky;
+    top: 30px;
+}
+.o_list_view{
+    .o_list_table{
+        thead{
+            z-index:999;
+        }
+    }
+}
+.o_list_view .table-responsive .table{
+    width: max-content !important;
+    min-width: 100%;
+
+    thead
+    {
+    z-index:999;
+    tr:nth-child(1) th{
+    position: sticky;
+    top: 0;
+    z-index: 999;
+    background-color: #eeeeee !important;
+    }
+  }
+}
+.o_list_view .o_list_table tbody{
+position:initial !important;
+}
+.o_list_view .table-responsive .table thead{
+z-index: 1;
+}
+.o_optional_columns_dropdown_toggle{
+z-index: 999;
+}
+
+.o_progressbar .o_progress .o_progressbar_complete {
+background-color: #3d9bbb;
+}
+.o_cp_left .btn {
+    margin-right: 10px !important;
+}
\ No newline at end of file
diff --git a/code_backend_theme/static/src/scss/sidebar.scss b/code_backend_theme/static/src/scss/sidebar.scss
new file mode 100644
index 0000000..37342af
--- /dev/null
+++ b/code_backend_theme/static/src/scss/sidebar.scss
@@ -0,0 +1,97 @@
+#sidebar_panel {

+    height: calc(100% - 0%);

+	position: fixed;

+    top: 0px;

+    background-color: #2a3042;

+    display: none;

+    width: 200px;

+    overflow-y: scroll;

+    -ms-overflow-style: none;  /* Hide scrollbar for IE and Edge */

+    scrollbar-width: none;  /* Hide scrollbar for Firefox */

+    z-index: 999;

+}

+#sidebar_panel::-webkit-scrollbar {

+    display: none; /* Hide scrollbar for Chrome, Safari and Opera */

+}

+.sidebar_panel .sidebar {

+    padding: 0;

+    white-space: nowrap;

+    padding-bottom: 20px;

+    padding-top: 5px;

+}

+.sidebar_panel .sidebar_close {

+    text-align: end;

+    display: none;

+    position: sticky;

+    height: 35px;

+    padding-top: 5px;

+    top: 0;

+    background: #2a3042;

+    z-index: 1;

+}

+.sidebar_panel .sidebar_close a#closeSidebar {

+    font-size: 18px;

+    margin-right: 10px;

+    color: #ffffff;

+    opacity: .3;

+}

+.sidebar_panel .sidebar_close a#closeSidebar img {

+    width: 15px;

+}

+.sidebar_panel .sidebar .sidebar_logo {

+    padding-top: 20px;

+    text-align: center;

+    padding-bottom: 20px;

+}

+.sidebar_panel .sidebar .sidebar_logo img {

+    max-width: 150px;

+}

+

+.sidebar_panel .sidebar .sidebar_head {

+    padding-top: 20px;

+    padding-left: 15px;

+    color: #6a7187;

+    font-size: 14px;

+}

+

+.sidebar_panel .sidebar .sidebar_menu {

+    list-style: none;

+    margin: 0;

+    padding: 0;

+}

+

+.sidebar_panel .sidebar .sidebar_menu li {

+    margin: 0;

+    padding: 0;

+    border: 0px;

+    display: block;

+}

+

+.sidebar_panel .sidebar .sidebar_menu li a {

+    margin: 0;

+    border: 0px;

+    display: block;

+    cursor: pointer;

+    overflow: hidden;

+    padding: 8px 10px 8px 25px;

+    color: #ffffff;

+    font-size: 13px;

+    transition:.3s all;

+}

+.sidebar_panel .sidebar .sidebar_menu li:hover  a {

+    background: #1e2230;

+    color: #fff;

+}

+.sidebar_panel .nav-link {

+	opacity: .5;

+    transition:.3s all;

+}

+.sidebar_panel .sidebar a.nav-link.active {

+    color: #fff !important;

+	opacity: 1;

+}

+

+.sidebar_panel .sidebar .sidebar_menu li a .sidebar_img {

+    width: 20px;

+    margin-right: 8px;

+}
\ No newline at end of file
diff --git a/code_backend_theme/static/src/scss/theme.scss b/code_backend_theme/static/src/scss/theme.scss
new file mode 100644
index 0000000..b7a0974
--- /dev/null
+++ b/code_backend_theme/static/src/scss/theme.scss
@@ -0,0 +1,1555 @@
+//Top Bar
+body {
+    font-family: 'Poppins', sans-serif !important;
+    background-color: #f8f8fb;
+}
+a {
+    color: $primary_accent;
+}
+a:hover {
+    color: $primary_hover;
+}
+a.btn {
+    height: auto !important;
+}
+
+.o_main_navbar, .o_searchview_facet_label {
+  background-color: transparent !important;
+  color: $f_color !important;
+  border:1px !important;
+}
+.o_menu_sections, .o_menu_systray, .o_web_client > header{
+background: $bg_white !important;
+}
+.oe_topbar_name {
+    color: $f_color !important;
+}
+.o_main_navbar > .o_menu_apps > li > a > i {
+    color: $f_color !important;
+    font-size: 16px !important;
+}
+.o_main_navbar {
+  height: 65px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 0px solid #5f5e97 !important;
+  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+  box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+  background-color: #fff !important;
+}
+
+.top_heading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.top_heading ul {
+  margin-bottom: 0 !important;
+}
+.top_heading > a {
+  margin-left: 10px;
+  font-size: 20px;
+}
+.top_heading li {
+  list-style: none;
+}
+
+.o-no-caret > i, button[aria-pressed="true"] {
+    color: $f_color !important;
+}
+.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label {
+    height: 46px;
+    padding: 0 5px;
+    color: $f_color !important;
+    line-height: 46px;
+}
+.o_main_navbar > .o_menu_sections > li > a:hover, .o_main_navbar > .o_menu_systray > li > a:hover, .o_main_navbar > .o_menu_sections > li.show > a, .o_main_navbar > .o_menu_systray > li.show > a {
+    background-color: $bg_white !important;
+}
+
+.topbar_icon .fa {
+    color: #555b6d !important;
+    font-size: 20px !important
+}
+
+.o_main_navbar .o_user_menu .oe_topbar_avatar {
+    height: 35px;
+    width: 35px;
+}
+
+.o_MessagingMenu_counter {
+    background-color: #556ee6;
+    color: #fff !important;
+}
+.o_mail_systray_item .o_notification_counter {
+    background: #556ee6 !important;
+}
+
+.o_control_panel {
+    background: #f8f8fb !important;
+    border:none !important;
+}
+
+.o_searchview {
+    border: 1px solid #ddd;
+    height: 38px;
+    padding-left: 12px;
+    padding-right: 20px;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-radius: 5px;
+    padding-top: 6px;
+}
+.o_searchview .o_searchview_icon {
+    position: absolute;
+    top: 11px;
+    left: auto;
+    bottom: auto;
+    right: 8px;
+}
+.o_searchview .o_searchview_facet {
+    border: 1px solid #ddd;
+    background: #f8f8fb;
+    border-radius: 10px;
+    padding: 0 4px;
+}
+.o_cp_bottom_right  span.o_dropdown_title {
+    color: #555b6d;
+}
+.o_cp_bottom_left .o_form_button_cancel {
+    margin-right: 5px !important;
+    padding: 6px 8px !important;
+    color: #fff !important;
+    background-color: #f46a6a !important;
+    border-color: #f46a6a !important;
+}
+.o_cp_bottom_left .o_form_button_cancel:hover {
+    background-color: #cf5a5a !important;
+    border-color: #c35555 !important;
+}
+.o_control_panel {
+    border-bottom: none important;
+    margin: 15px 15px 0 15px;
+    background-color: #ffffff !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    border-radius: 5px;
+}
+
+.o_form_view,
+.o_widget_Discuss {
+    background: #f8f8fb;
+}
+.o_form_statusbar .o_statusbar_buttons .btn {
+    margin-right: 15px !important;
+}
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):after {
+    border-top: 21px solid transparent !important;
+    border-bottom: 17px solid transparent !important;
+}
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before {
+    right: -11px;
+    border-left-color: $primary_accent;
+}
+//Top Bar End
+
+// Button
+.btn {
+    display: inline-block;
+    font-weight: 400 !important;
+    line-height: 1.5 !important;
+    color: #495057;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: transparent;
+    border: 1px solid transparent;
+    padding: 6px 15px !important;
+    border-radius: 4px !important;
+    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    height: 40px !important;
+    margin-bottom: 2px;
+}
+.btn-primary {
+    color: #fff !important;
+    background-color: $primary_accent !important;
+    border-color: $primary_accent !important;
+}
+.btn-primary:hover {
+    color: #fff !important;
+    background-color: $primary_hover !important;
+    border-color: #4458b8 !important;
+}
+.btn-primary:active {
+    color: #fff !important;
+    background-color: #4458b8 !important;
+    border-color: #4053ad !important;
+}
+.btn-check:focus+.btn-primary, .btn-primary:focus {
+    color: #fff;
+    background-color: #485ec4 !important;
+    border-color: #4458b8 !important;
+    -webkit-box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+    box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+}
+.btn-primary i,.btn-primary span {
+    color: #fff !important;
+}
+.btn-secondary {
+    color: #fff !important;
+    background-color: #74788d !important;
+    border-color: #74788d !important;
+}
+.btn-secondary:hover {
+    color: #fff !important;
+    background-color: #636678 !important;
+    border-color: #5d6071 !important;
+}
+.btn-secondary:active {
+    color: #fff;
+    background-color: #5d6071 !important;
+    border-color: #575a6a !important;
+}
+.btn-check:focus+.btn-secondary, .btn-secondary:focus {
+    color: #fff;
+    background-color: #636678 !important;
+    border-color: #5d6071 !important;
+    -webkit-box-shadow: 0 0 0 .15rem rgba(137,140,158,.5) !important;
+    box-shadow: 0 0 0 .15rem rgba(137,140,158,.5) !important;
+}
+.btn-secondary i,.btn-secondary span {
+    color: #fff !important;
+}
+.btn-info {
+    color: #fff !important;
+    background-color: #50a5f1 !important;
+    border-color: #50a5f1 !important;
+}
+.btn-info:hover {
+    color: #fff !important;
+    background-color: #448ccd !important;
+    border-color: #4084c1 !important;
+}
+button[name="action_cancel"],
+button[name="button_cancel"],
+button[special="cancel"] {
+    color: #fff !important;
+    background-color: #f46a6a !important;
+    border-color: #f46a6a !important;
+}
+button[name="action_cancel"]:hover,
+button[name="button_cancel"]:hover,
+button[special="cancel"]:hover {
+    background-color: #cf5a5a !important;
+    border-color: #c35555 !important;
+}
+button[name="action_cancel"]:active,
+button[name="button_cancel"]:active,
+button[special="cancel"]:active {
+    color: #fff !important;
+    background-color: #c35555 !important;
+    border-color: #b75050 !important;
+}
+button[name="action_cancel"]:focus,
+button[name="button_cancel"]:focus,
+button[special="cancel"]:focus {
+    color: #fff !important;
+    background-color: #cf5a5a !important;
+    border-color: #c35555 !important;
+    -webkit-box-shadow: 0 0 0 0.15rem rgba(246,128,128,.50) !important;
+    box-shadow: 0 0 0 0.15rem rgba(246,128,128,.50) !important;
+}
+button[name="update_module"] {
+    margin-right: 2px;
+}
+
+.btn-warning,
+button[name="action_uninstall"] {
+    color: #fff !important;
+    background-color: #f1b44c !important;
+    border-color: #f1b44c !important;
+}
+.btn-warning:hover,
+button[name="action_uninstall"]:hover {
+    color: #fff !important;
+    background-color: #cd9941 !important;
+    border-color: #c1903d !important;
+}
+.btn-warning:active,
+button[name="action_uninstall"]:active {
+    color: #fff !important;
+    background-color: #c1903d !important;
+    border-color: #b58739 !important;
+}
+.btn-warning:focus,
+button[name="action_uninstall"]:focus {
+    color: #fff !important;
+    background-color: #cd9941 !important;
+    border-color: #c1903d !important;
+    -webkit-box-shadow: 0 0 0 0.15rem rgba(243,191,103,.50) !important;
+    box-shadow: 0 0 0 0.15rem rgba(243,191,1,.50) !important;
+}
+
+.o_statusbar_status .o_arrow_button.btn-secondary {
+    border: solid 1px #556ee6 !important;
+    color: #556ee6 !important;
+    background-color: #fff !important;
+}
+.o_statusbar_status .o_arrow_button.btn-secondary:hover:after {
+    border-color: #fff !important;
+}
+.o_statusbar_status .o_arrow_button.btn-primary {
+    border: solid 1px #556ee6 !important;
+    color: #fff !important;
+}
+.o_cp_bottom_right .btn-secondary {
+    background: #fff;
+    border-color: #dddddd !important;
+    margin-right: 5px !important;
+    padding : 6px 8px !important;
+}
+.o_cp_bottom_left .o_form_button_create {
+    color: #fff !important;
+    background-color: #74788d !important;
+    border-color: #74788d !important;
+    padding: 5px 15px !important;
+}
+
+.o_web_settings_invite {
+    margin-left: 7px;
+    position: relative;
+    top: -1px;
+}
+.o_form_view .oe_button_box .btn.oe_stat_button {
+    height: 44px !important;
+    opacity: 1 !important;
+    border-radius: 0px !important;
+}
+.oe_module_action .btn {
+    height: auto !important;
+}
+.o_cp_buttons a.btn {
+    display: flex !important;
+    align-items: center;
+}
+button.fa.fa-external-link.btn.btn-secondary.o_external_button {
+    padding: 2px !important;
+    color: #74788d !important;
+    background: none !important;
+}
+.o_statusbar_status.o_field_widget.o_readonly_modifier .btn {
+    margin-right: 0 !important;
+}
+.btn-group .btn {
+    margin-right: 3px;
+}
+.o_Composer_actionButton.o-last.o-has-current-partner-avatar.o-composer-is-compact {
+    height: 48px !important;
+    border-bottom-left-radius: 0px !important;
+    border-top-left-radius: 0px !important;
+}
+.oe_right .btn {
+    margin-left: 2px;
+}
+//Button End
+
+//table
+.table-sm th, .table-sm td {
+    padding: 0.5rem;
+}
+tr.o_data_row {
+    font-size: 15px;
+}
+.o_list_view .table-responsive .table thead tr:nth-child(1) th {
+    position: sticky;
+    top: 0;
+    z-index: 999;
+    background-color: #ffffff !important;
+}
+th.o_list_record_selector {
+    color: #495057 !important;
+    border-color: #eff2f7 !important;
+    background-color: #f8f9fa !important;
+}
+.table>:not(caption)>*>* {
+    padding: 1rem 1rem;
+    background-color: var(--bs-table-bg);
+    border-bottom-width: 1px;
+    -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.o_list_view .o_list_table thead > tr > th:not(.o_list_record_selector).o_list_number_th {
+    text-align: left !important;
+}
+.o_list_view .o_list_table thead > tr > th:not(.o_list_record_selector) {
+    border-left: none !important;
+}
+.table thead th {
+    vertical-align: bottom;
+    border-bottom: none;
+}
+.table th {
+    border-top: 1px solid #fff !important;
+}
+.o_list_view .o_list_table tfoot {
+    background-color: #fff !important;
+}
+.o_list_view .table-responsive .o_list_table tfoot tr:nth-child(1) td {
+    background-color: #fff !important;
+}
+.o_list_view .o_list_table tr:focus-within,
+.o_list_view .o_list_table.table-striped tr:focus-within {
+    background-color: #fff !important;
+}
+// Table End
+
+// Checkbox
+.custom-checkbox label {
+  position: relative;
+  cursor: pointer;
+}
+
+.custom-checkbox label:before {
+  content:'';
+  -webkit-appearance: none;
+  background-color: transparent;
+  border: 1px solid #0079bf;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
+  padding: 10px;
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+  cursor: pointer;
+  margin-right: 5px;
+  margin-top: 0px;
+}
+
+.custom-checkbox input:checked + label:after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 2px;
+  left: 9px;
+  width: 6px;
+  height: 14px;
+  border: solid #0079bf;
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+
+.custom-checkbox label::before {
+    content: '';
+    -webkit--webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: transparent;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
+    padding: 10px;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    cursor: pointer;
+    margin-right: 5px;
+}
+.custom-control-label::before {
+    position: absolute;
+    top: 0px !important;
+    left: 1px !important;
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    pointer-events: none;
+    content: "";
+    background-color: #FFFFFF;
+    border: 1px solid rgba(0,0,0,.25) !important;
+    box-shadow: none !important;
+    border-radius: 5 !important;
+    margin-top: -5px;
+}
+.custom-checkbox {
+    padding-left: 0rem !important;
+}
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+    background-color: $primary_accent;
+}
+
+.custom-checkbox input:checked + label::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 1px;
+    left: 9px;
+    width: 6px;
+    height: 14px;
+    border: solid #fff;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+}
+.dropdown-item .custom-checkbox input:checked + label::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 1px;
+    left: 19px;
+    width: 6px;
+    height: 14px;
+    border: solid #fff;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+    color: #ffffff;
+    background-color: #556ee6;
+    border-color: #556ee6;
+}
+.custom-control.custom-checkbox .custom-control-input:not(:checked):not(:indeterminate) ~ .custom-control-label:before {
+    background: none;
+    outline: none !important;
+}
+
+.o_list_selection_box {
+    display: inline-block;
+    padding: 0.375rem 0.75rem;
+    vertical-align: middle;
+    border: 1px solid rgba(85,110,230,.25)!important;
+    background-color: rgba(85,110,230,.25)!important;
+    color: $primary_accent !important;
+    border-radius: 5px;
+}
+.o_radio_input +  .custom-control-label::before {
+    position: absolute !important;
+    top: 8.5px !important;
+    left: -1.5rem !important;
+    display: block !important;
+    width: 1rem !important;
+    height: 1rem !important;
+    pointer-events: none !important;
+    content: "" !important;
+    background-color: #FFFFFF !important;
+    border: #adb5bd solid 1px !important;
+}
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+    background: $primary_accent !important;
+    border-radius: 30px;
+}
+// Checkbox End
+
+//sheet
+.o_form_view .o_form_sheet_bg {
+    border-bottom: none;
+    background: #ffffff !important;
+    box-shadow: none !important;
+    border-radius: 5px;
+    padding: 10px;
+}
+.o_form_view .o_form_sheet_bg > .o_form_sheet {
+    min-width: 650px;
+    max-width: initial;
+    min-height: 330px;
+    border: 1px solid #c8c8d3;
+    box-shadow: none !important;
+    background: white;
+    margin: 4.8px auto;
+    padding: 24px;
+    padding-right: 16px;
+    padding-left: 16px;
+    border-radius: 5px;
+}
+.o_form_view .o_form_statusbar {
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    justify-content: space-between;
+    padding-left: 5px;
+    border-bottom: none !important;
+    background-color: white;
+    border-radius: 5px;
+}
+.o_required_modifier > .o_input_dropdown > .ui-autocomplete-input {
+    border-left: solid 3px #f46a6a !important;
+}
+//sheet end
+
+//Discuss
+.o_Discuss {
+	padding: 15px !important;
+	background: #f5f5f9 !important;
+}
+
+.o_Discuss .o_DiscussSidebar {
+	background-color: #ffffff !important;
+	color: #dee2e6 !important;
+    border-radius: 5px;
+	margin-right: 10px !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+
+.o_DiscussSidebar_item.o-active {
+    color: #f46a6a !important;
+    font-weight: 500 !important;
+}
+.o_DiscussSidebarItem:hover {
+    background: none !important;
+}
+.o_DiscussSidebarItem {
+    cursor: pointer !important;
+    color: #74788d !important;
+    line-height: 24px !important;
+    padding: 10px 5px !important;
+}
+.o_DiscussSidebarItem_activeIndicator.o-item-active {
+    background: none !important;
+}
+.o_DiscussSidebar_item.o-active .fa {
+    color: #f46a6a !important;
+}
+.o_widget_Discuss .o_Discuss_content {
+    border-top: none !important;
+    background-color: #ffffff !important;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+}
+.o_DiscussSidebarItem_counter {
+    background-color: #f46a6a !important;
+    color: #fff !important;
+}
+.o_ThreadIcon_online {
+    color: #34c38f;
+}
+.o_Message_prettyBody table th {
+    color: $primary_accent !important;
+}
+.o_Message_prettyBody table thead tr td {
+    background-color: $primary_hover !important;
+}
+// Discuss End
+
+//Chatter @form
+.o_FormRenderer_chatterContainer {
+    max-width: initial;
+    margin-top: 15px !important;
+    padding: 0 !important;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.o_ChatterContainer {
+    padding: 10px;
+    background: #fff;
+    border-radius: 5px;
+}
+.o_Discuss .o_Message .o_Message_prettyBody p a {
+    background: $primary_accent !important;
+}
+.o_Message.o-not-discussion {
+    background-color: #eff2f7;
+    margin: 5px;
+    border-radius: 5px;
+    border-bottom: none;
+}
+.o_Composer {
+    background-color: #fff;
+    border-radius: 0 0 5px 5px;
+    border: none !important;
+}
+//Chatter @form Ends
+
+//Chatter mini starts
+.o_ChatWindow {
+    background-color: #fff !important;
+    border-radius: 5px 5px 0 0 !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.25) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .25) !important;
+}
+.o_PartnerImStatusIcon_icon.o-offline {
+    color: #495057 !important;
+}
+.o_PartnerImStatusIcon_icon.o-online {
+    color: #34c38f !important;
+}
+.o_PartnerImStatusIcon_innerBackground {
+    color: white !important;
+}
+i.o_PartnerImStatusIcon_outerBackground.fa.fa-circle.fa-stack-1x {
+    color: #fff !important;
+}
+.o_ChatWindowHeader_item.o_ChatWindowHeader_rightArea .fa {
+    color: #fff !important;
+}
+.o_ChatWindowHeader {
+    background-color: #556ee6;
+    color: white !important;
+}
+//Chatter mini ends
+
+// Tabs Start
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+    border: none;
+    border-bottom: solid;
+    font-weight: bold;
+    background: $primary_accent;
+    color: #ffffff !important;
+    border-radius: 5px;
+}
+.nav-link {
+    display: block;
+    padding: 1rem 2rem;
+}
+.o_form_view .o_notebook {
+    clear: both;
+    margin-top: 25px;
+}
+.nav-tabs {
+    border-bottom: none;
+}
+.nav-tabs .nav-link {
+    border: 1px solid #e3e3e3;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border-bottom: none !important;
+}
+.nav-item > a {
+    color: #555b6d !important;
+}
+.nav-link:hover, .nav-link:focus {
+    border: 1px solid #e9e9e9 !important;
+    border-bottom: none !important;
+}
+ul.sidebar_menu .nav-link:hover,ul.sidebar_menu .nav-link:focus {
+    border: none !important;
+    border-bottom: none !important;
+}
+
+// TAbs End
+
+//font color
+.o_horizontal_separator {
+    color: #495057 !important;
+}
+.btn-link {
+    font-weight: 400;
+    color: $primary_accent !important;
+    text-decoration: none;
+}
+.o_activity_view .o_record_selector {
+    color: #34c38f;
+}
+//font color ends
+
+//form
+input {
+    display: block;
+    width: 100%;
+    height: 40px !important;
+    padding: 10px 20px;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da !important;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border-radius: .25rem;
+    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    box-shadow: none !important;
+    margin-bottom:10px !important;
+}
+select {
+    width: 100%;
+    height: 40px !important;
+    padding: 10px 20px;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da !important;
+    border-radius: .25rem;
+    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    box-shadow: none !important;
+    margin-bottom:10px !important;
+}
+.o_field_widget .o_input_dropdown .o_dropdown_button {
+    position: absolute;
+    top: 6px;
+    left: auto;
+    bottom: auto;
+    right: 9px;
+}
+.o_datepicker .o_datepicker_button {
+    position: absolute;
+    top: 6px;
+    left: auto;
+    bottom: auto;
+    right: 9px;
+    pointer-events: none;
+}
+.o_input {
+    border: solid 1px #ced4da !important;
+    color: #495057 !important;
+}
+.o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info .o_stat_value,
+.o_form_view .oe_button_box .btn.oe_stat_button > span .o_stat_value {
+    color: #556ee6;
+}
+.o_form_view .oe_button_box .oe_stat_button .o_button_icon {
+    color: #556ee6;
+}
+//form end
+
+//search view
+.o_searchview input.o_searchview_input {
+    border: none !important;
+    height: auto !important;
+    margin: 0 !important;
+}
+.o_base_settings .o_control_panel .o_panel .o_setting_search .searchIcon {
+    top: 9px;
+    right: 10px;
+}
+.o_base_settings .o_control_panel .o_panel .o_setting_search .searchInput {
+    padding: 10px 15px;
+}
+//search view end
+
+//settings page
+.o_web_settings_invite {
+    margin-left: 7px;
+}
+
+.o_setting_container {
+    background: #f8f8fb;
+    padding: 15px 0 0 0;
+}
+.o_base_settings .o_control_panel {
+    margin: 0;
+}
+.settings {
+    margin-left: 15px;
+	background-color: #ffffff !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    border-radius: 5px;
+}
+.settings_tab {
+	background-color: #ffffff !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    border-radius: 5px;
+}
+.o_base_settings .o_setting_container .settings_tab .selected,
+ .o_base_settings .o_setting_container .settings_tab .selected span {
+    box-shadow: none !important;
+    color: #f46a6a !important;
+    font-weight: 500 !important;
+    background: none !important;
+}
+.o_base_settings .o_setting_container .settings_tab .tab {
+    color: #74788d !important;
+}
+.o_setting_container .o_field_widget.o_field_many2one.o_with_button.oe_inline {
+    margin-left: 15px !important;
+}
+//settings page end
+
+//scrollbar starts
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.19);
+	border-radius: 10px;
+	background-color: #F5F5F5;
+}
+::-webkit-scrollbar {
+	width: 12px;
+	background-color: #F5F5F5;
+}
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
+	background-color: #c9ccd6;
+}
+//scrollbar ends
+
+//common starts
+.o_content {
+    margin: 15px;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    background-color: #f8f8fb;
+}
+.o_action{
+    background: #f8f8fb;
+}
+//common ends
+
+//kanban_view starts
+.o_kanban_view {
+    border-radius: 5px;
+    background: #fff;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.o_kanban_view.o_kanban_ungrouped .o_kanban_record {
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.o_kanban_view .o_kanban_group {
+    background: #fff;
+    border-radius: 5px;
+    margin-right: 10px;
+}
+.o_kanban_view.o_kanban_grouped {
+    background-color: #f8f8fb;
+}
+.o_kanban_view.o_kanban_grouped .o_kanban_record, .o_kanban_view.o_kanban_grouped .o_kanban_quick_create {
+    border-radius: 5px;
+    margin-bottom: 10px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.o_kanban_view.o_kanban_dashboard .o_kanban_record .o_kanban_card_header + .container.o_kanban_card_content .o_kanban_primary_bottom.bottom_block {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    background: rgba(85,110,230,.25) !important;
+}
+.o_kanban_view .o_kanban_record.o_kanban_record_has_image_fill .o_kanban_image_fill_left {
+    border-bottom-left-radius: 5px;
+    border-top-left-radius: 5px;
+}
+.o_kanban_record::after {
+    border-bottom-left-radius: 5px;
+    border-top-left-radius: 5px;
+}
+.o_kanban_quick_create .o_form_view,
+.o_kanban_quick_create .o_action,
+.o_kanban_quick_create .o_content {
+    background: #fff;
+    margin: 0px;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+.o_kanban_view .o_kanban_content .bg-primary {
+    border-radius: 5px 0 0 5px;
+}
+//kanban_view ends
+
+//Apps menu starts
+.o_search_panel {
+    border-right: none;
+    background-color: #ffffff;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.list-group-item-action {
+    width: 100%;
+    color: #74788d;
+    text-align: inherit;
+}
+.list-group-item-action:hover, .list-group-item-action:focus {
+    color: none !important;
+    background: none !important;
+}
+.o_search_panel .list-group-item header.active {
+    background: none !important;
+    color: #f46a6a !important;
+    font-weight: 500 !important;
+}
+.o_controller_with_searchpanel .o_renderer_with_searchpanel {
+    margin-left: 15px;
+}
+//Apps menu ends
+
+//Website app starts
+.o_dashboards .o_website_dashboard {
+    background-color: #ffffff !important;
+}
+.o_dashboards .o_website_dashboard div.o_box {
+    box-shadow: none !important;
+}
+.o_inner_box {
+    background-color: $primary_accent !important;
+    border-radius: 5px;
+}
+.o_inner_box:hover {
+    background-color: $primary_hover !important;
+}
+//Website app ends
+
+//Purchase app starts
+td.o_main {
+    background-color: $primary_accent !important;
+    border-radius: 5px;
+}
+td.o_main:hover {
+    background-color: $primary_hover !important;
+}
+.o_purchase_dashboard .table > thead > tr > td,
+.o_purchase_dashboard .table tbody > tr > td {
+    border-radius: 5px;
+}
+//Purchase app ends
+
+//input inside colour starts
+select, input {
+    color: #4c4c4c !important;
+}
+.o_required_modifier > .o_input_dropdown > .ui-autocomplete-input {
+    color: #4c4c4c !important;
+}
+.o_required_modifier.o_input, .o_required_modifier.o_input {
+    color: #4c4c4c !important;
+}
+.o_datepicker.o_field_date.o_field_widget.o_required_modifier > input {
+    color: #4c4c4c !important;
+}
+//input inside colour ends
+
+//welcome demo starts
+.o_onboarding_container.collapse.show {
+    border-radius: 5px !important;
+    margin: 15px 15px 0px 15px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.o_onboarding.o_onboarding_blue,
+.o_onboarding.o_onboarding_blue .o_onboarding_step_title,
+.o_onboarding.o_onboarding_blue .o_onboarding_step_action,
+.o_onboarding.o_onboarding_blue a.o_onboarding_all_done,
+.o_onboarding.o_onboarding_blue .o_onboarding_all_done > .fa,
+.o_onboarding.o_onboarding_blue .o_onboarding_btn_close {
+    border-radius: 5px;
+}
+.o_onboarding {
+    border-radius: 5px;
+}
+//welcome demo ends
+
+//modal starts
+.modal.o_technical_modal .modal-content {
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #f6f6f6;
+}
+.modal.o_technical_modal .modal-content .o_form_view,
+.modal.o_technical_modal .modal-content .o_content,
+.modal.o_technical_modal .modal-content .o_action {
+    background-color: #fff !important;;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+.modal.show .modal-dialog {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+    min-height: calc(100% - 1rem);
+}
+.modal .o_form_view .o_group .o_field_widget {
+    width: 98% !important;
+}
+//modal ends
+
+//Calendar starts
+.o_calendar_view {
+    background: #fff;
+}
+//Calendar ends
+
+//expense starts
+.o_content .o_expense_container {
+    background: #fff;
+}
+//expense ends
+
+//lunch starts
+.o_lunch_content .o_lunch_banner {
+    border-bottom: none !important;
+    background-color: #fff !important;
+    margin: 0 15px 10px 15px;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+//lunch ends
+
+//kiosk starts
+.o_hr_attendance_kiosk_backdrop {
+    background-color: #f8f8fb !important;
+}
+.o_hr_attendance_kiosk_mode {
+    background-color: #fff !important;
+    border-radius: 0 0 5px 5px !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.o_hr_attendance_kiosk_mode .o_hr_attendance_user_badge {
+    border-radius: 5px 5px 0 0 !important;
+    border-top: none !important;
+    background: rgba(85,110,230,.25) !important;
+}
+.o_hr_attendance_sign_in_out_icon.fa-sign-in {
+    color: #fff !important;
+    background-color: $primary_accent !important;
+    border-color: $primary_accent !important;
+}
+.o_hr_attendance_sign_in_out_icon.fa-sign-in:hover {
+    color: #fff !important;
+    background-color: $primary_hover !important;
+    border-color: #4458b8 !important;
+}
+.o_hr_attendance_sign_in_out_icon.fa-sign-in:active {
+    color: #fff !important;
+    background-color: #4458b8 !important;
+    border-color: #4053ad !important;
+}
+.o_hr_attendance_sign_in_out_icon.fa-sign-in:focus {
+    color: #fff;
+    background-color: #485ec4 !important;
+    border-color: #4458b8 !important;
+    -webkit-box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+    box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+}
+.o_hr_attendance_kiosk_mode h3.mt0.mb0.text-muted {
+    color: $primary_accent !important;
+}
+.o_hr_attendance_button_employees div.mb16.mt16 {
+    margin-top: 4px !important;
+}
+//kiosk ends
+
+//timeoff starts
+.o_timeoff_container {
+    background: #fff;
+}
+//timeoff ends
+
+//project .fa colours starts
+.o_mail_activity .o_activity_color_planned {
+    color: #34c38f !important;
+}
+.o_mail_activity .o_activity_color_overdue {
+    color: #f46a6a !important;
+}
+.o_field_widget.o_priority > .o_priority_star.fa-star {
+    color: #f1b44c !important;
+}
+//project .fa colours ends
+
+//sale status icon starts
+.bg-primary {
+    background-color: $primary_accent !important;
+}
+.bg-secondary {
+    background-color: $secondary_accent !important;
+}
+.bg-success-light {
+    color: #1f7556 !important;
+    background-color: #d6f3e9 !important;
+}
+.bg-info-light {
+    color: #306391 !important;
+    background-color: #dcedfc !important;
+}
+.bg-danger-light {
+    background-color: #fde1e1 !important;
+    color: #924040 !important;
+}
+.bg-warning-light {
+    background-color: #fcf0db !important;
+    color: #916c2e !important;
+}
+.o_field_widget.o_field_badge {
+    color: #464855;
+    background-color: #e3e4e8;
+}
+//sale status icon end
+
+//stock icon colors starts
+.o_list_view .o_list_table .text-danger,
+.o_list_view .o_list_table .oe_import .alert.text-error,
+.oe_import .o_list_view .o_list_table .alert.text-error {
+    color: #f46a6a !important;
+}
+.text-danger {
+    color: #f1b44c !important;
+}
+.text-warning {
+    color: #f1b44c !important;
+}
+.text-error {
+    color: #f46a6a !important;
+}
+.text-success {
+    color: #34c38f !important;
+}
+//stock icon colors ends
+
+//badges starts
+.badge-primary {
+    background-color: #556ee6 !important;
+}
+.badge-secondary {
+  background-color: #74788d;
+}
+.badge-success {
+    background-color: #34c38f;
+}
+.badge-info {
+  background-color: #50a5f1;
+}
+.badge-danger {
+  background-color: #f46a6a;
+}
+.badge-warning {
+  background-color: #f1b44c;
+}
+.badge-dark {
+  background-color: #343a40;
+}
+.bg-success {
+    background-color: #34c38f !important;
+}
+.bg-success-full {
+    background-color: #34c38f !important;
+}
+.bg-warning-full {
+    background-color: #f1b44c !important;
+}
+.bg-danger-full {
+    background-color: #f46a6a;
+}
+.o-planned {
+    color: #34c38f !important;
+}
+.o-overdue {
+    color: #f46a6a !important;
+}
+.o_progressbar_complete {
+    background-color: #34c38f !important;
+}
+//badges ends
+
+//alert starts
+.alert-warning {
+    color: #916c2e;
+    background-color: #fcf0db;
+    border-color: #fbe9c9;
+}
+.alert-danger {
+    color: #924040;
+    background-color: #fde1e1;
+    border-color: #fcd2d2;
+}
+.alert-success {
+    color: #1f7556;
+    background-color: #d6f3e9;
+    border-color: #c2eddd;
+}
+.alert-info {
+    color: #306391;
+    background-color: #dcedfc;
+    border-color: #cbe4fb;
+}
+.toast {
+    border-radius: 5px !important;
+    color: #924040 !important;
+    background-color: #fde1e1 !important;
+    border-color: #fcd2d2 !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+}
+.toast-header {
+    border-bottom: 1px solid #fcd2d2 !important;
+    color: #924040 !important;
+    background-color: #fde1e1 !important;
+    border-color: #fcd2d2 !important;
+}
+.toast-body {
+    color: #924040 !important;
+    background-color: #fde1e1 !important;
+    border-color: #fcd2d2 !important;
+}
+.o_notification_manager {
+    top: auto !important;
+    bottom: 30px !important;
+}
+//alert ends
+
+//recruitment starts
+div.o_boolean_toggle.custom-control.custom-checkbox > label.custom-control-label::before,
+div.o_boolean_toggle.custom-control.custom-checkbox > label.custom-control-label::after {
+    left: 0.1rem !important;
+}
+div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::after {
+    top: 1.5px !important;
+}
+div.o_boolean_toggle.custom-control.custom-checkbox > label.custom-control-label::after {
+    top: 1px;
+}
+.o_kanban_view.o_kanban_dashboard.o_hr_recruitment_kanban .ribbon span {
+    background-color: #556ee6;
+}
+.o_kanban_view.o_kanban_dashboard.o_hr_recruitment_kanban.o_kanban_ungrouped .o_kanban_record:not(.o_kanban_ghost) {
+    height: 197px;
+}
+//recruitment ends
+
+//note editor starts
+.note-popover .popover .popover-body, .panel-heading.note-toolbar {
+    padding: 5px !important;
+    border-bottom: none !important;
+    background: rgba(85, 110, 230, 0.25) !important;
+    border-radius: 5px 5px 0 0  ;
+}
+.note-editor .note-statusbar {
+    border-radius: 0 0 5px 5px;
+}
+.wysiwyg_iframe, .note-editor {
+    border: 1px solid #556ee640 !important;
+    border-radius: 5px;
+}
+//note editor ends
+
+//progress starts
+.oe_kanban_content .progress .progress-bar {
+    background-color: #556ee6;
+}
+.progress-bar.bg-muted-full {
+    background-color: #dee2e6;
+}
+//progress ends
+
+//email marketing starts
+.o_domain_node.o_domain_tree.o_domain_selector > .o_domain_debug_container {
+    background: rgba(85, 110, 230, 0.25);
+    color: #000;
+}
+.o_domain_node.o_domain_tree.o_domain_selector > .o_domain_debug_container > input {
+    background: rgba(85, 110, 230, 0.25);
+}
+.o_field_widget.o_field_domain.o_inline_mode.o_edit_mode > .o_field_domain_panel {
+    top: -18px;
+}
+.o_domain_node .o_domain_selector_row > .o_domain_node_control_panel {
+    top: 5px;
+}
+.o_mail_emojis_dropdown {
+    bottom: 50px;
+}
+//emal marketing ends
+
+// menu+ color starts
+.o_main_navbar > ul > li.o_extra_menu_items.show > ul > li > a {
+    background-color: #74788d;
+}
+.o_main_navbar > ul > li.o_extra_menu_items.show > ul > li > a.dropdown-toggle {
+    background-color: #abadba;
+}
+//menu+ color ends
+
+//top menu bar starts
+nav.o_main_navbar.small_nav {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: right;
+    height: auto;
+}
+
+ul.o_menu_systray.topbar_icon {
+    margin-left: auto;
+}
+.o_main_navbar .o_user_menu > a {
+    display: flex;
+    align-items: center;
+}
+.oe_topbar_name {
+    max-width: 300px;
+    margin-left: 5px;
+    white-space: nowrap;
+    overflow: hidden;
+}
+ul.o_menu_sections {
+    padding-left: 20px;
+}
+@media (max-width: 1371px){
+    nav.o_main_navbar {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: right;
+        height: auto;
+    }
+    ul.o_menu_systray.topbar_icon {
+        margin-left: auto;
+    }
+}
+//top menu bar ends
+
+//datetimepicker starts
+.datepicker td,
+.datepicker td a,
+.datepicker th,
+.datepicker span {
+    padding: 0.5rem !important;
+}
+div.dropdown-menu.bootstrap-datetimepicker-widget{
+    width: auto !important;
+}
+//datetimepicker ends
+
+//groupby color starts
+.o_list_view tbody > tr.o_group_header {
+    background-image: none !important;
+}
+.table-striped tbody tr.o_group_header:nth-of-type(odd) {
+    background-color: rgba(85,110,230,0.17);
+}
+.table-striped tbody tr.o_group_header:hover {
+    background-color: rgba(85,110,230,0.23);
+}
+//groupby color ends
+
+//Responsive starts
+@media (max-width:992px) {
+    .o_action_manager.sidebar_margin {
+        margin: 0 !important;
+    }
+    .top_heading.sidebar_margin {
+        margin: 0 !important;
+    }
+    .sidebar_panel .sidebar {
+        position: relative;
+        padding-top: 0px !important;
+    }
+    .sidebar_panel .sidebar_close {
+        display: block !important;
+    }
+
+}
+@media (max-width:480px) {
+    ul.o_menu_apps {
+        padding-left: 25px;
+    }
+    .o_control_panel {
+        margin: 15px 10px 0 10px;
+    }
+    .o_control_panel > div {
+        flex-wrap: wrap;
+    }
+    .o_cp_top_left, .o_cp_top_right,
+    .o_cp_bottom_left, .o_cp_bottom_right {
+        width: 100%;
+    }
+    .o_widget_Discuss .o_Discuss.o-mobile:not(.o-adding-item) {
+        border: none !important;
+    }
+    html .o_web_client > .o_action_manager {
+        overflow: auto !important;
+    }
+    ul.o_menu_systray.topbar_icon li:nth-child(1) {
+        margin-left: 20px;
+    }
+    .o_main_navbar .o_user_menu {
+        margin-left: 20px;
+    }
+    .sidebar_panel .sidebar .sidebar_logo img {
+        max-width: 112px;
+    }
+    .sidebar_panel .sidebar .sidebar_logo {
+        padding-top: 20px;
+        text-align: center;
+        padding-bottom: 5px;
+    }
+    li.o_switch_company_menu.show .dropdown-menu.dropdown-menu-right.show {
+        right: auto !important;
+        left: 0px;
+    }
+    ul.o_menu_systray.topbar_icon .dropdown-menu.show{
+        left: 0px !important;
+        right: auto !important;
+    }
+    ul.o_menu_systray.topbar_icon {
+        margin-left: 0;
+    }
+    .o_MessagingMenu_dropdownMenu.o-mobile {
+        top: 70px;
+    }
+    .o_control_panel .o_cp_bottom_right {
+        flex-wrap: wrap;
+    }
+    .o_form_view .o_form_statusbar {
+        flex-wrap: wrap;
+    }
+    .btn {
+        padding: 2px 10px !important;
+        height: 35px !important;
+    }
+    .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before,
+    .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):after {
+        border-top: 17px solid transparent !important;
+        border-bottom: 16px solid transparent !important;
+    }
+    .o_statusbar_status.o_field_widget.o_readonly_modifier {
+        width: 100%;
+        justify-content: flex-end;
+        margin-top: 5px;
+    }
+    .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn {
+        margin: 1px 0px 4px 0;
+    }
+    .o_form_statusbar .o_statusbar_buttons .btn {
+        margin-right: 5px !important;
+    }
+    .o_control_panel .o_cp_bottom_left > .o_cp_action_menus .o_dropdown_toggler_btn {
+        margin-right: 3px;
+    }
+    .o_form_view .o_form_sheet_bg > .o_form_sheet {
+        min-width: auto;
+    }
+    .nav-tabs .nav-link {
+        padding: 8px;
+    }
+    .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header {
+        background: $primary_accent;
+    }
+    .o_form_view .o_group .o_group_col_6 {
+        width: 100%;
+    }
+    .o_kanban_view.o_kanban_ungrouped .o_kanban_record {
+        flex-wrap: wrap;
+    }
+    .o_kanban_view .o_kanban_record.o_kanban_record_has_image_fill .o_kanban_image_fill_left {
+        border-radius: 5px;
+    }
+    .o_field_widget.o_field_image .o_form_image_controls > .fa.o_select_file_button {
+        background: #74788d;
+    }
+}
+//Responsive ends
\ No newline at end of file
diff --git a/code_backend_theme/static/src/scss/theme_accent.scss b/code_backend_theme/static/src/scss/theme_accent.scss
new file mode 100644
index 0000000..45de243
--- /dev/null
+++ b/code_backend_theme/static/src/scss/theme_accent.scss
@@ -0,0 +1,8 @@
+$primary_accent: #556ee6 !default;
+$secondary_accent: #334332 !default;
+$inverse_accent: #ffffff !default;
+$o-kanban-color-border-width: 8px;
+$selected_row: #ffffff !default;
+$bg_white: #ffffff !default;
+$f_color: #555b6d !default;
+$primary_hover: #485ec4 !default;
\ No newline at end of file