.e22-attachment-panel .ui-panel-content {
  padding: 0;
}
.e22-attachment-panel .e22-attachment-table {
  width: 100%;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container {
  display: flex;
  flex-direction: column;
  border: none;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-folder, .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file {
  border: none;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-folder-header {
  text-align: left;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-folder-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-folder-item .ui-widget {
  margin-left: 4px;
  margin-right: 4px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item {
  display: flex;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item .syn-newattachment {
  margin-right: 8px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item button {
  margin-right: 8px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item .syn-newattachment-file-desc {
  display: inline-block;
  max-width: 200px;
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item.ui-inputgroup {
  border: 1px solid #bcbcbc;
  border-radius: 3px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item.ui-inputgroup input {
  border: none;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item.ui-inputgroup button {
  margin-right: 0;
  padding-right: 8px;
  background-color: #FFF;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item.ui-inputgroup:has(input.ui-state-focus) {
  border: 1px solid var(--syn-focus-border-color);
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-item {
  padding: 5px;
  border: 1px solid var(--syn-border-color);
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-item .ui-chkbox {
  margin-right: 8px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-item .e22-infotext {
  font-size: 10px;
  color: #808080;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-desc {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-preview {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-title {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-img img {
  width: 60px;
  height: 60px;
}
.e22-attachment-panel .syn-newattachment-panelgrid .ui-fileupload-choose .ui-icon-plusthick {
  left: 0 !important;
}

.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file {
  display: block;
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item {
  border: 1px solid transparent;
  border-radius: 5px;
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item .syn-newattachment .ui-fileupload-buttonbar {
  border: none;
  background: transparent;
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item button {
  background: #FFF;
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item button .ui-icon:before {
  color: var(--text-field-icon);
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item input.ui-state-focus {
  border: 1px solid transparent;
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item:has(input.ui-inputfield) button {
  margin-right: 0px;
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item:has(input.ui-inputfield):hover {
  border: 1px solid var(--syn-focus-border-color);
}
.e23 .e22-attachment-panel .e22-attachment-table .e22-attachment-container .e22-attachment-file-header-item:has(input.ui-inputfield):hover button .ui-icon:before {
  color: var(--action-icon-default);
}