@steedos-widgets/amis-object 6.10.1-beta.29 → 6.10.1-beta.31

package/dist/amis-object.cjs.css

@@ -9,6 +9,8 @@
     --Form-fontSize: 14px;
     --Form-selectValue-fontSize: 14px;
     --Form-item-gap: 0.75rem;
+    --Form-select-outer-boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
+    --Form-select-outer-borderWidth: 0;
     /* --Table-color: #303030; */
     /* --Table-thead-color: #303030; */
     --Table-borderColor: #e5e7eb;
@@ -42,17 +44,13 @@
     --button-size-default-bottom-left-border-radius: 0.25rem;
     --button-size-default-marginRight: 4px;
     --button-default-default-bg-color: white;
-    --button-default-default-top-border-color: #c9c9c9;
-    --button-default-default-bottom-border-color: #c9c9c9;
-    --button-default-default-left-border-color: #c9c9c9;
-    --button-default-default-right-border-color: #c9c9c9;
+    /* --button-default-hover-bg-color: rgb(245, 245, 245); */
+    --button-default-default-top-border-color: rgb(224, 224, 224);
+    --button-default-default-bottom-border-color: rgb(224, 224, 224);
+    --button-default-default-left-border-color: rgb(224, 224, 224);
+    --button-default-default-right-border-color: rgb(224, 224, 224);
     --button-default-default-font-color: rgb(1, 118, 211);
     --button-enhance-default-bg-color: white;
-    --Nav-item-borderRadius: 0px;
-    --Nav-item-onHover-bg: rgba(21,137,238,.1);
-    --Nav-item-onActive-bg: rgba(21,137,238,.1);
-    --Nav-item-onActive-color: #000;
-    --Nav-Item-maxWidth--tabs: 200px;
     --Crud-toolbar-gap: 2px;
     --DropDown-caret-marginLeft: 0;
     --Tabs--vertical-width: 180px;
@@ -62,6 +60,9 @@
     --fieldSet-legend-fontWeight: 600;
     --fieldSet-legend-marginTop: 1rem;
     --fieldSet-legend-marginBottom: 1rem;
+
+    --DropDown-menu-boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
+    
 }
 
 /* 修正手机端字体小的问题 */
@@ -84,11 +85,6 @@
         padding: 0 0.625rem 0 0.625rem;
     }
 }
-
-.steedos-header-container .antd-Nav-Menu {
-    --Menu-light-backgroundColor: transparent;
-}
-
 fieldset.antd-Collapse {
     margin-bottom: 1rem;
 }
@@ -167,10 +163,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
 }
 
 
-.antd-Nav-item.is-active {
-    box-shadow:var(--link-color) 4px 0 0 inset;
-}
-
 .antd-Pagination > li > a, .antd-Pagination > li > span {
     display: flex;
     align-items: center;
@@ -185,47 +177,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     top: 0px;
 }
 
