:root {
  --font-base: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-size-base: 12px;
  --font-size-h1: 20px;
  --font-size-h2: 18px;
  --font-size-h3: 16px;
  --ev-bg: #ffffff;
  --ev-text: #0a0f0c;
  --ev-muted: #6b7f76;
  --ev-green: #075033;
  --ev-green-700: #0b6a45;
  --ev-green-900: #06472e;
  --ev-lime: #aade0c;
  --ev-border: #d8e4dd;
  --ev-border-strong: #b7cbbf;
  --ev-row-alt: #f3f8f5;
  --ev-row-hover: #e8f3ed;
  --ev-radius: 8px;
  --ev-pad-y: .75rem;
  --ev-pad-x: 1rem;
  --ev-dark-bg: #075033;
  --ev-dark-text: #f0f7f3;
  --ev-dark-border: #155c44;
  --ev-dark-zebra: #0b4633;
  --ev-dark-hover: #0f4e3a;
  --focus-ring: 0 0 0 3px rgba(170, 222, 12, .35);
  --focus-ring-strong: 0 0 0 3px rgba(170, 222, 12, .45);
  --pill-border: #e3efe9;
  --pill-bg: #f7faf8;
  --pill-hover-bg: #eef6f1;
  --pill-hover-border: #d6e6dd;
  --ev-link-color: #0a0f0c;
  --ev-underline-color: var(--ev-lime, #aade0c);
  --ev-underline-thickness: 2px;
  --ev-underline-gap: 0px;
  --ev-underline-duration: 160ms;
  --ev-underline-ease: cubic-bezier(.25, .8, .25, 1);
  --caret-gap: 12px;
  --ev-lime-600: #bff313;
  --ev-lime-700: #9ccc0b;
  --ev-lime-outline: #aade0c;
  --ev-text-dark: #0a0f0c;
}

html,
body {
  font-family: var(--font-base) !important;
}

p,
span,
a,
li,
ul,
ol,
small,
strong,
em,
label,
.lead,
.text-muted,
.help-block,
.field-label {
  font-family: var(--font-base) !important;
  font-size: var(--font-size-base);
}

table,
.table,
.pcf-grid,
.pcf-grid *,
.entitylist .view-grid,
.entitylist .view-grid * {
  font-family: var(--font-base) !important;
}

input,
select,
textarea,
button,
.form-control,
.form-select,
.input-group-text,
.picker input,
.lookup input,
.picklist,
.control input,
.control select,
.btn,
.btn *,
.modal,
.modal *,
.popover,
.popover *,
.tooltip,
.tooltip *,
.dropdown-menu,
.dropdown-menu *,
.pcf-grid-header,
.pcf-grid-header *,
.crmEntityFormView,
.crmEntityFormView *,
.entityform,
.entityform *,
.entityview,
.entityview *,
fieldset,
fieldset *,
table.section,
table.section * {
  font-family: var(--font-base) !important;
}

h1,
.h1,
.section-landing .row>div .section-landing-sub-heading,
.page_section h1,
.color-inverse h1,
h1 p {
  font-weight: 400;
  font-size: var(--font-size-h1) !important;
  color: #323130;
}

h2,
.h2,
.section-landing .row>div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
  font-weight: 400;
  font-size: var(--font-size-h2) !important;
  color: #323130;
}

h3,
.h3,
.section-landing .row>div .section-landing-sub-heading,
.page_section h3,
.color-inverse h3,
h3 p {
  font-weight: 400;
  font-size: var(--font-size-h3) !important;
  color: #323130;
}

#content_form {
  margin-bottom: 5px;
}

