/**** [ DiF@components | DIGITALIS | 2022 | v.LESS.01 ] ****/
/***** [ importFROM css_ext_all.less | ext corrections ] *****/
/* Fix for Firefox 3 */
.x-date-middle {
  width: 160px;
}
.x-grid table {
  table-layout: fixed;
}
.x-form-field {
  font-weight: normal;
  font-family: montserrat, Arial, Helvetica, sans-serif;
}
.x-form-text,
textarea.x-form-field {
  background: #ffffff none repeat scroll 0 0;
}
.x-form-invalid-field,
textarea.x-form-invalid-field {
  background: #ffffff url("../js/extjs_4.x/extjs/resources/themes/images/gray/grid/invalid_line.gif") repeat-x center bottom;
}
.x-webkit .x-form-field-wrap .x-form-trigger {
  right: auto !important;
}
/** Viegas: Workarround for upgrade to 4.1.1. These images were not shown! */
/** lpinto: workaround. Mask does not occupy the entire page, just the visible part, if you scroll the bottom appears without it.  */
.x-mask {
  z-index: 20000;
  position: fixed;
  /** Old value 'absolute'*/

  background: white;
  opacity: 0.6;
  cursor: not-allowed !important;
}
.identiyCardFileField tr td {
  vertical-align: top;
}
/** pviegas: workaround ao workarround de lpinto. Only for full page masks. Component masks must remain positioned to its parent.  */
.x-surface .x-mask,
.x-panel .x-mask {
  position: absolute;
}
.x-border-box,
.x-border-box * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.x-border-box .x-panel,
.x-border-box .x-panel *:not(.cke_toolbox),
.x-border-box .x-window,
.x-border-box .x-window *,
.x-border-box .x-form-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img.formFieldInError {
  content: url("../img/icon_warn_error.png");
  height: 16px;
  margin-left: 5px;
}
.x-border-box .x-panel .x-form-trigger,
.x-border-box .x-window .x-form-trigger {
  height: 24px;
}
.x-border-box .x-form-trigger {
  height: 22px;
}
.x-border-box .x-field-default-toolbar .x-form-trigger {
  height: 34px;
  background-size: 102px 31px;
}
.x-form-trigger-wrap .x-form-spinner-up,
.x-form-trigger-wrap .x-form-spinner-down {
  height: 12px !important;
}
.x-tab-strip a {
  border-bottom: none !important;
}
.x-tree-node a,
.x-dd-drag-ghost a {
  border-bottom: none !important;
}
.x-grid:not(.x-tree-panel) .x-toolbar {
  padding: 0 0 5px 0 !important;
}
.x-grid-group-hd .x-grid-cell-inner {
  margin: 10px 0 5px 0;
  padding: 0px;
  border-bottom: 1px solid #e2e8f0;
}
.x-grid-group-hd .x-grid-group-title,
.x-grid-group-hd-collapsed .x-grid-group-title {
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: auto 10px;
  font-size: 110%;
  font-variant: small-caps;
}
.x-grid-group-hd .x-grid-group-title {
  background-image: url("../img/icon_triangle_top.png");
  background-color: #fafafa;
  padding: 3px 25px;
  border-radius: 6px 6px 0 0;
  display: inline-block;
}
.x-grid-group-hd .x-grid-group-title div.wrap {
  display: inline;
}
.x-grid-group-hd-collapsed .x-grid-group-title {
  background-image: url("../img/icon_triangle_bottom.png");
}
.x-grid-header-ct {
  background-color: #fafafa !important;
  margin-bottom: 3px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #e2e8f0 !important;
}
.x-group-header .x-box-inner {
  border-top: 1px solid #e2e8f0;
}
/** Viegas: Workarround for upgrade to 4.1.1. the text formatting became missing */
.x-grid-row-summary .x-grid-cell-inner {
  font-size: 11px;
  font-weight: bold;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom,
.x-boundlist .x-toolbar {
  background: #fafafa !important;
  margin-top: 3px;
  border-radius: 0 0 6px 6px;
  padding: 5px !important;
  font-variant: small-caps;
  border-top: 1px solid #e2e8f0 !important;
}
.x-grid:not(.reportGrid) > .x-toolbar.x-toolbar-docked-bottom .x-btn,
.x-boundlist .x-toolbar .x-btn {
  padding: 0 2px;
  border-radius: 0 !important;
  background: none !important;
  border: none !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-toolbar-separator,
.x-boundlist .x-toolbar .x-toolbar-separator {
  display: none;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn .x-btn-icon,
.x-boundlist .x-toolbar .x-btn .x-btn-icon {
  background-size: auto 12px !important;
  background-position: 0 50%;
  width: 16px;
  height: 16px;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn:hover,
.x-boundlist .x-toolbar .x-btn:hover {
  background: none !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-toolbar-item input:not(.x-form-checkbox):not(.x-form-radio),
.x-boundlist .x-toolbar .x-toolbar-item input:not(.x-form-checkbox):not(.x-form-radio) {
  height: initial !important;
}
.x-action-col-icon {
  cursor: pointer;
}
.x-tree-node a,
.x-dd-drag-ghost a,
.x-tab-strip a {
  border-bottom: none !important;
}
.x-grid-row {
  vertical-align: middle;
}
/***TREE***/
.x-tree-lines .x-tree-elbow {
  background-image: url("../img/elbow.png");
}
.x-tree-lines .x-tree-elbow-end {
  background-image: url("../img/elbow-end.png");
}
.x-tree-lines .x-tree-elbow-plus {
  background-image: url("../img/arrowsBlack.png");
}
.x-tree-lines .x-tree-elbow-end-plus {
  background-image: url("../img/arrowsBlack.png");
}
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {
  background-image: url("../img/arrowsBlack.png");
}
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
  background-image: url("../img/arrowsBlack.png");
}
.x-tree-lines .x-tree-elbow-line {
  background-image: url("../img/elbow-line.png");
}
.x-tree-no-lines .x-tree-elbow-plus,
.x-tree-no-lines .x-tree-elbow-end-plus {
  background-image: url("../img/arrowsBlack.png");
}
/* open/close toggles (+ and -) and outline icons, drawn as SVG so they stay sharp on any screen; nodes with
   their own icon (currentTreeItem, treeNodeFEATURE, ...) have more specific rules and keep showing it */
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
  background-position: center 2px !important;
  background-size: 14px 14px !important;
  background-repeat: no-repeat !important;
}
.x-tree-elbow-plus,
.x-tree-elbow-end-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") !important;
}
.x-tree-icon-leaf {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E") no-repeat center 0;
  background-size: 17px;
  width: 18px;
}
.x-tree-icon-parent {
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}
.x-grid-tree-node-expanded .x-tree-icon-parent {
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}
.x-tree-elbow,
.x-tree-elbow-end,
.x-tree-elbow-plus,
.x-tree-elbow-end-plus,
.x-tree-elbow-empty,
.x-tree-elbow-line {
  height: 23px;
  width: 16px;
}
/* the elbows keep their width in every row: with the generic flex of the tree images they grew or shrank with the
   row's text, and the guide lines of a level were not straight from one row to the next */
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-end,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-plus,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-end-plus,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-minus,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-end-minus,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-empty,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-line {
  flex: 0 0 16px;
}
/* guide line between levels: a thin vertical line under each open node, along all of its descendants; it covers the
   row padding too, so that it runs unbroken from one row to the next */
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-line,
.x-tree-panel .x-grid-cell-inner img.x-tree-elbow-empty {
  height: auto;
  align-self: stretch;
  margin-top: -2px;
  margin-bottom: -2px;
  background-image: linear-gradient(#dcdfe4, #dcdfe4);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1px 100%;
}
.x-grid-row.x-grid-row-selected .x-grid-cell.x-grid-cell-treecolumn,
.x-grid-row.x-grid-row-over .x-grid-cell.x-grid-cell-treecolumn {
  border-radius: 5px;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.currentTreeItem {
  font-weight: bold !important;
  color: #ffffff;
  background-color: #999999 !important;
  border-radius: 5px;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.currentTreeItem .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center 0;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.completedTreeItem .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center 0;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.calendarTreeItem .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center 0;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.infoTreeItem .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center 0;
}
/***fimTREE***/
/** Safari 11 bug workarround */
.x-fieldset {
  border: none !important;
  overflow: visible;
}
@media screen and (max-width: 1200px) {
  .x-form-item-label,
  .x-panel-body {
    font-size: 11px;
  }
  input,
  textarea,
  select {
    font-size: 11px;
  }
}
.x-form-item-label,
.x-panel-body {
  font-size: 12px;
}
.x-form-invalid-icon {
  background-image: url("../img/icon_x.png");
}
.x-border-box .x-form-field {
  font-size: 12px;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
}
.x-panel-header-text-default,
.x-panel-header-default {
  font-size: 12px;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
}
.x-grid-group-title {
  font: bold 11px montserrat, Arial, Helvetica, sans-serif !important;
}
.x-fieldset-header {
  font: bold 11px/14px montserrat, Arial, Helvetica, sans-serif !important;
}
/*** <dif:fieldset collapsible="true">: accordion (Material Tailwind "Custom Accordion Icon") ***/
.dif-accordion {
  width: 100%;
  border-bottom: 1px solid #dddddd;
}
.dif-accordion > button.dif-accordion-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  color: #000000;
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 160%;
  font-weight: normal;
  text-transform: none;
}
.dif-accordion > button.dif-accordion-header:focus {
  outline: none;
}
.dif-accordion > button.dif-accordion-header:focus-visible {
  outline: 2px solid #1b1b1b;
  outline-offset: -2px;
}
.dif-accordion .dif-accordion-icon {
  display: inline-flex;
  flex: 0 0 auto;
  margin-left: 10px;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dif-accordion .dif-accordion-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
/* Closed: no height and not focusable. Open and settled: no max-height, so later growth is never clipped */
.dif-accordion > .dif-accordion-body {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 300ms;
}
.dif-accordion.dif-accordion-open > .dif-accordion-body {
  max-height: none;
  overflow: visible;
  visibility: visible;
  transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s;
}
.dif-accordion.dif-accordion-animating > .dif-accordion-body {
  overflow: hidden;
}
.dif-accordion > .dif-accordion-body > .dif-accordion-inner {
  padding-bottom: 20px;
}
@media (prefers-reduced-motion: reduce) {
  .dif-accordion .dif-accordion-icon,
  .dif-accordion > .dif-accordion-body {
    transition: none;
  }
}
.x-grid-row .x-grid-cell {
  font: normal 11px/15px montserrat, Arial, Helvetica, sans-serif !important;
  vertical-align: top;
  background-color: transparent;
}
.x-grid-row {
  background-color: white;
}
.x-grid-with-row-lines .x-grid-cell.editableCell {
  border-bottom-color: #ffffff !important;
}
.x-btn-default-small-disabled .x-btn-inner {
  color: #999999 !important;
}
.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-field,
.x-item-disabled .x-form-cb-label,
.x-item-disabled .x-form-trigger {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
/* FIM css_ext_all.less */
/**** [DISABLED BUTTONS/LINKS] ****/
.x-btn-default-toolbar-small-disabled .x-btn-inner {
  color: #000000 !important;
}
/* input[type=button] entra aqui ao lado do submit: o Limpar de um formulario e' um botao desses e, ao
   ficar desativado numa stage readonly, continuava com o aspecto de ativo -- um controlo que nao faz nada
   mas convida ao clique. */
.isDisabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="checkbox"]:disabled,
.disabledText,
.disabled li.disabled,
.disabled,
:not(.x-form-trigger-input-cell) > .x-trigger-noedit,
.x-tab.x-disabled.x-tab-disabled,
.x-tab.x-disabled.x-tab-disabled button {
  cursor: not-allowed !important;
  pointer-events: none;
  opacity: 0.3;
}
input[type="color"].isDisabled {
  opacity: 1;
}
.x-disabled button,
.x-btn-disabled span {
  cursor: not-allowed !important;
}
.isDisabled > a,
.isDisabled > input,
.isDisabled > label,
input[type="submit"]:disabled,
input[type="button"]:disabled {
  color: currentColor;
  display: inline-block;
  /* For IE11/ MS Edge bug */

  pointer-events: none;
  text-decoration: none;
}
/**** [LABEL] ****/
label {
  color: #000000;
  font-weight: bold;
  vertical-align: top;
}
.formRowLabelTD label,
.checkBoxFieldFormater {
  margin: 2px 10px 8px 0 !important;
}
.labelnormal {
  font-weight: normal !important;
}
/*** [ Attributes/classes ] ***/
sup,
.sup {
  font-size: 70%;
  vertical-align: super;
  letter-spacing: 0.1em;
}
code:not(.hljs),
.code {
  font-family: "Lucida Console", "Courier New", "Courier", "monospace";
  white-space: pre !important;
  overflow: auto;
  display: block;
}
.whitespace {
  height: 25px;
  background-color: #fff;
}
.centerContent {
  width: fit-content;
  margin: auto;
}
/**** [FONT FAMILY] ****/
.monospace {
  font-family: monospace;
}
/**** [CURSOR] ****/
.defaultCursor {
  cursor: default;
}
.pointerCursor {
  cursor: pointer;
}
span.crosshair {
  cursor: crosshair;
}
span.help {
  cursor: help;
}
span.wait {
  cursor: wait;
}
.cursorNotAllowed {
  cursor: not-allowed;
}
/**** [BACKGROUND'S] ****/
.backgnone {
  background: none !important;
}
.nobg {
  background-image: none !important;
}
/**** [BACKGROUNDCOLOR] ****/
.gridbackg01 {
  background-color: #fff;
}
.gridbackg02 {
  background-color: #fafafa;
}
.backgcolordark {
  background-color: #000 !important;
}
.backgcolorgrey {
  background-color: #ddd;
}
.backgcolorlightgrey {
  background-color: #fafafa;
  border-radius: 10px;
}
.backgcolorlightgrey #alertbox {
  background-color: #f7f7f7;
}
.backgcolorwhite {
  background-color: #fff;
}
.backgcolortransparent {
  background-color: rgba(255, 255, 255, 0.6);
}
.redBackground {
  background-color: #b94a48 !important;
}
.lightRedBackground {
  background-color: #d59392 !important;
}
.lightGreenBackground {
  background-color: #90ee90 !important;
}
.highlightedBackground {
  background-color: #454545 !important;
}
.veryLightYellowBackground {
  background-color: #ffa !important;
}
.lightYellowBackground {
  background-color: #eee290 !important;
}
.lightYellowToBlueBackground {
  background: linear-gradient(to right, #eee290 0%, #cfebff 55%) !important;
}
.lightBlueBackground {
  background-color: #cfebff !important;
}
.backgwhite {
  background-image: none !important;
  background-color: #fff !important;
}
.blackbackg {
  color: #fff !important;
  background-color: #000 !important;
}
/**** [TEXTCOLOR] ****/
.colortext {
  color: #1b1b1b !important;
}
.blacktext {
  color: #000 !important;
}
.whitetext {
  color: #fff !important;
}
.greytext {
  color: #999 !important;
}
.redtext {
  color: #b94a48 !important;
}
.greentext {
  color: #8cb58e !important;
}
.yellowtext {
  color: #d6b35f !important;
}
.redtextbackground {
  background-color: #b94a48 !important;
}
.greentextbackground {
  background-color: #8cb58e !important;
}
.yellowtextbackground {
  background-color: #d6b35f !important;
}
.gray {
  color: #ccc;
}
.textgreen {
  color: #999;
  font-weight: bold;
  /*ver onde est? aplicado*/
  /*css netP@*/

}
.red {
  color: #b94a48 !important;
  font-weight: bold;
}
/**** [FONTSIZE] ****/
.smallFont {
  font-size: 85%;
}
.resetFont {
  font: inherit !important;
}
.font65 {
  font-size: 65% !important;
}
.font85 {
  font-size: 85% !important;
}
.font80 {
  font-size: 80% !important;
}
.font90 {
  font-size: 90% !important;
}
.font95 {
  font-size: 95% !important;
}
.font100 {
  font-size: 100% !important;
}
.font110 {
  font-size: 110% !important;
}
.font120 {
  font-size: 120% !important;
}
.font130 {
  font-size: 130% !important;
}
.font140 {
  font-size: 140% !important;
}
.font150 {
  font-size: 150% !important;
}
.font170 {
  font-size: 170% !important;
}
.font200 {
  font-size: 200% !important;
}
.font220 {
  font-size: 220% !important;
}
.font250 {
  font-size: 250% !important;
}
.font300 {
  font-size: 300% !important;
}
.fontincreased {
  font-size: 115%;
  font-weight: bold;
}
.font13px {
  font-size: 13px !important;
}
/**** [FONTWEIGHT] ****/
.bold,
.x-grid-row .x-grid-cell.bold {
  font-weight: bold !important;
}
.normal {
  font-weight: normal !important;
}
/**** [TEXTDECORATION] ****/
.underline {
  text-decoration: underline;
}
.strike {
  text-decoration: line-through;
}
.nodecoration a {
  text-decoration: none !important;
}
/**** [TEXTTRANSFORM] ****/
.uppercase {
  text-transform: uppercase !important;
}
.normalcase {
  text-transform: initial !important;
}
/**** [FLOAT] ****/
.floatNone {
  float: unset;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
/**** [TEXTALIGN] ****/
.alignLeft {
  text-align: left !important;
}
.alignRight {
  text-align: right !important;
}
.alignCenter {
  text-align: center !important;
}
.justify {
  text-align: justify !important;
}
/**** [VERTICALALIGN] ****/
.valignreset {
  vertical-align: initial !important;
}
.valign {
  vertical-align: top !important;
}
.valignmiddle {
  vertical-align: middle !important;
}
.innerElements-valignmiddle > * {
  vertical-align: middle !important;
}
.innerInputs-valignmiddle > input {
  vertical-align: middle !important;
}
.valignbottom {
  vertical-align: bottom !important;
}
/**** [MARGIN] ****/
.marginZero {
  margin: 0 !important;
}
.margin10 {
  margin: 10px !important;
}
.margin20 {
  margin: 20px !important;
}
.margin50 {
  margin: 50px !important;
}
/*** [MARGINTOP] ***/
.margintopzero {
  margin-top: 0 !important;
}
.margintop5 {
  margin-top: 5px !important;
}
.negativemargintop5 {
  margin-top: -5px !important;
}
.margintop10 {
  margin-top: 10px !important;
}
.margintop15 {
  margin-top: 15px !important;
}
.margintop20 {
  margin-top: 20px !important;
}
.margintop30 {
  margin-top: 30px !important;
}
.margintop40 {
  margin-top: 40px !important;
}
.margintop50 {
  margin-top: 50px !important;
}
.margintop70 {
  margin-top: 70px !important;
}
.margintop130 {
  margin-top: 130px !important;
}
/*** [MARGINBOTTOM] ***/
.marginbottomzero {
  margin-bottom: 0 !important;
}
.marginbottom5 {
  margin-bottom: 5px !important;
}
.marginbottom10 {
  margin-bottom: 10px !important;
}
.marginbottom20 {
  margin-bottom: 20px !important;
}
.marginbottom30 {
  margin-bottom: 30px !important;
}
.marginbottom40 {
  margin-bottom: 40px !important;
}
.marginbottom60 {
  margin-bottom: 60px !important;
}
/*** [MARGINLEFT] ***/
.marginLeftZero {
  margin-left: 0 !important;
}
.marginleft5 {
  margin-left: 5px !important;
}
.marginleft10 {
  margin-left: 10px !important;
}
.marginleft15 {
  margin-left: 15px !important;
}
.marginleft20 {
  margin-left: 20px !important;
}
.marginleft30 {
  margin-left: 30px !important;
}
.marginleft40 {
  margin-left: 40px !important;
}
.marginleft50 {
  margin-left: 50px !important;
}
.marginleft60 {
  margin-left: 60px !important;
}
.marginleft75 {
  margin-left: 75px !important;
}
.marginleft98 {
  margin-left: 98px !important;
}
.marginleft169 {
  margin-left: 169px !important;
}
.marginleft179 {
  margin-left: 179px !important;
}
.marginleft200 {
  margin-left: 200px !important;
}
.marginleft440 {
  margin-left: 440px !important;
}
/*** [MARGINRIGHT] ***/
.marginright10 {
  margin-right: 10px !important;
}
.marginright20 {
  margin-right: 20px !important;
}
/*** [MARGINTOPBOTTOM] ***/
.marginTopBottom10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.marginTopBottom20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
/**** [PADDING] ****/
.paddingZero {
  padding: 0 !important;
}
.padding5 {
  padding: 5px !important;
}
.padding10 {
  padding: 10px !important;
}
.padding20 {
  padding: 20px !important;
}
.padding30 {
  padding: 30px !important;
}
.padding50 {
  padding: 50px !important;
}
.padding100 {
  padding: 100px !important;
}
.paddingZero .content {
  padding: 0 !important;
}
/*** [PADDINGTOPBOTTOM] ***/
.paddingtopbottom5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.paddingtopbottom10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/*** [PADDINGTOP] ***/
.paddingtop0 {
  padding-top: 0 !important;
}
.paddingtop2 {
  padding-top: 2px !important;
}
.paddingtop5 {
  padding-top: 5px !important;
}
.paddingtop10 {
  padding-top: 10px !important;
}
.paddingtop15 {
  padding-top: 15px !important;
}
.paddingtop20 {
  padding-top: 20px !important;
}
.paddingtop35 {
  padding-top: 35px !important;
}
.paddingtop50 {
  padding-top: 50px !important;
}
.paddingtop100 {
  padding-top: 100px !important;
}
.paddingtop120 {
  padding-top: 120px !important;
}
.paddingtop160 {
  padding-top: 160px !important;
}
/*** [PADDINGBOTTOM] ***/
.paddingBottomZero {
  padding-bottom: 0 !important;
}
.paddingbottom5 {
  padding-bottom: 5px !important;
}
.paddingbottom10 {
  padding-bottom: 10px !important;
}
.paddingbottom20 {
  padding-bottom: 20px !important;
}
.paddingbottom30 {
  padding-bottom: 30px !important;
}
.paddingbottom50 {
  padding-bottom: 50px !important;
}
.x-panel-body.paddingBottomZero .content {
  padding-bottom: 0 !important;
}
/*** [PADDINGLEFT] ***/
.paddingleft112 {
  padding-left: 112px !important;
}
.leftPad0 {
  padding-left: 0 !important;
}
.leftPad5 {
  padding-left: 5px !important;
}
.leftPad10 {
  padding-left: 10px !important;
}
.leftPad15 {
  padding-left: 15px !important;
}
.leftPad25 {
  padding-left: 25px;
}
.leftPad20 {
  padding-left: 20px !important;
}
.leftPad30 {
  padding-left: 30px !important;
}
.leftPad35 {
  padding-left: 35px !important;
}
.leftPad40 {
  padding-left: 40px !important;
}
.leftPad45 {
  padding-left: 40px !important;
}
.leftPad50 {
  padding-left: 50px !important;
}
.leftPad60 {
  padding-left: 60px !important;
}
.leftPad80 {
  padding-left: 80px !important;
}
.leftPad100 {
  padding-left: 100px !important;
}
.leftPad120 {
  padding-left: 120px !important;
}
.leftPad150 {
  padding-left: 150px !important;
}
.leftPad220 {
  padding-left: 220px !important;
}
/*** [PADDINGRIGHT] ***/
.paddingright30 {
  padding-right: 30px !important;
}
.paddingright112 {
  padding-right: 112px !important;
}
.paddingright300 {
  padding-right: 300px !important;
}
.rightPad5 {
  padding-right: 5px !important;
}
.rightPad10 {
  padding-right: 10px !important;
}
.rightPad20 {
  padding-right: 20px !important;
}
.rightPad30 {
  padding-right: 30px !important;
}
.rightPad40 {
  padding-right: 40px !important;
}
.rightPad50 {
  padding-right: 50px !important;
}
.formFreeContent {
  height: inherit;
  padding: 10px;
}
/*** [TEXTINDENT] ***/
.textIndent20 {
  text-indent: 20px !important;
}
.textIndent30 {
  text-indent: 30px !important;
}
/**** [DISPLAY] ****/
.displayinline {
  display: inline !important;
}
.displayblock {
  display: block !important;
}
.displaycontents {
  display: contents !important;
}
.displayflex {
  display: flex !important;
  width: 100%;
}
.displayflexwrap {
  display: flex !important;
  flex-wrap: wrap;
}
.displayinlineblock {
  display: inline-block !important;
}
.displayinlinetable {
  display: inline-table !important;
}
.displaytablecell {
  display: table-cell !important;
}
.displaytable {
  display: table !important;
}
.flexauto {
  flex: auto;
}
.inlineLeft {
  display: table-cell;
  width: auto;
}
.inlineRight {
  display: table-cell;
  width: 100%;
  text-align: right;
}
/**[hide any element]**/
.hide {
  display: none !important;
}
.visibilityHidden {
  visibility: hidden !important;
}
/*** [BORDER'S] ***/
.borderNone {
  border: none !important;
}
.borderwhite {
  border-bottom: 1px solid #fff !important;
}
.borderTopWhite {
  border-top: 2px solid #fff !important;
}
.bordertopwhite5 {
  border-top: 5px solid #fff !important;
}
.borderdark {
  border: 1px solid #1b1b1b !important;
}
.borderdarkLeft {
  border-left: 1px solid #1b1b1b !important;
}
.borderdarkRight {
  border-right: 1px solid #1b1b1b !important;
}
.borderdarkTop {
  border-top: 1px solid #1b1b1b !important;
}
.borderdarkBottom {
  border-bottom: 1px solid #1b1b1b !important;
}
.borderBottom {
  border-bottom: 1px solid #e2e8f0 !important;
}
.borderTopDotted2 {
  border-top: 2px dotted #e2e8f0 !important;
}
.borderdottedLeft {
  border-left: 1px dotted #e2e8f0 !important;
}
.borderdottedRight {
  border-right: 1px dotted #e2e8f0 !important;
}
.border {
  border: 1px solid #e2e8f0 !important;
}
.borderdotted {
  border: 1px dotted #e2e8f0 !important;
}
.borderdottedBottom {
  border-bottom: 1px dotted #e2e8f0 !important;
}
.borderradius5 {
  border-radius: 5px;
}
.borderradius6 {
  border-radius: 6px;
}
.borderradius12 {
  border-radius: 6px;
}
.backgroundGhostWhite {
  background-color: ghostwhite !important;
}
hr {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 0 5px;
}
/**[layout textpath]**/
.path {
  border-bottom: 2px dotted #dddddd;
}
/**** [WIDTHPX] ****/
.width15px {
  width: 15px;
}
.width20px {
  width: 20px;
}
.width50px {
  width: 50px;
}
.width75px {
  width: 75px !important;
}
.width100px {
  width: 100px !important;
}
.width150px {
  width: 150px !important;
}
.width190 {
  width: 190px !important;
}
.width300px {
  width: 300px !important;
}
.minWidth {
  width: 50px;
  *width: auto;
}
.maxWidth25 {
  max-width: 25px;
}
/**** [WIDTH%] ****/
.width5 {
  width: 5% !important;
}
.width10 {
  width: 10% !important;
}
.width15 {
  width: 15% !important;
}
.width20 {
  width: 20% !important;
}
.width33 {
  width: 33% !important;
}
.width40 {
  width: 40% !important;
}
.width44 {
  width: 44% !important;
}
.width45 {
  width: 45% !important;
}
.width50 {
  width: 50% !important;
}
.width65 {
  width: 65% !important;
}
.width75 {
  width: 75% !important;
}
.width80 {
  width: 80% !important;
}
.width90 {
  width: 90% !important;
}
.width100 {
  width: 100% !important;
}
.width100NoImportant {
  width: 100%;
}
/**** [HEIGHT] ****/
.heightAuto {
  height: auto !important;
}
.height10 {
  height: 10px !important;
}
.height20 {
  height: 20px !important;
}
.height30 {
  height: 30px !important;
}
.height40 {
  height: 40px !important;
}
.height50 {
  height: 50px !important;
}
.height22 {
  line-height: 22px;
}
.backgroundNone {
  background: none !important;
}
/**** [BACKGROUNDSIZE] ****/
.background5 {
  background-size: 5px !important;
}
.background8 {
  background-size: 8px !important;
}
.background10 {
  background-size: 10px !important;
}
.background11 {
  background-size: 11px !important;
}
.background15 {
  background-size: 15px !important;
}
.background20 {
  background-size: 20px !important;
}
/**** [lINEHEIGHT] ****/
.lineheight {
  line-height: 50px;
}
.lineheightGridCell {
  line-height: 21px;
}
.lineheight43 {
  line-height: 43px;
}
.lineheight30 {
  line-height: 30px !important;
}
/**** [LISTSTYLE] ****/
.liststylenone {
  list-style: hidden !important;
  list-style-type: none !important;
}
.orderlistdecimal,
ul.orderlistdecimal > li {
  list-style: decimal inside !important;
}
.orderlistsquare,
ul.orderlistsquare > li {
  list-style: square inside !important;
}
.liststylecircle,
ul.liststylecircle > li {
  list-style-type: circle !important;
  list-style-position: inside !important;
  padding-left: 1em;
}
.liststylecircle .leftPad60,
ul.liststylecircle > li.leftPad60 {
  list-style-type: disc !important;
}
/**** [CLEAR] ****/
.clearboth {
  clear: both;
}
.clearnone {
  clear: none !important;
}
/**** [OVERFLOW] ****/
.overflowauto {
  overflow: auto !important;
}
.nooverflow {
  overflow: hidden !important;
}
.overflowYScroll {
  overflow-y: scroll !important;
}
.dialogOverflowAuto .x-window-body {
  overflow: auto !important;
}
/**** [WHITESPACE] ****/
.nowrap {
  white-space: nowrap !important;
}
.wrapBreakWord {
  word-break: break-word !important;
}
.wrap {
  white-space: normal !important;
}
.codeWrap {
  white-space: pre-wrap !important;
}
.overflowElipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.overflowHidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}
.overflowHidden > .x-grid-cell-inner {
  overflow: inherit;
  white-space: inherit;
  text-overflow: inherit;
}
.useFullCellSpace .x-grid-cell-inner {
  padding: 0 !important;
  height: 24px;
  line-height: 24px;
}
.inheritColorForLinks a {
  color: inherit;
}
.x-grid-row-selected .x-grid-cell,
.x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f1f3f5 !important;
}
.x-grid-row-selected.pointerCursor .x-grid-cell,
.x-grid-row-selected.pointerCursor .x-grid-rowwrap-div {
  background-color: #b6e0ff !important;
}
.x-grid-row-selected.pointerCursor .x-grid-cell:first-child,
.x-grid-row-selected.pointerCursor .x-grid-rowwrap-div:first-child {
  border-radius: 12px 0 0 12px;
}
.x-grid-row-selected.pointerCursor .x-grid-cell:last-child,
.x-grid-row-selected.pointerCursor .x-grid-rowwrap-div:last-child {
  border-radius: 0 12px 12px 0;
}
.tableCell_upArrow .x-grid-cell-inner::after {
  background-size: auto 16px;
  background-position-y: -1px;
  background-repeat: no-repeat;
  display: block;
  float: right;
  margin-left: 5px;
  min-width: 15px;
  top: 0px;
  right: 0px;
  heigth: 100%;
  weight: 50px;
  background-image: url("../img/icon_arrow_circle_top.png");
  content: "\00a0";
}
.tableCell_downArrow .x-grid-cell-inner::after {
  background-size: auto 16px;
  background-position-y: -1px;
  background-repeat: no-repeat;
  display: block;
  float: right;
  margin-left: 5px;
  min-width: 15px;
  top: 0px;
  right: 0px;
  heigth: 100%;
  weight: 50px;
  background-image: url("../img/icon_arrow_circle_bottom.png");
  content: "\00a0";
}
.tableCell_forwardArrow .x-grid-cell-inner::after {
  background-size: auto 16px;
  background-position-y: -1px;
  background-repeat: no-repeat;
  display: block;
  float: right;
  margin-left: 5px;
  min-width: 15px;
  top: 0px;
  right: 0px;
  heigth: 100%;
  weight: 50px;
  background-image: url("../img/icon_arrow_circle_right.png");
  content: "\00a0";
}
.tableCell_noArrow .x-grid-cell-inner::after {
  background-size: auto 16px;
  background-position-y: -1px;
  background-repeat: no-repeat;
  display: block;
  float: right;
  margin-left: 5px;
  min-width: 15px;
  top: 0px;
  right: 0px;
  heigth: 100%;
  weight: 50px;
  content: "\00a0";
}
/**[links externos_popups]**/
.externalink {
  width: 13px;
  height: 13px;
  padding-left: 0 !important;
  padding-right: 17px !important;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url("../img/icon_link.png");
}
.externalinkWhite {
  width: 13px;
  height: 13px;
  padding-left: 0 !important;
  padding-right: 20px !important;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 13px;
  background-image: url("../img/icon_link_w.png");
}
.externalinkWhite.menuItemLink,
.externalink.menuItemLink {
  display: inline-block;
  margin-left: -15px;
  position: absolute;
}
/**[Image loading]**/
.loading {
  background: url("../img/loadingCircles2.gif") no-repeat center center;
  background-size: 15%;
}
.loaded {
  background: none;
}
.dif-lazy-cell.loading {
  background: url("../img/loadingCircleSmall.gif") no-repeat center center;
  background-size: 18px;
  padding-top: 3px;
  padding-left: 25px;
  color: #999999;
  animation: none !important;
}
/* DIF:linkToTop Component *//*[mode02 / FIXED]*/
div.linktotopfixed img {
  right: 0;
  bottom: 35px;
  position: fixed;
}
/* DIF:breadcrumbs Component */
.breadcrumbs {
  clear: both;
  padding: 0;
  margin: 0;
  height: 26px !important;
  line-height: 26px !important;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #f1f3f5;
  border-left: 65px solid transparent !important;
  display: flex;
}
.breadcrumbsnav {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.breadcrumbsnav ul li {
  font-weight: normal;
  padding: 0 5px;
  display: inline;
}
.breadcrumbsnav ul li::before {
  content: ">";
  color: #000000;
}
.menubreadcrumbs {
  width: max-content;
  white-space: nowrap;
  height: 26px;
  line-height: 26px;
  float: right;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #f1f3f5;
}
.menubreadcrumbs ul li {
  padding-right: 18px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url("../img/icon_arrowdown.png");
}
.listbreadcrumbs {
  position: absolute;
  right: 0;
  margin-top: 25px;
  clear: both;
  max-width: 800px;
  overflow: auto;
  white-space: nowrap;
  background-color: #000000 !important;
}
/* DIF:listlinks Component */
.listlinks {
  margin-left: 15px;
}
.listlinks ul {
  margin: 5px 0 0 0;
  padding: 0;
}
.listlinks ul li {
  list-style: none !important;
  display: block;
  line-height: 20px;
}
.listlinks .checked {
  padding: 0 0 0 20px !important;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrow.png");
}
/* DIF:menuactions Component | Menus tabelas */
.menuactions {
  border: 1px solid #dddddd;
  position: fixed;
  padding: 5px 10px 10px 10px;
  z-index: 1000 !important;
  background-color: #ffffff;
  border-radius: 5px;
  animation: all ease 0.2s;
  transform: scaleY(1);
  transform-origin: top;
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.menuactions.closed {
  transform: scaleY(0);
  opacity: 0;
}
.menuactions li {
  line-height: 20px;
  padding: 2px;
  white-space: normal;
}
.menuactions li:not(:last-of-type) {
  border-bottom: 1px dotted #dddddd;
}
.menuactions li:hover {
  background-color: #f1f3f5;
}
.menuactions li a {
  display: block;
}
a.boxclose {
  color: #ffffff;
  font-size: 18px;
  float: right;
  margin-top: -10px;
  margin-right: -10px;
  display: inline-block;
  padding: 1px 1px;
}
/* DIF:centerbuttons Component */
div.actionsbuttons.centerbuttons ul li {
  padding: 0 !important;
}
/** CENTERSINGLEBUTTON */
.centerbuttons {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.centerbuttons ul li {
  color: #ffffff;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  display: grid;
  line-height: 40px;
  background-color: #1b1b1b;
  border-radius: 10px;
}
.centerbuttons li a {
  color: #ffffff;
  display: list-item;
  background-color: #1b1b1b;
  border-radius: 10px;
  padding: 0 30px;
  transition: background-color 0.5s ease;
}
.centerbuttons li.isDisabled {
  padding: 0 30px;
}
.centerbuttons li a:hover {
  color: #ffffff;
  background-color: #666666;
}
.centerbuttons li input {
  color: #ffffff !important;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  line-height: 40px;
  width: -moz-available !important;
  height: auto !important;
  border: none !important;
  background-color: #1b1b1b;
}
.centerbuttons li input:hover {
  color: #ffffff !important;
  border: none !important;
  background-color: #666666;
}
.centerbuttons li.disabled {
  background-color: #dddddd !important;
}
.centerbuttons .externalink {
  padding-right: 30px !important;
  background-position: 70% 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  background-image: url("../img/icon_link_w.png");
}
.centerbuttons .submit {
  background: none !important;
}
.centerbuttons .clear {
  background: none !important;
}
.centerbuttons .edit {
  background: none !important;
}
.centerbuttons .add {
  background: none !important;
}
.centerbuttons .delete {
  background: none !important;
}
.centerbuttons .save {
  background: none !important;
}
.centerbuttons .addIcon {
  background: none !important;
}
.centerbuttons .normallink {
  background: none !important;
}
.centerbuttons .detailsdata {
  background: none !important;
}
.centerbuttons .no {
  background: none !important;
}
/** CENTERTWOBUTTONS **/
.centertwobuttons {
  text-align: center;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.centertwobuttons ul li {
  color: #ffffff;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  background-color: #1b1b1b;
  border-radius: 10px;
  font-variant: small-caps;
}
.centertwobuttons ul li.isDisabled {
  padding: 10px;
}
.centertwobuttons ul p {
  margin: 0 10px 15px 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #e2e8f0;
  border-bottom-left-radius: 6px;
  font-size: 90%;
  line-height: 1.2em;
}
.centertwobuttons li input {
  color: #ffffff;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  padding: 0;
  display: list-item !important;
  background-color: #1b1b1b;
}
.centertwobuttons li input:hover {
  color: #ffffff !important;
  border: none !important;
  display: list-item !important;
  background-color: #666666;
}
.centertwobuttons a {
  color: #ffffff;
  display: list-item !important;
  padding: 10px 0;
  border-radius: 10px;
  transition: background-color 0.5s ease;
}
.centertwobuttons a:hover {
  color: #ffffff;
  background-color: #666666;
  display: list-item;
}
/* DIF:actions Component */
.actions {
  text-align: right;
  clear: none !important;
  margin-bottom: 10px;
}
.actions ul {
  margin: 0;
}
.actions ul li {
  list-style: none;
  font-size: 11px;
  display: inline;
  margin-left: 15px;
  padding: 0;
  text-indent: -15px;
}
.actions.actionsVertical ul li {
  display: block !important;
}
.actions.actionsVertical {
  text-align: left;
}
.actions:not(.actionsVertical) ul li:last-child {
  margin-right: 15px;
}
.actions ul li.width100 {
  width: calc(100% - 15px) !important;
}
.actions ul li span {
  padding: 3px 0 3px 25px;
}
.actions ul li input {
  padding: 0 0 0 20px;
}
.actions ul li a {
  font-weight: normal;
  text-transform: none;
  padding: 5px 0 5px 18px;
}
.actions ul li.withBorder {
  border-bottom: 1px dotted #dddddd;
}
.actions.verticalActions ul li {
  display: block;
  margin-bottom: 5px;
}
.actions ul li p.description {
  text-indent: 0;
  margin-bottom: 15px;
}
.actions .top {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_arrowup.png");
}
.actions a.top {
  color: transparent !important;
}
.actions a.top:hover {
  color: transparent !important;
}
.actions .normallink {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrow.png");
  padding-left: 15px;
}
.actions .normallinkIndent {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_minus.png");
  margin-left: 20px;
  padding-left: 15px;
}
.actions .search {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_search.png");
}
.actions .email {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_email.png");
}
.actions .save {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_save.png");
}
.actions .print {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_print.png");
}
.actions .help {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_question.png");
}
.actions .previous,
.actions .back,
.actions .exit {
  padding-left: 15px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrowleft.png");
}
.actions .next,
.actions .start {
  padding-right: 23px !important;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrow.png");
}
.actions .cancel,
.actions .delete,
.actions .clear,
.actions .no,
.actions .close {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_x.png");
}
.actions .submit {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_submit.png");
}
.actions .edit {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_edit.png");
}
.actions .editdata {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_editdata.png");
}
.editRefreshIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px;
  background-image: url("../img/editRefresh.png") !important;
}
.actions .add {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_add.png");
}
.actions .info {
  padding-left: 10px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_info.png");
}
.actions .yes {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_yes.png");
}
.actions .expand {
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_expand.png");
}
.actions .customize {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_customize.png");
}
.actions .admin {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_admin.png");
}
.actions .stats {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_stats.png");
}
.actions .loaditem {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_loaditem.png");
}
.actions .uploaditem {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_upload.png");
}
.actions .additem {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_additem.png");
}
.actions .copy {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_copy.png");
}
.actions .publish {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_publish.png");
}
.actions .preview {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icon_preview.png");
}
/*** [LAYOUT/actions_actionsbuttons] ***/
/* DIF:actionsbuttons Component */
.actionsbuttons {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.actionsInline {
  margin-top: 0;
  margin-bottom: 0;
}
.actionsInline ul {
  margin: 0 !important;
}
.actionsInline ul li {
  margin-bottom: 0 !important;
  min-height: 20px !important;
}
.actionsInline ul li a {
  padding-top: 0;
  padding-bottom: 0;
}
.x-grid-cell-inner .actionsbuttons {
  margin-top: 2px;
  margin-bottom: 0;
}
.x-grid-cell-inner .actionsbuttons ul li {
  margin-right: 5px;
}
.actionsCalcFieldColumn .x-grid-cell-inner {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  white-space: normal;
}
.gridActionsContainer {
  display: flex;
}
/* The actions stay on a single line: the ones that do not fit the column are cut with "..." (the row never grows) */
.gridActionsContainer div:first-of-type {
  padding-top: 2px;
  padding-bottom: 2px;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 16px;
}
.gridActionsContainer .menuIconContainer {
  margin-left: 0;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 0;
}
/* Actions of AbstractActionCalcField: text only, as compact white buttons with a border, little wider than the old
   "a | b" text links (the padding is minimal); the ones beyond the visible limit go to the "..." menu (.menuactions).
   The actions stay inline (not inline-block, no vertical-align: top) so the container cuts them with "..." like the
   old text links: the browser draws no ellipsis over inline-block boxes nor over top-aligned inline boxes. Not for
   the action items mode (.actionsbuttons), which has its own style. */
.gridActionsContainer > div:first-of-type > a,
.gridActionsContainer > div:first-of-type > span,
.gridActionsContainer a.gridActionsMore {
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #ffffff;
  color: #004e9d;
  padding: 0 4px;
  margin: 0 3px 2px 0;
  line-height: 16px;
  font-size: 11px;
  white-space: nowrap;
  text-decoration: none;
}
.gridActionsContainer > div:first-of-type > a:hover,
.gridActionsContainer a.gridActionsMore:hover {
  background-color: #f1f3f5;
}
.gridActionsContainer > div:first-of-type > span.isDisabled {
  color: #999999;
  cursor: default;
}
.gridActionsContainer a.gridActionsMore {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-right: 0;
}
.actionsbuttons > ul {
  margin: 5px 0 0 0;
}
.actionsbuttons > ul > li {
  color: #dddddd;
  list-style: none;
  line-height: 20px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  background-color: #1b1b1b;
  min-height: 30px;
  margin-bottom: 8px;
  border-radius: 6px;
  text-indent: unset;
  margin-left: 2px;
  padding: 0;
}
.actionsbuttons.verticalActions > ul > li {
  display: block;
  margin-bottom: 10px;
}
.actionsbuttons.verticalActions > ul > li > a {
  display: block;
}
.actionsbuttons.actionsVerticalFullWidth > ul > li {
  width: 100%;
}
.actionsbuttons li input,
.actionsbuttons button {
  color: #ffffff;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  height: auto !important;
  cursor: pointer;
  border-radius: 6px;
  border: none !important;
  background-color: #1b1b1b;
  min-height: 17px;
  line-height: 20px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.actionsbuttons input:hover {
  color: #ffffff;
  padding: 10px;
  background-color: #666666;
}
.actionsbuttons > ul > li > a,
.difButtons {
  color: #ffffff;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  padding: 5px 20px !important;
  height: initial !important;
  border: none;
  background-image: none !important;
  padding-left: 0;
  background-color: #1b1b1b;
  border-radius: 6px;
  min-height: 19px;
  transition: all 0.2s ease;
  position: relative;
}
/* Buttons and menu buttons rendered as <a> elements must never show an underline,
   even when the theme sets @fontLinkTextDecoration/@fontLinkHoverTextDecoration to underline */
.actionsbuttons a,
.difButtons,
.centerbuttons li a,
.centertwobuttons a,
a.x-btn,
.x-btn a,
#perfilnavegation a,
#perfil a,
a.iconImage {
  text-decoration: none !important;
}
.actionsbuttons .submenuButton:not(.closed),
.actionsbuttons .submenuButton:not(.closed) a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.actionsbuttons .submenu {
  position: absolute;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.3s ease, opacity 0.3s ease,
    width 0.1s ease, left 0.1s ease, right 0.1s ease, height 0.1s ease;
  z-index: 90000000;
  background: #ffffff;
  max-height: 8000px;
  padding: 10px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #dddddd;
  overflow: auto;
  display: flex;
  flex-direction: row;
}
.actionsbuttons .submenuButton.closed .submenu {
  transform: scaleY(0);
  opacity: 0;
}
.actionsbuttons .submenu ul li {
  border: none;
  padding: 2px 5px;
  background: none;
  border-radius: 5px;
}
.actionsbuttons .submenu ul li a {
  border: none;
  padding: 0 0 0 20px !important;
  background-size: 10px auto !important;
  background-position-y: 50%;
}
.actionsbuttons .submenu ul li:hover {
  background-color: #f1f3f5;
}
.difButtons {
  cursor: pointer;
  margin-left: 5px;
}
.difButtons:last-child {
  margin-right: 5px;
}
.daterangepickerInPlace .daterangepicker {
  position: static;
  border: none;
  display: block;
}
.daterangepickerInPlace .daterangepicker:not(.hide) {
  display: block !important;
}
.daterangepicker {
  font-family: montserrat, Arial, Helvetica, sans-serif;
}
.daterangepicker .ranges li {
  border-radius: 10px 0 0 10px;
  transition: background-color 0.2s ease;
}
.daterangepicker .ranges li.active {
  background-color: #006ab6;
  color: #ffffff;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-color: #e2e8f0;
}
.daterangepicker select.monthselect {
  margin: 0px;
  border-right: none !important;
  border-radius: 5px 0 0 5px;
}
.daterangepicker select.yearselect {
  border-radius: 0 5px 5px 0;
}
#colorpicker {
  position: fixed;
  top: initial;
  left: initial;
  right: initial;
  box-shadow: none;
  /* Encosta a paleta ao campo, sem a sobrepor: o -14px vinha de quando ela era posicionada a partir do
       .colorChooser e tapava a linha do input. */

  margin-top: -5px;
  border-top-left-radius: 0px;
  margin-left: 1px;
}
.colorChooser {
  display: block;
}
.colorChooser #colorpicker {
  visibility: hidden;
}
.actionsbuttons > ul > li > a.previous,
.actionsbuttons input.previous,
.actionsbuttons button.previous,
.actionsbuttons > ul > li > a.back,
.actionsbuttons input.back,
.actionsbuttons button.back {
  background-repeat: no-repeat !important;
  background-position: 10px 50% !important;
  background-size: 8px;
  background-image: url("../img/icon_arrowleft_w.png") !important;
  line-height: 20px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 10px !important;
  padding-left: 22px !important;
}
.actionsbuttons > ul > li > a.next,
.actionsbuttons input.next,
.actionsbuttons button.next {
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) 50% !important;
  background-size: 8px;
  background-image: url("../img/icon_arrow_w.png") !important;
  line-height: 20px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 22px !important;
  padding-left: 10px !important;
}
.actionsbuttons .top {
  background-position: 5px 50% !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
  background-image: url("../img/icon_arrowup.png") !important;
}
.actionsbuttons .calculator {
  display: inherit;
}
.actionsbuttons .detailsdata,
.actionsbuttons .refreshIcon,
.actionsbuttons .clearIcon,
.actionsbuttons .savelink {
  background-image: none !important;
  height: unset;
}
.actionsbuttons a.search,
.actionsbuttons a.email,
.actionsbuttons a.save,
.actionsbuttons a.print,
.actionsbuttons a.help,
.actionsbuttons a.cancel,
.actionsbuttons a.delete,
.actionsbuttons a.clear,
.actionsbuttons a.no,
.actionsbuttons a.exit,
.actionsbuttons a.close,
.actionsbuttons a.submit,
.actionsbuttons a.edit,
.actionsbuttons a.add,
.actionsbuttons a.info,
.actionsbuttons a.yes,
.actionsbuttons a.key,
.actionsbuttons a.registration,
.actionsbuttons a.start,
.actionsbuttons a.refreshIcon,
.actionsbuttons a.expand,
.actionsbuttons a.customize,
.actionsbuttons a.additem,
.actionsbuttons a.loaditem,
.actionsbuttons a.copy,
.actionsbuttons a.publish,
.actionsbuttons a.preview,
.actionsbuttons a.import,
.actionsbuttons a.excel,
.actionsbuttons a.calculator,
.actionsbuttons a.qrcode,
.actionsbuttons a.paymentIcon,
.actionsbuttons a.customizeIcon,
.actionsbuttons a.execIcon,
.actionsbuttons a.invoiceIcon,
.actionsbuttons a.noteIcon,
.actionsbuttons a.menuIcon,
.actionsbuttons a.calculateIcon,
.actionsbuttons a.workflowIcon,
.actionsbuttons a.addIcon,
.actionsbuttons a.detailsInfo,
.actionsbuttons a.userIcon,
.actionsbuttons a.shoppingCartIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.search,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.email,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.save,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.print,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.help,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.cancel,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.delete,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.clear,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.no,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.exit,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.close,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.submit,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.edit,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.add,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.info,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.yes,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.key,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.registration,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.start,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.refreshIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.expand,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customize,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.additem,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.loaditem,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.copy,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.publish,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.preview,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.import,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.excel,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculator,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.qrcode,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.paymentIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customizeIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.execIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.invoiceIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.noteIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.menuIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculateIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.workflowIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.addIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.detailsInfo,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.userIcon,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.shoppingCartIcon {
  padding-left: 35px !important;
}
.actionsbuttons a.infoIcon,
.x-btn-icon.infoIcon {
  padding-left: 25px !important;
}
.actionsbuttons a.itemIcon,
.x-btn-icon.itemIcon {
  padding-left: 30px !important;
}
.actionsbuttons > ul > li > a.search::after,
.actionsbuttons > ul > li > a.email::after,
.actionsbuttons > ul > li > a.save::after,
.actionsbuttons > ul > li > a.print::after,
.actionsbuttons > ul > li > a.help::after,
.actionsbuttons > ul > li > a.cancel::after,
.actionsbuttons > ul > li > a.delete::after,
.actionsbuttons > ul > li > a.clear::after,
.actionsbuttons > ul > li > a.no::after,
.actionsbuttons > ul > li > a.exit::after,
.actionsbuttons > ul > li > a.close::after,
.actionsbuttons > ul > li > a.submit::after,
.actionsbuttons > ul > li > a.edit::after,
.actionsbuttons > ul > li > a.add::after,
.actionsbuttons > ul > li > a.info::after,
.actionsbuttons > ul > li > a.yes::after,
.actionsbuttons > ul > li > a.key::after,
.actionsbuttons > ul > li > a.registration::after,
.actionsbuttons > ul > li > a.start::after,
.actionsbuttons > ul > li > a.refreshIcon::after,
.actionsbuttons > ul > li > a.expand::after,
.actionsbuttons > ul > li > a.customize::after,
.actionsbuttons > ul > li > a.additem::after,
.actionsbuttons > ul > li > a.loaditem::after,
.actionsbuttons > ul > li > a.copy::after,
.actionsbuttons > ul > li > a.publish::after,
.actionsbuttons > ul > li > a.preview::after,
.actionsbuttons > ul > li > a.import::after,
.actionsbuttons > ul > li > a.excel::after,
.actionsbuttons > ul > li > a.calculator::after,
.actionsbuttons > ul > li > a.qrcode::after,
.actionsbuttons > ul > li > a.paymentIcon::after,
.actionsbuttons > ul > li > a.customizeIcon::after,
.actionsbuttons > ul > li > a.execIcon::after,
.actionsbuttons > ul > li > a.invoiceIcon::after,
.actionsbuttons > ul > li > a.noteIcon::after,
.actionsbuttons > ul > li > a.menuIcon::after,
.actionsbuttons > ul > li > a.calculateIcon::after,
.actionsbuttons > ul > li > a.workflowIcon::after,
.actionsbuttons > ul > li > a.addIcon::after,
.actionsbuttons > ul > li > a.detailsInfo::after,
.actionsbuttons > ul > li > a.infoIcon::after,
.actionsbuttons > ul > li > a.itemIcon::after,
.actionsbuttons > ul > li > a.userIcon::after,
.actionsbuttons > ul > li > a.shoppingCartIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.search::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.email::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.save::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.print::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.help::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.cancel::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.delete::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.clear::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.no::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.exit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.close::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.submit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.edit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.add::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.info::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.yes::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.key::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.registration::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.start::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.refreshIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.expand::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customize::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.additem::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.loaditem::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.copy::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.publish::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.preview::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.import::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.excel::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculator::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.qrcode::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.paymentIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customizeIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.execIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.invoiceIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.noteIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.menuIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculateIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.workflowIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.addIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.detailsInfo::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.infoIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.itemIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.userIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.shoppingCartIcon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  background-size: 16px !important;
  background-position: 10px 50%;
  background-repeat: no-repeat;
}
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.search::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.email::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.save::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.print::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.help::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.cancel::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.delete::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.clear::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.no::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.exit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.close::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.submit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.edit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.add::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.info::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.yes::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.key::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.registration::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.start::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.refreshIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.expand::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customize::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.additem::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.loaditem::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.copy::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.publish::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.preview::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.import::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.excel::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculator::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.qrcode::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.paymentIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customizeIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.execIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.invoiceIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.noteIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.menuIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculateIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.workflowIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.addIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.detailsInfo::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.infoIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.itemIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.userIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.shoppingCartIcon::after {
  background-position: 0 50%;
}
.actionsbuttons > ul > li > a.refreshIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.refreshIcon::after {
  background-image: url("../img/icon_refresh.png");
}
.actionsbuttons > ul > li > a.search::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.search::after {
  background-image: url("../img/icon_search.png");
}
.actionsbuttons > ul > li > a.email::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.email::after {
  background-image: url("../img/icon_email.png");
}
.actionsbuttons > ul > li > a.save::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.save::after {
  background-image: url("../img/icon_save.png");
}
.actionsbuttons > ul > li > a.print::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.print::after {
  background-image: url("../img/icon_print.png");
}
.actionsbuttons > ul > li > a.help::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.help::after {
  background-image: url("../img/icon_icon_question.png");
}
.actionsbuttons > ul > li > a.cancel::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.cancel::after,
.actionsbuttons > ul > li > a.delete::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.delete::after,
.actionsbuttons > ul > li > a.clear::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.clear::after,
.actionsbuttons > ul > li > a.no::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.no::after,
.actionsbuttons > ul > li > a.exit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.exit::after,
.actionsbuttons > ul > li > a.close::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.close::after {
  background-image: url("../img/icon_x.png");
}
.actionsbuttons > ul > li > a.submit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.submit::after {
  background-image: url("../img/icon_submit.png");
}
.actionsbuttons > ul > li > a.edit::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.edit::after {
  background-image: url("../img/icon_edit.png");
}
.actionsbuttons > ul > li > a.add::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.add::after,
.actionsbuttons > ul > li > a.addIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.addIcon::after,
.actionsbuttons > ul > li > a.additem::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.additem::after {
  background-image: url("../img/icon_add.png");
}
.actionsbuttons > ul > li > a.info::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.info::after {
  background-image: url("../img/icon_info.png");
}
.actionsbuttons > ul > li > a.yes::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.yes::after {
  background-image: url("../img/icon_yes.png");
}
.actionsbuttons > ul > li > a.key::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.key::after {
  background-image: url("../img/icon_key.png");
}
.actionsbuttons > ul > li > a.registration::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.registration::after {
  background-image: url("../img/icon_registration.png");
}
.actionsbuttons > ul > li > a.start::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.start::after {
  background-image: url("../img/icon_arrow.png");
}
.actionsbuttons > ul > li > a.expand::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.expand::after {
  background-image: url("../img/icon_expand.png");
}
.actionsbuttons > ul > li > a.customize::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customize::after {
  background-image: url("../img/icon_customize.png");
}
.actionsbuttons > ul > li > a.loaditem::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.loaditem::after {
  background-image: url("../img/icon_loaditem.png");
}
.actionsbuttons > ul > li > a.copy::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.copy::after {
  background-image: url("../img/icon_copy.png");
}
.actionsbuttons > ul > li > a.publish::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.publish::after {
  background-image: url("../img/icon_publish.png");
}
.actionsbuttons > ul > li > a.preview::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.preview::after {
  background-image: url("../img/icon_preview.png");
}
.actionsbuttons > ul > li > a.import::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.import::after {
  background-image: url("../img/icon_import.png");
}
.actionsbuttons > ul > li > a.excel::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.excel::after {
  background-image: url("../img/icon_xls.png");
}
.actionsbuttons > ul > li > a.calculator::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculator::after {
  background-image: url("../img/icon_calculator.png");
}
.actionsbuttons > ul > li > a.qrcode::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.qrcode::after {
  background-image: url("../img/icon_qrcode.png");
}
.actionsbuttons > ul > li > a.paymentIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.paymentIcon::after {
  background-image: url("../img/icon_payment.png");
}
.actionsbuttons > ul > li > a.detailsInfo::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.detailsInfo::after {
  background-image: url("../img/icon_infodetail_w.png");
}
.actionsbuttons > ul > li > a.customizeIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.customizeIcon::after,
.actionsbuttons > ul > li > a.execIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.execIcon::after {
  background-image: url("../img/icon_customize.png");
}
.actionsbuttons > ul > li > a.invoiceIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.invoiceIcon::after {
  background-image: url("../img/icon_invoice.png");
}
.actionsbuttons > ul > li > a.noteIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.noteIcon::after {
  background-image: url("../img/icon_note.png");
}
.actionsbuttons > ul > li > a.menuIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.menuIcon::after {
  background-image: url("../img/icon_menu.png");
}
.actionsbuttons > ul > li > a.calculateIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.calculateIcon::after {
  background-image: url("../img/icon_calculate.png");
}
.actionsbuttons > ul > li > a.workflowIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.workflowIcon::after {
  background-image: url("../img/icon_workflow7.png");
}
.actionsbuttons > ul > li > a.infoIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.infoIcon::after {
  background-image: url("../img/icon_info.png");
  background-size: auto 16px !important;
}
.actionsbuttons > ul > li > a.itemIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.itemIcon::after {
  background-image: url("../img/icon_item.png");
  background-size: auto 16px !important;
}
.actionsbuttons > ul > li > a.userIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.userIcon::after {
  background-image: url("../img/icon_user.png");
}
.actionsbuttons > ul > li > a.shoppingCartIcon::after,
.cleanLayout .x-toolbar-footer .x-btn .x-btn-icon.shoppingCartIcon::after {
  background-image: url("../img/icon_shoppingCart.png");
}
/*ADMIN DiF | PAGINA CONFIGURACOES*/
/* DIF:actionsTAB Component */
/** [ Floating buttons attribute for Form component ACTIONS ] **/
div.floatingButtons {
  position: fixed;
  right: 10px;
  top: 30px;
}
div.sidebarFormButtons {
  float: left;
  width: 50px;
}
div.sidebarFormButtons.withIndex {
  width: max(150px, 20%);
}
div.sidebarFormButtons div.actionsbuttons ul {
  margin: 0 0 0 0;
}
div.sidebarFormButtons div.actionsbuttons ul li {
  display: block;
  margin-bottom: 5px;
}
div.sidebarForm {
  margin-left: 60px;
}
div.sidebarForm.withIndex {
  margin-left: max(150px, 20%);
}
div.sidebarFormButtons.buttonsOnly .sidebar__inner_body {
  margin-top: 20px;
}
div.sidebarFormButtons .sidebar__inner_body {
  margin-right: 20px;
}
div.sidebarFormButtons.buttonsOnly a.savelink {
  font-size: 20px;
  margin: 10px 0 0 0;
  background-size: 30px;
}
/** [ link without div ACTIONS ] **/
.simplelink {
  padding-left: 15px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrow.png");
}
.opencloseeditlink,
.openclosenoeditlink {
  margin-left: 10px;
  padding-top: 2px;
  padding-left: 25px;
}
.opencloseeditlink {
  background: url("../img/icon_openclose_edit.png") left no-repeat;
}
.openclosenoeditlink {
  background: url("../img/icon_no_edit.png") left no-repeat;
}
/* DIF:icon buttons *//*botaoEXT*/
.imageLeftBox {
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
}
img.inlineImage {
  padding-right: 13px;
  vertical-align: middle;
}
img.inlineImageNoPadding {
  vertical-align: middle;
}
.iconImage {
  height: 16px !important;
  vertical-align: top;
  display: inline-block;
  background-size: auto 16px !important;
}
.image {
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
  clear: left;
  border: 2px solid #dddddd;
}
.iconImageLinkForm {
  margin-top: 5px;
  margin-left: 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
}
.iconImageSmall {
  height: 16px !important;
  width: 16px;
  background-size: auto 16px !important;
  vertical-align: top;
}
.iconImageExtraSmall {
  height: 12px !important;
  width: 14px;
  background-size: auto 12px !important;
  vertical-align: top;
}
.iconImageLarge {
  height: 50px !important;
  background-size: auto 50px !important;
}
.iconImageInlineText {
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.iconImageInline {
  vertical-align: middle;
}
.iconImageInlineGridLeft {
  margin-right: 5px;
  vertical-align: middle;
}
.iconImageInlineTitleLeft {
  height: auto !important;
  background-size: 26px !important;
  background-position: 0 5px !important;
}
.iconImageLeftOfText {
  padding-left: 20px;
  background-size: auto 16px !important;
  /*vertical-align: middle;*/

}
.planomelhoriaIcon {
  height: 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/pmelhoria_p.png") !important;
}
.languageIcon {
  height: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  background-image: url("../img/icon_language.png") !important;
}
.menuopenpopupIcon {
  height: 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 14px;
  background-image: url("../img/icon_menuopenpopup.png") !important;
}
.tutoringIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/icon_tutoring.png") !important;
}
.leftIcon,
.backIcon,
.previousIcon,
.hideArrowIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrowleft.png") !important;
}
.rightIcon,
.normallinkIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 8px;
  background-image: url("../img/icon_arrow.png") !important;
}
.triangleRightIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 8px;
  background-image: url("../img/icon_triangle_right.png") !important;
}
.triangleLeftIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 8px;
  background-image: url("../img/icon_triangle_left.png") !important;
}
.triangleTopIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 8px;
  background-image: url("../img/icon_triangle_top.png") !important;
}
.triangleBottomIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 8px;
  background-image: url("../img/icon_triangle_bottom.png") !important;
}
.normallinkIcon {
  background-size: auto 16px !important;
}
.showArrowIcon {
  padding-right: 15px;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 8px !important;
  background-image: url("../img/icon_arrow.png") !important;
}
.infoIcon {
  height: 18px;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_info.png") !important;
}
.warn2Icon {
  line-height: 42px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 42px;
  background-image: url("../img/icongeral_warning.png") !important;
}
.warnIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/icongeral_warning.png") !important;
}
.numbersIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/icon_numbers.png") !important;
}
.helpIcon,
.questionIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/icon_question.png") !important;
}
.calendarwaitingIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_calendar_wating.png") !important;
}
.calendarIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_calendario.png") !important;
}
.chart,
.chartIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_pie.png") !important;
}
.chartLegendIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_legend.png") !important;
}
.chartareaIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_area.png") !important;
}
.chartareaActiveIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_area_active.png") !important;
}
.chartbarIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_bar.png") !important;
}
.chartbarActiveIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_bar_active.png") !important;
}
.chartcolumnIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_column.png") !important;
}
.chartcolumnActiveIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_column_active.png") !important;
}
.chartlineIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_line.png") !important;
}
.chartlineActiveIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_line_active.png") !important;
}
.charttableIcon,
.tableIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/fieldTable.png") !important;
}
.charttablesIcon,
.tablesIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_table.png") !important;
}
.charttableActiveIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_table_active.png") !important;
}
.chartpieActiveIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/chart_pie_active.png") !important;
}
.chartCategoryLabel {
  overflow-wrap: break-word;
}
div.x-surface svg text {
  font-weight: bold;
  overflow-wrap: break-word;
  text-wrap: normal;
  max-width: 60px;
}
.search {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat !important;
  background-size: 16px auto !important;
  background-image: url("../img/icon_search.png") !important;
}
.sendIcon {
  height: 18px;
  background-size: 17px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("../img/icon_email.png") !important;
}
.emaillink {
  margin-left: 10px;
  padding-left: 20px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("../img/icon_email.png") !important;
}
.savelink {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_save.png");
}
.saveIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_save.png") !important;
}
.groupIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 15px;
  background-image: url("../img/icon_users.png") !important;
}
.userIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_user.png") !important;
}
.applicationIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_application.png") !important;
}
.serviceIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_service.png") !important;
}
.stageIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_stage.png") !important;
}
.lockedIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_locked.png") !important;
}
.x-toolbar-footer .lockedIcon {
  background-size: 13px !important;
}
.personIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 17px;
  background-image: url("../img/icon_infodetail.png") !important;
}
.meetingLink {
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 30px;
  background: url("../img/meeting.png") left no-repeat;
  background-size: 25px;
  height: 25px;
  display: block;
}
.printIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_print.png") !important;
}
.deletelink,
.closelink {
  margin-left: 10px;
  padding-top: 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_x.png");
}
.cancelIcon,
.deleteIcon,
.clearIcon,
.closeIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_x.png") !important;
}
.cancelIconWhite,
.deleteIconWhite,
.clearIconWhite,
.closeIconWhite {
  background-image: url("../img/icon_x_w.png") !important;
}
.emailIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_arroba.png") !important;
}
.emailIconWhite {
  background-image: url("../img/icon_arroba_w.png") !important;
}
.pinIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_pin.png") !important;
}
.pinIconWhite {
  background-image: url("../img/icon_pin_w.png") !important;
}
.pinFullIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_pinFull.png") !important;
}
.pinFullIconWhite {
  background-image: url("../img/icon_pinFull_w.png") !important;
}
.waitIcon {
  height: 18px !important;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 18px !important;
  background-image: url("../img/icon_wait.png") !important;
}
.editIcon,
.editdata {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_edit.png") !important;
}
.searchIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_search.png") !important;
}
.payIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_pagonline.png") !important;
}
.filterIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_filter.png") !important;
}
.clockIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_clock.png") !important;
}
.phoneIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_phone.png") !important;
}
.phoneInIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_phone_in.png") !important;
}
.phoneOutIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_phone_out.png") !important;
}
.downloadIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_download.png") !important;
}
.uploadIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_upload.png") !important;
}
.inqueritoIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_inquerito_boxnet.png") !important;
}
.leftCircleIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_arrow_circle_left.png") !important;
}
.rightCircleIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_arrow_circle_right.png") !important;
}
.topCircleIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_arrow_circle_top.png") !important;
}
.bottomCircleIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_arrow_circle_bottom.png") !important;
}
.collapseAllIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_compress_vertical.png") !important;
}
.expandAllIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_expand_vertical.png") !important;
}
.checkIcon {
  height: 18px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_check.png") !important;
}
.shoppingCartIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_shoppingCart.png") !important;
}
.paymentIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_payment.png") !important;
}
.detailsInfo {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_infodetail_w.png") !important;
}
.customizeIcon,
.execIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_customize.png") !important;
}
.invoiceIcon {
  width: 18px;
  height: 18px;
  background-position: 50% 50%;
  background-repeat: no-repeat !important;
  background-size: auto 18px;
  background-image: url("../img/icon_invoice.png");
}
.noteIcon {
  height: 16px;
  background-size: auto 18px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("../img/icon_note.png");
}
.selectedIcon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px !important;
  background-image: url("../img/checkBoxON.png") !important;
}
.unselectedIcon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px !important;
  background-image: url("../img/checkBoxOFF.png") !important;
}
.selectAllIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/icon_selectall.png") !important;
}
.unselectAllIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-image: url("../img/icon_unselectall.png") !important;
}
.detailsIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_details.png") !important;
}
.box .ticketIcon a {
  height: 18px;
  padding: 0 0 0 20px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_ticket.png") !important;
}
.minusIcon,
.noIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 14px;
  background-image: url("../img/icon_minus.png") !important;
}
.publishIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_publish.png") !important;
}
.publishlink {
  margin-left: 10px;
  padding-top: 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_publish.png") !important;
}
.itemIcon,
.documentsIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_item.png") !important;
}
.devIcon {
  width: 18px !important;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 15px;
  background-image: url("../img/icon_developer02.png") !important;
}
.submitIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 13px;
  background-image: url("../img/icon_submit.png") !important;
}
.loaditem {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_loaditem.png") !important;
}
.loaditemlink {
  margin-left: 10px;
  padding-top: 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 14px;
  background-image: url("../img/icon_loaditem.png") !important;
}
.archiveIcon {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_empty_box.png") !important;
}
.documentIcon {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_document.png") !important;
}
.statsIcon {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_stats.png") !important;
}
.lockedIcon {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/lockedIcon.png") !important;
}
.unlockedIcon {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/unlockedIcon.png") !important;
}
.addIcon,
.additem {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_add.png") !important;
}
.addIconWhite {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_add_w.png") !important;
}
.finishitemIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_finish.png") !important;
}
.confirmationIcon,
.yesIcon {
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-image: url("../img/icon_yes.png") !important;
}
.academicIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 18px;
  background-image: url("../img/icon_academic.png") !important;
}
.contactsIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_editcontacts.png") !important;
}
.invisibleIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_invisible.png") !important;
}
.addonIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_addon.png") !important;
}
.freezeIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/snowflake.png") !important;
}
.freezeText {
  color: #1b1b1b;
}
.chooseIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px;
  background-image: url("../img/icon_choose.png") !important;
}
.logfileIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_logfile.png") !important;
}
.messageIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 18px;
  background-image: url("../img/icon_messages.png") !important;
}
.auditIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px;
  background-image: url("../img/icon_checklistOK.png") !important;
}
.refreshIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px;
  background-image: url("../img/icon_refresh.png") !important;
}
.refreshDataIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px;
  background-image: url("../img/icon_refreshData.png") !important;
}
.replaceIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_substituir.png") !important;
}
.previewIcon {
  width: 18px !important;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 18px;
  background-image: url("../img/icon_preview.png") !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn .x-btn-icon.previewIcon {
  background-size: 16px auto !important;
}
.previewlink {
  margin-left: 10px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 18px;
  background-image: url("../img/icon_preview.png") !important;
}
.reportIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_report.png") !important;
}
.copydata {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_copy.png") !important;
}
.excelIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_xls.png") !important;
}
.descriptionIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_description.png") !important;
}
.closeDatalink {
  margin-left: 10px;
  padding-top: 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_closedata.png");
}
.playIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 18px;
  background-image: url("../img/icon_play.png") !important;
}
.pauseIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 18px;
  background-image: url("../img/icon_pause.png") !important;
}
.qrCodeIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  background-image: url("../img/icon_qrcode.png") !important;
}
.anexosIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px;
  background-image: url("../img/icon_anexos.png") !important;
}
.undoIcon {
  height: 18px !important;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 12px;
  background-image: url("../img/icon_undo.png") !important;
}
.worldIcon {
  height: 18px !important;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_world.png") !important;
}
.inheritanceIcon {
  height: 18px !important;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_inheritance.png") !important;
}
.pendingIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 18px;
  background-image: url("../img/icon_warn_pending.png") !important;
}
.positiveIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 18px;
  background-image: url("../img/icon_warn_ok.png") !important;
}
.negativeIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 18px;
  background-image: url("../img/icon_warn_error.png") !important;
}
.menuIcon {
  min-height: 18px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("../img/icon_menu.png");
}
.calculateIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_calculate.png") !important;
}
.workflowIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto 16px;
  background-image: url("../img/icon_workflow7.png") !important;
}
#diagramLegendDiv {
  font-size: 10px;
  opacity: 0.5;
}
#diagramLegendDiv > p > b {
  display: inline-block;
  min-width: 30px;
}
.calculatorIcon,
.calculatorblueIcon,
.calculatoredIcon,
.calculatorgreenIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
}
.imageColorInvert {
  filter: invert(100%);
}
.invertAllDescendedImgs img {
  filter: invert(100%);
}
.calculatorIcon {
  background-image: url("../img/icon_calculator.png");
}
.calculatorblueIcon {
  background-image: url("../img/icon_calculatorblue.png");
}
.calculatoredIcon {
  background-image: url("../img/icon_calculatored.png");
}
.calculatorgreenIcon {
  background-image: url("../img/icon_calculatorgreen.png");
}
.stageGreenIcon,
.stageRedIcon,
.stageOrangeIcon,
.stageYellowIcon,
.stageBlueIcon,
.stageGrayIcon {
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
}
.stageGreenIcon {
  background-image: url("../img/icon_colorgreen.png") !important;
}
.stageRedIcon {
  background-image: url("../img/icon_colored.png") !important;
}
.stageOrangeIcon {
  background-image: url("../img/icon_colororange.png") !important;
}
.stageYellowIcon {
  background-image: url("../img/icon_coloryellow.png") !important;
}
.stageBlueIcon {
  background-image: url("../img/icon_colorblue.png") !important;
}
.stageGrayIcon {
  background-image: url("../img/icon_colorgray.png") !important;
}
.inlineError,
.inlineWarn,
.inlineAlert,
.inlineFlag,
.inlineExpired,
.inlineSearchAll,
.inlineQuestion,
.inlineInfo,
.inlineInfoNotOK,
.inlineOK,
.inlineOKBlack,
.inlineOKWhite,
.inlineInfoOK,
.inlineOff,
.inlineValidatingIcon {
  min-height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 17px;
}
.inlineError {
  color: #b94a48;
  background-image: url("../img/icongeral_cancel.png");
}
.inlineWarn,
.messageSideIconWarning {
  background-image: url("../img/icongeral_warning.png");
}
.inlineAlert,
.messageSideIconError {
  background-image: url("../img/icongeral_alert.png");
}
.inlineFlag {
  background-image: url("../img/icongeral_flag.png");
}
.inlineExpired {
  background-image: url("../img/icongeral_expired.png");
}
.inlineSearchAll {
  background-image: url("../img/icongeral_searchall.png");
}
.inlineQuestion,
.messageSideIconQuestion {
  background-image: url("../img/icongeral_question.png");
}
.inlineInfo,
.messageSideIconInfo {
  background-image: url("../img/icongeral_info.png");
}
.inlineInfoNotOK {
  background-image: url("../img/icongeral_notokinfo.png");
}
.inlineOK,
.messageSideIconOK {
  background-image: url("../img/icongeral_ok.png");
}
.inlineOKBlack {
  background-image: url("../img/checkBoxON_01.png");
}
.inlineOKWhite {
  background-image: url("../img/checkBoxON_01w.png");
}
.inlineOff,
.messageSideIconOff {
  background-image: url("../img/checkBoxOFF_01.png");
}
.inlineInfoOK {
  background-image: url("../img/icongeral_okinfo.png");
}
.inlineInfoOKCheck {
  background-image: url("../img/blue_icongeral_ok.png");
}
.inlineValidatingIcon {
  background-image: url("../img/icongeral_validating.png");
}
div.inlineError,
div.inlineWarn,
div.inlineAlert,
div.inlineFlag,
div.inlineExpired,
div.inlineSearchAll,
div.inlineQuestion,
div.inlineInfo,
div.inlineInfoNotOK,
div.inlineOK,
div.inlineInfoOK,
div.inlineValidatingIcon,
div.inlineOff,
div.inlineOKBlack,
div.inlineOKWhite,
a.inlineError,
a.inlineWarn,
a.inlineAlert,
a.inlineFlag,
a.inlineExpired,
a.inlineSearchAll,
a.inlineQuestion,
a.inlineInfo,
a.inlineInfoNotOK,
a.inlineOK,
a.inlineInfoOK,
a.inlineValidatingIcon,
a.inlineOff {
  padding-left: 25px;
}
/** Flex controls */
.inlineflex-itemscenter {
  display: inline-flex !important;
  align-items: center !important;
}
.flex-itemscenter {
  display: flex !important;
  align-items: center !important;
}
/** [ RUCnet/AREA COMENTARIOS/SUGESTOES ] **/
.messageSideIconError,
.messageSideIconWarning,
.messageSideIconInfo,
.messageSideIconOK,
.messageSideIconQuestion,
.messageSideIconOff {
  background-size: 20px auto;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: top left;
}
/*** DIF:box Component ***/
.box {
  height: auto;
  margin: 0 0 2px 0;
  padding-bottom: 5px;
  background-color: #ffffff;
  font-size: 120%;
}
.box h2 {
  color: #000000;
  font-size: 150%;
  text-transform: none;
  font-weight: normal !important;
  margin: 0;
  padding: 4px 0 0 10px;
  line-height: 35px;
  border-top: 3px solid #666666;
  background: #ffffff;
}
.box p {
  margin: 0;
}
.box a {
  color: #666666 !important;
  font-weight: normal;
  text-decoration: none;
  padding: 0 0 0 10px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  background-image: url("../img/icon_arrow.png") !important;
}
.box a:hover {
  color: #1b1b1b;
  text-decoration: none;
}
.box ul {
  margin: 5px;
}
.box ul li {
  color: #1b1b1b;
  font-weight: bold;
  overflow: auto;
  display: block;
  text-indent: -10px;
  border-bottom: 1px dotted #dddddd;
  background: none;
}
.box > ul > li {
  text-transform: none;
  font-variant: small-caps;
  padding: 4px 5px 4px 10px;
}
.box > ul ul li {
  text-transform: none;
  font-variant: small-caps;
  padding: 0 2px 0px 10px;
}
.box input {
  height: 14px !important;
  margin: 1px 0 3px 0 !important;
  padding: 2px !important;
  vertical-align: bottom !important;
}
.box input[type="checkbox"] {
  margin-right: 5px !important;
}
.box label {
  padding: 0;
  vertical-align: bottom;
}
.box li.linkHighlight a {
  font-weight: normal;
  padding-left: 0;
  background: none;
}
.menuattached {
  margin-right: 5px;
  background-color: #dddddd !important;
}
.menuattached h2 {
  font-size: 130% !important;
  line-height: 35px !important;
  background-color: #dddddd !important;
}
.mainmenu {
  overflow: auto;
  background-color: transparent;
}
.mainmenu ul {
  display: inline-block;
  text-align: left;
  overflow: auto;
  margin-top: 15px;
  border-left: 1px dotted #dddddd;
}
.mainmenu ul li {
  text-transform: uppercase;
  line-height: 25px;
  padding-left: 15px;
}
.mainmenu p {
  padding-left: 12px;
  padding-bottom: 10px;
}
.mainmenu ul .submenu {
  margin-top: 0;
  background: none !important;
}
.mainmenu ul ul.submenu {
  border-left: none;
}
.mainmenu .submenutitle {
  padding: 20px 0 0 0 !important;
}
/* [ MENU/SUBLEVEL ] */
.submenu {
  vertical-align: top;
}
.submenu p {
  text-align: left;
  margin: 3px 5px 10px 15px;
  padding: 5px 0 5px 10px !important;
  border-left: 1px solid #dddddd;
}
.submenu li {
  display: block !important;
  padding: 0 15px 0 15px;
  border: none !important;
  background: none;
}
.submenutitle {
  color: #000000 !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 !important;
}
.menuareadivision {
  padding-left: 10px !important;
  vertical-align: top;
}
/* [ MENUNAVBAR/SUBLEVEL ] */
.navBarSideBySide ul:not(.submenunavbar) {
  display: inline-block;
}
.subsubmenunavbar {
  margin-left: 20px;
  margin-bottom: 10px;
}
:not(div.listbreadcrumbs) > ul.submenunavbar li {
  display: grid !important;
  /*margin-left: 5px;*/

  border: none !important;
  text-indent: inherit;
}
ul.submenunavbar li.isDisabled {
  font-weight: normal;
}
/* An item with a badge after its label (pushNotificationPosition="right"): the badge goes beside the link, not on a
   grid row of its own, as an inline pill */
