/* [project]/node_modules/@timeedit/ui-components/lib/src/components/InputComponent/Input.css [app-client] (css) */
@layer teui-components {
  .icon-button:active {
    transform: scale(.9);
  }

  .input-wrapper.row {
    flex-shrink: 0;
    grid-template-columns: 192px auto;
    align-items: start;
    gap: 8px;
    display: grid;
  }

  .input-wrapper.column {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    display: flex;
  }

  .input-element-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .input-element-wrapper .ant-select-selector {
    box-shadow: none !important;
  }

  .input-element-wrapper.with-label {
    min-width: 40%;
  }

  .input-element-wrapper.no-label {
    min-width: 100%;
  }

  .dropdown-tag {
    text-align: center;
    padding: 4px;
    font-size: .9rem;
  }

  .double-digit-input {
    width: 3.8rem;
  }

  .te-hide-footer .ant-picker-footer {
    display: none;
  }

  .te-key-value-container {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 4px;
    width: 100%;
    display: grid;
  }

  .te-key-value-container .te-key-value-item {
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .te-min-max-container {
    align-items: center;
    gap: 4px;
    display: flex;
  }
}

/* [project]/node_modules/@timeedit/ui-components/lib/src/components/EditableTable/EditableTable.css [app-client] (css) */
@layer teui-components {
  .ant-table-tbody.ant-table-tbody-virtual .ant-table-column-sort {
    filter: brightness(.96);
  }

  .ant-table-tbody.ant-table-tbody-virtual .ant-table-cell {
    min-width: unset !important;
  }

  .react-resizable-handle {
    z-index: 1;
    cursor: col-resize;
    user-select: none;
    width: 10px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -5px;
  }

  .multi-sort-columns-dialog-tabs .ant-tabs-nav:before {
    border-bottom: none;
  }
}