.open>.dropdown-menu {
  background-color: var(--portalThemeColor4, #ffffff);
}

.open>.dropdown-menu>li>a {
  color: var(--portalThemeOnColor9, #1276CE);
}

.open .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
  color: var(--portalThemeColor4, #ffffff);
  background-color: var(--portalThemeOnColor4, #1276CE);
  text-decoration: underline;
}

.dropdown-menu>.active>a {
  color: var(--portalThemeColor4, #ffffff);
  background-color: var(--portalThemeOnColor9, #1276CE);
  text-decoration: underline;
}

.open .dropdown-menu>.active>a:focus {
  color: var(--portalThemeColor8, #000000);
  background-color: var(--portalThemeOnColor9, #1276CE);
  text-decoration: underline;
}

table.table {
  width: 100%;
  color: var(--ev-text);
  background-color: var(--ev-bg);
  border: 1px solid var(--ev-border);
  border-radius: var(--ev-radius);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: var(--font-size-base);
}

table.table thead th {
  background: linear-gradient(0deg, #0c5b3e, var(--ev-green));
  color: #fff;
  font-weight: 700;
  font-size: var(--font-size-base);
  letter-spacing: .2px;
  border-bottom: 1px solid var(--ev-green-700);
  padding: calc(var(--ev-pad-y)*.85) var(--ev-pad-x);
  vertical-align: middle;
}

table.table tbody td,
table.table tbody th {
  padding: var(--ev-pad-y) var(--ev-pad-x);
  border-top: 1px solid var(--ev-border);
  vertical-align: middle;
}

table.table thead th:first-child,
table.table tbody td:first-child,
table.table tbody th:first-child {
  border-left: 0;
}

table.table thead th:last-child,
table.table tbody td:last-child,
table.table tbody th:last-child {
  border-right: 0;
}

table.table caption {
  caption-side: top;
  text-align: left;
  color: var(--ev-muted);
  font-size: .9rem;
  padding: 0 0 .5rem 0;
}

table.table a {
  color: var(--ev-green-700);
  text-decoration: none;
  font-size: var(--font-size-base);
}

table.table a:hover {
  color: var(--ev-lime);
  text-decoration: underline;
  font-size: var(--font-size-base);
}

.table.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--ev-row-alt) !important;
}

.table.table-hover>tbody>tr:hover>* {
  background-color: var(--ev-row-hover) !important;
}

.table.table-bordered {
  border: 1px solid var(--ev-border-strong) !important;
}

.table.table-bordered> :not(caption)>*>* {
  border: 1px solid var(--ev-border) !important;
}

.table.table-sm> :not(caption)>*>* {
  padding: calc(var(--ev-pad-y)*.55) calc(var(--ev-pad-x)*.75) !important;
  font-size: .9rem;
}

.table.table-dark,
.table.table-dark> :not(caption)>*>* {
  color: var(--ev-dark-text) !important;
  background-color: var(--ev-dark-bg) !important;
}

.table.table-dark thead th {
  background: linear-gradient(0deg, #0b4f38, var(--ev-green-900)) !important;
  border-bottom-color: var(--ev-dark-border) !important;
}

.table.table-dark tbody td,
.table.table-dark tbody th {
  border-top-color: var(--ev-dark-border) !important;
}

.table.table-dark.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--ev-dark-zebra) !important;
}

.table.table-dark.table-hover>tbody>tr:hover>* {
  background-color: var(--ev-dark-hover) !important;
}

.ev-table-wrap {
  overflow: auto;
  border: 1px solid var(--ev-border);
  border-radius: var(--ev-radius);
  background: var(--ev-bg);
}

.ev-table-wrap .table {
  border: 0;
  border-radius: 0;
}

.ev-table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

.table td:focus-within,
.table th:focus {
  outline: 1px solid var(--ev-green);
  outline-offset: -2px;
}

.entitylist .view-grid table.table thead th,
.entitylist .view-grid .table thead th,
.entitylist .view-grid table thead th,
table.table thead th,
.pcf-grid thead th,
.pcf-grid-header,
.pcf-grid .table thead th {
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  padding-top: .9rem !important;
  padding-bottom: .55rem !important;
  background-color: var(--ev-green) !important;
  background-image: none !important;
  border-bottom: 2px solid var(--ev-green-900) !important;
}

.entitylist .view-grid thead th a,
.entitylist .view-grid thead th span,
table.table thead th a,
table.table thead th span,
.pcf-grid thead th a,
.pcf-grid thead th span {
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.entitylist .view-grid thead th[aria-sort] a::after {
  color: var(--ev-lime) !important;
}

.entitylist .view-grid tbody td,
table.table tbody td {
  padding-top: .85rem !important;
  padding-bottom: .75rem !important;
}

table.table thead th a:focus,
table.table thead th a:focus-visible,
table.table thead th a:active,
.entitylist .view-grid table thead th a:focus,
.entitylist .view-grid table thead th a:focus-visible,
.entitylist .view-grid table thead th a:active,
.pcf-grid thead th a:focus,
.pcf-grid thead th a:focus-visible,
.pcf-grid thead th a:active {
  outline: none !important;
  box-shadow: none !important;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  border: none !important;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  /* background-color: var(--ev-lime); */
  /* color: #000; */
}

input.form-control,
select.form-select,
textarea.form-control {
  height: 32px;
  padding: 0 12px 2px 14px;
  border: 1px solid var(--ev-green);
  border-radius: var(--ev-radius);
  background-color: #fff;
  color: var(--ev-text);
  box-shadow: none;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
  font-size: var(--font-size-base);
}

textarea.form-control {
  height: auto;
  min-height: 92px;
  padding-top: 10px;
}

.form-control::placeholder,
.form-select::placeholder {
  color: var(--ev-muted);
  opacity: .95;
}

.form-control:hover,
.form-select:hover,
textarea.form-control:hover {
  border-color: var(--ev-green-700);
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
  border-color: var(--ev-green-700) !important;
  box-shadow: var(--focus-ring) !important;
  outline: none;
}

.form-control:disabled,
.form-select:disabled,
.form-control[readonly] {
  background-color: #f4f7f5;
  color: #87978f;
  border-color: var(--ev-border);
  opacity: 1;
}

.is-invalid.form-control,
.is-invalid.form-select {
  border-color: #d14343 !important;
  box-shadow: 0 0 0 3px rgba(209, 67, 67, .18) !important;
}

.is-valid.form-control,
.is-valid.form-select {
  border-color: #1a7f37 !important;
  box-shadow: 0 0 0 3px rgba(26, 127, 55, .18) !important;
}

.input-group {
  align-items: stretch;
}

.input-group .form-control {
  border-radius: var(--ev-radius);
}

.input-group .form-control:not(:last-child) {
  /* border-top-right-radius:0 !important; */
  /* border-bottom-right-radius:0 !important; */
  /* border-right:0; */
}

.input-group .btn,
.input-group .input-group-text {
  height: 32px;
  /* border:1.5px solid var(--ev-green); */
  /* border-top-right-radius: var(--ev-radius) !important; */
  /* border-bottom-right-radius: var(--ev-radius) !important; */
  /* border-top-left-radius:var(--ev-radius) !important; */
  /* border-bottom-left-radius:var(--ev-radius) !important; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ev-green-900);
  padding: 0 14px;
}

.input-group .btn:hover {
  background: var(--ev-lime);
  color: #fff;
  border-color: var(--ev-green) !important;
}

.ev-input-sm .form-control,
.ev-input-sm .form-select,
.ev-input-sm .btn,
.ev-input-sm .input-group .input-group-text {
  height: 36px;
  border-width: 1.25px;
  border-radius: 6px !important;
  font-size: .9rem;
}

@media (forced-colors: active) {

  .form-control,
  .form-select,
  .input-group .btn {
    border-width: 2px;
  }
}

.entityform .form-group,
.entityview .form-group {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.entityform .control-label,
.entityview .control-label {
  min-width: 220px;
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
}

.entityform .controls,
.entityform .info {
  flex: 1 1 auto;
}

.entityview .controls,
.entityview .info,
.entityview .form-control-static,
.entityform .form-control-static {
  flex: 1 1 auto;
}

.entityform .help-block,
.entityform .field-validation-error,
.entityview .help-block {
  flex-basis: 100%;
  margin-left: 0;
}

@media (max-width:576px) {

  .entityform .form-group,
  .entityview .form-group {
    display: block;
  }

  .entityform .control-label,
  .entityview .control-label {
    display: block;
    margin-bottom: 6px;
    min-width: 0;
    white-space: normal;
  }
}

table.section td.form-control-cell.cell {
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  vertical-align: top !important;
  padding: 2px 0 !important;
}

table.section td.form-control-cell.cell .info,
table.section td.form-control-cell.cell .control {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

table.section td.form-control-cell.cell .info {
  flex: 0 0 auto;
  min-width: 150px;
}

table.section td.form-control-cell.cell .field-label {
  margin: 0 !important;
  font-weight: 600;
  white-space: nowrap;
}

table.section td.form-control-cell.cell .control {
  flex: 1 1 auto;
  min-width: 0;
}

table.section td.cell.zero-cell,
table.section td.cell:empty {
  display: none !important;
}

@media (max-width:600px) {
  table.section td.form-control-cell.cell {
    display: block !important;
  }

  table.section td.form-control-cell.cell .info {
    min-width: 0 !important;
    margin-bottom: 6px !important;
  }

  table.section td.form-control-cell.cell .field-label {
    white-space: normal !important;
  }
}

table.section td.form-control-cell.cell .control input.form-control.readonly,
table.section td.form-control-cell.cell .control textarea.form-control.readonly,
table.section td.form-control-cell.cell .control input.readonly.form-control,
table.section td.form-control-cell.cell .control textarea.readonly.form-control,
table.section td.form-control-cell.cell .control input.form-control[readonly],
table.section td.form-control-cell.cell .control textarea.form-control[readonly],
table.section td.form-control-cell.cell .control input.form-control:disabled,
table.section td.form-control-cell.cell .control textarea.form-control:disabled,
table.section td.form-control-cell.cell .control input.aspNetDisabled.form-control {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding-left: 5!important;
  padding-right: 0 !important;
  height: auto !important;
  color: #6e7b75 !important;
  cursor: default !important;
}

table.section td.cell.picklist-cell {
  display: flex !important;
  gap: 6px !important;
  vertical-align: top !important;
  padding: 2px 0 !important;
  align-items: baseline !important;
}

table.section td.cell.picklist-cell .info,
table.section td.cell.picklist-cell .control {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

table.section td.cell.picklist-cell .info {
  flex: 0 0 auto;
  min-width: 150px;
}

table.section td.cell.picklist-cell .field-label {
  margin: 0 !important;
  font-weight: 600;
  white-space: nowrap;
}

table.section td.cell.picklist-cell .control {
  flex: 1 1 auto;
  min-width: 0;
  display: inline-block;
  vertical-align: baseline !important;
}

table.section td.cell.picklist-cell .control select.form-control.readonly,
table.section td.cell.picklist-cell .control select.readonly.form-control,
table.section td.cell.picklist-cell .control select.form-control:disabled,
table.section td.cell.picklist-cell .control select[readonly].form-control,
table.section td.cell.picklist-cell .control select.aspNetDisabled.form-control,
table.section td.cell.picklist-cell .control .picklist.readonly.form-control {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  color: #6e7b75 !important;
  pointer-events: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-size:12px;
}

table.section td.form-control-cell.cell,
table.section td.cell.picklist-cell {
  margin-bottom: 8px !important;
  padding-bottom: 4px !important;
}

table.section tr {
  display: block;
  margin-bottom: 4px !important;
}

.entitylist .view-grid thead th.sort-enabled>a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.2;
}

.entitylist .view-grid thead th.sort-enabled>a .fa {
  display: none !important;
}

.entitylist .view-grid thead th.sort-enabled>a::after {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: .95em;
  display: inline-block;
  color: currentColor;
  opacity: .9;
  transform: translateY(.5px);
  content: "\f0dc";
}

.entitylist .view-grid thead th[aria-sort="descending"]>a::after {
  content: "\f078";
}

.entitylist .view-grid thead th[aria-sort="ascending"]>a::after {
  content: "\f077";
}

.entitylist .view-grid table {
  table-layout: auto !important;
  width: 100% !important;
}

.entitylist .view-grid thead th[style],
.entitylist .view-grid tbody td[style] {
  width: auto !important;
}

.entitylist .view-grid tbody td {
  white-space: normal;
  word-break: break-word;
}

.view-pagination .pagination {
  display: inline-flex !important;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 12px auto 8px auto !important;
  padding: 6px 8px;
  background: transparent;
  border: 0;
}

.view-pagination .pagination>li {
  list-style: none;
}

.view-pagination .pagination>li>a,
.view-pagination .pagination>li>span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--pill-border);
  background: var(--pill-bg);
  color: var(--ev-green-900);
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1;
  transition: all .18s ease;
}

.view-pagination .pagination>li>a:hover {
  background: var(--pill-hover-bg);
  border-color: var(--pill-hover-border);
  color: var(--ev-green-900);
}

.view-pagination .pagination>li>a:focus {
  outline: none !important;
  box-shadow: none !important;
}

.view-pagination .pagination>li>a:focus-visible {
  box-shadow: var(--focus-ring-strong) !important;
}

.view-pagination .pagination>li.active>a,
.view-pagination .pagination>li.active>span,
.view-pagination .pagination>.active>a,
.view-pagination .pagination>.active>span {
  background: var(--ev-green) !important;
  border-color: var(--ev-green) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px var(--ev-green-900), 0 1px 2px rgba(0, 0, 0, .15);
}

.view-pagination .pagination>li.disabled>a,
.view-pagination .pagination>li.disabled>span {
  background: #f3f6f4 !important;
  border-color: #e3efe9 !important;
  color: #9aaba3 !important;
  pointer-events: none;
  cursor: default;
}

.view-pagination .pagination a.entity-pager-prev-link,
.view-pagination .pagination a.entity-pager-next-link {
  color: transparent !important;
  position: relative !important;
  min-width: 34px;
  padding: 0 12px;
}

.view-pagination .pagination a.entity-pager-prev-link::before {
  content: "\f053";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--ev-green-900);
  font-size: 15px;
  line-height: 1;
}

.view-pagination .pagination a.entity-pager-next-link::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--ev-green-900);
  font-size: 15px;
  line-height: 1;
}

.view-pagination .pagination a.entity-pager-prev-link:hover,
.view-pagination .pagination a.entity-pager-next-link:hover {
  background: var(--pill-hover-bg);
  border-color: var(--pill-hover-border);
}

.view-pagination .pagination a.entity-pager-prev-link:focus-visible,
.view-pagination .pagination a.entity-pager-next-link:focus-visible {
  box-shadow: var(--focus-ring-strong) !important;
}

.btn {
  font-family: var(--font-base) !important;
}

.btn i,
.btn span.fa,
.btn .fa,
.btn svg,
.btn .glyphicon,
.btn::before,
.btn::after {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Brands", "Bootstrap Icons", "Glyphicons Halflings", "Segoe MDL2 Assets", "Segoe UI Symbol", sans-serif !important;
  font-weight: normal !important;
}

button i.ms-Icon,
button span.ms-Icon {
  font-family: "Segoe MDL2 Assets" !important;
}

.fa,
.fa:before,
span.fa,
span.fa:before,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome", "Bootstrap Icons", "Glyphicons Halflings", "Segoe MDL2 Assets", "Segoe UI Symbol" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-regular,
.far {
  font-weight: 400 !important;
}

.fa-brands,
.fab {
  font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
  font-weight: 400 !important;
}

.glyphicon,
.glyphicon:before {
  font-family: "Glyphicons Halflings" !important;
  font-style: normal;
  font-weight: 400;
}

.bi,
.bi::before {
  font-family: "Bootstrap Icons" !important;
  font-style: normal;
  font-weight: 400;
}

#mainContent .page-header h1,
#mainContent .page-header h2,
#mainContent .page-header h3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#mainContent .page-header {
  position: relative;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
  border: 0 !important;
}

#mainContent .sectionBlockLayout {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#mainContent .columnBlockLayout {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#mainContent .page-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;

  background: linear-gradient(90deg,
      rgba(170, 222, 12, 1) 0%,
      rgba(170, 222, 12, 0.85) 25%,
      rgba(170, 222, 12, 0.45) 60%,
      rgba(170, 222, 12, 0.00) 100%);

  border-radius: 999px;
  animation: evonicSweep 900ms ease-out forwards;
}

@keyframes evonicSweep {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}


table.section td.textarea.form-control-cell[rowspan] {
  height: auto !important;
  min-height: 0 !important;
  rowspan: 1 !important;
}


table.section tr {
  height: auto !important;
  min-height: auto !important;
}


table.section td.textarea.form-control-cell {
  display: flex !important;
  align-items: flex-start !important;
  padding: 2px 0 !important;
  margin-bottom: 4px !important;
}


table.section td.textarea.form-control-cell textarea.form-control {
  height: auto !important;
  min-height: 32px !important;
  padding: 5px 0px 5px 5px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  resize: none;
}


table.section tr:has(> td.cell.zero-cell:only-child) {
  display: none !important;
}


table.section tr {
  margin-bottom: 0 !important;
}

table.section tr:has(> td.form-control-cell.cell),
table.section tr:has(> td.cell.picklist-cell),
table.section tr:has(> td.textarea.form-control-cell) {
  display: block;
  margin-bottom: 8px !important;
}


table.section td.textarea.form-control-cell {
  display: flex !important;
  align-items: flex-start !important;
  padding: 2px 0 !important;
  margin-bottom: 4px !important;
}

table.section td.textarea.form-control-cell textarea.form-control {
  height: auto !important;
  min-height: 32px !important;
  padding: 5px 0px 5px 5px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  resize: none;
}




.navbar,
.navbar.navbar-inverse {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}


nav.menu-bar ul.weblinks>li>a {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  color: var(--ev-link-color) !important;
  background: transparent !important;
  text-decoration: none !important;

  line-height: 1.1;
  padding: 8px 14px;


  border-bottom: var(--ev-underline-thickness) solid transparent;


  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: left calc(100% - var(--ev-underline-gap));
  background-size: 0 var(--ev-underline-thickness);
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease);
}


nav.menu-bar ul.weblinks>li>a:hover,
nav.menu-bar ul.weblinks>li>a:focus,
nav.menu-bar ul.weblinks>li.active>a {
  background-size: 100% var(--ev-underline-thickness)
}


nav.menu-bar ul.weblinks>li>a.dropdown-toggle:hover,
nav.menu-bar ul.weblinks>li>a.dropdown-toggle:focus,
nav.menu-bar ul.weblinks>li.dropdown.open>a,
nav.menu-bar ul.weblinks>li.active>a.dropdown-toggle {
  background-size: calc(100% - var(--caret-gap)) var(--ev-underline-thickness)
}


.navbar .caret {
  border-top-color: var(--ev-link-color) !important;
  border-bottom-color: var(--ev-link-color) !important
}


.navbar .divider-vertical {
  width: 1px;
  height: 28px;
  margin: 12px 10px;
  background: rgba(0, 0, 0, .15)
}


nav.menu-bar .dropdown-menu,
#navbar .dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  margin-top: 8px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

nav.menu-bar .dropdown-menu>li>a,
#navbar .dropdown-menu>li>a {
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  padding: 10px 16px !important;


  border-bottom: 0 !important;
  background-image: none !important;
  transition: none !important;
  box-shadow: none !important;
}

nav.menu-bar .dropdown-menu>li>a:hover,
nav.menu-bar .dropdown-menu>li>a:focus,
#navbar .dropdown-menu>li>a:hover,
#navbar .dropdown-menu>li>a:focus {
  background: #f7f7f7 !important;
  color: #111 !important;
  outline: 0 !important;
  box-shadow: none !important
}


nav.menu-bar .dropdown-menu>li+li,
#navbar .dropdown-menu>li+li {
  border-top: 1px solid #eee !important
}


.navbar-nav>li>a .fa {
  color: inherit !important
}


.navbar-toggle .icon-bar {
  background-color: var(--ev-link-color) !important
}



div#navbar nav.menu-bar ul.weblinks>li>a {

  color: var(--ev-link-color) !important;
  border-bottom: var(--ev-underline-thickness) solid transparent !important;
  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color)) !important;
  background-repeat: no-repeat !important;
  background-origin: border-box !important;
  background-clip: border-box !important;
  background-position: left calc(100% - var(--ev-underline-gap)) !important;
  background-size: 0 var(--ev-underline-thickness) !important;
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease) !important;
}

div#navbar nav.menu-bar ul.weblinks>li>a:hover,
div#navbar nav.menu-bar ul.weblinks>li>a:focus,
div#navbar nav.menu-bar ul.weblinks>li.active>a {
  background-size: 100% var(--ev-underline-thickness) !important;
}


div#navbar nav.menu-bar ul.weblinks>li>a.dropdown-toggle:hover,
div#navbar nav.menu-bar ul.weblinks>li>a.dropdown-toggle:focus,
div#navbar nav.menu-bar ul.weblinks>li.dropdown.open>a,
div#navbar nav.menu-bar ul.weblinks>li.active>a.dropdown-toggle {
  background-size: calc(100% - var(--caret-gap)) var(--ev-underline-thickness) !important;
}


div#navbar nav.menu-bar .dropdown-menu>li>a {
  background-image: none !important;
  border-bottom: 0 !important;
  transition: none !important;
}




div#navbar nav.menu-bar .dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}


div#navbar nav.menu-bar .dropdown-menu>li>a {
  background: transparent !important;
  color: #222 !important;
  text-decoration: none !important;
  padding: 10px 16px !important;


  background-image: none !important;
  border-bottom: 0 !important;
  transition: none !important;
  box-shadow: none !important;
}


div#navbar nav.menu-bar .dropdown-menu>li>a:hover,
div#navbar nav.menu-bar .dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  outline: 0 !important;
  box-shadow: none !important;
}


div#navbar nav.menu-bar .dropdown-menu>li+li {
  border-top: 1px solid #eee !important;
}




div#navbar nav.menu-bar .dropdown-menu>li {
  border: 0 !important;
}


div#navbar nav.menu-bar .dropdown-menu>.divider {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


div#navbar nav.menu-bar .dropdown-menu>li>a {
  box-sizing: border-box !important;
  display: block !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  padding: 10px 16px !important;

  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;


  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;


  background-image: none !important;
  transition: none !important;
}


div#navbar nav.menu-bar .dropdown-menu>li+li>a {
  position: relative;
}

div#navbar nav.menu-bar .dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  background: #eee;
}


div#navbar nav.menu-bar .dropdown-menu>li>a:hover,
div#navbar nav.menu-bar .dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;


  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}


div#navbar nav.menu-bar .dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}




div#navbar nav.menu-bar ul.weblinks>li>a {

  font-weight: 400 !important;
  line-height: 1.1 !important;
  padding-top: 12px !important;
  padding-bottom: 8px !important;


  border-bottom: var(--ev-underline-thickness, 2px) solid transparent !important;


  background-image: linear-gradient(var(--ev-underline-color, var(--ev-lime, #aade0c)),
      var(--ev-underline-color, var(--ev-lime, #aade0c))) !important;
  background-repeat: no-repeat !important;
  background-origin: border-box !important;
  background-clip: border-box !important;


  background-position: left calc(100% - var(--ev-underline-gap, 0px)) !important;
  background-size: 0 var(--ev-underline-thickness, 2px) !important;


  transition: background-size var(--ev-underline-duration, 160ms) var(--ev-underline-ease, cubic-bezier(.25, .8, .25, 1)) !important;
}


div#navbar nav.menu-bar ul.weblinks>li>a:hover,
div#navbar nav.menu-bar ul.weblinks>li>a:focus,
div#navbar nav.menu-bar ul.weblinks>li.active>a {
  background-size: 100% var(--ev-underline-thickness, 2px) !important;
}


div#navbar nav.menu-bar ul.weblinks>li>a.dropdown-toggle:hover,
div#navbar nav.menu-bar ul.weblinks>li>a.dropdown-toggle:focus,
div#navbar nav.menu-bar ul.weblinks>li.dropdown.open>a,
div#navbar nav.menu-bar ul.weblinks>li.active>a.dropdown-toggle {
  background-size: calc(100% - var(--caret-gap, 12px)) var(--ev-underline-thickness, 2px) !important;
}




div#navbar nav.menu-bar .dropdown-menu>li {
  border: 0 !important;
}

div#navbar nav.menu-bar .dropdown-menu>.divider {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


div#navbar nav.menu-bar .dropdown-menu>li>a {
  box-sizing: border-box !important;
  display: block !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  padding: 10px 16px !important;

  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;

  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;


  background-image: none !important;
  transition: none !important;
}


div#navbar nav.menu-bar .dropdown-menu>li+li>a {
  box-shadow: inset 0 1px 0 #eee !important;
}


div#navbar nav.menu-bar .dropdown-menu>li>a:hover,
div#navbar nav.menu-bar .dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 #eee !important;
  outline: 0 !important;
}




td[aria-label="menu de ação"] {
  padding: 4px 6px !important;
  vertical-align: middle !important;
}


.dropdown.action>.btn.btn-default.btn-xs {
  --btn-size: 28px;
  --btn-radius: 999px;
  --btn-bg: var(--ev-lime, #aade0c);
  --btn-bg-hover: #bff313;
  --btn-bg-active: #a1cd0b;
  --btn-fg: #0a0f0c;
  --btn-border: 1px solid rgba(10, 15, 12, .25);

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;

  width: var(--btn-size) !important;
  height: var(--btn-size) !important;
  padding: 0 !important;
  line-height: 1 !important;

  background: var(--btn-bg) !important;
  color: var(--btn-fg) !important;
  border: var(--btn-border) !important;
  border-radius: var(--btn-radius) !important;


  box-shadow: none !important;
  outline: none !important;


  transition: background-color .15s ease, transform .08s ease, border-color .15s ease;
}


.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
}


.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: var(--btn-bg-hover) !important;
  border-color: rgba(10, 15, 12, .32) !important;
}

.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: var(--btn-bg-active) !important;
  transform: translateY(0) scale(.98);
}


.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(170, 222, 12, .35) !important;
}


.dropdown.action>.btn.btn-default.btn-xs .fa:focus {
  outline: none !important;
}




.dropdown.action>.dropdown-menu {
  min-width: 180px;
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}


.dropdown.action>.dropdown-menu>li>a {
  display: block !important;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}


.dropdown.action>.dropdown-menu>li>a .fa {
  font-size: 13px !important;
  margin-right: 8px !important;
  color: inherit !important;
}


.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


.dropdown.action>.dropdown-menu>li {
  border: 0 !important;
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important;
}

.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee;
}


.dropdown.action.open>.btn.btn-default.btn-xs {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(170, 222, 12, .28) !important;
  background: var(--btn-bg-active) !important;
  border-color: rgba(10, 15, 12, .28) !important;
}


.dropdown.action>.btn.btn-default.btn-xs {
  --size: 22px;
  --radius: 6px;
  --fg: #0a0f0c;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--size) !important;
  height: var(--size) !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  color: var(--fg) !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
  transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}

.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  color: inherit !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: rgba(170, 222, 12, .18) !important;
}

.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: rgba(170, 222, 12, .26) !important;
  transform: translateY(0) scale(.98);
}

.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(170, 222, 12, .32) !important;
}


.dropdown.action>.dropdown-menu {
  min-width: 180px;
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

.dropdown.action>.dropdown-menu>li {
  border: 0 !important;
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important;
}

.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee;
}

.dropdown.action>.dropdown-menu>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
}

.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


table.table td:has(> .dropdown.action),
.entitylist .view-grid td:has(> .dropdown.action) {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 2px 4px !important;
}





.dropdown.action>.btn.btn-default.btn-xs {
  --size: 22px;
  --radius: 6px;
  --fg: #0a0f0c;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--size) !important;
  height: var(--size) !important;
  padding: 0 !important;
  line-height: 1 !important;


  background: transparent !important;
  color: var(--fg) !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;

  transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}


.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: rgba(170, 222, 12, .18) !important;
}

.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: rgba(170, 222, 12, .26) !important;
  transform: translateY(0) scale(.98);
}


.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;

}


.dropdown.action>.btn.btn-default.btn-xs::before,
.dropdown.action>.btn.btn-default.btn-xs::after {
  content: none !important;
}


.dropdown.action>.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

.dropdown.action>.dropdown-menu>li {
  border: 0 !important;
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important;
}

.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee;
}

.dropdown.action>.dropdown-menu>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
}

.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


table.table td:has(> .dropdown.action),
.entitylist .view-grid td:has(> .dropdown.action) {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: inherit !important;
  padding: 2px 4px !important;
}


table.table tbody tr:hover>td:has(> .dropdown.action),
.entitylist .view-grid tbody tr:hover>td:has(> .dropdown.action) {
  background: inherit !important;
}




table.table tbody tr td[aria-label="menu de ação"],
.entitylist .view-grid tbody tr td[aria-label="menu de ação"] {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;

  background-color: inherit !important;
  background: inherit !important;

  padding: 2px 4px !important;
}


table.table tbody tr:hover>td[aria-label="menu de ação"],
.entitylist .view-grid tbody tr:hover>td[aria-label="menu de ação"] {
  background-color: inherit !important;
  background: inherit !important;
  border-color: transparent !important;
}


table.table tbody tr td[aria-label="menu de ação"] {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}


table.table tbody tr td[aria-label="menu de ação"]:hover,
.entitylist .view-grid tbody tr td[aria-label="menu de ação"]:hover {
  background-color: inherit !important;
  background: inherit !important;
}



.dropdown.action>.btn.btn-default.btn-xs {
  --size: 22px;
  --radius: 6px;
  --fg: #0a0f0c;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--size) !important;
  height: var(--size) !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  color: var(--fg) !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
  transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}

.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-shadow: none !important;
}

.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: rgba(170, 222, 12, .18) !important;
}

.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: rgba(170, 222, 12, .26) !important;
  transform: translateY(0) scale(.98);
}


.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs::before,
.dropdown.action>.btn.btn-default.btn-xs::after {
  content: none !important;
}



.dropdown.action>.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

.dropdown.action>.dropdown-menu>li {
  border: 0 !important;
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important;
}


.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee;
}

.dropdown.action>.dropdown-menu>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
}

.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


table.table>tbody>tr>td[aria-label="menu de ação"],
.entitylist .view-grid table.table>tbody>tr>td[aria-label="menu de ação"] {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;


  background: inherit !important;
  background-color: inherit !important;

  padding: 2px 4px !important;
  vertical-align: middle !important;
}


table.table>tbody>tr:hover>td[aria-label="menu de ação"],
.entitylist .view-grid table.table>tbody>tr:hover>td[aria-label="menu de ação"] {
  background: inherit !important;
  background-color: inherit !important;
  border-color: transparent !important;
}


table.table>tbody>tr>td[aria-label="menu de ação"] {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}


.dropdown.action>.btn.btn-default.btn-xs {

  --size: 22px;
  --radius: 6px;
  --fg: #0a0f0c;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--size) !important;
  height: var(--size) !important;
  padding: 0 !important;
  line-height: 1 !important;


  background: transparent !important;
  background-image: none !important;
  color: var(--fg) !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  outline: 0 !important;

  transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}


.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: rgba(170, 222, 12, .14) !important;
}


.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: transparent !important;
  transform: translateY(0) scale(1) !important;
  box-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs::before,
.dropdown.action>.btn.btn-default.btn-xs::after {
  content: none !important;
}


.dropdown.action>.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

.dropdown.action>.dropdown-menu>li {
  border: 0 !important;
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important;
}

.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee;
}

.dropdown.action>.dropdown-menu>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
}

.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


.dropdown.action>.btn.btn-default.btn-xs {
  --size: 22px;
  --radius: 6px;
  --fg: #0a0f0c;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--size) !important;
  height: var(--size) !important;
  padding: 0 !important;
  line-height: 1 !important;

  background: transparent !important;
  background-image: none !important;
  color: var(--fg) !important;

  border: 0 !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  outline: 0 !important;

  transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}


.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: rgba(170, 222, 12, .14) !important;
}

.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: transparent !important;
  transform: translateY(0) scale(1) !important;
  box-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}


.dropdown.action>.btn.btn-default.btn-xs::before,
.dropdown.action>.btn.btn-default.btn-xs::after {
  content: none !important;
}


.dropdown.action>.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

.dropdown.action>.dropdown-menu>li {
  border: 0 !important;
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important;
}

.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee;
}

.dropdown.action>.dropdown-menu>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
}

.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


table.table>tbody>tr>td:has(> .dropdown.action),
.entitylist .view-grid table.table>tbody>tr>td:has(> .dropdown.action) {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: inherit !important;
  background-color: inherit !important;
  padding: 2px 4px !important;
  vertical-align: middle !important;
}

table.table>tbody>tr:hover>td:has(> .dropdown.action),
.entitylist .view-grid table.table>tbody>tr:hover>td:has(> .dropdown.action) {
  background: inherit !important;
  background-color: inherit !important;
  border-color: transparent !important;
}


.dropdown.action>.btn.btn-default.btn-xs {
  --size: 22px;
  --radius: 6px;
  --fg: #0a0f0c;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--size) !important;
  height: var(--size) !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--fg) !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}

.dropdown.action>.btn.btn-default.btn-xs .fa {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-shadow: none !important
}

.dropdown.action>.btn.btn-default.btn-xs:hover {
  background: rgba(170, 222, 12, .14) !important
}

.dropdown.action>.btn.btn-default.btn-xs:active,
.dropdown.action.open>.btn.btn-default.btn-xs {
  background: transparent !important;
  transform: translateY(0) scale(1) !important;
  box-shadow: none !important
}

.dropdown.action>.btn.btn-default.btn-xs:focus,
.dropdown.action>.btn.btn-default.btn-xs:focus-visible {
  outline: 0 !important;
  box-shadow: none !important
}


.dropdown.action>.dropdown-menu {
  min-width: 180px;
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
}

.dropdown.action>.dropdown-menu>li {
  border: 0 !important
}

.dropdown.action>.dropdown-menu>.divider {
  display: none !important
}

.dropdown.action>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: #eee
}

.dropdown.action>.dropdown-menu>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 8px 12px !important;
  color: #222 !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
}

.dropdown.action>.dropdown-menu>li>a:hover,
.dropdown.action>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important
}



table.table>tbody>tr>td>a.details-link {
  display: inline-block;
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

table.table>tbody>tr>td>a.details-link:hover,
table.table>tbody>tr>td>a.details-link:focus,
table.table>tbody>tr>td>a.details-link:active {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: underline;
}


table.table>tbody>tr>td[data-attribute="ticketnumber"] {
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: inherit !important;
  background-color: inherit !important;
}


nav.menu-bar ul.weblinks>li>a {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  color: var(--ev-link-color) !important;
  background: transparent !important;
  text-decoration: none !important;
  line-height: 1.1;
  padding: 12px 14px;
  border-bottom: var(--ev-underline-thickness) solid transparent;
  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: left calc(100% - var(--ev-underline-gap));
  background-size: 0 var(--ev-underline-thickness);
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease)
}

nav.menu-bar ul.weblinks>li>a:hover,
nav.menu-bar ul.weblinks>li>a:focus,
nav.menu-bar ul.weblinks>li.active>a {
  background-size: 100% var(--ev-underline-thickness)
}

nav.menu-bar ul.weblinks>li>a.dropdown-toggle:hover,
nav.menu-bar ul.weblinks>li>a.dropdown-toggle:focus,
nav.menu-bar ul.weblinks>li.dropdown.open>a,
nav.menu-bar ul.weblinks>li.active>a.dropdown-toggle {
  background-size: calc(100% - var(--caret-gap)) var(--ev-underline-thickness)
}


a.ev-underline {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid transparent;

  --ev-underline-color: var(--ev-lime, #aade0c);
  --ev-underline-thickness: 2px;
  --ev-underline-gap: 0px;
  --ev-underline-duration: 180ms;
  --ev-underline-ease: cubic-bezier(.25, .8, .25, 1);

  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: left calc(100% - var(--ev-underline-gap));
  background-size: 0 var(--ev-underline-thickness);
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease);
}

a.ev-underline:hover,
a.ev-underline:focus {
  background-size: 100% var(--ev-underline-thickness);
}


a.ev-underline {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid transparent;

  --ev-underline-color: var(--ev-lime, #aade0c);
  --ev-underline-thickness: 2px;
  --ev-underline-gap: 0px;
  --ev-underline-duration: 180ms;
  --ev-underline-ease: cubic-bezier(.25, .8, .25, 1);

  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: left calc(100% - var(--ev-underline-gap));
  background-size: 0 var(--ev-underline-thickness);
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease);
}

a.ev-underline:hover,
a.ev-underline:focus {
  background-size: 100% var(--ev-underline-thickness);
}


table.table tbody tr td>a.details-link {
  position: relative;
  color: inherit !important;
  text-decoration: none !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}


table.table tbody tr td>a.details-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--ev-lime, #aade0c);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .18s cubic-bezier(.25, .8, .25, 1);
  will-change: transform;
  pointer-events: none;
}


table.table tbody tr td>a.details-link:hover::after,
table.table tbody tr td>a.details-link:focus::after {
  transform: scaleX(1);
  transform-origin: left;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
}


.dropdown-menu>li>a .fa-info-circle {
  position: relative;
  font-size: 14px !important;
  color: #0a0f0c !important;
  z-index: 0;
}


.dropdown-menu>li>a .fa-info-circle::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 8px;
  background: rgba(170, 222, 12, .16);
  z-index: -1;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
}

.dropdown-menu>li>a:hover .fa-info-circle::before,
.dropdown-menu>li>a:focus .fa-info-circle::before {
  background: rgba(10, 15, 12, .08);
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
  color: #0a0f0c !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}


.dropdown-menu>li>a .fa-info-circle {
  position: relative;
  font-size: 14px !important;
  color: #0a0f0c !important;
  line-height: 1 !important;
  z-index: 0;
}


.dropdown-menu>li>a .fa-info-circle::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 8px;
  background: rgba(170, 222, 12, .16);
  z-index: -1;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
}

.dropdown-menu>li>a:hover .fa-info-circle::before,
.dropdown-menu>li>a:focus .fa-info-circle::before {
  background: rgba(10, 15, 12, .08);
}


.dropdown-menu>li>a .fa-info-circle,
.dropdown-menu>li>a .fa-info-circle::before {
  transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}


.dropdown-menu>li>a .fa-info-circle::before {
  content: none !important;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
}


.dropdown-menu>li>a .fa-info-circle {
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;


  background: rgba(10, 15, 12, .10) !important;
  color: #0a0f0c !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin-left: 2px;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {

  background: rgba(10, 15, 12, .18) !important;
  color: #0a0f0c !important;
}


.dropdown-menu>li>a .fa-info-circle {
  transition: background-color .16s ease, color .16s ease;
}


.dropdown-menu>li>a .fa-info-circle::before {
  content: none !important;
}

.dropdown-menu>li>a .fa-info-circle {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #0a0f0c !important;
  opacity: 1 !important;
  transform: none !important;
  transition: color .15s ease;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
}


.dropdown-menu>li>a .fa-info-circle {
  text-shadow: 0 0 0.01px currentColor;
}


.dropdown-menu>li>a .fa-info-circle:before {
  content: "\f05a" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
  color: #0a0f0c !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}


.dropdown-menu>li>a .fa-info-circle {
  position: relative;
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 1 !important;
  color: #0a0f0c !important;
  z-index: 0;
}


.dropdown-menu>li>a .fa-info-circle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(10, 15, 12, .10);
  z-index: -1;
  pointer-events: none;
  transition: background-color .16s ease, opacity .16s ease;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
}

.dropdown-menu>li>a:hover .fa-info-circle::after,
.dropdown-menu>li>a:focus .fa-info-circle::after {
  background: rgba(10, 15, 12, .18);
}


.dropdown-menu>li>a .fa-info-circle {
  transition: color .16s ease;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #0a0f0c !important;
}


.dropdown-menu>li>a .fa-info-circle {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  line-height: 1 !important;
  font-size: 16px !important;
  color: #0a0f0c !important;
  position: relative;
}


.dropdown-menu>li>a .fa-info-circle::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.dropdown-menu>li>a .fa-info-circle::before {

  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
  background: none !important;
  box-shadow: none !important;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #0a0f0c !important;
}


.dropdown-menu>li>a .fa-info-circle,
.dropdown-menu>li>a .fa-info-circle::before,
.dropdown-menu>li>a .fa-info-circle::after {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}


.dropdown-menu>li>a .fa-info-circle {
  position: relative;
  display: inline-block !important;
  width: 16px !important;
  text-align: center;
  line-height: 1 !important;
  margin-left: 2px;
  padding: 0 !important;
  color: #0a0f0c !important;
  opacity: 1 !important;
  transform: none !important;
  font-size: 16px !important;
}


.dropdown-menu>li>a .fa-info-circle:before {
  content: "\f05a" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #0a0f0c !important;
}


.dropdown-menu>li>a .fa-info-circle:before {
  content: "\f129" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}


.dropdown-menu>li>a .fa-info-circle,
.dropdown-menu>li>a .fa-info-circle::before,
.dropdown-menu>li>a .fa-info-circle::after {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}


.dropdown-menu>li>a .fa-info-circle {
  position: relative;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 16px !important;
  color: #0a0f0c !important;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
  background: none !important;
  box-shadow: none !important;
}


.dropdown-menu>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #0a0f0c !important;
}


.dropdown-menu>li>a .fa-info-circle,
.dropdown-menu>li>a .fa-info-circle::before,
.dropdown-menu>li>a .fa-info-circle::after {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}


.dropdown-menu>li>a .fa-info-circle {
  position: relative;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 2px !important;
  color: #0a0f0c !important;
  line-height: 1 !important;
}


.dropdown-menu>li>a .fa-info-circle::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  background: currentColor;

  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 3.5a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2zM6.95 6.6h2.1v6h-2.1v-6z' fill='%23000'/></svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 3.5a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2zM6.95 6.6h2.1v6h-2.1v-6z' fill='%23000'/></svg>") center/contain no-repeat;
}


.dropdown-menu>li>a:hover .fa-info-circle,
.dropdown-menu>li>a:focus .fa-info-circle {
  color: #0a0f0c !important;
}




.view-select.nav.nav-pills.pull-left {
  margin: 0 !important;
}


.view-select>li>a.selected-view.dropdown-toggle,
.view-select>li.open>a.selected-view.dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  color: var(--ev-lime, #aade0c) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 8px 4px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;


  --ev-underline-color: var(--ev-lime, #aade0c);
  --ev-underline-thickness: 2px;
  --ev-underline-gap: 0px;
  --ev-underline-duration: 160ms;
  --ev-underline-ease: cubic-bezier(.25, .8, .25, 1);

  border-bottom: var(--ev-underline-thickness) solid transparent;
  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: left calc(100% - var(--ev-underline-gap));
  background-size: 0 var(--ev-underline-thickness);
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease);
}


.view-select>li>a.selected-view.dropdown-toggle:hover,
.view-select>li>a.selected-view.dropdown-toggle:focus {
  background-size: 100% var(--ev-underline-thickness);
}


.view-select>li.open>a.selected-view.dropdown-toggle:hover,
.view-select>li.open>a.selected-view.dropdown-toggle:focus {
  background-size: 100% var(--ev-underline-thickness);
}


.view-select>li>a.selected-view .fa {
  font-size: 14px !important;
  color: currentColor !important;
  opacity: 1;
  transform: translateY(0.5px);
}


.view-select>li>a.selected-view .title {
  color: currentColor !important;
  font-weight: 600;
  letter-spacing: .1px;
  white-space: nowrap;
}


.view-select>li>a.selected-view .caret {
  border-top-color: currentColor !important;
  border-bottom-color: currentColor !important;
  margin-left: 4px;
  opacity: .9;
}


.view-select>li>a.selected-view:focus,
.view-select>li>a.selected-view:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(170, 222, 12, .28) !important;
  border-radius: 6px;
}



.view-select>li>.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  margin-top: 8px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .10) !important;
  min-width: 360px;
}


.view-select>li>.dropdown-menu>li>a {
  position: relative;
  display: block;
  padding: 10px 16px !important;
  color: #0a0f0c !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
  white-space: nowrap;
}


.view-select>li>.dropdown-menu>li+li>a::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  background: #eee;
}


.view-select>li>.dropdown-menu>li>a:hover,
.view-select>li>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
  outline: 0 !important;
}


.view-select>li>.dropdown-menu>li.active>a,
.view-select>li>.dropdown-menu>li.active>a:focus,
.view-select>li>.dropdown-menu>li.active>a:hover {
  background: #f3f8f5 !important;
  color: #0a0f0c !important;
  box-shadow: inset 0 1px 0 #eee !important;
}


.view-select.nav.nav-pills>li,
.view-select.nav.nav-pills>li>a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}




.view-select>li>.dropdown-menu>li {
  border: 0 !important;
}


.view-select>li>.dropdown-menu>li+li>a::before {
  content: none !important;
}


.view-select>li>.dropdown-menu>li>a {
  position: relative;
  display: block;
  padding: 10px 16px !important;
  color: #0a0f0c !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transition: none !important;
  white-space: nowrap;
}


.view-select>li>.dropdown-menu>li>a:hover,
.view-select>li>.dropdown-menu>li>a:focus {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  box-shadow: none !important;
  outline: 0 !important;
}


.view-select>li>.dropdown-menu>li.active>a,
.view-select>li>.dropdown-menu>li.active>a:focus,
.view-select>li>.dropdown-menu>li.active>a:hover {
  background: #f3f8f5 !important;
  color: #0a0f0c !important;
  box-shadow: none !important;
}


.view-select>li>.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 12px !important;
  padding: 8px 0 !important;
  margin-top: 8px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12) !important;
  min-width: 360px;
}




.view-select>li>a.selected-view.dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 4px !important;
  color: var(--ev-lime, #aade0c) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}


.view-select>li>a.selected-view.dropdown-toggle .fa {
  position: relative;
  width: 18px;
  height: 14px;
  color: currentColor !important;
  font-size: 0 !important;
}


.view-select>li>a.selected-view.dropdown-toggle .fa::before,
.view-select>li>a.selected-view.dropdown-toggle .fa::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.view-select>li>a.selected-view.dropdown-toggle .fa::before {
  top: 0;
}

.view-select>li>a.selected-view.dropdown-toggle .fa::after {
  bottom: 0;
}

.view-select>li>a.selected-view.dropdown-toggle .fa span,
.view-select>li>a.selected-view.dropdown-toggle .fa i {
  display: none !important;
}

.view-select>li>a.selected-view.dropdown-toggle .fa::marker {
  content: "";
}

.view-select>li>a.selected-view.dropdown-toggle .fa em {
  display: none !important;
}

.view-select>li>a.selected-view.dropdown-toggle .fa+.title {
  font-weight: 600;
}


.view-select>li>a.selected-view.dropdown-toggle .fa {
  --bar-mid: 6px;
}

.view-select>li>a.selected-view.dropdown-toggle .fa:after,
.view-select>li>a.selected-view.dropdown-toggle .fa:before {}

.view-select>li>a.selected-view.dropdown-toggle .fa {

  background:
    linear-gradient(currentColor, currentColor) left var(--bar-mid)/100% 2px no-repeat;
  border-radius: 2px;
}


.view-select>li>a.selected-view .caret {
  border-top-color: currentColor !important;
  border-bottom-color: currentColor !important;
  margin-left: 6px;
  opacity: .9;
}


.view-select>li>a.selected-view:focus,
.view-select>li>a.selected-view:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(170, 222, 12, .28) !important;
  border-radius: 6px;
}


.form-action-container-right {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 12px;
}


.form-action-container-right button.btn,
.form-action-container-right .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  background: #f3f3f3 !important;
  color: #0a0f0c !important;

  border: 1px solid #ddd !important;
  border-radius: 8px !important;

  padding: 10px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  outline: 0 !important;

  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
  cursor: pointer;
}


.form-action-container-right button .fa {
  font-size: 15px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-shadow: none !important;
}


.form-action-container-right button.btn:hover,
.form-action-container-right .btn:hover {
  background: var(--ev-lime, #aade0c) !important;
  color: #0a0f0c !important;
  border-color: #aade0c !important;
}


.form-action-container-right button.btn:focus,
.form-action-container-right .btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(170, 222, 12, .30) !important;
}




button.btn_IncValidate::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  margin-right: 8px;
  font-size: 15px;
}


button.btn_IncResolve .fa {
  color: inherit !important;
}


button.btn_IncReopen .fa {
  color: inherit !important;
}


button.btn_IncClose::before {
  content: "\f057";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  margin-right: 8px;
  font-size: 15px;
}


.form-action-container-right {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 12px;
}


.form-action-container-right .btn,
.form-action-container-right button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 34px;
  padding: 0 14px;
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: #0a0f0c;
  text-decoration: none !important;
  box-shadow: none;
  outline: 0;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
  cursor: pointer;
}


.form-action-container-right .btn .fa {
  font-size: 14px;
  line-height: 1;
  color: inherit;
  text-shadow: none;
}





.form-action-container-right .btn--ev-primary {
  background: var(--ev-lime) !important;
  border-color: var(--ev-lime) !important;
  color: var(--ev-text-dark) !important;
}

.form-action-container-right .btn--ev-primary:hover {
  background: var(--ev-lime-600) !important;
  border-color: var(--ev-lime-600) !important;
}

.form-action-container-right .btn--ev-primary:active {
  background: var(--ev-lime-700) !important;
  border-color: var(--ev-lime-700) !important;
}


.form-action-container-right .btn--ev-outline {
  background: transparent !important;
  border-color: var(--ev-lime-outline) !important;
  color: var(--ev-lime-outline) !important;
}

.form-action-container-right .btn--ev-outline:hover {
  background: rgba(170, 222, 12, .12) !important;
  border-color: var(--ev-lime-outline) !important;
  color: var(--ev-text-dark) !important;
}


.form-action-container-right .btn:focus,
.form-action-container-right .btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(170, 222, 12, .28) !important;
}



button.btn_IncValidate {
  composes: btn--ev-primary;
}

button.btn_IncValidate::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 15px;
  margin-right: 6px;
}


button.btn_IncResolve {
  composes: btn--ev-primary;
}


button.btn_IncReopen {
  composes: btn--ev-outline;
}

button.btn_IncReopen .fa {
  color: inherit;
}


button.btn_IncClose {
  composes: btn--ev-outline;
}

button.btn_IncClose::before {
  content: "\f057";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 15px;
  margin-right: 6px;
}


button.hidden {
  display: none !important;
}


.resolution h3,
.resolution h3 .xrm-editable-text,
.resolution h3 .xrm-attribute,
.resolution h3 .xrm-attribute-value {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  color: inherit !important;
  font: inherit !important;
}


.resolution h3 .xrm-attribute-value-encoded {
  position: relative;
  display: inline-block !important;
  margin: 0 !important;
  padding-bottom: 6px;
  color: inherit !important;
  font: inherit !important;
}


.resolution h3 .xrm-attribute-value-encoded::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg,
      rgba(170, 222, 12, 1) 0%,
      rgba(170, 222, 12, .85) 25%,
      rgba(170, 222, 12, .45) 60%,
      rgba(170, 222, 12, 0) 100%);
  border-radius: 999px;
  animation: evonicTextSweep 900ms ease-out forwards;
}


@keyframes evonicTextSweep {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}


@media (prefers-reduced-motion: reduce) {
  .resolution h3 .xrm-attribute-value-encoded::after {
    animation: none;
    width: 100%;
  }
}


.resolution h3 {

  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: inherit !important;


  position: relative;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 6px 0 !important;
}


.resolution h3 .xrm-editable-text,
.resolution h3 .xrm-attribute,
.resolution h3 .xrm-attribute-value,
.resolution h3 .xrm-attribute-value-encoded {
  display: inline !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}


.resolution h3 .xrm-attribute-value-encoded {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 6px !important;
}


.resolution h3 .xrm-attribute-value-encoded::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg,
      rgba(170, 222, 12, 1) 0%,
      rgba(170, 222, 12, .85) 25%,
      rgba(170, 222, 12, .45) 60%,
      rgba(170, 222, 12, 0) 100%);
  border-radius: 999px;
  animation: evonicTextSweep 900ms ease-out forwards;
}

@keyframes evonicTextSweep {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}


@media (prefers-reduced-motion: reduce) {
  .resolution h3 .xrm-attribute-value-encoded::after {
    animation: none;
    width: 100%
  }
}


.resolution h3 {
  font-size: var(--font-size-h3, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: inherit !important;

  position: relative;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 6px 0 !important;
}


.resolution h3 .xrm-editable-text,
.resolution h3 .xrm-attribute,
.resolution h3 .xrm-attribute-value,
.resolution h3 .xrm-attribute-value-encoded {
  display: inline !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}


.resolution h3 .xrm-attribute-value-encoded {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 6px !important;
  --ev-underline-extend: 50px;
}

.resolution h3 .xrm-attribute-value-encoded::after {
  content: "";
  position: absolute;
  left: 0;
  right: calc(var(--ev-underline-extend) * -1);
  bottom: 0;
  height: 2px;
  width: 0;

  background: linear-gradient(90deg,
      rgba(170, 222, 12, 1) 0%,
      rgba(170, 222, 12, .85) 25%,
      rgba(170, 222, 12, .45) 60%,
      rgba(170, 222, 12, 0) 100%);
  border-radius: 999px;

  animation: evonicTextSweepExtend 900ms ease-out forwards;
}

@keyframes evonicTextSweepExtend {
  from {
    width: 0;
  }

  to {
    width: calc(100% + var(--ev-underline-extend));
  }
}


@media (prefers-reduced-motion: reduce) {
  .resolution h3 .xrm-attribute-value-encoded::after {
    animation: none;
    width: calc(100% + var(--ev-underline-extend));
  }
}




legend.section-title {
  display: block;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 1.25;
  background: transparent;
  color: inherit;
}


legend.section-title>h3 {
  font-size: var(--font-size-h3, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: inherit !important;

  position: relative;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 6px 0 !important;
}


legend.section-title>h3 * {
  display: inline !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}


legend.section-title>h3 {
  --ev-underline-extend: 50px;
}


legend.section-title>h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;


  background: linear-gradient(90deg,
      rgba(170, 222, 12, 1) 0%,
      rgba(170, 222, 12, .85) 25%,
      rgba(170, 222, 12, .45) 60%,
      rgba(170, 222, 12, 0) 100%);
  border-radius: 999px;


  right: calc(var(--ev-underline-extend) * -1);


  animation: evonicLegendSweep 900ms ease-out forwards;
}


@keyframes evonicLegendSweep {
  from {
    width: 0;
  }

  to {
    width: calc(100% + var(--ev-underline-extend));
  }
}


@media (prefers-reduced-motion: reduce) {
  legend.section-title>h3::after {
    animation: none;
    width: calc(100% + var(--ev-underline-extend));
  }
}


table.section td.textarea.form-control-cell {
  vertical-align: top !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
}


table.section td.textarea.form-control-cell .info,
table.section td.textarea.form-control-cell .control {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}


table.section td.textarea.form-control-cell .info {
  flex: 0 0 auto;
  min-width: 150px;
}

table.section td.textarea.form-control-cell .field-label {
  margin: 0 !important;
  font-weight: 600;
  white-space: nowrap;
}


table.section td.textarea.form-control-cell .control {
  flex: 1 1 auto;
  min-width: 0;
}


table.section td.textarea.form-control-cell .control textarea.form-control.readonly,
table.section td.textarea.form-control-cell .control textarea.readonly.form-control,
table.section td.textarea.form-control-cell .control textarea.form-control[readonly],
table.section td.textarea.form-control-cell .control textarea.form-control:disabled {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  resize: none !important;
  overflow: visible !important;
  color: #6e7b75 !important;
  cursor: default !important;
}


table.section td.cell.zero-cell,
table.section td.cell:empty {
  display: none !important;
}


table.section tr:has(> td.cell.zero-cell:only-child) {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}


table.section tr {
  display: block;
  margin-bottom: 0 !important;
}

table.section tr:has(> td.form-control-cell.cell),
table.section tr:has(> td.cell.picklist-cell),
table.section tr:has(> td.textarea.form-control-cell) {
  margin-bottom: 8px !important;
}


table.section td.textarea.form-control-cell .control textarea.form-control.readonly,
table.section td.textarea.form-control-cell .control textarea.readonly.form-control,
table.section td.textarea.form-control-cell .control textarea.form-control[readonly],
table.section td.textarea.form-control-cell .control textarea.form-control:disabled {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  resize: none !important;
  overflow: visible !important;
  color: #6e7b75 !important;
  cursor: default !important;
}


table.section td.cell.zero-cell,
table.section td.cell:empty {
  display: none !important;
}


table.section tr:has(> td.cell.zero-cell):not(:has(> td:not(.cell.zero-cell))) {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}


table.section td.textarea.form-control-cell {
  vertical-align: top !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
}

table.section td.textarea.form-control-cell .info,
table.section td.textarea.form-control-cell .control {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

table.section td.textarea.form-control-cell .info {
  flex: 0 0 auto;
  min-width: 150px;
}

table.section td.textarea.form-control-cell .control {
  flex: 1 1 auto;
  min-width: 0;
}

table.section td.textarea.form-control-cell .field-label {
  margin: 0 !important;
  font-weight: 600;
  white-space: nowrap;
}


#description.textarea.form-control.readonly,
#description.readonly.form-control,
#description.form-control[readonly],
#description:disabled {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;

  line-height: 1.35 !important;
  white-space: pre-wrap !important;
  resize: none !important;
  overflow: visible !important;
  color: #6e7b75 !important;
  cursor: default !important;
}


table.section td.textarea.form-control-cell {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  vertical-align: top !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 2px 0 !important;
  margin: 0 !important;
}

table.section td.textarea.form-control-cell .info,
table.section td.textarea.form-control-cell .control {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

table.section td.textarea.form-control-cell .info {
  flex: 0 0 auto;
  min-width: 150px;
}

table.section td.textarea.form-control-cell .control {
  flex: 1 1 auto;
  min-width: 0;
}

table.section td.textarea.form-control-cell .field-label {
  margin: 0 !important;
  font-weight: 600;
  white-space: nowrap;
}


table.section td.cell.zero-cell,
table.section td.cell:empty {
  display: none !important;
}

table.section tr:has(> td.cell.zero-cell):not(:has(> td:not(.cell.zero-cell))) {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}


#mainContent .page-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  padding-top: 0 !important;
  padding-bottom: 6px !important;
  min-height: 40px;
}


#mainContent .page-header h1 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  display: inline-block !important;
}

#mainContent .page-header>* {
  display: flex;
  align-items: center;
}


.form-custom-actions,
.form-custom-actions * {
  font-size: 12px !important;
  line-height: 1.35 !important;
}


.form-custom-actions .form-action-container-right .btn,
.form-custom-actions .form-action-container-right button.btn {
  font-size: 12px !important;
  height: 32px !important;
  padding: 0 12px !important;
  gap: 6px !important;
}

.form-custom-actions .form-action-container-right .btn .fa,
.form-custom-actions .form-action-container-right button.btn .fa {
  font-size: 13px !important;
  line-height: 1 !important;
}


.form-custom-actions .form-action-container-left .btn,
.form-custom-actions .form-action-container-left button.btn {
  font-size: 12px !important;
  height: 32px !important;
  padding: 0 12px !important;
}


.modal.modal-closecase .modal-content,
.modal.modal-resolvecase .modal-content,
.modal.modal-reopencase .modal-content,
.modal.modal-run-workflow .modal-content {
  font-size: 12px !important;
  line-height: 1.45 !important;
}


.modal .modal-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}


.modal .modal-body,
.modal .modal-footer {
  font-size: inherit !important;
}


.modal .form-control {
  font-size: 12px !important;
  height: 32px !important;
  padding: 6px 10px !important;
}

.modal .form-control[type="text"] {
  line-height: 1.2 !important;
}

.modal textarea.form-control {
  min-height: 80px !important;
  line-height: 1.35 !important;
}


.modal .modal-footer .btn {
  font-size: 12px !important;
  height: 32px !important;
  padding: 0 12px !important;
}


.breadcrumb,
.breadcrumb * {
  font-size: 12px !important;
  line-height: 1.35 !important;
}


.breadcrumb {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


.breadcrumb>li {
  display: inline-block;
  color: #6b7f76;
}

.breadcrumb>li>a {
  color: #0a0f0c !important;
  text-decoration: none !important;
  transition: color .15s ease;
}

.breadcrumb>li>a:hover,
.breadcrumb>li>a:focus {
  color: var(--ev-lime, #aade0c) !important;
  text-decoration: none !important;
  outline: 0 !important;
}


.breadcrumb>li+li:before {
  content: "›";
  color: #9aa9a3;
  padding: 0 6px;
}


.breadcrumb>.active,
.breadcrumb>li.active {
  color: #0a0f0c !important;
  pointer-events: none;
}


.breadcrumb>li,
.breadcrumb>li>a,
.breadcrumb>.active {
  max-width: 38ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




.form-action-container-right,
.form-action-container-right * {
  font-size: 12px !important;
  line-height: 1.35 !important;
}


.form-action-container-right .btn,
.form-action-container-right button.btn,
.form-action-container-right button {
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  display: inline;
  padding: 0 !important;
  margin: 0 12px 0 0 !important;
  height: auto !important;

  color: #0a0f0c !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer;
}


.form-action-container-right .btn .fa,
.form-action-container-right button .fa {
  font-size: 13px !important;
  color: inherit !important;
  line-height: 1 !important;
  margin-right: 6px !important;
  text-shadow: none !important;
}


.form-action-container-right .btn:hover,
.form-action-container-right button:hover,
.form-action-container-right .btn:focus,
.form-action-container-right button:focus {
  color: var(--ev-lime, #aade0c) !important;
  outline: 0 !important;
  box-shadow: none !important;
}


.form-action-container-right button[disabled],
.form-action-container-right .btn[disabled],
.form-action-container-right .hidden {
  display: none !important;
}


.form-action-container-right .btn,
.form-action-container-right button.btn {
  min-height: 0 !important;
}


.form-action-container-right .btn:last-child,
.form-action-container-right button:last-child {
  margin-right: 0 !important;
}

.navbar .divider-vertical {
  width: 1px;
  height: 28px;
  margin: 12px 10px;
  background: rgba(0, 0, 0, .15)
}

/* === Remover divisores verticais do menu === */
.navbar .divider-vertical {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


/* === Aproximar o menu da barra verde (reduzir espaço vertical) === */

/* Tirar “folga” inferior do topo de navegação */
.navbar {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Tornar os itens do menu um pouco mais compactos em altura */
nav.menu-bar ul.weblinks>li>a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Se existir breadcrumb entre o menu e a barra verde, reduzir a sua margem */
.breadcrumb {
  margin-bottom: 4px !important;
  /* ou 0, se quiseres colado */
}

/* Garantir que o cabeçalho/primeiro bloco de conteúdo não adiciona espaço extra */
#mainContent .page-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Alguns temas criam gap via container global: força topo “encostado” */
#mainContent,
.page_section,
.sectionBlockLayout,
.columnBlockLayout {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Zero absoluto entre topo e o bloco verde seguinte */
.navbar,
.breadcrumb,
#mainContent .page-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/***** === GRVE-LIKE MAIN HEADER (apenas CSS) === *****/

/* Variáveis de ajuste rápido */
:root {
  --header-h: 56px;
  /* altura do header em desktop */
  --header-shadow: 0 1px 0 var(--ev-border, #d8e4dd), 0 6px 18px rgba(0, 0, 0, .06);
  --header-bg: var(--ev-bg, #fff);
  --link-color: var(--ev-text, #0a0f0c);
  --accent: var(--ev-lime, #aade0c);
  --link-pad-y: 10px;
  /* padding vertical dos itens do menu */
}

/* 1) Header fixo/colado ao topo, com fundo e sombra */
.navbar.navbar-inverse.navbar-static-top {
  position: sticky;
  /* mantém-se no topo ao rolar, sem precisar JS */
  top: 0;
  z-index: 999;
  background: var(--header-bg) !important;
  border: 0 !important;
  box-shadow: var(--header-shadow) !important;
  margin-bottom: 0 !important;
  /* remove gap por baixo da navbar */
  padding: 0 !important;
}

/* Opcional: traço/linha de realce verde na base do header */
.navbar.navbar-inverse.navbar-static-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--accent) 0%, rgba(170, 222, 12, .85) 25%, rgba(170, 222, 12, .45) 60%, rgba(170, 222, 12, 0) 100%);
  pointer-events: none;
}

/* 2) Container do header: altura e alinhamento vertical */
.navbar .container {
  min-height: var(--header-h);
  display: flex;
  align-items: center;
}

/* 3) Marca (logo/título) alinhada ao centro vertical e sem folgas */
.navbar .navbar-brand {
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

.navbar .navbar-brand img {
  height: 36px;
  width: auto;
}

/* 4) Remover por completo as barras verticais (li.divider-vertical) */
#navbar .divider-vertical,
nav.menu-bar .divider-vertical,
.navbar .divider-vertical {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Caso algum tema adicione separadores via borda entre <li>, neutraliza */
nav.menu-bar ul.weblinks>li+li,
.navbar-nav>li+li {
  border-left: 0 !important;
}

/* 5) Lista do menu: alinhamento e remoção de folgas */
nav.menu-bar ul.weblinks {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 18px;
  /* controla o espaçamento horizontal */
}

nav.menu-bar ul.weblinks>li {
  float: none !important;
  /* evita float do Bootstrap */
}

/* 6) Itens do menu: compactos, com sublinhado verde em hover/ativo */
nav.menu-bar ul.weblinks>li>a {
  color: var(--link-color) !important;
  /* sobrepõe o inline style dos <a> */
  padding: var(--link-pad-y) 4px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;

  /* underline animado (grve‑style) */
  --ev-underline-thickness: 2px;
  --ev-underline-gap: 0px;
  --ev-underline-duration: 160ms;
  --ev-underline-ease: cubic-bezier(.25, .8, .25, 1);
  background-image: linear-gradient(var(--accent), var(--accent));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: left calc(100% - var(--ev-underline-gap));
  background-size: 0 var(--ev-underline-thickness);
  transition: background-size var(--ev-underline-duration) var(--ev-underline-ease);
}

nav.menu-bar ul.weblinks>li>a:hover,
nav.menu-bar ul.weblinks>li.active>a {
  background-size: 100% var(--ev-underline-thickness);
  color: var(--link-color) !important;
}

/* 7) Carets e ícones herdam a cor de texto */
nav.menu-bar .caret {
  border-top-color: currentColor !important;
  border-bottom-color: currentColor !important;
}

.navbar-nav>li>a .fa {
  color: currentColor !important;
}

/* 8) Dropdowns: look limpo e consistente */
.navbar .dropdown-menu {
  margin-top: 10px !important;
  background: #fff !important;
  border: 1px solid var(--ev-border, #d8e4dd) !important;
  border-radius: 10px !important;
  padding: 6px 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12) !important;
}

.navbar .dropdown-menu>li>a {
  color: #0a0f0c !important;
  padding: 10px 16px !important;
  background: transparent !important;
  border: 0 !important;
}

/* 9) Reduzir qualquer espaço abaixo do header (colado à “barra verde”/conteúdo) */
#mainContent,
#mainContent .page-header,
.breadcrumb {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.breadcrumb {
  margin-bottom: 4px !important;
  /* usa 0 se quiseres colado mesmo */
  padding: 0 !important;
}

/* 10) Botão hamburguer (mobile) – alinhamento e toques visuais */
.navbar-toggle {
  margin: 0 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.navbar-toggle .icon-bar {
  background-color: currentColor !important;
}

/* 11) Mobile: menu colapsado com fundo e espaçamento confortáveis */
@media (max-width: 767px) {
  #navbar.navbar-collapse {
    background: var(--header-bg) !important;
    padding: 8px 0 !important;
    box-shadow: var(--header-shadow) !important;
  }

  nav.menu-bar ul.weblinks {
    display: block;
    gap: 0;
  }

  nav.menu-bar ul.weblinks>li {
    display: block;
  }

  nav.menu-bar ul.weblinks>li>a {
    display: block;
    padding: 10px 12px !important;
    background-size: 0 0;
    /* evita underline animado sobre várias linhas */
  }
}

/* 12) Neutraliza overrides antigos do teu CSS que deixavam a navbar transparente */
.navbar,
.navbar.navbar-inverse {
  background: var(--header-bg) !important;
  box-shadow: var(--header-shadow) !important;
  border: 0 !important;
}


/* O container da navbar vira flex e alinha os conteúdos no centro vertical */
.navbar .container {
  display: flex;
  align-items: center;
}

/* A marca (logo/título) fica à esquerda; não precisa de crescer */
.navbar .navbar-header {
  display: flex;
  align-items: center;
}

/* O bloco do menu (nav/menu-bar) ocupa o espaço restante e cola à direita */
.navbar .navbar-collapse {
  display: flex !important;
  /* importante em Bootstrap 3/4 quando colapsa */
  align-items: center;
  justify-content: flex-end;
  /* <-- empurra o conteúdo para a direita */
  width: 100%;
}

/* Dentro do nav, garante que a UL não cria folgas extras */
nav.menu-bar ul.weblinks {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: flex-end;
  /* redundante, mas útil se o UL ganhar 100% */
}

/* Remove floats herdados do Bootstrap que impedem o alinhamento pelo flex */
.navbar-right,
.navbar-nav,
.navbar-nav>li {
  float: none !important;
}

/* ==================================================
   Modern Checkbox Style - Evonic Theme
   ================================================== */

/* Zera estilos antigos do Bootstrap */
.checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none !important;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  border: 2px solid var(--ev-green, #075033);
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.18s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Hover */
.checkbox input[type="checkbox"]:hover {
  border-color: var(--ev-green-700, #0b6a45);
  background: rgba(170, 222, 12, 0.08);
}

/* Estado checked */
.checkbox input[type="checkbox"]:checked {
  background: var(--ev-green, #075033);
  border-color: var(--ev-green, #075033);
}

/* Ícone de check moderno */
.checkbox input[type="checkbox"]::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  opacity: 0;
  transform: scale(0.6);
  transition: 0.18s ease;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M6.173 12.414L2.05 8.293 3.465 6.88l2.707 2.707 6.364-6.364L14.95 4.636z'/></svg>");
  background-size: 100% 100%;
}

/* Mostra checkmark */
.checkbox input[type="checkbox"]:checked::after {
  opacity: 1;
  transform: scale(1);
}

/* Espaçamento e tipografia */
.checkbox label {
  font-size: 14px;
  color: var(--ev-text, #0a0f0c);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox {
  margin-bottom: 10px;
}

/* === Fix: remover linhas e sombras duplicadas no topo === */

/* Remove qualquer border-bottom herdado */
.navbar,
.navbar-inverse,
.navbar.navbar-inverse.navbar-static-top {
  border-bottom: 0 !important;
}

/* Remove sombras pré-existentes do Bootstrap ou do tema */
.navbar,
.navbar-inverse {
  box-shadow: none !important;
}

/* Mantém apenas a linha/sombra que queres */
.navbar.navbar-inverse.navbar-static-top::after {
  box-shadow: none !important;
}

/* ================================
   Barra de Breadcrumbs – 50px alto
   Centragem vertical dos itens
   ================================ */

/* Container da barra (o <div class="nav-breadcrumbs"> exterior) */
.nav-breadcrumbs {
  background: #fff !important;
  /* altura fixa da barra */
  min-height: 50px !important;
  height: 50px !important;

  /* alinhamento vertical com Flexbox */
  display: flex !important;
  align-items: center !important;
  /* <-- centra verticalmente o conteúdo */

  /* remover sombras/linhas indesejadas */
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  /* vamos controlar o espaçamento no interior */
}

/* Se usas .container dentro, também o tornamos flex para herdar a altura */
.nav-breadcrumbs>.container {
  display: flex !important;
  align-items: center !important;
  min-height: 50px !important;
  height: 50px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* A UL dos breadcrumbs fica “limpa” e centralizada em altura */
.nav-breadcrumbs .breadcrumb {
  margin: 0 !important;
  /* remove gaps superior/inferior */
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;

  display: flex !important;
  align-items: center !important;
  /* <-- centra os <li> verticalmente */
  gap: 6px !important;
  /* espaço entre itens e separadores */

  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Estilo dos itens e separador "›" */
.nav-breadcrumbs .breadcrumb>li {
  display: inline-flex;
  align-items: center;
  color: var(--ev-muted, #6b7f76) !important;
}

.nav-breadcrumbs .breadcrumb>li+li:before {
  content: "›";
  color: #9aa9a3;
  padding: 0 4px;
}

/* Links */
.nav-breadcrumbs .breadcrumb>li>a {
  color: var(--ev-text, #0a0f0c) !important;
  text-decoration: none !important;
  transition: color .16s ease;
}

.nav-breadcrumbs .breadcrumb>li>a:hover,
.nav-breadcrumbs .breadcrumb>li>a:focus {
  color: var(--ev-lime, #aade0c) !important;
  outline: 0 !important;
}

/* Responsivo: mantém 50px, mas permite quebra de linha se necessário */
@media (max-width: 576px) {
  .nav-breadcrumbs>.container {
    flex-wrap: wrap;
  }

  .nav-breadcrumbs .breadcrumb {
    flex-wrap: wrap;
    row-gap: 4px !important;
  }
}


/* ============================================
   Alinhar o breadcrumb "Home" com o logo (brand)
   Bootstrap 3 costuma deslocar a .navbar-brand -15px
   ============================================ */

/* 1) Neutraliza o offset padrão da brand dentro do .container */
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
  margin-left: 0 !important;
  /* Bootstrap põe -15px: anulamos */
  padding-left: 0 !important;
  /* tira qualquer folga extra */
}

/* 2) Garante que o .container do header e o dos breadcrumbs
      têm o MESMO padding esquerdo */
.navbar .container,
.nav-breadcrumbs>.container {
  padding-left: 15px !important;
  /* usa o mesmo valor em ambos */
  padding-right: 15px !important;
  /* simetria (opcional) */
}

/* 3) Ajustes de espaçamento do logo para não “comer” o padding do container */
.navbar .navbar-header,
.navbar .navbar-brand {
  margin-left: 0 !important;
}

/* 4) Breadcrumbs sem margens que causem desalinhamento vertical */
.nav-breadcrumbs {
  height: 50px !important;
  /* a tua altura alvo */
  display: flex !important;
  align-items: center !important;
  /* centra verticalmente */
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.nav-breadcrumbs .breadcrumb {
  margin: 0 !important;
  /* sem folgas verticais */
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  /* itens centrados na altura */
}

/* 5) (Opcional) Se o logo parecer 1-2px “mais dentro” que o breadcrumb,
      podes afinar ao cêntimo ajustando este padding: 15px -> 14px/16px. */
/* .nav-breadcrumbs > .container { padding-left: 14px !important; } */

/* 6) (Opcional) Dependendo do tema, a brand tem padding horizontal
      padrão do Bootstrap; podemos fechar um pouco para um look mais “flat”. */
.navbar .navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* =============================
   Menu principal – underline 1px
   (distância ao texto = 1px)
   ============================= */

/* Links do menu: define espessura e gap do underline */
nav.menu-bar ul.weblinks>li>a {
  /* mantém o comportamento atual, mas força 1px */
  --ev-underline-color: var(--ev-lime, #aade0c);
  --ev-underline-thickness: 1px;
  /* altura da barra = 1px */
  --ev-underline-gap: 1px;
  /* distância da barra ao texto = 1px */

  /* se por acaso não herdar as vars, garantimos via background-* */
  background-image: linear-gradient(var(--ev-underline-color), var(--ev-underline-color)) !important;
  background-repeat: no-repeat !important;
  background-origin: border-box !important;
  background-clip: border-box !important;
  background-position: left calc(100% - var(--ev-underline-gap)) !important;
  background-size: 0 var(--ev-underline-thickness) !important;

  /* pequena compactação vertical para não criar “folga” visual */
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
}

/* Em hover/ativo, expande o underline mantendo 1px e 1px de gap */
nav.menu-bar ul.weblinks>li>a:hover,
nav.menu-bar ul.weblinks>li.active>a,
nav.menu-bar ul.weblinks>li.open>a {
  background-size: 100% var(--ev-underline-thickness) !important;
}


.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  /* border-bottom-left-radius: 8px; */
  /* border-top-left-radius
Defines the radii of the top left outer border edge.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: 0; */
  border: none !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 8px !important;
  border-top-right-radius: 8px !important;
}


/* =======================
   MODERNIZAÇÃO VALIDATION SUMMARY
   ======================= */

.validation-summary {
  border: 2px solid #c62828 !important;
  /* vermelho moderno */
  background: #ffebee !important;
  /* fundo suave */
  color: #b71c1c !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  margin-bottom: 25px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
}

/* Título */
.validation-summary .validation-header {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Ícone */
.validation-summary .validation-header .fa-info-circle {
  color: #c62828 !important;
  font-size: 22px !important;
}

/* Lista */
.validation-summary ul {
  margin: 0 !important;
  padding-left: 20px !important;
}

/* Cada item */
.validation-summary ul li {
  font-size: 15px !important;
  padding: 4px 0;
}

/* Links dos erros */
.validation-summary ul li a {
  color: #b71c1c !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.validation-summary ul li a:hover {
  text-decoration: underline !important;
}

/* Acessibilidade quando entra em focus */
#ValidationSummaryEntityFormControl_b80e0f4ea78f4009a50812cb26b196d9_EntityFormView:focus {
  outline: 3px solid rgba(198, 234, 37, 0.6) !important;
  border-color: #0f6a38 !important;
}



/* =======================
   FADE-IN DO VALIDATION SUMMARY
   ======================= */

/* 1) Keyframes: fade + pequeno slide-up */
@keyframes validationFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2) Aplicar a animação quando o summary é visível */
.validation-summary {
  /* Se já tens as outras propriedades de estilo, mantém; aqui só juntamos a animação */
  animation: validationFadeIn 260ms ease-out both;
  will-change: opacity, transform;
  /* performance hint */
}

/* 3) (Opcional) Suavizar a aparição dos itens da lista com “stagger” simples */
.validation-summary ul li {
  opacity: 0;
  transform: translateY(4px);
  animation: validationFadeIn 280ms ease-out both;
}

.validation-summary ul li:nth-child(1) {
  animation-delay: 60ms;
}

.validation-summary ul li:nth-child(2) {
  animation-delay: 110ms;
}

.validation-summary ul li:nth-child(3) {
  animation-delay: 160ms;
}

.validation-summary ul li:nth-child(4) {
  animation-delay: 210ms;
}

/* Se houver mais itens, podes continuar o padrão aumentando ~50ms */

/* 4) Acessibilidade: respeitar utilizadores com “reduzir movimento” */
@media (prefers-reduced-motion: reduce) {
  .validation-summary {
    animation: none !important;
  }

  .validation-summary ul li {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.text-muted {
  display: none
}



/* ===========================
   SELECT - aspeto do campo (fechado)
   =========================== */

#casetypecode.form-control.picklist {
  height: 36px;                       /* ajusta para 38/40px se precisares */
  border: 2px solid #0f6a38;
  border-radius: 8px;
  background-color: #fff;
  color: #1f2937;                     /* texto */
  padding: 0 36px 0 12px;             /* espaço p/ seta */
  font-size: 12px;
  line-height: 1.2;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* seta em SVG com o teu verde */
  background-image:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230f6a38'><path d='M5.5 7.5a1 1 0 0 1 1.6-.8l2.9 2.2 2.9-2.2a1 1 0 1 1 1.2 1.6l-3.5 2.7a1 1 0 0 1-1.2 0L6.1 8.3a1 1 0 0 1-.6-.8z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;

  transition: box-shadow 150ms ease, border-color 150ms ease;
}

#casetypecode.form-control.picklist:hover {
  border-color: #0f6a38;
}

#casetypecode.form-control.picklist:focus {
  outline: none;
  border-color: #0f6a38;
  box-shadow: 0 0 0 3px rgba(198, 234, 37, 0.5); /* halo igual ao resto */
}

/* Estado inválido (mantém o halo do tema) */
#casetypecode[aria-invalid="true"].form-control.picklist {
  border-color: #c62828;
}
#casetypecode[aria-invalid="true"].form-control.picklist:focus {
  box-shadow: 0 0 0 3px rgba(198, 234, 37, 0.5);
}

/* ===========================
   SELECT - aspeto da lista (aberta)
   (LIMITADO pelos browsers — funciona bem em Chrome/Edge/Opera)
   =========================== */

/* Tipografia e altura de linha no popup */
#casetypecode.form-control.picklist option {
  font-size: 14px;
  line-height: 1.4;
  padding: 6px 10px;             /* alguns browsers ignoram padding */
  color: #1f2937;
  background: #ffffff;
}

/* Placeholder/primeira opção vazia */
#casetypecode.form-control.picklist option[value=""],
#casetypecode.form-control.picklist option[disabled] {
  color: #6b7280;
}

/* Item atualmente selecionado no popup */
#casetypecode.form-control.picklist option:checked {
  background-color: #e7f5ea;     /* verde claro */
  color: #0f6a38;
}

/* Hover no popup (Chromium/WebKit) */
#casetypecode.form-control.picklist option:hover {
  background-color: #dff0e4;
  color: #0f6a38;
}

/* (Opcional) grupo de opções */
#casetypecode.form-control.picklist optgroup {
  color: #0f6a38;
  font-weight: 600;
}


 

#casetypecode.form-control.picklist {
  /* base visual alinhada ao resto das .form-control */
  height: 36px;                       /* ajusta se as tuas caixas forem 38/40px */
  border: 1px solid #0f6a38;
  border-radius: 8px;
  background-color: #fff;

  /* tipografia e espaçamento */
  padding: 0 36px 0 12px;             /* espaço à direita para a seta */
  font-size: 14px;
  line-height: 1.2;

  /* remover estilos nativos inconsistentes entre browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* seta custom em SVG (verde) */
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230f6a38'><path d='M5.5 7.5a1 1 0 0 1 1.6-.8l2.9 2.2 2.9-2.2a1 1 0 1 1 1.2 1.6l-3.5 2.7a1 1 0 0 1-1.2 0L6.1 8.3a1 1 0 0 1-.6-.8z'/></svg>");
     background-repeat: no-repeat;  background-position: right 10px center;  background-size: 16px;

  /* transições suaves */
  transition: box-shadow 150ms ease, border-color 150ms ease;
}

/* Foco consistente com as outras caixas */
#casetypecode.form-control.picklist:focus {
  outline: none;
  border-color: #0f6a38;
  /* halo verde-lima suave – ajusta a opacidade se quiseres */
  box-shadow: 0 0 0 3px rgba(198, 234, 37, 0.5);
}

/* Hover ligeiro (opcional) */
#casetypecode.form-control.picklist:hover {
  border-color: #0f6a38;
}

/* Placeholder/primeira opção vazia – cor mais suave (opcional) */
#casetypecode.form-control.picklist option[disabled],
#casetypecode.form-control.picklist option[value=""] {
  color: #6b7280; /* cinza */
}

/* Estado inválido (quando aria-invalid="true") – contorno vermelho mas halo padrão no foco */
#casetypecode[aria-invalid="true"].form-control.picklist {
  border-color: #c62828;
}
#casetypecode[aria-invalid="true"].form-control.picklist:focus {
  box-shadow: 0 0 0 3px rgba(198, 234, 37, 0.5);
}

/* Desativado */
#casetypecode.form-control.picklist:disabled {
  background-color: #f5f5f5;
  color: #9ca3af;
  cursor: not-allowed;
}

/* Correção de alinhamento em containers .control (Power Pages) */
.control #casetypecode.form-control.picklist {
  width: 100%;
  display: block;
}

/* High Contrast / Acessibilidade: remove o background-image se preferências pedirem menos distração */
@media (prefers-reduced-motion: reduce) {
  #casetypecode.form-control.picklist {
    transition: none;
  }
}

 
#casetypecode.form-control.picklist::-webkit-scrollbar {
  width: 10px;
}
#casetypecode.form-control.picklist::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}
#casetypecode.form-control.picklist::-webkit-scrollbar-thumb {
  background: #0f6a38;
  border-radius: 8px;
  border: 2px solid #f3f4f6;
}



/* Campo renderizado pelo Select2 */
.select2-container--default .select2-selection--single {
  height: 36px;
  border: 2px solid #0f6a38;
  border-radius: 8px;
  background: #fff;
  display: flex;
  align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
  padding: 0 36px 0 12px;
  color: #1f2937;
  font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 10px;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  outline: none;
  border-color: #0f6a38;
  box-shadow: 0 0 0 3px rgba(198, 234, 37, 0.5);
}

/* Dropdown (popup) */
.select2-container--default .select2-dropdown {
  border: 2px solid #0f6a38;
  border-radius: 10px;
  overflow: hidden;               /* arredonda o interior */
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.select2-container--default .select2-results__options {
  max-height: 260px;              /* scrollbar */
}
.select2-container--default .select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
  color: #1f2937;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #dff0e4;      /* hover */
  color: #0f6a38;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #e7f5ea;      /* selecionado */
  color: #0f6a38;
}



/* ================================
   MODERNIZAÇÃO DO MESSAGE PANEL (SUCESSO)
   ================================ */

#MessagePanel {
    background: #e6f7eb !important;           /* verde suave */
    border: 2px solid #0f6a38 !important;     /* verde escuro */
    border-radius: 10px !important;
    padding: 16px 20px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    color: #0f6a38 !important;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(0,0,0,0.07);

    /* animação moderna */
    animation: messageFadeIn 300ms ease-out;
}

/* Ícone de sucesso (SVG inline no pseudo-elemento) */
#MessagePanel::before {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;utf8,svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230f6a38'><path fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.78-10.22a.75.75 0 10-1.06-1.06L9 10.44 7.28 8.72a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.06 0l4.25-4.25z' clip-rule='evenodd'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-left: 4px;
}

/* Botão "x" moderno */

/* Botão X perfeitamente alinhado ao centro vertical */
#MessagePanel .close {
    background: transparent !important;
    border: none !important;
    font-size: 18px;
    font-weight: 700;
    color: #0f6a38 !important;
    cursor: pointer;

    position: absolute;
    right: 4px;

    top: 10%;                         /* centro vertical */
    transform: translateY(-50%);      /* correção de alinhamento */
    
    line-height: 1;
    padding: 0;
    opacity: 0.6;
    transition: opacity 0.2s;
}