:not(div.listbreadcrumbs) > ul.submenunavbar li:has(> .pulse-icon-right) {
  grid-template-columns: minmax(0, max-content) max-content;
  align-items: center;
  column-gap: 6px;
  overflow: visible;
}
:not(div.listbreadcrumbs) > ul.submenunavbar li:has(> .pulse-icon-right) > .menuItemLink {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.submenunavbar li > .menuItemLink + .pulse-icon-right {
  position: static;
  width: auto;
  top: auto;
  right: auto;
  text-indent: 0;
}
ul.submenunavbar li > .pulse-icon-right .pulse-badge,
ul.submenunavbar li > .pulse-icon-right .pulse-nucleus {
  position: static;
  display: inline-block;
  text-indent: 0;
}
/* Smaller than elsewhere: the menu line is short, and the pulse animation grows around the badge */
ul.submenunavbar li > .pulse-icon-right .pulse-nucleus {
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  padding: 0 4px;
  border-radius: 8px;
}
ul.submenunavbar.withParentLink li a {
  background-image: none !important;
}
/* [ MENUNAVBAR/RESPONSIVE ] */
/* Responsive navigation bar: each menu topic (and the ones bound to it) lives in its own .navBarGroup container,
   and the containers are distributed through auto balanced columns. */
.navBarResponsive .navBarResponsiveArea {
  margin: 5px;
  columns: 400px 4;
  column-gap: 25px;
}
.navBarResponsive .navBarGroup {
  /* Keeps a topic and its options together: a group is never split between two columns */

  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  margin-bottom: 15px;
}
.navBarResponsive .navBarGroup > ul {
  display: block;
  margin: 0;
}
/* The group container replaced the UL that was a direct child of the box, so the ".box > ul" rules no longer
   reach these items and have to be restated here with the same theme variables */
.navBarResponsive .navBarGroup > ul > li {
  text-transform: none;
  font-variant: small-caps;
  padding: 4px 5px 4px 10px;
}
.navBarResponsive .navBarGroup > ul ul li {
  text-transform: none;
  font-variant: small-caps;
  padding: 0 2px 0 10px;
}
/* Topics bound to the previous one (bindToPrevious) share the group: they need to breathe */
.navBarResponsive .navBarGroup > ul > li:not(:first-child) {
  margin-top: 15px;
}
/** [ SUBMENU/dropdownbox ] **/
.dropdownbox {
  min-width: 200px;
  padding: 10px 15px !important;
  display: inline-block;
  position: absolute;
  text-align: left;
  z-index: 1000000;
  border: none;
  box-shadow: none;
  background-color: /*#414141*/ #414141;
  border-radius: 0 0 6px 6px;
}
.dropdownbox ul {
  display: inline-block !important;
  vertical-align: top;
}
.dropdownbox li {
  color: #dddddd;
  height: 30px;
  line-height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-image: none !important;
}
/*.dropdownbox li:hover{background-color: @navigationSubMenuBackgroundHoverColor;}*/
.dropdownbox li a {
  color: #ffffff !important;
  font-weight: normal !important;
  padding: 0 8px !important;
  background-color: transparent !important;
}
.dropdownbox li a:hover {
  color: #cccccc !important;
  text-decoration: none !important;
  border-bottom: none;
  /*background-color: transparent;*/

  background-color: transparent !important;
}
.dropdownbox span {
  float: left;
  vertical-align: top;
}
.dropdownbox p {
  color: #dddddd;
  padding-left: 10px;
  line-height: 15px;
}
.fontfirstlevel {
  color: #808080;
  font-weight: bold;
}
.fontsecondlevel {
  color: #000000;
  font-weight: bold;
}
#allservices h4 span.fontfirstlevel {
  font-size: 100%;
  display: block;
}
#allservices h4 span.fontsecondlevel {
  font-size: 120%;
  display: block;
}
/*.menu {font-weight: bold;}
.menu p {font-weight: normal; padding-bottom: 10px;}
.menu ul {overflow: visible;}
.menu li {
  display: block;
  padding: 0 15px;
  line-height: 18px;
  border: none;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 8px;
  background-image: url("@{images}/icon_arrow.png");}*/