-/* start: amis , component Nav */
-:root {
-    --Nav-Item-height--horizontal: 2.5rem;
-}
-
-.antd-Nav-Menu-submenu-arrow > svg {
-    display: initial;
-}
-
-.antd-Nav-Menu-horizontal .antd-Nav-Menu-item.antd-Nav-Menu-item-selected:after {
-    height: 3px;
-    top: 0;
-    bottom: unset;
-    background: rgb(14 165 233);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-item {
-    padding-right: 0.5rem;
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
-    background: rgba(21,137,238,.1);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-active {
-    background: rgba(151, 151, 151, 0.1);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-submenu.antd-Nav-Menu-submenu-active .antd-Nav-Menu-submenu-title{
-    background: rgba(151, 151, 151, 0.1);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-submenu.antd-Nav-Menu-submenu .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label {
-    font-weight: bold !important;
-    color: black !important;
-}
-
-.antd-Nav-Menu-horizontal > .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item {
-    padding: 0 15px;
-}
-/* end: amis  component Nav */
 
 /* 处理amis debug 滚动条异常 */
 .AMISDebug-content{
@@ -242,12 +193,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     height: calc(100% - 40px);
 }
 
-/*  nav下配置itemBadge属性后item不会自动撑开 */ 
-.antd-Nav-Menu-item-wrap .antd-Badge{
-    width: -webkit-fill-available;
-}
-
-
 /* 实现弹框中的crud中的inputTree高度满屏，目前选人控件的左侧树样式 */
 .antd-Modal-body .antd-Crud .antd-Table .antd-Tree{
     max-height: unset;
@@ -287,28 +232,12 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     }
 }
 
-/* TODO: amis3.2.0 .antd-Nav-Menu-item-link类中缺少flex，影响nav样式 */
-.antd-Nav-Menu-item-link{
-    display: flex;
-    align-items: center;
-}
-
-/* TODO: amis3.2.0 .antd-Nav类中多了background属性，影响nav样式 */
-.antd-Nav{
-    background-color: unset;
-}
-
 /* TODO: amis3.2.0 fieldset.antd-Collapse > legend类中多了background属性，影响分组样式 */
 fieldset.antd-Collapse > legend{
     height: unset;
     width: unset;
 }
 
-/* crud中的快速搜索框样式改成与按钮风格统一的边框 */
-.antd-Crud .antd-Crud-toolbar .antd-SearchBox.is-active{
-    border-color: var(--button-default-default-top-border-color);
-}
-
 /* crud中的快速搜索框图标没对齐 */
 .antd-Crud .antd-Crud-toolbar .antd-SearchBox.is-active svg.icon{
     top: unset
@@ -329,6 +258,10 @@ fieldset.antd-Collapse > legend{
     margin-bottom: 0;
 }
 
+.antd-Crud .antd-Crud-toolbar-item .antd-Button--default {
+    border-color: transparent;
+}
+
 .bg-white {
   color: var(--body-color);
 }
@@ -475,8 +408,111 @@ fieldset.antd-Collapse > legend{
 /* 修正 DropButton 组件的样式 */
 .antd-DropDown-menu-root {
     margin-top: 0;
+    border: none;
+    padding: 6px;
+}
+
+
+:root, .antd-Nav-Menu {
+  --Menu-light-fontColor: var(--Layout-light-fontColor);
+  --Menu-light-fontColor-onHover: var(--Layout-light-fontColor);
+  --Menu-light-fontColor-onActive: var(--Layout-light--onActive);
+  --Menu-light-active-backgroundColor: #fff;
+  --Menu-light-backgroundColor-onHover: rgb(250, 250, 250);
+
+  --Nav-Item-height: 2.5rem;
+  /* --Nav-Item-height--horizontal: 2.5rem; */
+  --Nav-item-borderRadius: 0px;
+  --Nav-item-onActive-color: #000;
+  --Nav-item-onHover-bg: rgba(21,137,238,.1);
+  --Nav-item-onActive-bg: rgba(21,137,238,.1);
+  --Nav-item-onActive-color: var(--Layout-light--onActive);
+  --Nav-Item-maxWidth--tabs: 200px;
+}
+
+.antd-Nav {
+  --Nav-item-onActive-color: #000;
 }
 
+.antd-Nav-Menu-item-dragBar {
+  left: 0;
+  top: 11px;
+}
+
+.steedos-app-service-edit .antd-Nav-Menu-inline .antd-Nav-Menu-item-active.antd-Nav-Menu-item-selected::before {
+  display: none;
+}
+
+.antd-Nav-Menu-item-active {
+  /* line-height: var(--Nav-Item-height); */
+  background: var(--Menu-light-backgroundColor-onHover);
+}
+
+.antd-Nav-item.is-active {
+  box-shadow:var(--link-color) 4px 0 0 inset;
+}
+
+
+.antd-Nav-Menu-submenu-arrow > svg {
+  display: initial;
+}
+
+.antd-Nav-Menu-horizontal .antd-Nav-Menu-item.antd-Nav-Menu-item-selected:after {
+  height: 3px;
+  top: 0;
+  bottom: unset;
+  background: rgb(14 165 233);
+}
+
+.antd-Nav-Menu-light .antd-Nav-Menu-item {
+  padding-right: 0.5rem;
+}
+
+
+.antd-Nav-Menu-horizontal > .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item {
+  padding: 0 15px;
+}
+
+
+/*  nav下配置itemBadge属性后item不会自动撑开 */ 
+.antd-Nav-Menu-item-wrap .antd-Badge{
+  width: -webkit-fill-available;
+}
+
+
+
+/* TODO: amis3.2.0 .antd-Nav-Menu-item-link类中缺少flex，影响nav样式 */
+.antd-Nav-Menu-item-link{
+  display: flex;
+  align-items: center;
+}
+
+/* TODO: amis3.2.0 .antd-Nav类中多了background属性，影响nav样式 */
+.antd-Nav {
+  background-color: unset;
+}
+
+
+.steedos-header-container .antd-Nav-Menu {
+  --Menu-light-backgroundColor: transparent;
+}
+
+.antd-Nav-Menu .antd-Nav-Menu-submenu-selected > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
+  color: var(--Menu-light-fontColor);
+}
+.antd-Nav-Menu a, a:hover, a:active, a:focus {
+  color: var(--Menu-light-fontColor);
+}
+.antd-Nav-Menu-item-active .antd-Nav-Menu-item-label, .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon, .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after, .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-light-fontColor);
+}
+
+.antd-Nav-Menu .antd-Nav-Menu-submenu-title a, .antd-Nav-Menu .antd-Nav-Menu-submenu-title a:hover {
+  padding-left: 6px;
+  font-weight: bold;
+}
+
+
 .ant-dropdown{
     z-index: 1400;
 }
@@ -561,944 +597,983 @@ fieldset.antd-Collapse > legend{
     }
 }
 
-.antd-DropDown-menu-root {
-    border: 1px solid #c9c9c9;
-}
 /* @tailwind base; */
 .container {
-    width: 100%
+  width: 100%;
 }
 @media (min-width: 640px) {
-    .container {
-        max-width: 640px
-    }
+  .container {
+    max-width: 640px;
+  }
 }
 @media (min-width: 768px) {
-    .container {
-        max-width: 768px
-    }
+  .container {
+    max-width: 768px;
+  }
 }
 @media (min-width: 1024px) {
-    .container {
-        max-width: 1024px
-    }
+  .container {
+    max-width: 1024px;
+  }
 }
 @media (min-width: 1280px) {
-    .container {
-        max-width: 1280px
-    }
+  .container {
+    max-width: 1280px;
+  }
 }
 @media (min-width: 1536px) {
-    .container {
-        max-width: 1536px
-    }
+  .container {
+    max-width: 1536px;
+  }
 }
 @media (min-width: 1600px) {
-    .container {
-        max-width: 1600px
-    }
+  .container {
+    max-width: 1600px;
+  }
 }
 @media (min-width: 1800px) {
-    .container {
-        max-width: 1800px
-    }
+  .container {
+    max-width: 1800px;
+  }
 }
 @media (min-width: 2000px) {
-    .container {
-        max-width: 2000px
-    }
+  .container {
+    max-width: 2000px;
+  }
 }
 .visible {
-    visibility: visible
+  visibility: visible;
 }
 .collapse {
-    visibility: collapse
+  visibility: collapse;
 }
 .static {
-    position: static
+  position: static;
 }
 .fixed {
-    position: fixed
+  position: fixed;
 }
 .absolute {
-    position: absolute
+  position: absolute;
 }
 .sticky {
-    position: sticky
+  position: sticky;
 }
 .inset-0 {
-    inset: 0px
+  inset: 0px;
 }
 .bottom-4 {
-    bottom: 1rem
+  bottom: 1rem;
 }
 .left-0 {
-    left: 0px
+  left: 0px;
 }
 .right-0 {
-    right: 0px
+  right: 0px;
 }
 .right-4 {
-    right: 1rem
+  right: 1rem;
 }
 .top-0 {
-    top: 0px
+  top: 0px;
 }
 .z-20 {
-    z-index: 20
+  z-index: 20;
 }
 .z-40 {
-    z-index: 40
+  z-index: 40;
 }
 .col-span-2 {
-    grid-column: span 2 / span 2
+  grid-column: span 2 / span 2;
+}
+.float-right {
+  float: right;
 }
 .m-0 {
-    margin: 0px
+  margin: 0px;
 }
 .m-2 {
-    margin: 0.5rem
+  margin: 0.5rem;
+}
+.m-4 {
+  margin: 1rem;
 }
 .\!mx-0 {
-    margin-left: 0px !important;
-    margin-right: 0px !important
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
 }
 .my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 .\!mb-6 {
-    margin-bottom: 1.5rem !important
-}
-.-mb-4 {
-    margin-bottom: -1rem
+  margin-bottom: 1.5rem !important;
 }
 .-ml-1 {
-    margin-left: -0.25rem
+  margin-left: -0.25rem;
 }
 .-ml-px {
-    margin-left: -1px
+  margin-left: -1px;
 }
 .mb-0 {
-    margin-bottom: 0px
+  margin-bottom: 0px;
 }
 .mb-1 {
-    margin-bottom: 0.25rem
+  margin-bottom: 0.25rem;
 }
 .mb-2 {
-    margin-bottom: 0.5rem
+  margin-bottom: 0.5rem;
 }
 .mb-3 {
-    margin-bottom: 0.75rem
+  margin-bottom: 0.75rem;
 }
 .mb-4 {
-    margin-bottom: 1rem
+  margin-bottom: 1rem;
 }
 .mb-6 {
-    margin-bottom: 1.5rem
+  margin-bottom: 1.5rem;
 }
 .mb-\[-3px\] {
-    margin-bottom: -3px
+  margin-bottom: -3px;
 }
 .ml-1 {
-    margin-left: 0.25rem
+  margin-left: 0.25rem;
 }
 .ml-2 {
-    margin-left: 0.5rem
+  margin-left: 0.5rem;
 }
 .ml-3 {
-    margin-left: 0.75rem
+  margin-left: 0.75rem;
 }
 .ml-4 {
-    margin-left: 1rem
+  margin-left: 1rem;
 }
 .mr-0 {
-    margin-right: 0px
+  margin-right: 0px;
 }
 .mr-1 {
-    margin-right: 0.25rem
+  margin-right: 0.25rem;
 }
 .mr-2 {
-    margin-right: 0.5rem
+  margin-right: 0.5rem;
 }
 .mr-3 {
-    margin-right: 0.75rem
+  margin-right: 0.75rem;
 }
 .mr-4 {
-    margin-right: 1rem
+  margin-right: 1rem;
 }
 .mt-0 {
-    margin-top: 0px
+  margin-top: 0px;
 }
 .mt-0\.5 {
-    margin-top: 0.125rem
+  margin-top: 0.125rem;
 }
 .mt-1 {
-    margin-top: 0.25rem
-}
-.mt-2 {
-    margin-top: 0.5rem
+  margin-top: 0.25rem;
 }
 .mt-\[50px\] {
-    margin-top: 50px
+  margin-top: 50px;
 }
 .block {
-    display: block
+  display: block;
 }
 .inline-block {
-    display: inline-block
+  display: inline-block;
 }
 .inline {
-    display: inline
+  display: inline;
 }
 .flex {
-    display: flex
+  display: flex;
 }
 .inline-flex {
-    display: inline-flex
+  display: inline-flex;
 }
 .table {
-    display: table
+  display: table;
 }
 .grid {
-    display: grid
+  display: grid;
 }
 .contents {
-    display: contents
+  display: contents;
 }
 .hidden {
-    display: none
+  display: none;
 }
 .\!h-10 {
-    height: 2.5rem !important
+  height: 2.5rem !important;
 }
 .h-10 {
-    height: 2.5rem
+  height: 2.5rem;
 }
 .h-12 {
-    height: 3rem
+  height: 3rem;
 }
 .h-14 {
-    height: 3.5rem
+  height: 3.5rem;
 }
 .h-4 {
-    height: 1rem
+  height: 1rem;
 }
 .h-5 {
-    height: 1.25rem
+  height: 1.25rem;
 }
 .h-6 {
-    height: 1.5rem
+  height: 1.5rem;
 }
 .h-7 {
-    height: 1.75rem
+  height: 1.75rem;
 }
 .h-8 {
-    height: 2rem
+  height: 2rem;
 }
 .h-\[50px\] {
-    height: 50px
+  height: 50px;
 }
 .h-full {
-    height: 100%
+  height: 100%;
 }
 .\!max-h-\[80vh\] {
-    max-height: 80vh !important
+  max-height: 80vh !important;
 }
 .max-h-12 {
-    max-height: 3rem
+  max-height: 3rem;
 }
 .max-h-96 {
-    max-height: 24rem
+  max-height: 24rem;
 }
 .max-h-\[80vh\] {
-    max-height: 80vh
+  max-height: 80vh;
 }
 .min-h-8 {
-    min-height: 2rem
+  min-height: 2rem;
 }
 .\!w-10 {
-    width: 2.5rem !important
+  width: 2.5rem !important;
 }
 .\!w-full {
-    width: 100% !important
+  width: 100% !important;
 }
 .w-1\/3 {
-    width: 33.333333%
+  width: 33.333333%;
 }
 .w-10 {
-    width: 2.5rem
+  width: 2.5rem;
 }
 .w-12 {
-    width: 3rem
+  width: 3rem;
 }
 .w-14 {
-    width: 3.5rem
+  width: 3.5rem;
 }
 .w-4 {
-    width: 1rem
+  width: 1rem;
 }
 .w-6 {
-    width: 1.5rem
+  width: 1.5rem;
 }
 .w-64 {
-    width: 16rem
+  width: 16rem;
+}
+.w-7 {
+  width: 1.75rem;
 }
 .w-8 {
-    width: 2rem
+  width: 2rem;
 }
 .w-96 {
-    width: 24rem
+  width: 24rem;
 }
 .w-\[240px\] {
-    width: 240px
-}
-.w-\[60px\] {
-    width: 60px
+  width: 240px;
 }
 .w-auto {
-    width: auto
+  width: auto;
 }
 .w-fit {
-    width: -moz-fit-content;
-    width: fit-content
+  width: -moz-fit-content;
+  width: fit-content;
 }
 .w-full {
-    width: 100%
+  width: 100%;
 }
 .\!min-w-\[160px\] {
-    min-width: 160px !important
+  min-width: 160px !important;
 }
 .min-w-56 {
-    min-width: 14rem
+  min-width: 14rem;
 }
 .min-w-\[200px\] {
-    min-width: 200px
+  min-width: 200px;
 }
 .min-w-\[240px\] {
-    min-width: 240px
+  min-width: 240px;
 }
 .min-w-\[300px\] {
-    min-width: 300px
+  min-width: 300px;
 }
 .min-w-\[388px\] {
-    min-width: 388px
+  min-width: 388px;
 }
 .max-w-\[360px\] {
-    max-width: 360px
+  max-width: 360px;
 }
 .max-w-md {
-    max-width: 28rem
+  max-width: 28rem;
 }
 .flex-1 {
-    flex: 1 1 0%
+  flex: 1 1 0%;
 }
 .flex-auto {
-    flex: 1 1 auto
+  flex: 1 1 auto;
 }
 .flex-initial {
-    flex: 0 1 auto
+  flex: 0 1 auto;
 }
 .flex-none {
-    flex: none
+  flex: none;
 }
 .flex-shrink-0 {
-    flex-shrink: 0
+  flex-shrink: 0;
 }
 .grow {
-    flex-grow: 1
+  flex-grow: 1;
 }
 .-translate-x-0 {
-    --tw-translate-x: -0px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+  --tw-translate-x: -0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .transform {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 @keyframes spin {
-    to {
-        transform: rotate(360deg)
-    }
+  to {
+    transform: rotate(360deg);
+  }
 }
 .animate-spin {
-    animation: spin 1s linear infinite
+  animation: spin 1s linear infinite;
 }
 .grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr))
+  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 .flex-row {
-    flex-direction: row
+  flex-direction: row;
 }
 .flex-col {
-    flex-direction: column
+  flex-direction: column;
 }
 .flex-wrap {
-    flex-wrap: wrap
+  flex-wrap: wrap;
 }
 .flex-nowrap {
-    flex-wrap: nowrap
+  flex-wrap: nowrap;
 }
 .items-center {
-    align-items: center
+  align-items: center;
 }
 .justify-end {
-    justify-content: flex-end
+  justify-content: flex-end;
 }
 .justify-center {
-    justify-content: center
+  justify-content: center;
 }
 .justify-between {
-    justify-content: space-between
+  justify-content: space-between;
 }
 .gap-2 {
-    gap: 0.5rem
+  gap: 0.5rem;
 }
 .gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
 }
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
 .overflow-auto {
-    overflow: auto
+  overflow: auto;
 }
 .overflow-hidden {
-    overflow: hidden
+  overflow: hidden;
 }
 .overflow-y-auto {
-    overflow-y: auto
+  overflow-y: auto;
 }
 .overflow-x-hidden {
-    overflow-x: hidden
+  overflow-x: hidden;
 }
 .truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .whitespace-normal {
-    white-space: normal
+  white-space: normal;
 }
 .whitespace-nowrap {
-    white-space: nowrap
+  white-space: nowrap;
 }
 .break-words {
-    overflow-wrap: break-word
+  overflow-wrap: break-word;
 }
 .break-all {
-    word-break: break-all
+  word-break: break-all;
 }
 .rounded {
-    border-radius: 0.25rem
+  border-radius: 0.25rem;
 }
 .rounded-full {
-    border-radius: 9999px
+  border-radius: 9999px;
 }
 .rounded-md {
-    border-radius: 0.375rem
+  border-radius: 0.375rem;
 }
 .rounded-xl {
-    border-radius: 0.75rem
+  border-radius: 0.75rem;
 }
 .border {
-    border-width: 1px
+  border-width: 1px;
 }
 .border-0 {
-    border-width: 0px
-}
-.border-y {
-    border-top-width: 1px;
-    border-bottom-width: 1px
+  border-width: 0px;
 }
 .\!border-b-0 {
-    border-bottom-width: 0px !important
+  border-bottom-width: 0px !important;
 }
 .border-b {
-    border-bottom-width: 1px
+  border-bottom-width: 1px;
 }
 .border-b-\[3px\] {
-    border-bottom-width: 3px
+  border-bottom-width: 3px;
 }
 .border-r {
-    border-right-width: 1px
+  border-right-width: 1px;
 }
 .border-t {
-    border-top-width: 1px
+  border-top-width: 1px;
 }
 .border-solid {
-    border-style: solid
+  border-style: solid;
 }
 .\!border-none {
-    border-style: none !important
+  border-style: none !important;
 }
 .border-none {
-    border-style: none
+  border-style: none;
 }
 .border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgb(229 231 235 / var(--tw-border-opacity))
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 .border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity))
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 .border-sky-500 {
-    --tw-border-opacity: 1;
-    border-color: rgb(14 165 233 / var(--tw-border-opacity))
+  --tw-border-opacity: 1;
+  border-color: rgb(14 165 233 / var(--tw-border-opacity));
 }
 .\!bg-transparent {
-    background-color: transparent !important
+  background-color: transparent !important;
+}
+.bg-\[\#F0F0F0\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
 }
 .bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
 .bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 .bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 .bg-transparent {
-    background-color: transparent
+  background-color: transparent;
 }
 .bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 .bg-none {
-    background-image: none
+  background-image: none;
 }
 .\!fill-white {
-    fill: #fff !important
+  fill: #fff !important;
 }
 .fill-gray-500 {
-    fill: #6b7280
+  fill: #6b7280;
 }
 .fill-gray-700 {
-    fill: #374151
+  fill: #374151;
 }
 .fill-slate-500 {
-    fill: #64748b
+  fill: #64748b;
 }
 .\!p-2 {
-    padding: 0.5rem !important
+  padding: 0.5rem !important;
 }
 .p-0 {
-    padding: 0px
+  padding: 0px;
 }
 .p-1 {
-    padding: 0.25rem
+  padding: 0.25rem;
 }
 .p-2 {
-    padding: 0.5rem
+  padding: 0.5rem;
+}
+.p-3 {
+  padding: 0.75rem;
 }
 .p-4 {
-    padding: 1rem
+  padding: 1rem;
 }
 .px-0 {
-    padding-left: 0px;
-    padding-right: 0px
+  padding-left: 0px;
+  padding-right: 0px;
 }
 .px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
 }
 .px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 .px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 }
 .px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 .py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 .py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 .py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem
-}
-.py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
 }
 .py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 .pb-0 {
-    padding-bottom: 0px
+  padding-bottom: 0px;
 }
 .pb-16 {
-    padding-bottom: 4rem
+  padding-bottom: 4rem;
 }
 .pb-2 {
-    padding-bottom: 0.5rem
+  padding-bottom: 0.5rem;
 }
 .pb-4 {
-    padding-bottom: 1rem
+  padding-bottom: 1rem;
 }
 .pl-0 {
-    padding-left: 0px
+  padding-left: 0px;
 }
 .pl-1 {
-    padding-left: 0.25rem
+  padding-left: 0.25rem;
 }
 .pl-1\.5 {
-    padding-left: 0.375rem
-}
-.pl-2 {
-    padding-left: 0.5rem
+  padding-left: 0.375rem;
 }
 .pl-4 {
-    padding-left: 1rem
+  padding-left: 1rem;
 }
 .pl-5 {
-    padding-left: 1.25rem
+  padding-left: 1.25rem;
 }
 .pr-4 {
-    padding-right: 1rem
+  padding-right: 1rem;
 }
 .pt-0 {
-    padding-top: 0px
+  padding-top: 0px;
 }
 .pt-2 {
-    padding-top: 0.5rem
+  padding-top: 0.5rem;
 }
 .text-left {
-    text-align: left
+  text-align: left;
 }
 .text-center {
-    text-align: center
+  text-align: center;
 }
 .text-\[11px\] {
-    font-size: 11px
+  font-size: 11px;
 }
 .text-base {
-    font-size: 14px
+  font-size: 14px;
 }
 .text-lg {
-    font-size: 16px
+  font-size: 16px;
 }
 .text-md {
-    font-size: 14px
+  font-size: 14px;
 }
 .text-xl {
-    font-size: 18px
+  font-size: 18px;
 }
 .text-xs {
-    font-size: 12px
+  font-size: 12px;
 }
 .font-bold {
-    font-weight: 700
+  font-weight: 700;
 }
 .font-medium {
-    font-weight: 500
+  font-weight: 500;
 }
 .font-semibold {
-    font-weight: 600
+  font-weight: 600;
 }
 .leading-3 {
-    line-height: .75rem
+  line-height: .75rem;
 }
 .leading-4 {
-    line-height: 1rem
+  line-height: 1rem;
 }
 .leading-5 {
-    line-height: 1.25rem
+  line-height: 1.25rem;
 }
 .leading-6 {
-    line-height: 1.5rem
+  line-height: 1.5rem;
 }
 .leading-none {
-    line-height: 1
+  line-height: 1;
 }
 .\!text-gray-700 {
-    --tw-text-opacity: 1 !important;
-    color: rgb(55 65 81 / var(--tw-text-opacity)) !important
+  --tw-text-opacity: 1 !important;
+  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
 }
 .text-\[blue\] {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 255 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(0 0 255 / var(--tw-text-opacity));
 }
 .text-\[red\] {
-    --tw-text-opacity: 1;
-    color: rgb(255 0 0 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(255 0 0 / var(--tw-text-opacity));
 }
 .text-black {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 .text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgb(37 99 235 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 .text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 .text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgb(107 114 128 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
 }
 .text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgb(55 65 81 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 .text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgb(31 41 55 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 .text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgb(22 163 74 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
 }
 .text-sky-500 {
-    --tw-text-opacity: 1;
-    color: rgb(14 165 233 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(14 165 233 / var(--tw-text-opacity));
 }
 .text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 .no-underline {
-    text-decoration-line: none
+  text-decoration-line: none;
 }
 .opacity-25 {
-    opacity: 0.25
+  opacity: 0.25;
 }
 .opacity-75 {
-    opacity: 0.75
+  opacity: 0.75;
 }
 .shadow {
-    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-none {
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .\!filter {
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
 }
 .filter {
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .backdrop-blur {
-    --tw-backdrop-blur: blur(8px);
-    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+  --tw-backdrop-blur: blur(8px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition-colors {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 .duration-300 {
-    transition-duration: 300ms
+  transition-duration: 300ms;
 }
 .duration-500 {
-    transition-duration: 500ms
+  transition-duration: 500ms;
 }
 .ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+
+.shadow, .sm\:shadow {
+  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 1px, rgba(0, 0, 0, 0.14) 0px 1px 2px !important;
 }
+
+
 .last\:mb-0:last-child {
-    margin-bottom: 0px
+  margin-bottom: 0px;
 }
+
+
 .hover\:bg-\[\#1589EE1A\]:hover {
-    background-color: #1589EE1A
+  background-color: #1589EE1A;
 }
+
+
 .hover\:bg-sky-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(240 249 255 / var(--tw-bg-opacity))
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
+}
+
+
+.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
+
+
 .hover\:font-bold:hover {
-    font-weight: 700
+  font-weight: 700;
+}
+
+
+.hover\:shadow:hover {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
+
 .focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
+
+
 @media (min-width: 640px) {
-    .sm\:sticky {
-        position: sticky
-    }
-    .sm\:z-10 {
-        z-index: 10
-    }
-    .sm\:m-3 {
-        margin: 0.75rem
-    }
-    .sm\:m-4 {
-        margin: 1rem
-    }
-    .sm\:mt-3 {
-        margin-top: 0.75rem
-    }
-    .sm\:mt-\[90px\] {
-        margin-top: 90px
-    }
-    .sm\:grid {
-        display: grid
-    }
-    .sm\:w-\[220px\] {
-        width: 220px
-    }
-    .sm\:grid-cols-2 {
-        grid-template-columns: repeat(2, minmax(0, 1fr))
-    }
-    .sm\:grid-cols-4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr))
-    }
-    .sm\:gap-4 {
-        gap: 1rem
-    }
-    .sm\:rounded {
-        border-radius: 0.25rem
-    }
-    .sm\:rounded-lg {
-        border-radius: 0.5rem
-    }
-    .sm\:rounded-tl {
-        border-top-left-radius: 0.25rem
-    }
-    .sm\:rounded-tr {
-        border-top-right-radius: 0.25rem
-    }
-    .sm\:border {
-        border-width: 1px
-    }
-    .sm\:border-r {
-        border-right-width: 1px
-    }
-    .sm\:border-gray-300 {
-        --tw-border-opacity: 1;
-        border-color: rgb(209 213 219 / var(--tw-border-opacity))
-    }
-    .sm\:bg-gray-50 {
-        --tw-bg-opacity: 1;
-        background-color: rgb(249 250 251 / var(--tw-bg-opacity))
-    }
-    .sm\:p-3 {
-        padding: 0.75rem
-    }
-    .sm\:shadow {
-        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-    }
+  .sm\:sticky {
+    position: sticky;
+  }
+  .sm\:z-10 {
+    z-index: 10;
+  }
+  .sm\:m-3 {
+    margin: 0.75rem;
+  }
+  .sm\:m-4 {
+    margin: 1rem;
+  }
+  .sm\:mt-3 {
+    margin-top: 0.75rem;
+  }
+  .sm\:mt-\[90px\] {
+    margin-top: 90px;
+  }
+  .sm\:grid {
+    display: grid;
+  }
+  .sm\:w-\[220px\] {
+    width: 220px;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .sm\:gap-4 {
+    gap: 1rem;
+  }
+  .sm\:rounded {
+    border-radius: 0.25rem;
+  }
+  .sm\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+  .sm\:border {
+    border-width: 1px;
+  }
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+  .sm\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  }
+  .sm\:bg-\[\#FAFAFA\] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+  }
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+  .sm\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
 }
+
+
 @media (min-width: 768px) {
-    .md\:grid-cols-3 {
-        grid-template-columns: repeat(3, minmax(0, 1fr))
-    }
-    .md\:border-b {
-        border-bottom-width: 1px
-    }
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .md\:border-b {
+    border-bottom-width: 1px;
+  }
 }
+
+
 @media (min-width: 1024px) {
-    .lg\:z-\[1000\] {
-        z-index: 1000
-    }
-    .lg\:order-first {
-        order: -9999
-    }
-    .lg\:order-last {
-        order: 9999
-    }
-    .lg\:flex {
-        display: flex
-    }
-    .lg\:grid-cols-1 {
-        grid-template-columns: repeat(1, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-10 {
-        grid-template-columns: repeat(10, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-11 {
-        grid-template-columns: repeat(11, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-12 {
-        grid-template-columns: repeat(12, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-2 {
-        grid-template-columns: repeat(2, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-3 {
-        grid-template-columns: repeat(3, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-6 {
-        grid-template-columns: repeat(6, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-7 {
-        grid-template-columns: repeat(7, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-8 {
-        grid-template-columns: repeat(8, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-9 {
-        grid-template-columns: repeat(9, minmax(0, 1fr))
-    }
-    .lg\:flex-col {
-        flex-direction: column
-    }
+  .lg\:z-\[1000\] {
+    z-index: 1000;
+  }
+  .lg\:order-first {
+    order: -9999;
+  }
+  .lg\:order-last {
+    order: 9999;
+  }
+  .lg\:flex {
+    display: flex;
+  }
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .lg\:flex-col {
+    flex-direction: column;
+  }
 }
+
+
 @media (min-width: 1280px) {
-    .xl\:grid-cols-5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
 }
+
+
 @media (min-width: 1536px) {
-    .\32xl\:grid-cols-5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
+  .\32xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .\32xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
 }
+
+
 @media (min-width: 1600px) {
-    .\33xl\:grid-cols-8 {
-        grid-template-columns: repeat(8, minmax(0, 1fr))
-    }
+  .\33xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
 }
+
+
 @media (min-width: 1800px) {
-    .\34xl\:grid-cols-8 {
-        grid-template-columns: repeat(8, minmax(0, 1fr))
-    }
+  .\34xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
 }
+
+
 @media (min-width: 2000px) {
-    .\35xl\:grid-cols-10 {
-        grid-template-columns: repeat(10, minmax(0, 1fr))
-    }
+  .\35xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
 }
 
 .ant-dropdown-menu-item .antd-Button.antd-Button--default {
@@ -2744,26 +2819,6 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   min-height: var(--Nav-Item-height);
   height: unset;
 }
-.steedos-app-menu.stacked .antd-Nav-Menu .antd-Nav-Menu-submenu-selected > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
-  color: black;
-}
-.steedos-app-menu.stacked a,
-.steedos-app-menu.stacked a:hover,
-.steedos-app-menu.stacked a:active,
-.steedos-app-menu.stacked a:focus {
-  color: black;
-}
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-label,
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon,
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after,
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
-  color: black;
-}
-.steedos-app-menu.stacked .antd-Nav-SearchBox.is-active {
-  width: calc(100% - 1rem);
-  margin: 0 0.5rem;
-  margin-bottom: 0.5rem;
-}
 .steedos-header-container-line-two .ant-dropdown-placement-bottomLeft {
   left: -15px !important;
 }
@@ -2776,8 +2831,11 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 .antd-Nav-Menu-submenu-active .antd-Nav-Menu-item .hover-inline-flex {
   display: none !important;
 }
-.steedos-app-menu-plus .antd-DropDown-menu-root {
-  right: 10px !important;
+.antd-Nav-Menu-inline .antd-Nav-Menu-item-selected::before {
+  top: 10px;
+  left: 5px;
+  bottom: 10px;
+  border-radius: 22px;
 }
 
 #steedosGlobalFooterRoot .steedos-global-footer {
@@ -2862,7 +2920,7 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   overflow-x: hidden;
 }
 .sidebar-wrapper .steedos-app-service {
-  left: 180px;
+  left: 160px;
 }
 .antd-Nav-Menu-item-divider {
   border-bottom: 0.0625rem solid #cacacc !important;
@@ -2873,7 +2931,6 @@ body.sidebar-open .sidebar-wrapper {
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
-  width: 240px !important;
 }
 body.sidebar-open .sidebar-wrapper .steedos-app-service {
   left: 0px;
@@ -3079,14 +3136,20 @@ body.sidebar #sidebar {
 .steedos-input-table.steedos-show-index tbody tr td:nth-child(1) {
   text-align: center;
 }
+.steedos-input-table.steedos-show-index tbody tr td.antd-Table-dragCell + td {
+  text-align: center;
+}
 .steedos-input-table.steedos-show-index thead tr th:nth-child(1) .antd-TableCell--title {
   visibility: hidden;
 }
+.steedos-input-table.steedos-show-index thead tr th.antd-Table-dragCell + th .antd-TableCell--title {
+  visibility: hidden;
+}
 .steedos-input-table .antd-OperationField {
   width: 50px;
 }
-.steedos-input-table.steedos-show-index.steedos-has-operations thead tr th:nth-child(2),
-.steedos-input-table.steedos-show-index.steedos-has-operations tbody tr td:nth-child(2) {
+.steedos-input-table.steedos-show-index.steedos-has-operations td.steedos-input-table-column-operation,
+.steedos-input-table.steedos-show-index.steedos-has-operations th.antd-Table-operationCell {
   padding: 0;
 }
 .steedos-input-table.steedos-show-index.steedos-has-operations td .antd-OperationField {
@@ -3110,8 +3173,8 @@ body.sidebar #sidebar {
   visibility: visible;
   justify-content: center;
 }
-.steedos-input-table.steedos-has-operations thead tr th:nth-child(1),
-.steedos-input-table.steedos-has-operations tbody tr td:nth-child(1) {
+.steedos-input-table.steedos-has-operations td.steedos-input-table-column-operation,
+.steedos-input-table.steedos-has-operations th.antd-Table-operationCell {
   padding: 0;
 }
 .steedos-input-table.steedos-has-operations td .antd-OperationField {