#MessagePanel .close:hover {
    opacity: 1;
}


#MessagePanel .close:hover {
    opacity: 1;
}

/* Texto */
#MessagePanel #MessageLabel {
    outline: none;
    margin-left: 2px;
}

/* Fade-in + slide animation */
@keyframes messageFadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Respeita utilizadores com “reduzir movimento” */
@media (prefers-reduced-motion: reduce) {
    #MessagePanel {
        animation: none !important;
        transform: none !important;
    }
}



/* ================================
   AVALIAÇÃO – EVONIC LOOK MODERNO
   ================================ */

/* Container do bloco */
#emoji-div {
  --ev-bg: #fff;
  --ev-fg: var(--ev-text, #0a0f0c);
  --ev-accent: var(--ev-lime, #aade0c);
  --ev-accent-600: var(--ev-lime-600, #bff313);
  --ev-accent-700: var(--ev-lime-700, #9ccc0b);
  --ev-green: var(--ev-green, #075033);
  --ev-border: var(--ev-border, #d8e4dd);
  --radius: 12px;
  --pad-x: 14px;
  --pad-y: 10px;

  display: inline-block;
  background: var(--ev-bg);
  border: 1px solid var(--ev-border);
  border-radius: var(--radius);
  padding: 8px 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

/* Título alinhado ao tema */
#emoji-div h3, #emoji-div + h3, .emoji-title {
  margin: 0 0 8px 0;
  font-size: var(--font-size-h3, 16px);
  font-weight: 600;
  color: var(--ev-fg);
}

/* Remove “ruído” do layout da tabela dos emojis */
#emoji-div .emoji-table {
  border-collapse: separate;
  border-spacing: 8px;
  margin: 0;
}

#emoji-div .emoji-table td {
  padding: 0;
}

/* Cada emóji funciona como um botão "chip" */
#emoji-div .emoji-table span[value] {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;
  font-size: 22px;             /* ↔ moderninho */
  line-height: 1;

  border-radius: 999px;
  border: 1px solid transparent;
  background: #f7faf8;         /* bg subtil */
  color: var(--ev-fg);
  cursor: pointer;

  transition: transform .12s ease,
              background-color .16s ease,
              border-color .16s ease,
              box-shadow .16s ease,
              opacity .16s ease;
  user-select: none;
}

/* Hover/focus – halo Evonic */
#emoji-div .emoji-table span[value]:hover {
  background: rgba(170, 222, 12, .14);
  border-color: var(--ev-accent);
}

#emoji-div .emoji-table span[value]:focus,
#emoji-div .emoji-table span[value]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(170, 222, 12, .28);
}