.iconmenu {
  margin-top: 15px;
  *margin-top: 0;
  *margin-right: 15px;
  display: inline;
  float: left;
}
/*Menu LARGE Boxes*/
.largeBoxMenuContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 1%;
  justify-content: center;
}
#menuBOX {
  width: 250px;
  vertical-align: top;
  margin: 10px;
  padding: 20px !important;
  position: relative;
  background-color: #fafafa;
  border-radius: 20px 0 20px 0;
}
#menuBOX .centerbuttons {
  margin-left: 90px;
}
#menuBOX .fontfirstlevel {
  font-size: 250%;
  font-weight: normal;
  padding-top: 15px;
  display: block;
  line-height: 24px !important;
  font-variant: small-caps;
}
#menuBOX .fontsecondlevel {
  font-size: 140%;
  padding-right: 10px;
  display: block;
  font-variant: small-caps;
}
#menuBOX .description {
  padding-top: 10px;
  padding-right: 10px;
  overflow: hidden;
}
#menuBOX.logo {
  width: 300px;
  padding-left: 150px !important;
  background-repeat: no-repeat !important;
  background-size: 150px;
  background-position-y: 40px;
}
#menuBOX.customImage {
  width: 450px;
  padding-left: 0;
}
#menuBOX.customImage img {
  width: 120px;
  display: block;
  float: left;
}
#menuBOX.customImage .fontfirstlevel {
  margin-left: 150px !important;
  display: block;
}
#menuBOX.customImage .fontsecondlevel {
  margin-left: 150px !important;
  display: block;
}
#menuBOX.customImage .description {
  margin-left: 150px !important;
  display: block;
}
#menuBOX.customImage div.centerbuttons {
  margin-left: 150px !important;
  display: block;
}
#menuBOX.card {
  width: 400px !important;
}
/*** [MENUSMALLBoxes] ****//*SiGESbo*/
#menuBOXSmall ul li {
  width: 130px;
  height: 130px;
  margin: 3px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 20px 0 20px 0;
  transition: all 0.5s ease;
}
#menuBOXSmall ul li:not(.title):hover {
  box-shadow: 0px 0px 20px #0006;
}
#menuBOXSmall ul li a {
  color: #000000;
  font-weight: bold !important;
}
#menuBOXSmall li.title {
  border: 10px solid transparent;
}
#menuBOXSmall .semcontrato {
  border: 10px solid #fafafa;
}
#menuBOXSmall .fontfirstlevel {
  font-size: 400%;
  font-weight: normal;
  line-height: 20px;
  padding-top: 40px;
  display: block;
}
#menuBOXSmall .fontsecondlevel {
  font-size: 250%;
  display: block;
}
#menuBOXSmall ul li {
  border: 10px solid #fafafa;
}
#menuBOXSmall ul li.active {
  border: 10px solid #fafafa;
  background-color: #dddddd;
}
#menuBOXSmall ul li.inactive {
  border: 10px solid #fafafa;
  background-color: #fafafa;
  font-weight: normal;
  filter: opacity(0.5);
}
#menuBOXSmall ul li.boxmodactive:hover {
  border: 10px solid #fafafa;
  background-color: #ffffff;
}
#menuBOXSmall ul li:not(.title) {
  font-size: 110%;
  font-weight: bold !important;
  text-align: center;
  height: 130px;
}
#menuBOXSmall ul li:not(.title) img {
  padding-bottom: 5px;
  filter: opacity(0.7);
}
#menuBOXSmall ul li:not(.title) div.menuItemContent {
  width: 150px;
  margin: 50%;
  transform: translate(-50%, -50%);
}
.imageMenu ul li:not(.title) {
  font-weight: bold !important;
  text-align: center;
  display: inline-block;
  width: 62px;
  vertical-align: top;
  line-height: 14px;
  padding-bottom: 10px;
}
.imageMenu ul li:not(.title) img {
  padding-bottom: 2px;
}
/* The push notification badge is written inside the item and sits on the top right corner of the image */
.imageMenu ul li:not(.title) {
  position: relative;
}
.imageMenu ul li:not(.title) .pulse-icon,
.imageMenu ul li:not(.title) .pulse-icon-right {
  position: absolute;
  display: block;
  width: 0;
  top: 4px;
  right: 4px;
}
/* Menu CARD Layout styles */
.menu-card-links-container {
  display: flex;
  gap: 5px;
}
.menu-card-links-container .menuItemLink {
  position: relative !important;
}
.menu-card-pill {
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  border-radius: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 5px 15px;
}
.inline-pill {
  display: inline-block;
  background-color: #006ab6;
  color: #ffffff;
  border-radius: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 5px 15px;
}
.inline-yellow-pill {
  display: inline-block;
  background-color: #e1ec73;
  color: #000000;
  border-radius: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 5px 15px;
}
/* [ authentication/Box ] */
div#login {
  width: 500px;
  display: block;
  text-align: center;
  margin: auto;
  padding: 30px 0 50px 0;
  background-color: transparent !important;
}
.toplogout:first-child {
  border-radius: 10px 0 0 10px;
}
div#login h2 {
  padding: 200px 0 30px 0 !important;
  background-repeat: no-repeat !important;
  background-position: 50% 0 !important;
  background-color: transparent !important;
  background-image: url("../img/icon_login.png") !important;
}
div#login input,
.loginForm input {
  font-size: 16px;
  width: 410px;
  height: 50px !important;
}
div#login input[type="text"],
.loginForm input[type="text"] {
  padding-left: 40px !important;
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  background-image: url("../img/icon_user.png") !important;
}
div#login input[type="password"],
.loginForm input[type="password"] {
  padding-left: 40px !important;
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  background-image: url("../img/icon_locked.png") !important;
}
div#login input.loginbutton,
.loginForm input.loginbutton {
  color: #ffffff !important;
  text-transform: none;
  margin-top: 20px !important;
  width: 450px !important;
  height: 40px !important;
  background-color: #1b1b1b !important;
  border-radius: 6px;
}
div#login input.loginbutton:hover,
.loginForm input.loginbutton:hover {
  background-color: #666666 !important;
}
.logoutbutton,
.loginlink {
  color: #ffffff;
  height: 18px !important;
  border: none;
  padding: 2px 5px !important;
  background-color: #1b1b1b;
}
.box input[type="submit"] {
  color: #ffffff !important;
  display: inline !important;
  border: none !important;
  padding: 0 5px !important;
  margin: 0 0 3px 0 !important;
  width: auto !important;
  height: 20px !important;
  text-decoration: underline !important;
  cursor: pointer;
  background-image: none !important;
  background-color: #1b1b1b !important;
}
/*** DIF:boxArea Component ***/
.boxarea {
  margin: 5px 20px 5px 30px;
}
.boxarea a {
  font-size: 14px !important;
}
.boxarea ul li:nth-child(1) {
  float: left;
}
.boxarea ul li:nth-child(2) {
  float: right;
}
/* DIF:boxArea Component *//*APAGAR SE NAO SE ESTRAGAR NADA*/
/**** [homepageLOGINERRO] ****/
div#loginMainContainer {
  width: 500px;
  margin: auto;
}
form#login table.tablelayoutform input {
  width: 400px !important;
}
.perfilAreaBoxPhoto {
  height: auto;
  border: 6px solid #f1f3f5;
  border-radius: 60px;
  margin: 0;
  filter: drop-shadow(0px 1px 1px #cccccc);
}
.perfilAreaBoxPhoto img {
  height: 120px;
  border-radius: 56px;
  max-width: 160px;
}
.perfilAreaFoto {
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center;
}
.perfilAreaBoxPhoto .perfilAreaAvatar {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0;
  font-size: 44px;
  line-height: 120px;
}
#PerfilMiniDisplayInnerStage img {
  border-radius: 30px;
  filter: drop-shadow(0px 1px 1px #cccccc);
  background-color: #666666;
}
.perfilMenuFoto {
  width: 56px;
  height: 56px;
  object-fit: cover;
  object-position: center;
}
#PerfilMiniDisplayInnerStage .perfilMenuAvatar {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0;
  font-size: 20px;
  line-height: 56px;
}
/* DIF:download Component */
.downloadfile {
  padding-top: 10px;
  padding-bottom: 10px;
}
.downloadInline {
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
}
.downloadfile p {
  display: inline !important;
  margin-right: 10px;
}
.downloadfile ul {
  display: inline;
  margin-top: 5px;
}
.downloadfile ul li {
  list-style: none;
  display: inline;
}
.x-btn.mimeButton {
  padding: 0;
}
.mimeButton button {
  height: 30px;
}
.x-btn.mimeButton button .x-btn-icon {
  width: auto;
  display: block;
  float: left;
  position: initial;
  background-color: #000000;
}
.x-btn.mimeButton button .x-btn-icon::before {
  color: #ffffff;
  line-height: 32px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #000000;
}
.x-btn.mimeButton button .x-btn-inner {
  height: auto;
  float: right;
  line-height: 30px;
  padding-left: 5px;
  padding-right: 10px;
}
.mimegridcell {
  padding: 0 0 0 5px;
  line-height: 15px;
}
.mimedefault::before {
  content: ".FILE | ";
  color: #00a0ba;
  font-weight: bold;
}
.mimejrxml::before {
  content: ".FILE | ";
  color: #00a0ba;
  font-weight: bold;
}
.mimeGeneric,
.mimeGeneric::after,
.mimeGeneric::before {
  color: #00a0ba;
  font-weight: bold;
}
.mimeGeneric::before {
  content: ".";
}
.mimepdf::before {
  content: ".PDF | ";
  color: #00a0ba;
  font-weight: bold;
}
.mimedoc::before,
.mimedocx::before {
  content: ".DOC | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimexls::before,
.mimexlsx::before {
  content: ".XLS | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimeppt::before,
.mimepptx::before {
  content: ".PPT | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimecsv::before {
  content: ".CSV | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimehtml::before {
  content: ".HTML | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimeexe::before {
  content: ".EXE | ";
  font-weight: bold;
  color: #00a0ba;
}
/** [ DOWNLOAD JPG/PNG/GIF/BMP/TIFF/PSD ] **/
.mimeimage::before,
.mimepng::before,
.mimegif::before,
.mimejpg::before,
.mimejpeg::before,
.mimesvg::before,
.mimebmp::before {
  content: ".IMG | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimeavi::before {
  content: ".AVI | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimewav::before {
  content: ".WAV | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimezip::before {
  content: ".ZIP | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimexml::before {
  content: ".XML | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimelog::before {
  content: ".LOG | ";
  font-weight: bold;
  color: #00a0ba;
}
.mimecss::before {
  content: ".CSS | ";
  font-weight: bold;
  color: #00a0ba;
}
.x-btn-icon.mimedefault::before,
.x-btn-icon.mimejrxml::before {
  content: ".FILE";
}
.x-btn-icon.mimepdf::before {
  content: ".PDF";
}
.x-btn-icon.mimedoc::before,
.x-btn-icon.mimedocx::before {
  content: ".DOC";
}
.x-btn-icon.mimexls::before,
.x-btn-icon.mimexlsx::before {
  content: ".XLS";
}
.x-btn-icon.mimeppt::before,
.x-btn-icon.mimepptx::before {
  content: ".PPT";
}
.x-btn-icon.mimecsv::before {
  content: ".CSV";
}
.x-btn-icon.mimehtml::before {
  content: ".HTML";
}
.x-btn-icon.mimeexe::before {
  content: ".EXE";
}
.x-btn-icon.mimeimage::before,
.x-btn-icon.mimepng::before,
.x-btn-icon.mimegif::before,
.x-btn-icon.mimejpg::before,
.x-btn-icon.mimejpeg::before,
.x-btn-icon.mimesvg::before,
.x-btn-icon.mimebmp::before {
  content: ".IMG";
}
.x-btn-icon.mimeavi::before {
  content: ".AVI";
}
.x-btn-icon.mimewav::before {
  content: ".WAV";
}
.x-btn-icon.mimezip::before {
  content: ".ZIP";
}
.x-btn-icon.mimexml::before {
  content: ".XML";
}
.x-btn-icon.mimecss::before {
  content: ".CSS";
}
.small-ext-file-btn-table .x-form-file-btn.x-btn-default-small {
  padding: 3px 5px 3px 5px;
}
/*** DIF:summary Component
     ----------------------- ***/
#infodetails,
.detailsArea,
.qq-gallery.qq-uploader {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #f1f3f5;
  background-color: #fafafa;
}
#infodetails {
  display: flex;
  padding: 0;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #ffffff;
}
#infodetails p {
  color: #000000;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 130%;
  height: 100%;
  padding-right: 5px !important;
  position: relative;
}
#infodetails ul li {
  list-style: none;
  display: inline-block;
  margin: 1px 5px;
}
/* A summary item is its title and, beside it, its value (.summaryItemValue): a value longer than the line wraps inside
 * its own column, never under the title. The items stay side by side in the line, as inline boxes */
