update 2023-04-10

assets/css/default.css

@@ -4,25 +4,13 @@
     Desc.         : CSS Default Configuration
     Created By    : Siau Pheng ([email protected]).
     Created Date  : December 20th, 2007.
-    Last Modified : April 22nd, 2022.
+    Last Modified : March 20th, 2023.
 
-    (c) 2009 - 2022, 3FONIA Software; WWW.3FONIA.COM.
+    (c) 2009 - 2023, 3FONIA Software; WWW.3FONIA.COM.
 
 *******************************************************************/
 
 :root {
-    --bs-blue: #0d6efd;
-    --bs-indigo: #6610f2;
-    --bs-purple: #6f42c1;
-    --bs-pink: #d63384;
-    --bs-red: #dc3545;
-    --bs-orange: #fd7e14;
-    --bs-yellow: #ffc107;
-    --bs-green: #198754;
-    --bs-teal: #20c997;
-    --bs-cyan: #0dcaf0;
-    --bs-black: #000;
-    --bs-white: #fff;
     --bs-gray: #8a93a2;
     --bs-gray-dark: #636f83;
     --bs-gray-100: #ebedef;
@@ -54,29 +42,14 @@
     --bs-black-rgb: 0, 0, 21;
     --bs-body-color-rgb: 44, 56, 74;
     --bs-body-bg-rgb: 255, 255, 255;
-    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --bs-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
     --bs-body-font-family: var(--bs-font-sans-serif);
-    --bs-body-font-size: .95rem;    
+    --bs-body-font-size: .95rem;
     --bs-body-font-weight: 400;
-    --bs-body-line-height: 1.5;
+    --bs-body-line-height: 1.2;
     --bs-body-color: rgba(44, 56, 74, 0.95);
-    --bs-body-bg: #fff;
-    --bs-border-width: 1px;
-    --bs-border-style: solid;
-    --bs-border-color: #dee2e6;
-    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
-    --bs-border-radius: 0.375rem;
-    --bs-border-radius-sm: 0.25rem;
-    --bs-border-radius-lg: 0.5rem;
-    --bs-border-radius-xl: 1rem;
-    --bs-border-radius-2xl: 2rem;
-    --bs-border-radius-pill: 50rem;
-    --bs-link-color: #0d6efd;
-    --bs-link-hover-color: #0a58ca;
-    --bs-code-color: #d63384;
-    --bs-highlight-bg: #fff3cd;
     --bs-card-color: #000;
 }
 
@@ -163,7 +136,7 @@ button.tbl-rowbtn.normal {/* */
 /** navibar menu **/
 
 .navbar-custom {
-    min-height: 4rem;
+    min-height: 3.2rem;
     background: #fff;
     position: -webkit-sticky;
     position: sticky;
@@ -172,7 +145,7 @@ button.tbl-rowbtn.normal {/* */
     box-shadow: 0 2px 2px 0 rgba(60, 75, 100, .14), 0 3px 1px -2px rgba(60, 75, 100, .12), 0 1px 5px 0 rgba(60, 75, 100, .20);
 }
 .navbar-nav .nav-link {
-    padding-left: 1.25rem !important;
+    /*padding-left: 1.25rem !important;*/
 }
 .navbar-nav .dropdown-toggle:after {
     border-width: .4em .4em 0 .4em;
@@ -206,6 +179,13 @@ button.tbl-rowbtn.normal {/* */
 .navbar-nav .dropdown-submenu:hover {
     background-color: #ebedef;
 }
+.navbar-nav .dropdown-item {
+    padding: 0.5rem 1rem;
+}
+.navbar-nav .dropdown-item:hover, .navbar-nav .dropdown-item:focus {
+    background-color: #42C2D5;
+    color: #fff;
+}
 .navbar-nav .dropdown-toggle.slink:after {
     margin-left: auto;
 }
@@ -292,8 +272,8 @@ button.tbl-rowbtn.normal {/* */
 }
 
 .icon-md, .icon-lg {
-    height: 2.5rem;
-    width: 2.5rem;
+    height: 2.1rem;
+    width: 2.1rem;
     font-size: 0.9em;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -387,18 +367,18 @@ ul.dtr-details li.hidden { visibility: hidden !important; display: none !importa
 
 /******************************** Autocomplete ********************************/
 
-.bs-fonac .dropdown-menu {
-    max-height: 400px;
-    overflow-y: auto;
+.bootstrap-autocomplete.dropdown-menu{
+    max-height: 300px;
+    overflow-y: scroll;
 }
 
-.bs-fonac .dropdown-item {
-    padding: .5rem .8rem;
-    font-size: .9rem;
-    color: var(--bs-dropdown-link-color, #000000);
+.bootstrap-autocomplete.dropdown-menu .dropdown-item {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: pointer;
 }
 
-.bs-fonac .dropdown-item:hover, .bs-fonac .dropdown-item:focus {
+/*.bs-fonac .dropdown-item:hover, .bs-fonac .dropdown-item:focus {
     color: var(--bs-white, #ffffff);
     background-color: var(--bs-blue, #ebedef);
 }
@@ -413,7 +393,7 @@ ul.dtr-details li.hidden { visibility: hidden !important; display: none !importa
     color: var(--bs-dropdown-link-disabled-color, #8a93a2);
     pointer-events: none;
     background-color: transparent;
-}
+}*/
 
 /******************************** text field ********************************/
 
@@ -517,4 +497,4 @@ input.double, input.integer, input.number {
 .form-control:disabled, .form-control[readonly] {
     background-color: #d8dbe0;
     opacity: 1;
-}
+}