/* Ativo/selecionado (match ao btn primário do tema) */
#emoji-div .emoji-table span[value].is-selected {
  background: var(--ev-accent);
  border-color: var(--ev-accent);
  color: var(--ev-text-dark, #0a0f0c);
  font-weight: 700;
}

/* Opções à direita da seleção “esbatidas” (como no teu exemplo) */
#emoji-div[data-value="1"] .emoji-table span[value="2"],
#emoji-div[data-value="1"] .emoji-table span[value="3"],
#emoji-div[data-value="1"] .emoji-table span[value="4"],
#emoji-div[data-value="1"] .emoji-table span[value="5"],
#emoji-div[data-value="2"] .emoji-table span[value="3"],
#emoji-div[data-value="2"] .emoji-table span[value="4"],
#emoji-div[data-value="2"] .emoji-table span[value="5"],
#emoji-div[data-value="3"] .emoji-table span[value="4"],
#emoji-div[data-value="3"] .emoji-table span[value="5"],
#emoji-div[data-value="4"] .emoji-table span[value="5"] {
  opacity: .35;
}

/* “Escala” subtil ao clicar */
#emoji-div .emoji-table span[value]:active {
  transform: scale(.98);
}

/* Estado bloqueado (como o teu .locked) */
#emoji-div.locked .emoji-table span[value] {
  pointer-events: none;
  opacity: .9;
  cursor: default;
}