#infodetailsinfo > ul > li:not(.separation) {
  display: inline-flex;
  align-items: flex-start;
  max-width: 100%;
  vertical-align: middle;
}
#infodetailsinfo > ul > li:not(.separation) > .mainlabel {
  flex: 0 0 auto;
  white-space: nowrap;
}
#infodetailsinfo .summaryItemValue {
  flex: 0 1 auto;
  min-width: 0;
}
#infodetailsinfo ul li a {
  margin-left: 5px;
  padding-left: 10px;
  font-variant: small-caps;
}
#infodetailsinfo ul li a.imageButton {
  padding-left: 0;
}
#infodetailsinfo ul li a.imageButton img {
  vertical-align: -1px;
  height: 12px;
  background-size: auto 11px;
}
#infodetailsinfo ul li a:not([class]) {
  padding-left: 8px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 5px;
  background-image: url("../img/icon_arrow.png");
}
#infodetailsinfo {
  font-size: 120%;
}
#infodetailsinfo .mainlabel {
  font-size: 90% !important;
  padding-right: 10px;
  font-variant: small-caps;
}
#infodetails .infodetailsSideContentArea .mainlabel {
  font-weight: bold;
}
#infodetailsinfo .separation {
  border: 3px solid #999999;
  border-radius: 10px;
  height: 0px;
  width: 0px;
  vertical-align: middle;
}
#infodetailsicon {
  vertical-align: top;
  width: auto;
  padding: 10px 5px 0 10px;
  margin-right: 5px;
  border-right: 1px solid #e2e6ea;
  background-color: #fafafa;
}
#infodetailsinfo {
  vertical-align: middle;
  width: 100%;
  padding: 10px;
}
#infodetails .infodetailsSideContentArea {
  padding: 7px;
  background-color: #f1f3f5;
  width: 40%;
}
#infodetails .infodetailsSideContentArea #infodetailsinfo {
  width: initial;
}
#infodetails .infodetailsSideContentArea .rightAlignBoxContainer .rightAlignBox {
  background-color: initial;
  width: 40%;
}
#infodetails .downloadfile ul {
  display: block;
  margin-top: 0 !important;
}
.infodetailsIcon {
  padding: 0 0 0 30px;
  background-size: auto 30px;
  height: 30px;
}
#infodetailsinfo ul li div.actions {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
#infodetailsinfo ul li div.actions ul li {
  text-indent: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#infodetailsinfo ul li div.actions ul li a {
  font-size: 115%;
}
#infodetails > #infodetailsicon > p:before {
  content: "";
  top: 10px;
  left: 0;
  right: -5px;
  bottom: 0;
  height: 100%;
  position: absolute;
  filter: grayscale();
  opacity: 0.02;
  background-repeat: no-repeat;
  background-position: right -10px bottom;
  background-size: clamp(90%, 90%, 200px) auto;
}
#infodetailsicon p {
  min-width: 60px;
}
#infodetails p.difservicedefault:before {
  background-image: url("../img/icon_note.png");
}
#infodetails .task:before {
  background-image: url("../img/icon_task.png");
}
#infodetails .workflow:before {
  background-image: url("../img/icon_workflow7.png");
}
#infodetails .inqueritos:before {
  background-image: url("../img/icon_inqueritos.png");
}
#infodetails .candidatura:before {
  background-image: url("../img/icon_candidatura.png");
}
#infodetails .sas:before {
  background-image: url("../img/icon_sas.png");
}
#infodetails .fuc:before {
  background-image: url("../img/icon_fucdetail.png");
}
#infodetails .ruc:before {
  background-image: url("../img/icon_rucdetail.png");
}
#infodetails .rac:before {
  background-image: url("../img/icon_racdetail.png");
}
#infodetails .rtc:before {
  background-image: url("../img/icon_rtcdetail.png");
}
#infodetails .documentos:before {
  background-image: url("../img/icon_documentos.png");
}
#infodetails .smdnet:before {
  background-image: url("../img/icon_smdnet.png");
}
#infodetails .lndnet:before {
  background-image: url("../img/icon_lndnet.png");
}
#infodetails .unidadecurricular:before {
  background-image: url("../img/icon_ucdetail.png");
}
#infodetails .regentedocente:before {
  padding: 0 0 0 24px;
  background-image: url("../img/icon_users.png");
}
#infodetails .avaliacao:before {
  background-image: url("../img/icon_avaliacaodetail.png");
}
#infodetails .netqainfo:before {
  background-image: url("../img/icon_netqainfo.png");
}
#infodetails .degree:before {
  background-image: url("../img/icon_degree.png");
}
#infodetails .siges:before {
  background-image: url("../img/icon_siges.png");
}
#infodetails .gereventos:before {
  background-image: url("../img/icon_gereventos.png");
}
.infoDetailsItemInnerBlock {
  display: inline-flex;
  column-gap: 6px;
  font-weight: normal;
  text-transform: none !important;
  font-size: 12px;
  line-height: 14px;
  vertical-align: top;
}
.infoDetailsItemInnerBlock a {
  background: none !important;
}
.infoDetailsItemInnerBlock {
  padding-left: 5px !important;
  margin-left: 5px !important;
  border-left: 1px solid #dddd;
  vertical-align: top;
}
.infoDetailsItemInnerBlock a {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border: none;
}
.infoDetailsItemInnerBlock img {
  padding-right: 5px;
  vertical-align: middle;
  height: 12px;
  background-size: 12px;
}
@media screen and (max-width: 1024px) {
  #infodetails {
    display: block;
  }
  #infodetailsicon {
    display: none;
  }
  #infodetailsinfo {
    display: inline-block;
    width: initial;
    margin: 5px;
  }
  #infodetailsinfo {
    display: inline-block;
    width: initial;
    margin: 10px;
  }
  #infodetails .infodetailsSideContentArea {
    display: block;
    width: initial;
    background-color: initial;
    padding: initial;
  }
  #infodetails .infodetailsSideContentArea .messageBoardContainer {
    display: none;
  }
}
.textHighlightNoUpper {
  font-weight: bold;
}
.textHighlight {
  text-transform: uppercase;
  font-weight: bold;
}
.textHighlightFirstLetter {
  text-transform: uppercase;
  font-weight: bold;
}
/** [ DOWNLOADFILE_ACTIONS_ACTIONSBUTTONS_INFODETAILS/SEPARATIONBAR ] **/
.separation {
  margin-left: 10px !important;
  margin-right: 5px;
  border-left: 1px solid #999999;
}
/** Force style for abbreviation to solve ie problem **/
abbr[title] {
  text-decoration: none;
}
/*** [ ERROR/WARNING/INFO/OK/TIP - PAGES ]  ***/
.warningpages h4 {
  color: #b94a48;
  text-align: center;
  padding: 10px 0 0 0 !important;
}
.warningpages p {
  text-align: center;
  margin: 20px 0 0 0 !important;
}
.warningpages img {
  width: 90px;
  margin: auto;
}
.warningpages .actions {
  margin: auto;
}
.warningpages .actions ul li {
  margin-left: 0;
}
/*.warningpages .error {background-repeat: no-repeat;background-position: 50% 0;background-size: 25px;background-image: url("@{images}/icon_warn_error.png");}*/
/** [ Collapsible Areas/openclose ] **/
.openleftarea,
.openrightarea,
.closeleftarea,
.closerightarea {
  text-transform: none;
  background-color: #f2f2f2;
}
.openrightarea a,
.closerightarea a,
.openleftarea a,
.closeleftarea a {
  color: #1b1b1b;
}
.openrightarea a:hover,
.closerightarea a:hover,
.openleftarea a:hover,
.closeleftarea a:hover {
  color: #1b1b1b;
}
.openleftarea,
.openrightarea {
  height: 100px;
  width: 22px;
  padding-top: 25px;
  background-position: 50% 5%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_menu.png");
}
.openleftarea {
  border-radius: 0 6px 6px 0;
  float: left;
}
.openrightarea {
  border-radius: 0 6px 6px 0;
  float: right;
}
.openleftarea div,
.openrightarea div {
  writing-mode: tb-rl;
  font-variant: small-caps;
}
.closeleftarea {
  text-align: left;
  padding-left: 25px;
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_menu.png");
  border-radius: 0 6px 6px 0;
  font-variant: small-caps;
  margin-bottom: 5px;
}
.closerightarea {
  text-align: right;
  padding-right: 25px;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icon_menu.png");
  border-radius: 6px 0 0 6px;
  font-variant: small-caps;
  margin-bottom: 5px;
}
/* DIF:infoAlunoPopup Component *//*APAGAR DEPOIS*/
/*.transparent90 {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  filter: alpha(opacity=90);  -moz-opacity: 0.8;  -khtml-opacity: 0.9;  opacity: 0.9;}
.transparent50 {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}
.transparent0, notransparency {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1);  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;}*/
/* Ext:windowIcon Component */
.ext-mb-icon {
  float: left;
  width: 50px;
  height: 35px;
}
.backgnotes {
  clear: both;
}
.imagePreview {
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  max-height: 100px;
  width: auto;
  border: 1px solid #d3d9e0;
  border-radius: 4px;
  background-color: #fafafa;
  float: left;
}
.deleteUploadFile {
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0 15px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 12px;
  background-image: url("../img/icon_x.png");
}
.deleteRedLink {
  color: #df0f0b;
}
div.fileUploadInfo {
  display: inline-block;
  padding-left: 5px;
}
div.fileUploadInfo .downloadInline {
  display: inline;
  padding: 0;
}
div.fileUploadInfo .downloadfile ul {
  margin: 0;
}
div.fileList {
  margin-top: 5px;
  padding-left: 10px;
  margin-bottom: 5px;
}
div.fileList p {
  padding-left: 15px;
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_minus.png");
  line-height: 1.2em;
}
div.fileList p desc {
  color: #dddddd;
}
div.fileListImagesPreview,
div.fileList {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dddddd;
}
div.fileListImagesPreview img {
  min-width: 25px;
  background: #fafafa;
  width: auto;
  height: 50px;
  display: inline-block;
  border-radius: 10px;
  margin: 2px;
}
div.fileListImagesPreview a.previewContainer {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(250, 250, 250, 0.9);
  z-index: 1000;
}
div.fileListImagesPreview img.preview {
  cursor: pointer;
  height: calc(var(--dif-vh, 1vh) * 50);
  width: auto;
  padding: 15px 15px 40px 15px;
  background: white;
  border: 2px solid #eee;
  box-shadow: #999999 0 0 10px;
}
div.fileListImagesPreview a.previewContainer:after {
  content: "Selecione a imagem para fechar";
  font-size: 14px;
  color: #1b1b1b;
  margin-top: -35px;
}
div.fileListImagesPreview a.fileListPreviewItem {
  display: inline-block;
  border-radius: 10px;
  cursor: zoom-in;
}
div.fileListImagesPreview a.fileListPreviewItem:focus-visible {
  outline: 2px solid #1b1b1b;
  outline-offset: 1px;
}
div.fileListImagesPreview span.fileListLightboxFile {
  display: none;
}
.difLightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147482000;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 64px;
  grid-template-rows: 56px minmax(0, 1fr) auto;
  grid-template-areas: "counter counter close" "previous stage next" "thumbs thumbs thumbs";
  background: rgba(0, 0, 0, 0.88);
  font-family: montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
  outline: none;
  animation: difLightboxFadeIn 0.15s ease-out;
}
@keyframes difLightboxFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.difLightbox button {
  font-family: montserrat, Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.difLightbox svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.difLightboxCounter {
  grid-area: counter;
  align-self: center;
  padding-left: 20px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.difLightboxClose,
.difLightboxNav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  transition: background-color 0.15s;
}
.difLightboxClose:hover,
.difLightboxNav:hover {
  background: rgba(255, 255, 255, 0.25);
}
.difLightboxClose:focus-visible,
.difLightboxNav:focus-visible,
.difLightboxThumb:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
.difLightboxClose {
  grid-area: close;
  justify-self: center;
  align-self: center;
}
.difLightboxNav {
  align-self: center;
  justify-self: center;
}
.difLightboxPrevious {
  grid-area: previous;
}
.difLightboxNext {
  grid-area: next;
}
.difLightboxHidden {
  visibility: hidden;
}
.difLightboxStage {
  grid-area: stage;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  padding: 8px 0;
}
.difLightboxImage {
  display: block;
  max-width: 100%;
  max-height: calc(100% - 32px);
  object-fit: contain;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.difLightboxCaption {
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
}
.difLightboxThumbs {
  grid-area: thumbs;
  display: flex;
  gap: 10px;
  justify-content: center;
  overflow-x: auto;
  padding: 12px 20px 18px 20px;
  background: rgba(0, 0, 0, 0.35);
}
.difLightboxThumb {
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0.6;
  transition: opacity 0.15s, box-shadow 0.15s;
}
.difLightboxThumb:hover {
  opacity: 1;
}
.difLightboxThumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.difLightboxThumbActive {
  opacity: 1;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #ffffff;
}
.difLightboxFileCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 120px;
  padding: 6px 8px;
  color: #ffffff;
  opacity: 0.85;
}
.difLightboxFileIcon svg {
  width: 26px;
  height: 26px;
}
.difLightboxFileName {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
}
@media (max-width: 600px) {
  .difLightbox {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
  }
  .difLightboxThumbs {
    justify-content: flex-start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .difLightbox {
    animation: none;
  }
  .difLightboxThumb,
  .difLightboxClose,
  .difLightboxNav {
    transition: none;
  }
}
input[type="file"] {
  border: 1px solid #cbd5e1 !important;
  height: 30px !important;
  margin-bottom: 0 !important;
}
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
  height: 30px;
  border-left: none !important;
  border-top: none !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: none !important;
  background-color: #e6edf4;
}
.x-grid-cell-inner input[type="file"] {
  padding: 2px 5px;
  width: 100px !important;
}
.x-grid-cell-inner input[type="file"]::file-selector-button,
.x-grid-cell-inner input[type="file"]::-webkit-file-upload-button {
  display: none;
}
.fileUploadForm input[type="file"].gridButton {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0 !important;
}
.fileUploadForm input[type="submit"].gridButton {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0 !important;
  margin-left: -3px !important;
}
input.gridButton[type="submit"] {
  color: #ffffff;
  font-size: 11px;
  height: 18px !important;
  line-height: 13px;
  border: none !important;
  padding: 1px 4px;
  background-color: #1b1b1b;
}
input.gridButton[type="file"] {
  font-size: 10px !important;
  height: 19px !important;
  max-width: 175px;
}
input.gridButton[type="file"]::file-selector-button {
  height: 17px;
}
input[type="color"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  height: 25px;
  padding: 0;
  cursor: pointer;
}
::-webkit-color-swatch-wrapper {
  padding: 2px 2px 0 2px;
}
::-webkit-color-swatch {
  border: 0;
  border-radius: 0;
}
::-moz-color-swatch,
::-moz-focus-inner {
  border: 0;
}
input[type="color"] + span.inputSuffix {
  min-width: 65px;
  max-width: 65px;
  overflow: hidden;
  text-align: right;
}
/***** [ style applied to the input radio, for star effect ] *******/
.rating {
  overflow: hidden;
  display: inline-block;
}
.rating-input {
  position: absolute;
  left: 0;
  display: none;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
  background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/star-enable-disable.png") 0 -16px;
}
.ratingNumbers {
  display: inline-block;
  padding: 5px;
  margin: 1px 10px;
  vertical-align: bottom;
}
.ratingNumbers p.ratingHint {
  font-size: 10px !important;
  font-variant: normal !important;
  color: #999999 !important;
}
.ratingNumbers span {
  display: inline-block;
  padding: 3px 0;
  margin: 0 1px 0 0;
  width: 30px;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  opacity: 0.2;
}
.ratingNumbers span:first-child {
  border-radius: 6px 0 0 6px;
}
.ratingNumbers span:last-child {
  border-radius: 0 6px 6px 0;
}
.ratingNumbers span.on {
  opacity: 1;
}
/*** Login separator | popupLogin ***/
.login-separator {
  text-align: center;
  height: 1px;
  margin: 1.4em 0;
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #ffffff), color-stop(0.1, #dddddd), color-stop(0.9, #dddddd), color-stop(1, #ffffff));
  background-image: -moz-linear-gradient(left center, #ffffff 0%, #dddddd 10%, #dddddd 90%, #ffffff 100%);
}
.login-separator span {
  position: relative;
  top: -6px;
  padding: 0 12px;
  background: #ffffff;
}
/*** Alertify separator ***/
.ajs-button {
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  background-color: #1b1b1b !important;
}
.ajs-button:hover {
  color: #ffffff !important;
  background-color: #666666 !important;
}
.ajs-button:active {
  border: 1px solid #dddddd !important;
}
button.ajs-button::-moz-focus-inner {
  border: 0;
}
.alertify button:focus {
  outline: none;
}
.alertify .ajs-footer {
  padding: 10px;
  border-radius: 0 0 10px 10px;
}
.alertify-notifier a {
  color: #004993;
  font-weight: bold;
  text-decoration: underline;
}
.alertify-notifier a:hover {
  color: #616161;
}
.alertify-notifier .ajs-message {
  text-shadow: none !important;
}
.alertify .x-message-box-error,
.alertify .x-message-box-warning,
.alertify .x-message-box-info,
.alertify .x-message-box-question {
  min-height: 40px;
  padding-left: 63px !important;
  padding-top: 8px !important;
  background-repeat: no-repeat;
  background-size: 48px;
}
.cookieConsentInner {
  width: 400px !important;
}
.cookieConsent.ajs-visible {
  width: 400px !important;
  right: 430px !important;
}
.cookieConsent {
  background-color: #21a6a6 !important;
  right: -430px !important;
}
.errorLargeIcon,
.warningLargeIcon,
.infoLargeIcon,
.questionLargeIcon,
.positiveLargeIcon,
.pendingLargeIcon {
  height: 48px;
  width: auto;
  background-repeat: no-repeat;
  background-size: 48px;
}
.dialogArea > .errorLargeIcon,
.dialogArea > .warningLargeIcon,
.dialogArea > .infoLargeIcon,
.dialogArea > .questionLargeIcon,
.dialogArea > .positiveLargeIcon,
.dialogArea > .pendingLargeIcon {
  width: 48px;
  margin-right: 10px;
  float: left;
}
.positiveLargeIcon {
  background-image: url("../img/icon_warn_ok.png");
}
.pendingLargeIcon {
  background-image: url("../img/icon_warn_pending.png");
}
.alertify .x-message-box-error,
.errorLargeIcon {
  background-image: url("../img/icon_warn_error.png");
}
.alertify .x-message-box-warning,
.warningLargeIcon {
  background-image: url("../img/icon_warn_warning.png");
}
.alertify .x-message-box-info,
.infoLargeIcon {
  background-image: url("../img/icon_warn_info.png");
}
.alertify .x-message-box-question,
.questionLargeIcon {
  background-image: url("../img/icon_warn_question.png");
}
.alertify .ajs-modal {
  z-index: 99999999;
}
.alertify .ajs-dialog {
  max-width: 650px;
  word-break: break-word;
  box-shadow: #999999 0 0 4px;
  border-radius: 10px;
  margin: 5% auto;
}
.alertify .ajs-header {
  font-size: 146%;
  text-transform: uppercase;
  border-radius: 10px 10px 0 0;
}
.alertify ul {
  padding-left: 20px;
}
.alertify li {
  list-style: square;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  color: #ffffff !important;
  background-color: #1b1b1b;
  border-radius: 6px !important;
  text-transform: none;
  padding-left: 10px;
  padding-right: 10px;
}
.alertify .ajs-commands button.ajs-close {
  height: 30px;
  background-size: 15px;
  background-image: url("../img/icon_x.png") !important;
}
.alertify .ajs-dimmer,
.alertify .ajs-dialog,
.alertify .ajs-modal,
.alertify .ajs-pulse {
  animation: none;
  transition: none;
  transform: none;
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog,
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dimmer {
  animation: none !important;
  transition: none !important;
  display: none;
}
.divtwocolumn {
  -moz-column-count: 2;
  -moz-column-gap: 50%;
  -webkit-column-count: 2;
  -webkit-column-gap: 50%;
  column-count: 2;
  column-gap: 50%;
}
/**** [EXT SMALLBUTTONS]****/
.smallbuttons {
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  transition: none !important;
  text-align: center;
  padding: 4px 4px 4px 25px !important;
  margin-right: 5px;
  background-size: 12px auto;
  background-position: 7px 50%;
}
.smallbuttons.questionIcon {
  background-size: auto 16px;
}
a.smallbuttons {
  color: #1b1b1b !important;
}
.smallbuttons:hover {
  transition: background-color 0.4s ease-in-out;
  background-color: #f1f3f5 !important;
}
.optionsEditorAlwaysVisible,
.optionsEditorAlwaysVisibleAllowDelete {
  border: 1px solid #dddddd !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-image: url("../img/trigger1.gif");
}
.optionsEditorAlwaysVisibleAllowDelete {
  background-position-x: calc(100% - 25px) !important;
}
.optionsEditorAlwaysVisibleAllowDelete .clearIcon {
  height: 14px;
}
/**** [popupLoadingPages+Data]****/
.x-mask-msg {
  padding: 20px 40px 20px 25px;
  border-radius: 5px;
  box-shadow: #999999 0 0 4px;
  background: #ffffff;
}
.x-mask-msg div {
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: none;
  padding: 5px 0 5px 45px;
  background-image: url("../img/loadingCircles2.gif");
  background-size: 30px auto;
  background-color: #ffffff;
}
/**** [popupHelp CMEnet]****/
.polaroid600 {
  width: 600px;
  margin: 15px 10px 15px 10px;
  display: inline-block;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 3px 3px 3px #999999;
  -moz-box-shadow: 3px 3px 3px #999999;
  box-shadow: 3px 3px 3px #999999;
}
.polaroid600 img {
  width: 600px;
  border-top: 20px solid #ffffff;
  border-right: 20px solid #ffffff;
  border-bottom: 35px solid #ffffff;
  border-left: 20px solid #ffffff;
}
.polaroid600 p {
  font-size: 14px;
  font-family: inherit;
  width: 600px;
  text-align: center;
  padding-bottom: 15px;
  border: 1px solid #ffffff;
}
/**** [popupCreateAreas - FUCnet+RUCnet]****/
.freeMarkerArea .CodeMirror-scroll {
  margin-right: 0 !important;
}
.reportAreaType {
  padding: 0 10px 10px 10px;
}
.reportAreaType .x-panel-body,
.reportAreaType .x-toolbar {
  background-color: #ffffff !important;
}
.reportAreaType img {
  width: 250px;
  padding: 10px 0 10px 0;
}
/**** [areaREPORT - RUCnet]****/
/*.reportEditorLayout h3{margin-bottom: 10px !important;}*/
.reportEditorLayout h4 {
  font-size: 180% !important;
  border-bottom: 2px solid #999999;
  padding-top: 30px !important;
  margin-bottom: 5px !important;
}
.loadingReport {
  padding: 10px 0;
  position: fixed;
  display: block;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
  z-index: 9999;
  font-variant: small-caps;
  transition: all 0.2s ease;
}
.inaccessibleLoadingElement::after {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: wait;
  background-color: white;
  opacity: 0.4;
  content: "";
}
.reportEditorLayout h4 span.areanumber {
  color: #999999;
  font-size: 140% !important;
  padding-right: 10px;
}
/*.reportEditorLayout h5{color: #000; line-height: 30px; background-color: @basicGreyMediumColor;}*/
.reportEditorLayout h5 span.areanumber {
  color: #a6a6a6;
  font-size: 120% !important;
  padding-right: 10px;
  /*line-height: 30px;
    background: @basicGreyMediumColor;*/

}
.reportEditorLayout .linkbutton li:hover {
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.reportEditorLayout .linkbutton ul {
  float: right;
}
.reportEditorLayout .linkbutton ul li {
  display: inline-block;
  padding: 8px 8px 8px 25px !important;
  margin: 0 0 5px 5px;
  font-size: 12px !important;
  font-weight: normal !important;
  text-transform: none !important;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  border: 1px solid #dddddd;
  border-radius: 5px !important;
  background: #ffffff;
  background-position: 5px center;
  background-size: auto 16px;
  background-repeat: no-repeat;
  transition: all 0.5s;
  transition-property: background, color;
  height: 34px;
  width: auto !important;
}
.reportEditorLayout .linkbutton ul li:hover {
  background-color: #f1f3f5 !important;
}
.reportEditorLayout .linkbutton ul li a {
  color: #1b1b1b;
}
.reportEditorLayoutTableBorder {
  white-space: normal;
}
.reportEditorLayoutTableBorder table {
  width: 100%;
  white-space: normal;
}
.reportEditorLayoutTableBorder table td,
.reportEditorareasTableBorder table th {
  border-bottom: 1px solid #dddddd;
}
.reportEditorLayout .x-grid-row-selected .x-grid-cell,
.x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
}
.reportEditorLayout .x-grid-row-over .x-grid-cell,
.x-grid-row-over .x-grid-rowwrap-div {
  border-color: #ffffff;
  background-color: #ffffff;
}
.divContentArea {
  font-size: 120%;
}
.divContentArea td,
.divContentArea th {
  line-height: 30px;
}
.divContentArea li {
  list-style-type: square !important;
  margin-left: 40px;
  line-height: 25px;
  display: list-item;
}
.divContentArea .reportlabel {
  display: block;
  line-height: 30px;
  padding-left: 5px;
  background: #dddddd;
}
.detaillist {
  margin-top: 10px;
  margin-bottom: 10px;
}
.detaillist td {
  padding-right: 15px;
}
.detaillist dl {
  margin-top: 10px;
  margin-bottom: 15px;
}
.detaillist dt,
.detailslistLabel {
  color: #999999 !important;
  font-size: 120% !important;
  font-weight: bold;
}
fieldset.advancedFilters,
.advancedFilters > .dif-accordion,
.advancedFilters > .resp-fs-column > .dif-accordion {
  margin-top: 15px !important;
}
fieldset.advancedFilters legend {
  font-size: 120% !important;
  padding: 0 10px 0 0 !important;
}
fieldset.advancedFilters legend div.x-tool {
  padding: 0 20px 0 0 !important;
}
.fieldLayoutComponent {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  display: inline-block;
}
.detailsArea .fieldLayoutComponent {
  margin: 0;
}
.fieldLayoutComponent .tablelayoutform {
  padding: 0;
  margin: 0 !important;
}
/* Consentimentos */
.userConsentReviewContainer img {
  background-position-y: 15px;
  width: 50px;
  height: 70px;
}
.userConsentReview {
  display: grid;
}
div.userConsentReview strong {
  font-weight: bold;
}
.only-so-big {
  max-height: 100px;
  overflow: hidden;
  -webkit-transition: max-height 0.75s;
  transition: max-height 0.75s;
  padding: 10px;
  background: #fafafa;
}
.read-more {
  border: none;
  cursor: pointer;
  outline: none;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-weight: bold;
  padding-right: 110px;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: 15px;
  background-image: url("../img/icon_arrowdown.png");
}
.read-more:hover {
  text-decoration: underline;
}
.read-more:focus {
  outline: none;
}
.read-more::-moz-focus-inner {
  border: 0;
}
.hid {
  display: none;
}
.animationDuration500ms {
  animation-duration: 0.5s !important;
  -webkit-animation-duration: 0.5s !important;
}
.animationDuration200ms {
  animation-duration: 0.2s !important;
  -webkit-animation-duration: 0.2s !important;
}
.warnArea {
  display: inline-table;
  padding: 15px;
  background-color: #fafafa;
}
/* FIM: Consentimentos */
div#helpDialog .content ul li {
  list-style: square !important;
  margin-left: 20px;
}
.qq-uploader {
  margin-bottom: 10px;
}
.qq-gallery.qq-uploader {
  overflow: auto;
  padding: 0px;
}
.qq-gallery .qq-upload-button {
  width: initial;
  padding: 2px 10px;
  position: absolute !important;
  right: 4px;
  top: 4px;
  border-radius: 5px;
  z-index: 1000;
  opacity: 0.7;
}
.qq-gallery .qq-upload-list {
  max-height: none;
  overflow: hidden;
  margin: 10px 0 10px 0;
}
.qq-gallery .qq-upload-list li {
  margin: 0 10px;
  max-width: 80px;
  height: initial;
  opacity: 0.8;
}
.qq-gallery .qq-upload-list li.qq-upload-success {
  background-color: initial;
  opacity: 1;
}
.qq-gallery .qq-thumbnail-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 10px;
}
:root * > .qq-gallery .qq-thumbnail-selector {
  top: initial;
  width: 100%;
  height: auto;
  transform: none;
}
.qq-gallery .qq-file-info {
  padding: 0;
  margin-top: 3px;
}
.qq-gallery .qq-upload-file {
  overflow: hidden;
  font-size: 10px;
  margin: 0;
}
.qq-gallery .qq-upload-size {
  margin: 0;
  font-size: 10px;
}
.qq-gallery .qq-delete-icon {
  background-image: url("../img/icon_x.png") !important;
  background-size: 12px;
  background-repeat: no-repeat;
}
.qq-gallery.qq-uploader:before {
  font-size: 130%;
  opacity: 0.4;
}
.titleTopPaddingZero .difPageTitle {
  padding-top: 0;
}
/**** [SITUACAO CURRICULAR ALUNO] ****/
.titleBorder,
.titleBorderWithDescription {
  border-bottom: 1px dotted #dddddd !important;
}
.titleBorder {
  margin-bottom: 10px;
}
.titleDescription {
  margin-top: 5px;
  margin-bottom: 10px;
}
/*Eliminar ap?s subsituir pelo componente subTitle*/
h3.separators {
  margin-top: 20px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #808080 !important;
}
/* Top menu with horiontal scroll on overflow */
.topmenuNav {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.topmenuNav::-webkit-scrollbar {
  display: none;
}
.topMenuNav::-webkit-scrollbar {
  display: none;
}
.topmenuWrapper {
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
}
@-moz-document url-prefix() {
  .topmenuNav {
    overflow: hidden !important;
  }
}
.topmenuContainer {
  float: left;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.pn-ProductNav_Contents-no-transition {
  transition: none;
}
.pn-Advancer {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity .3s;
}
.pn-Advancer:focus {
  outline: 0;
}
.pn-Advancer:hover {
  cursor: pointer;
}
.pn-Advancer_Left {
  left: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Left,
[data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1;
}
.pn-Advancer_Right {
  right: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Right,
[data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1;
}
.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: #bbb;
}
div.comboWithEdit table.withEdit {
  display: inline-block;
}
/* <dif:comboField allowDelete="true">: the clear icon stays on the combo line, centred on the input. The Ext combo
   table is taller than its input (34px for a 24px input at its top), so centring on the table would put the icon
   5px low: both align to the top, and the icon moves down half of the difference to the input, (24 - 18) / 2 */
div.comboWithClear > table.x-field {
  display: inline-block;
  vertical-align: top;
}
div.comboWithClear > img.clearIcon {
  margin-top: 3px;
  vertical-align: top;
}
div.comboWithEdit a,
.smallbuttonWithInput,
.smallbuttonWithInputNoImage {
  margin-left: 5px;
  margin-right: 0;
  padding: 3px 8px 3px 30px !important;
  line-height: 20px;
  display: inline-block;
}
.x-boundlist {
  border-radius: 0 0 6px 6px;
  border-color: #e2e8f0;
  line-height: 20px;
  box-sizing: border-box;
}
.x-boundlist .x-boundlist-list-ct {
  padding: 0;
}
.x-boundlist-item {
  border: none;
  padding: 0 5px;
}
.x-boundlist-selected {
  background-color: #f1f3f5;
}
.x-boundlist-item-over {
  background-color: #fafafa;
}
.x-pickerfield-open input {
  border-bottom-left-radius: 0 !important;
}
.x-pickerfield-open .x-form-trigger {
  border-bottom-right-radius: 0 !important;
}
.x-window div.comboWithEdit a,
.x-window .smallbuttonWithInput,
.x-window .smallbuttonWithInputNoImage,
.x-panel div.comboWithEdit a,
.x-panel .smallbuttonWithInput,
.x-panel .smallbuttonWithInputNoImage {
  height: 24px;
}
.smallbuttonWithInput,
.smallbuttonWithInputNoImage {
  display: inline;
  background-size: 12px;
  padding: 4px 8px 3px 25px !important;
}
.smallbuttonWithInputNoImage {
  padding: 3px 8px 3px 8px !important;
}
/**** [tabelasEXT sem info] ****/
div.noGridData {
  background-image: url("../img/icon_empty.png");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position-x: center;
  text-align: center;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  min-height: 80px;
  font-size: 14px;
  padding: 45px 0 0 0;
}
.accessGrid div.noGridData {
  background-size: 100px;
  padding-top: 140px;
  background-image: url("../img/icon_locked.png");
}
.noHeaderGrid div.noGridData {
  margin-top: 0;
}
/**** [pesquisaHomepage netp@] ****/
input.liveFilter {
  font-weight: normal;
  width: calc(100% - 45px);
  padding: 3px !important;
  padding-left: 35px !important;
  cursor: pointer;
  background-image: url("../img/icon_search.png");
  background-size: auto 16px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
}
input.liveFilter:focus {
  background-color: #ffffff;
}
.liveFilter-disabled {
  display: none !important;
}
.menuItemLink.liveFilter-disabled + br {
  display: none;
}
.liveFilter-hidden {
  display: none;
}
.sidebar {
  will-change: min-height;
}
.sidebar__inner {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
.sidebar__inner ul.formSideIndex li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 2px;
}
h4.formSideIndex {
  margin: 20px 0 5px 0 !important;
  padding: 0 !important;
  border-bottom: 1px dotted #dddddd !important;
}
.sidebarFormButtons.withIndex .actions {
  margin-top: 10px;
}
.sidebarFormButtons.withIndex .actions ul {
  margin: 0;
}
.sidebarFormButtons.withIndex .actions ul li {
  display: block;
  padding-bottom: 3px;
}
.sidebarFormButtons.withIndex .actions a {
  padding: 3px 20px 3px 0;
  white-space: nowrap;
  background-position: right;
  background-size: auto 16px;
}
/* Rever onde devem estar estas classes. Ou CSS de SIGES (netPA+CSS+?) ou DIF se componente perfil tiver a funcionalidades*/
/**** [ATUALIZACAO FOTO] ****/
#atualizarFoto {
  height: 100%;
  vertical-align: middle;
  margin: 100px 0 100px 50px;
  background-color: transparent;
  border-radius: 12px;
}
#atualizarFoto .atualFoto,
#atualizarFoto .novaFoto {
  width: 103px;
  text-align: center;
  float: left;
  margin-right: 150px;
}
#atualizarFoto img {
  border-radius: 12px 12px 0 0;
}
#atualizarFoto .labelFoto {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 10px 0;
  background-color: #fafafa;
  border-radius: 0 0 12px 12px;
}
#atualizarFoto .carregarFoto {
  display: inline;
  line-height: 20px;
}
#atualizarFoto .estadoFoto {
  font-size: 120%;
  font-weight: bold;
  display: flex;
  margin-top: 20px;
}
#atualizarFotografia input {
  border: none;
}
.imageGrid {
  padding: 10px;
  background-color: #fafafa;
}
.imageGrid li {
  display: inline-block;
  vertical-align: top;
}
/* The wrapper for each item */
.imageGridCell-cell {
  margin: 12px;
  padding: 10px;
  box-shadow: #999999 0 0 3px;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 3px;
}
.imageGridCell-cell img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 1s;
}
.imageGridCell-cell span {
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 15px 10px 5px 10px;
}
.colorGridCell div {
  text-align: center !important;
  vertical-align: middle !important;
  line-height: 18px !important;
}
.gridCellAlert .x-grid-cell-inner {
  background: #b94a48;
  color: white;
  border-radius: 5px;
  text-align: center !important;
}
.gridCellAlertText .x-grid-cell-inner {
  color: #b94a48;
}
.gridCellWarn .x-grid-cell-inner {
  background: #f3ac3d;
}
.inlineBlock {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
}
.inlineBlockAlert {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  background-color: #721513;
  color: #ffffff;
}
.inlineBlockWarn {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  background-color: #f3ac3d;
}
.inlineBlockGood {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  background-color: #d4edda;
}
.inlineBlockGood .positiveIcon,
.inlineBlockWarn .positiveIcon,
.inlineBlockAlert .positiveIcon {
  height: 20px;
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-size: auto 16px;
  margin: -3px;
  padding-right: 4px;
  background-image: url("../img/checkBoxON_01.png") !important;
}
.inlineBlockGood .warnIcon,
.inlineBlockWarn .warnIcon,
.inlineBlockAlert .warnIcon {
  height: 20px;
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-size: auto 16px;
  margin: -3px;
  padding-right: 4px;
  background-image: url("../img/icon_warn_warning.png") !important;
}
.x-grid-cell-inner .inlineBlock,
.x-grid-cell-inner .inlineBlockGood,
.x-grid-cell-inner .inlineBlockWarn,
.x-grid-cell-inner .inlineBlockAlert {
  display: block;
}
.x-grid-cell-inner .inlineBlockGood .positiveIcon,
.x-grid-cell-inner .inlineBlockWarn .positiveIcon,
.x-grid-cell-inner .inlineBlockAlert .positiveIcon,
.x-grid-cell-inner .inlineBlockGood .warnIcon,
.x-grid-cell-inner .inlineBlockWarn .warnIcon,
.x-grid-cell-inner .inlineBlockAlert .warnIcon {
  height: 16px;
  background-size: auto 12px;
  margin-left: -6px;
  float: left;
}
.checkBoxFieldFormater {
  display: flex;
}
.checkBoxFieldFormater > div {
  padding-right: 5px;
  align-content: center;
}
.checkListComponent td.descriptionColumn {
  padding-left: 4em;
  text-indent: -4em;
  line-height: 25px;
  vertical-align: middle !important;
}
.autogov_button {
  background-image: url("../img/autogov_bot_autenticacao_azul.png");
}
/**** [SWITCH - ASSINATURADIGITAL | BOXnet] ****/
.switch {
  width: 100%;
  margin: 10px 0 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.switch-label {
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
  position: relative;
  z-index: 2;
  float: left;
  line-height: 2em;
  height: 2em;
  text-align: center;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: #f1f3f5;
}
.switch-label:active {
  font-weight: bold;
}
.switch-label-off:hover {
  color: #cccccc;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.switch-label-on {
  padding-right: 2px;
}
.switch-label-on:hover {
  color: #cccccc;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  color: #ffffff;
  font-weight: bold;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  background-color: #000000;
}
/*** [SWITCH - SIGNATURE] ***/
.signatureSwitch .switch-input:checked + .switch-label {
  background-color: #4e8bbf !important;
}
.signatureSwitch .switch-label {
  font-size: 140%;
  line-height: 20px;
  height: 60px;
  padding-right: 85px;
  padding-left: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
.signatureSwitch .switch-labelexternalSignature {
  background-position: 95% 50% !important;
  background-repeat: no-repeat !important;
  background-image: url("../img/icon_signcard.png") !important;
}
.signatureSwitch .switch-labelcmdSignature {
  background-position: 95% 50% !important;
  background-repeat: no-repeat !important;
  background-image: url("../img/icon_signkey.png") !important;
}
.signatureSwitch .wizardSignCard p {
  margin-bottom: 10px;
}
.signatureSwitch .switch-labelscapSignature {
  width: 40% !important;
  background-position: 95% 50% !important;
  background-repeat: no-repeat !important;
  background-image: url("../img/icon_signkey.png") !important;
}
/*positionVERTICAL|HORIZONTAL component*/
.positionStyleVertical,
.positionStyleVertical div.radioItems {
  grid-template-columns: 40px 40px 40px;
  grid-auto-rows: 30px;
  display: grid;
  margin-left: 1px;
  margin-bottom: 10px;
  height: 130px;
}
.positionStyleHorizontal,
.positionStyleHorizontal div.radioItems {
  grid-template-columns: 40px 40px 40px 40px 40px;
  grid-auto-rows: 30px;
  display: grid;
  margin-left: 1px;
  margin-bottom: 10px;
  height: 70px;
}
.positionStyleVertical .label-radio,
.positionStyleHorizontal .label-radio,
.x-window .positionStyleVertical .label-radio,
.x-window .positionStyleHorizontal .label-radio {
  font-size: 150%;
  text-align: center !important;
  width: 40px !important;
  height: 30px !important;
  padding: 0;
  border-radius: unset !important;
  border: none !important;
  box-shadow: -1px -1px 1px #cccccc, 1px 1px 1px #cccccc;
}
input.positionStyleVertical:checked + .positionStyleVerticalLabel,
input.positionStyleHorizontal:checked + .positionStyleHorizontalLabel,
.positionStyleVertical input[type="radio"]:checked + .label-radio,
.positionStyleHorizontal input[type="radio"]:checked + .label-radio {
  color: #ffffff;
  padding: 0 !important;
  background-image: none !important;
  background-color: #000000 !important;
}
.positionStyleVertical input[type="radio"],
.positionStyleHorizontal input[type="radio"] {
  display: none !important;
}
.signaturesDescription {
  clear: both;
  padding-top: 20px;
}
.pulse-icon,
.pulse-icon-right {
  position: absolute;
  width: 0;
}
.pulse-icon-right {
  right: 0;
}
.pulse-badge {
  cursor: default;
  position: absolute;
  top: -9px;
  right: -9px;
}
.pulse-nucleus {
  position: absolute;
  top: 0px;
  right: 1px;
  height: 18px;
  min-width: 6px;
  max-width: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 10px;
  background: #f3ac3d;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  border: 1px solid #ffffff;
  padding: 0 6px;
  z-index: 10;
  animation: pulse-icon 1.2s ease-out 15;
}
.pulse-icon.errorBadge .pulse-nucleus,
.pulse-icon-right.errorBadge .pulse-nucleus {
  background: #721513;
  animation: pulse-icon-error 1.2s ease-out 15;
}
.pulse-icon.infoBadge .pulse-nucleus,
.pulse-icon-right.infoBadge .pulse-nucleus {
  background: #0079cf;
  animation: pulse-icon-info 1.2s ease-out 15;
}
/* Push notification */
.pulse-icon + .menuItemLink {
  margin-left: 10px;
}
.menuItemLink + .pulse-icon-right,
.column > p .pulse-icon-right,
.actions a + .pulse-icon-right,
.actionsbuttons a + .pulse-icon-right {
  right: auto;
  position: relative;
  display: inline-block;
  top: -12px;
}
.menuItemLink + .pulse-icon-right,
.column > p .pulse-icon-right,
.x-grid-cell-treecolumn .pulse-icon-right,
.actions a + .pulse-icon-right {
  /*top: -15px; */

  /*left: -3px;*/

  width: auto;
  top: initial;
}
.x-grid-cell-treecolumn .pulse-icon-right {
  position: relative;
  margin: 2px 2px 0 1px;
}
.actionsbuttons a + .pulse-icon-right {
  top: -23px;
  right: -9px;
}
.actions a + .pulse-icon-right .pulse-badge,
.column > p .pulse-icon-right .pulse-badge,
.x-grid-cell-treecolumn .pulse-icon-right .pulse-badge,
.menuItemLink + .pulse-icon-right .pulse-badge {
  position: relative;
  right: auto;
  top: 0;
}
.actions a + .pulse-icon-right .pulse-badge .pulse-nucleus,
.column > p .pulse-icon-right .pulse-badge .pulse-nucleus,
.x-grid-cell-treecolumn .pulse-icon-right .pulse-nucleus,
.menuItemLink + .pulse-icon-right .pulse-badge .pulse-nucleus {
  position: relative;
  right: auto;
  left: 1px;
}
.x-grid-cell-treecolumn .pulse-icon-right .pulse-badge .pulse-nucleus {
  line-height: 16px;
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: white !important;
  left: 0;
  animation: none;
}
.deleteIconTree {
  height: 18px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 12px;
  background-image: url("../img/icon_x.png") !important;
}
/* The box of the value lists of the grid filters is also the list of <dif:badgeSelectField> and <dif:badgeSelect>:
 * one look, and one animation, for both */
#filterDefinitionBox,
.dif-badgeselect-picker {
  position: absolute;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.3s ease, opacity 0.3s ease,
    width 0.1s ease, left 0.1s ease, right 0.1s ease, height 0.1s ease;
  z-index: 90000000;
  background: #ffffff;
  max-height: 8000px;
  padding: 10px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #dddddd;
  overflow: auto;
  display: flex;
  flex-direction: row;
}
#filterDefinitionBox.closed,
.dif-badgeselect-picker.closed {
  opacity: 0;
  transform: scaleY(0);
  overflow: hidden;
}
#filterDefinitionBox #gridFilterSumary {
  width: 180px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #f1f3f5;
}
#filterDefinitionBox h3 {
  padding-top: 5px !important;
  margin-top: 0;
}
#filterDefinitionBox #gridFilterSumary p {
  padding: 0 0 10px 10px;
  text-overflow: ellipsis;
}
#filterDefinitionBox #gridFilterWorkArea {
  flex: auto;
  min-width: 350px;
  display: flex;
  flex-direction: column;
}
#filterDefinitionBox #gridFilterWorkArea .divToTop {
  flex: 1;
}
#filterDefinitionBox #gridFilterWorkArea .divToBottom {
  flex: none;
  margin: 10px 0 0 0 !important;
  text-align: center;
}
#filterDefinitionBox #gridFilterWorkArea .divToBottom .actions,
#filterDefinitionBox #gridFilterWorkArea .divToBottom .actionsbuttons {
  display: inline-block;
  margin: 0 0 0 10px;
}
#filterDefinitionBox #gridFilterWorkArea .divToBottom ul li {
  margin: 0;
}
.filtersArea .filterElement {
  display: inline-block;
  background-color: #006ab6;
  border-radius: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 2px;
  transition: all 0.2s ease;
  opacity: 0;
}
.filtersArea .filterElement.filterPinned {
  background-color: #005b9c;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0 1px #005b9c;
  margin-left: 1px;
}
.filtersArea .filterElement.filterMandatory {
  background-color: #002036;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0 1px #002036;
  margin-left: 1px;
}
.filtersArea .filterElement.applicationFilter {
  background-color: #002036;
  box-shadow: 0px 0px 0 1px #005b9c;
}
.filtersArea .filterElement.visible {
  opacity: 1;
}
/* Fixed chips of a listing grid (listingDisplayFilters): the listing companion values shown with the data. They
   describe the data and cannot be removed from the grid. */
.filtersArea .filterElement.filterFixed {
  background-color: #002036;
  cursor: default;
}
.filtersArea .filterElement.filterFixed a span {
  padding: 3px 10px 3px 3px;
}
/* "title: value"; a checkbox value is its title alone */
.filtersArea .filterElement.filterFixed a label:not(:last-child):after {
  content: ":";
}
.filtersArea .filterElement.filterFixed a label:last-child {
  padding-right: 10px;
}
/* Image of a listing image column (a photo, a BLOB of the view): a thumbnail, sized down to the row */
img.listingImage {
  max-width: 52px;
  max-height: 60px;
  vertical-align: middle;
}
.filtersArea .filterElement.filterOpened {
  border-radius: 12px 12px 0 0;
}
.filtersArea .filterElement a {
  border-radius: 12px;
  padding: 0;
  line-height: 20px;
  display: inline-flex;
  color: #ffffff;
}
.filtersArea .filterElement a label {
  display: inline-block;
  padding: 3px 3px 3px 8px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  color: #ffffff;
  font-weight: normal;
  font-size: 90%;
  cursor: pointer;
}
.filtersArea .filterElement a span {
  display: inline-block;
  padding: 3px 8px 3px 0;
  font-weight: bold;
  transition: all 0.2s ease;
  transition: max-width 0.5s ease;
  white-space: nowrap;
}
.filtersArea .filterElement a span {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filtersArea .filterElement:hover a span {
  max-width: 400px;
}
.filtersArea .filterElement img.closeIcon,
.filtersArea .filterElement img.pinFullIcon {
  vertical-align: bottom;
  height: 26px;
  background-position: right center;
  background-size: auto 10px;
  cursor: pointer;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  max-width: 0px;
  transition: all 0.2s ease;
}
.filtersArea .filterElement img.closeIcon {
  background-position: right 8px center;
}
.filtersArea .filterElement:not(.filterPinned) img.pinFullIcon {
  opacity: 0.4;
}
.filtersArea .filterElement:not(.filterMandatory) img.closeIcon,
.filtersArea .filterElement:not(.filterMandatory) img.pinFullIcon,
.filtersArea .filterElement.filterPinned img.pinFullIcon {
  max-width: 20px;
}
.filtersArea .filterElement.filterPinned img.pinFullIcon.isDisabled {
  opacity: 1;
}
.filtersArea .filterElement img.filterIcon {
  filter: invert();
  opacity: 0.7;
  background-position: 0 4px;
  height: 18px !important;
}
.filtersArea .clearFilters {
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-bottom: 5px;
}
/* The links of the filters area ("Clear", "Show all" / "Hide inactive"): buttons like the actions of
   AbstractActionCalcField (.gridActionsContainer a) -- white, with a border and the color of the links -- as high as
   the pinned filter pills (20px line + 3px padding + 1px border) */
.filtersArea .clearFilters > a {
  display: inline-block;
  box-sizing: border-box;
  height: 28px;
  line-height: 20px;
  padding: 3px 8px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #ffffff;
  color: #004e9d;
  font-size: 90%;
  white-space: nowrap;
  text-decoration: none;
}
.filtersArea .clearFilters > a:hover,
.filtersArea .clearFilters > a:focus {
  background-color: #f1f3f5;
  text-decoration: none;
}
/* Pinned filter rendered as an inline radio field (PinnedFilter.showAsRadioField) */
.filtersArea .filterElement.filterRadio {
  display: inline-flex;
  align-items: stretch;
}
.filtersArea .filterElement.filterRadio > label {
  display: inline-block;
  padding: 3px 8px;
  color: #ffffff;
  font-weight: normal;
  font-size: 90%;
  line-height: 20px;
  margin: 0;
  cursor: default;
}
.filtersArea .filterElement.filterRadio .radioOptions {
  display: inline-flex;
  background-color: #ffffff;
  border-radius: 11px;
  overflow: hidden;
}
.filtersArea .filterElement.filterRadio .radioOption {
  display: inline-block;
  padding: 3px 10px;
  color: #000000;
  font-size: 90%;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}
.filtersArea .filterElement.filterRadio .radioOption + .radioOption {
  border-left: 1px solid #dddddd;
}
.filtersArea .filterElement.filterRadio .radioOption:hover {
  background-color: #f1f3f5;
}
.filtersArea .filterElement.filterRadio .radioOption.radioOptionSelected,
.filtersArea .filterElement.filterRadio .radioOption.radioOptionSelected:hover {
  background-color: #006ab6;
  color: #ffffff;
  font-weight: bold;
}
/* Lines of the filters area (PinnedFilter.showOnLine): one block per line, the "clear" links at the end of the last
   line with visible filters (dif.ui.Grid._placeFilterLinks).
   A line without any visible element takes no space. */
.filtersArea .filterLine {
  display: block;
}
.filtersArea .filterLine.filterLineEmpty {
  display: none;
}
/* Filter pill without an active value (dif.ui.Grid.isPinnedFilterActive), normal or radio: a "ghost" pill -- white,
   with the solid ring and the text and icons in the color of the pinned pills, the value not bold. It must not look
   disabled: it is a filter waiting for a value. On hover it fills with the color of the pinned pills, previewing the
   applied state. The icons are sprites: the dark versions (icon_x, icon_pinFull, icon_filter not inverted) stand in for
   the white ones. */
.filtersArea .filterElement.filterInactive {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0 1px #005b9c;
  margin-left: 1px;
}
.filtersArea .filterElement.filterInactive a,
.filtersArea .filterElement.filterInactive a label,
.filtersArea .filterElement.filterInactive.filterRadio > label {
  color: #005b9c;
}
.filtersArea .filterElement.filterInactive a span {
  font-weight: normal;
}
.filtersArea .filterElement.filterInactive img.closeIconWhite {
  background-image: url("../img/icon_x.png") !important;
}
.filtersArea .filterElement.filterInactive img.pinFullIconWhite {
  background-image: url("../img/icon_pinFull.png") !important;
}
.filtersArea .filterElement.filterInactive img.filterIcon {
  filter: none;
}
.filtersArea .filterElement.filterInactive:hover {
  background-color: #005b9c;
}
.filtersArea .filterElement.filterInactive:hover a,
.filtersArea .filterElement.filterInactive:hover a label,
.filtersArea .filterElement.filterInactive.filterRadio:hover > label {
  color: #ffffff;
}
.filtersArea .filterElement.filterInactive:hover img.closeIconWhite {
  background-image: url("../img/icon_x_w.png") !important;
}
.filtersArea .filterElement.filterInactive:hover img.pinFullIconWhite {
  background-image: url("../img/icon_pinFull_w.png") !important;
}
.filtersArea .filterElement.filterInactive:hover img.filterIcon {
  filter: invert();
}
/* Inactive pinned filters hidden while the grid has more than autoHideNonActivePinnedFiltersWhenMoreThen of them */
.filtersArea .filterElement.filterAutoHidden {
  display: none;
}
/* Generic: draws the eye to a button when it appears -- starts inverted and fades to normal in 0.5s. Used by the
   "Show all" link of the pinned filters (inactive ones hidden); reusable on any button or link. */
@keyframes getAtentionButton {
  from {
    filter: invert(1);
  }
  to {
    filter: invert(0);
  }
}
.getAtentionButton {
  animation: getAtentionButton 0.5s ease-out;
}
/* Inside the pinned filters the links only fade in (fadeUp, css_animation.less) 0.4s after the load: stay inverted while they appear (fill-mode backwards) and only then go back to normal */
.clearFilters .getAtentionButton {
  animation-delay: 0.6s;
  animation-fill-mode: backwards;
}
/* A link of the pinned filters that already appeared (.filterLinkShown, set when its fadeUp ends) does not fade in
   again when it moves to another line or shows again, and its getAtentionButton runs at once */
.filtersArea .clearFilters.filterLinkShown {
  animation: none;
  opacity: 1;
}
.clearFilters.filterLinkShown .getAtentionButton {
  animation-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
  .getAtentionButton {
    animation: none;
  }
}
#filterDefinitionBox .actionsbuttons a,
#filterDefinitionBox .difButtons {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
@keyframes pulse-icon {
  0% {
    box-shadow: 0px 0px 0 0px rgba(243, 172, 61, 0.8);
  }
  20% {
    box-shadow: 0px 0px 0 2px rgba(243, 172, 61, 0.6);
  }
  40% {
    box-shadow: 0px 0px 0 4px rgba(243, 172, 61, 0.4);
  }
  60% {
    box-shadow: 0px 0px 0 6px rgba(243, 172, 61, 0.2);
  }
  80% {
    box-shadow: 0px 0px 0 7px rgba(243, 172, 61, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0 8px rgba(243, 172, 61, 0);
  }
}
@keyframes pulse-icon-error {
  0% {
    box-shadow: 0px 0px 0 0px rgba(114, 21, 19, 0.8);
  }
  20% {
    box-shadow: 0px 0px 0 2px rgba(114, 21, 19, 0.6);
  }
  40% {
    box-shadow: 0px 0px 0 4px rgba(114, 21, 19, 0.4);
  }
  60% {
    box-shadow: 0px 0px 0 6px rgba(114, 21, 19, 0.2);
  }
  80% {
    box-shadow: 0px 0px 0 7px rgba(114, 21, 19, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0 8px rgba(114, 21, 19, 0);
  }
}
@keyframes pulse-icon-info {
  0% {
    box-shadow: 0px 0px 0 0px rgba(0, 121, 207, 0.8);
  }
  20% {
    box-shadow: 0px 0px 0 2px rgba(0, 121, 207, 0.6);
  }
  40% {
    box-shadow: 0px 0px 0 4px rgba(0, 121, 207, 0.4);
  }
  60% {
    box-shadow: 0px 0px 0 6px rgba(0, 121, 207, 0.2);
  }
  80% {
    box-shadow: 0px 0px 0 7px rgba(0, 121, 207, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0 8px rgba(0, 121, 207, 0);
  }
}
/*PEDIDO DE CREDITA??O DE UC*/
.calculatorContainer {
  text-align: center;
  padding-left: 60px;
  background-size: 45px;
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-image: url("../img/icon_calculator.png");
}
.calculator {
  display: inline-block;
  text-align: left;
}
.calculatorLine {
  display: table;
  padding-top: 5px;
}
.calculatorLineDetail {
  display: block;
  padding-left: 30px;
}
.calculatorItemDesc {
  width: 100%;
  font-weight: bold;
  display: table-cell;
  border-bottom: 1px dotted #dddddd;
}
.calculatorItemValue {
  width: 120px;
  white-space: nowrap;
  display: table-cell;
  border-bottom: 1px dotted #dddddd;
}
.calculatorTotalNumber {
  font-size: 120%;
  font-weight: bold;
  padding-left: 10px;
}
.calculatorTotal {
  display: block;
  margin-top: 20px !important;
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #cccccc;
}
.calculatorSubTotalNumber {
  font-size: 110%;
  font-weight: bold;
  padding-left: 10px;
}
.calculatorSubTotal {
  display: block;
  margin-top: 10px !important;
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #cccccc;
}
/**** [WARNING MESSAGES - TWO AREAS] ****/
div.rightAlignBoxContainer {
  text-align: right;
}
div.rightAlignBox {
  border-radius: 5px;
  display: inline-block;
  padding: 5px 20px 0 20px;
  background-color: #cccccc;
}
.dividedArea {
  padding-left: 5px;
  padding-right: 10px;
  border-top: none !important;
  border-left: 1px dotted #dddddd !important;
  border-bottom: none !important;
}
.dividedArea p {
  padding-left: 25px;
}
/* Development components */
.chosemode {
  display: inline;
}
div#top .chosemode a {
  text-decoration: none;
  margin: 0 2px !important;
  background-color: #fafafa;
  color: #000000 !important;
  border: 2px solid #fafafa;
  font-weight: normal;
  font-variant: small-caps;
  border-radius: 6px;
  padding: 0px 8px;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  line-height: 17px;
  margin: 3px !important;
}
div#top .chosemode .groupLinks {
  display: inline-block;
}
div#top .chosemode .groupLinks a {
  border-radius: 0 !important;
  margin: 0 1px 0 0 !important;
}
div#top .chosemode .groupLinks a:first-child {
  border-radius: 8px 0 0 8px !important;
  margin: 0 1px 0 2px !important;
}
div#top .chosemode .groupLinks a:last-child {
  border-radius: 0 8px 8px 0 !important;
  margin: 0 2px 0 0 !important;
}
div#top .chosemode a.iconImageLeftOfText {
  padding-left: 20px;
  background-size: 17px auto !important;
}
.responsiveModeSelector {
  display: none;
  padding: 0 5px 0 5px !important;
}
.responsiveModeSelector a {
  border-bottom: 1px dotted !important;
}
.responsiveModeSelected {
  display: inline;
}
.chosemode a.ideLink {
  color: #000000 !important;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #cccccc !important;
  border-bottom: 1px solid #999999 !important;
  margin: 0 5px 0 5px;
  padding: 3px 10px 3px 27px !important;
  background-image: url("../img/icon_developer.png");
  background-position-x: 4px;
  background-position-y: 1px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.devButton {
  color: #000000;
  background: #ffffff;
}
p.devLink {
  padding: 5px 5px 10px 10px;
  position: absolute;
  right: 0;
  background-color: #ffffff;
}
.devLink a {
  padding: 7px 10px 7px 35px !important;
  border: 2px solid #dddddd;
  border-radius: 4px;
  background-position-x: 4px;
  background-position-y: 1px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-image: url("../img/icon_developer02.png");
}
/**** [LIVECHAT - FORMACAO-AVANCADA] ****/
.conversationMessagePreview {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid #dddddd;
}
.conversationMessagePreview .conversationMessageDetails {
  padding-left: 5px;
}
.conversationMessageDate {
  float: left;
  width: 110px;
  text-align: right;
  margin-right: 5px;
}
div.cke,
.cke_inner {
  border-radius: 10px !important;
}
.cke_top {
  border-radius: 10px 10px 0 0 !important;
}
.cke_toolbox {
  display: flex;
  flex-flow: wrap;
}
.cke_toolbar {
  float: none;
}
.cke_bottom {
  border-radius: 0 0 10px 10px;
}
.cke_editable:before {
  white-space: pre-line;
}
.lastMessagesDiv {
  margin-bottom: 5px;
}
.live-chat.liveChat-over {
  right: 20px;
  bottom: 10px;
  position: fixed;
  width: 30%;
  height: 60%;
  max-width: 600px;
  min-width: 400px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  z-index: 100;
  padding: 10px;
  border-radius: 5px;
  box-shadow: #999999 0 0 4px;
}
.live-chat.liveChat-right {
  margin-left: 15px;
  border-left: 1px dotted #dddddd;
  padding-left: 15px;
  min-height: 500px;
}
.live-chat hr {
  border: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
  margin: 0;
  min-height: 1px;
  clear: both;
  background: #dddddd;
}
.live-chat header {
  color: #ffffff;
  background: #1b1b1b;
}
.livechat-add {
  display: flex;
  margin-top: 20px;
}
.livechat-add .cke_editable,
.chat-message-content span * {
  word-break: break-word;
}
.livechat-add input {
  width: auto;
}
.chat-header {
  padding: 1px;
  background-color: #1b1b1b;
}
.chat-title {
  text-transform: none !important;
  font-weight: normal !important;
}
.chat-close {
  color: #1b1b1b;
  width: 10px;
  display: block;
  float: right;
  padding: 10px;
  line-height: 15px;
  text-align: center;
  background-image: url("../img/icon_x_w.png") !important;
}
textarea.chat-message {
  display: block;
  width: calc(100% - 10px);
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  border-style: dashed !important;
}
/*
 * <dif:messageBoard>: the messages as a feed (ConversationMessageContentCalcfield). Each grid row is a div.chat-message
 * with a div.chat-message-row: avatar with the initials, header (name, time, edited mark and, on the first message of
 * a day, the day at its right end), text. Normal boards show the feed inside one card; smallLayout boards are the compact version (no card, small
 * avatar, time on the right, own messages in a rounded block).
 */
.live-chat .livechat-messages {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(51, 65, 85, 0.06000000000000005);
}
.live-chat .x-grid-cell-inner {
  padding: 0;
}
.live-chat .x-grid-header-ct-hidden {
  margin: 0;
}
.livechat-messages div.chat-message {
  color: #334155;
  line-height: 1.5;
  border-top: 1px solid #f1f5f9;
}
.livechat-messages div.chat-message-first,
.livechat-messages div.chat-message-continued {
  border-top: 0;
}
.chat-message-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 20px;
}
.chat-message-continued .chat-message-row {
  padding-top: 0;
}
.chat-message-own .chat-message-row {
  background-color: #f8fafc;
}
.chat-message-avatar,
.chat-message-avatar.dif-mention-avatar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 0;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  user-select: none;
}
.chat-message-avatar.chat-message-avatar-empty {
  height: 0;
}
.chat-message-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.chat-message-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
}
.livechat-messages .chat-message-user {
  font-weight: 600;
  color: #1b1b1b;
}
.livechat-messages .messageDate,
.chat-message-edited {
  font-size: 11px;
  color: #475569;
}
.livechat-messages .messageDate-day {
  display: none;
}
.chat-message-header-actions {
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: auto;
}
.chat-message-day {
  margin-left: auto;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  color: #475569;
}
.chat-message-edited {
  cursor: help;
}
.chat-message-edited:before {
  content: "\00B7\00A0";
}
.chat-message-content {
  min-width: 0;
  overflow-wrap: anywhere;
}
.chat-message-content img {
  max-width: 100%;
  height: auto;
}
/* Generic icons of the DIF: <span class="dif-icon dif-icon-ticket"></span>. The icon is a mask over the current text color
   (background-color: currentColor), so it takes the color of the element or of its parent, and it is 16px by default
   (override width and height). Classes: dif-icon-ticket, dif-icon-task (circle with a check), dif-icon-bug.
   The drawings are from Tabler Icons (https://tabler.io/icons, outline, 24px grid, stroke 2), MIT License,
   Copyright (c) 2020-2024 Pawel Kuna, see css/tabler-icons-LICENSE.txt. */
.dif-icon {
  display: inline-block;
  flex: none;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.dif-icon-ticket {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l0 2'/%3E%3Cpath d='M15 11l0 2'/%3E%3Cpath d='M15 17l0 2'/%3E%3Cpath d='M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l0 2'/%3E%3Cpath d='M15 11l0 2'/%3E%3Cpath d='M15 17l0 2'/%3E%3Cpath d='M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2'/%3E%3C/svg%3E");
}
.dif-icon-task {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E");
}
.dif-icon-bug {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9v-1a3 3 0 0 1 6 0v1'/%3E%3Cpath d='M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3'/%3E%3Cpath d='M3 13l4 0'/%3E%3Cpath d='M17 13l4 0'/%3E%3Cpath d='M12 20l0 -6'/%3E%3Cpath d='M4 19l3.35 -2'/%3E%3Cpath d='M20 19l-3.35 -2'/%3E%3Cpath d='M4 7l3.75 2.4'/%3E%3Cpath d='M20 7l-3.75 2.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9v-1a3 3 0 0 1 6 0v1'/%3E%3Cpath d='M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3'/%3E%3Cpath d='M3 13l4 0'/%3E%3Cpath d='M17 13l4 0'/%3E%3Cpath d='M12 20l0 -6'/%3E%3Cpath d='M4 19l3.35 -2'/%3E%3Cpath d='M20 19l-3.35 -2'/%3E%3Cpath d='M4 7l3.75 2.4'/%3E%3Cpath d='M20 7l-3.75 2.4'/%3E%3C/svg%3E");
}
/* Mentions of <dif:messageBoard mentionsAjaxEvent>: the list of the editor (js/difMentions.js) and the mention in the text.
   Classes: panel .dif-mentions-panel (state in .dif-mentions-hint|loading|results|empty|error), .dif-mentions-progress,
   .dif-mentions-status (-icon, -text, -query, -shortcut), .dif-mentions-group, item .dif-mention-item (.dif-mention-avatar
   with -tone-0..5 or -icon, .dif-mention-body, .dif-mention-name, .dif-mention-match, .dif-mention-description), and the
   mention itself .dif-mention.
   Avatar of a person (drawn by js/difMentionAvatars.js, the same in every page): .dif-mention-avatar with -tone-0..5 (or
   -icon), plus -image when it has a photo. The initials come from its data-initials (content: attr(data-initials)) and
   the img of the photo covers them. A page that draws avatars outside the mentions writes the marker
   <span data-dif-avatar data-name="Name" data-image="url" data-tone-key="id" class="own-size"></span> and the script fills
   it (contract in the header of js/difMentionAvatars.js). */
.cke_autocomplete_panel.dif-mentions-panel {
  width: 360px;
  min-width: 320px;
  max-width: calc(100vw - 16px);
  max-height: 320px;
  padding: 0 0 6px 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.1);
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: #1b1b1b;
}
.cke_autocomplete_panel.dif-mentions-panel.cke_autocomplete_opened {
  transform-origin: top left;
  animation: difMentionsOpen 0.14s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes difMentionsOpen {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.cke_autocomplete_panel.dif-mentions-panel > li.dif-mentions-progress {
  position: relative;
  height: 2px;
  margin: 0 0 4px 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  background-color: rgba(0, 121, 207, 0.14);
}
.cke_autocomplete_panel.dif-mentions-panel.dif-mentions-loading > li.dif-mentions-progress {
  visibility: visible;
}
.cke_autocomplete_panel.dif-mentions-panel.dif-mentions-loading > li.dif-mentions-progress:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  border-radius: 2px;
  background-color: #0079cf;
  animation: difMentionsSlide 1.1s ease-in-out infinite;
}
@keyframes difMentionsSlide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(250%);
  }
}
.cke_autocomplete_panel.dif-mentions-panel > li.dif-mentions-status {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  color: #818181;
}
.cke_autocomplete_panel.dif-mentions-panel.dif-mentions-results > li.dif-mentions-status {
  display: none;
}
.cke_autocomplete_panel.dif-mentions-panel.dif-mentions-loading.dif-mentions-has-items > li.dif-mentions-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.dif-mentions-status-icon {
  flex: none;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #818181;
}
.dif-mentions-hint .dif-mentions-status-icon:before {
  content: "@";
}
.dif-mentions-empty .dif-mentions-status-icon:before {
  content: "?";
}
.dif-mentions-error .dif-mentions-status-icon:before {
  content: "!";
}
.dif-mentions-error .dif-mentions-status-icon {
  border-color: rgba(223, 15, 11, 0.4);
  color: #df0f0b;
}
.dif-mentions-loading .dif-mentions-status-icon {
  display: none;
}
.dif-mentions-status-query {
  font-weight: 500;
  color: #1b1b1b;
}
.dif-mentions-status-shortcut {
  flex: none;
  margin-left: auto;
  padding: 0 6px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  color: #9b9b9b;
}
.cke_autocomplete_panel.dif-mentions-panel > li.dif-mentions-group {
  padding: 8px 14px 2px 14px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9b9b9b;
}
.cke_autocomplete_panel.dif-mentions-panel > li.dif-mention-item {
  display: flex;
  align-items: center;
  margin: 0 6px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.12s ease, opacity 0.12s ease;
}
.cke_autocomplete_panel.dif-mentions-panel > li.dif-mention-item.cke_autocomplete_selected {
  background-color: rgba(0, 121, 207, 0.1);
}
.cke_autocomplete_panel.dif-mentions-panel.dif-mentions-loading.dif-mentions-has-items > li.dif-mention-item {
  opacity: 0.5;
  pointer-events: none;
}
.dif-mention-avatar {
  display: inline-block;
  flex: none;
  box-sizing: border-box;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  user-select: none;
}
.dif-mention-avatar[data-initials]:before {
  content: attr(data-initials);
}
.dif-mention-avatar-tone-0 {
  background-color: #cfebff;
  color: #003d69;
}
.dif-mention-avatar-tone-1 {
  background-color: #caffc5;
  color: #075000;
}
.dif-mention-avatar-tone-2 {
  background-color: #fceacd;
  color: #8e5a09;
}
.dif-mention-avatar-tone-3 {
  background-color: #d4b6ff;
  color: #2c0069;
}
.dif-mention-avatar-tone-4 {
  background-color: #ffbbd7;
  color: #5f0028;
}
.dif-mention-avatar-tone-5 {
  background-color: #d9fff6;
  color: #00503c;
}
.dif-mention-avatar.dif-mention-avatar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fafafa;
  color: #666666;
}
.dif-mention-avatar-image {
  position: relative;
}
.dif-mention-avatar-image > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.dif-mention-avatar-icon > span {
  width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 16px;
}
/* The description wraps to a hidden second line when it would get less than 6em, so the separator never stays alone */
.dif-mention-body {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: baseline;
  align-content: flex-start;
  min-width: 0;
  max-height: 1.4em;
  overflow: hidden;
}
.dif-mention-name {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dif-mention-match {
  font-weight: 700;
}
.dif-mention-description {
  flex: 1 1 6em;
  min-width: 6em;
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8e8e8e;
}
.dif-mention-description:before {
  content: "\00b7";
  margin: 0 6px;
}
.dif-mention {
  padding: 1px 8px;
  border-radius: 999px;
  background-color: rgba(0, 121, 207, 0.12);
  color: #006ab6;
  font-weight: 500;
  text-decoration: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
a.dif-mention,
a.dif-mention:hover {
  text-decoration: none;
}
a.dif-mention[href] {
  cursor: pointer;
}
/* The avatar of the mention of a person (attribute data-mention-avatar): js/difMentionAvatars.js draws it in the shown
   messages and js/difMentions.js in the editor, never stored. The span is empty, its initials come from data-initials, and
   the img of the photo (class dif-mention-avatar-image) covers them. */
.dif-mention[data-mention-avatar] {
  padding-left: 3px;
}
.dif-mention > .dif-mention-avatar {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  font-size: 9px;
  line-height: 16px;
}
a.dif-mention:hover {
  background-color: rgba(0, 121, 207, 0.2);
  color: #004c83;
}
.chat-message-content .dif-mention {
  display: inline-block;
  max-width: 28em;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .cke_autocomplete_panel.dif-mentions-panel.cke_autocomplete_opened {
    animation: none;
  }
  .cke_autocomplete_panel.dif-mentions-panel.dif-mentions-loading > li.dif-mentions-progress:after {
    width: 100%;
    opacity: 0.5;
    animation: none;
  }
  .cke_autocomplete_panel.dif-mentions-panel > li.dif-mention-item {
    transition: none;
  }
}
.chat-message-content table.grid {
  width: auto;
  margin: 10px 0;
}
.chat-message-content table.grid th {
  background-color: #999999;
  color: #fafafa;
}
.chat-message-content div.messageDetails {
  margin-top: 6px;
  padding: 2px 0 2px 10px;
  border-left: 2px solid #e2e8f0;
}
.chat-message-attachment {
  display: table;
  max-width: 100%;
  margin-top: 6px;
  padding: 4px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background-color: #ffffff;
}
.chat-message-attachment * {
  margin-top: 0;
  margin-bottom: 0;
}
.chat-message-sysrow .chat-message-row {
  align-items: baseline;
  gap: 10px;
  padding: 8px 20px 8px 32px;
  color: #475569;
}
.chat-message-system-icon {
  flex: none;
  display: flex;
  align-self: center;
  color: #64748b;
}
.chat-message-content.chat-message-system {
  flex: 1;
  color: #475569;
}
.livechat-messages .chat-message-system .chat-message-user {
  color: #334155;
}
.chat-message-header-actions + .chat-message-day {
  margin-left: 0;
}
.chat-message-sysrow .chat-message-header {
  flex: none;
  margin-left: auto;
}
/* <dif:messageBoard allowEditMyComments="true">: the Edit button on the own comments and the editor that replaces the
   text. The button is at the right end of the header line (.chat-message-header-actions); the negative margins keep
   it from making the line taller */
.chat-message-edit {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  margin: -3px 0;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #334155;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.chat-message-edit:hover {
  color: #1b1b1b;
  border-color: #cbd5e1;
}
.chat-message-edit:focus-visible {
  outline: 2px solid #0079cf;
  outline-offset: 1px;
}
.chat-message-editing .chat-message-text {
  display: none;
}
.chat-message-body:has(.chat-message-editing) .chat-message-edit {
  display: none;
}
.chat-message-editor {
  margin-top: 2px;
}
.chat-message-editor textarea.chat-message-edit-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
}
.chat-message-editor .cke_textarea_inline {
  min-height: 40px;
  padding: 5px 8px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background-color: #ffffff;
}
.chat-message-editor .cke_textarea_inline::after {
  display: none;
}
.chat-message-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 5px;
}
.chat-message-editor-actions .chat-send-button {
  margin: 0 !important;
  padding: 4px 12px;
  border-radius: 8px !important;
}
.chat-message-edit-cancel {
  padding: 4px 12px;
  border: none;
  background: transparent;
  color: #000000;
  cursor: pointer;
  text-transform: none;
}
.chat-message-saving {
  padding: 14px 20px;
  color: #999999;
  font-style: italic;
}
.chat-send-button {
  color: #ffffff;
  cursor: pointer;
  margin: 5px 0;
  text-align: center;
  text-transform: none;
  margin-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border: none;
  background: #1b1b1b;
}
/* The composer of the inline boards: a card with the editor (CKEditor inline or textarea) and a toolbar row with the
   send button */
.livechat-add.fullPageChatAdd {
  flex-direction: column;
  margin-top: 16px;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(51, 65, 85, 0.06000000000000005);
}
.livechat-add.fullPageChatAdd:focus-within {
  border-color: #0079cf;
}
.livechat-add.fullPageChatAdd div.cke_textarea_inline,
.livechat-add.fullPageChatAdd textarea.chat-message {
  width: auto;
  min-height: 72px;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 12px 14px;
  border: 0 !important;
  border-radius: 12px 12px 0 0;
  outline: none;
  background-color: transparent;
  resize: vertical;
}
.livechat-add.fullPageChatAdd div.cke_textarea_inline::after {
  display: none;
}
.livechat-add.fullPageChatAdd .chat-composer-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-top: 1px solid #f1f5f9;
}
.livechat-add.fullPageChatAdd .chat-send-button {
  height: 32px;
  margin: 0 !important;
  padding: 0 16px;
  font-weight: 600;
  border-radius: 8px !important;
}
.livechat-add.fullPageChatAdd .chat-send-button:hover {
  background: #666666;
  color: #ffffff;
}
/* smallLayout: the compact board */
.live-chat-smallLayout .livechat-messages {
  overflow: visible;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.live-chat-smallLayout .livechat-messages div.chat-message {
  border-top: 0;
}
.live-chat-smallLayout .chat-message-day {
  display: none;
}
.live-chat-smallLayout .livechat-messages .messageDate-day {
  display: inline;
}
.live-chat-smallLayout .chat-message-row {
  gap: 8px;
  margin: 2px 0;
  padding: 6px 8px;
  border-radius: 8px;
}
.live-chat-smallLayout .chat-message-continued .chat-message-row {
  margin-top: 0;
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.live-chat-smallLayout .chat-message-avatar {
  width: 22px;
  height: 22px;
  font-size: 9px;
}
.live-chat-smallLayout .chat-message-avatar.chat-message-avatar-empty {
  height: 0;
}
.live-chat-smallLayout .chat-message-header {
  flex-wrap: nowrap;
  align-items: center;
  min-height: 22px;
}
.live-chat-smallLayout .chat-message-header .messageDate {
  margin-left: auto;
  white-space: nowrap;
}
.live-chat-smallLayout .chat-message-header .chat-message-user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-chat-smallLayout .chat-message-sysrow .chat-message-row {
  padding: 2px 8px 2px 38px;
  font-size: 11px;
}
.live-chat-smallLayout .chat-message-system-icon {
  display: none;
}
.live-chat-smallLayout .chat-message-header .messageDate ~ .chat-message-header-actions {
  margin-left: 0;
}
.live-chat-smallLayout .chat-message-edit {
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  color: #475569;
  background-color: transparent;
  border: 0;
  border-radius: 6px;
}
.live-chat-smallLayout .chat-message-edit:hover {
  color: #1b1b1b;
  background-color: #f1f5f9;
}
.live-chat-smallLayout .chat-message-edit-label {
  display: none;
}
.live-chat-smallLayout .cke_text_area_inline {
  word-break: break-all;
}
.live-chat-smallLayout .livechat-add.fullPageChatAdd {
  margin-top: 10px;
  border-radius: 10px;
}
.live-chat-smallLayout .livechat-add.fullPageChatAdd div.cke_textarea_inline,
.live-chat-smallLayout .livechat-add.fullPageChatAdd textarea.chat-message {
  min-height: 56px;
  padding: 8px 12px;
  border-radius: 10px 10px 0 0;
}
.live-chat-smallLayout .livechat-add.fullPageChatAdd .chat-composer-actions {
  padding: 6px 8px;
}
.live-chat-smallLayout .livechat-add.fullPageChatAdd .chat-send-button {
  height: 30px;
  padding: 0 12px;
}
.live-chat .x-grid-row-over .x-grid-cell {
  border-color: #ffffff;
  background-color: #ffffff;
}
.live-chat .x-grid-row.x-grid-row-selected .x-grid-cell,
.live-chat .x-grid-row.x-grid-row-selected.x-grid-rowwrap-div,
.live-chat .x-grid-row.x-grid-row-focused .x-grid-cell,
.live-chat .x-grid-row.x-grid-row-focused.x-grid-rowwrap-div {
  border: none;
  background-color: initial !important;
}
.live-chat .cke_editable_inline {
  border-radius: 6px 0 0 6px;
}
.inputnormaltextarea.inputreadonly ol,
.inputnormaltextarea.inputreadonly ul,
.cke_editable ol,
.cke_editable ul,
.chat-message-content ol,
.chat-message-content ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.inputnormaltextarea.inputreadonly ul,
.inputnormaltextarea.inputreadonly li,
.cke_contents_ltr ul,
.cke_contents_ltr li,
.cke_editable ul,
.cke_editable li,
.chat-message-content ul,
.chat-message-content li {
  list-style: initial;
}
.inputnormaltextarea.inputreadonly ol,
.inputnormaltextarea.inputreadonly ol li,
.cke_contents_ltr ol,
.cke_contents_ltr ol li,
.cke_editable ol,
.cke_editable ol li,
.chat-message-content ol,
.chat-message-content ol li {
  list-style: decimal;
}
.inputnormaltextarea.inputreadonly blockquote,
.cke_contents_ltr blockquote,
.cke_editable blockquote,
.chat-message-content blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  border-style: solid;
  border-color: #dddddd;
  border-width: 0;
  border-left-width: 5px;
  margin: 5px 10px;
  padding: 10px 8px 10px 20px;
}
.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
p.workflowStateActionItem {
  padding-left: 25px;
  min-height: 25px;
  background: url("../img/icon_arrow_circle_right.png") 0 0px 20px no-repeat;
}
.highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #ffff99 !important;
  /* color elements as green */

}
.diagram-note {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 7px;
  border-radius: 8px !important;
  border: 1px #e2e8f0;
  background: lightblue;
}
.processExecution,
.processResults {
  padding: 0 20px;
  min-height: 300px;
}
.processExecutionLeft,
.processResultsLeft {
  width: 300px;
  padding-right: 10px;
  vertical-align: top;
  display: table-cell;
}
.processExecutionLeft .progressBar {
  height: 250px;
  text-align: center;
  background-size: 50px;
  background-position-y: 40px;
  background-position-x: 95px;
  background-image: url("../img/icon_wait.png");
  background-repeat: no-repeat;
}
.processExecutionLeft .progressBar div {
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 200px;
  height: 200px;
  margin: 20px;
}
.processExecutionLeft .progressBar div div {
  top: -110px;
  text-align: center;
}
.processResultsLeft img {
  width: 180px;
}
.processExecutionLeft h4 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}
.processExecutionRight,
.processResultsRight {
  width: 100%;
  padding-left: 10px;
  vertical-align: top;
  display: table-cell;
}
.processResultsRight dl {
  font-size: 16px;
  width: 100%;
  max-width: 900px;
}
.processResultsRight dl dt {
  float: left;
  width: 70%;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  border-bottom: 1px dotted #e2e8f0;
}
.processResultsRight dl dd {
  width: 30%;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  margin-bottom: 10px;
  margin-left: 65%;
  border-bottom: 1px dotted #e2e8f0;
}
.processResultsRight dl dd.resultItemNumber {
  text-align: right;
}
.processResultsRight dl dd.resultItemState {
  text-align: right;
}
.processResultsRight dl dd.resultItemState img {
  height: 20px;
}
.processResultsRight dl dt.highlight {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  height: 38px;
}
.processResultsRight dl dt.highlight span {
  color: #999999;
  font-size: 12px;
  line-height: 10px;
}
.processResultsRight dl dd.highlight {
  font-weight: bold;
  line-height: 28px;
  height: 41px;
}
.processResultsRight dl dd.highlight img {
  height: 41px;
}
.processExecutionRight .executionLog,
.processResultsRight .executionLog {
  color: #ffffff;
  height: 300px;
  overflow: auto;
  padding: 10px;
  border-radius: 5px;
  scroll-behavior: smooth;
  background-image: url("../img/icon_process.png");
  background-repeat: no-repeat;
  background-size: 500px;
  background-position: right -50px bottom -180px;
  background-color: #333333;
}
.processResultsRight .resultsLogToggle {
  margin: 15px 0 10px 0;
}
.processResultsRight .resultsLogToggle a {
  cursor: pointer;
  text-decoration: underline;
}
.processResultsRight .resultsExecutionLog {
  margin-top: 5px;
}
.executionLog a {
  color: #cccccc;
  text-decoration: revert;
}
.executionLog a:hover {
  color: #ffffff;
  text-decoration: revert;
}
.executionLog .font120 {
  font-size: 100% !important;
}
.executionLog .errorStackTrace {
  font-size: 85% !important;
  border-left: 1px solid #999;
  padding-left: 10px;
  margin: 10px 5px;
}
#processFormSummary #infodetails {
  margin-bottom: 20px;
  max-width: 900px;
}
/**** [CSSnet - netP@] - MOVER para CSS conjunta de SIGES apps ****/
.totalcand {
  font-size: 150%;
  line-height: 70px;
  padding-left: 20px;
  float: left;
}
.totalcand span {
  font-size: 130%;
}
.table01 {
  float: right;
  margin-bottom: 5px;
}
.cssnettable {
  text-align: center;
  border: 1px solid #e2e8f0;
}
.cssnettable th {
  color: #ffffff;
  text-align: center;
  border: 1px solid #ffffff;
  background-color: #1b1b1b;
}
.cssnettable tr.c1 {
  background-color: #dddddd;
}
.cssnettable tr.c2 {
  background-color: #fafafa;
}
.cssnettable td {
  padding: 5px;
  border: 1px solid #ffffff;
}
#wizCandidaturasOnlinePagination .wizardStepsPagination {
  display: none !important;
}
/**** [@DOC] ****/
/* [PROCESSPAGE] */
.processinfo {
  clear: both;
  border-top: 1px dotted #dddddd;
}
.processinfo .open,
.processinfo .close {
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 14px;
}
.processinfo .open {
  background-image: url("../img/icon_arrowdown.png");
}
.processinfo .close {
  background-image: url("../img/icon_arrowup.png");
}
a.processinfoLink {
  color: #1b1b1b;
  font-weight: normal;
  text-transform: none;
}
span.processinfoTitle {
  font-size: 140%;
  background-color: #cccccc;
}
span.processinfoTitle:hover {
  background-color: #f1f3f5;
}
span.processinfoIndicator {
  color: #ffffff;
  font-size: 140%;
  background-color: #000000;
}
/* Ext Hack */
.x-btn-icon .x-tbar-loading,
.x-btn-icon .x-tbar-page-next,
.x-btn-icon .x-tbar-page-last,
.x-btn-icon .x-tbar-page-prev,
.x-btn-icon .x-tbar-page-first {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 16px !important;
}
.x-btn-icon .x-tbar-loading {
  background-image: url("../img/icon_refresh.png") !important;
}
.x-btn-icon .x-tbar-page-next {
  background-image: url("../img/icon_arrow.png") !important;
}
.x-btn-icon .x-tbar-page-last {
  background-image: url("../img/icon_arrowright_double.png") !important;
}
.x-btn-icon .x-tbar-page-prev {
  background-image: url("../img/icon_arrowleft.png") !important;
}
.x-btn-icon .x-tbar-page-first {
  background-image: url("../img/icon_arrowleft_double.png") !important;
}
.x-toolbar .x-toolbar-separator-horizontal .horizontalSeparator {
  border-left: 1px solid #cccccc !important;
  border-right: none !important;
}
/*.x-btn.x-btn-pressed .x-btn-inner, .x-btn.x-btn-default-small-pressed .x-btn-inner,
.x-btn.x-btn-default-toolbar-small-pressed .x-btn-inner{
    border-bottom: 2px solid @buttonsFontLinkColor !important;}*/
/* News */
/* .splide__slide img { width: 100%; position: absolute; object-fit: contain; object-position: center} */
.splide__slide div.centerBackgroundImage {
  width: 100%;
  height: 100%;
}
.splide__slide {
  height: 100%;
}
.splide {
  position: relative;
  height: 100%;
}
.splide__track {
  position: relative;
  height: calc(100% - 20px);
}
.splide__pagination__page.is-active {
  background: #000000 !important;
}
.splide__pagination {
  bottom: 0.2em;
}
.splide__pagination li {
  border: 4px solid #e2e8f0;
  background: #e2e8f0;
}
.splide__pagination li:first-child {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.splide__pagination li:last-child {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.newsArea {
  min-height: 300px;
  display: flex;
  margin: 10px;
  /*width: ~"calc(100% - 20px)";*/

}
/*normalMODE*/
.newsArea_high {
  flex: 1;
  margin-right: 30px;
}
.newsArea_noImage h2 {
  margin-bottom: 20px;
  line-height: 24px;
}
.newsArea_noImageBody {
  position: absolute;
}
.newsArea_normal {
  width: 300px;
}
.newsArea_normal h2,
.newsArea_noImage h2 {
  padding: 0 !important;
  margin: 0;
  line-height: 24px;
  border-bottom: 2px solid #e2e8f0 !important;
}
.newsArea_normal h2 span {
  font-size: 11px;
  font-weight: normal;
  float: right;
  line-height: 23px;
}
.newsArea_normal article {
  margin: 15px 0 0 0;
  padding-bottom: 15px;
  border-bottom: 1px dotted #dddddd;
}
.newsArea_normal article.withImage {
  min-height: 75px;
}
.newsArea_normal article > span {
  font-weight: bold;
  padding-bottom: 2px;
  display: block;
}
.newsArea_normal article > h3 {
  font-size: 16px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  display: block;
}
.newsArea_normal article > img {
  float: right;
  width: 80px;
  margin-left: 10px;
  border-radius: 5px;
  border: 10px #ffffff;
}
.newsArea_normal article > div {
  font-size: 12px;
  overflow: hidden;
  max-height: 50px;
}
/*minilMODE*/
.newsArea_mini {
  display: flex;
  width: 100%;
  min-height: 100px;
}
.newsArea_high_mini {
  flex: 1;
  margin-right: 10px;
  min-height: 150px;
}
.newsArea_normal_mini {
  width: 250px;
  font-size: 10px;
}
.newsArea_normal_mini_noImages {
  width: 200px;
  font-size: 12px;
}
.newsArea_normal_mini h2,
.newsArea_noImage_mini h2 {
  padding: 0 !important;
  margin: 0 0 12px 0;
  border-bottom: 1px solid #dddddd !important;
}
.newsArea_Body_mininoImages {
  position: absolute;
}
.newsArea_normal_mini h2 span {
  display: block;
  float: right;
  text-align: right;
  font-size: 7px;
  font-weight: normal;
}
.newsArea_normal_mini article {
  margin: 0;
  padding-bottom: 1px;
  border-bottom: 1px solid #dddddd;
}
.newsArea_normal_mini article.withImage {
  min-height: 50px;
}
.newsArea_normal_mini article > span {
  font-size: 9px;
  font-weight: bold;
  padding-bottom: 0;
  display: block;
}
.newsArea_normal_mini_noImages article > span {
  font-size: 12px;
  padding-bottom: 0;
  display: block;
}
.newsArea_normal_mini article > h3 {
  display: block;
  line-height: 19px !important;
  margin: 5px 0 5px 0 !important;
  padding: 0 !important;
}
.newsArea_normal_mini article > img {
  float: right;
  width: 70px;
  margin-left: 5px;
  margin-top: 7px;
  border: 10px white;
  border-radius: 5px;
}
.newsArea_normal_mini article > div {
  font-size: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  max-height: 45px;
}
.newsArea_normal_mini_noImages article > h3 {
  display: block;
  line-height: 22px !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #dddddd !important;
}
.newsArea_normal_mini_noImages article > div {
  font-size: 10px;
  overflow: hidden;
  max-height: 40px;
}
.newsArea:empty {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Only apply on webkit-based browsers (Chrome, Safari, Edge, etc.) */
  .newsArea_normal article > h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .newsArea_normal article > div {
    max-height: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.newsArea_normal .newsArea_more,
.newsArea_mini .newsArea_more {
  text-align: right;
  text-transform: none;
}
.newsArea_mini .newsArea_more {
  padding: 5px 10px;
}
.splide__slide div {
  border-radius: 20px;
}
.newsAreaTitle {
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  padding: 10px 0;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 20px;
  background: #1b1b1b;
  border-radius: 0 0 20px 20px;
}
.news.newsHorizontal .news_normal {
  width: 100%;
}
.news.newsHorizontal .news_normal article {
  display: inline-block;
  max-width: 33%;
  padding-left: 10px;
  margin-left: 20px;
  margin-right: 20px;
  vertical-align: top;
  border-bottom: none;
  border-left: 1px solid #dddddd;
}
.newsArea.newsHorizontal .newsArea_normal .newsArea_more {
  text-align: left;
}
.newsDetailDialog {
  height: 100%;
}
.newsAreaDetails {
  overflow: auto;
  text-align: justify;
  height: 100%;
}
.newsAreaDetails ul {
  padding-top: 5px;
  padding-bottom: 10px;
}
.newsAreaDetails li {
  list-style: square !important;
  margin-left: 20px;
}
.newsDescription {
  padding-top: 0 !important;
}
.newsAreaDetails img {
  width: 33%;
  float: right;
  margin: 0 0 10px 20px;
  max-width: 400px;
}
.newsPreview .newsArea {
  min-height: 0;
}
.newsPreviewHeadline .newsArea_high {
  position: relative;
  height: 300px;
  margin-right: 0;
}
.newsPreviewHeadline .splide__list {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.newsPreviewNormal .newsArea_normal {
  width: 100%;
}
.verticalText {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}
.verticalText .x-column-header-inner {
  line-height: 12px;
}
/*.verticalText .x-column-header-text {padding-top: 4px; padding-bottom: 4px;}*/
.centerBackgroundImage {
  background-size: 100%;
  background-position: center;
}
.footNoteItem {
  display: inline-block;
  padding-left: 17px;
  background-size: auto 12px;
}
/**** [PositionCOMPONENT - ASSINATURADIGITAL_ADMIN] ****/
.positionComponentLeft {
  display: inline-block;
  margin-right: 60px;
  vertical-align: top;
}
.positionComponentRight {
  display: inline-block;
  vertical-align: top;
}
span.indexNumber {
  padding-right: 10px;
  font-size: 120%;
}
/* [ SideBySideContainer component ] */
.sideBySideContainer > div {
  border-color: #dddddd;
}
.sideBySideContainer ul li {
  line-height: 25px;
}
.sideBySideContainer p {
  line-height: 25px;
}
.customHTMLBlock p {
  padding-top: 5px;
  padding-bottom: 5px;
}
.customHTMLBlock ul {
  padding-left: 30px;
}
.customHTMLBlock li {
  list-style-type: disc;
}
.customHTMLBlock img {
  vertical-align: bottom;
}
/***** [ importFROM ddm.css ] *****/
div#profileChooser {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
}
.hintTitle {
  font-size: 130%;
  font-weight: bold;
  display: block;
}
.fieldSetTitle legend {
  font-size: 140% !important;
}
span.treedashboard {
  font-size: 100%;
  text-transform: uppercase;
  padding-left: 10px;
  line-height: 25px;
  vertical-align: middle;
  text-align: right;
}
div.chartNoData div.x-mask {
  opacity: 0.9;
  background: none repeat scroll 0 0 #ffffff;
}
.noDataMessage {
  border: none !important;
  background: none !important;
}
.noDataMessage div {
  font: 15px inherit !important;
  font-weight: bold !important;
  cursor: default;
  padding: 0;
  border: none !important;
  background: none !important;
}
.helpContent li {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 10px;
}
.sqlErrorsNotificationArea {
  font-size: 120%;
  overflow: auto;
}
.sqlErrorsNotificationArea li {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 10px;
}
.sqlTemplateListCell,
.translationTemplateListCell,
.sqlTemplateFilterListCell {
  min-height: 50px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 5px 0 10px 55px;
  background-size: 40px 40px;
  background-position: left top;
  background-repeat: no-repeat;
}
.sqlTemplateListCell {
  background-image: url("../img/sqldocument-icon.png");
}
.translationTemplateListCell {
  background-image: url("../img/translation-icon.png");
}
.sqlTemplateFilterListCell {
  background-image: url("../img/sqlFilter-icon.png");
}
.sqlTemplateFilterListCell code {
  color: #999999;
}
.sqlEditorFilterForm .CodeMirror {
  border: 1px solid #dddddd;
}
div#statsPanel .x-form-checkbox,
div#statsPanelEditor .x-form-checkbox {
  margin-right: 5px;
}
div#statsPanel fieldSet,
div#statsPanelEditor fieldSet,
div.reportAreaEditorWindow fieldSet {
  margin: 0 !important;
  padding: 10px 0 10px 5px !important;
}
/***** [ importFROM forms.css ] *****/
form {
  font-size-adjust: none;
}
form div.formInnerTitle {
  clear: both;
}
.formSubtitle label {
  color: #000000;
  font-size: 80%;
  font-weight: bold;
}
.formSubtitle .actions {
  display: inline-block;
  font-size: 70%;
  text-transform: none;
}
.formSubtitle .actions ul li a {
  padding-left: 10px;
}
.formSubtitle .main,
.formSubtitle fieldset {
  display: inline-block;
  font-size: 70%;
  text-transform: none;
  line-height: 20px;
}
.formSubtitle .main .radioItems,
.formSubtitle fieldset .radioItems {
  display: inline-block;
}
.formSubtitle.mainSubtitle {
  margin-top: -15px !important;
  padding-top: 0 !important;
}
.x-panel-body > div.nooverflow:not(.content) > div.main {
  padding: 10px;
}
.x-grid-row .x-grid-cell.gridPlaceHolder {
  color: #999999;
  font-style: italic !important;
}
.x-grid-row .x-grid-cell.editableCell {
  background-color: #f5f5f5;
}
.x-grid-row .x-grid-cell.editableCell {
  background-image: url("../img/icon_edit.png");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: top right;
  background-blend-mode: overlay;
}
.x-grid-row .x-grid-cell.editableCell .x-grid-cell-inner {
  position: relative;
}
.x-grid-row .x-grid-cell.editableCell .x-grid-cell-inner:not( :has(> input[type="checkbox"])) {
  padding-left: 10px;
}
fieldset,
fieldset.x-fieldset {
  margin: 0;
  border: none;
  padding: 10px 0 0 0;
}
fieldset legend {
  color: #000000;
  font-weight: normal;
}
fieldset p {
  padding: 0 !important;
  margin: 0;
}
fieldset img {
  vertical-align: middle !important;
}
.x-fieldset.x-fieldset-collapsed .x-tool-toggle {
  background-image: url("../img/icon_arrowdown.png") !important;
  background-position: center;
  background-size: auto 8px;
}
.x-fieldset .x-tool-toggle {
  background-image: url("../img/icon_arrowup.png") !important;
  background-position: center;
  background-size: auto 8px;
}
#fieldone {
  display: inline !important;
}
#fieldtwo {
  display: inline !important;
}
select {
  height: 22px;
  border: 1px solid #cbd5e1 !important;
  border-radius: 5px;
  padding: 1px 5px;
}
textarea {
  padding: 5px;
  margin: 0 0 10px 0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 5px;
}
.textAreaWithCounter {
  position: relative;
  display: inline-block;
}
.textAreaCounter {
  position: absolute;
  bottom: 10px;
  right: 5px;
  padding: 2px 10px 2px 10px;
  color: #010101;
  font-size: 90%;
  background-color: #fafafa;
  opacity: 0.5;
  display: inline-block;
}
.memoField {
  margin-bottom: 10px;
}
div.x-boxselect {
  margin-bottom: 10px;
}
.x-boxselect.x-form-text {
  overflow-x: hidden;
  border-radius: 6px 0 6px 6px;
}
.x-boxselect ul.x-boxselect-list {
  padding: 0 3px;
}
.x-boxselect-item {
  padding: 2px 1px 2px 5px !important;
  background: #006ab6;
  color: #ffffff;
  border: none;
}
.x-boxselect-item .x-boxselect-item-close {
  background-image: url("../img/icon_x_w.png") !important;
}
.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
  border: none !important;
  background: #006ab6;
}
.x-boxselect-item-close {
  background-size: 10px auto !important;
  background-position: 0 3px !important;
  height: 14px;
}
.radioItem {
  display: inline;
  padding-right: 10px;
}
.fieldDesc {
  padding-top: 5px;
}
table.radioGroupTable tr td {
  border: 10px solid transparent;
}
table.radioGroupTable tr th {
  font-weight: bold;
}
table.radioGroupTable th,
table.radioGroupTable tr td {
  padding-right: 10px;
}
input:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect-input-field),
.inputreadonly {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
}
.rowWithTipBellow input {
  margin-bottom: 0 !important;
}
.inputSmallBottomMargin,
.inputSmallBottomMargin input.x-form-field {
  margin-bottom: 3px !important;
}
.x-grid-editor input:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect-input-field) {
  margin-bottom: 0px;
  padding-bottom: 0px;
  height: 23px;
  border: none !important;
}
input[type="radio"] {
  padding: 0 !important;
  margin: 0 3px 0 0;
  border: none !important;
  background: none !important;
}
input[type="checkbox"] {
  width: 13px !important;
  border: none !important;
  background: transparent !important;
}
input[type=checkbox] {
  width: 15px !important;
  height: 18px !important;
  border: none !important;
  background-repeat: no-repeat !important;
  background-position: center 3px !important;
  background-size: contain !important;
  margin-bottom: 3px !important;
  -webkit-appearance: none !important;
  outline: 0;
}
input[type="hidden"][value="true"].readOnlyCheckBox + div > span {
  background-image: url("../img/checkBoxON_01.png");
}
input[type=checkbox]:hover {
  opacity: 50%;
}
input[type=checkbox]:checked {
  background-image: url("../img/checkBoxON.png") !important;
}
input[type=checkbox]:not(:checked) {
  background-image: url("../img/checkBoxOFF.png") !important;
}
/* a checkbox in the mixed state (some, not all, of the options it groups are on) */
input[type=checkbox]:indeterminate {
  background-image: url("../img/checkBoxPARTIAL.svg") !important;
}
.x-column-header-checkbox .x-column-header-text,
.x-grid-row-checker {
  width: 15px !important;
  height: 18px !important;
  border: none !important;
  background-repeat: no-repeat !important;
  background-position: center 3px !important;
  background-size: contain !important;
  margin-bottom: 3px !important;
  -webkit-appearance: none !important;
  outline: 0;
}
.x-grid-cell-row-checker .x-grid-cell-inner {
  padding-top: 0px !important;
}
.x-grid-row-checker:hover {
  opacity: 50%;
}
.x-column-header-checkbox .x-column-header-text,
.x-grid-row-checker {
  background-image: url("../img/checkBoxOFF.png") !important;
}
.x-column-header-checkbox.x-grid-hd-checker-on .x-column-header-text,
.x-grid-row-selected .x-grid-row-checker {
  background-image: url("../img/checkBoxON.png") !important;
}
input[type="text"]:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect-input-field).captchaValue {
  vertical-align: middle;
  text-align: center;
  font-size: 20px !important;
  font-weight: bold;
  height: auto !important;
}
.x-form-text.captchaValue {
  padding-top: 10px;
  padding-bottom: 11px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
input[type="submit"],
input[type="reset"],
input[type="button"]:not(.x-form-checkbox):not(.x-form-radio),
#actionsbuttons input[type="button"]:not(.x-form-checkbox):not(.x-form-radio) {
  border: none;
  width: auto !important;
  margin: 0 !important;
  cursor: pointer;
  box-sizing: content-box;
}
input[type="text"],
input[type="textarea"],
input[type="password"],
input[type="email"],
.inputreadonly {
  padding: 1px 5px;
}
.inputnormaltextarea {
  text-align: left !important;
}
.inputnormaltextarea:not([readonly]):not(.inputreadonly) {
  padding: 5px !important;
}
/* [ fields for numbers with or without a question ] */
.CodeMirror pre {
  line-height: normal;
}
.radioResponsiveDesc {
  display: none;
}
.tablelayoutform p.radioDescription,
.radioDescription {
  margin-bottom: 10px !important;
}
.formVersion {
  text-align: left;
}
.formVersion p {
  display: inline-block;
  padding-left: 15px;
  background-image: url("../img/icon_arrowright_double.png");
  background-repeat: no-repeat;
  background-size: auto 11px;
  background-position: 0px 3px;
  border-bottom: 1px dotted #dddddd;
  margin: 0 0 20px 0;
}
.iti input,
.iti input[type=text],
.iti {
  margin-bottom: 10px;
}
.iti input[type=text] {
  padding-left: 82px !important;
}
.x-tbar-page-number input.x-form-text {
  margin-bottom: 0 !important;
}
.x-toolbar-item input:not(.x-form-checkbox):not(.x-form-radio) {
  margin-bottom: 0 !important;
  height: 34px !important;
}
.x-boundlist .x-toolbar-item input:not(.x-form-checkbox):not(.x-form-radio) {
  height: 24px !important;
}
.x-boundlist .x-btn {
  padding: 3px !important;
  border: none;
  background: none;
}
.x-boundlist .x-toolbar-separator {
  display: none;
}
.x-grid-cell-inner input {
  margin: 0 !important;
}
input:not(.x-form-checkbox):not(.x-form-radio) {
  height: 22px;
}
.x-window input:not(.x-form-checkbox):not(.x-form-radio),
.x-panel input:not(.x-form-checkbox):not(.x-form-radio) {
  height: 24px;
}
.x-border-box .x-form-text:not(.x-boxselect) {
  height: 24px;
  background-color: #ffffff !important;
}
td.x-form-item-body > input:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect-input-field) {
  margin-bottom: 0;
}
.x-form-field:not(.x-form-checkbox):not(.x-form-radio) {
  background-color: #ffffff !important;
}
.x-form-field:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect) {
  height: 24px;
}
.x-form-trigger-input-cell .x-form-text {
  border: 1px solid #cbd5e1 !important;
}
.x-form-trigger-input-cell .x-form-text[autocomplete=off] {
  cursor: pointer;
  background-color: #ffffff !important;
}
.x-form-trigger-input-cell .x-form-text[autocomplete=off]:read-only,
.pickerFakeField {
  cursor: default;
}
.x-form-trigger-input-cell .x-form-text[autocomplete=off]:read-only:not(.inputreadonly),
.pickerFakeField {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.x-form-trigger-input-cell input:not(.x-trigger-noedit):not(.inputreadonly) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.x-form-trigger {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
table.x-form-trigger-wrap > tbody tr td:nth-child(2) {
  vertical-align: top;
}
/* [ form layout_mode02 div's ] */
/* O campo de cor esta de fora: nele o fundo E' o valor, e pinta-lo de cinzento em readonly esconde
   exatamente aquilo que o campo existe para mostrar. Fica readonly pelo cursor e pela guarda de
   interaccao, que impedem abrir a paleta, e nao pela cor. */
input[readonly]:not(.color),
input[type="readonly"]:not(.color),
.inputreadonly:not(.color),
.x-form-field.inputreadonly:not(.color),
.x-form-trigger-input-cell .x-form-text.inputreadonly,
.cm-readonly {
  background-color: #f1f3f5 !important;
}
input[type="text"].pointerCursor.inputreadonly {
  cursor: text;
}
input[readonly],
.inputreadonly,
.x-form-field.inputreadonly,
.x-form-trigger-input-cell .x-form-text.inputreadonly {
  padding-left: 5px;
  border-color: #cbd5e1 !important;
}
input[readonly].x-form-field:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect):not(.x-form-text) {
  padding-left: 5px;
  border-color: #cbd5e1 !important;
}
body.inputreadonly {
  border: none !important;
}
div.inputnormaltextarea.inputreadonly {
  min-height: 24px;
  overflow: auto;
  overflow-wrap: break-word;
}
/* inputForceNormaltext e' o contrario explicito do cinzento de readonly: um campo que e' readonly
   POR CONSTRUCAO -- a descricao de um pickerField, que so' se preenche pelo dialogo -- e que por
   isso nao deve parecer bloqueado. Tem de vencer a regra do cinzento acima, e por isso repete-lhe
   a forma. Sem o input[readonly] fica em (0,2,0) contra os (0,2,1) dessa regra e todos os pickers
   aparecem cinzentos tambem em modo normal. */
:not(.inputreadonly).inputForceNormaltext,
input[readonly]:not(.inputreadonly).inputForceNormaltext {
  background-color: #ffffff !important;
}
/* [ ACL readonly: o widget e' mantido no DOM (compatibilidade JS) e neutralizado para o utilizador ].
   A classe e' apenas um marcador: quem bloqueia a interaccao e' dif.html.Forms.installReadonlyGuard(),
   que so' trava eventos com event.isTrusted, deixando passar el.click()/dispatchEvent do codigo das stages.
   Nao usar pointer-events (nao bloqueia o teclado) nem disabled (tornaria el.click() num no-op). */
.difReadonlyGuard {
  cursor: default;
}
.difReadonlyGuard input[type="radio"],
.difReadonlyGuard input[type="checkbox"],
.difReadonlyGuard label.label-radio {
  filter: grayscale(100%);
  opacity: 0.7;
  cursor: default;
}
.difReadonlyGuard label.label-radio {
  background-color: #f7f7f7 !important;
}
.difReadonlyGuard label {
  cursor: default;
}
/* O rgbaColorPicker insere o quadrado de cor como IRMAO do input, nao como descendente, e a classe da
   guarda fica no proprio input -- dai o selector de irmao. Sem isto o quadrado continuava a apresentar
   cursor de mao num campo bloqueado. */
.difReadonlyGuard + .colorChooser {
  cursor: default;
}
.multiSelectInputCellReadonly .x-boxselect {
  border-radius: 5px !important;
}
.multiSelectInputCellReadonly .x-boxselect-list {
  background-color: #f1f3f5 !important;
}
.multiSelectInputCellReadonly .x-boxselect-item {
  background-color: #666666 !important;
}
.multiSelectInputCellReadonly .x-boxselect-item-close {
  display: none !important;
}
.multiSelectInputCellReadonly .x-boxselect-item-text {
  padding-right: 5px !important;
}
/* [ error's boxes_layers/info layers ] */
.error-underline {
  background: transparent url("../img/invalid_line.gif") repeat-x scroll center bottom;
}
.input-error {
  display: inline;
  width: 16px;
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icongeral_alert.png") !important;
}
.error {
  background-color: #e3b7b7 !important;
}
input.error-underline {
  background-color: #ffffff;
}
.fieldhint {
  font-size: 85%;
  margin: 0 0 10px 0;
  padding: 0;
}
#captchaValueTip.fieldhint {
  margin: 0 0 10px 0 !important;
}
.fieldhelp ul {
  margin: 5px 10px;
  padding: 0;
}
.fieldhelp {
  padding: 10px;
  margin-left: 2px;
  min-width: 150px;
  float: left;
  cursor: default;
  border: 1px dotted #999999;
  background-color: #dddddd;
}
.fielderror {
  color: #b94a48;
  padding: 7px 10px 7px 30px !important;
  margin-left: 2px;
  min-width: 150px;
  float: left;
  border: 1px dotted #dddddd;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../img/icongeral_alert.png") !important;
}
.break {
  clear: both;
}
/* [ Required fields ] */
.messagemust {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  display: block;
}
.messagemust p {
  margin: 0;
  padding: 0 15px 0 0 !important;
  font-weight: bold;
}
/* [ *text ] */
.must {
  color: #df0f0b;
  font-size: 150%;
  line-height: 10px;
  margin-left: 2px;
}
/* [ FORMStable ] */
.tablelayoutform {
  margin: 0 !important;
}
.tablelayoutform td {
  vertical-align: top;
  line-height: 25px;
  /*css ComQuest+@DOC+MOB*/

}
.tablelayoutform p {
  margin: 0;
  padding: 0 !important;
}
.tablelayoutform sup {
  vertical-align: super;
  font-size: 70%;
}
.tablelayoutform .CodeMirror {
  border: 1px dotted #dddddd;
  margin: 0;
  display: inline-block;
}
.detailsForm {
  padding: 15px 15px 0 15px;
}
.x-window .tablelayoutform td label,
.x-panel .tablelayoutform td label,
.checkBoxFieldFormater {
  min-height: 24px !important;
  vertical-align: top;
}
/* [ Responsive FieldSet's ] */
.resp-fs-form {
  position: relative;
}
.resp-fs-form:before,
.resp-fs-form:after {
  content: " ";
  display: table;
}
.resp-fs-form:after {
  clear: both;
}
.resp-fs-column {
  float: left;
  padding: 0 15px 0 0;
}
div.cke {
  margin-bottom: 5px;
}
div.cke_textarea_inline {
  border: 1px dashed #dddddd;
  padding: 10px 10px 10px 30px;
  margin-bottom: 10px;
  border-radius: 6px;
}
[contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
  position: absolute;
  color: gray;
  background-color: transparent;
}
div.cke.cke_float .cke_top {
  border-radius: 5px;
}
div.cke.cke_float .cke_wordcount {
  clear: both;
  padding-top: 4px;
  border-top: 1px solid #dddddd;
}
div.cke_textarea_inline::after {
  content: "";
  position: absolute;
  display: block;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_edit.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top right;
  filter: opacity(0.1);
}
.cke_dialog_container {
  z-index: 999999999 !important;
}
.cke_dialog_body {
  background-color: #ffffff !important;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #dddddd !important;
  box-shadow: #ebe7e7 0 1px 0 0 inset, #ebe7e7 0 -1px 0 0 inset, #ebe7e7 -1px 0 0 0 inset, #ebe7e7 1px 0 0 0 inset;
}
.cke_dialog_body .cke_dialog_title {
  border-bottom: 1px solid #dddddd;
  padding: 15px;
  font-size: 150%;
  color: #1b1b1b;
  text-transform: uppercase;
}
.cke_hidpi a.cke_dialog_close_button {
  background-image: url("../img/icon_x.png") !important;
  background-size: 20px !important;
  top: 17px;
}
.cke_dialog_tabs {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.cke_dialog_contents {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.cke_dialog_body .cke_dialog_footer {
  text-align: center;
  background-color: initial !important;
  border: initial;
  padding: 0 0 10px 0;
}
.cke_dialog_body .cke_dialog_ui_button {
  background-color: #1b1b1b;
  color: #dddddd;
  text-transform: none;
  font-weight: normal;
}
.cke_dialog_body .cke_dialog_ui_button:hover {
  background-color: #1b1b1b;
  color: #dddddd;
}
@media screen and (max-width: 1024px) {
  .resp-fs-column {
    width: 100%;
  }
}
/**EXT**/
.x-form-item,
.x-border-box .x-form-field,
.x-form-item-label {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
}
.x-grid-editor .x-form-text,
.x-grid-row-editor .x-form-text {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
}
.x-grid-editor {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
}
/* combo list values*/
div.checkBoxContainer {
  display: inline;
  line-height: 22px;
  padding: 0 10px 0 0;
}
table.tablelayoutform div.checkBoxContainer {
  display: block;
}
.inputWithSuffix {
  display: table;
  /* will work on IE9 */

  display: -ms-inline-flexbox;
  /* will work on IE10 */

  display: inline-flex;
  /* is new syntax, will not work on IE10 */

  vertical-align: top;
  margin-bottom: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
}
.inputWithSuffix input {
  display: table-cell;
  width: 100%;
  border: none !important;
  margin-bottom: 0 !important;
  border-radius: 3px 0 0 3px !important;
  box-sizing: content-box !important;
  height: 20px !important;
}
.inputWithSuffix span.inputSuffix {
  font-weight: bold;
  display: table-cell;
  width: auto;
  padding: 0 5px;
  white-space: nowrap;
  border-left: 1px solid #cbd5e1;
  background-color: #e2e6ea;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 22px !important;
}
.inputWithSuffix span.inputSuffix img {
  border-radius: 0 10px 10px 0;
  margin: -2px;
  clip-path: inset(2px 2px 2px 2px);
}
input[readonly].pickerFakeField {
  background-color: #ffffff !important;
}
input[readonly].pickerFakeField:not(.inputreadonly) {
  background-color: #ffffff !important;
}
.pickerFieldSuffix a img {
  width: 16px;
}
input.hide + .pickerFieldSuffix {
  display: none !important;
}
.inputWithSuffix:has(.hide):not( :has(.inputreadonly)) {
  display: none !important;
}
.inputWidthTime {
  width: 95px;
  line-height: 16px;
}
.inputWidthTime input[readonly] {
  border-radius: 0 !important;
}
.inputWidthTime input {
  padding-right: 4px;
}
.inputWidthTime input:nth-of-type(2) {
  width: 20px;
  padding-left: 0;
}
.inputWidthTime span {
  font-weight: bold;
  padding-top: 4px;
}
.inputWidthTime span.clock {
  padding: 1px 11px 1px 11px;
  border-left: 1px solid #cbd5e1;
  border-right: 1px solid #cbd5e1;
  border-right: none;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/icon-clock.png");
}
.x-grid-editor .inputWidthTime span.clock {
  background-color: #e2e6ea;
  padding: 3px 11px 3px 11px;
}
form tr.liveFilterHideFieldLine td.formRowLabelTD {
  display: none;
}
form tr.liveFilterHideFieldLine td.formRowInputTD {
  display: none;
}
.x-grid-cell-inner [type=checkbox] {
  background-position-y: 0 !important;
  margin: 0 !important;
}
.extDateField .x-form-field.x-form-text {
  text-align: right;
}
/**/
.comquestStyleHeading1 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin-top: 20px;
}
.comquestStyleHeading2 {
  font-size: 20px !important;
  font-weight: bold !important;
  padding-top: 20px;
}
.comquestStyleHeading3 {
  color: #808080;
  font-size: 150% !important;
  font-weight: normal !important;
  padding-top: 20px;
}
.comquestStyleHeading4 {
  color: #999999;
  font-size: 140% !important;
  font-weight: normal !important;
}
.comquestStyleHeading5 {
  color: #a6a6a6;
  font-size: 120% !important;
  font-weight: normal !important;
}
/** Locked form classes **/
form.locked input:not([type="checkbox"]):not([type="radio"]),
form.locked textarea {
  border-style: dashed !important;
}
form.locked .inputWithSuffix input:not([type="checkbox"]):not([type="radio"]) {
  border: none !important;
}
form.locked .inputWithSuffix {
  border: 1px dashed #cbd5e1 !important;
}
form.locked {
  position: relative;
  display: inline-block;
}
form.locked::after,
form.locked .resp-fs-form::after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  background-color: white;
  opacity: 0.4;
  content: "";
}
div.formLockStatus {
  border-top: 3px solid #f1f3f5;
  border-radius: 0 10px;
  min-height: 32px;
  height: 35px;
}
div.formLockStatus .formLocked,
div.formLockStatus .formUnLocked {
  display: inline-block;
  float: right;
  background-color: #f1f3f5;
  padding: 2px 20px 4px 40px;
  background-position: 15px 5px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 0 10px 10px 10px;
  border: solid 1px #f1f3f5;
}
div.formLockStatus .formLocked {
  background-image: url("../img/icon_login.png");
}
div.formLockStatus .formLockedForMe {
  background-image: url("../img/icon_editcontacts.png");
}
div.formLockStatus .actions {
  display: inline-block;
  margin-bottom: 0;
}
div.formLockStatus .actions ul li {
  margin: 0 0 0 10px !important;
}
.x-grid.locked {
  z-index: 1;
}
.x-grid.locked form.locked .x-grid-view,
.x-grid.locked .x-grid-view {
  cursor: not-allowed;
}
.x-grid-row .x-grid-cell.x-action-col-cell {
  border-right: 1px solid #e2e8f0 !important;
}
form.locked .x-action-col-cell,
form.locked .x-grid-row .x-grid-cell.editableCell,
.x-grid.locked .x-action-col-cell,
.x-grid.locked .x-grid-row .x-grid-cell.editableCell,
.x-grid.locked .x-action-col-cell,
.x-grid.locked .x-grid-row .x-grid-cell .difFileUploadColumn {
  position: relative;
  pointer-events: none;
  opacity: 0.7;
}
form.locked .x-action-col-cell,
form.locked .x-grid-row .x-grid-cell.editableCell::after,
.x-grid.locked .x-action-col-cell,
.x-grid.locked .x-grid-row .x-grid-cell.editableCell::after,
.x-grid.locked .x-action-col-cell,
.x-grid.locked .x-grid-row .x-grid-cell .difFileUploadColumn::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.4;
  content: "";
}
.difFileUploadColumn a {
  display: inline-block;
}
.difFileUploadColumn a img {
  vertical-align: middle;
  height: 20px;
  width: auto;
  margin-right: 2px;
}
form.locked .gridTopButton,
.x-grid.locked .gridTopButton {
  pointer-events: none;
  opacity: 0.5;
}
/***** [ importFROM grids.css ] *****/
table.grid {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
  border: 1px solid #dddddd;
}
table.grid caption {
  color: #000000;
  font-weight: bold;
  padding: 5px;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  background-position: top;
  background-repeat: repeat-x;
  background-image: url("../img/backg_headerinquerito.jpg");
}
table.grid caption img {
  vertical-align: middle;
}
table.grid th {
  font-weight: normal;
  padding: 3px 5px;
  border-right: 1px solid #dddddd;
  background-color: #dddddd;
  background-image: none;
}
table.grid td {
  padding: 2px 5px;
  border-bottom: 1px solid #dddddd;
}
table.grid p {
  margin: 0 !important;
  padding: 0 !important;
}
.gridform input[type="submit"] {
  color: #ffffff !important;
  font-weight: bold !important;
  display: inline !important;
  width: auto !important;
  height: 12px;
  cursor: pointer;
  border: none !important;
  background-image: none !important;
  background-color: #1b1b1b !important;
}
.title {
  color: #000000 !important;
  font-weight: normal;
  height: 20px;
}
.totalresults {
  font-weight: bold;
  background-color: #fafafa;
}
.titleseparation {
  height: 1px;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 2px solid #dddddd;
}
.total {
  text-align: right;
  font-weight: bold;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #fafafa;
}
/***** [ importFROM layouts.css ] *****/
.contentfixed {
  height: 130px;
  overflow: auto;
  margin: 0;
  padding: 10px 0 0 0;
}
.contentauto {
  overflow: auto;
  margin: 0 0 10px 10px;
  padding: 20px 10px 0 0;
}
.wizardPagination + .main > form > .responsiveForm > .contentauto,
.wizardPagination + .main > form > .contentauto {
  padding-top: 0;
}
.contentnoauto {
  margin: 0 0 10px 10px;
  padding: 20px 10px 0 0;
}
/* DIF:dialog Component */
.dialogArea {
  padding: 5px 10px;
  background-color: #ffffff;
}
/* DIF:detailBox Component */
.detailbox {
  padding: 15px;
  float: right;
  width: max-content !important;
  background-color: #fafafa;
  border-radius: 6px;
}
.detailbox h3 {
  color: #000000;
  padding: 0 0 5px 0 !important;
}
.detailbox h5 {
  color: #000000;
  padding: 0 0 5px 0 !important;
}
.divtwocolumn {
  column-gap: 0 !important;
}
/**MAILnet**/
.detailboxdata dl {
  width: 250px;
  overflow: hidden;
}
.detailboxdata dt {
  float: left;
}
.detailboxdata dd {
  font-size: 110%;
  font-weight: bold;
  text-align: right;
}
.userdetailboxdata,
.noemaildetailboxdata,
.noaddressdetailboxdata,
.emailtosenddetailboxdata,
.emailsentdetailboxdata {
  padding-left: 30px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}
.userdetailboxdata {
  background-image: url("../img/icon_user.png");
}
.noemaildetailboxdata {
  background-image: url("../img/icon_noemail.png");
}
.noaddressdetailboxdata {
  background-image: url("../img/icon_noaddress.png");
}
.emailtosenddetailboxdata {
  background-image: url("../img/icon_email.png");
}
.emailsentdetailboxdata {
  background-image: url("../img/icon_emailsent.png");
}
/* DIF:searchBox Component */
div.x-panel-body.searchbox {
  padding: 15px 15px 0 15px;
  margin: 0;
}
div.x-panel-body .content {
  padding: 15px;
  margin: 0;
}
div.x-panel-body.searchbox .content {
  padding: 0;
  margin: 0;
}
.searchbox {
  background-color: #fafafa;
  overflow-y: hidden !important;
}
.searchbox .filtersArea {
  margin-bottom: 10px;
}
/* DIF:sitemapBox Component */
.tree {
  font-size: 95%;
}
.tree ul li {
  height: 18px;
  white-space: nowrap;
}
.tree span {
  padding-left: 5px;
  vertical-align: top;
}
.tree img {
  vertical-align: top;
}
.tree .treetitle {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 10px;
}
.x-tree-node a.link {
  text-decoration: underline;
}
.x-tree-node a.link:hover {
  text-decoration: none;
}
.treeNodeFEATURE .x-tree-icon-leaf,
.treeNodeAPPLICATION .x-tree-icon-leaf,
.treeNodeSERVICE .x-tree-icon-leaf,
.treeNodeSTAGE .x-tree-icon-leaf,
.treeNodeDocument .x-tree-icon-leaf,
.treeNodeMessage .x-tree-icon-leaf {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 18px;
}
.treeNodeFEATURE .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Cpath d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E");
}
/* Business feature not available (inactive, unregistered or on an unregistered entity): ACLs stay editable */
.treeNodeFeatureUnavailable .x-tree-node-text {
  opacity: 0.55;
  text-decoration: line-through;
}
.treeNodeAPPLICATION .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M2 8h20'/%3E%3Cpath d='M6 4v4'/%3E%3Cpath d='M10 4v4'/%3E%3C/svg%3E");
}
.treeNodeSERVICE .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M4 14h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M6 6h.01'/%3E%3Cpath d='M6 18h.01'/%3E%3C/svg%3E");
}
.treeNodeSTAGE .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 21h8'/%3E%3Cpath d='M12 17v4'/%3E%3C/svg%3E");
}
.treeNodeDocument .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
}
.treeNodeDocumentUpload .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M12 3v12'/%3E%3C/svg%3E");
}
.treeNodeMessage .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}
.treeNodeAdd .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E");
}
.treeNodeSQL .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5a9 3 0 1 0 18 0 9 3 0 1 0-18 0'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/svg%3E");
}
.treeNodeView .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 21h8'/%3E%3Cpath d='M12 17v4'/%3E%3C/svg%3E");
}
.treeNodeStage .x-tree-icon-leaf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
}
.treeWarnText {
  color: #000000;
  background-color: #f3ac3d;
}
.treeErrorText {
  color: #ffffff;
  background-color: #721513;
}
.treeNodeAdd {
  margin: 10px 0 10px 0px;
  display: block;
  border: 1px solid #dddddd !important;
  border-radius: 6px;
  padding: 7px 8px 2px 0px;
}
.x-grid-row .x-grid-cell.treeNodeBox {
  font-size: 13px !important;
}
.x-grid-row-selected .treeNodeAdd {
  background-color: inherit !important;
}
.treeElapsedTime {
  display: inline-block;
  padding: 0 5px;
  min-width: 60px;
  height: 21px;
  text-align: right;
  font-weight: bold;
  border-radius: 4px;
  margin-right: 10px;
}
#viewMetricsLink .treeElapsedTime {
  padding: 0 5px;
  min-width: auto;
  height: auto;
  margin: 0 2px;
  border: none;
}
.innerTreeValue .prettyprint {
  display: inline-block;
}
.treeItemRichContentParent {
  display: block;
  width: calc(100% - 30px);
  padding-bottom: 2px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #ddd;
}
.treeItemPerformanceMaxHeight .innerTreeValue {
  max-height: 5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* DIF:containerBox Component */
#containerbox {
  width: 100%;
  border: none;
  margin: 10px 0 20px 0;
  padding: 0;
}
.containerboxheader {
  color: #ffffff !important;
  font-size: 110%;
  padding: 10px 15px !important;
  background-color: #1b1b1b;
}
#containerbox .content {
  padding: 10px;
  background-color: #fafafa;
}
.columns {
  margin-left: unset !important;
  margin-right: unset !important;
}
.wizard {
  margin: 0;
}
.wizard .visited {
  background-color: #000000;
}
.wizard .nextstep {
  width: 17px;
  height: 38px;
}
.wizard .nextseparation {
  padding-bottom: 5px;
}
.zandgartooltip {
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  /* number of lines to show */

  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.step-item.active a.zandgartooltip {
  -webkit-line-clamp: 6;
  /* number of lines to show */

  line-clamp: 6;
}
.wizardPagination .actions .submit,
.wizardPagination .actions .cancel {
  background-image: none;
}
.actionsbuttons ul li.sectionsResponsive {
  display: none;
}
div.wizardStepsPagination {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
div.wizardStepsPagination .pagination,
.wizardPagination.pagination {
  text-transform: uppercase;
  padding-right: 10px;
  margin-bottom: 20px;
  background-color: transparent;
}
.navigationNoBottomMargin div.wizardStepsPagination .pagination {
  margin-bottom: 0;
}
div.wizardStepsPagination .pagination .actions ul,
.wizardPagination.pagination .actions ul {
  margin: 0;
}
div.wizardStepsPagination .pagination .actions ul li,
.wizardPagination.pagination .actions ul li,
div.wizardStepsPagination .pagination .actions ul li span,
.wizardPagination.pagination .actions ul li span {
  padding-left: 0;
}
.wizardPagination.pagination .actions ul li {
  margin: 0;
  padding: 0;
  text-indent: 0;
}
div.wizardStepsPagination .pagination .actions .previous,
.wizardPagination.pagination .actions .previous {
  padding-left: 25px !important;
  background-position: 5% 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("../img/icon_arrowleft_w.png");
}
.wizardPagination.pagination .actionsbuttons li.sections {
  color: #1b1b1b;
  padding-right: 10px;
  background-color: transparent;
  text-transform: none;
}
.wizardPagination.pagination .actionsbuttons li.sectionsResponsive {
  text-transform: none;
}
.wizardPagination.pagination .actions input,
.wizardPagination.pagination .actions a {
  color: #ffffff !important;
  text-transform: none;
  height: auto;
  border: none;
  background-color: #1b1b1b;
}
div.wizardStepsPagination button:hover,
.wizardPagination input:hover,
.wizardPagination a:hover {
  color: #ffffff;
  background-color: #666666 !important;
}
.zandgar__step > div:first-child {
  overflow: auto;
}
.zandgar__step div.wizardStepsPagination {
  position: relative;
  left: initial;
  right: initial;
  bottom: initial;
}
.step-item {
  overflow-wrap: anywhere;
}
.step-item.active {
  overflow-wrap: normal;
}
.pageContainer .pageContainerContent {
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  margin-left: 179px;
  padding-left: 20px;
  padding-top: 20px;
  overflow: auto;
}
.wiznav {
  min-width: 180px;
  max-width: 30%;
  font-weight: bold;
  float: left;
  margin-right: -1px;
}
.wiznav ul {
  background-color: #fafafa;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-radius: 6px 0 0 6px;
}
.wiznav ul li {
  display: block;
  line-height: 20px;
}
.wiznav ul li:first-of-type,
.wiznav ul li.maintitle,
.wiznav ul li.maintitle_active {
  border-top-left-radius: 6px;
}
.wiznav ul li:last-of-type {
  border-bottom-left-radius: 6px;
}
.wiznav a {
  color: #1b1b1b !important;
  display: block;
  padding: 4px 5px 4px 10px;
  *margin-left: -17px;
  border-left: 10px solid #fafafa;
  transition: all 0.5s;
  cursor: pointer;
}
.wiznav a:hover {
  border-left: 10px solid #1b1b1b;
  background-color: #ffffff !important;
}
.pageContainer .wiznav .maintitle a:hover {
  background-color: #999999 !important;
}
.wiznav .maintitle_active {
  color: #ffffff;
  font-size: 140%;
  padding: 10px;
  *margin-left: -17px;
  background-color: #1b1b1b;
}
.wiznav .maintitle {
  color: #ffffff;
  font-size: 140%;
  background-color: #1b1b1b;
}
.wiznav .maintitle a {
  color: #ffffff !important;
  border-left: none;
  padding: 10px;
  overflow: auto;
}
.wiznav .links {
  border-bottom: 1px solid #dddddd;
}
.wiznav .links_active {
  padding: 5px 5px 5px 10px;
  *margin-left: -17px;
  border-bottom: 1px solid #dddddd;
  border-left: 10px solid #000000;
  background-color: #ffffff;
}
/* DIF:pagination Component */
.pagination {
  color: #1b1b1b;
  font-weight: bold;
  margin-top: 10px !important;
  clear: both;
  background-color: transparent;
}
/* DIF:footnote Component */
.footnote {
  font-size: 85% !important;
  display: inline-block;
  border-top: 1px dotted #dddddd;
  margin: 10px 0 20px 0 !important;
  padding-top: 3px;
}
.footnote ul li {
  line-height: 12px;
}
.x-window .footnote {
  margin: 10px 0 10px 0 !important;
}
.footnote sup {
  color: #1b1b1b;
  font-weight: bold;
  padding-right: 3px;
}
/* DIF:alertBox Component */
#alertbox {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #fafafa;
  border: 1px solid #e2e8f0;
  border-radius: 10px 10px 10px 10px !important;
}
.alertboxtext {
  padding: 15px;
  vertical-align: top;
  display: table-cell;
  width: 100%;
  background-color: #ffffff;
  border-radius: 0 10px 10px 0 !important;
}
.alertboxtext h3 {
  padding: 0;
}
.alertboxtext ul {
  margin: 10px;
}
/** [ alerts/w/icons ] **/
.iconsalert {
  margin-right: 15px;
  float: left;
}
.iconsalert img {
  width: 40px;
}
#alertbox .iconsalert {
  display: table-cell;
  padding: 15px;
  margin: 0;
  float: none;
}
#alertbox .iconsalert img {
  filter: brightness(0.8);
}
/** [ alert ] **/
.alert {
  font-weight: bold;
  padding: 0 0 0 20px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url("../img/icongeral_alert.png");
}
.alert {
  color: #b94a48 !important;
}
/*** DIF:panelBox Component ***/
.panel {
  margin: 0;
  overflow: auto;
  border: none;
}
.titlePanel div.content {
  padding: 0 !important;
  margin: 0 !important;
}
/* Ext Hack */
strong {
  font-weight: bold !important;
  font-style: inherit;
}
em {
  font-weight: inherit;
  font-style: italic !important;
}
.cleanLayout {
  padding: 20px 20px 20px 20px;
}
.cleanLayout.withSubTitle {
  padding: 20px 20px 20px 20px;
}
.cleanLayout .x-panel .x-panel-body-default {
  background-color: #ffffff !important;
}
.cleanLayout .x-panel .x-toolbar.x-docked-bottom {
  background-color: #ffffff !important;
}
.cleanLayout .x-panel .x-toolbar.x-docked-top {
  background-color: transparent;
}
.cleanLayout .x-toolbar-footer .x-btn {
  background-color: #1b1b1b !important;
}
.cleanLayout .x-toolbar-footer .x-btn:hover {
  background-color: #666666 !important;
}
.cleanLayout .x-toolbar-footer .x-btn .x-btn-inner {
  color: #ffffff !important;
}
.cleanLayout .x-form-item {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
}
.cleanLayout.x-window {
  border-radius: 10px;
}
/* Windows are dragged live (Ext.window.Window in difCustomComponents.js): iframes must not take the mouse meanwhile */
.difWindowDragging iframe,
.difWindowDragging object,
.difWindowDragging embed {
  pointer-events: none;
}
.cleanLayout .x-window-body {
  min-width: 250px;
}
.cleanLayout .x-window-header {
  padding-top: 15px;
  padding-bottom: 10px !important;
  padding-right: 30px;
  border-bottom: 1px solid #dddddd !important;
  background: #fafafa;
}
.cleanLayout .x-window-header .x-tool-close {
  height: 30px;
  background-size: 15px;
  background-image: url("../img/icon_x.png") !important;
}
.cleanLayout .x-window-header-text-default,
.x-message-box .x-window-header-text-default,
.x-window-tl .x-window-header .x-window-header-text {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-size: 225%;
  text-transform: none;
  font-weight: normal;
  line-height: 1.7;
  padding: 10px 20px !important;
  margin: 0 !important;
}
.cleanLayout .titlePanel {
  overflow: hidden;
}
.x-message-box {
  padding: 20px 30px;
  background-color: #ffffff;
  border-radius: 10px;
}
.x-message-box .x-window-body {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  background-color: #ffffff;
}
.x-message-box .x-window-header {
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 30px;
  background: #ffffff;
}
.x-message-box .x-window-header-text-default,
.x-message-box .x-window-header-text-default {
  font-size: 170%;
}
.titlePanel h4.panelSubTitle {
  padding: 0 0 0 0 !important;
  white-space: normal;
}
.x-panel .x-panel-header {
  border: none;
  box-shadow: none !important;
  padding: 0 0 2px 0;
  margin: 10px 5px;
  background: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.x-panel-body.panelWithNoInnerPadding .content {
  padding: 0;
}
.x-panel-body.panelWithNoTitle .content {
  padding-top: 0px !important;
}
.x-panel .x-panel-header .x-panel-header-text {
  text-transform: none;
  font-size: 170%;
  font-variant: small-caps;
  line-height: 24px;
  color: #999999;
}
.x-panel .x-panel.innerPanel .x-panel-header {
  padding: 5px 15px 5px 0;
  background: none !important;
}
.x-panel {
  border: none;
  margin-right: 1px;
}
.x-panel .x-panel-body-default {
  border: none;
}
.x-panel:not(.x-grid):not(.backgwhite) {
  border-radius: 10px;
}
.x-panel .x-toolbar.x-docked-bottom {
  padding: 6px 7px;
  border: none;
  background-color: #fafafa;
  background-image: none;
}
.x-panel .x-toolbar.x-docked-top {
  padding: 6px 0 !important;
  border: none;
  background-color: transparent;
  background-image: none;
}
.x-panel .x-toolbar.x-toolbar-vertical,
.x-panel .x-toolbar.x-toolbar-vertical .x-toolbar {
  background-color: transparent;
  background-image: none;
  border: none;
  padding: 0;
}
.x-panel > .x-toolbar.x-toolbar-vertical {
  border-left: 1px solid #e2e8f0 !important;
  padding-left: 5px;
  padding-right: 5px;
}
.x-toolbar-footer {
  margin-top: 0;
}
.x-border-layout-ct {
  background: none;
}
.x-html-editor-tb .x-btn-icon {
  background-size: initial;
}
.x-splitter-vertical,
.x-splitter-horizontal {
  background-color: #f1f3f5;
}
.x-splitter-horizontal {
  height: 1px !important;
  margin-left: 25px !important;
  margin-right: 75px !important;
}
.x-splitter-vertical {
  width: 1px !important;
  margin-right: 5px !important;
}
.x-splitter .x-collapse-el {
  display: none;
}
.x-grid-header-ct {
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 10px;
}
.x-panel .x-grid-header-ct-hidden {
  display: none;
}
.x-column-header:first-of-type {
  border-top-left-radius: 6px;
}
.x-column-header:last-of-type {
  border-top-right-radius: 6px;
}
.x-column-header,
.x-column-header-over {
  background: none !important;
  font-weight: bold;
  border: none !important;
}
.x-column-header.x-group-header {
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}
.x-column-header-trigger {
  background-image: url("../img/icon_arrowdown.png");
  background-position: 1px center;
  background-size: 10px auto;
  background-color: #dddddd;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.x-grid-row .x-grid-cell {
  border-color: #f4f6f7 !important;
  border-style: solid;
  border-top: none;
}
.x-grid-row:last-of-type .x-grid-cell {
  border-bottom: none;
}
.x-grid-row .x-grid-cell-special {
  background: none !important;
  border: none !important;
}
.x-grid-row-summary {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-weight: bold;
}
.x-grid-row-summary .x-grid-cell-inner {
  border-top: 1px solid #dddddd;
}
.x-grid-group-title {
  color: #000000 !important;
}
div:not(.x-window) > .x-resizable-handle {
  display: none;
}
.x-panel.x-menu {
  border-radius: 0px;
}
.x-menu-body {
  background-color: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 0 0 5px 5px;
  padding: 10px;
  box-shadow: none;
}
.x-menu-item:not(.x-menu-item-separator) {
  padding: 1px 0 1px 5px;
}
.x-menu-item-icon {
  top: 6px !important;
  left: 6px !important;
}
.x-menu-item-link {
  padding: 3px 2px 3px 30px;
  line-height: 16px;
  margin: 1px !important;
}
.x-menu-item-separator {
  display: none !important;
}
.x-menu-item-active .x-menu-item-link {
  background: #f1f3f5 !important;
  border: none !important;
}
.x-css-shadow {
  display: none !important;
}
.x-tree-panel input[type=text] {
  padding-right: 9px !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.x-tree-panel .x-btn:not(:first-child) {
  border-radius: 0 !important;
  margin-left: -3px !important;
  margin-top: 0px !important;
  padding: 8px !important;
}
.x-tree-panel .x-btn:last-child:not(:first-child) {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.x-grid .searchGridText input {
  padding-right: 9px !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.x-grid .selectGridTextFirst,
.x-grid .selectGridText {
  border: 1px solid #e2e8f0;
  border-right: none;
  border-radius: 5px 0 0 5px;
  padding: 8px;
  height: 34px;
  margin-left: 0 !important;
  margin-right: -4px !important;
  cursor: default;
}
.x-grid .selectGridTextRoundedCorners {
  border-radius: 5px !important;
}
.x-grid .selectGridText {
  border: 1px solid #e2e8f0 !important;
  border-left: none !important;
  border-radius: 0;
  margin-left: -3px !important;
  margin-right: 0 !important;
  font-size: 120%;
  padding: 6px 8px 6px 6px;
  font-weight: bold;
}
.x-grid .x-toolbar .groupedGridButtons {
  margin-top: 0px !important;
  margin-left: -3px !important;
  padding-bottom: 8px !important;
  border-radius: 0 !important;
}
.x-grid .x-toolbar .groupedGridButtons.groupedGridButtonsLast {
  border-radius: 0 5px 5px 0 !important;
}
.x-grid .x-toolbar .groupedGridButtons.groupedGridButtonsFirst {
  margin-left: 0 !important;
  border-radius: 5px 0 0 5px !important;
}
.x-btn-default-toolbar-small-icon .x-btn-icon {
  background-size: auto 16px !important;
}
.x-btn {
  font-size: 12px !important;
  font-weight: normal !important;
  text-transform: none !important;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  padding: 8px;
  border: 1px solid #dddddd !important;
  border-radius: 5px !important;
  background: #ffffff;
  transition: all 0.5s;
  transition-property: background, color;
}
.x-btn:not(.x-btn-default-toolbar-small-icon):not(.x-btn-default-small-noicon) {
  height: 34px;
}
.x-btn.mimeButton button .x-btn-icon {
  border-radius: 4px 0 0 4px;
}
.x-field.x-tbar-page-number input {
  text-align: right;
}
.x-btn:hover {
  background: #f1f3f5 !important;
}
.x-btn .x-btn-inner {
  color: #1b1b1b;
}
.x-btn .x-btn-inner:hover {
  color: #1b1b1b;
}
.x-btn-default-toolbar-small .x-btn-inner,
.x-btn-default-small .x-btn-inner {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  text-transform: none !important;
  font-weight: normal !important;
}
.x-btn-pressed,
.x-btn-default-small-pressed,
.x-btn-default-toolbar-small-pressed,
.cleanLayout .x-toolbar-footer .x-btn-pressed {
  color: #ffffff !important;
  padding: 8px 8px 4px 8px;
  border-bottom: 4px solid #999999 !important;
}
.cleanLayout .x-toolbar-footer .x-btn-pressed {
  border-bottom: 4px solid #999 !important;
}
.x-tab-bar,
.x-tab-bar-body {
  height: 43px !important;
  background: none !important;
  border: none !important;
}
.x-tab {
  padding: 7px;
  height: 40px !important;
  border: 1px solid #e2e8f0;
  border-radius: 0 !important;
  margin-right: -4px !important;
  background: none !important;
  transition: border 0.2s ease;
}
.x-tab:hover,
.actionstab ul li:hover {
  background: #f1f3f5 !important;
}
.x-tab:first-of-type,
.actionstab ul li:first-of-type {
  border-top-left-radius: 6px !important;
}
.x-tab:last-of-type,
.actionstab ul li:last-of-type {
  border-top-right-radius: 6px !important;
}
.x-tab-default-top button,
.x-tab-default-top .x-tab-inner {
  line-height: 17px;
  height: 19px;
}
.x-tab-default-top {
  background-image: none;
  background-color: #666666;
}
.x-tab button,
.actionstab a,
.actionstab li input {
  color: #000000 !important;
  font-size: 15px;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  text-transform: none;
  font-variant: small-caps;
  background: none !important;
  padding-left: 0 !important;
}
.x-tab.x-active,
div.actionstab .actionstabselected,
div.actionstab li.actionstabselected {
  border-bottom: 4px solid #006ab6 !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.actionstab {
  float: none !important;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  height: 31px !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.actionstab ul li {
  font-weight: normal;
  text-transform: none;
  display: inline;
  padding: 11px 10px;
  border-top: 4px solid #dddddd;
  background-color: #666666;
  padding: 10px;
  height: 40px !important;
  border: 1px solid #e2e8f0;
  border-radius: 0 !important;
  margin-right: -4px !important;
  margin-left: 0 !important;
  background: none !important;
  transition: all 0.2s ease;
}
.actionstab li input {
  padding-left: 23px;
  border: none !important;
}
.gridColumnWithRightContentFullWidth {
  display: flex;
}
.gridColumnWithRightContent {
  display: inline-flex;
  max-width: 100%;
}
.gridColumnLeft {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridColumnRight {
  padding-left: 2px;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridColumnRightActions {
  padding-left: 2px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rightAlignValueContainer {
  display: flex !important;
}
.rightAlignValueTitle {
  width: 100%;
  padding: 0 !important;
}
.rightAlignValueValue {
  width: 60px;
  text-align: right;
  padding: 0 !important;
}
.urgent {
  color: #b94a48;
  font-weight: bold;
  font-size: 110%;
  padding: 0 !important;
  text-transform: uppercase;
}
/**** [servicoREPOSITORIODOCUMENTAL/ADMIN | time lapse/ACOES CRONOLOGICAS | netP@]***/
.timeline {
  border-left: 4px solid #dddddd;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin: 20px 0 20px 150px;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  padding: 10px 20px;
  list-style: none;
}
.timeline .event {
  padding: 5px 20px 5px 0;
  margin-top: 20px;
  position: relative;
}
.timeline .event.eventNoTitle {
  margin-top: 0px;
}
.timeline .event h3 {
  padding: 0;
}
.timeline .event:before,
.timeline .event:after {
  margin-top: 20px;
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: -172px;
  content: attr(data-date);
  text-align: right;
  font-weight: bold;
  font-size: 1em;
  min-width: 120px;
}
.timeline .event span.dateSub {
  color: #999999;
  position: absolute;
  top: 35px;
  left: -172px;
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
  min-width: 120px;
  max-width: 130px;
}
.timeline .event:after {
  box-shadow: 0 0 0 2px #000000;
  left: -28px;
  background: white;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}
.timeline .event.eventNoTitle:before {
  top: -15px;
}
.timeline .event.eventNoTitle .dateSub {
  top: 20px;
}
.timeline .event.eventNoTitle:after {
  top: -10px;
}
.timeline .event blockquote {
  margin: 5px 10px;
  padding: 5px 10px;
  border-left: 3px solid #f1f3f5;
  overflow-wrap: anywhere;
}
/**** [servicoCSH | HORARIOS-CALENDARIO EXT | SiGESbo + netP@]***/
.calendarReadOnlyCell {
  color: #999999 !important;
  border-top: 1px solid #ffffff;
  cursor: not-allowed !important;
  background-color: #dddddd !important;
}
.ext-cal-evt .ext-evt-bd {
  display: flex;
  justify-content: center;
  height: 100%;
}
.eventCellHiddenAction {
  margin-top: 15px;
}
.ext-cal-evt .eventCellHiddenAction {
  display: none;
}
/*SiGESbo*/
.disponibilidadeCelulaIndisponivel {
  color: #999999 !important;
  background-color: #f1f3f5 !important;
}
.disponibilidadeCelulaAviso {
  color: #999999 !important;
  background-color: #ffeba6 !important;
}
.disponibilidadeCelula0 {
  color: #999999 !important;
  background-color: #ffffff !important;
}
.disponibilidadeCelula25 {
  background-color: #d3dee9 !important;
}
.disponibilidadeCelula50 {
  background-color: #b1c4d8 !important;
}
.disponibilidadeCelula75 {
  background-color: #8fabc7 !important;
}
.disponibilidadeCelula100 {
  background-color: #668cb3 !important;
}
/* Extensible calendar (<dif:calendar>, <dif:scheduler>): Google Calendar-like layout -- white grid with thin lines,
   two-line day titles (difCalendarDayTitles in difCustomComponents-extensible.js), today in a theme circle */
.ext-cal-ct,
.ext-cal-ct td {
  font-family: montserrat, Arial, Helvetica, sans-serif;
}
.ext-cal-body-ct,
.ext-cal-dayview .ext-cal-body-ct {
  background-color: #ffffff !important;
}
.ext-cal-monthview .ext-cal-body-ct {
  border-top: 1px solid #f6f8fa !important;
}
/* Header of the day/week views */
.ext-cal-hd-ct {
  border: none !important;
}
.ext-cal-ct .ext-cal-day-header,
.ext-cal-ct .ext-cal-hd-days-tbl {
  background-color: #ffffff !important;
  border-radius: 0;
}
.ext-cal-ct .ext-cal-hd-days-tbl .ext-cal-bg-tbl {
  background-color: #ffffff !important;
  border-bottom: 1px solid #f6f8fa;
}
.ext-cal-dayview .ext-cal-bg-tbl {
  border-bottom: none !important;
}
.ext-cal-bg-tbl {
  margin-top: 1px;
}
/* Grid of the day/week views: thin hour lines, a faint half-hour one, thin column separators */
.ext-cal-dayview .ext-cal-bg-row-div {
  border-top: 1px solid #f6f8fa;
  border-bottom: 1px dotted rgba(226, 232, 240, 0.5);
}
.ext-cal-day-col {
  border-left: 1px solid #f6f8fa;
}
.ext-cal-day-col-gutter {
  margin-left: 1px;
  margin-right: 6px;
}
/* Hour labels: small, grey, right aligned just below the line of their hour (never clipped by the scroll top) */
.ext-cal-ct .ext-cal-day-times {
  color: #999999 !important;
  font-weight: normal;
  background-color: transparent !important;
}
.ext-cal-day-time-inner {
  box-sizing: border-box;
  padding: 2px 8px 0 0;
  border-bottom: none;
  font-size: 11px;
  line-height: 1.4;
}
/* Month boxes */
.ext-cal-ct .ext-cal-day,
.ext-cal-ct .ext-cal-day-we {
  border-left: 1px solid #f6f8fa;
  border-right: none;
}
.ext-cal-ct .ext-cal-day-first {
  border-left: none;
}
/* Day titles: the spans of difCalendarDayTitles go straight into Extensible's title <div> (td > div > span) */
.ext-cal-ct td.ext-cal-dtitle {
  color: #000000;
  font-weight: normal;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  padding: 0;
  border-top: 1px solid #f6f8fa;
}
.ext-cal-ct td.ext-cal-dtitle-first,
.ext-cal-dayview td.ext-cal-dtitle {
  border-top: none !important;
}
.ext-cal-ct td.ext-cal-dtitle > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  box-sizing: border-box;
  padding: 4px 2px 2px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
/* Month boxes: the same title height in every week (Month.getDaySize measures the last week only, for "+N more"),
   with the number always on the same line */
.ext-cal-ct td.dif-cal-dtitle-month > div {
  height: 46px;
  justify-content: flex-end;
}
.ext-cal-ct td.ext-cal-dtitle-today > div {
  color: inherit;
  background-color: transparent !important;
  margin: 0;
  border-radius: 0;
}
.dif-cal-dname,
.dif-cal-dmonth {
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #666666;
}
.dif-cal-dnum {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 12px;
  font-size: 12px;
}
/* Kept only so that Month.initClock moves the view to the next day at midnight */
.dif-cal-clock {
  display: none;
}
.dif-cal-dtitle-hd .dif-cal-dnum {
  min-width: 36px;
  height: 36px;
  border-radius: 18px;
  font-size: 21px;
}
.ext-cal-ct td.ext-cal-dtitle-today .dif-cal-dnum {
  color: #ffffff;
  background-color: #1b1b1b;
  font-weight: bold;
}
.ext-cal-ct td.ext-cal-dtitle-today .dif-cal-dname {
  color: #1b1b1b;
  font-weight: bold;
}
/* Fixed week (a generic week): only the week day, no today */
.dif-cal-dtitle-fixed .dif-cal-dname {
  font-size: 12px;
  padding: 6px 0;
}
/* Events: rounded blocks; in the day/week views a plain title goes in bold with the time (and location) below it,
   or inline next to it in events of 45 minutes or less. Colours stay those of calendar-colors.css / cell_color */
.ext-cal-evr {
  border-radius: 4px;
}
.ext-cal-evt .dif-cal-evt-plain {
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  overflow: hidden;
  padding: 2px 6px;
  text-align: left;
  white-space: normal;
  line-height: 1.3;
}
.dif-cal-evt-plain .dif-cal-evt-title {
  font-weight: bold;
  overflow-wrap: anywhere;
}
.dif-cal-evt-plain .dif-cal-evt-sub {
  font-size: 11px;
  opacity: 0.85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ext-cal-evt .dif-cal-evt-short {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding-top: 1px;
  padding-bottom: 0;
}
.dif-cal-evt-short .dif-cal-evt-title {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dif-cal-evt-short .dif-cal-evt-sub {
  flex: 0 0 auto;
}
/* Toolbar (prev/next, today, views): outline buttons with the DIF default radius, the active view in the theme colour */
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small {
  border-color: #e2e8f0;
  background-color: #ffffff;
  background-image: none;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small:hover {
  background-color: #f1f3f5;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small-pressed {
  border: 1px solid #1b1b1b !important;
  padding-bottom: 7px;
  background-color: rgba(27, 27, 27, 0.09999999999999998);
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small-pressed .x-btn-inner {
  color: #1b1b1b !important;
  font-weight: bold !important;
}
.x-tree-panel .x-grid-cell-inner img,
.x-tree-panel .x-grid-cell-inner img {
  flex: 21px;
}
.x-tree-panel .x-grid-cell-inner {
  vertical-align: top;
  white-space: normal;
  display: flex;
  /* a little more room between rows (27px instead of 23px), without changing the font or the width */

  padding-top: 2px;
  padding-bottom: 2px;
}
.x-tree-panel .x-grid-cell-inner img.x-tree-icon {
  flex: 0 0 20px;
  width: 20px;
  margin-top: 0;
}
.x-tree-panel .x-grid-cell-inner .innerTreeValue {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
}
/* The title of a tree node with a badge (TreeItemDefinition): the text takes the room the badge leaves and wraps inside
   it, so the badge stays on the right of the title instead of falling to a line of its own */
.x-tree-panel .x-grid-cell-inner .innerTreeValue > .flexauto {
  flex: 1 1 0;
  min-width: 0;
}
.x-tree-panel .treeTdClass .x-grid-cell-inner > a {
  flex: 100%;
}
.x-tool-over img.x-tool-plus,
.x-tool-over img.x-tool-expand-top,
.x-tool-over img.x-tool-collapse-top,
.x-tool-over img.x-tool-expand-bottom,
.x-tool-over img.x-tool-collapse-bottom,
.x-tool-over img.x-tool-collapse-left,
.x-tool-over img.x-tool-expand-left,
.x-tool-over img.x-tool-collapse-right,
.x-tool-over img.x-tool-expand-right,
.x-tool-over img.x-tool-close,
.x-tool-over img.x-tool-maximize,
.x-tool-over img.x-tool-restore {
  background-position: initial !important;
}
.x-tool-plus,
.x-tool-expand-top,
.x-tool-collapse-top,
.x-tool-expand-bottom,
.x-tool-collapse-bottom,
.x-tool-collapse-left,
.x-tool-expand-left,
.x-tool-collapse-right,
.x-tool-expand-right,
.x-tool-close,
.x-tool-maximize,
.x-tool-restore {
  background-position: initial;
  background-size: 15px auto;
}
.x-tool-plus {
  background-image: url("../img/icon_add.png") !important;
}
.x-tool-expand-top,
.x-tool-collapse-top {
  background-image: url("../img/icon_arrowtop_double.png") !important;
}
.x-tool-expand-bottom,
.x-tool-collapse-bottom {
  background-image: url("../img/icon_arrowbottom_double.png") !important;
}
.x-tool-collapse-left,
.x-tool-expand-left {
  background-image: url("../img/icon_arrowleft_double.png") !important;
}
.x-tool-collapse-right,
.x-tool-expand-right {
  background-image: url("../img/icon_arrowright_double.png") !important;
}
.x-toolbar-more-icon {
  background-image: url("../img/icon_menu.png") !important;
}
.x-tool-maximize,
.x-tool-restore {
  background-image: url("../img/icon_expandarea.png") !important;
}
.x-tool-close,
.x-tab-close-btn {
  background-image: url("../img/icon_x.png") !important;
}
.x-tab-close-btn {
  background-size: 9px auto;
  background-position-y: 2px;
}
/* Ext Hack END */
#parameterErrors .panel {
  padding: 0 0px 10px 70px;
  min-height: 60px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 46px;
  background-image: url("../img/icongeral_warning.png");
  border-radius: 0 0 10px 10px;
  border: 1px solid #f1f3f5;
}
#parameterErrors .panel ul ul {
  padding-left: 10px;
}
#parameterErrors .panel ul li {
  list-style: square inside;
  text-indent: -40px;
  margin-left: 40px;
}
#parameterErrors .panel ul ul li {
  list-style: circle inside;
}
.panelboxheader {
  color: #000000 !important;
  height: 22px !important;
  line-height: 22px !important;
  padding-left: 10px;
  margin: 0 !important;
  background-color: #fafafa;
  background-image: none !important;
}
.panelboxheader span {
  float: right;
  margin: -13px 5px 0 0;
}
.panelActions {
  margin: 0;
  border-top: none;
}
.panelActions div.actions {
  margin: 5px;
}
.panelActions div.actions ul {
  margin-right: 5px;
}
/* DIF:popupBox - Static/Dinamic Component */
.helpBox {
  right: 250px;
  bottom: 50px;
  z-index: 100;
  padding: 0;
  position: absolute;
  width: 600px;
  height: 400px;
  overflow: auto;
  left: 300px;
  top: 200px;
  border: 1px solid #dddddd;
  background: #fafafa;
}
.helpItem {
  margin-bottom: 20px;
  clear: both;
}
.description {
  margin-bottom: 10px;
  text-indent: initial;
}
/*** [ tabs_accordion/simpleHTML ] ***/
.simpleopenbox h3 {
  padding: 10px;
  font-size: 120%;
  color: #ffffff;
  background-color: #1b1b1b;
}
.simpleopenbox .content {
  padding: 15px;
}
/* Talvez seja da DIF1: START */
#tablink {
  margin: 0 !important;
  padding: 0 !important;
  height: 26px !important;
  border-bottom: 1px solid #dddddd !important;
  background-color: #dddddd !important;
}
#tablink ul {
  width: 100% !important;
  margin: 10px !important;
  height: 26px !important;
}
#tablink li {
  list-style: none;
  display: block;
  float: left;
  height: 17px !important;
  margin: 2px 1px;
  padding: 2px 4px 0 4px;
  border: 1px solid #dddddd;
  background-color: #dddddd !important;
}
#tablink li a {
  color: #000000 !important;
}
#tablink li a:hover {
  height: 20px !important;
  background-color: #cccccc !important;
}
#tabcontainer {
  overflow: hidden;
}
/* Talvez seja da DIF1: END */
.page {
  padding: 10px;
  background: #ffffff;
}
.imgsinglequestion {
  height: 18px !important;
  margin: 0 !important;
}
.fildsetablecomplex legend {
  color: #000000;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
}
.fildsetablecomplex span {
  font-weight: normal;
}
.legendscale {
  color: #999999 !important;
  font-weight: bold !important;
}
.mainindent {
  font-weight: bold;
  padding: 0 3px 0 0 !important;
  margin: 0 3px 0 0 !important;
}
.mainindentDivWithtip input {
  padding-bottom: 0 !important;
}
.fontindent {
  font-size: 100%;
  font-weight: bold;
}
.optionVerticalMargin {
  margin: 0 0 5px 0 !important;
  line-height: 20px;
}
div.optionVerticalMargin div.displayinlinetable {
  display: table-cell !important;
}
.indentLevel1 {
  padding: 2px 3px 0 20px !important;
}
.indentLevel2 {
  padding: 2px 3px 0 40px !important;
}
.indentLevel3 {
  padding: 2px 3px 0 60px !important;
}
.indentLevel4 {
  padding: 2px 3px 0 80px !important;
}
.indentLevel5 {
  padding: 2px 3px 0 100px !important;
}
.indentLevel6 {
  padding: 2px 3px 0 120px !important;
}
.indentLevel7 {
  padding: 2px 3px 0 140px !important;
}
.indentLevel8 {
  padding: 2px 3px 0 160px !important;
}
.firstindent {
  padding: 2px 3px 0 20px !important;
}
.secondindent {
  padding: 2px 3px 0 20px !important;
}
/* DIF:help Component */
#helpDialog {
  padding: 10px;
  background-color: #ffffff;
}
#helpDialog h2 {
  font-size: 150%;
}
#helpDialog label {
  font-size: 110%;
}
.jobWindow {
  margin: 5px 5px 10px 0;
  display: inline-table;
  border-radius: 10px;
  border: 1px solid #dddddd;
}
.jobWindow .jobId {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border-right: 1px solid #dddddd;
  background-color: #fafafa;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.jobWindow div.idDiv {
  font-size: 12px;
  font-weight: bold;
}
.jobWindow div.idDiv .jobKeyword {
  color: #999999;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
}
.jobWindow span.id {
  font-size: 20px;
}
.jobWindow span.type {
  display: none;
}
.jobWindow .jobDetails {
  vertical-align: middle;
  display: table-cell;
  padding: 5px 10px 5px 10px;
}
.jobWindow span.name {
  font-weight: bold;
  display: block;
}
.jobWindow span.description {
  color: #999999;
  display: block;
}
.jobWindow span.triggerSettings {
  display: block;
}
.jobWindow span.executionStatus {
  display: inline-block;
  padding-bottom: 3px;
  font-weight: bold;
}
img.jobImage {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.gridVerticalAlignmentMiddle .x-grid-row .x-grid-cell {
  vertical-align: middle;
}
.gridRowPadding .x-grid-row .x-grid-cell {
  padding: 20px 0;
}
.extColumnHeaderWrap .x-column-header-inner .x-column-header-text {
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  white-space: normal;
}
.regimeTitleWithAction {
  display: flex !important;
  align-items: baseline;
}
div.dialogIFrame {
  background-image: url("../img/loadingCircles2.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100px;
}
div.dialogIFrame iframe {
  border: none;
  width: 100%;
}
iframe {
  border: none;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
input[type=checkbox] {
  transition: all 0.5s;
}
.x-form-trigger-wrap .x-form-spinner-up {
  background-image: url("../img/icon_arrowup.png");
  border-radius: 0 3px 0 0;
}
.x-form-trigger-wrap .x-form-spinner-down {
  background-image: url("../img/icon_arrowdown.png");
  border-radius: 0 0 3px 0;
}
form.locked .x-form-trigger-input-cell input.x-form-text:not(.x-trigger-noedit),
.x-form-trigger-input-cell input.x-form-text:not(.x-trigger-noedit) {
  border-right: none !important;
}
.x-form-trigger {
  border: 1px solid #dddddd !important;
  border-left: none !important;
  background-size: 8px auto !important;
  background-position: 4px center !important;
  background-repeat: no-repeat !important;
  background-image: url("../img/icon_arrowdown.png");
  width: 20px;
}
.x-form-date-trigger {
  background-image: url("../img/icon_calendario.png");
  background-size: 13px auto !important;
}
.x-datepicker {
  padding: 10px;
  border-radius: 0 6px 6px 6px;
  border: 1px solid #e2e8f0;
  margin-top: -2px;
}
.x-datepicker-header {
  background: none !important;
  border: 1px solid #e2e8f0;
  margin-bottom: 5px;
  border-radius: 6px;
  height: 35px;
}
.x-datepicker-header .x-datepicker-prev {
  background: none;
}
table.x-datepicker-inner em {
  font-style: initial !important;
}
.x-datepicker-month {
  padding: 0;
}
.x-datepicker-month .x-btn {
  background-color: #fafafa !important;
  height: 27px;
  padding: 4px;
}
.x-datepicker-prev a,
.x-datepicker-next a {
  background-size: auto 16px;
  height: 25px;
}
table.x-datepicker-inner th {
  background-image: none !important;
}
.x-monthpicker-months {
  width: 50%;
  padding-left: 1px;
  border-right: 1px dotted #e2e8f0;
}
.x-monthpicker-months,
.x-monthpicker-years {
  height: auto;
  padding: 10px 2px 10px 3px;
}
.x-monthpicker-item {
  margin: 3px auto;
  width: 48px;
  font: inherit;
  height: auto;
}
.x-monthpicker-item a {
  margin: 0;
  padding: 2px;
  border: none;
}
.x-monthpicker-item a.x-monthpicker-selected {
  border: none;
}
.x-monthpicker-item a.x-monthpicker-selected {
  border: none;
}
.x-monthpicker-yearnav button {
  background: none !important;
  background-size: auto 16px !important;
  background-repeat: no-repeat !important;
  height: 16px;
}
.x-monthpicker-yearnav button.x-monthpicker-yearnav-prev {
  background-image: url("../img/icon_arrowleft.png") !important;
}
.x-monthpicker-yearnav button.x-monthpicker-yearnav-next {
  background-image: url("../img/icon_arrow.png") !important;
}
.x-datepicker-prev a {
  background-image: url("../img/icon_arrowleft.png") !important;
  background-position: 8px center;
}
.x-datepicker-next a {
  background-image: url("../img/icon_arrow.png") !important;
  background-position: 0px center;
}
.x-datepicker-month .x-btn button {
  height: 25px;
}
.x-datepicker-month .x-btn button .x-btn-inner {
  font-variant: small-caps;
  font-size: 13px !important;
  height: 25px;
  line-height: 25px;
  color: #000000 !important;
}
table.x-datepicker-inner .x-datepicker-selected a {
  border: none;
}
table.x-datepicker-inner a:hover,
table.x-datepicker-inner .x-datepicker-disabled a:hover {
  font-weight: bold;
  border-radius: 5px;
  background: #f1f3f5;
}
.x-datepicker-footer,
.x-monthpicker-buttons {
  background: none !important;
  padding-top: 10px;
  margin-top: 5px;
}
table.x-datepicker-inner a {
  font: inherit;
  background: #fafafa;
}
.daterangepicker {
  z-index: 99990000;
  border-radius: 0 10px 10px 10px;
  margin-top: -3px;
}
.daterangepicker:before,
.daterangepicker:after {
  display: none;
}
.x-form-checkbox {
  width: 18px;
  height: 18px;
  background-size: 18px auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("../img/checkBoxOFF.png");
}
.x-form-cb-checked .x-form-checkbox {
  background-image: url("../img/checkBoxON.png");
}
.x-form-cb-label-after {
  padding-top: 1px;
  display: inline-block;
}
.radioItems .radioItem {
  padding: 0;
}
.radioItemsVertical {
  display: inline-block;
}
.radioItemsVertical .radioItem {
  display: block;
}
.radioItemsHorizontal,
.radioItemsVertical {
  margin-bottom: 10px;
}
.radioItemsHorizontal {
  display: flex;
}
.radioItemsHorizontal .radioItem {
  display: inline-flex;
}
.radioItems .radioItem label {
  color: #000000;
  font-weight: normal;
  cursor: pointer;
  transition: ease 0.5s;
  text-align: left;
  margin: 0 !important;
  padding: 0 15px;
  background-image: none;
  background-position: 17px center;
  background-repeat: no-repeat;
  background-size: 1px auto;
  background-color: #ffffff;
  line-height: 22px;
  display: flex;
}
.radioItemsHorizontal .radioItem label {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.radioItemsHorizontal .radioItem:not(:first-of-type):not(:last-of-type) label {
  border-left: 1px solid #dddddd;
}
.radioItemsHorizontal .radioItem:first-of-type label {
  border-radius: 10px 0 0 10px;
  border-left: 1px solid #dddddd;
}
.radioItemsHorizontal .radioItem:last-of-type label {
  border-radius: 0 10px 10px 0;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.radioItemsHorizontal .radioItem:only-child label {
  border-radius: 15px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.radioItemsVertical .radioItem label {
  padding: 5px 30px 5px 30px;
  display: block;
  border-top: 1px solid #dddddd;
  border-bottom: none;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.radioItemsVertical .radioItem:not(:first-of-type):not(:last-of-type) label {
  border-top: 1px solid #dddddd;
}
.radioItemsVertical .radioItem:first-of-type label {
  border-radius: 12px 12px 0 0;
  border-top: 1px solid #dddddd;
}
.radioItemsVertical .radioItem:last-of-type label {
  border-radius: 0 0 12px 12px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.radioItems .radioItem input[type="radio"]:checked + label {
  background-position: 4px center;
  background-size: 15px auto;
  background-image: url("../img/checkBoxON_01.png");
  padding-left: 24px;
  background-color: #dddddd !important;
}
.radioItems .radioItem label img {
  text-align: left;
  vertical-align: middle;
  padding: 5px 10px 5px 5px;
  height: auto;
}
.radioItems .radioItem:not(.radioItemWithDescription) label img {
  border-right: 1px solid #e2e8f0;
}
.radioItems .radioItem.radioItemWithImage input[type="radio"]:checked + label {
  padding-left: 5px;
  background-image: none;
}
.radioItems .radioItem.radioItemWithImage:not(.radioItemWithDescription) input[type="radio"]:checked + label img {
  border-right: 1px solid #cccccc;
}
.radioItems .radioItem.radioItemWithImage label {
  background-position-x: 60px;
  padding-left: 5px;
}
.radioItems .radioItem.radioItemWithImage span {
  font-size: 110%;
  /*padding-left: 25px;*/

}
.radioItems .radioItem.radioItemWithDescription h4 {
  padding: 5px 0 0 0;
  font-size: 110% !important;
}
.radioItems .radioItem.radioItemWithDescription h3 {
  border-bottom: 1px solid #f1f3f5;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 16px;
}
.radioItems .radioItem.radioItemWithDescription p {
  line-height: 18px;
  padding-bottom: 5px !important;
  font-size: 12px;
}
.radioItems .radioItem.radioItemWithDescriptionMaxWidth p {
  max-width: 350px;
}
.radioItems .radioItem.radioItemWithDescription input[type="radio"]:checked + label {
  background-position: 10px;
  padding-left: 40px;
  background-size: 20px auto;
  min-height: 70px !important;
}
.radioItems .radioItem.radioItemWithDescription label {
  background-position: 10px 20px;
}
.radioItems.radioItemsHorizontal .radioItem.radioItemWithImage,
.radioItems.radioItemsHorizontal .radioItem.radioItemWithDescription {
  margin-bottom: 10px;
}
.radioItems.radioItemsVertical .radioItem.radioItemWithImage:last-of-type,
.radioItems.radioItemsVertical .radioItem.radioItemWithDescription:last-of-type {
  margin-bottom: 10px;
}
.radioItems .radioItem.radioItemWithImage.radioItemWithDescription label {
  display: table;
  padding-left: 15px;
}
.radioItems .radioItem.radioItemWithImage.radioItemWithDescription label img {
  display: table-cell;
  min-width: 50px;
}
.radioItems .radioItem.radioItemWithImage.radioItemWithDescription label div {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.radioItems .radioItem.radioItemWithImage.radioItemWithDescription input[type="radio"]:checked + label {
  padding-left: 15px;
}
.djs-palette {
  background-color: #fafafa !important;
  left: 0 !important;
  top: 0 !important;
}
.djs-palette .entry {
  height: initial !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
.bjs-breadcrumbs {
  top: 0 !important;
  left: 60px !important;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
}
.bjs-breadcrumbs li:not(:first-child)::before {
  padding: 0 !important;
  margin: 0 4px;
  background-image: url("../img/icon_arrowright_double.png");
  background-size: 8px auto;
  background-position-y: 4px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  content: "" !important;
}
.djs-minimap {
  top: 0 !important;
  right: 0 !important;
  background-color: rgba(250, 250, 250, 0.9) !important;
}
.djs-minimap.open .toggle {
  display: none;
}
.bjs-drilldown {
  margin-top: -20px !important;
  border-radius: 5px !important;
  background-color: #004e9d !important;
}
.bjs-powered-by {
  fill-opacity: 20%;
  background-color: rgba(250, 250, 250, 0.9) !important;
  padding: 10px 10px 5px 10px;
  border-radius: 5px;
}
/* ELZA: Rever na less netqa #homelists */
#paragraphbullets ul {
  padding: 0 10px 10px 10px;
}
#paragraphbullets ul li,
#paragraphbullets dl dt {
  padding-left: 15px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  background-image: url("../img/icon_bullet.png");
}
.mailRender {
  background-repeat: no-repeat;
  background-image: url("../img/icon_email.png");
  background-size: 40px auto;
  max-width: 950px;
  max-height: 400px;
  overflow: auto;
  margin: 10px 0;
  padding: 0 10px 0 20px;
}
.mailRender .innerContent {
  padding-left: 25px;
  border-left: 1px dotted #dddddd;
}
.mailRender h3 {
  color: #1b1b1b !important;
  padding-top: 0 !important;
  padding-left: 25px !important;
}
.mailRender .mailBody {
  padding: 5px 0 10px 0;
  margin-top: 5px;
  border-top: 1px solid #dddddd;
}
.mailRender label {
  font-weight: bold;
  padding-right: 10px;
}
.mailRender .mailAddress {
  text-decoration: underline;
}
.themeDefault {
  display: inline-block;
  padding-left: 10px;
  padding-right: 20px;
  color: #999999;
}
.themeDefault .actions {
  float: left;
}
.themeDefault .actions ul li {
  padding: 0;
  margin: 0;
}
.workflowStageAreaOrganizer {
  display: grid;
  grid-auto-columns: auto 50%;
}
/* The auto column grows to the min-content of its cells: ExtJS components sized from that width (plus the x-panel
   margin) kept it wider than the page, with a horizontal scroll. Cells may shrink to the column instead. */
.workflowStageAreaOrganizer > * {
  min-width: 0;
}
@media screen and (max-width: 800px) {
  .workflowStageAreaOrganizer {
    grid-auto-columns: auto 20%;
  }
}
@media screen and (max-width: 1800px) {
  .workflowStageAreaOrganizer {
    grid-auto-columns: auto 30%;
  }
}
.centerColorLegend {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.legendDiv {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  height: 120px;
  width: 400px;
  text-align: center;
  margin: auto;
  padding: 5px 0 15px 10px;
}
.legendDivNoSize {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  text-align: center;
  margin: auto;
  padding: 5px 0 15px 10px;
}
.legendTitle {
  font-size: 18px;
  padding: 5px 0 20px 0;
}
.legendStatus {
  font-size: 10px;
  text-align: center;
}
.legendProcess {
  font-size: 14px;
  padding-right: 5px;
}
.smallLegendTitle {
  font-size: 14px;
  padding-bottom: 5px;
}
.smallLegendStatus {
  font-size: 9px;
  text-align: center;
}
.smallLegendProcess {
  font-size: 12px;
  padding-right: 5px;
}
.legendColor {
  min-width: 80px;
  height: 30px;
}
.smallLegendColor {
  padding: 0 10px 0 10px;
  width: 30px;
  height: 30px;
}
.borderSpacingBetweenRows5 {
  border-spacing: 0 5px;
  /* Add 5px space between rows */

}
.borderSpacingBetweenRows10 {
  border-spacing: 0 10px;
  /* Add 10px space between rows */

}
.calendarCellBlueLighter {
  background-color: rgba(5, 248, 220, 0.68) !important;
}
.calendarCellBlueLight {
  background-color: rgba(15, 152, 164, 0.71) !important;
}
.calendarCellBlue {
  background-color: #007bff !important;
}
.fadedCalendarCellBlue {
  background-color: rgba(0, 123, 255, 0.75) !important;
}
.calendarCellDarkBlue {
  background-color: #4b4485 !important;
}
.calendarCellGreen {
  background-color: #3d8108ba !important;
}
.calendarCellYellow {
  background-color: #edbf00 !important;
}
.calendarCellPink {
  background-color: #6f42c1 !important;
}
.fadedCalendarCellGreen {
  background-color: rgba(61, 129, 8, 0.75) !important;
}
.fadedCalendarCellYellow {
  background-color: rgba(237, 191, 0, 0.75) !important;
}
.fadedCalendarCellPink {
  background-color: rgba(111, 66, 193, 0.75) !important;
}
.calendarCellRedLighter {
  background-color: #ffa400 !important;
}
.calendarCellRedLight {
  background-color: #fd6d14 !important;
}
.fadedCalendarCellRedLight {
  background-color: rgba(253, 109, 20, 0.75) !important;
}
.calendarCellRed {
  background-color: #c11010 !important;
}
.calendarCellDarkRed {
  background-color: #610c0c !important;
}
.calendarCellDisabled,
.calendarCellDisabledWithIcon {
  background-color: #726e6e !important;
  height: initial !important;
  background-blend-mode: color-burn;
}
.calendarCellDisabledWithIcon {
  background-position-x: 5px;
  padding-left: 25px !important;
}
.requerimentosTag {
  display: inline-flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.negativeMarginTop55 {
  margin: -55px 0 0 0 !important;
}
.negativeMarginTop10 {
  margin: -10px 0 0 0 !important;
}
#foto {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: 5px !important;
}
#fotoActions {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -5px !important;
}
.stampTarget.alumni {
  position: relative;
}
.stampTarget.alumni:after {
  content: "Alumni";
  position: absolute;
  left: -10px;
  top: -5px;
  background-color: #0079cf;
  color: #fafafa;
  font-weight: bold;
  font-variant: small-caps;
  padding: 10px;
  border-radius: 20px;
}
.shepherd-element .shepherd-content {
  border-radius: 10px;
}
.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button {
  border-radius: 6px;
}
.shepherd-element .shepherd-content .shepherd-text {
  padding: 2em;
}
#shepherdModalOverlayContainer {
  display: none !important;
}
.actionsbuttons .editButton {
  padding: 2px 10px !important;
}
.actionsbuttons .myWorkflowsActionItem {
  background-color: #006ab6;
  padding: 10px !important;
}
.divValueCompareDescription {
  border-radius: 8px;
  min-width: 200px;
  max-width: 95%;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.divValueCompareDescription blockquote {
  padding: 10px 20px;
  background-color: #fcfcfc;
  border-left: 3px solid #cce;
  border-radius: 6px;
  font-style: italic;
  flex: 1 1 300px;
  /* Flex-grow, flex-shrink, flex-basis */

  margin: 0;
  min-width: 300px;
}
.divValueCompareDescription blockquote footer {
  color: #3c3c3c;
  font-style: normal;
}
.divValueCompareDescription blockquote footer cite {
  font-style: normal;
  font-size: 0.9em;
  color: #333;
}
@media (max-width: 650px) {
  .divValueCompareDescription {
    flex-direction: column;
  }
}
.x-progress {
  border: 1px solid #ffffff;
  border-radius: 5px;
  background-color: #dddddd;
  height: 6px;
  position: relative;
  margin-bottom: 20px;
  overflow: visible;
}
/* Progress bar indicator */
.x-progress-bar {
  background: #dddddd;
  height: 100%;
  border-radius: 5px;
  transition: width 0.3s ease-in-out;
}
/* Optional gradient shine effect */
.x-progress-bar:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 40%;
  min-width: 20px;
  max-width: 80px;
  border-radius: 4px;
  background: #008ef3;
  animation: shine 2s infinite linear;
}
.blueProgress path:nth-of-type(2) {
  stroke: #077ab8;
}
.greenProgress path:nth-of-type(2) {
  stroke: #168716;
}
.grayProgress path:nth-of-type(2) {
  stroke: #5c5b5b;
}
@keyframes shine {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.x-progress-default .x-progress-bar {
  background-color: #005b9c;
  background-image: none;
  border-top: none;
  border-right: none;
}
/* Progress text (positioned below) */
.x-progress-text {
  font-size: 12px;
  font-weight: bold;
  text-align: end;
  margin-top: 7px;
}
.x-progress-default .x-progress-text {
  color: #002036;
}
/* Remove the back text within the bar itself */
.x-progress-text-back {
  display: none;
}
.dynamic-action-button {
  background-color: #178fac !important;
  color: white !important;
}
.dynamic-action-button:hover {
  background-color: #20b5d8 !important;
}
/* Scheduler fields styles */
.ext-cal-evt.readonly,
.ext-cal-evt.not-highlighted {
  opacity: 0.5 !important;
}
.sched-date-row,
.flex-center-items-spaced {
  display: flex;
  align-items: center;
  gap: 5px;
}
.sched-date-row .inputWidthTime {
  width: auto !important;
}
.sched-date-row .inputWidthTime input {
  width: 28px !important;
}
.sched-date-row .inputWidthTime input::placeholder {
  font-size: 15px;
  font-family: monospace;
}
.sched-date-row .clock {
  background-color: transparent !important;
  border-left: none !important;
}
.sched-date-allDayLabelChk {
  display: flex;
  gap: 5px;
  margin-bottom: 7px;
  margin-left: 5px;
  user-select: none;
}
.sched-date-field {
  height: 27px !important;
  background-image: url("../img/icon_calendario.png");
  background-size: 14px auto !important;
  background-repeat: no-repeat;
  background-position: bottom 50% right 5px;
  width: 105px;
}
.sched-date-field.allDay {
  width: 193px;
}
.sched-temporary-event {
  border: 2px dashed #7e3636 !important;
  background-color: #e7e4e4;
  color: black;
}
.sched-tmp-evt-psicologia {
  border: 2px dashed #42e9f5 !important;
  background-color: #defbfd;
  color: black;
}
.shed-overlapping-event {
  border: 2px solid red !important;
  background-color: white;
  color: red;
  position: relative;
}
.shed-overlapping-event::after {
  content: "!";
  color: black;
  position: absolute;
  padding: 2px 1px 2px 3px;
  background-color: red;
  border-radius: 99%;
  width: 15px;
  height: 15px;
  top: 0;
  right: 0;
  transform: translate(0%, -50%);
  font-weight: bold;
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sched-status-ball {
  border-radius: 99%;
  height: 10px;
  width: 10px;
}
/***** [ DIF badges | inspired by Tailwind "with border, light mode" ] *****/
/* Rendered by <dif:badges> and IWebUIHTMLGenerator.getBadges(...).
 * All colour / size tokens live in css_variables.less under Components / Badges. */
.dif-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: center;
  padding: 3px 0;
}
.dif-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
}
/* The icon before the text of a badge (BadgeItem.iconCssClass): its class draws it (a background image or a :before) */
.dif-badge .dif-badge-icon {
  display: inline-block;
  margin-right: 4px;
  line-height: 1;
}
.nowrap .dif-badges {
  flex-wrap: nowrap;
}
.x-grid .dif-badges {
  padding: 0;
}
.x-grid .dif-badge {
  padding: 0 4px;
}
.dif-badge.dif-badge-gray {
  background-color: #f1f3f5;
  border-color: #dddddd;
  color: #666666;
}
.dif-badge.dif-badge-blue {
  background-color: #e9f6ff;
  border-color: rgba(0, 121, 207, 0.30000000000000004);
  color: #0079cf;
}
.dif-badge.dif-badge-green {
  background-color: #d4edda;
  border-color: #b5e1c1;
  color: #155724;
}
.dif-badge.dif-badge-yellow {
  background-color: #fceacd;
  border-color: rgba(243, 172, 61, 0.5);
  color: #8e5a09;
}
.dif-badge.dif-badge-red {
  background-color: #fdd3d3;
  border-color: rgba(223, 15, 11, 0.4);
  color: #721513;
}
/* Detail link right after a chip (BadgeItem.setDetail): opens a popup with dif.ui.Badges.showDetail */
.dif-badges .dif-badge-detail {
  font-size: 11px;
  margin-right: 8px;
  white-space: nowrap;
}
/***** [ DIF info card | <dif:infoCard> and IWebUIHTMLGenerator.getInfoCard(...) ] *****/
/* An icon and a label over the theme colour, then short text items. Only colours the theme already sets: the schools'
 * themes change @secondMainThemeColor, and the card follows. The icon comes from the class passed in iconCssClass;
 * .dif-infocard-icon only reserves its place. */
.dif-infocard {
  display: block;
  border: 1px solid #666666;
  border-radius: 4px;
  overflow: hidden;
  color: #666666;
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
}
.dif-infocard.dif-infocard-hidden {
  display: none;
}
.dif-infocard .dif-infocard-label {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  background: #666666;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
.dif-infocard .dif-infocard-icon {
  display: inline-block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.dif-infocard .dif-infocard-text {
  padding: 6px 10px 7px 10px;
}
.dif-infocard .dif-infocard-item {
  display: block;
}
.dif-infocard .dif-infocard-caption {
  margin-right: 4px;
}
.dif-infocard strong {
  color: #1b1b1b;
  font-weight: 600;
}
/* horizontal: a single line with the full width, the label on the left and the items after it, for the least height
 * in a dialog */
.dif-infocard.dif-infocard-horizontal {
  display: flex;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}
.dif-infocard.dif-infocard-horizontal.dif-infocard-hidden {
  display: none;
}
.dif-infocard.dif-infocard-horizontal .dif-infocard-label {
  flex: 0 0 auto;
  padding: 4px 10px;
}
.dif-infocard.dif-infocard-horizontal .dif-infocard-text {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 18px;
  padding: 4px 10px;
}
.dif-infocard.dif-infocard-horizontal .dif-infocard-item {
  display: inline;
}
/***** [ DIF badge select | <dif:badgeSelectField> and <dif:badgeSelect> | inspired by Preline "Advanced Select" ] *****/
/* Drawn by dif.form.BadgeSelectField and dif.ui.BadgeSelect (difCustomComponents.js). Both are the same box, with the
 * look of a text input: the chosen options as pill badges with an X, then the search input, where typing filters the
 * list that opens below the box, with its width. The badges are the .dif-badge above, restyled only inside the box (the
 * grids keep theirs). The inline version adds the "show all" link outside the box, on its right
 * (.dif-badgeselect-wrap). */
.dif-badgeselect-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  box-sizing: border-box;
  /* The height of the other inputs of a form (.x-panel input): a single line of badges keeps the rows aligned */

  min-height: 24px;
  padding: 1px 3px;
  border: 1px solid #e2e8f0;
  /* The radius of the other inputs (input:not(.x-form-checkbox)...) */

  border-radius: 5px;
  background-color: #ffffff;
  cursor: text;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  /* Room for the select icon (.dif-badgeselect-toggle) at the right end */

  position: relative;
  padding-right: 22px;
}
/* The select icon (Preline "chevrons up down"), at the right end of the box, centred: opens and closes the list */
.dif-badgeselect-toggle {
  position: absolute;
  top: 50%;
  right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  color: #999999;
  cursor: pointer;
  transition: color .15s ease;
}
.dif-badgeselect-toggle:hover,
.dif-badgeselect-box.dif-badgeselect-focus .dif-badgeselect-toggle,
.dif-badgeselect-box.dif-badgeselect-expanded .dif-badgeselect-toggle {
  color: #1b1b1b;
}
.dif-badgeselect-toggle svg {
  display: block;
}
.dif-badgeselect-box.dif-badgeselect-invalid {
  border-color: #721513;
}
/* In a form the box takes the bottom margin the other inputs have, so that the rows of the form do not touch */
.dif-badgeselect:not(.dif-badgeselect-inline) .dif-badgeselect-box {
  margin-bottom: 10px;
}
/* The badges and the input wrap together in the box */
.dif-badgeselect-badges {
  display: contents;
}
/* A pill: 18px high, so that a line of badges fits the height of an input */
.dif-badgeselect-box .dif-badge {
  gap: 3px;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 18px;
  padding: 0 3px 0 8px;
  border-radius: 9px;
  white-space: normal;
}
/* The X of a badge: a link, so that the keyboard reaches it. A round target, wider than the icon */
.dif-badge .dif-badge-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  /* The X is an inline SVG (Preline / Tailwind "x") drawn with currentColor: the color of the badge text */

  color: inherit;
  cursor: pointer;
  opacity: .6;
}
.dif-badge .dif-badge-remove svg {
  display: block;
  width: 10px;
  height: 10px;
}
/* Inside a <dif:summary> the links of the summary (#infodetailsinfo ul li a, an id selector) would push the X with their
 * margin and padding and break its circle */
.dif-badge a.dif-badge-remove {
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
}
.dif-badge .dif-badge-remove:hover,
.dif-badge .dif-badge-remove:focus {
  opacity: 1;
  background-color: #f1f3f5;
  outline: none;
}
/* The text of a badge that links somewhere (<dif:badgeSelect onItemClick, itemLinkField>): still the text of the
   badge. The margin and padding are forced: inside a <dif:summary> the links of the summary
   (#infodetailsinfo ul li a, an id selector) would push the text of the badge to the right */
.dif-badge a.dif-badge-link,
.dif-badge a.dif-badge-link:hover {
  color: inherit;
  border: none;
  text-decoration: none;
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-variant: normal !important;
}
.dif-badge a.dif-badge-link:hover,
.dif-badge a.dif-badge-link:focus {
  text-decoration: underline;
}
/* The search input, after the badges. The height is forced: the inputs of a window or a panel (.x-window input) get
 * 24px, which would make the box taller than the inputs next to it */
.dif-badgeselect-box input.dif-badgeselect-input {
  flex: 1 1 80px;
  min-width: 80px;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  box-shadow: none !important;
  background: transparent !important;
  font-family: montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  cursor: text;
}
.dif-badgeselect-more {
  padding: 0 3px;
  font-size: 11px;
  white-space: nowrap;
}
/* Inside a <dif:summary> the links of the summary (#infodetailsinfo ul li a) would shift the "+N" link */
.dif-badgeselect-box a.dif-badgeselect-more {
  margin-left: 0 !important;
  padding-left: 3px !important;
  font-variant: normal !important;
}
/* <dif:badgeSelect>: the box and, outside it on its right, the link to the items window */
.dif-badgeselect-wrap {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.dif-badgeselect-wrap > .dif-badgeselect-box {
  flex: 1 1 auto;
  min-width: 0;
}
/* The link to the items window: an action of AbstractActionCalcField (.gridActionsContainer a) -- white, with a border
 * and the color of the links -- as high as a line of the box */
a.dif-badgeselect-showitems,
a.dif-badgeselect-showitems:hover {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  box-sizing: border-box;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #ffffff;
  color: #004e9d;
  font-size: 11px;
  white-space: nowrap;
  text-decoration: none;
}
a.dif-badgeselect-showitems:hover,
a.dif-badgeselect-showitems:focus {
  background-color: #f1f3f5;
}
/* Inside a <dif:summary> the links of the summary (#infodetailsinfo ul li a, an id selector) would add their margin,
 * their padding on the left only and their small caps */
#infodetailsinfo ul li a.dif-badgeselect-showitems {
  padding: 0 8px !important;
  margin-left: 0 !important;
  font-variant: normal !important;
}
a.dif-badgeselect-showitems.dif-badgeselect-showitems-hidden {
  display: none;
}
/* Readonly neutralizes the input and the remove icons without taking them out of the page */
.dif-badgeselect-readonly .dif-badgeselect-box {
  padding-right: 3px;
  background-color: #f1f3f5;
  cursor: default;
}
.dif-badgeselect-readonly input.dif-badgeselect-input,
.dif-badgeselect-readonly .dif-badge-remove,
.dif-badgeselect-readonly .dif-badgeselect-toggle {
  display: none;
}
/* Outside forms, readonly, there is nothing to type in: only the badges, with no box, and the link to the items window
 * right after them. The height of a line of the box stays, so that the badges and the link line up */
.dif-badgeselect-inline.dif-badgeselect-readonly .dif-badgeselect-box {
  padding: 0;
  border-color: transparent;
  background-color: transparent;
}
.dif-badgeselect-inline.dif-badgeselect-readonly .dif-badgeselect-wrap > .dif-badgeselect-box {
  flex: 0 1 auto;
}
/* The list is the box of the value lists of the grid filters (#filterDefinitionBox), with the width of the field. Open
 * above the field, when only there it fits, it grows upwards */
.dif-badgeselect-picker.dif-badgeselect-picker-above {
  transform-origin: bottom;
  border-radius: 10px 10px 0 0;
}
/* Open, the field joins its list, as a filter of the grids joins its value list (.filterOpened) */
.dif-badgeselect-box.dif-badgeselect-expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dif-badgeselect-box.dif-badgeselect-expanded.dif-badgeselect-expanded-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* A badge whose change is still being sent to the server */
.dif-badge.dif-badge-pending {
  opacity: .6;
}
/* <dif:badgeSelect> label and body */
/* A readonly component with no items (showIfEmptyAndReadonly="false"): hidden, label included, until it has items */
.dif-badgeselect-field.dif-badgeselect-hidden {
  display: none;
}
.dif-badgeselect-field {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
/* The content of a summary item (<dif:summaryItem> with no value): in the line of the title of the item, which is also
 * its label. The line of the summary that holds one becomes a wrapping flex line: the items before it keep their width
 * (the gap stands for the blank between inline items) and the badge select takes the rest of the line -- all of it when
 * it is alone (newLine) -- so that the box gets the room the title leaves, as in a form, and its list opens with that
 * width. With less room than its basis left in the line, it goes to the next one, as an inline item would. A width set
 * on the tag still holds (the component keeps it, inside the item) */
#infodetailsinfo > ul:has(> li > .dif-badgeselect-field),
#infodetailsinfo > ul:has(> li > .summaryItemValue > .dif-badgeselect-field) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 4px;
}
#infodetailsinfo > ul > li:not(.separation):has(> .dif-badgeselect-field),
#infodetailsinfo > ul > li:not(.separation):has(> .summaryItemValue > .dif-badgeselect-field) {
  display: flex;
  flex: 1 1 320px;
  min-width: 0;
}
#infodetailsinfo li > .summaryItemValue:has(> .dif-badgeselect-field) {
  flex: 1 1 auto;
  min-width: 0;
}
#infodetailsinfo li > .dif-badgeselect-field,
#infodetailsinfo li > .summaryItemValue > .dif-badgeselect-field {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  margin-bottom: 0;
}
.dif-badgeselect-field.valignmiddle {
  align-items: center;
}
.dif-badgeselect-field.valignbottom {
  align-items: flex-end;
}
/* In the middle of the 24px of the box */
.dif-badgeselect-label {
  flex: 0 0 auto;
  padding-top: 4px;
  font-weight: bold;
}
.dif-badgeselect-body {
  flex: 1 1 auto;
  min-width: 0;
}
/* Realce lateral dos pacotes de documentos na grelha de selecao */
.dif-pack-item {
  border-left: 2px solid #0079cf;
  padding-left: 10px;
  border-radius: 3px;
}
/* [WorkflowSuspended] */
.workflowSuspendedBadge {
  display: inline-block;
  background-color: #f3ac3d;
  color: #000000;
  padding: 1px 8px;
  border-radius: 6px;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: bold;
}
.workflowSuspendedState {
  color: #999999;
  opacity: 0.75;
}
.workflowSuspendedFootnote {
  display: block;
  color: #999999;
  font-size: 0.85em;
  font-style: italic;
  margin-top: 2px;
}
/***GRID ROW REORDER***/
.difRowReorderUpIcon,
.difRowReorderDownIcon,
.difRowReorderHandleIcon {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 18px 18px;
}
.difRowReorderUpIcon {
  background-image: url("../img/icon_arrow_circle_top.png");
}
.difRowReorderDownIcon {
  background-image: url("../img/icon_arrow_circle_bottom.png");
}
.difRowReorderHandleIcon {
  cursor: move;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23666666%22%3E%3Cpath%20d%3D%22M7%202a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200M7%205a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200M7%208a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200m-3%203a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200m-3%203a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22/%3E%3C/svg%3E");
}
.x-item-disabled.difRowReorderUpIcon {
  cursor: default;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23dddddd%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.646%204.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201-.708.708L8%205.707l-5.646%205.647a.5.5%200%200%201-.708-.708z%22/%3E%3C/svg%3E");
}
.x-item-disabled.difRowReorderDownIcon {
  cursor: default;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23dddddd%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708%22/%3E%3C/svg%3E");
}
.x-item-disabled.difRowReorderHandleIcon {
  cursor: default;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23dddddd%22%3E%3Cpath%20d%3D%22M7%202a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200M7%205a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200M7%208a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200m-3%203a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200m-3%203a1%201%200%201%201-2%200%201%201%200%200%201%202%200m3%200a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22/%3E%3C/svg%3E");
}
.difRowReorderGhost > td {
  background-color: #e9f6ff !important;
  border-top: 1px solid rgba(0, 121, 207, 0.4) !important;
  border-bottom: 1px solid rgba(0, 121, 207, 0.4) !important;
}
.difRowReorderChosen > td {
  background-color: #e9f6ff !important;
}
.difRowReorderGrabbable {
  cursor: move;
}
tr.difRowReorderAnchored td.difRowReorderGrabbable {
  cursor: default;
}
iframe.listingDetailFrame {
  width: 100%;
  border: none;
}
.listingDetailPanels {
  margin-top: 10px;
}
.listingDetailPanels h3.listingDetailTitle {
  margin: 10px 0 4px 0;
  font-size: 13px;
}
.listingDetailPanels iframe.listingDetailLiveView {
  width: 100%;
  height: 360px;
  border: none;
}
/***** [ DIF right drawer | WindowDefinition.layout = RIGHT_DRAWER ] *****/
/* Drawn by dif.ui.ux.RightDrawer (difCustomComponents.js): a pane beside the content column, inside the content
 * area of the page, as the task pane of Asana. While it is open the area is a flex row: the column keeps the width of
 * its components and scrolls horizontally (#contentonecolumn has overflow-x: auto), the drawer slides its width in
 * beside it and stays at the top of the viewport while the page scrolls. No chrome, no shadow: a hairline apart. */
.difRightDrawerOpen {
  display: flex;
  align-items: flex-start;
}
.difRightDrawerOpen > #contentonecolumn,
.difRightDrawerOpen > #contenttwocolumns {
  flex: 1 1 0;
  min-width: 0;
}
.difRightDrawer {
  position: sticky;
  top: 0;
  flex: 0 0 auto;
  align-self: flex-start;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #ffffff;
  border-left: 1px solid #e2e8f0;
  transition: width .25s ease;
}
.difRightDrawer.difRightDrawerOverlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 19000;
}
.difRightDrawerInner {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.difRightDrawerHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 16px 6px 24px;
}
.difRightDrawerTitle {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  color: #1b1b1b;
}
.difRightDrawerCollapse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}
.difRightDrawerCollapse:hover {
  color: #1b1b1b;
  background-color: rgba(221, 221, 221, 0.45);
}
.difRightDrawerBody {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 24px 16px 24px;
}
.difRightDrawerFooter.actionsbuttons {
  flex: 0 0 auto;
  margin: 0;
  padding: 8px 24px 12px 24px;
  text-align: right;
}
.difRightDrawerFooter.actionsbuttons > ul {
  margin: 0;
}
/* growToContent: as tall as its content, which never scrolls inside it -- the page scrolls. Not sticky: it is placed
 * by its top margin, in the flow (dif.ui.ux.RightDrawer.alignToViewport), so that the page is as tall as it needs. */
.difRightDrawer.difRightDrawerGrow {
  position: relative;
  top: auto;
  height: auto;
}
.difRightDrawerGrow .difRightDrawerInner {
  height: auto;
}
.difRightDrawerGrow .difRightDrawerBody {
  flex: 0 0 auto;
  overflow: visible;
}
/* ==========================================================================
   Work plan: subworkflow summary (a phase embedded in the plan page) and progress bar
   ========================================================================== */
/* In subworkflow mode the summary is a compact badge: it identifies the phase without repeating the summary of the
   parent plan (no profiles, no messages, no file bundle -- those are turned off by the workflow itself). */
#infodetails.subWorkflowSummary {
  margin-bottom: 10px;
  border-radius: 8px;
}
#infodetails.subWorkflowSummary #infodetailsinfo {
  padding: 6px 10px;
}
#infodetails.subWorkflowSummary #infodetailsinfo ul li {
  padding: 1px 0;
}
#infodetails.subWorkflowSummary #infodetailsicon {
  display: none;
}
#infodetails.subWorkflowSummary .infodetailsSideContentArea {
  display: none;
}
.workPlanProgress {
  display: inline-block;
  width: 160px;
  height: 10px;
  margin-right: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background-color: #f1f3f5;
  vertical-align: middle;
  overflow: hidden;
}
.workPlanProgress .workPlanProgressBar {
  height: 100%;
  background-color: #f3ac3d;
}
.workPlanProgressLabel {
  vertical-align: middle;
}
/* Phase detail: conversation on the left, files on the right, stacked on narrow screens */
.workPlanPhaseDetail {
  display: flex;
  align-items: flex-start;
}
.workPlanPhaseDetailMain {
  flex: 1;
  min-width: 0;
}
.workPlanPhaseDetailSide {
  min-width: 300px;
  max-width: 450px;
  width: 30%;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dotted #e2e8f0;
}
@media (max-width: 1024px) {
  .workPlanPhaseDetail {
    display: block;
  }
  .workPlanPhaseDetailSide {
    width: auto;
    max-width: none;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
}
/* DIF:dashboardCards / dashboardCard Components | Dashboard cards
   The cards share the width evenly (flex-basis 0); min-width: max-content lets a card that needs more room for its
   texts take it instead of wrapping them; a card with a width attribute gets an inline flex: 0 0 <width>. */
.difDashboardCards {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px;
}
.difDashboardCard {
  flex: 1 1 0;
  min-width: max-content;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid #dddddd;
  border-radius: 6px;
  background-color: #fafafa;
}
.difDashboardCardTop {
  font-variant: small-caps;
  font-size: 13px;
  color: #666666;
}
.difDashboardCardTitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 4px 0 2px 0;
  white-space: nowrap;
}
.difDashboardCardBottom {
  font-size: 11px;
  color: #666666;
}
/* DIF:messageBox mode="mini" | Compact message, full width, icon on the left of every line of the text */
.difMessageBoxMini {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  margin-bottom: 12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.45;
  background-color: #fafafa;
}
.difMessageBoxMini .difMessageBoxMiniIcon {
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}
.difMessageBoxMini .difMessageBoxMiniText {
  flex: 1;
  min-width: 0;
}
.difMessageBoxMiniInfo {
  background-color: #eef5fc;
  border-color: #b9d4ee;
}
.difMessageBoxMiniError {
  background-color: #fbeeee;
  border-color: #eab8b6;
}
.difMessageBoxMiniWarn {
  background-color: #fdf5e8;
  border-color: #f0d29a;
}
.difMessageBoxMiniOk {
  background-color: #eef7ea;
  border-color: #bfdcb0;
}
.difJsonViewer {
  font-size: 12px;
  color: #1b1b1b;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}
.difJsonViewer .difJsonViewerSource {
  display: none;
}
.difJsonViewer .jvBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  padding: 6px 8px 6px 10px;
  line-height: 22px;
  border-bottom: 1px solid #dddddd;
}
.difJsonViewer .jvBar:empty {
  display: none;
}
.difJsonViewer .jvTitle {
  font-weight: bold;
  color: #000000;
}
.difJsonViewer .jvSlider {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #666666;
  font-weight: normal;
}
.difJsonViewer .jvSlider input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 120px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
}
.difJsonViewer .jvSlider input[type=range]::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 1px;
  background-color: #dddddd;
}
.difJsonViewer .jvSlider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border: 0;
  border-radius: 50%;
  background-color: #1b1b1b;
}
.difJsonViewer .jvSlider input[type=range]::-moz-range-track {
  height: 2px;
  border: 0;
  border-radius: 1px;
  background-color: #dddddd;
}
.difJsonViewer .jvSlider input[type=range]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background-color: #1b1b1b;
}
.difJsonViewer .jvSlider input[type=range]:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(27, 27, 27, 0.2);
}
.difJsonViewer .jvSlider input[type=range]:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(27, 27, 27, 0.2);
}
.difJsonViewer .jvSliderValue {
  min-width: 2em;
  color: #1b1b1b;
  font-variant-numeric: tabular-nums;
}
.difJsonViewer .jvActions {
  display: inline-flex;
  gap: 6px;
  margin-left: auto;
}
.difJsonViewer .jvAction {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  line-height: 22px;
  color: #1b1b1b;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}
.difJsonViewer .jvAction:hover {
  color: #1b1b1b;
  text-decoration: none;
  background-color: #f1f3f5;
  border-color: #999999;
}
.difJsonViewer .jvAction:active {
  background-color: #dddddd;
}
.difJsonViewer .jvCopyAll::before,
.difJsonViewer .jvCopy {
  -webkit-mask-image: url("../img/icon_copy_outline.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../img/icon_copy_outline.svg");
  mask-repeat: no-repeat;
  mask-position: center;
}
.difJsonViewer .jvCopyAll::before {
  content: "";
  width: 13px;
  height: 13px;
  -webkit-mask-size: 13px 13px;
  mask-size: 13px 13px;
  background-color: currentColor;
}
.difJsonViewer .jvBody {
  padding: 6px 10px;
  font-family: Menlo, Consolas, "DejaVu Sans Mono", "Courier New", monospace;
  line-height: 20px;
  overflow: auto;
}
.difJsonViewer .jvProbe {
  position: absolute;
  visibility: hidden;
  white-space: pre;
}
.difJsonViewer .jvRow {
  display: flex;
  align-items: flex-start;
  padding-right: 4px;
  border-radius: 3px;
}
.difJsonViewer .jvRow:hover {
  background-color: #f1f3f5;
}
.difJsonViewer .jvToggle {
  flex: none;
  width: 16px;
  color: #999999;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.difJsonViewer .jvToggle:empty {
  cursor: default;
}
.difJsonViewer .jvToggle:hover {
  color: #1b1b1b;
}
.difJsonViewer .jvToggle:focus,
.difJsonViewer .jvCopy:focus,
.difJsonViewer .jvAction:focus {
  outline: none;
}
.difJsonViewer .jvToggle:focus-visible,
.difJsonViewer .jvCopy:focus-visible,
.difJsonViewer .jvAction:focus-visible {
  outline: 1px dotted #666666;
}
.difJsonViewer .jvKey {
  color: #004e9d;
}
.difJsonViewer .jvRow > .jvKey,
.difJsonViewer .jvRow > .jvIndex,
.difJsonViewer .jvRow > .jvPunct {
  flex: none;
  white-space: pre;
}
.difJsonViewer .jvToggleKey {
  cursor: pointer;
}
.difJsonViewer .jvIndex,
.difJsonViewer .jvPunct,
.difJsonViewer .jvMeta {
  color: #999999;
}
.difJsonViewer .jvValue {
  flex: 1 1 auto;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.difJsonViewer .jvString {
  color: #275e34;
}
.difJsonViewer .jvNumber {
  color: #1b1b1b;
}
.difJsonViewer .jvBoolean {
  color: #b94a48;
}
.difJsonViewer .jvNull {
  color: #999999;
  font-style: italic;
}
.difJsonViewer .jvKids {
  margin-left: 7px;
  padding-left: 9px;
  border-left: 1px solid #dddddd;
}
.difJsonViewer .jvCopy {
  flex: none;
  width: 16px;
  height: 20px;
  margin-left: 12px;
  visibility: hidden;
  cursor: pointer;
  -webkit-mask-size: 13px 13px;
  mask-size: 13px 13px;
  background-color: #999999;
}
.difJsonViewer .jvRow:hover .jvCopy,
.difJsonViewer .jvCopy:focus-visible {
  visibility: visible;
}
.difJsonViewer .jvCopy:hover {
  background-color: #1b1b1b;
}
.difJsonViewer .jvEmpty,
.difJsonViewer .jvInvalid {
  color: #999999;
}
.difJsonViewer .jvRaw {
  margin: 6px 0 0;
  font-family: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
/**** [areaGRID] <dif:grid> default skin (2026-10-23, migrated from TEAM's app-level theme override
      to become the framework default) -- only the grid itself, its header/group titles and its
      footer toolbar lose their divider lines; pinned filters and an app's own top toolbar are
      untouched. Pure background-image/background-color/color/border-radius/box-shadow swaps against
      existing selectors and variables (@basicGreyColor, @basicLightColor already defined above) --
      no padding/margin/width/height/font-size changed anywhere, so no row height or column width
      is affected by this block for any consumer app. Appended at file end so these rules win by
      source order over the pre-existing declarations of the same selectors above (.x-grid-header-ct,
      .editIcon, .deleteIcon, .addIcon, div.noGridData, the editableCell pencil watermark, ...)
      without having to edit those in place. ****/
/* rowLines grids draw a visible vertical divider between every column via ExtJS's own theme
   (.x-grid-with-row-lines .x-grid-cell border-right) -- make it invisible. */
.x-grid-with-row-lines .x-grid-cell {
  border-right-color: transparent !important;
}
/* Header and footer separators fade to @basicLightColor (white) instead of the medium-grey
   @bordersColor the two existing .x-grid-header-ct declarations above apply, so the header/body/
   footer stay readably separated by whitespace alone, no visible line. Header background to pure
   white (the existing declarations compute to a shaded/transparent background) so the header sits
   on the same white surface as the rows. Margin evened out to 5px top and bottom -- the second
   existing declaration above only sets margin-bottom:10px (0 top), overridden here. */
.x-grid-header-ct {
  border-bottom-color: #ffffff !important;
  background-color: #ffffff !important;
  margin: 5px 0 !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom {
  border-top-color: #ffffff !important;
}
/* Column header labels: font-variant:small-caps (the same house style already used for "Tasks"/
   "Home"/menu labels) instead of text-transform:uppercase -- uppercase makes a label like "Creation
   date" wider than its column and clips it; small-caps keeps the first letter full size and shrinks
   the rest, reading the same while fitting. If a label needs to wrap, it must only break at a space,
   never mid-word -- a cut-off word reads better than a split one -- so word-break and hyphenation are
   explicitly disabled as a guarantee, independent of whatever triggers the wrap. Text styling only. */
.x-column-header-text {
  font-variant: small-caps;
  font-size: 12px;
  letter-spacing: -0.015em;
  font-weight: 700;
  color: #000000 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
/* Row hover: a soft tint on the row ExtJS already marks x-grid-row-over -- a color swap, the row box
   is exactly the one ExtJS laid out. */
.x-grid-row-over .x-grid-cell {
  background-color: #f8fafc !important;
}
/* Footer pager, "Option C -- compact capsule" (2026-10-23, restored -- "Option A" above was a
   mistaken request): first/prev/Page/number/of N/next/last/refresh are flat siblings ExtJS
   positions itself with inline left/top pixel offsets (no shared wrapper div exists around just
   prev/number/next) -- reparenting them into one real wrapper means overriding
   Ext.toolbar.Paging's own getPagingItems()/child() (stock ExtJS, no existing DIF override), which
   was tried and reverted: grouping the items breaks Ext.toolbar.Paging's own child()-based enable/
   disable lookups unless that method is also overridden too. Kept to CSS instead: a single rounded
   band is painted with ::before behind the whole fixed-width control cluster (a generous fixed
   width, since the cluster's own width barely moves with the page count's digit count), every
   control keeps its normal flat position and paints on top of the band with a transparent
   background, and the separators are hidden (visibility, not display, so nothing reflows). The
   mockup's "Displaying X-Y of Z" text on the left is DIF's own displayInfo feature
   (Ext.toolbar.Paging displayInfo:true) -- off by default and not something CSS can turn on; it
   needs the grid's own Java config, out of scope here. */
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-box-inner {
  position: relative;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-box-inner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 235px;
  height: 100%;
  background: #f1f5f9;
  border-radius: 999px;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn {
  background: transparent !important;
  border-radius: 7px !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn:not(.x-item-disabled):hover {
  background: #e2e8f0 !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-toolbar-separator {
  visibility: hidden;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-toolbar-text {
  color: #737373 !important;
}
/* Page-number field: a white chip floating on the band painted above (box-shadow, no border) --
   same input box ExtJS sized, only colour/radius/shadow change. */
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-form-text {
  border-radius: 999px !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  text-align: center !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.15) !important;
}
/* Group title (collapsible grouped grids): the group label becomes a soft accent pill instead of
   the plain text-on-shade band -- background-color/color/border-radius only, same padding ExtJS
   already set, same chevron background-image untouched (expanded and collapsed share this class,
   so both states get the pill). The existing declaration above only sets font weight/size. Text
   colour black, not the indigo tried before. */
.x-grid-group-title {
  background-color: #eef2ff !important;
  color: #000000 !important;
  border-radius: 999px !important;
}
/* Editable cells: drop the solid grey fill the existing icon_edit.png watermark rule (further above
   in this file) applies, and draw a small pale outline pencil instead -- own SVG so size/colour/
   opacity are independently tunable. Corner-only: top-right by default, top-left when the column
   itself is right-aligned (ExtJS writes text-align on .x-grid-cell-inner per row), so the glyph is
   never under right-aligned numbers. Checkbox columns (detected the same way this file's own
   editableCell rule above already does, :has(> input[type=checkbox])) are editable through the
   checkbox itself and get no pencil at all. At rest the cell is plain, on x-grid-row-over editable
   cells get a light accent tint to flag "you can edit this here" -- no cell changes size. */
.x-grid-row .x-grid-cell.editableCell {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='0.55'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 7px !important;
  background-position: top 3px right 3px !important;
  background-blend-mode: normal !important;
}
.x-grid-row .x-grid-cell.editableCell:has(.x-grid-cell-inner[style*="text-align: right"]) {
  background-position: top 3px left 3px !important;
}
.x-grid-row .x-grid-cell.editableCell:has(.x-grid-cell-inner > input[type="checkbox"]) {
  background-image: none !important;
}
.x-grid-row-over .x-grid-cell.editableCell {
  background-color: #eef2ff !important;
}
/* "No records" grid overlay: swap the bitmap icon_empty.png the existing div.noGridData rule
   (further above) applies for a thin-outline inbox glyph. Same box that rule already sizes --
   only background-image changes, so position/size/margins are untouched. The locked-access variant
   (.accessGrid div.noGridData, icon_locked.png) is a different icon for a different state and is
   deliberately left as-is. */
div.noGridData {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E") !important;
}
/* New icon set ("contorno fino", thin outline): same background-image mechanism this file already
   uses per action class (.editIcon, .calendarIcon, ... each a fixed-size background-image) -- only
   the artwork changes, never the background-size/position each class already has above, so every
   icon keeps the exact box every consumer already sized for it, in every usage (grid row actions,
   toolbars, action-button lists, ...). */
.editIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") !important;
}
/* Excel export toolbar button: a plain icon class like every other toolbar action (addIcon,
   editIcon, ...), not the .mimeButton/.mimexls mime-badge mechanism this used to ride on (that
   exists for file-type badges in grid cells, a different layout -- flush, full-height color
   column -- that needed three !important overrides fighting its own base rules to look like a
   normal button). GridGenerator.java passes "excelIcon" as the button's icon class. */
.excelIcon {
  height: 18px;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  background-size: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='4' fill='%2315803d'/%3E%3Cpath d='M2 9h20M2 15h20M9 2v20M15 2v20' stroke='%23ffffff' stroke-width='1.6'/%3E%3C/svg%3E") !important;
}
.calendarIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important;
}
.deleteIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M6 7l1 13a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-13'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") !important;
}
.search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m19.5 19.5-4.8-4.8'/%3E%3C/svg%3E") !important;
}
.clearIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m8.5 8.5 5 5'/%3E%3Cpath d='m13.5 8.5-5 5'/%3E%3C/svg%3E") !important;
}
/* Funnel, not the sliders glyph a plain filter icon often uses -- same thin-outline stroke as the
   rest of the set. */
.filterIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16l-6 8v6l-4 2v-8L4 4z'/%3E%3C/svg%3E") !important;
}
.addIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") !important;
}
.groupIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 3 8l9 5 9-5-9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E") !important;
}
/* Clear-field icon inside a grid cell's right-side slot (.gridColumnRight.paddingtop2, e.g. the
   "Workflow associado" column of DIF Document Repository's Categories grid): that 2px top padding
   was tuned for the old icon_x.png bitmap (which likely had its own baked-in vertical offset) --
   our SVG doesn't have that offset, so combined with the inline baseline alignment the glyph sits
   ~5px below the row's text centre. Nudged back up, scoped to this exact DIF layout class so other
   icon types reusing .paddingtop2 elsewhere are untouched. */
.gridColumnRight.paddingtop2 .clearIcon {
  margin-top: -5px !important;
}