.e23 .ui-dialog.new-template-dialog {
  background-color: #F0F1F5;
  border-radius: 5px;
  min-width: 500px;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-titlebar {
  background-color: #F0F1F5;
  height: 27px;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-titlebar .ui-dialog-title {
  color: #7F7F7F;
  font-weight: bold;
  font-size: 14px;
  line-height: 27px;
  padding-left: 6px;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  text-decoration: none;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon::before {
  color: #f55f63;
  font-size: 22px;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content .synfaces-form-grid-table {
  padding-bottom: 35px;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content input {
  border-radius: 5px;
  border: 1px solid transparent;
  width: 315px !important;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content input::placeholder {
  color: #D7D7D7;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content td.synfaces-grid-label {
  color: #576D8D;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content input.ui-state-hover {
  border: 1px solid #0287e6 !important;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content button {
  border: none;
}
.e23 .ui-dialog.new-template-dialog .ui-dialog-content button.ui-primary-button {
  border: 1px solid #0287E6;
  border-radius: 5px;
  background-color: var(--text-buttons);
  color: #FFF;
}
.e23 .e22-details-table .synfaces-button-bar button.ui-button-icon-only {
  width: 30px;
}
.e23 .e22-details-table .synfaces-button-bar button.ui-button-icon-only .ui-icon {
  width: 24px;
}
.e23 .e22-details-table .synfaces-button-bar button.ui-button-icon-only .ui-icon:before {
  font-size: 24px;
}
.e23 .e22-details-table .ui-widget-header:not(.ui-paginator) {
  background-color: var(--drawer-background);
}
.e23 .e22-details-table .ui-widget-header:not(.ui-paginator) .ui-button-text-only {
  background-color: var(--action-icon-default);
}
.e23 .e22-details-table .ui-widget-header:not(.ui-paginator) .ui-button .ui-icon::before {
  color: var(--action-icon-default);
}
.e23 .e22-details-table table thead tr th {
  color: #576D8D;
}
.e23 .e22-details-table table tbody tr td {
  vertical-align: middle;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.e23 .e22-details-table table tbody tr td input.ui-inputtext {
  height: 22px;
}
.e23 .e22-entry-top-button-bar div.ui-selectonemenu {
  margin: 10px 0px;
}
.e23 .e22-summary-datatable .synfaces-button-bar button.ui-button.ui-button-icon-only {
  height: 48px;
  min-width: 48px;
  margin: 0;
}
.e23 .e22-summary-datatable .synfaces-button-bar button.ui-button.ui-button-icon-only .ui-icon {
  width: 24px;
  margin: 0;
  transform: translate(-50%, -50%);
}
.e23 .e22-summary-datatable .synfaces-button-bar button.ui-button.ui-button-icon-only .ui-icon:before {
  font-size: 24px;
}
.e23 .e22-summary-datatable .synfaces-button-bar button.ui-button.ui-button-icon-only.synfaces-import-failed {
  background-color: transparent !important;
}
.e23 .e22-summary-datatable .synfaces-button-bar button.ui-button.ui-button-icon-only.synfaces-import-failed .ui-icon:before {
  color: var(--action-icon-default) !important;
}
.e23 .e22-summary-datatable .synfaces-button-bar button.ui-button.ui-button-text-only {
  margin: 10px 0px;
}
.e23 .e22-summary-datatable .synfaces-button-bar .dnsSelectPanel {
  margin-top: 10px;
}
.e23 .e22-summary-datatable .synfaces-button-bar .synfaces-import-panel button {
  margin-top: 10px;
}
.e23 .e22-summary-datatable .synfaces-button-bar div.ui-selectonemenu {
  margin: 10px 0px;
}
.e23 .e22-summary-datatable .synfaces-button-bar span.ui-calendar input {
  margin: 10px 0px;
}
.e23 .button-outline-primary {
  border: 1px solid var(--main-outline-primary) !important;
  border-radius: 5px;
}
.e23 .button-danger .ui-icon:before {
  color: var(--action-icon-warning-hover);
}
.e23 button.ui-button-text-only.ui-state-default.button-danger {
  background-color: var(--action-icon-warning-hover);
}
.e23 .vertical-line {
  border-left: 1px solid #D7D7D7;
  height: 24px;
  padding-right: 10px;
  display: inline-block;
}
.e23 .syn-upload-file-button.e22-file-import-button .ui-fileupload-buttonbar {
  border: none;
  background-color: transparent;
}
.e23 .e22-input-percentage {
  padding-right: 30px;
}
.e23 span.ui-calendar input[type=text]:not([readonly]):not([disabled]):not(:focus):not(.ui-state-error).ui-state-hover {
  border-color: var(--main-outline-primary);
}
.e23 .text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.e23 .text-truncate-two-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 0px;
}
.e23 .sticky-last-column {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  right: 0px;
  z-index: 1;
  background: #FFF;
  white-space: nowrap;
}
.e23 .sticky-last-column::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--syn-table-header-background-BG);
  z-index: 1;
  box-shadow: -1px 0px 3px rgba(37, 50, 68, 0.6);
}
.e23 .sticky-last-column > div {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
}

.ui-dialog.newUI-dialog {
  background-color: var(--drawer-background);
  border-radius: 5px;
}
.ui-dialog.newUI-dialog .ui-dialog-titlebar {
  background-color: var(--drawer-background);
  height: 27px;
}
.ui-dialog.newUI-dialog .ui-dialog-titlebar .ui-dialog-title {
  color: var(--syn-dialog-header);
  font-weight: bold;
  font-size: 14px;
  line-height: 27px;
  padding-left: 6px;
}
.ui-dialog.newUI-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  text-decoration: none;
}
.ui-dialog.newUI-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon::before {
  color: #f55f63;
  font-size: 22px;
}
.ui-dialog.newUI-dialog .ui-dialog-content {
  padding: 0px 0px 10px 0px;
}

span.ui-calendar {
  position: relative;
}
span.ui-calendar input {
  width: 100px !important;
}
span.ui-calendar::after {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f073";
  font-size: 12px;
  font-weight: 900;
  color: var(--text-field-icon);
}
span.ui-calendar.syn-input-datetime input {
  width: 125px !important;
}
span.ui-calendar:hover::after {
  color: var(--text-field-icon-hover);
}

span.ui-calendar.read-only::after {
  display: none;
}