/* Espaçamento interior estava inline; consolidamos aqui */
#emoji-div .emoji-table span[value] {
  padding: 0; /* centrado pelo próprio container circular */
}

/* Responsivo: reduzir um nadinha em ecrãs estreitos */
@media (max-width: 480px) {
  #emoji-div .emoji-table {
    border-spacing: 6px;
  }
  #emoji-div .emoji-table span[value] {
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
}


/* ===========================================
   btn_IncEvaluation — verde lime APENAS no hover
   (base outline neutro; hover/active em lime Evonic)
   =========================================== */

/* Base (input ou button) — aspeto outline/neutro como os secundários */
.form-action-container-right input.btn_IncEvaluation,
.form-action-container-right button.btn_IncEvaluation,
input#UpdateButton.btn_IncEvaluation,
button#UpdateButton.btn_IncEvaluation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  height: 34px;
  padding: 0 14px;
  line-height: 1;
  font-size: 12px;
  font-weight: 600;

  border-radius: 10px;
  /* outline neutro (usa a cor de borda do tema) */
  border: 0px solid var(--ev-lime-outline, var(--ev-border, #d8e4dd));
  background: transparent;
  color: var(--ev-text-dark, #0a0f0c);

  text-decoration: none !important;
  box-shadow: none;
  outline: 0;
  cursor: pointer;

  transition: background-color .16s ease,
              border-color .16s ease,
              color .16s ease,
              box-shadow .16s ease;
}

/* HOVER — só aqui fica verde-lima */
.form-action-container-right input.btn_IncEvaluation:hover,
.form-action-container-right button.btn_IncEvaluation:hover,
input#UpdateButton.btn_IncEvaluation:hover,
button#UpdateButton.btn_IncEvaluation:hover {
  background: var(--ev-lime, #aade0c) !important;
  border-color: var(--ev-lime, #aade0c) !important;
  color: var(--ev-text-dark, #0a0f0c) !important;
}

/* ACTIVE — ligeiramente mais escuro para feedback */
.form-action-container-right input.btn_IncEvaluation:active,
.form-action-container-right button.btn_IncEvaluation:active,
input#UpdateButton.btn_IncEvaluation:active,
button#UpdateButton.btn_IncEvaluation:active {
  background: var(--ev-lime-700, #9ccc0b) !important;
  border-color: var(--ev-lime-700, #9ccc0b) !important;
}

/* FOCUS — halo acessível coerente com o resto do tema */
.form-action-container-right input.btn_IncEvaluation:focus,
.form-action-container-right input.btn_IncEvaluation:focus-visible,
.form-action-container-right button.btn_IncEvaluation:focus,
.form-action-container-right button.btn_IncEvaluation:focus-visible,
input#UpdateButton.btn_IncEvaluation:focus,
input#UpdateButton.btn_IncEvaluation:focus-visible,
button#UpdateButton.btn_IncEvaluation:focus,
button#UpdateButton.btn_IncEvaluation:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(170, 222, 12, .28) !important;
}

/* DISABLED — quando o JS muda para “A processar…” e desativa */
.form-action-container-right input.btn_IncEvaluation:disabled,
.form-action-container-right button.btn_IncEvaluation:disabled,
input#UpdateButton.btn_IncEvaluation:disabled,
button#UpdateButton.btn_IncEvaluation:disabled {
  background: #f3f6f4 !important;
  border-color: #e3efe9 !important;
  color: #9aaba3 !important;
  cursor: default;
  pointer-events: none;
}

/* ======================================
   EVONIC - Message Panel (correção final)
   ====================================== */

#MessagePanel {
    background: #e6f7eb !important;
    border: 2px solid #0f6a38 !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    color: #0f6a38 !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    box-shadow: 0 6px 16px rgba(0,0,0,.12);
    position: relative;
    gap: 14px;
}

/* ==========================
   Botão X — CORRIGIDO
   ========================== */

#btnCloseMessage {
    all: unset !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f6a38 !important;

    border-radius: 4px;
}

/* O X correto dentro do input */
#btnCloseMessage::before {
    content: "✕";
    display: block;
    line-height: 1;
}

