From a542d9adb47e22261de14d1e7369d76af5114eb6 Mon Sep 17 00:00:00 2001
From: "kosta (kts)" <kts@odoo.com>
Date: Thu, 13 Feb 2020 13:15:42 +0100
Subject: [PATCH] [IMP] index links looking bad with underline

---
 _extensions/odoo/static/index.less |   8 +-
 _extensions/odoo/static/style.css  | 394 ++++++++++++++---------------
 2 files changed, 192 insertions(+), 210 deletions(-)

diff --git a/_extensions/odoo/static/index.less b/_extensions/odoo/static/index.less
index 9d13250cc..a5642c082 100644
--- a/_extensions/odoo/static/index.less
+++ b/_extensions/odoo/static/index.less
@@ -109,6 +109,12 @@ main.index {
                     display: none;
                 }
             }
+            a {
+                text-decoration: none;
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/_extensions/odoo/static/style.css b/_extensions/odoo/static/style.css
index 1828b940c..751cdde03 100644
--- a/_extensions/odoo/static/style.css
+++ b/_extensions/odoo/static/style.css
@@ -1071,10 +1071,10 @@ html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 body {
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
-  font-size: 15px;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 16px;
   line-height: 1.42857143;
-  color: #666c75;
+  color: #373e42;
   background-color: #F9F9F9;
 }
 input,
@@ -1135,8 +1135,8 @@ img {
   border-radius: 50%;
 }
 hr {
-  margin-top: 21px;
-  margin-bottom: 21px;
+  margin-top: 22px;
+  margin-bottom: 22px;
   border: 0;
   border-top: 1px solid #F2F2F2;
 }
@@ -1174,8 +1174,8 @@ h6,
 .h4,
 .h5,
 .h6 {
-  font-family: "Work Sans", sans-serif;
-  font-weight: 300;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-weight: 400;
   line-height: 1.1;
   color: #21313a;
 }
@@ -1213,8 +1213,8 @@ h2,
 .h2,
 h3,
 .h3 {
-  margin-top: 21px;
-  margin-bottom: 10.5px;
+  margin-top: 22px;
+  margin-bottom: 11px;
 }
 h1 small,
 .h1 small,
@@ -1236,8 +1236,8 @@ h5,
 .h5,
 h6,
 .h6 {
-  margin-top: 10.5px;
-  margin-bottom: 10.5px;
+  margin-top: 11px;
+  margin-bottom: 11px;
 }
 h4 small,
 .h4 small,
@@ -1255,15 +1255,15 @@ h6 .small,
 }
 h1,
 .h1 {
-  font-size: 39px;
+  font-size: 41px;
 }
 h2,
 .h2 {
-  font-size: 32px;
+  font-size: 30px;
 }
 h3,
 .h3 {
-  font-size: 26px;
+  font-size: 24px;
 }
 h4,
 .h4 {
@@ -1271,29 +1271,29 @@ h4,
 }
 h5,
 .h5 {
-  font-size: 15px;
+  font-size: 17px;
 }
 h6,
 .h6 {
-  font-size: 13px;
+  font-size: 17px;
 }
 p {
-  margin: 0 0 10.5px;
+  margin: 0 0 11px;
 }
 .lead {
-  margin-bottom: 21px;
-  font-size: 17px;
+  margin-bottom: 22px;
+  font-size: 18px;
   font-weight: 300;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .lead {
-    font-size: 22.5px;
+    font-size: 24px;
   }
 }
 small,
 .small {
-  font-size: 86%;
+  font-size: 87%;
 }
 mark,
 .mark {
@@ -1399,14 +1399,14 @@ a.bg-danger:focus {
   background-color: #e4b9b9;
 }
 .page-header {
-  padding-bottom: 9.5px;
-  margin: 42px 0 21px;
+  padding-bottom: 10px;
+  margin: 44px 0 22px;
   border-bottom: 1px solid #F2F2F2;
 }
 ul,
 ol {
   margin-top: 0;
-  margin-bottom: 10.5px;
+  margin-bottom: 11px;
 }
 ul ul,
 ol ul,
@@ -1430,7 +1430,7 @@ ol ol {
 }
 dl {
   margin-top: 0;
-  margin-bottom: 21px;
+  margin-bottom: 22px;
 }
 dt,
 dd {
@@ -1466,9 +1466,9 @@ abbr[data-original-title] {
   text-transform: uppercase;
 }
 blockquote {
-  padding: 10.5px 21px;
-  margin: 0 0 21px;
-  font-size: 18.75px;
+  padding: 11px 22px;
+  margin: 0 0 22px;
+  font-size: 20px;
   border-left: 5px solid #F2F2F2;
 }
 blockquote p:last-child,
@@ -1514,7 +1514,7 @@ blockquote.pull-right .small:after {
   content: '\00A0 \2014';
 }
 address {
-  margin-bottom: 21px;
+  margin-bottom: 22px;
   font-style: normal;
   line-height: 1.42857143;
 }
@@ -1547,9 +1547,9 @@ kbd kbd {
 }
 pre {
   display: block;
-  padding: 10px;
-  margin: 0 0 10.5px;
-  font-size: 14px;
+  padding: 10.5px;
+  margin: 0 0 11px;
+  font-size: 15px;
   line-height: 1.42857143;
   word-break: break-all;
   word-wrap: break-word;
@@ -2343,7 +2343,7 @@ th {
 .table {
   width: 100%;
   max-width: 100%;
-  margin-bottom: 21px;
+  margin-bottom: 22px;
 }
 .table > thead > tr > th,
 .table > tbody > tr > th,
@@ -2526,7 +2526,7 @@ table th[class*="col-"] {
 @media screen and (max-width: 767px) {
   .table-responsive {
     width: 100%;
-    margin-bottom: 15.75px;
+    margin-bottom: 16.5px;
     overflow-y: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     border: 1px solid #ddd;
@@ -2578,8 +2578,8 @@ legend {
   display: block;
   width: 100%;
   padding: 0;
-  margin-bottom: 21px;
-  font-size: 22.5px;
+  margin-bottom: 22px;
+  font-size: 24px;
   line-height: inherit;
   color: #6B6D70;
   border: 0;
@@ -2623,16 +2623,16 @@ input[type="checkbox"]:focus {
 output {
   display: block;
   padding-top: 7px;
-  font-size: 15px;
+  font-size: 16px;
   line-height: 1.42857143;
   color: #888888;
 }
 .form-control {
   display: block;
   width: 100%;
-  height: 35px;
+  height: 36px;
   padding: 6px 12px;
-  font-size: 15px;
+  font-size: 16px;
   line-height: 1.42857143;
   color: #888888;
   background-color: #fff;
@@ -2686,7 +2686,7 @@ input[type="search"] {
   input[type="time"].form-control,
   input[type="datetime-local"].form-control,
   input[type="month"].form-control {
-    line-height: 35px;
+    line-height: 36px;
   }
   input[type="date"].input-sm,
   input[type="time"].input-sm,
@@ -2696,7 +2696,7 @@ input[type="search"] {
   .input-group-sm input[type="time"],
   .input-group-sm input[type="datetime-local"],
   .input-group-sm input[type="month"] {
-    line-height: 31px;
+    line-height: 33px;
   }
   input[type="date"].input-lg,
   input[type="time"].input-lg,
@@ -2706,7 +2706,7 @@ input[type="search"] {
   .input-group-lg input[type="time"],
   .input-group-lg input[type="datetime-local"],
   .input-group-lg input[type="month"] {
-    line-height: 48px;
+    line-height: 49px;
   }
 }
 .form-group {
@@ -2721,7 +2721,7 @@ input[type="search"] {
 }
 .radio label,
 .checkbox label {
-  min-height: 21px;
+  min-height: 22px;
   padding-left: 20px;
   margin-bottom: 0;
   font-weight: normal;
@@ -2778,7 +2778,7 @@ fieldset[disabled] .checkbox label {
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 0;
-  min-height: 36px;
+  min-height: 38px;
 }
 .form-control-static.input-lg,
 .form-control-static.input-sm {
@@ -2786,84 +2786,84 @@ fieldset[disabled] .checkbox label {
   padding-right: 0;
 }
 .input-sm {
-  height: 31px;
+  height: 33px;
   padding: 5px 10px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 select.input-sm {
-  height: 31px;
-  line-height: 31px;
+  height: 33px;
+  line-height: 33px;
 }
 textarea.input-sm,
 select[multiple].input-sm {
   height: auto;
 }
 .form-group-sm .form-control {
-  height: 31px;
+  height: 33px;
   padding: 5px 10px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 .form-group-sm select.form-control {
-  height: 31px;
-  line-height: 31px;
+  height: 33px;
+  line-height: 33px;
 }
 .form-group-sm textarea.form-control,
 .form-group-sm select[multiple].form-control {
   height: auto;
 }
 .form-group-sm .form-control-static {
-  height: 31px;
-  min-height: 34px;
+  height: 33px;
+  min-height: 36px;
   padding: 6px 10px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
 }
 .input-lg {
-  height: 48px;
+  height: 49px;
   padding: 10px 16px;
-  font-size: 19px;
+  font-size: 20px;
   line-height: 1.3333333;
   border-radius: 6px;
 }
 select.input-lg {
-  height: 48px;
-  line-height: 48px;
+  height: 49px;
+  line-height: 49px;
 }
 textarea.input-lg,
 select[multiple].input-lg {
   height: auto;
 }
 .form-group-lg .form-control {
-  height: 48px;
+  height: 49px;
   padding: 10px 16px;
-  font-size: 19px;
+  font-size: 20px;
   line-height: 1.3333333;
   border-radius: 6px;
 }
 .form-group-lg select.form-control {
-  height: 48px;
-  line-height: 48px;
+  height: 49px;
+  line-height: 49px;
 }
 .form-group-lg textarea.form-control,
 .form-group-lg select[multiple].form-control {
   height: auto;
 }
 .form-group-lg .form-control-static {
-  height: 48px;
-  min-height: 40px;
+  height: 49px;
+  min-height: 42px;
   padding: 11px 16px;
-  font-size: 19px;
+  font-size: 20px;
   line-height: 1.3333333;
 }
 .has-feedback {
   position: relative;
 }
 .has-feedback .form-control {
-  padding-right: 43.75px;
+  padding-right: 45px;
 }
 .form-control-feedback {
   position: absolute;
@@ -2871,25 +2871,25 @@ select[multiple].input-lg {
   right: 0;
   z-index: 2;
   display: block;
-  width: 35px;
-  height: 35px;
-  line-height: 35px;
+  width: 36px;
+  height: 36px;
+  line-height: 36px;
   text-align: center;
   pointer-events: none;
 }
 .input-lg + .form-control-feedback,
 .input-group-lg + .form-control-feedback,
 .form-group-lg .form-control + .form-control-feedback {
-  width: 48px;
-  height: 48px;
-  line-height: 48px;
+  width: 49px;
+  height: 49px;
+  line-height: 49px;
 }
 .input-sm + .form-control-feedback,
 .input-group-sm + .form-control-feedback,
 .form-group-sm .form-control + .form-control-feedback {
-  width: 31px;
-  height: 31px;
-  line-height: 31px;
+  width: 33px;
+  height: 33px;
+  line-height: 33px;
 }
 .has-success .help-block,
 .has-success .control-label,
@@ -2982,7 +2982,7 @@ select[multiple].input-lg {
   color: #a94442;
 }
 .has-feedback label ~ .form-control-feedback {
-  top: 26px;
+  top: 27px;
 }
 .has-feedback label.sr-only ~ .form-control-feedback {
   top: 0;
@@ -2991,7 +2991,7 @@ select[multiple].input-lg {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
-  color: #a7acb3;
+  color: #717f88;
 }
 @media (min-width: 768px) {
   .form-inline .form-group {
@@ -3053,7 +3053,7 @@ select[multiple].input-lg {
 }
 .form-horizontal .radio,
 .form-horizontal .checkbox {
-  min-height: 28px;
+  min-height: 29px;
 }
 .form-horizontal .form-group {
   margin-left: -15px;
@@ -3072,13 +3072,13 @@ select[multiple].input-lg {
 @media (min-width: 768px) {
   .form-horizontal .form-group-lg .control-label {
     padding-top: 11px;
-    font-size: 19px;
+    font-size: 20px;
   }
 }
 @media (min-width: 768px) {
   .form-horizontal .form-group-sm .control-label {
     padding-top: 6px;
-    font-size: 13px;
+    font-size: 14px;
   }
 }
 .btn {
@@ -3093,7 +3093,7 @@ select[multiple].input-lg {
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
-  font-size: 15px;
+  font-size: 16px;
   line-height: 1.42857143;
   border-radius: 4px;
   -webkit-user-select: none;
@@ -3515,21 +3515,21 @@ fieldset[disabled] .btn-link:focus {
 .btn-lg,
 .btn-group-lg > .btn {
   padding: 10px 16px;
-  font-size: 19px;
+  font-size: 20px;
   line-height: 1.3333333;
   border-radius: 6px;
 }
 .btn-sm,
 .btn-group-sm > .btn {
   padding: 5px 10px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 .btn-xs,
 .btn-group-xs > .btn {
   padding: 1px 5px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
@@ -3606,7 +3606,7 @@ tbody.collapse.in {
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
-  font-size: 15px;
+  font-size: 16px;
   text-align: left;
   background-color: #fff;
   border: 1px solid #ccc;
@@ -3622,7 +3622,7 @@ tbody.collapse.in {
 }
 .dropdown-menu .divider {
   height: 1px;
-  margin: 9.5px 0;
+  margin: 10px 0;
   overflow: hidden;
   background-color: #e5e5e5;
 }
@@ -3679,7 +3679,7 @@ tbody.collapse.in {
 .dropdown-header {
   display: block;
   padding: 3px 20px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.42857143;
   color: #dcddde;
   white-space: nowrap;
@@ -3913,17 +3913,17 @@ tbody.collapse.in {
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
 .input-group-lg > .input-group-btn > .btn {
-  height: 48px;
+  height: 49px;
   padding: 10px 16px;
-  font-size: 19px;
+  font-size: 20px;
   line-height: 1.3333333;
   border-radius: 6px;
 }
 select.input-group-lg > .form-control,
 select.input-group-lg > .input-group-addon,
 select.input-group-lg > .input-group-btn > .btn {
-  height: 48px;
-  line-height: 48px;
+  height: 49px;
+  line-height: 49px;
 }
 textarea.input-group-lg > .form-control,
 textarea.input-group-lg > .input-group-addon,
@@ -3936,17 +3936,17 @@ select[multiple].input-group-lg > .input-group-btn > .btn {
 .input-group-sm > .form-control,
 .input-group-sm > .input-group-addon,
 .input-group-sm > .input-group-btn > .btn {
-  height: 31px;
+  height: 33px;
   padding: 5px 10px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 select.input-group-sm > .form-control,
 select.input-group-sm > .input-group-addon,
 select.input-group-sm > .input-group-btn > .btn {
-  height: 31px;
-  line-height: 31px;
+  height: 33px;
+  line-height: 33px;
 }
 textarea.input-group-sm > .form-control,
 textarea.input-group-sm > .input-group-addon,
@@ -3974,7 +3974,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .input-group-addon {
   padding: 6px 12px;
-  font-size: 15px;
+  font-size: 16px;
   font-weight: normal;
   line-height: 1;
   color: #888888;
@@ -3985,12 +3985,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .input-group-addon.input-sm {
   padding: 5px 10px;
-  font-size: 13px;
+  font-size: 14px;
   border-radius: 3px;
 }
 .input-group-addon.input-lg {
   padding: 10px 16px;
-  font-size: 19px;
+  font-size: 20px;
   border-radius: 6px;
 }
 .input-group-addon input[type="radio"],
@@ -4085,7 +4085,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .nav .nav-divider {
   height: 1px;
-  margin: 9.5px 0;
+  margin: 10px 0;
   overflow: hidden;
   background-color: #e5e5e5;
 }
@@ -4243,7 +4243,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .navbar {
   position: relative;
   min-height: 50px;
-  margin-bottom: 21px;
+  margin-bottom: 22px;
   border: 1px solid transparent;
 }
 @media (min-width: 768px) {
@@ -4348,9 +4348,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .navbar-brand {
   float: left;
-  padding: 14.5px 15px;
-  font-size: 19px;
-  line-height: 21px;
+  padding: 14px 15px;
+  font-size: 20px;
+  line-height: 22px;
   height: 50px;
 }
 .navbar-brand:hover,
@@ -4396,12 +4396,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   }
 }
 .navbar-nav {
-  margin: 7.25px -15px;
+  margin: 7px -15px;
 }
 .navbar-nav > li > a {
   padding-top: 10px;
   padding-bottom: 10px;
-  line-height: 21px;
+  line-height: 22px;
 }
 @media (max-width: 767px) {
   .navbar-nav .open .dropdown-menu {
@@ -4418,7 +4418,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     padding: 5px 15px 5px 25px;
   }
   .navbar-nav .open .dropdown-menu > li > a {
-    line-height: 21px;
+    line-height: 22px;
   }
   .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-nav .open .dropdown-menu > li > a:focus {
@@ -4434,8 +4434,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     float: left;
   }
   .navbar-nav > li > a {
-    padding-top: 14.5px;
-    padding-bottom: 14.5px;
+    padding-top: 14px;
+    padding-bottom: 14px;
   }
 }
 .navbar-form {
@@ -4446,8 +4446,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   border-bottom: 1px solid transparent;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-  margin-top: 7.5px;
-  margin-bottom: 7.5px;
+  margin-top: 7px;
+  margin-bottom: 7px;
 }
 @media (min-width: 768px) {
   .navbar-form .form-group {
@@ -4532,20 +4532,20 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   border-bottom-left-radius: 0;
 }
 .navbar-btn {
-  margin-top: 7.5px;
-  margin-bottom: 7.5px;
+  margin-top: 7px;
+  margin-bottom: 7px;
 }
 .navbar-btn.btn-sm {
-  margin-top: 9.5px;
-  margin-bottom: 9.5px;
+  margin-top: 8.5px;
+  margin-bottom: 8.5px;
 }
 .navbar-btn.btn-xs {
   margin-top: 14px;
   margin-bottom: 14px;
 }
 .navbar-text {
-  margin-top: 14.5px;
-  margin-bottom: 14.5px;
+  margin-top: 14px;
+  margin-bottom: 14px;
 }
 @media (min-width: 768px) {
   .navbar-text {
@@ -4766,7 +4766,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 }
 .breadcrumb {
   padding: 8px 15px;
-  margin-bottom: 21px;
+  margin-bottom: 22px;
   list-style: none;
   background-color: #f5f5f5;
   border-radius: 4px;
@@ -4785,7 +4785,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pagination {
   display: inline-block;
   padding-left: 0;
-  margin: 21px 0;
+  margin: 22px 0;
   border-radius: 4px;
 }
 .pagination > li {
@@ -4849,7 +4849,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pagination-lg > li > a,
 .pagination-lg > li > span {
   padding: 10px 16px;
-  font-size: 19px;
+  font-size: 20px;
   line-height: 1.3333333;
 }
 .pagination-lg > li:first-child > a,
@@ -4865,7 +4865,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pagination-sm > li > a,
 .pagination-sm > li > span {
   padding: 5px 10px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
 }
 .pagination-sm > li:first-child > a,
@@ -4880,7 +4880,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 }
 .pager {
   padding-left: 0;
-  margin: 21px 0;
+  margin: 22px 0;
   list-style: none;
   text-align: center;
 }
@@ -4987,7 +4987,7 @@ a.label:focus {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
-  font-size: 13px;
+  font-size: 14px;
   font-weight: bold;
   color: #fff;
   line-height: 1;
@@ -5042,7 +5042,7 @@ a.badge:focus {
 }
 .jumbotron p {
   margin-bottom: 15px;
-  font-size: 23px;
+  font-size: 24px;
   font-weight: 200;
 }
 .jumbotron > hr {
@@ -5069,13 +5069,13 @@ a.badge:focus {
   }
   .jumbotron h1,
   .jumbotron .h1 {
-    font-size: 68px;
+    font-size: 72px;
   }
 }
 .thumbnail {
   display: block;
   padding: 4px;
-  margin-bottom: 21px;
+  margin-bottom: 22px;
   line-height: 1.42857143;
   background-color: #F9F9F9;
   border: 1px solid #ddd;
@@ -5096,11 +5096,11 @@ a.thumbnail.active {
 }
 .thumbnail .caption {
   padding: 9px;
-  color: #666c75;
+  color: #373e42;
 }
 .alert {
   padding: 15px;
-  margin-bottom: 21px;
+  margin-bottom: 22px;
   border: 1px solid transparent;
   border-radius: 4px;
 }
@@ -5191,8 +5191,8 @@ a.thumbnail.active {
 }
 .progress {
   overflow: hidden;
-  height: 21px;
-  margin-bottom: 21px;
+  height: 22px;
+  margin-bottom: 22px;
   background-color: #f5f5f5;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
@@ -5202,8 +5202,8 @@ a.thumbnail.active {
   float: left;
   width: 0%;
   height: 100%;
-  font-size: 13px;
-  line-height: 21px;
+  font-size: 14px;
+  line-height: 22px;
   color: #fff;
   text-align: center;
   background-color: #21b799;
@@ -5513,7 +5513,7 @@ button.list-group-item-danger.active:focus {
   line-height: 1.3;
 }
 .panel {
-  margin-bottom: 21px;
+  margin-bottom: 22px;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -5535,7 +5535,7 @@ button.list-group-item-danger.active:focus {
 .panel-title {
   margin-top: 0;
   margin-bottom: 0;
-  font-size: 17px;
+  font-size: 18px;
   color: inherit;
 }
 .panel-title > a,
@@ -5725,7 +5725,7 @@ button.list-group-item-danger.active:focus {
   margin-bottom: 0;
 }
 .panel-group {
-  margin-bottom: 21px;
+  margin-bottom: 22px;
 }
 .panel-group .panel {
   margin-bottom: 0;
@@ -5905,7 +5905,7 @@ button.list-group-item-danger.active:focus {
 }
 .close {
   float: right;
-  font-size: 22.5px;
+  font-size: 24px;
   font-weight: bold;
   line-height: 1;
   color: #000;
@@ -6055,7 +6055,7 @@ button.close {
   position: absolute;
   z-index: 1070;
   display: block;
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
@@ -6070,7 +6070,7 @@ button.close {
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
-  font-size: 13px;
+  font-size: 14px;
   opacity: 0;
   filter: alpha(opacity=0);
 }
@@ -6173,7 +6173,7 @@ button.close {
   display: none;
   max-width: 276px;
   padding: 1px;
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
@@ -6188,7 +6188,7 @@ button.close {
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
-  font-size: 15px;
+  font-size: 16px;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ccc;
@@ -6212,7 +6212,7 @@ button.close {
 .popover-title {
   margin: 0;
   padding: 8px 14px;
-  font-size: 15px;
+  font-size: 16px;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-radius: 5px 5px 0 0;
@@ -9190,36 +9190,6 @@ button.close {
 .mdi-toggle-star:before {
   content: "\e8f5";
 }
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Work Sans Light'), local('WorkSans-Light'), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh314L8lthI.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_cqDs.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3j4P8lthI.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 600;
-  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3o4T8lthI.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3x4X8lthI.ttf) format('truetype');
-}
 .o-no-select {
   pointer-events: none;
   cursor: default;
@@ -9313,7 +9283,7 @@ button.close {
   z-index: 1;
   position: relative;
   background-color: #dcddde;
-  color: #5a5f68;
+  color: #2b3134;
 }
 @media screen and (min-width: 768px) {
   .o-doc-dropdown.open {
@@ -9321,7 +9291,7 @@ button.close {
   }
 }
 .o-doc-dropdown.open .dropdown-toggle {
-  color: #5a5f68;
+  color: #2b3134;
 }
 .o-doc-dropdown.open .dropdown-toggle:hover {
   color: #21313a;
@@ -9339,7 +9309,7 @@ button.close {
 .o-doc-dropdown.open .dropdown-menu > li > a {
   font-size: 12px;
   display: block;
-  color: #5a5f68;
+  color: #2b3134;
   float: none;
   text-transform: none;
   font-weight: 500;
@@ -9797,7 +9767,7 @@ main .alert h3.alert-title {
   line-height: 1em;
   margin: 0 0 5px;
   font-weight: bold;
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #438fa5;
 }
 main .alert h3.alert-title:before {
@@ -9926,10 +9896,10 @@ blockquote {
   font-style: italic;
 }
 blockquote footer {
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   background: transparent;
   text-align: left;
-  color: #666c75;
+  color: #373e42;
   font-weight: normal;
   font-style: normal;
 }
@@ -10059,7 +10029,7 @@ article.doc-body .content-switcher > .tabs > .active {
   background: #21272b;
   color: #dcddde;
   border-radius: 4px;
-  margin-bottom: 10.5px;
+  margin-bottom: 11px;
 }
 .highlight pre {
   margin-bottom: 0;
@@ -10074,7 +10044,7 @@ pre {
   border: none;
   max-width: 100%;
   overflow: auto;
-  margin: 0 0 10.5px;
+  margin: 0 0 11px;
 }
 body,
 header {
@@ -10265,7 +10235,7 @@ main.index .toc-section h2 {
   border-bottom: 1px solid #F2F2F2;
   margin: 1.4em 0 0.8em;
   font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   letter-spacing: 0;
   font-weight: bold;
   color: #888888;
@@ -10274,7 +10244,7 @@ main.index .card {
   border-radius: 4px;
   position: relative;
   overflow: hidden;
-  margin-bottom: 20px;
+  margin-bottom: 25px;
   padding-top: 56%;
   background-color: #fff;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);
@@ -10287,7 +10257,7 @@ main.index .card .card-img span {
   height: 100%;
 }
 main.index .card figcaption {
-  color: #666c75;
+  color: #373e42;
   box-shadow: inset 0 1px 0 #F2F2F2;
   font-weight: bold;
   line-height: 1.2;
@@ -10340,6 +10310,12 @@ main.index .card figcaption {
 .toctree-wrapper > ul li.toctree-l2 > ul:empty {
   display: none;
 }
+.toctree-wrapper > ul li.toctree-l2 a {
+  text-decoration: none;
+}
+.toctree-wrapper > ul li.toctree-l2 a:hover {
+  text-decoration: underline;
+}
 #oe_main_menu_navbar ~ #wrapwrap .o_main_header.o_has_sub_nav.o_scrolled {
   top: -17px;
 }
@@ -10349,7 +10325,7 @@ main.index .card figcaption {
   height: 50px;
   z-index: 2;
   background-color: rgba(255, 255, 255, 0.6);
-  color: #5a5f68;
+  color: #2b3134;
   font-family: "Work Sans", sans-serif;
   font-size: 12px;
   -webkit-transition: all 0.2s ease;
@@ -10410,7 +10386,7 @@ main.index .card figcaption {
 }
 .o_main_header > .o_main_header_main a:hover,
 .o_main_header > .o_main_header_main a:focus {
-  color: #505d71;
+  color: #273239;
 }
 .o_main_header > .o_main_header_main .o_logo {
   margin: 15px 0;
@@ -10729,7 +10705,7 @@ main.index .card figcaption {
     font-size: 0.7em;
     font-weight: 500;
     line-height: 1.5;
-    color: #666c75;
+    color: #373e42;
     margin-bottom: 1.3em;
   }
 }
@@ -10888,7 +10864,7 @@ main.index .card figcaption {
 .o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu li a {
   padding-top: 5px;
   padding-bottom: 5px;
-  color: #666c75;
+  color: #373e42;
 }
 .o_main_header > .o_sub_nav {
   min-height: 40px;
@@ -10900,7 +10876,7 @@ main.index .card figcaption {
   height: 38px;
   line-height: 38px;
   font-weight: 600;
-  color: #666c75;
+  color: #373e42;
   overflow: hidden;
 }
 .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo,
@@ -10973,7 +10949,7 @@ main.index .card figcaption {
   padding: 0;
   font-size: 12px;
   font-weight: 500;
-  color: #666c75;
+  color: #373e42;
 }
 .o_main_header > .o_sub_nav > .container .nav > li > a:hover,
 .o_main_header > .o_sub_nav > .container .nav > li > a:focus {
@@ -11047,7 +11023,7 @@ main.index .card figcaption {
   }
   .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open {
     background-color: #FCFCFC;
-    color: #5a5f68;
+    color: #2b3134;
   }
   .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open .dropdown-menu {
     background-color: #FCFCFC;
@@ -11061,7 +11037,7 @@ main.index .card figcaption {
   }
   .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open .dropdown-menu > li > a {
     display: block;
-    color: #5a5f68;
+    color: #2b3134;
     float: none;
     text-transform: none;
     font-weight: normal;
@@ -11070,7 +11046,7 @@ main.index .card figcaption {
 .o_main_header.o_scrolled:not(.o_transparent_blocked),
 .o_main_header.o_sub_opened {
   background-color: #FCFCFC;
-  color: #5a5f68;
+  color: #2b3134;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);
 }
 .o_main_header.o_scrolled:not(.o_transparent_blocked) .o_logo,
@@ -11081,8 +11057,8 @@ main.index .card figcaption {
 .o_main_header.o_sub_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a::before,
 .o_main_header.o_scrolled:not(.o_transparent_blocked) > .o_main_header_main > .o_primary_nav > li.dropdown > a::after,
 .o_main_header.o_sub_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a::after {
-  background-color: #5a5f68;
-  box-shadow: 0 1px 1px rgba(90, 95, 104, 0.1);
+  background-color: #2b3134;
+  box-shadow: 0 1px 1px rgba(43, 49, 52, 0.1);
 }
 .o_main_header.o_scrolled .o_sub_nav {
   background: #FCFCFC;
@@ -11105,7 +11081,7 @@ main.index .card figcaption {
     height: auto;
     min-height: 50px;
     background-color: #FCFCFC;
-    color: #5a5f68;
+    color: #2b3134;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);
   }
   .o_main_header .o_logo {
@@ -11113,8 +11089,8 @@ main.index .card figcaption {
   }
   .o_main_header > .o_main_header_main > .o_primary_nav > li.dropdown > a::before,
   .o_main_header > .o_main_header_main > .o_primary_nav > li.dropdown > a::after {
-    background-color: #5a5f68;
-    box-shadow: 0 1px 1px rgba(90, 95, 104, 0.1);
+    background-color: #2b3134;
+    box-shadow: 0 1px 1px rgba(43, 49, 52, 0.1);
   }
   .o_main_header > .o_main_header_main {
     position: relative;
@@ -11393,7 +11369,7 @@ aside {
 .navbar-aside {
   position: relative;
   overflow: hidden;
-  font-family: "Work Sans", sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 0.85em;
   line-height: 1.5;
   overflow-y: auto;
@@ -11419,7 +11395,7 @@ aside {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 16px;
-  color: #666c75;
+  color: #373e42;
   overflow-x: hidden;
   position: relative;
   z-index: 1;
@@ -11433,12 +11409,12 @@ aside {
   overflow-x: hidden;
 }
 .navbar-aside .gith-container .gith-link {
-  color: #666c75;
+  color: #373e42;
   text-decoration: none;
   display: inline-block;
   position: relative;
   margin: 10px 0;
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .navbar-aside .gith-container .gith-link:hover {
   color: #21313a;
@@ -11478,7 +11454,7 @@ aside {
 .navbar-aside ul li > a {
   display: block;
   padding: 5px 15px;
-  color: #666c75;
+  color: #373e42;
   line-height: 1.2;
 }
 .navbar-aside ul li > a:focus,
@@ -11952,7 +11928,7 @@ aside {
   z-index: 1;
   position: relative;
   background-color: #dcddde;
-  color: #5a5f68;
+  color: #2b3134;
 }
 @media screen and (min-width: 768px) {
   .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open {
@@ -11960,7 +11936,7 @@ aside {
   }
 }
 .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle {
-  color: #5a5f68;
+  color: #2b3134;
 }
 .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle:hover {
   color: #21313a;
@@ -11978,7 +11954,7 @@ aside {
 .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li > a {
   font-size: 12px;
   display: block;
-  color: #5a5f68;
+  color: #2b3134;
   float: none;
   text-transform: none;
   font-weight: 500;
@@ -12058,7 +12034,7 @@ aside {
   z-index: 1;
   position: relative;
   background-color: #dcddde;
-  color: #5a5f68;
+  color: #2b3134;
 }
 @media screen and (min-width: 768px) {
   .o_main_header > .o_sub_nav li.dropdown.open {
@@ -12066,7 +12042,7 @@ aside {
   }
 }
 .o_main_header > .o_sub_nav li.dropdown.open .dropdown-toggle {
-  color: #5a5f68;
+  color: #2b3134;
 }
 .o_main_header > .o_sub_nav li.dropdown.open .dropdown-toggle:hover {
   color: #21313a;
@@ -12084,7 +12060,7 @@ aside {
 .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li > a {
   font-size: 12px;
   display: block;
-  color: #5a5f68;
+  color: #2b3134;
   float: none;
   text-transform: none;
   font-weight: 500;
@@ -12145,11 +12121,11 @@ aside {
     margin: 0 0 0 -8px;
   }
   .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a {
-    color: #666c75;
+    color: #373e42;
   }
   .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a:hover,
   .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a:focus {
-    color: #5a5f68;
+    color: #2b3134;
   }
 }
 .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions {