/* [GeneralApplicationsVariables] */
/*lighten(@basicGreyColor, 20%) = #ccc*/
/*lighten(@basicGreyColor, 28%) = #e0e0e0*/
/*@fontFamilySpecialHeaders: NunitoLight, Arial, Helvetica, sans-serif;*/
/*-- Parameter BreadCrumbsVisible true*/
/*-- Parameter SubFooterVisible true*/
/*REVER COM VIEGAS*/
/*OK*/
/**** [ 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 #dddddd;
}
.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: #f2f2f2;
  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: #f7f7f7 !important;
  margin-bottom: 3px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #dddddd !important;
}
.x-group-header .x-box-inner {
  border-top: 1px solid #dddddd;
}
/** 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: #f7f7f7 !important;
  margin-top: 3px;
  border-radius: 0 0 6px 6px;
  padding: 5px !important;
  font-variant: small-caps;
  border-top: 1px solid #dddddd !important;
}
.x-grid > .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");
}
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
  background-position: 0 5px !important;
  background-size: auto 10px !important;
  background-repeat: no-repeat !important;
}
.x-tree-elbow-plus,
.x-tree-elbow-end-plus {
  background-image: url("../img/icon_triangle_right.png") !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus {
  background-image: url("../img/icon_triangle_bottom.png") !important;
}
.x-tree-icon-leaf {
  background: url("../img/icon_blankpage.png") no-repeat left top;
  background-size: 14px;
  width: 18px;
}
.x-tree-icon-parent {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px;
  background-image: url("../img/icon_folderClosed.png");
}
.x-grid-tree-node-expanded .x-tree-icon-parent {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px;
  background-image: url("../img/icon_folderOpened.png");
}
.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;
}
.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("../img/icon_arrow_w.png");
  background-size: auto 70%;
  background-position-y: 2px;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.completedTreeItem .x-tree-icon-leaf {
  background-image: url("../img/icongeral_ok.png");
  background-size: auto 15px;
  background-position-y: 0px;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.calendarTreeItem .x-tree-icon-leaf {
  background-image: url("../img/icon_calendario.png");
  background-size: auto 15px;
  background-position-y: 0px;
}
.x-grid-row .x-grid-cell.x-grid-cell-treecolumn.infoTreeItem .x-tree-icon-leaf {
  background-image: url("../img/icon_infodetail.png");
  background-size: auto 13px;
  background-position-y: 0px;
}
/***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;
}
.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;
}
.isDisabled,
input[type="submit"]: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 {
  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: #f2f2f2;
}
.backgcolordark {
  background-color: #000 !important;
}
.backgcolorgrey {
  background-color: #ddd;
}
.backgcolorlightgrey {
  background-color: #f2f2f2;
  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;
}
.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;
}
/*** [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 #dddddd !important;
}
.borderTopDotted2 {
  border-top: 2px dotted #dddddd !important;
}
.borderdottedLeft {
  border-left: 1px dotted #dddddd !important;
}
.borderdottedRight {
  border-right: 1px dotted #dddddd !important;
}
.border {
  border: 1px solid #dddddd !important;
}
.borderdotted {
  border: 1px dotted #dddddd !important;
}
.borderdottedBottom {
  border-bottom: 1px dotted #dddddd !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 #dddddd;
  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;
}
.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: #f2f2f2 !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: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 #f2f2f2;
  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 #f2f2f2;
}
.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: #f2f2f2;
}
.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 #dddddd;
  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;
}
.gridActionsContainer {
  display: flex;
}
.gridActionsContainer div:first-of-type {
  padding-top: 2px;
  padding-bottom: 4px;
  flex: 1;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
  line-height: 16px;
}
.gridActionsContainer .menuIconContainer {
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 5px;
  border-left: 1px solid #dddddd;
  background-color: #ffffff;
}
.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;
}
.actionsbuttons > ul > li > a:hover,
.difButtons:hover {
  color: #ffffff;
  background-color: #666666;
}
.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: #f2f2f2;
}
.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: #dddddd;
}
.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;
  margin-top: -14px;
  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;
}
.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;
}
ul.submenunavbar.withParentLink li a {
  background-image: none !important;
}
/** [ 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: #f2f2f2;
  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 #f2f2f2;
}
#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 #f2f2f2;
}
#menuBOXSmall ul li.active {
  border: 10px solid #f2f2f2;
  background-color: #dddddd;
}
#menuBOXSmall ul li.inactive {
  border: 10px solid #f2f2f2;
  background-color: #f2f2f2;
  font-weight: normal;
  filter: opacity(0.5);
}
#menuBOXSmall ul li.boxmodactive:hover {
  border: 10px solid #f2f2f2;
  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;
}
/* 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 #f2f2f2;
  border-radius: 60px;
  margin: 0;
  filter: drop-shadow(0px 1px 1px #cccccc);
}
.perfilAreaBoxPhoto img {
  height: 120px;
  border-radius: 56px;
  max-width: 160px;
}
#PerfilMiniDisplayInnerStage img {
  border-radius: 30px;
  filter: drop-shadow(0px 1px 1px #cccccc);
  background-color: #666666;
}
/* 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: ".CVS | ";
  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: ".CVS";
}
.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 #f2f2f2;
  background-color: #fafafa;
}
#infodetails .qq-gallery.qq-uploader,
.detailsArea .qq-gallery.qq-uploader {
  background-color: #ffffff;
}
#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;
}
#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 #e5e5e5;
  background-color: #fcfcfc;
}
#infodetailsinfo {
  vertical-align: middle;
  width: 100%;
  padding: 10px;
}
#infodetails .infodetailsSideContentArea {
  padding: 7px;
  background-color: #f2f2f2;
  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 {
  margin: auto;
  display: grid;
}
.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 #d9d9d9;
  border-radius: 4px;
  background-color: #f2f2f2;
  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: #f2f2f2;
  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(242, 242, 242, 0.9);
  z-index: 1000;
}
div.fileListImagesPreview img.preview {
  cursor: pointer;
  height: 50vh;
  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;
}
input[type="file"] {
  border: 1px solid #dddddd !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 #dddddd;
  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 .ajs-message {
  box-shadow: #999999 0 0 4px;
  border-radius: 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;
}
.cookieConsent .actionsbuttons button {
  background-color: #1b1b1b;
  color: #ffffff;
}
.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 .ajs-footer .ajs-buttons.ajs-primary {
  text-align: center;
}
.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;
}
.alertify .ajs-dimmer {
  background: #f4f4f4 !important;
  opacity: 0.6 !important;
}
.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 #dddddd !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: #f2f2f2 !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: #f2f2f2 !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 {
  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: #f2f2f2;
}
.read-more {
  border: none;
  cursor: pointer;
  outline: none;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  font-weight: bold;
  text-transform: uppercase;
  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: #f2f2f2;
}
/* 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;
}
/**** [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;
}
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: #dddddd;
  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: #f2f2f2;
}
.x-boundlist-item-over {
  background-color: #f7f7f7;
}
.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: #f2f2f2;
  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: #f2f2f2;
}
.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: #f2f2f2;
}
.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;
}
#filterDefinitionBox {
  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 {
  opacity: 0;
  transform: scaleY(0);
  overflow: hidden;
}
#filterDefinitionBox #gridFilterSumary {
  width: 180px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #f2f2f2;
}
#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;
}
.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;
}
#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: #f2f2f2;
  color: #000000 !important;
  border: 2px solid #f2f2f2;
  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;
}
.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 * {
  white-space: pre-wrap;
  word-break: break-word;
}
.livechat-add.fullPageChatAdd div.cke_textarea_inline {
  flex: 1;
}
.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;
}
.chat-message-content {
  margin: 0;
  padding: 2px 0 2px 0;
  max-width: calc(100% - 75px);
}
.chat-message-content img {
  max-width: 100%;
  height: auto;
}
.chat-message-content table.grid {
  width: auto;
  margin: 10px 0;
}
.chat-message-content table.grid th {
  background-color: #999999;
  color: #f2f2f2;
}
.chat-message-system {
  background-color: initial;
  color: #9b9b9b;
}
.chat-message-content div.messageDetails {
  margin-top: 5px;
  margin-bottom: 15px;
  border-top: 1px dotted;
  padding-top: 5px;
}
.chat-message-system.floatRight {
  padding-right: 20px;
  border-right: 1px dotted #ddd;
}
.chat-message-system.floatLeft {
  padding-left: 20px;
  border-left: 1px solid #ddd;
}
.infodetailsSideContentArea .chat-message-system.floatRight {
  text-align: right;
}
.infodetailsSideContentArea .chat-message-system.floatLeft {
  text-align: left;
}
.chat-message-current-user,
.chat-message-other-user {
  flex: 1;
  padding: 10px 15px;
  border-radius: 0 0 5px 5px;
}
.chat-message-current-user {
  background-color: #f2f2f2;
}
.chat-message-other-user {
  border: 1px solid #f2f2f2;
  background-color: #fafafa;
}
.chat-message-user {
  font-size: 110%;
  font-weight: bold;
  padding: 8px 0;
}
.chat-message .displayflex.floatRight {
  justify-content: flex-end;
}
.chat-message-user-separator {
  border-bottom: 1px solid #f2f2f2;
  font-size: 140%;
  font-variant: small-caps;
  padding: 0 30px 5px 0 !important;
  margin-top: 10px;
  margin-bottom: -1px;
  min-width: 100px;
}
.live-chat-smallLayout .chat-message-user-separator {
  padding-top: 15px;
  background-size: auto 25px;
}
.chat-message-user-separator.floatRight {
  padding: 0 0 5px 30px !important;
}
.live-chat-smallLayout .chat-message-user-separator {
  padding-top: 15px !important;
  background-size: auto 25px;
}
.live-chat-smallLayout .cke_text_area_inline {
  word-break: break-all;
}
.live-chat-smallLayout .chat-message-content {
  padding: 5px 10px;
}
.chat-message .messageDate {
  display: block;
  width: 55px;
  font-size: 90%;
  margin: 5px 0px;
  color: #999999;
  font-size: 9px;
  line-height: 10px;
  border-radius: 3px 0 0 3px;
  padding: 5px !important;
  color: #000000;
  margin: -1px;
}
.chat-message .messageDate.floatRight {
  border-radius: 0 3px 3px 0;
}
.live-chat.liveChat-over .chat-message .messageDate {
  border-radius: 0 !important;
  background-color: transparent;
}
.live-chat-smallLayout .chat-message .messageDate {
  font-size: 80%;
}
.chat-message .messageDate {
  width: 65px;
  padding: 0 5px;
}
.chat-message-user.floatLeft {
  text-align: left;
}
.messageDate:empty {
  background-color: transparent;
}
.live-chat .x-grid-cell-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.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;
}
.livechat-add.fullPageChatAdd .chat-send-button {
  height: 40px;
  margin: 0 0 10px 5px;
  align-self: flex-end;
  border-radius: 6px;
}
.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 #dddddd;
  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 #dddddd;
}
.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 #dddddd;
}
.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 {
  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;
}
.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 #dddddd;
}
.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: #f2f2f2;
}
.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: #f2f2f2;
}
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 #dddddd;
  background: #dddddd;
}
.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 #dddddd !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;
}
.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;
}
form.largeForm tr.formRowformRowEven td.formRowLabelTD {
  background-color: #f2f2f2;
}
.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 #dddddd !important;
  border-radius: 5px;
  padding: 1px 5px;
}
textarea {
  padding: 5px;
  margin: 0 0 10px 0 !important;
  border: 1px solid #dddddd !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: #f2f2f2;
  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 #dddddd;
  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;
}
.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 #dddddd !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;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.x-form-trigger-input-cell input:not(.x-trigger-noedit) {
  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 ] */
input[readonly],
input[type="readonly"],
.inputreadonly,
.x-form-field.inputreadonly,
.x-form-trigger-input-cell .x-form-text.inputreadonly {
  background-color: #f2f2f2 !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: #dddddd !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: #dddddd !important;
}
div.inputnormaltextarea.inputreadonly {
  min-height: 24px;
  overflow: auto;
  overflow-wrap: break-word;
}
:not(.inputreadonly).inputForceNormaltext {
  background-color: #ffffff !important;
}
.multiSelectInputCellReadonly .x-boxselect {
  border-radius: 5px !important;
}
.multiSelectInputCellReadonly .x-boxselect-list {
  background-color: #f2f2f2 !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::before {
  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 #dddddd;
  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 #dddddd;
  background-color: #e5e5e5;
  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;
}
.inputWithSuffix span.pickerFieldSuffix {
  padding: 5px 1px 0 1px;
}
.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 #dddddd;
  border-right: 1px solid #dddddd;
  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: #e5e5e5;
  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 #dddddd !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 #f2f2f2;
  border-radius: 0 10px;
  min-height: 32px;
  height: 35px;
}
div.formLockStatus .formLocked,
div.formLockStatus .formUnLocked {
  display: inline-block;
  float: right;
  background-color: #f2f2f2;
  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 #f2f2f2;
}
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 #dddddd !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: #f2f2f2;
}
.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: #f2f2f2;
}
/***** [ 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: #f2f2f2;
  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: left top;
  background-repeat: no-repeat;
  background-size: 16px;
}
.treeNodeFEATURE .x-tree-icon-leaf {
  background-image: url("../img/icon_feature.png");
}
.treeNodeAPPLICATION .x-tree-icon-leaf {
  background-image: url("../img/icon_application.png");
}
.treeNodeSERVICE .x-tree-icon-leaf {
  background-image: url("../img/icon_service.png");
}
.treeNodeSTAGE .x-tree-icon-leaf {
  background-image: url("../img/icon_stage.png");
}
.treeNodeDocument .x-tree-icon-leaf {
  background-image: url("../img/icon_document.png");
}
.treeNodeDocumentUpload .x-tree-icon-leaf {
  background-image: url("../img/icon_upload.png");
}
.treeNodeMessage .x-tree-icon-leaf {
  background-image: url("../img/icon_email.png");
}
.treeNodeAdd .x-tree-icon-leaf {
  background-image: url("../img/icon_add.png");
}
.treeNodeSQL .x-tree-icon-leaf {
  background-image: url("../img/icon_sql.png");
}
.treeNodeView .x-tree-icon-leaf {
  background-image: url("../img/icon_stage.png");
}
.treeNodeStage .x-tree-icon-leaf {
  background-image: url("../img/icon_customize.png");
}
.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: #f2f2f2;
}
.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;
}
.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: #f2f2f2;
  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 #f2f2f2;
  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: #f2f2f2;
  border: 1px solid #dddddd;
  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;
}
.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: #f2f2f2;
}
.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 #dddddd !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: #f2f2f2;
  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 #dddddd !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: #f2f2f2;
}
.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: #f5f5f5 !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: #f2f2f2 !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 #dddddd;
  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 #dddddd !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: #f2f2f2 !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 #dddddd;
  border-radius: 0 !important;
  margin-right: -4px !important;
  background: none !important;
  transition: border 0.2s ease;
}
.x-tab:hover,
.actionstab ul li:hover {
  background: #f7f7f7 !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-bar-top .x-tab-bar-strip {
  top: 40px;
  height: 1px !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 #dddddd !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 #dddddd;
  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 #f2f2f2;
  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-body-ct {
  background-color: #ffffff !important;
  border-top: 1px solid #dddddd !important;
}
.ext-cal-evt {
  text-align: center;
  border: 1px solid #f2f2f2;
  border-radius: 10px !important;
}
.ext-cal-evt .ext-evt-bd {
  display: flex;
  justify-content: center;
  height: 100%;
}
.ext-cal-dayview .ext-cal-bg-row-div {
  border-color: #f7f7f7;
}
.ext-cal-evt {
  text-align: center;
  border: 1px solid #f2f2f2;
}
.ext-cal-dayview .ext-cal-bg-row-div {
  border-color: #f7f7f7;
}
.eventCellHiddenAction {
  margin-top: 15px;
}
.ext-cal-evt .eventCellHiddenAction {
  display: none;
}
/*SiGESbo*/
.disponibilidadeCelulaIndisponivel {
  color: #999999 !important;
  background-color: #f2f2f2 !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 */
.ext-cal-day-col {
  border-left: 1px solid #f7f7f7;
}
.ext-cal-day-col .ext-cal-evt {
  border-radius: 6px;
}
.ext-cal-hd-ct {
  border: none !important;
}
.ext-cal-day-header,
.ext-cal-hd-days-tbl {
  background-color: #f7f7f7 !important;
  border-radius: 10px 10px 0 0;
}
.ext-cal-hd-days-tbl .ext-cal-bg-tbl {
  background-color: #f7f7f7 !important;
  border-bottom: 1px solid #f7f7f7;
}
.ext-cal-dayview .ext-cal-bg-tbl {
  border-bottom: none !important;
}
.ext-cal-bg-tbl {
  margin-top: 1px;
}
.ext-cal-day-times {
  color: #000000 !important;
  font-weight: bold;
  background-color: transparent;
}
.ext-cal-day-time-inner {
  padding-right: 5px;
  border-bottom: 1px solid #f7f7f7;
}
.ext-cal-day,
.ext-cal-day-we {
  border-right: 1px solid #f7f7f7;
}
.ext-cal-day-we {
  background-color: #e7e7e7 !important;
}
.ext-cal-day-today {
  background: inherit;
}
.ext-cal-dtitle.ext-cal-day-today {
  color: #9b9b9b;
  background-color: #9b9b9b !important;
}
.ext-cal-evr {
  border-radius: 2px;
}
.ext-cal-day-col-gutter {
  margin-left: 1px;
  margin-right: 1px;
}
td.ext-cal-dtitle-first {
  border: none !important;
}
td.ext-cal-dtitle {
  color: #000000;
  font-weight: bold;
  font-family: montserrat, Arial, Helvetica, sans-serif !important;
  text-align: left;
  padding: 0px;
}
td.ext-cal-dtitle div {
  text-align: center;
  padding: 5px;
}
td.ext-cal-dtitle-today div {
  color: #ffffff;
  font-weight: bold;
  background-color: #9b9b9b !important;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
}
.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;
}
.x-tree-panel .x-grid-cell-inner .innerTreeValue {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
}
.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 #f2f2f2;
}
#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: #f2f2f2;
  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: #f2f2f2;
}
.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: #f2f2f2;
  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 #dddddd;
  margin-top: -2px;
}
.x-datepicker-header {
  background: none !important;
  border: 1px solid #dddddd;
  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: #f2f2f2 !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 #dddddd;
}
.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: #f2f2f2;
}
.x-datepicker-footer,
.x-monthpicker-buttons {
  background: none !important;
  padding-top: 10px;
  margin-top: 5px;
}
table.x-datepicker-inner a {
  font: inherit;
  background: #f7f7f7;
}
.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;
}
.radioItems .radioItem input[type="radio"] {
  display: none;
}
.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;
}
.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 #dddddd;
}
.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 #f2f2f2;
  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;
  max-width: 600px;
  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: #f2f2f2 !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(242, 242, 242, 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(242, 242, 242, 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%;
}
@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 #dddddd;
  border-radius: 6px;
  height: 120px;
  width: 400px;
  text-align: center;
  margin: auto;
  padding: 5px 0 15px 10px;
}
.legendDivNoSize {
  border: 1px solid #dddddd;
  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;
}
#panelfotoActions .fotoActions {
  padding: 5px 0 0 0 !important;
  margin-left: 5px;
}
.stampTarget.alumni {
  position: relative;
}
.stampTarget.alumni:after {
  content: "Alumni";
  position: absolute;
  left: -10px;
  top: -5px;
  background-color: #0079cf;
  color: #f2f2f2;
  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;
}
.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 {
  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;
}