/* Hover subtil */
#btnCloseMessage:hover {
    opacity: 0.7;
}

:root{
  --evc-h: 32px;
  --evc-radius: 10px;
  --evc-bg: #efefef;
  --evc-fg: var(--ev-text, #0a0f0c);
  --evc-bd: #bdbdbd;
  --evc-bd-hover: #a0a0a0;
  --evc-lime: var(--ev-lime, #aade0c);
  --evc-placeholder: #7b7b7b;
  --evc-muted: #7b7b7b;
  --evc-icon: var(--ev-green, #075033);
  --evc-text-nudge-y: 1px
}

/* TEXTAREA – base */
table.section td.textarea.form-control-cell .control textarea.form-control,
.control textarea.form-control,
textarea.form-control.ev-contact-textarea,
textarea#title_description{
  min-height: calc(var(--evc-h) * 2 + 8px) !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
  background: var(--evc-bg) !important;
  color: var(--evc-fg) !important;
  border: 1.5px solid var(--evc-bd) !important;
  border-radius: var(--evc-radius) !important;
  box-shadow: none !important;
  font-size: var(--font-size-base, 12px) !important;
  resize: vertical !important;
  width: 100% !important;
  appearance: none;
  -webkit-appearance: none
}
table.section td.textarea.form-control-cell .control textarea.form-control::placeholder,
.control textarea.form-control::placeholder,
textarea.form-control.ev-contact-textarea::placeholder{color:var(--evc-placeholder) !important;opacity:.95 !important}
table.section td.textarea.form-control-cell .control textarea.form-control:hover,
.control textarea.form-control:hover,
textarea.form-control.ev-contact-textarea:hover{border-color:var(--evc-bd-hover) !important}
table.section td.textarea.form-control-cell .control textarea.form-control:focus,
.control textarea.form-control:focus,
textarea.form-control.ev-contact-textarea:focus{outline:none !important;border-color:transparent !important;box-shadow:0 0 0 3px var(--evc-lime) !important;background:var(--evc-bg) !important}
table.section td.textarea.form-control-cell .control textarea.form-control[readonly],
table.section td.textarea.form-control-cell .control textarea.form-control:disabled,
.control textarea.form-control[readonly],
.control textarea.form-control:disabled,
textarea.form-control.ev-contact-textarea[readonly],
textarea.form-control.ev-contact-textarea:disabled{background:var(--evc-bg) !important;color:#8e8e8e !important;border-color:#d6d6d6 !important;box-shadow:none !important;cursor:default !important}
table.section td.textarea.form-control-cell .control textarea.form-control.readonly,
.control textarea.form-control.readonly{background:var(--evc-bg) !important;border-color:var(--evc-bd) !important;color:var(--evc-fg) !important}
table.section td.textarea.form-control-cell .control textarea.form-control[aria-invalid="true"],
.control textarea.form-control[aria-invalid="true"],
textarea.form-control.ev-contact-textarea.is-invalid{border-color:#d14343 !important;box-shadow:0 0 0 3px rgba(209,67,67,.18) !important}

/* Layout wrappers de textarea no PP */
td.form-control-cell .info{display:flex !important;align-items:center !important;gap:6px !important}
table.section td.textarea.form-control-cell{display:flex !important;align-items:flex-start !important;gap:8px !important}
table.section td.textarea.form-control-cell .info{flex:0 0 auto !important;min-width:150px !important}
table.section td.textarea.form-control-cell .control{flex:1 1 auto !important;min-width:0 !important}

/* INPUTS de texto dentro de .control */
.control > input.form-control,
.control > input.text.form-control,
td.form-control-cell .control > input.form-control{
  height:var(--evc-h) !important;
  /* padding:0 12px !important; */
  border:1.5px solid var(--evc-bd) !important;
  border-radius:var(--evc-radius) !important;
  background:var(--evc-bg) !important;
  color:var(--evc-fg) !important;
  width:100% !important;
  font-size:var(--font-size-base, 12px) !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none
}
.control > input.form-control::placeholder{color:var(--evc-placeholder) !important;opacity:.95 !important}
.control > input.form-control:hover{border-color:var(--evc-bd-hover) !important}
.control > input.form-control:focus{outline:none !important;border-color:transparent !important;box-shadow:0 0 0 3px var(--evc-lime) !important;background:var(--evc-bg) !important}
.control > input.form-control[disabled],
.control > input.form-control[readonly]{background:var(--evc-bg) !important;color:#8e8e8e !important;border-color:#d6d6d6 !important;box-shadow:none !important;cursor:default !important}
.control > input.form-control[aria-invalid="true"],
.control > input.form-control.is-invalid{border-color:#d14343 !important;box-shadow:0 0 0 3px rgba(209,67,67,.18) !important}

/* HALO lime unificado (inputs/textarea/select) */
.control > input.form-control:focus,
td.form-control-cell .control > input.form-control:focus,
input.form-control.ev-input:focus,
.control > textarea.form-control:focus,
td.textarea.form-control-cell .control > textarea.form-control:focus,
textarea.form-control.ev-input--textarea:focus,
.control > select.form-control:focus,
td.form-control-cell .control > select.form-control:focus,
select.form-control.ev-input--select:focus{outline:none !important;border-color:transparent !important;box-shadow:0 0 0 3px var(--evc-lime) !important;background:var(--evc-bg) !important}

/* SELECT / PICKLIST (nativo) */
.control > select.form-control,
td.form-control-cell .control > select.form-control,
select.form-control.ev-input--select{
  height:var(--evc-h) !important;
  padding:0 36px 0 12px !important;
  border:1.5px solid var(--evc-bd) !important;
  border-radius:var(--evc-radius) !important;
  background:var(--evc-bg) !important;
  color:var(--evc-fg) !important;
  width:100% !important;
  box-shadow:none !important;
  font-size:var(--font-size-base, 12px) !important;
  line-height:1.2 !important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23075033'><path d='M5.5 7.5a1 1 0 0 1 1.6-.8l2.9 2.2 2.9-2.2a1 1 0 1 1 1.2 1.6l-3.5 2.7a1 1 0 0 1-1.2 0L6.1 8.3a1 1 0 0 1-.6-.8z'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:16px !important
}
.control > select.form-control:hover,
td.form-control-cell .control > select.form-control:hover{border-color:var(--evc-bd-hover) !important}
.control > select.form-control option,
select.form-control.ev-input--select option{font-size:var(--font-size-base, 12px);line-height:1.4;color:var(--evc-fg);background:#fff}
.control > select.form-control option[disabled],
.control > select.form-control option[value=""],
select.form-control.ev-input--select option[disabled],
select.form-control.ev-input--select option[value=""]{color:var(--evc-placeholder) !important}
.control > select.form-control option:checked,
select.form-control.ev-input--select option:checked{background-color:#e7f5ea;color:#0f6a38}
.control > select.form-control option:hover,
select.form-control.ev-input--select option:hover{background-color:#dff0e4;color:#0f6a38}
.control > select.form-control[disabled],
select.form-control.ev-input--select[disabled]{background:var(--evc-bg) !important;color:#8e8e8e !important;border-color:#d6d6d6 !important;box-shadow:none !important;cursor:default !important}
.control > select.form-control[aria-invalid="true"],
select.form-control.ev-input--select.is-invalid{border-color:#d14343 !important;box-shadow:0 0 0 3px rgba(209,67,67,.18) !important}
select#casetypecode.form-control.picklist{background-image:inherit !important}
select#casetypecode.form-control.picklist::-ms-expand{display:none !important}

/* LOOKUP em .input-group – pele + halo + alinhamento */
.control > .input-group{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:var(--evc-h) !important;
  border:1.5px solid var(--evc-bd) !important;
  border-radius:var(--evc-radius) !important;
  background:var(--evc-bg) !important;
  box-shadow:none !important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
  padding:0 !important
}
.control > .input-group:focus-within{border-color:transparent !important;box-shadow:0 0 0 3px var(--evc-lime) !important;background:var(--evc-bg) !important}
.control > .input-group > input.form-control{
  height:var(--evc-h) !important;
  padding:calc(0px + var(--evc-text-nudge-y)) 12px 2px 14px !important;
  border:0 !important;
  border-radius:var(--evc-radius) 0 0 var(--evc-radius) !important;
  background:transparent !important;
  color:var(--evc-fg) !important;
  box-shadow:none !important;
  font-size:var(--font-size-base, 12px) !important;
  line-height:1.2 !important;
  width:100% !important;
  vertical-align:middle !important;
  display:block !important
}
.control > .input-group > input.form-control::placeholder{color:var(--evc-muted) !important;opacity:.95 !important}
.control > .input-group > .input-group-btn{display:inline-flex !important;align-items:center !important;height:var(--evc-h) !important}
.control > .input-group > .input-group-btn > .btn{
  height:26px !important;
  min-width:26px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--evc-icon) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06) !important;
  margin-right:6px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:background-color .16s ease, color .16s ease, box-shadow .16s ease !important
}
.control > .input-group > .input-group-btn > .btn:hover{background:#f3f8f5 !important;box-shadow:0 2px 6px rgba(0,0,0,.10) !important}
.control > .input-group > .input-group-btn > .btn:focus,
.control > .input-group > .input-group-btn > .btn:focus-visible{outline:none !important;box-shadow:0 0 0 3px rgba(170,222,12,.28) !important}
.control > .input-group > .input-group-btn > .btn + .btn{margin-left:6px !important}
.control > .input-group > .text-muted[aria-hidden="true"]{display:none !important}
.control > .input-group:hover{border-color:var(--evc-bd-hover) !important}
.control > .input-group.readonly,
.control > .input-group[aria-readonly="true"],
.control > .input-group.disabled,
.control > .input-group[aria-disabled="true"]{opacity:1 !important;cursor:default !important;border-color:#d6d6d6 !important;box-shadow:none !important}
.control > .input-group.readonly .input-group-btn > .btn,
.control > .input-group[aria-readonly="true"] .input-group-btn > .btn,
.control > .input-group.disabled .input-group-btn > .btn,
.control > .input-group[aria-disabled="true"] .input-group-btn > .btn{pointer-events:none !important;color:#9aa9a3 !important;background:#f3f6f4 !important;box-shadow:none !important}

/* Alinhamento final do lookup (baseline igual ao input “Aqui”) */
.control > .input-group > input.form-control.lookup{
  height:32px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  padding-left:14px !important;
  padding-right:12px !important;
  line-height:20px !important;
  vertical-align:middle !important;
  display:flex !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important
}
.control .input-group{height:32px !important;display:flex !important;align-items:center !important;padding:0 !important}
.control .input-group .input-group-btn > .btn{height:26px !important;min-width:26px !important;margin-top:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}

 

.ev-fill-to-footer {
    position: relative;
    width: 100%;

    background-color: var(--ev-bg);
}


/* Home icon a verde Evonic, sem afetar os restantes links */
.weblink > a[aria-label="Home Page"] .fa-home {
  color: var(--ev-green, #075033) !important; /* Evonic Green */
}