/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.svg-icon.svg-loading-spinner {
  fill: var(--link2Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-alert-container:not(.ext-ie) {
  z-index: 9100;
}
.cortex-alert-container .swal2-popup {
  color: var(--darkColor);
  padding: 2rem;
}
.cortex-alert-container .swal2-popup .color-danger {
  color: rgb(var(--dangerColor));
}
.cortex-alert-container .swal2-popup .color-info {
  color: rgb(var(--infoColor));
}
.cortex-alert-container .swal2-popup .color-warning {
  color: rgb(var(--warningColor));
}
.cortex-alert-container .swal2-popup .color-success {
  color: rgb(var(--successColor));
}
.cortex-alert-container .swal2-popup .swal2-icon {
  margin: 0 auto 1.4em;
  zoom: 0.7;
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon {
  color: rgb(var(--dangerColor));
  border-color: rgb(var(--dangerColor));
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon [class^=swal2-success-line] {
  background-color: rgb(var(--dangerColor));
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon .swal2-success-ring {
  border: 0.25em solid rgba(var(--dangerColor), 0.3);
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon svg {
  fill: rgb(var(--dangerColor));
  max-height: 60px;
  height: auto;
  width: 60px;
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon.no-border {
  border: 0;
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon.custom-icon {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-icon.custom-icon .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-actions .swal2-confirm {
  background: rgb(var(--dangerColor));
}
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-actions .swal2-confirm:hover,
.cortex-alert-container .swal2-popup.swal2-type-danger .swal2-actions .swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(var(--dangerColor), 0.5);
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon {
  color: rgb(var(--infoColor));
  border-color: rgb(var(--infoColor));
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon [class^=swal2-success-line] {
  background-color: rgb(var(--infoColor));
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon .swal2-success-ring {
  border: 0.25em solid rgba(var(--infoColor), 0.3);
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon svg {
  fill: rgb(var(--infoColor));
  max-height: 60px;
  height: auto;
  width: 60px;
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon.no-border {
  border: 0;
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon.custom-icon {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-icon.custom-icon .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-actions .swal2-confirm {
  background: rgb(var(--infoColor));
}
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-actions .swal2-confirm:hover,
.cortex-alert-container .swal2-popup.swal2-type-info .swal2-actions .swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(var(--infoColor), 0.5);
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon {
  color: rgb(var(--warningColor));
  border-color: rgb(var(--warningColor));
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon [class^=swal2-success-line] {
  background-color: rgb(var(--warningColor));
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon .swal2-success-ring {
  border: 0.25em solid rgba(var(--warningColor), 0.3);
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon svg {
  fill: rgb(var(--warningColor));
  max-height: 60px;
  height: auto;
  width: 60px;
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon.no-border {
  border: 0;
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon.custom-icon {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-icon.custom-icon .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-actions .swal2-confirm {
  background: rgb(var(--warningColor));
}
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-actions .swal2-confirm:hover,
.cortex-alert-container .swal2-popup.swal2-type-warning .swal2-actions .swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(var(--warningColor), 0.5);
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon {
  color: rgb(var(--successColor));
  border-color: rgb(var(--successColor));
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon [class^=swal2-success-line] {
  background-color: rgb(var(--successColor));
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon .swal2-success-ring {
  border: 0.25em solid rgba(var(--successColor), 0.3);
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon svg {
  fill: rgb(var(--successColor));
  max-height: 60px;
  height: auto;
  width: 60px;
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon.no-border {
  border: 0;
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon.custom-icon {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-icon.custom-icon .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-actions .swal2-confirm {
  background: rgb(var(--successColor));
}
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-actions .swal2-confirm:hover,
.cortex-alert-container .swal2-popup.swal2-type-success .swal2-actions .swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(var(--successColor), 0.5);
}
.cortex-alert-container .swal2-popup .swal2-title {
  font-size: 16px;
  padding: 0;
}
.cortex-alert-container .swal2-popup .swal2-html-container {
  font-size: 14px;
  line-height: 24px;
  margin: 3px;
}
.cortex-alert-container .swal2-popup .swal2-actions {
  width: 100%;
  margin: 32px 0 0;
}
.cortex-alert-container .swal2-popup .swal2-actions .swal2-styled {
  min-height: 18.5px;
  flex: 1;
  border: none;
  border-radius: 110px;
  font-size: 14px;
  font-weight: bold;
}
.cortex-alert-container .swal2-popup .swal2-actions .swal2-deny,
.cortex-alert-container .swal2-popup .swal2-actions .swal2-cancel {
  background-color: rgb(var(--secondaryButtonColor));
  color: var(--darkColor);
}
.cortex-alert-container .swal2-popup .swal2-actions .swal2-deny:hover,
.cortex-alert-container .swal2-popup .swal2-actions .swal2-cancel:hover,
.cortex-alert-container .swal2-popup .swal2-actions .swal2-deny:focus,
.cortex-alert-container .swal2-popup .swal2-actions .swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(var(--secondaryButtonColor), 0.5);
}
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-dlg-icon .ext-mb-icon {
  color: rgb(var(--dangerColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-right,
.cortex-alert-container.fallback.ext-ie.fallback-type-danger .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-right {
  background-color: rgb(var(--dangerColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-dlg-icon .ext-mb-icon {
  color: rgb(var(--infoColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-right,
.cortex-alert-container.fallback.ext-ie.fallback-type-info .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-right {
  background-color: rgb(var(--infoColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-dlg-icon .ext-mb-icon {
  color: rgb(var(--warningColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-right,
.cortex-alert-container.fallback.ext-ie.fallback-type-warning .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-right {
  background-color: rgb(var(--warningColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-dlg-icon .ext-mb-icon {
  color: rgb(var(--successColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-left,
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-center,
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-right,
.cortex-alert-container.fallback.ext-ie.fallback-type-success .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-right {
  background-color: rgb(var(--successColor)) !important;
}
.cortex-alert-container.fallback.ext-ie.no-buttons .x-window-bwrap .x-window-bl {
  height: 25px;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap {
  padding: 25px;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl {
  height: 65px;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-left button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-left button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-center button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-center button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-yes .x-btn-right button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-ok .x-btn-right button {
  color: #fff !important;
  padding: 12px !important;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-no .x-btn-left,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-cancel .x-btn-left,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-no .x-btn-center,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-cancel .x-btn-center,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-no .x-btn-right,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-cancel .x-btn-right {
  background-color: #efefef !important;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-no .x-btn-left button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-cancel .x-btn-left button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-no .x-btn-center button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-cancel .x-btn-center button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-no .x-btn-right button,
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer .x-panel-btns-ct .x-panel-btns .x-btn-cancel .x-btn-right button {
  color: var(--darkColor) !important;
  padding: 12px !important;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-body {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-body .x-dlg-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-body .x-dlg-icon .ext-mb-icon {
  float: none;
  font-size: 60px;
  width: 60px;
  height: 60px;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-body .ext-mb-content {
  margin-left: 0;
  width: 100%;
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-body .ext-mb-content .title {
  font-size: 16px;
  font-weight: bold;
  color: var(--darkColor);
}
.cortex-alert-container.fallback.ext-ie .x-window-bwrap .x-window-body .ext-mb-content .body {
  font-size: 14px;
  color: var(--darkColor);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/* NAO COLOCAR VARIAVEIS LESS AQUI! */
/* Importante, o nome da fonte deve ser o mesmo que a font-family! Isso nao necessariamente eh verdade,
para ter certeza, abra o arquivo .ttf para verificar */
@font-face {
  font-family: Titillium;
  src: url('../fonts/Titillium.eot');
  src: url('../fonts/Titillium.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Titillium;
  src: url('../fonts/TitilliumBold.eot');
  src: url('../fonts/TitilliumBold.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Archivo Black";
  src: url('../fonts/ArchivoBlack-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Anek Latin";
  src: url('../fonts/AnekLatin.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
/* cortex-icons made with icomoon */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'cortex-icons';
    src: url('../fonts/cortex-icons.svg?xpto#cortex-icons') format('svg');
  }
}
@font-face {
  font-family: 'cortex-icons';
  src: url('../fonts/cortex-icons.ttf?xpto') format('truetype'), url('../fonts/cortex-icons.woff?xpto') format('woff'), url('../fonts/cortex-icons.svg?xpto#cortex-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cortex-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-stretch:before {
  content: "\e922";
}
.icon-flip:before {
  content: "\e923";
}
.icon-flip2:before {
  content: "\e924";
}
.icon-brush:before {
  content: "\e926";
}
.icon-power:before {
  content: "\e921";
}
.icon-no-connection:before {
  content: "\e91f";
}
.icon-move:before {
  content: "\e91c";
}
.icon-bin:before {
  content: "\e907";
}
.icon-document-new:before {
  content: "\e002";
}
.icon-warning-round:before {
  content: "\e900";
}
.icon-expand-full:before {
  content: "\e91a";
}
.icon-date-time:before {
  content: "\e914";
}
.icon-date:before {
  content: "\e915";
}
.icon-latlong:before {
  content: "\e916";
}
.icon-numeric:before {
  content: "\e917";
}
.icon-dimension-multi:before {
  content: "\e918";
}
.icon-dimension:before {
  content: "\e919";
}
.icon-undo:before {
  content: "\e912";
}
.icon-redo:before {
  content: "\e913";
}
.icon-grid-expand:before {
  content: "\e90f";
}
.icon-grid-collapse:before {
  content: "\e910";
}
.icon-grid-leaf:before {
  content: "\e911";
}
.icon-filter-result:before {
  content: "\e90d";
}
.icon-filter-database:before {
  content: "\e90e";
}
.icon-active-relation-multivalue:before {
  content: "\e90a";
}
.icon-active-relation:before {
  content: "\e90b";
}
.icon-filter-misleading:before {
  content: "\e90c";
}
.icon-horizontal-maior-menor:before {
  content: "\e908";
}
.icon-horizontal-menor-maior:before {
  content: "\e909";
}
.icon-key:before {
  content: "\e906";
}
.icon-refresh-grid:before {
  content: "\e905";
}
.icon-maior-para-menor:before {
  content: "\e903";
}
.icon-menor-para-maior:before {
  content: "\e904";
}
.icon-restore:before {
  content: "\e600";
}
.icon-check:before {
  content: "\e602";
}
.icon-drill-rounded:before {
  content: "\e601";
}
.icon-drill:before {
  content: "\72";
}
.icon-arrow-down:before {
  content: "\e02f";
}
.icon-arrow-up:before {
  content: "\e030";
}
.icon-search:before {
  content: "\e02e";
}
.icon-invert-axis:before {
  content: "\e02c";
}
.icon-invert-table-cells:before {
  content: "\e02d";
}
.icon-align-vertical:before {
  content: "\e02a";
}
.icon-align-horizontal:before {
  content: "\e02b";
}
.icon-sort:before {
  content: "\e016";
}
.icon-tutorial:before {
  content: "\e003";
}
.icon-up:before {
  content: "\e004";
}
.icon-refresh:before {
  content: "\e005";
}
.icon-invisible:before {
  content: "\e006";
}
.icon-font-minus:before {
  content: "\e012";
}
.icon-down:before {
  content: "\e013";
}
.icon-collapse:before {
  content: "\73";
}
.icon-close:before {
  content: "\e00c";
}
.icon-favorite:before {
  content: "\e00d";
}
.icon-left:before {
  content: "\e01b";
}
.icon-right:before {
  content: "\e01c";
}
.icon-font-plus:before {
  content: "\e015";
}
.icon-access-restriction:before {
  content: "\e007";
}
.icon-analysis:before {
  content: "\e008";
}
.icon-tags:before {
  content: "\e017";
}
.icon-cancel:before {
  content: "\e009";
}
.icon-information:before {
  content: "\e00a";
}
.icon-statistics:before {
  content: "\e00b";
}
.icon-font:before {
  content: "\e01d";
}
.icon-filter:before {
  content: "\66";
}
.icon-config:before {
  content: "\e020";
}
.icon-flow-tree:before {
  content: "\e00e";
}
.icon-export:before {
  content: "\e00f";
}
.icon-expand:before {
  content: "\64";
}
.icon-warning:before {
  content: "\e011";
}
.icon-mail:before {
  content: "\e018";
}
.icon-document-edit:before {
  content: "\e019";
}
.icon-analysis-edit:before {
  content: "\e01a";
}
.icon-edit:before {
  content: "\e01f";
}
.icon-cc-nd:before {
  content: "\e021";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-arrow-left:before {
  content: "\e022";
}
.icon-arrow-right:before {
  content: "\e001";
}
.icon-close2:before {
  content: "\e000";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-align-bottom:before {
  content: "\e010";
}
.icon-align-right:before {
  content: "\e01e";
}
.icon-align-left:before {
  content: "\e023";
}
.icon-align-top:before {
  content: "\e024";
}
.icon-align-center:before {
  content: "\e025";
}
.icon-align-middle:before {
  content: "\e026";
}
.icon-photo-plus:before {
  content: "\e027";
}
.icon-photo:before {
  content: "\e028";
}
.icon-photo-minus:before {
  content: "\e029";
}
.icon-up2:before {
  content: "\75";
}
.icon-down2:before {
  content: "\77";
}
.icon-list:before {
  content: "\21";
}
.icon-format-paint:before {
  content: "\e243";
}
.icon-arrow-up2:before {
  content: "\e91d";
}
.icon-arrow-down2:before {
  content: "\e91e";
}
.icon-database:before {
  content: "\e901";
}
.icon-user:before {
  content: "\e902";
}
.icon-users:before {
  content: "\e91b";
}
.icon-bold:before {
  content: "\ea62";
}
.icon-underline:before {
  content: "\ea63";
}
.icon-italic:before {
  content: "\ea64";
}
.icon-previous:before {
  content: "\ea40";
}
.icon-width:before {
  content: "\e920";
}
.icon-height:before {
  content: "\e925";
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */
/* NAO COLOCAR VARIAVEIS LESS AQUI! */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
img,
body,
html {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
q:before,
q:after {
  content: '';
}
/*
.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}
.ext-el-mask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9 url(../images/blue/box/tb-blue.gif) repeat-x 0 -16px;padding:2px;}
.ext-el-mask-msg div{padding:5px 10px 5px 10px;background:#eee;border:1px solid #a3bad9;color:#222;font:normal 11px Tahoma,Arial,Helvetica,Sans-serif;cursor:wait;}
*/
.ext-shim {
  position: absolute;
  visibility: hidden;
  left: 0;
  top: 0;
  overflow: hidden;
}
.ext-ie .ext-shim {
  filter: alpha(opacity=0);
}
.ext-ie6 .ext-shim {
  margin-left: 5px;
  margin-top: 3px;
}
/*
.x-mask-loading div{padding:5px 10px 5px 25px;background:#fbfbfb url( '../images/blue/grid/loading.gif' ) no-repeat 5px 5px;line-height:16px;}
*/
.x-hidden,
.x-hide-offsets {
  position: absolute;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
}
.x-hide-display {
  display: none!important;
}
.x-hide-visibility {
  visibility: hidden!important;
}
.x-masked {
  overflow: hidden!important;
}
.x-masked-relative {
  position: relative !important;
}
.x-masked select,
.x-masked object,
.x-masked embed {
  visibility: hidden;
}
.x-layer {
  visibility: hidden;
}
.x-unselectable,
.x-unselectable * {
  -moz-user-select: none;
  -khtml-user-select: none;
}
.x-repaint {
  zoom: 1;
  background-color: transparent;
  -moz-outline: none;
}
.x-item-disabled {
  color: gray;
  cursor: default;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
}
.x-item-disabled * {
  color: gray!important;
  cursor: default!important;
}
.x-splitbar-proxy {
  position: absolute;
  visibility: hidden;
  z-index: 20001;
  background: #aaa;
  zoom: 1;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}
.x-splitbar-h,
.x-splitbar-proxy-h {
  cursor: e-resize;
  cursor: col-resize;
}
.x-splitbar-v,
.x-splitbar-proxy-v {
  cursor: s-resize;
  cursor: row-resize;
}
.x-color-palette {
  width: 150px;
  height: 92px;
  cursor: pointer;
}
.x-color-palette a {
  border: 1px solid #fff;
  float: left;
  padding: 2px;
  text-decoration: none;
  -moz-outline: 0 none;
  outline: 0 none;
  cursor: pointer;
}
.x-color-palette a:hover,
.x-color-palette a.x-color-palette-sel {
  border: 1px solid #8BB8F3;
  background: #deecfd;
}
.x-color-palette em {
  display: block;
  border: 1px solid #ACA899;
}
.x-color-palette em span {
  cursor: pointer;
  display: block;
  height: 10px;
  line-height: 10px;
  width: 10px;
}
.x-ie-shadow {
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  background: #777;
  zoom: 1;
}
.x-shadow {
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}
.x-shadow * {
  overflow: hidden;
}
.x-shadow * {
  padding: 0;
  border: 0;
  margin: 0;
  clear: none;
  zoom: 1;
}
.x-shadow .xstc,
.x-shadow .xsbc {
  height: 6px;
  float: left;
}
.x-shadow .xstl,
.x-shadow .xstr,
.x-shadow .xsbl,
.x-shadow .xsbr {
  width: 6px;
  height: 6px;
  float: left;
}
.x-shadow .xsc {
  width: 100%;
}
.x-shadow .xsml,
.x-shadow .xsmr {
  width: 6px;
  float: left;
  height: 100%;
}
.x-shadow .xsmc {
  float: left;
  height: 100%;
  background: transparent url(../images/blue/shadow-c.png );
}
.x-shadow .xst,
.x-shadow .xsb {
  height: 6px;
  overflow: hidden;
  width: 100%;
}
.x-shadow .xsml {
  background: transparent url(../images/blue/shadow-lr.png ) repeat-y 0 0;
}
.x-shadow .xsmr {
  background: transparent url(../images/blue/shadow-lr.png ) repeat-y -6px 0;
}
.x-shadow .xstl {
  background: transparent url(../images/blue/shadow.png ) no-repeat 0 0;
}
.x-shadow .xstc {
  background: transparent url(../images/blue/shadow.png ) repeat-x 0 -30px;
}
.x-shadow .xstr {
  background: transparent url(../images/blue/shadow.png ) repeat-x 0 -18px;
}
.x-shadow .xsbl {
  background: transparent url(../images/blue/shadow.png ) no-repeat 0 -12px;
}
.x-shadow .xsbc {
  background: transparent url(../images/blue/shadow.png ) repeat-x 0 -36px;
}
.x-shadow .xsbr {
  background: transparent url(../images/blue/shadow.png ) repeat-x 0 -6px;
}
.loading-indicator {
  font-size: 11px;
  background-image: url(../images/blue/grid/loading.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  line-height: 16px;
  margin: 3px;
}
.x-text-resize {
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
  zoom: 1;
}
.x-drag-overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/blue/s.gif);
  z-index: 20000;
}
.x-clear {
  clear: both;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.x-spotlight {
  z-index: 8999;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 0;
  height: 0;
  zoom: 1;
}
.x-tab-panel {
  overflow: hidden;
}
.x-tab-panel-header,
.x-tab-panel-footer {
  background: #deecfd;
  border: 1px solid #8db2e3;
  overflow: hidden;
  zoom: 1;
}
.x-tab-panel-header {
  border: 1px solid #8db2e3;
  padding-bottom: 2px;
}
.x-tab-panel-footer {
  border: 1px solid #8db2e3;
  padding-top: 2px;
}
.x-tab-strip-wrap {
  width: 100% !important;
  overflow: hidden;
  position: relative;
  zoom: 1;
}
ul.x-tab-strip {
  display: block;
  width: 5000px;
  zoom: 1;
}
ul.x-tab-strip-top {
  padding-top: 1px;
  background: url(../images/blue/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
  border-bottom: 1px solid #8db2e3;
}
ul.x-tab-strip-bottom {
  padding-bottom: 1px;
  background: url(../images/blue/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
  border-top: 1px solid #8db2e3;
  border-bottom: 0 none;
}
.x-tab-panel-header-plain .x-tab-strip-top {
  background: transparent!important;
  padding-top: 0!important;
}
.x-tab-panel-header-plain {
  background: transparent!important;
  border-width: 0!important;
  padding-bottom: 0!important;
}
.x-tab-panel-header-plain .x-tab-strip-spacer {
  border: 1px solid #8db2e3;
  border-top: 0 none;
  height: 2px;
  background: #deecfd;
  font-size: 1px;
  line-height: 1px;
}
.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
  height: 3px;
}
ul.x-tab-strip li {
  float: left;
  margin-left: 2px;
}
ul.x-tab-strip li.x-tab-edge {
  float: left;
  margin: 0!important;
  padding: 0!important;
  border: 0 none!important;
  font-size: 1px!important;
  line-height: 1px!important;
  overflow: hidden;
  zoom: 1;
  background: transparent!important;
  width: 1px;
}
.x-tab-strip a,
.x-tab-strip span,
.x-tab-strip em {
  display: block;
}
.x-tab-strip a {
  text-decoration: none!important;
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}
.x-tab-strip-inner {
  overflow: hidden;
  text-overflow: ellipsis;
}
.x-tab-strip span.x-tab-strip-text {
  font: normal 11px Tahoma,Arial,Helvetica;
  color: #416aa3;
  white-space: nowrap;
  cursor: pointer;
  padding: 4px 0;
}
.x-tab-strip .x-tab-with-icon .x-tab-right {
  padding-left: 6px;
}
.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
  padding-left: 20px;
  background-position: 0 3px;
  background-repeat: no-repeat;
}
.x-tab-strip-over span.x-tab-strip-text {
  color: #15428b;
}
.x-tab-strip-active {
  cursor: default;
}
.x-tab-strip-active span.x-tab-strip-text {
  cursor: default;
  color: #15428b;
  font-weight: bold;
}
.x-tab-strip-disabled .x-tabs-text {
  cursor: default;
  color: #aaa;
}
.x-tab-panel-body {
  overflow: hidden;
}
.x-tab-panel-bwrap {
  overflow: hidden;
}
.ext-ie .x-tab-strip .x-tab-right {
  position: relative;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
  margin-bottom: -1px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
  padding-bottom: 5px;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  margin-top: -1px;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
  padding-top: 5px;
}
.x-tab-strip-top .x-tab-right {
  background: transparent url(../images/blue/tabs/tabs-sprite.gif) no-repeat 0 -51px;
  padding-left: 10px;
}
.x-tab-strip-top .x-tab-left {
  background: transparent url(../images/blue/tabs/tabs-sprite.gif) no-repeat right -351px;
  padding-right: 10px;
}
.x-tab-strip-top .x-tab-strip-inner {
  background: transparent url(../images/blue/tabs/tabs-sprite.gif) repeat-x 0 -201px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-right {
  background-position: 0 -101px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-left {
  background-position: right -401px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
  background-position: 0 -251px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
  background-position: 0 0;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
  background-position: right -301px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background-position: 0 -151px;
}
.x-tab-strip-bottom .x-tab-right {
  background: url(../images/blue/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-left {
  background: url(../images/blue/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  background: url(../images/blue/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  background: url(../images/blue/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-left {
  padding: 0 10px;
}
.x-tab-strip-bottom .x-tab-right {
  padding: 0;
}
.x-tab-strip .x-tab-strip-close {
  display: none;
}
.x-tab-strip-closable {
  position: relative;
}
.x-tab-strip-closable .x-tab-left {
  padding-right: 19px;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image: url(../images/blue/tabs/tab-close.gif);
  opacity: 0.6;
  -moz-opacity: 0.6;
  background-repeat: no-repeat;
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
  z-index: 2;
}
.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
  opacity: 0.8;
  -moz-opacity: 0.8;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  background-image: url(../images/blue/tabs/tab-close.gif);
  opacity: 1;
  -moz-opacity: 1;
}
.x-tab-panel-body {
  border: 1px solid #8db2e3;
  background: #fff;
}
.x-tab-panel-body-top {
  border-top: 0 none;
}
.x-tab-panel-body-bottom {
  border-bottom: 0 none;
}
.x-tab-scroller-left {
  background: transparent url(../images/blue/tabs/scroll-left.gif) no-repeat -18px 0;
  border-bottom: 1px solid #8db2e3;
  width: 18px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}
.x-tab-scroller-left-over {
  background-position: 0 0;
}
.x-tab-scroller-left-disabled {
  background-position: -18px 0;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.x-tab-scroller-right {
  background: transparent url(../images/blue/tabs/scroll-right.gif) no-repeat 0 0;
  border-bottom: 1px solid #8db2e3;
  width: 18px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}
.x-tab-scroller-right-over {
  background-position: -18px 0;
}
.x-tab-scroller-right-disabled {
  background-position: 0 0;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.x-tab-scrolling .x-tab-strip-wrap {
  margin-left: 18px;
  margin-right: 18px;
}
.x-tab-scrolling {
  position: relative;
}
.x-tab-panel-bbar .x-toolbar {
  border: 1px solid #99bbe8;
  border-top: 0 none;
  overflow: hidden;
  padding: 2px;
}
.x-tab-panel-tbar .x-toolbar {
  border: 1px solid #99bbe8;
  border-top: 0 none;
  overflow: hidden;
  padding: 2px;
}
.x-form-field {
  margin: 0;
  font: normal 12px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-form-text,
textarea.x-form-field {
  padding: 1px 3px;
  background: #fff url(../images/blue/form/text-bg.gif) repeat-x 0 0;
  border: 1px solid #B5B8C8;
}
textarea.x-form-field {
  padding: 2px 3px;
}
.x-form-text {
  height: 22px;
  line-height: 18px;
  vertical-align: middle;
}
.ext-ie .x-form-text {
  margin: -1px 0;
  height: 22px;
  line-height: 18px;
}
.ext-strict .x-form-text {
  height: 18px;
}
.ext-safari .x-form-text {
  height: 20px;
  padding: 0 3px;
}
.ext-safari.ext-mac textarea.x-form-field {
  margin-bottom: -2px;
}
.ext-gecko .x-form-text {
  padding-top: 2px;
  padding-bottom: 0;
}
textarea {
  resize: none;
}
.x-form-select-one {
  height: 20px;
  line-height: 18px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #B5B8C8;
}
.x-form-field-wrap {
  position: relative;
  zoom: 1;
  white-space: nowrap;
}
.x-editor .x-form-check-wrap {
  background: #fff;
}
.x-form-field-wrap .x-form-trigger {
  width: 17px;
  height: 21px;
  border: 0;
  background: transparent url(../images/blue/form/trigger.gif) no-repeat 0 0;
  cursor: pointer;
  border-bottom: 1px solid #B5B8C8;
  position: absolute;
  top: 0;
}
.ext-safari .x-form-field-wrap .x-form-trigger {
  height: 21px;
}
.x-form-field-wrap .x-form-date-trigger {
  background-image: url(../images/blue/form/date-trigger.gif);
  cursor: pointer;
}
.x-form-field-wrap .x-form-clear-trigger {
  background-image: url(../images/blue/form/clear-trigger.gif);
  cursor: pointer;
}
.x-form-field-wrap .x-form-search-trigger {
  background-image: url(../images/blue/form/search-trigger.gif);
  cursor: pointer;
}
.ext-safari .x-form-field-wrap .x-form-trigger {
  right: 0;
}
.ext-ie .x-form-field-wrap .x-form-trigger {
  top: -1px;
}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger {
  position: static;
  top: auto;
  vertical-align: top;
}
.x-form-field-wrap .x-form-trigger-over {
  background-position: -17px 0;
}
.x-form-field-wrap .x-form-trigger-click {
  background-position: -34px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
  background-position: -51px 0;
}
.x-trigger-wrap-focus .x-form-trigger-over {
  background-position: -68px 0;
}
.x-trigger-wrap-focus .x-form-trigger-click {
  background-position: -85px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
  border-bottom: 1px solid #7eadd9;
}
.x-item-disabled .x-form-trigger-over {
  background-position: 0 0!important;
  border-bottom: 1px solid #B5B8C8;
}
.x-item-disabled .x-form-trigger-click {
  background-position: 0 0!important;
  border-bottom: 1px solid #B5B8C8;
}
.x-form-focus,
textarea.x-form-focus {
  border: 1px solid #7eadd9;
}
.x-form-invalid,
textarea.x-form-invalid {
  background: #fff url(../images/blue/grid/invalid_line.gif) repeat-x bottom;
  border: 1px solid #dd7870;
}
.ext-safari .x-form-invalid {
  background-color: #fee;
  border: 1px solid #ff7870;
}
.x-editor {
  visibility: hidden;
  padding: 0;
  margin: 0;
}
.x-form-check-wrap {
  line-height: 18px;
}
.ext-ie .x-form-check-wrap input {
  width: 15px;
  height: 15px;
}
.x-editor .x-form-check-wrap {
  padding: 3px;
}
.x-editor .x-form-checkbox {
  height: 13px;
}
.x-form-grow-sizer {
  font: normal 12px Tahoma, Arial, Helvetica, Sans-serif;
  left: -10000px;
  padding: 8px 3px;
  position: absolute;
  visibility: hidden;
  top: -10000px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  zoom: 1;
}
.x-form-grow-sizer p {
  margin: 0!important;
  border: 0 none!important;
  padding: 0!important;
}
.x-form-item {
  font: normal 12px Tahoma, Arial, Helvetica, Sans-serif;
  display: block;
  margin-bottom: 4px;
  zoom: 1;
}
.x-form-item label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px;
  padding-left: 0;
  clear: left;
  z-index: 2;
  position: relative;
}
.x-form-element {
  padding-left: 105px;
  position: relative;
}
.x-form-invalid-msg {
  color: #e00;
  padding: 2px;
  padding-left: 18px;
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
  background: transparent url(../images/blue/shared/warning.gif) no-repeat 0 2px;
  line-height: 16px;
  width: 200px;
}
.x-form-label-right label {
  text-align: right;
}
.x-form-label-top .x-form-item label {
  width: auto;
  float: none;
  clear: none;
  display: inline;
  margin-bottom: 4px;
  position: static;
}
.x-form-label-top .x-form-element {
  padding-left: 0;
  padding-top: 4px;
}
.x-form-label-top .x-form-item {
  padding-bottom: 4px;
}
.x-form-empty-field {
  color: gray!important;
}
.x-small-editor .x-form-field {
  font: normal 11px Arial, Tahoma, Helvetica, Sans-serif;
}
.x-small-editor .x-form-text {
  height: 20px;
  line-height: 16px;
  vertical-align: middle;
}
.ext-ie .x-small-editor .x-form-text {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
  height: 20px!important;
  line-height: 16px!important;
}
.ext-strict .x-small-editor .x-form-text {
  height: 16px!important;
}
.ext-safari .x-small-editor .x-form-field {
  font: normal 12px Arial, Tahoma, Helvetica, Sans-serif;
}
.ext-ie .x-small-editor .x-form-text {
  height: 20px;
  line-height: 16px;
}
.ext-border-box .x-small-editor .x-form-text {
  height: 20px;
}
.x-small-editor .x-form-select-one {
  height: 20px;
  line-height: 16px;
  vertical-align: middle;
}
.x-small-editor .x-form-num-field {
  text-align: right;
}
.x-small-editor .x-form-field-wrap .x-form-trigger {
  height: 19px;
}
.x-form-clear {
  clear: both;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.x-form-clear-left {
  clear: left;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.x-form-cb-label {
  width: 'auto' !important;
  float: none!important;
  clear: none!important;
  display: inline!important;
  margin-left: 4px;
}
.x-form-column {
  float: left;
  padding: 0;
  margin: 0;
  width: 48%;
  overflow: hidden;
  zoom: 1;
}
.x-form .x-form-btns-ct .x-btn {
  float: right;
  clear: none;
}
.x-form .x-form-btns-ct .x-form-btns td {
  border: 0;
  padding: 0;
}
.x-form .x-form-btns-ct .x-form-btns-right table {
  float: right;
  clear: none;
}
.x-form .x-form-btns-ct .x-form-btns-left table {
  float: left;
  clear: none;
}
.x-form .x-form-btns-ct .x-form-btns-center {
  text-align: center;
}
.x-form .x-form-btns-ct .x-form-btns-center table {
  margin: 0 auto;
}
.x-form .x-form-btns-ct table td.x-form-btn-td {
  padding: 3px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-left {
  background-position: 0 -147px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right {
  background-position: 0 -168px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center {
  background-position: 0 -189px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-center {
  background-position: 0 -126px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-right {
  background-position: 0 -84px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-left {
  background-position: 0 -63px;
}
.x-form-invalid-icon {
  width: 16px;
  height: 18px;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: transparent url(../images/blue/form/exclamation.gif) no-repeat 0 2px;
}
.x-fieldset {
  border: 1px solid #B5B8C8;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
}
.x-fieldset legend {
  font: bold 11px Tahoma, Arial, Helvetica, Sans-serif;
  color: #666666;
}
.ext-ie .x-fieldset legend {
  margin-bottom: 10px;
}
.ext-ie .x-fieldset {
  padding-top: 0;
  padding-bottom: 10px;
}
.x-fieldset legend .x-tool-toggle {
  margin-right: 3px;
  margin-left: 0;
  float: left!important;
}
.x-fieldset legend input {
  margin-right: 3px;
  float: left!important;
  height: 13px;
  width: 13px;
}
fieldset.x-panel-collapsed {
  padding-bottom: 0!important;
  border-width: 1px 0 0 0!important;
}
fieldset.x-panel-collapsed .x-fieldset-bwrap {
  visibility: hidden;
  position: absolute;
  left: -1000px;
  top: -1000px;
}
.ext-ie .x-fieldset-bwrap {
  zoom: 1;
}
.ext-ie td .x-form-text {
  position: relative;
  top: -1px;
}
.x-fieldset-noborder {
  border: 0 none transparent;
}
.x-fieldset-noborder legend {
  margin-left: -3px;
}
.ext-ie .x-fieldset-noborder legend {
  position: relative;
  margin-bottom: 23px;
}
.ext-ie .x-fieldset-noborder legend span {
  position: absolute;
  left: -5px;
}
/*.ext-gecko .x-window-body .x-form-item{-moz-outline:none;overflow:auto;}*/
.ext-gecko .x-form-item {
  -moz-outline: none;
}
.x-hide-label label.x-form-item-label {
  display: none;
}
.x-hide-label .x-form-element {
  padding-left: 0!important;
}
.x-fieldset {
  overflow: hidden;
}
.x-fieldset-bwrap {
  overflow: hidden;
  zoom: 1;
}
.x-fieldset-body {
  overflow: hidden;
}
.x-btn {
  font: normal 11px Tahoma,Verdana,Helvetica;
  cursor: pointer;
  white-space: nowrap;
}
.x-btn button {
  border: 0 none;
  background: transparent;
  font: normal 11px Tahoma,Verdana,Helvetica;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  width: auto;
  -moz-outline: 0 none;
  outline: 0 none;
}
* html .ext-ie .x-btn button {
  width: 1px;
}
.ext-gecko .x-btn button {
  padding-left: 0;
  padding-right: 0;
}
.ext-ie .x-btn button {
  padding-top: 2px;
}
.x-btn-icon .x-btn-center .x-btn-text {
  background-position: center;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
}
.x-btn-icon .x-btn-center {
  padding: 1px;
}
.x-btn em {
  font-style: normal;
  font-weight: normal;
}
.x-btn-text-icon .x-btn-center .x-btn-text {
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 0;
}
.x-btn-left,
.x-btn-right {
  font-size: 1px;
  line-height: 1px;
}
.x-btn-left {
  width: 3px;
  height: 21px;
  background: url(../images/blue/button/btn-sprite.gif) no-repeat 0 0;
}
.x-btn-right {
  width: 3px;
  height: 21px;
  background: url(../images/blue/button/btn-sprite.gif) no-repeat 0 -21px;
}
.x-btn-left i,
.x-btn-right i {
  display: block;
  width: 3px;
  overflow: hidden;
  font-size: 1px;
  line-height: 1px;
}
.x-btn-center {
  background: url(../images/blue/button/btn-sprite.gif) repeat-x 0 -42px;
  vertical-align: middle;
  text-align: center;
  padding: 0 5px;
  cursor: pointer;
  white-space: nowrap;
}
.x-btn-over .x-btn-left {
  background-position: 0 -63px;
}
.x-btn-over .x-btn-right {
  background-position: 0 -84px;
}
.x-btn-over .x-btn-center {
  background-position: 0 -105px;
}
.x-btn-click .x-btn-center,
.x-btn-menu-active .x-btn-center {
  background-position: 0 -126px;
}
.x-btn-disabled * {
  color: gray!important;
  cursor: default!important;
}
.x-btn-menu-text-wrap .x-btn-center {
  padding: 0 3px;
}
.ext-gecko .x-btn-menu-text-wrap .x-btn-center {
  padding: 0 1px;
}
.x-btn-menu-arrow-wrap .x-btn-center {
  padding: 0;
}
.x-btn-menu-arrow-wrap .x-btn-center button {
  width: 12px!important;
  height: 21px;
  padding: 0!important;
  display: block;
  background: transparent url(../images/blue/button/btn-arrow.gif) no-repeat left 3px;
}
.x-btn-with-menu .x-btn-center {
  padding-right: 2px!important;
}
.x-btn-with-menu .x-btn-center em {
  display: block;
  background: transparent url(../images/blue/toolbar/btn-arrow.gif) no-repeat right 0;
  padding-right: 10px;
}
.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
  display: block;
  background: transparent url(../images/blue/toolbar/btn-arrow.gif) no-repeat right 3px;
  padding-right: 10px;
}
.x-btn-pressed .x-btn-left {
  background: url(../images/blue/button/btn-sprite.gif) no-repeat 0 -63px;
}
.x-btn-pressed .x-btn-right {
  background: url(../images/blue/button/btn-sprite.gif) no-repeat 0 -84px;
}
.x-btn-pressed .x-btn-center {
  background: url(../images/blue/button/btn-sprite.gif) repeat-x 0 -126px;
}
.x-toolbar {
  border-color: #a9bfd3;
  border-style: solid;
  border-width: 0 0 1px 0;
  display: block;
  padding: 2px;
  background: #d0def0 url(../images/blue/toolbar/bg.gif) repeat-x top left;
  position: relative;
  zoom: 1;
}
.x-toolbar .x-item-disabled .x-btn-icon {
  opacity: 0.35;
  -moz-opacity: 0.35;
  filter: alpha(opacity=35);
}
.x-toolbar td {
  vertical-align: middle;
}
.mso .x-toolbar,
.x-grid-mso .x-toolbar {
  border: 0 none;
  background: url(../images/blue/grid/mso-hd.gif);
}
.x-toolbar td,
.x-toolbar span,
.x-toolbar input,
.x-toolbar div,
.x-toolbar select,
.x-toolbar label {
  white-space: nowrap;
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-toolbar .x-item-disabled {
  color: #a0a0a0;
  cursor: default;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
}
.x-toolbar .x-item-disabled * {
  color: #a0a0a0;
  cursor: default;
}
.x-toolbar .x-btn-left {
  background: none;
}
.x-toolbar .x-btn-right {
  background: none;
}
.x-toolbar .x-btn-center {
  background: none;
  padding: 0;
}
.x-toolbar .x-btn-menu-text-wrap .x-btn-center button {
  padding-right: 2px;
}
.ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button {
  padding-right: 0;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  padding: 0 2px;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  width: 12px;
  background: transparent url(../images/blue/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  width: 12px;
  background: transparent url(../images/blue/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-over .x-btn-left {
  background: url(../images/blue/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right {
  background: url(../images/blue/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center {
  background: url(../images/blue/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}
.x-toolbar .x-btn-click .x-btn-left,
.x-toolbar .x-btn-pressed .x-btn-left,
.x-toolbar .x-btn-menu-active .x-btn-left {
  background: url(../images/blue/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}
.x-toolbar .x-btn-click .x-btn-right,
.x-toolbar .x-btn-pressed .x-btn-right,
.x-toolbar .x-btn-menu-active .x-btn-right {
  background: url(../images/blue/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
}
.x-toolbar .x-btn-click .x-btn-center,
.x-toolbar .x-btn-pressed .x-btn-center,
.x-toolbar .x-btn-menu-active .x-btn-center {
  background: url(../images/blue/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
}
.x-toolbar .x-btn-with-menu .x-btn-center em {
  padding-right: 8px;
}
.x-toolbar .ytb-text {
  padding: 2px;
}
.x-toolbar .ytb-sep {
  background-image: url(../images/blue/grid/grid-blue-split.gif);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  font-size: 1px;
  height: 16px;
  width: 4px;
  overflow: hidden;
  cursor: default;
  margin: 0 2px 0;
  border: 0;
}
.x-toolbar .ytb-spacer {
  width: 2px;
}
.x-tbar-page-number {
  width: 24px;
  height: 14px;
}
.x-tbar-page-first {
  background-image: url(../images/blue/grid/page-first.gif) !important;
}
.x-tbar-loading {
  background-image: url(../images/blue/grid/done.gif) !important;
}
.x-tbar-page-last {
  background-image: url(../images/blue/grid/page-last.gif) !important;
}
.x-tbar-page-next {
  background-image: url(../images/blue/grid/page-next.gif) !important;
}
.x-tbar-page-prev {
  background-image: url(../images/blue/grid/page-prev.gif) !important;
}
.x-item-disabled .x-tbar-loading {
  background-image: url(../images/blue/grid/loading.gif) !important;
}
.x-item-disabled .x-tbar-page-first {
  background-image: url(../images/blue/grid/page-first-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-last {
  background-image: url(../images/blue/grid/page-last-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-next {
  background-image: url(../images/blue/grid/page-next-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-prev {
  background-image: url(../images/blue/grid/page-prev-disabled.gif) !important;
}
.x-paging-info {
  position: absolute;
  top: 5px;
  right: 8px;
  color: #444;
}
.x-statusbar .x-status-text {
  height: 21px;
  line-height: 21px;
  padding: 0 4px;
  cursor: default;
}
.x-statusbar .x-status-busy {
  padding-left: 25px;
  background: transparent url(../images/blue/grid/loading.gif) no-repeat 3px 3px;
}
.x-statusbar .x-status-text-panel {
  border-top: 1px solid #99BBE8;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #99BBE8;
  padding: 2px 8px 2px 5px;
}
.x-resizable-handle {
  position: absolute;
  z-index: 100;
  font-size: 1px;
  line-height: 6px;
  overflow: hidden;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
}
.x-resizable-handle-east {
  width: 6px;
  cursor: e-resize;
  right: 0;
  top: 0;
  height: 100%;
}
.ext-ie .x-resizable-handle-east {
  margin-right: -1px;
}
.x-resizable-handle-south {
  width: 100%;
  cursor: s-resize;
  left: 0;
  bottom: 0;
  height: 6px;
}
.ext-ie .x-resizable-handle-south {
  margin-bottom: -1px;
}
.x-resizable-handle-west {
  width: 6px;
  cursor: w-resize;
  left: 0;
  top: 0;
  height: 100%;
}
.x-resizable-handle-north {
  width: 100%;
  cursor: n-resize;
  left: 0;
  top: 0;
  height: 6px;
}
.x-resizable-handle-southeast {
  width: 6px;
  cursor: se-resize;
  right: 0;
  bottom: 0;
  height: 6px;
  z-index: 101;
}
.x-resizable-handle-northwest {
  width: 6px;
  cursor: nw-resize;
  left: 0;
  top: 0;
  height: 6px;
  z-index: 101;
}
.x-resizable-handle-northeast {
  width: 6px;
  cursor: ne-resize;
  right: 0;
  top: 0;
  height: 6px;
  z-index: 101;
}
.x-resizable-handle-southwest {
  width: 6px;
  cursor: sw-resize;
  left: 0;
  bottom: 0;
  height: 6px;
  z-index: 101;
}
.x-resizable-over .x-resizable-handle,
.x-resizable-pinned .x-resizable-handle {
  filter: alpha(opacity=100);
  opacity: 1;
}
.x-resizable-over .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-east {
  background: url(../images/blue/sizer/e-handle.gif);
  background-position: left;
}
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-west {
  background: url(../images/blue/sizer/e-handle.gif);
  background-position: left;
}
.x-resizable-over .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-south {
  background: url(../images/blue/sizer/s-handle.gif);
  background-position: top;
}
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-north {
  background: url(../images/blue/sizer/s-handle.gif);
  background-position: top;
}
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
  background: url(../images/blue/sizer/se-handle.gif);
  background-position: top left;
}
.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
  background: url(../images/blue/sizer/nw-handle.gif);
  background-position: bottom right;
}
.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
  background: url(../images/blue/sizer/ne-handle.gif);
  background-position: bottom left;
}
.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
  background: url(../images/blue/sizer/sw-handle.gif);
  background-position: top right;
}
.x-resizable-proxy {
  border: 1px dashed #3b5a82;
  position: absolute;
  overflow: hidden;
  display: none;
  left: 0;
  top: 0;
  z-index: 50000;
}
.x-resizable-overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  z-index: 200000;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.x-grid3 {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.x-grid-panel .x-panel-body {
  overflow: hidden!important;
}
.x-grid-panel .x-panel-mc .x-panel-body {
  border: 1px solid #99bbe8;
}
.x-grid3 table {
  table-layout: fixed;
}
.x-grid3-viewport {
  overflow: hidden;
}
.x-grid3-hd-row td,
.x-grid3-row td,
.x-grid3-summary-row td {
  font: normal 11px Arial, Tahoma, Helvetica, Sans-serif;
  -moz-outline: none;
  -moz-user-focus: normal;
}
.x-grid3-row td,
.x-grid3-summary-row td {
  line-height: 13px;
  vertical-align: top;
  padding-left: 1px;
  padding-right: 1px;
  -moz-user-select: none;
}
.x-grid3-hd-row td {
  line-height: 15px;
  vertical-align: middle;
  border-left: 1px solid #eee;
  border-right: 1px solid #d0d0d0;
}
.x-grid3-hd-row .x-grid3-marker-hd {
  padding: 3px;
}
.x-grid3-row .x-grid3-marker {
  padding: 3px;
}
.x-grid3-cell-inner,
.x-grid3-hd-inner {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 3px 3px 3px 5px;
  white-space: nowrap;
}
.x-grid3-hd-inner {
  position: relative;
  cursor: inherit;
  padding: 4px 3px 4px 5px;
}
.x-grid3-row-body {
  white-space: normal;
}
.x-grid3-body-cell {
  -moz-outline: 0 none;
  outline: 0 none;
}
.ext-ie .x-grid3-cell-inner,
.ext-ie .x-grid3-hd-inner {
  width: 100%;
}
.ext-strict .x-grid3-cell-inner,
.ext-strict .x-grid3-hd-inner {
  width: auto;
}
.x-grid-row-loading {
  background: #fff url(../images/blue/shared/loading-balls.gif) no-repeat center center;
}
.x-grid-page {
  overflow: hidden;
}
.x-grid3-row {
  cursor: default;
  border: 1px solid #ededed;
  border-top-color: #fff;
  width: 100%;
}
.x-grid3-row-alt {
  background-color: #fafafa;
}
.x-grid3-row-over {
  border: 1px solid #ddd;
  background: #efefef url(../images/blue/grid/row-over.gif) repeat-x left top;
}
.x-grid3-resize-proxy {
  width: 1px;
  left: 0;
  background-color: #777;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  visibility: hidden;
  border: 0 none;
  z-index: 7;
}
.x-grid3-resize-marker {
  width: 1px;
  left: 0;
  background-color: #777;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  visibility: hidden;
  border: 0 none;
  z-index: 7;
}
.x-grid3-focus {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  -moz-outline: 0 none;
  outline: 0 none;
  -moz-user-select: normal;
  -khtml-user-select: normal;
}
.x-grid3-header {
  background: #f9f9f9 url(../images/blue/grid/grid3-hrow.gif) repeat-x 0 bottom;
  cursor: default;
  zoom: 1;
  padding: 1px 0 0 0;
}
.x-grid3-header-pop {
  border-left: 1px solid #d0d0d0;
  float: right;
  clear: none;
}
.x-grid3-header-pop-inner {
  border-left: 1px solid #eee;
  width: 14px;
  height: 19px;
  background: transparent url(../images/blue/grid/hd-pop.gif) no-repeat center center;
}
.ext-ie .x-grid3-header-pop-inner {
  width: 15px;
}
.ext-strict .x-grid3-header-pop-inner {
  width: 14px;
}
.x-grid3-header-inner {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.x-grid3-header-offset {
  padding-left: 1px;
  width: 10000px;
}
td.x-grid3-hd-over,
td.sort-desc,
td.sort-asc,
td.x-grid3-hd-menu-open {
  border-left: 1px solid #aaccf6;
  border-right: 1px solid #aaccf6;
}
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  background: #ebf3fd url(../images/blue/grid/grid3-hrow-over.gif) repeat-x left bottom;
}
.x-grid3-sort-icon {
  background-repeat: no-repeat;
  display: none;
  height: 4px;
  width: 13px;
  vertical-align: middle;
  position: absolute;
  top: 9px;
  right: 3px;
}
.sort-asc .x-grid3-sort-icon {
  background-image: url(../images/blue/grid/sort_asc.gif);
  display: inline;
}
.sort-desc .x-grid3-sort-icon {
  background-image: url(../images/blue/grid/sort_desc.gif);
  display: inline;
}
.ext-strict .ext-ie .x-grid3-header-inner {
  position: relative;
}
.ext-strict .ext-ie6 .x-grid3-hd {
  position: relative;
}
.ext-strict .ext-ie6 .x-grid3-hd-inner {
  position: static;
}
.x-grid3-body {
  zoom: 1;
}
.x-grid3-scroller {
  overflow: auto;
  zoom: 1;
  position: relative;
}
.x-grid3-cell-text,
.x-grid3-hd-text {
  display: block;
  padding: 3px 5px 3px 5px;
  -moz-user-select: none;
  -khtml-user-select: none;
  color: black;
}
.x-grid3-split {
  background-image: url(../images/blue/grid/grid-split.gif);
  background-position: center;
  background-repeat: no-repeat;
  cursor: e-resize;
  cursor: col-resize;
  display: block;
  font-size: 1px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  width: 6px;
  z-index: 3;
}
.x-grid3-hd-text {
  color: #15428b;
}
.x-dd-drag-proxy .x-grid3-hd-inner {
  background: #ebf3fd url(../images/blue/grid/grid3-hrow-over.gif) repeat-x left bottom;
  width: 120px;
  padding: 3px;
  border: 1px solid #aaccf6;
  overflow: hidden;
}
.col-move-top,
.col-move-bottom {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
  visibility: hidden;
  z-index: 20000;
}
.col-move-top {
  background: transparent url(../images/blue/grid/col-move-top.gif) no-repeat left top;
}
.col-move-bottom {
  background: transparent url(../images/blue/grid/col-move-bottom.gif) no-repeat left top;
}
.x-grid3-row-selected {
  background: #DFE8F6 !important;
  border: 1px dotted #a3bae9;
}
.x-grid3-cell-selected {
  background-color: #B8CFEE !important;
  color: black;
}
.x-grid3-cell-selected span {
  color: black!important;
}
.x-grid3-cell-selected .x-grid3-cell-text {
  color: black;
}
.x-grid3-locked td.x-grid3-row-marker,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
  background: #ebeadb url(../images/blue/grid/grid-hrow.gif) repeat-x 0 bottom !important;
  vertical-align: middle!important;
  color: black;
  padding: 0;
  border-top: 1px solid white;
  border-bottom: none!important;
  border-right: 1px solid #6fa0df !important;
  text-align: center;
}
.x-grid3-locked td.x-grid3-row-marker div,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
  padding: 0 4px;
  color: #15428b !important;
  text-align: center;
}
.x-grid3-dirty-cell {
  background: transparent url(../images/blue/grid/dirty.gif) no-repeat 0 0;
}
.x-grid3-topbar,
.x-grid3-bottombar {
  font: normal 11px Arial, Tahoma, Helvetica, Sans-serif;
  overflow: hidden;
  display: none;
  zoom: 1;
  position: relative;
}
.x-grid3-topbar .x-toolbar {
  border-right: 0 none;
}
.x-grid3-bottombar .x-toolbar {
  border-right: 0 none;
  border-bottom: 0 none;
  border-top: 1px solid #a9bfd3;
}
.x-props-grid .x-grid3-cell {
  padding: 1px;
}
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
  background: transparent url(../images/blue/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
  padding-left: 12px;
  color: black!important;
}
.x-props-grid .x-grid3-body .x-grid3-td-name {
  padding: 1px;
  padding-right: 0;
  background: white!important;
  border: 0 none;
  border-right: 1px solid #eee;
}
.xg-hmenu-sort-asc .x-menu-item-icon {
  background-image: url(../images/blue/grid/hmenu-asc.gif);
}
.xg-hmenu-sort-desc .x-menu-item-icon {
  background-image: url(../images/blue/grid/hmenu-desc.gif);
}
.xg-hmenu-lock .x-menu-item-icon {
  background-image: url(../images/blue/grid/hmenu-lock.gif);
}
.xg-hmenu-unlock .x-menu-item-icon {
  background-image: url(../images/blue/grid/hmenu-unlock.gif);
}
.x-grid3-col-dd {
  border: 0 none;
  padding: 0;
  background: transparent;
}
.x-dd-drag-ghost .x-grid3-dd-wrap {
  padding: 1px 3px 3px 1px;
}
.x-grid3-hd {
  -moz-user-select: none;
}
/*.x-grid3-hd-btn{display:none;position:absolute;width:14px;background:#c3daf9 url(../images/blue/grid/grid3-hd-btn.gif) no-repeat left center;right:0;top:0;z-index:2;cursor:pointer;}
.x-grid3-hd-over .x-grid3-hd-btn,.x-grid3-hd-menu-open .x-grid3-hd-btn{display:block;}
a.x-grid3-hd-btn:hover{background-position:-14px center;}*/
.x-grid3-body .x-grid3-td-expander {
  background: transparent url(../images/blue/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
  padding: 0!important;
  height: 100%;
}
.x-grid3-row-expander {
  width: 100%;
  height: 18px;
  background-position: 4px 2px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/blue/grid/row-expand-sprite.gif);
}
.x-grid3-row-collapsed .x-grid3-row-expander {
  background-position: 4px 2px;
}
.x-grid3-row-expanded .x-grid3-row-expander {
  background-position: -21px 2px;
}
.x-grid3-row-collapsed .x-grid3-row-body {
  display: none!important;
}
.x-grid3-row-expanded .x-grid3-row-body {
  display: block!important;
}
.x-grid3-body .x-grid3-td-checker {
  background: transparent url(../images/blue/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,
.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
  padding: 0!important;
  height: 100%;
}
.x-grid3-row-checker,
.x-grid3-hd-checker {
  width: 100%;
  height: 18px;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/blue/grid/row-check-sprite.gif?v=2016-07-21);
}
.x-grid3-row .x-grid3-row-checker {
  background-position: 2px 2px;
}
.x-grid3-row-selected .x-grid3-row-checker,
.x-grid3-hd-checker-on .x-grid3-hd-checker {
  background-position: -23px 2px;
}
.x-grid3-row-checker-override {
  background-image: none !important;
}
.x-grid3-hd-checker {
  background-position: 2px 3px;
}
.x-grid3-hd-checker-on .x-grid3-hd-checker {
  background-position: -23px 3px;
}
.x-grid3-body .x-grid3-td-numberer {
  background: transparent url(../images/blue/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  padding: 3px 5px 0 0!important;
  text-align: right;
  color: #444;
}
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  background: transparent url(../images/blue/grid/grid3-special-col-sel-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
  padding: 1px 0 0 0!important;
}
.x-grid3-check-col {
  width: 100%;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/blue/menu/unchecked.gif);
}
.x-grid3-check-col-on {
  width: 100%;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/blue/menu/checked.gif);
}
.x-grid-group,
.x-grid-group-body,
.x-grid-group-hd {
  zoom: 1;
}
.x-grid-group-hd {
  border-bottom: 2px solid #99bbe8;
  cursor: pointer;
  padding-top: 6px;
}
.x-grid-group-hd div {
  background: transparent url(../images/blue/grid/group-expand-sprite.gif) no-repeat 3px -47px;
  padding: 4px 4px 4px 17px;
  color: #3764a0;
  font: bold 11px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-grid-group-collapsed .x-grid-group-hd div {
  background-position: 3px 3px;
}
.x-grid-group-collapsed .x-grid-group-body {
  display: none;
}
.x-group-by-icon {
  background-image: url(../images/blue/grid/group-by.gif);
}
.x-cols-icon {
  background-image: url(../images/blue/grid/columns.gif);
}
.x-show-groups-icon {
  background-image: url(../images/blue/grid/group-by.gif);
}
.ext-ie .x-grid3 .x-editor .x-form-text {
  position: relative;
  top: -1px;
}
.ext-ie .x-props-grid .x-editor .x-form-text {
  position: static;
  top: 0;
}
.x-grid-empty {
  padding: 10px;
  color: gray;
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
}
.ext-ie7 .x-grid-panel .x-panel-bbar {
  position: relative;
}
.x-dd-drag-proxy {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  z-index: 15000;
}
.x-dd-drag-ghost {
  color: black;
  font: normal 11px Arial, Helvetica, Sans-serif;
  -moz-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 3px;
  padding-left: 20px;
  background-color: white;
  white-space: nowrap;
}
.x-dd-drag-repair .x-dd-drag-ghost {
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
  border: 0 none;
  padding: 0;
  background-color: transparent;
}
.x-dd-drag-repair .x-dd-drop-icon {
  visibility: hidden;
}
.x-dd-drop-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.x-dd-drop-nodrop .x-dd-drop-icon {
  background-image: url(../images/blue/dd/drop-no.gif);
}
.x-dd-drop-ok .x-dd-drop-icon {
  background-image: url(../images/blue/dd/drop-yes.gif);
}
.x-dd-drop-ok-add .x-dd-drop-icon {
  background-image: url(../images/blue/dd/drop-add.gif);
}
.x-view-selector {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background: #c3daf9;
  border: 1px dotted #39b;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}
.x-tree .x-panel-body {
  background-color: #fff;
}
.ext-strict .ext-ie .x-tree .x-panel-bwrap {
  position: relative;
  overflow: hidden;
}
.x-tree-icon,
.x-tree-ec-icon,
.x-tree-elbow-line,
.x-tree-elbow,
.x-tree-elbow-end,
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
  border: 0 none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
  background-repeat: no-repeat;
}
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon {
  border: 0 none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.x-tree-node-expanded .x-tree-node-icon {
  background-image: url(../images/blue/tree/folder-open.gif);
}
.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(../images/blue/tree/leaf.gif);
}
.x-tree-node-collapsed .x-tree-node-icon {
  background-image: url(../images/blue/tree/folder.gif);
}
input.x-tree-node-cb {
  margin: 0 2px 0 3px;
  position: relative;
}
.ext-ie .x-tree .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img {
  margin-top: -19px;
}
.ext-ie .x-tree .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.root-expanded {
  margin-top: -18px;
}
.ext-ie7 a.x-tree-node-anchor {
  position: relative;
}
.x-tree-noicon .x-tree-node-icon {
  width: 0;
  height: 0;
}
.x-tree-node-loading .x-tree-node-icon {
  background-image: url(../images/blue/tree/loading.gif) !important;
}
.x-tree-node-loading a span {
  font-style: italic;
  color: #444;
}
.x-tree-lines .x-tree-elbow {
  background-image: url(../images/blue/tree/elbow.gif);
}
.x-tree-lines .x-tree-elbow-plus {
  background-image: url(../images/blue/tree/elbow-plus.gif);
}
.x-tree-lines .x-tree-elbow-minus {
  background-image: url(../images/blue/tree/elbow-minus.gif);
}
.x-tree-lines .x-tree-elbow-end {
  background-image: url(../images/blue/tree/elbow-end.gif);
}
.x-tree-lines .x-tree-elbow-end-plus {
  background-image: url(../images/blue/tree/elbow-end-plus.gif);
}
.x-tree-lines .x-tree-elbow-end-minus {
  background-image: url(../images/blue/tree/elbow-end-minus.gif);
}
.x-tree-lines .x-tree-elbow-line {
  background-image: url(../images/blue/tree/elbow-line.gif);
}
.x-tree-no-lines .x-tree-elbow {
  background: transparent;
}
.x-tree-no-lines .x-tree-elbow-plus {
  background-image: url(../images/blue/tree/elbow-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-minus {
  background-image: url(../images/blue/tree/elbow-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end {
  background: transparent;
}
.x-tree-no-lines .x-tree-elbow-end-plus {
  background-image: url(../images/blue/tree/elbow-end-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-minus {
  background-image: url(../images/blue/tree/elbow-end-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-line {
  background: transparent;
}
.x-tree-arrows .x-tree-elbow {
  background: transparent;
}
.x-tree-arrows .x-tree-elbow-plus {
  background: transparent url(../images/blue/tree/arrows.gif) no-repeat 0 0;
}
.x-tree-arrows .x-tree-elbow-minus {
  background: transparent url(../images/blue/tree/arrows.gif) no-repeat -16px 0;
}
.x-tree-arrows .x-tree-elbow-end {
  background: transparent;
}
.x-tree-arrows .x-tree-elbow-end-plus {
  background: transparent url(../images/blue/tree/arrows.gif) no-repeat 0 0;
}
.x-tree-arrows .x-tree-elbow-end-minus {
  background: transparent url(../images/blue/tree/arrows.gif) no-repeat -16px 0;
}
.x-tree-arrows .x-tree-elbow-line {
  background: transparent;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus {
  background-position: -32px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus {
  background-position: -48px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus {
  background-position: -32px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus {
  background-position: -48px 0;
}
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
  cursor: pointer;
}
.ext-ie ul.x-tree-node-ct {
  font-size: 0;
  line-height: 0;
  zoom: 1;
}
.x-tree-node {
  color: black;
  font: normal 11px Arial, Tahoma, Helvetica, Sans-serif;
  white-space: nowrap;
}
.x-tree-node-el {
  line-height: 18px;
  cursor: pointer;
}
.x-tree-node a,
.x-dd-drag-ghost a {
  text-decoration: none;
  color: black;
  -khtml-user-select: none;
  -moz-user-select: none;
  -kthml-user-focus: normal;
  -moz-user-focus: normal;
  -moz-outline: 0 none;
  outline: 0 none;
}
.x-tree-node a span,
.x-dd-drag-ghost a span {
  text-decoration: none;
  color: black;
  padding: 1px 3px 1px 2px;
}
.x-tree-node .x-tree-node-disabled a span {
  color: gray!important;
}
.x-tree-node .x-tree-node-disabled .x-tree-node-icon {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.x-tree-node .x-tree-node-inline-icon {
  background: transparent;
}
.x-tree-node a:hover,
.x-dd-drag-ghost a:hover {
  text-decoration: none;
}
.x-tree-node div.x-tree-drag-insert-below {
  border-bottom: 1px dotted #36c;
}
.x-tree-node div.x-tree-drag-insert-above {
  border-top: 1px dotted #36c;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below {
  border-bottom: 0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above {
  border-top: 0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
  border-bottom: 2px solid #36c;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
  border-top: 2px solid #36c;
}
.x-tree-node .x-tree-drag-append a span {
  background: #ddd;
  border: 1px dotted gray;
}
.x-tree-node .x-tree-node-over {
  background-color: #eee;
}
.x-tree-node .x-tree-selected {
  background-color: #d9e8fb;
}
.x-dd-drag-ghost .x-tree-node-indent,
.x-dd-drag-ghost .x-tree-ec-icon {
  display: none!important;
}
.x-tree-drop-ok-append .x-dd-drop-icon {
  background-image: url(../images/blue/tree/drop-add.gif);
}
.x-tree-drop-ok-above .x-dd-drop-icon {
  background-image: url(../images/blue/tree/drop-over.gif);
}
.x-tree-drop-ok-below .x-dd-drop-icon {
  background-image: url(../images/blue/tree/drop-under.gif);
}
.x-tree-drop-ok-between .x-dd-drop-icon {
  background-image: url(../images/blue/tree/drop-between.gif);
}
.x-tree-root-ct {
  zoom: 1;
}
.x-date-picker {
  border: 1px solid #1b376c;
  border-top: 0 none;
  background: #fff;
  position: relative;
}
.x-date-picker a {
  -moz-outline: 0 none;
  outline: 0 none;
}
.x-date-inner,
.x-date-inner td,
.x-date-inner th {
  border-collapse: separate;
}
.x-date-middle,
.x-date-left,
.x-date-right {
  background: url(../images/blue/shared/hd-sprite.gif) repeat-x 0 -83px;
  color: #FFF;
  font: bold 11px "sans serif", Tahoma, Verdana, Helvetica;
  overflow: hidden;
}
.x-date-middle .x-btn-left,
.x-date-middle .x-btn-center,
.x-date-middle .x-btn-right {
  background: transparent!important;
  vertical-align: middle;
}
.x-date-middle .x-btn .x-btn-text {
  color: #fff;
}
.x-date-middle .x-btn-with-menu .x-btn-center em {
  background: transparent url(../images/blue/toolbar/btn-arrow-light.gif) no-repeat right 0;
}
.x-date-right,
.x-date-left {
  width: 18px;
}
.x-date-right {
  text-align: right;
}
.x-date-middle {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 130px;
}
.x-date-right a,
.x-date-left a {
  display: block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.x-date-right a:hover,
.x-date-left a:hover {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.x-date-right a {
  background-image: url(../images/blue/shared/right-btn.gif);
  margin-right: 2px;
  text-decoration: none!important;
}
.x-date-left a {
  background-image: url(../images/blue/shared/left-btn.gif);
  margin-left: 2px;
  text-decoration: none!important;
}
table.x-date-inner {
  width: 100%;
  table-layout: fixed;
}
.x-date-inner th {
  width: 25px;
}
.x-date-inner th {
  background: #dfecfb url(../images/blue/shared/glass-bg.gif) repeat-x left top;
  text-align: right!important;
  border-bottom: 1px solid #a3bad9;
  font: normal 10px Arial, Helvetica, Tahoma, Sans-serif;
  color: #233d6d;
  cursor: default;
  padding: 0;
  border-collapse: separate;
}
.x-date-inner th span {
  display: block;
  padding: 2px;
  padding-right: 7px;
}
.x-date-inner td {
  border: 1px solid #fff;
  text-align: right;
  padding: 0;
}
.x-date-inner a {
  padding: 2px 5px;
  display: block;
  font: normal 11px Arial, Helvetica, Tahoma, Sans-serif;
  text-decoration: none;
  color: black;
  text-align: right;
  zoom: 1;
}
.x-date-inner .x-date-active {
  cursor: pointer;
  color: black;
}
.x-date-inner .x-date-selected a {
  background: #dfecfb url(../images/blue/shared/glass-bg.gif) repeat-x left top;
  border: 1px solid #8db2e3;
  padding: 1px 4px;
}
.x-date-inner .x-date-today a {
  border: 1px solid darkred;
  padding: 1px 4px;
}
.x-date-inner .x-date-selected span {
  font-weight: bold;
}
.x-date-inner .x-date-prevday a,
.x-date-inner .x-date-nextday a {
  color: #aaa;
  text-decoration: none!important;
}
.x-date-bottom {
  padding: 4px;
  border-top: 1px solid #a3bad9;
  background: #dfecfb url(../images/blue/shared/glass-bg.gif) repeat-x left top;
}
.x-date-inner a:hover,
.x-date-inner .x-date-disabled a:hover {
  text-decoration: none!important;
  color: black;
  background: #ddecfe;
}
.x-date-inner .x-date-disabled a {
  cursor: default;
  background: #eee;
  color: #bbb;
}
.x-date-mmenu {
  background: #eee !important;
}
.x-date-mmenu .x-menu-item {
  font-size: 10px;
  padding: 1px 24px 1px 4px;
  white-space: nowrap;
  color: #000;
}
.x-date-mmenu .x-menu-item .x-menu-item-icon {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background-position: center -4px !important;
}
.x-date-mp {
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  display: none;
}
.x-date-mp td {
  padding: 2px;
  font: normal 11px Arial, Helvetica, Tahoma, Sans-serif;
}
td.x-date-mp-month,
td.x-date-mp-year,
td.x-date-mp-ybtn {
  border: 0 none;
  text-align: center;
  vertical-align: middle;
  width: 25%;
}
.x-date-mp-ok {
  margin-right: 3px;
}
.x-date-mp-btns button {
  text-decoration: none;
  text-align: center;
  text-decoration: none!important;
  background: #083772;
  color: white;
  border: 1px solid;
  border-color: #36c #005 #005 #36c;
  padding: 1px 3px 1px;
  font: normal 11px Arial, Helvetica, Tahoma, Sans-serif;
  cursor: pointer;
}
.x-date-mp-btns {
  background: #dfecfb url(../images/blue/shared/glass-bg.gif) repeat-x left top;
}
.x-date-mp-btns td {
  border-top: 1px solid #c5d2df;
  text-align: center;
}
td.x-date-mp-month a,
td.x-date-mp-year a {
  display: block;
  padding: 2px 4px;
  text-decoration: none;
  text-align: center;
  color: #15428b;
}
td.x-date-mp-month a:hover,
td.x-date-mp-year a:hover {
  color: #15428b;
  text-decoration: none;
  cursor: pointer;
  background: #ddecfe;
}
td.x-date-mp-sel a {
  padding: 1px 3px;
  background: #dfecfb url(../images/blue/shared/glass-bg.gif) repeat-x left top;
  border: 1px solid #8db2e3;
}
.x-date-mp-ybtn a {
  overflow: hidden;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: transparent url(../images/blue/panel/tool-sprites.gif) no-repeat;
  display: block;
  margin: 0 auto;
}
.x-date-mp-ybtn a.x-date-mp-next {
  background-position: 0 -120px;
}
.x-date-mp-ybtn a.x-date-mp-next:hover {
  background-position: -15px -120px;
}
.x-date-mp-ybtn a.x-date-mp-prev {
  background-position: 0 -105px;
}
.x-date-mp-ybtn a.x-date-mp-prev:hover {
  background-position: -15px -105px;
}
.x-date-mp-ybtn {
  text-align: center;
}
td.x-date-mp-sep {
  border-right: 1px solid #c5d2df;
}
.x-tip {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 20000;
  border: 0 none;
}
.x-tip .x-tip-close {
  background-image: url(../images/blue/qtip/close.gif);
  height: 15px;
  float: right;
  width: 15px;
  margin: 0 0 2px 2px;
  cursor: pointer;
  display: none;
}
.x-tip .x-tip-tc {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat 0 -62px;
  padding-top: 3px;
  overflow: hidden;
  zoom: 1;
}
.x-tip .x-tip-tl {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat 0 0;
  padding-left: 6px;
  overflow: hidden;
  zoom: 1;
}
.x-tip .x-tip-tr {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat right 0;
  padding-right: 6px;
  overflow: hidden;
  zoom: 1;
}
.x-tip .x-tip-bc {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat 0 -121px;
  height: 3px;
  overflow: hidden;
}
.x-tip .x-tip-bl {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat 0 -59px;
  padding-left: 6px;
  zoom: 1;
}
.x-tip .x-tip-br {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat right -59px;
  padding-right: 6px;
  zoom: 1;
}
.x-tip .x-tip-mc {
  border: 0 none;
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-tip .x-tip-ml {
  background: #fff url(../images/blue/qtip/tip-sprite.gif) no-repeat 0 -124px;
  padding-left: 6px;
  zoom: 1;
}
.x-tip .x-tip-mr {
  background: transparent url(../images/blue/qtip/tip-sprite.gif) no-repeat right -124px;
  padding-right: 6px;
  zoom: 1;
}
.ext-ie .x-tip .x-tip-header,
.ext-ie .x-tip .x-tip-tc {
  font-size: 0;
  line-height: 0;
}
.x-tip .x-tip-header-text {
  font: bold 11px Tahoma, Arial, Helvetica, Sans-serif;
  padding: 0;
  margin: 0 0 2px 0;
  color: #444;
}
.x-tip .x-tip-body {
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
  margin: 0!important;
  line-height: 14px;
  color: #444;
  padding: 0;
}
.x-tip .x-tip-body .loading-indicator {
  margin: 0;
}
.x-tip-draggable .x-tip-header,
.x-tip-draggable .x-tip-header-text {
  cursor: move;
}
.x-form-invalid-tip .x-tip-tc {
  background: url(../images/blue/form/error-tip-corners.gif) repeat-x 0 -12px;
  padding-top: 6px;
}
.x-form-invalid-tip .x-tip-tl {
  background-image: url(../images/blue/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-tr {
  background-image: url(../images/blue/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bc {
  background: url(../images/blue/form/error-tip-corners.gif) repeat-x 0 -18px;
  height: 6px;
}
.x-form-invalid-tip .x-tip-bl {
  background: url(../images/blue/form/error-tip-corners.gif) no-repeat 0 -6px;
}
.x-form-invalid-tip .x-tip-br {
  background: url(../images/blue/form/error-tip-corners.gif) no-repeat right -6px;
}
.x-form-invalid-tip .x-tip-ml {
  background-image: url(../images/blue/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-mr {
  background-image: url(../images/blue/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-body {
  padding: 2px;
}
.x-form-invalid-tip .x-tip-body {
  padding-left: 24px;
  background: transparent url(../images/blue/form/exclamation.gif) no-repeat 2px 2px;
}
.x-menu {
  border: 1px solid #718bb7;
  z-index: 15000;
  zoom: 1;
  background: #f0f0f0 url(../images/blue/menu/menu.gif) repeat-y;
  padding: 2px;
}
.x-menu a {
  text-decoration: none!important;
}
.ext-ie .x-menu {
  zoom: 1;
  overflow: hidden;
}
.x-menu-list {
  background: transparent;
  border: 0 none;
}
.x-menu li {
  line-height: 100%;
}
.x-menu li.x-menu-sep-li {
  font-size: 1px;
  line-height: 1px;
}
.x-menu-list-item {
  font: normal 11px Tahoma, Arial, Sans-serif;
  white-space: nowrap;
  -moz-user-select: none;
  -khtml-user-select: none;
  display: block;
  padding: 1px;
}
.x-menu-item-arrow {
  background: transparent url(../images/blue/menu/menu-parent.gif) no-repeat right;
}
.x-menu-sep {
  display: block;
  font-size: 1px;
  line-height: 1px;
  margin: 2px 3px;
  background-color: #e0e0e0;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}
.x-menu-focus {
  position: absolute;
  left: 0;
  top: -5px;
  width: 0;
  height: 0;
  line-height: 1px;
}
.x-menu a.x-menu-item {
  display: block;
  line-height: 16px;
  padding: 3px 21px 3px 3px;
  white-space: nowrap;
  text-decoration: none;
  color: #222;
  -moz-outline: 0 none;
  outline: 0 none;
  cursor: pointer;
}
.x-menu-item-active {
  background: #ebf3fd url(../images/blue/menu/item-over.gif) repeat-x left bottom;
  border: 1px solid #aaccf6;
  padding: 0;
}
.x-menu-item-active a.x-menu-item {
  color: #233d6d;
}
.x-menu-item-icon {
  border: 0 none;
  height: 16px;
  padding: 0;
  vertical-align: top;
  width: 16px;
  margin: 0 8px 0 0;
  background-position: center;
}
.x-menu-check-item .x-menu-item-icon {
  background: transparent url(../images/blue/menu/unchecked.gif) no-repeat center;
}
.x-menu-item-checked .x-menu-item-icon {
  background-image: url(../images/blue/menu/checked.gif);
}
.x-menu-group-item .x-menu-item-icon {
  background: transparent;
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
  background: transparent url(../images/blue/menu/group-checked.gif) no-repeat center;
}
.x-menu-plain {
  background: #fff !important;
}
.x-menu-date-item {
  padding: 0;
}
.x-menu .x-color-palette,
.x-menu .x-date-picker {
  margin-left: 26px;
  margin-right: 4px;
}
.x-menu .x-date-picker {
  border: 1px solid #a3bad9;
  margin-top: 2px;
  margin-bottom: 2px;
}
.x-menu-plain .x-color-palette,
.x-menu-plain .x-date-picker {
  margin: 0;
  border: 0 none;
}
.x-date-menu {
  padding: 0!important;
}
.x-cycle-menu .x-menu-item-checked {
  border: 1px dotted #a3bae9 !important;
  background: #DFE8F6;
  padding: 0;
}
.x-box-tl {
  background: transparent url(../images/blue/box/corners.gif) no-repeat 0 0;
  zoom: 1;
}
.x-box-tc {
  height: 8px;
  background: transparent url(../images/blue/box/tb.gif) repeat-x 0 0;
  overflow: hidden;
}
.x-box-tr {
  background: transparent url(../images/blue/box/corners.gif) no-repeat right -8px;
}
.x-box-ml {
  background: transparent url(../images/blue/box/l.gif) repeat-y 0;
  padding-left: 4px;
  overflow: hidden;
  zoom: 1;
}
.x-box-mc {
  background: #eee url(../images/blue/box/tb.gif) repeat-x 0 -16px;
  padding: 4px 10px;
  font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", Sans-serif;
  color: #393939;
  font-size: 12px;
}
.x-box-mc h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 4px 0;
  zoom: 1;
}
.x-box-mr {
  background: transparent url(../images/blue/box/r.gif) repeat-y right;
  padding-right: 4px;
  overflow: hidden;
}
.x-box-bl {
  background: transparent url(../images/blue/box/corners.gif) no-repeat 0 -16px;
  zoom: 1;
}
.x-box-bc {
  background: transparent url(../images/blue/box/tb.gif) repeat-x 0 -8px;
  height: 8px;
  overflow: hidden;
}
.x-box-br {
  background: transparent url(../images/blue/box/corners.gif) no-repeat right -24px;
}
.x-box-tl,
.x-box-bl {
  padding-left: 8px;
  overflow: hidden;
}
.x-box-tr,
.x-box-br {
  padding-right: 8px;
  overflow: hidden;
}
.x-box-blue .x-box-bl,
.x-box-blue .x-box-br,
.x-box-blue .x-box-tl,
.x-box-blue .x-box-tr {
  background-image: url(../images/blue/box/corners-blue.gif);
}
.x-box-blue .x-box-bc,
.x-box-blue .x-box-mc,
.x-box-blue .x-box-tc {
  background-image: url(../images/blue/box/tb-blue.gif);
}
.x-box-blue .x-box-mc {
  background-color: #c3daf9;
}
.x-box-blue .x-box-mc h3 {
  color: #17385b;
}
.x-box-blue .x-box-ml {
  background-image: url(../images/blue/box/l-blue.gif);
}
.x-box-blue .x-box-mr {
  background-image: url(../images/blue/box/r-blue.gif);
}
#x-debug-browser .x-tree .x-tree-node a span {
  color: #222297;
  font-size: 11px;
  padding-top: 2px;
  font-family: "monotype", "courier new", Sans-serif;
  line-height: 18px;
}
#x-debug-browser .x-tree a i {
  color: #FF4545;
  font-style: normal;
}
#x-debug-browser .x-tree a em {
  color: #999;
}
#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span {
  background: #c3daf9;
}
#x-debug-browser .x-tool-toggle {
  background-position: 0 -75px;
}
#x-debug-browser .x-tool-toggle-over {
  background-position: -15px -75px;
}
#x-debug-browser.x-panel-collapsed .x-tool-toggle {
  background-position: 0 -60px;
}
#x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
  background-position: -15px -60px;
}
.x-combo-list {
  border: 1px solid #98c0f4;
  background: #ddecfe;
  zoom: 1;
  overflow: hidden;
}
.x-combo-list-inner {
  overflow: auto;
  background: white;
  position: relative;
  zoom: 1;
  overflow-x: hidden;
}
.x-combo-list-hd {
  font: bold 11px Tahoma, Arial, Helvetica, Sans-serif;
  color: #15428b;
  background-image: url(../images/blue/layout/panel-title-light-bg.gif);
  border-bottom: 1px solid #98c0f4;
  padding: 3px;
}
.x-resizable-pinned .x-combo-list-inner {
  border-bottom: 1px solid #98c0f4;
}
.x-combo-list-item {
  font: normal 12px Tahoma, Arial, Helvetica, Sans-serif;
  padding: 2px;
  border: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.x-combo-list .x-combo-selected {
  border: 1px dotted #a3bae9 !important;
  background: #DFE8F6;
  cursor: pointer;
}
.x-combo-noedit {
  cursor: pointer;
}
.x-combo-list .x-toolbar {
  border-top: 1px solid #98c0f4;
  border-bottom: 0 none;
}
.x-combo-list-small .x-combo-list-item {
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-panel {
  border-style: solid;
  border-color: #99bbe8;
  border-width: 0;
}
.x-panel-header {
  overflow: hidden;
  zoom: 1;
  color: #15428b;
  font: bold 11px Tahoma, Arial, Verdana, Sans-serif;
  padding: 5px 3px 4px 5px;
  border: 1px solid #99bbe8;
  line-height: 15px;
  background: transparent url(../images/blue/panel/white-top-bottom.gif) repeat-x 0 -1px;
}
.x-panel-body {
  border: 1px solid #99bbe8;
  border-top: 0 none;
  overflow: hidden;
  background: white;
  position: relative;
}
.x-panel-bbar .x-toolbar {
  border: 1px solid #99bbe8;
  border-top: 0 none;
  overflow: hidden;
  padding: 2px;
}
.x-panel-tbar .x-toolbar {
  border: 1px solid #99bbe8;
  border-top: 0 none;
  overflow: hidden;
  padding: 2px;
}
.x-panel-tbar-noheader .x-toolbar,
.x-panel-mc .x-panel-tbar .x-toolbar {
  border-top: 1px solid #99bbe8;
  border-bottom: 0 none;
}
.x-panel-body-noheader,
.x-panel-mc .x-panel-body {
  border-top: 1px solid #99bbe8;
}
.x-panel-header {
  overflow: hidden;
  zoom: 1;
}
.x-panel-tl .x-panel-header {
  color: #15428b;
  font: bold 11px Tahoma, Arial, Verdana, Sans-serif;
  padding: 5px 0 4px 0;
  border: 0 none;
  background: transparent;
}
.x-panel-tl .x-panel-icon,
.x-window-tl .x-panel-icon {
  padding-left: 20px!important;
  background-repeat: no-repeat;
  background-position: 0 4px;
  zoom: 1;
}
.x-panel-inline-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.x-panel-tc {
  background: transparent url(../images/blue/panel/top-bottom.gif) repeat-x 0 0;
  overflow: hidden;
}
.ext-strict .ext-ie7 .x-panel-tc {
  overflow: visible;
}
.x-panel-tl {
  background: transparent url(../images/blue/panel/corners-sprite.gif) no-repeat 0 0;
  padding-left: 6px;
  zoom: 1;
  border-bottom: 1px solid #99bbe8;
}
.x-panel-tr {
  background: transparent url(../images/blue/panel/corners-sprite.gif) no-repeat right 0;
  zoom: 1;
  padding-right: 6px;
}
.x-panel-bc {
  background: transparent url(../images/blue/panel/top-bottom.gif) repeat-x 0 bottom;
  zoom: 1;
}
.x-panel-bc .x-panel-footer {
  zoom: 1;
}
.x-panel-bl {
  background: transparent url(../images/blue/panel/corners-sprite.gif) no-repeat 0 bottom;
  padding-left: 6px;
  zoom: 1;
}
.x-panel-br {
  background: transparent url(../images/blue/panel/corners-sprite.gif) no-repeat right bottom;
  padding-right: 6px;
  zoom: 1;
}
.x-panel-mc {
  border: 0 none;
  padding: 0;
  margin: 0;
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
  padding-top: 6px;
  background: #dfe8f6;
}
.x-panel-mc .x-panel-body {
  background: transparent;
  border: 0 none;
}
.x-panel-ml {
  background: #fff url(../images/blue/panel/left-right.gif) repeat-y 0 0;
  padding-left: 6px;
  zoom: 1;
}
.x-panel-mr {
  background: transparent url(../images/blue/panel/left-right.gif) repeat-y right 0;
  padding-right: 6px;
  zoom: 1;
}
.x-panel-bc .x-panel-footer {
  padding-bottom: 6px;
}
.x-panel-nofooter .x-panel-bc,
.x-panel-nofooter .x-window-bc {
  height: 6px;
  font-size: 0;
  line-height: 0;
}
.x-panel-bwrap {
  overflow: hidden;
  zoom: 1;
}
.x-panel-body {
  overflow: hidden;
  zoom: 1;
}
.x-panel-collapsed .x-resizable-handle {
  display: none;
}
.ext-gecko .x-panel-animated div {
  overflow: hidden!important;
}
.x-plain-body {
  overflow: hidden;
}
.x-plain-bbar .x-toolbar {
  overflow: hidden;
  padding: 2px;
}
.x-plain-tbar .x-toolbar {
  overflow: hidden;
  padding: 2px;
}
.x-plain-bwrap {
  overflow: hidden;
  zoom: 1;
}
.x-plain {
  overflow: hidden;
}
.x-tool {
  overflow: hidden;
  width: 15px;
  height: 15px;
  float: right;
  cursor: pointer;
  background: transparent url(../images/blue/panel/tool-sprites.gif) no-repeat;
  margin-left: 2px;
}
.x-tool-toggle {
  background-position: 0 -60px;
}
.x-tool-toggle-over {
  background-position: -15px -60px;
}
.x-panel-collapsed .x-tool-toggle {
  background-position: 0 -75px;
}
.x-panel-collapsed .x-tool-toggle-over {
  background-position: -15px -75px;
}
.x-tool-close {
  background-position: 0 0;
}
.x-tool-close-over {
  background-position: -15px 0;
}
.x-tool-minimize {
  background-position: 0 -15px;
}
.x-tool-minimize-over {
  background-position: -15px -15px;
}
.x-tool-maximize {
  background-position: 0 -30px;
}
.x-tool-maximize-over {
  background-position: -15px -30px;
}
.x-tool-restore {
  background-position: 0 -45px;
}
.x-tool-restore-over {
  background-position: -15px -45px;
}
.x-tool-gear {
  background-position: 0 -90px;
}
.x-tool-gear-over {
  background-position: -15px -90px;
}
.x-tool-pin {
  background-position: 0 -135px;
}
.x-tool-pin-over {
  background-position: -15px -135px;
}
.x-tool-unpin {
  background-position: 0 -150px;
}
.x-tool-unpin-over {
  background-position: -15px -150px;
}
.x-tool-right {
  background-position: 0 -165px;
}
.x-tool-right-over {
  background-position: -15px -165px;
}
.x-tool-left {
  background-position: 0 -180px;
}
.x-tool-left-over {
  background-position: -15px -180px;
}
.x-tool-up {
  background-position: 0 -210px;
}
.x-tool-up-over {
  background-position: -15px -210px;
}
.x-tool-down {
  background-position: 0 -195px;
}
.x-tool-down-over {
  background-position: -15px -195px;
}
.x-tool-refresh {
  background-position: 0 -225px;
}
.x-tool-refresh-over {
  background-position: -15px -225px;
}
.x-tool-minus {
  background-position: 0 -255px;
}
.x-tool-minus-over {
  background-position: -15px -255px;
}
.x-tool-plus {
  background-position: 0 -240px;
}
.x-tool-plus-over {
  background-position: -15px -240px;
}
.x-tool-search {
  background-position: 0 -270px;
}
.x-tool-search-over {
  background-position: -15px -270px;
}
.x-tool-save {
  background-position: 0 -285px;
}
.x-tool-save-over {
  background-position: -15px -285px;
}
.x-tool-help {
  background-position: 0 -300px;
}
.x-tool-help-over {
  background-position: -15px -300px;
}
.x-tool-print {
  background-position: 0 -315px;
}
.x-tool-print-over {
  background-position: -15px -315px;
}
/*.x-tool-move{background-position:0 -330px;}
.x-tool-move-over{background-position:-15px -330px;}*/
.x-panel-ghost {
  background: #cbddf3;
  z-index: 12000;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
}
.x-panel-ghost ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border: 1px solid #99bbe8;
  border-top: 0 none;
  display: block;
}
.x-panel-ghost * {
  cursor: move!important;
}
.x-panel-dd-spacer {
  border: 2px dashed #99bbe8;
}
.x-panel-btns-ct {
  padding: 5px;
}
.x-panel-btns-ct .x-btn {
  float: right;
  clear: none;
}
.x-panel-btns-ct .x-panel-btns td {
  border: 0;
  padding: 0;
}
.x-panel-btns-ct .x-panel-btns td.x-btn-center {
  padding: 0 5px;
}
.x-panel-btns-ct .x-panel-btns-right table {
  float: right;
  clear: none;
}
.x-panel-btns-ct .x-panel-btns-left table {
  float: left;
  clear: none;
}
.x-panel-btns-ct .x-panel-btns-center {
  text-align: center;
}
.x-panel-btns-ct .x-panel-btns-center table {
  margin: 0 auto;
}
.x-panel-btns-ct table td.x-panel-btn-td {
  padding: 3px;
}
.x-panel-btns-ct .x-btn-focus .x-btn-left {
  background-position: 0 -147px;
}
.x-panel-btns-ct .x-btn-focus .x-btn-right {
  background-position: 0 -168px;
}
.x-panel-btns-ct .x-btn-focus .x-btn-center {
  background-position: 0 -189px;
}
.x-panel-btns-ct .x-btn-over .x-btn-left {
  background-position: 0 -63px;
}
.x-panel-btns-ct .x-btn-over .x-btn-right {
  background-position: 0 -84px;
}
.x-panel-btns-ct .x-btn-over .x-btn-center {
  background-position: 0 -105px;
}
.x-panel-btns-ct .x-btn-click .x-btn-center {
  background-position: 0 -126px;
}
.x-panel-btns-ct .x-btn-click .x-btn-right {
  background-position: 0 -84px;
}
.x-panel-btns-ct .x-btn-click .x-btn-left {
  background-position: 0 -63px;
}
.x-window {
  zoom: 1;
}
.x-window .x-resizable-handle {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.x-window-proxy {
  background: #C7DFFC;
  border: 1px solid #99bbe8;
  z-index: 12000;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.x-window-header {
  overflow: hidden;
  zoom: 1;
}
.x-window-bwrap {
  z-index: 1;
  position: relative;
  zoom: 1;
}
.x-window-tl .x-window-header {
  color: #15428b;
  font: bold 11px Tahoma, Arial, Verdana, Sans-serif;
  padding: 5px 0 4px 0;
}
.x-window-header-text {
  cursor: pointer;
}
.x-window-tc {
  background: transparent url(../images/blue/window/top-bottom.png) repeat-x 0 0;
  overflow: hidden;
  zoom: 1;
}
.x-window-tl {
  background: transparent url(../images/blue/window/left-corners.png) no-repeat 0 0;
  padding-left: 6px;
  zoom: 1;
  z-index: 1;
  position: relative;
}
.x-window-tr {
  background: transparent url(../images/blue/window/right-corners.png) no-repeat right 0;
  padding-right: 6px;
}
.x-window-bc {
  background: transparent url(../images/blue/window/top-bottom.png) repeat-x 0 bottom;
  zoom: 1;
}
.x-window-bc .x-window-footer {
  padding-bottom: 6px;
  zoom: 1;
  font-size: 0;
  line-height: 0;
}
.x-window-bl {
  background: transparent url(../images/blue/window/left-corners.png) no-repeat 0 bottom;
  padding-left: 6px;
  zoom: 1;
}
.x-window-br {
  background: transparent url(../images/blue/window/right-corners.png) no-repeat right bottom;
  padding-right: 6px;
  zoom: 1;
}
.x-window-mc {
  border: 1px solid #99bbe8;
  padding: 0;
  margin: 0;
  font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
  background: #dfe8f6;
}
.x-window-ml {
  background: transparent url(../images/blue/window/left-right.png) repeat-y 0 0;
  padding-left: 6px;
  zoom: 1;
}
.x-window-mr {
  background: transparent url(../images/blue/window/left-right.png) repeat-y right 0;
  padding-right: 6px;
  zoom: 1;
}
.x-window-body {
  overflow: hidden;
}
.x-window-bwrap {
  overflow: hidden;
}
.x-window-maximized .x-window-bl,
.x-window-maximized .x-window-br,
.x-window-maximized .x-window-ml,
.x-window-maximized .x-window-mr,
.x-window-maximized .x-window-tl,
.x-window-maximized .x-window-tr {
  padding: 0;
}
.x-window-maximized .x-window-footer {
  padding-bottom: 0;
}
.x-window-maximized .x-window-tc {
  padding-left: 3px;
  padding-right: 3px;
  background-color: white;
}
.x-window-maximized .x-window-mc {
  border-left: 0 none;
  border-right: 0 none;
}
.x-window-tbar .x-toolbar,
.x-window-bbar .x-toolbar {
  border-left: 0 none;
  border-right: 0 none;
}
.x-window-bbar .x-toolbar {
  border-top: 1px solid #99bbe8;
  border-bottom: 0 none;
}
.x-window-draggable,
.x-window-draggable .x-window-header-text {
  cursor: move;
}
.x-window-maximized .x-window-draggable,
.x-window-maximized .x-window-draggable .x-window-header-text {
  cursor: default;
}
.x-window-body {
  background: transparent;
}
.x-panel-ghost .x-window-tl {
  border-bottom: 1px solid #99bbe8;
}
.x-panel-collapsed .x-window-tl {
  border-bottom: 1px solid #84a0c4;
}
.x-window-maximized-ct {
  overflow: hidden;
}
.x-window-maximized .x-resizable-handle {
  display: none;
}
.x-window-sizing-ghost ul {
  border: 0 none!important;
}
.x-dlg-focus {
  -moz-outline: 0 none;
  outline: 0 none;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.x-dlg-mask {
  z-index: 10000;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #CCC;
}
body.ext-ie6.x-body-masked select {
  visibility: hidden;
}
body.ext-ie6.x-body-masked .x-window select {
  visibility: visible;
}
.x-window-plain .x-window-mc {
  background: #CAD9EC;
  border-right: 1px solid #DFE8F6;
  border-bottom: 1px solid #DFE8F6;
  border-top: 1px solid #a3bae9;
  border-left: 1px solid #a3bae9;
}
.x-window-plain .x-window-body {
  border-left: 1px solid #DFE8F6;
  border-top: 1px solid #DFE8F6;
  border-bottom: 1px solid #a3bae9;
  border-right: 1px solid #a3bae9;
  background: transparent!important;
}
body.x-body-masked .x-window-plain .x-window-mc {
  background: #C7D6E9;
}
.x-html-editor-wrap {
  border: 1px solid #a9bfd3;
  background: white;
}
.x-html-editor-tb .x-btn-text {
  background: transparent url(../images/blue/editor/tb-sprite.gif) no-repeat;
}
.x-html-editor-tb .x-edit-bold .x-btn-text {
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-italic .x-btn-text {
  background-position: -16px 0;
}
.x-html-editor-tb .x-edit-underline .x-btn-text {
  background-position: -32px 0;
}
.x-html-editor-tb .x-edit-forecolor .x-btn-text {
  background-position: -160px 0;
}
.x-html-editor-tb .x-edit-backcolor .x-btn-text {
  background-position: -176px 0;
}
.x-html-editor-tb .x-edit-justifyleft .x-btn-text {
  background-position: -112px 0;
}
.x-html-editor-tb .x-edit-justifycenter .x-btn-text {
  background-position: -128px 0;
}
.x-html-editor-tb .x-edit-justifyright .x-btn-text {
  background-position: -144px 0;
}
.x-html-editor-tb .x-edit-insertorderedlist .x-btn-text {
  background-position: -80px 0;
}
.x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text {
  background-position: -96px 0;
}
.x-html-editor-tb .x-edit-increasefontsize .x-btn-text {
  background-position: -48px 0;
}
.x-html-editor-tb .x-edit-decreasefontsize .x-btn-text {
  background-position: -64px 0;
}
.x-html-editor-tb .x-edit-sourceedit .x-btn-text {
  background-position: -192px 0;
}
.x-html-editor-tb .x-edit-createlink .x-btn-text {
  background-position: -208px 0;
}
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
  padding: 5px;
  padding-bottom: 1px;
}
.x-html-editor-tb .x-toolbar {
  position: static!important;
}
.x-panel-noborder .x-panel-body-noborder {
  border-width: 0;
}
.x-panel-noborder .x-panel-header-noborder {
  border-width: 0;
  border-bottom: 1px solid #99bbe8;
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  border-width: 0;
  border-bottom: 1px solid #99bbe8;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  border-width: 0;
  border-top: 1px solid #99bbe8;
}
.x-window-noborder .x-window-mc {
  border-width: 0;
}
.x-window-plain .x-window-body-noborder {
  border-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-body-noborder {
  border-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-header-noborder {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-footer-noborder {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.x-tab-panel-bbar-noborder .x-toolbar {
  border-width: 0;
  border-top: 1px solid #99bbe8;
}
.x-tab-panel-tbar-noborder .x-toolbar {
  border-width: 0;
  border-bottom: 1px solid #99bbe8;
}
.x-border-layout-ct {
  background: #dfe8f6;
}
.x-border-panel {
  position: absolute;
  left: 0;
  top: 0;
}
.x-tool-collapse-south {
  background-position: 0 -195px;
}
.x-tool-collapse-south-over {
  background-position: -15px -195px;
}
.x-tool-collapse-north {
  background-position: 0 -210px;
}
.x-tool-collapse-north-over {
  background-position: -15px -210px;
}
.x-tool-collapse-west {
  background-position: 0 -180px;
}
.x-tool-collapse-west-over {
  background-position: -15px -180px;
}
.x-tool-collapse-east {
  background-position: 0 -165px;
}
.x-tool-collapse-east-over {
  background-position: -15px -165px;
}
.x-tool-expand-south {
  background-position: 0 -210px;
}
.x-tool-expand-south-over {
  background-position: -15px -210px;
}
.x-tool-expand-north {
  background-position: 0 -195px;
}
.x-tool-expand-north-over {
  background-position: -15px -195px;
}
.x-tool-expand-west {
  background-position: 0 -165px;
}
.x-tool-expand-west-over {
  background-position: -15px -165px;
}
.x-tool-expand-east {
  background-position: 0 -180px;
}
.x-tool-expand-east-over {
  background-position: -15px -180px;
}
.x-tool-expand-north,
.x-tool-expand-south {
  float: right;
  margin: 3px;
}
.x-tool-expand-east,
.x-tool-expand-west {
  float: none;
  margin: 3px auto;
}
.x-accordion-hd .x-tool-toggle {
  background-position: 0 -255px;
}
.x-accordion-hd .x-tool-toggle-over {
  background-position: -15px -255px;
}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
  background-position: 0 -240px;
}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
  background-position: -15px -240px;
}
.x-accordion-hd {
  color: #222;
  padding-top: 4px;
  padding-bottom: 3px;
  border-top: 0 none;
  font-weight: normal;
  background: transparent url(../images/blue/panel/light-hd.gif) repeat-x 0 -9px;
}
.x-layout-collapsed {
  position: absolute;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
  background-color: #d2e0f2;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: 1px solid #98c0f4;
  z-index: 20;
}
.ext-border-box .x-layout-collapsed {
  width: 22px;
  height: 22px;
}
.x-layout-collapsed-over {
  cursor: pointer;
  background-color: #d9e8fb;
}
.x-layout-collapsed-west .x-layout-collapsed-tools,
.x-layout-collapsed-east .x-layout-collapsed-tools {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.x-layout-split {
  position: absolute;
  height: 5px;
  width: 5px;
  line-height: 1px;
  font-size: 1px;
  z-index: 3;
  background-color: transparent;
}
.x-layout-split-h {
  background-image: url(../images/blue/s.gif);
  background-position: left;
}
.x-layout-split-v {
  background-image: url(../images/blue/s.gif);
  background-position: top;
}
.x-column-layout-ct {
  overflow: hidden;
  zoom: 1;
}
.x-column {
  float: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
  zoom: 1;
}
.x-layout-mini {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 35px;
  cursor: pointer;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.x-layout-mini-over,
.x-layout-collapsed-over .x-layout-mini {
  opacity: 1;
  -moz-opacity: 1;
  filter: none;
}
.x-layout-split-west .x-layout-mini {
  top: 48%;
  background-image: url(../images/blue/layout/mini-left.gif);
}
.x-layout-split-east .x-layout-mini {
  top: 48%;
  background-image: url(../images/blue/layout/mini-right.gif);
}
.x-layout-split-north .x-layout-mini {
  left: 48%;
  height: 5px;
  width: 35px;
  background-image: url(../images/blue/layout/mini-top.gif);
}
.x-layout-split-south .x-layout-mini {
  left: 48%;
  height: 5px;
  width: 35px;
  background-image: url(../images/blue/layout/mini-bottom.gif);
}
.x-layout-cmini-west .x-layout-mini {
  top: 48%;
  background-image: url(../images/blue/layout/mini-right.gif);
}
.x-layout-cmini-east .x-layout-mini {
  top: 48%;
  background-image: url(../images/blue/layout/mini-left.gif);
}
.x-layout-cmini-north .x-layout-mini {
  left: 48%;
  height: 5px;
  width: 35px;
  background-image: url(../images/blue/layout/mini-bottom.gif);
}
.x-layout-cmini-south .x-layout-mini {
  left: 48%;
  height: 5px;
  width: 35px;
  background-image: url(../images/blue/layout/mini-top.gif);
}
.x-layout-cmini-west,
.x-layout-cmini-east {
  border: 0 none;
  width: 5px!important;
  padding: 0;
  background: transparent;
}
.x-layout-cmini-north,
.x-layout-cmini-south {
  border: 0 none;
  height: 5px!important;
  padding: 0;
  background: transparent;
}
.x-viewport,
.x-viewport body {
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%;
}
.x-abs-layout-item {
  position: absolute;
  left: 0;
  top: 0;
}
.ext-ie input.x-abs-layout-item,
.ext-ie textarea.x-abs-layout-item {
  margin: 0;
}
.x-progress-wrap {
  border: 1px solid #6593cf;
  overflow: hidden;
}
.x-progress-inner {
  height: 18px;
  background: #e0e8f3 url(../images/blue/qtip/bg.gif) repeat-x;
  position: relative;
}
.x-progress-bar {
  height: 18px;
  float: left;
  width: 0;
  background: #9CBFEE url(../images/blue/progress/progress-bg.gif ) repeat-x left center;
  border-top: 1px solid #D1E4FD;
  border-bottom: 1px solid #7FA9E4;
  border-right: 1px solid #7FA9E4;
}
.x-progress-text {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding: 1px 5px;
  overflow: hidden;
  position: absolute;
  left: 0;
  text-align: center;
}
.x-progress-text-back {
  color: #396095;
  line-height: 16px;
}
.ext-ie .x-progress-text-back {
  line-height: 15px;
}
.x-window-dlg .x-window-body {
  border: 0 none!important;
  padding: 5px 10px;
  overflow: hidden!important;
}
.x-window-dlg .x-window-mc {
  border: 0 none!important;
}
.x-window-dlg .ext-mb-text,
.x-window-dlg .x-window-header-text {
  font-size: 12px;
}
.x-window-dlg .ext-mb-input {
  margin-top: 4px;
  width: 95%;
}
.x-window-dlg .ext-mb-textarea {
  margin-top: 4px;
  font: normal 12px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-window-dlg .x-progress-wrap {
  margin-top: 4px;
}
.ext-ie .x-window-dlg .x-progress-wrap {
  margin-top: 6px;
}
.x-window-dlg .x-msg-box-wait {
  background: transparent url(../images/blue/grid/loading.gif) no-repeat left;
  display: block;
  width: 300px;
  padding-left: 18px;
  line-height: 18px;
}
.x-window-dlg .ext-mb-icon {
  float: left;
  width: 47px;
  height: 32px;
}
.x-window-dlg .ext-mb-icon {
  float: left;
  width: 47px;
  height: 32px;
}
.ext-ie .x-window-dlg .ext-mb-icon {
  width: 44px;
}
.x-window-dlg .ext-mb-info {
  background: transparent url(../images/blue/window/icon-info.gif) no-repeat top left;
}
.x-window-dlg .ext-mb-warning {
  background: transparent url(../images/blue/window/icon-warning.gif) no-repeat top left;
}
.x-window-dlg .ext-mb-question {
  background: transparent url(../images/blue/window/icon-question.gif) no-repeat top left;
}
.x-window-dlg .ext-mb-error {
  background: transparent url(../images/blue/window/icon-error.gif) no-repeat top left;
}
.ext-gecko .ext-mb-fix-cursor {
  overflow: auto;
}
.x-slider {
  zoom: 1;
}
.x-slider-inner {
  position: relative;
  left: 0;
  top: 0;
  overflow: visible;
  zoom: 1;
}
.x-slider-focus {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  -moz-outline: 0 none;
  outline: 0 none;
  -moz-user-select: normal;
  -khtml-user-select: normal;
}
.x-slider-horz {
  padding-left: 7px;
  background: transparent url(../images/blue/slider/slider-bg.png) no-repeat 0 -22px;
}
.x-slider-horz .x-slider-end {
  padding-right: 7px;
  zoom: 1;
  background: transparent url(../images/blue/slider/slider-bg.png) no-repeat right -44px;
}
.x-slider-horz .x-slider-inner {
  background: transparent url(../images/blue/slider/slider-bg.png) repeat-x 0 0;
  height: 22px;
}
.x-slider-horz .x-slider-thumb {
  width: 14px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 3px;
  background: transparent url(../images/blue/slider/slider-thumb.png) no-repeat 0 0;
}
.x-slider-horz .x-slider-thumb-over {
  background-position: -14px -15px;
}
.x-slider-horz .x-slider-thumb-drag {
  background-position: -28px -30px;
}
.x-slider-vert {
  padding-top: 7px;
  background: transparent url(../images/blue/slider/slider-v-bg.png) no-repeat -44px 0;
  width: 22px;
}
.x-slider-vert .x-slider-end {
  padding-bottom: 7px;
  zoom: 1;
  background: transparent url(../images/blue/slider/slider-v-bg.png) no-repeat -22px bottom;
}
.x-slider-vert .x-slider-inner {
  background: transparent url(../images/blue/slider/slider-v-bg.png) repeat-y 0 0;
}
.x-slider-vert .x-slider-thumb {
  width: 15px;
  height: 14px;
  position: absolute;
  left: 3px;
  bottom: 0;
  background: transparent url(../images/blue/slider/slider-v-thumb.png) no-repeat 0 0;
}
.x-slider-vert .x-slider-thumb-over {
  background-position: -15px -14px;
}
.x-slider-vert .x-slider-thumb-drag {
  background-position: -30px -28px;
}
/* FileUploadField component styles */
.x-form-file-wrap {
  position: relative;
  height: 22px;
}
.x-form-file-wrap .x-form-file {
  position: absolute;
  right: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2;
  height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
  position: absolute;
  right: 0;
  z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
  position: absolute;
  left: 0;
  z-index: 3;
  color: #777;
}
/* Componente Delete */
.delete-single-detail {
  margin: 20px 0 -10px -45px;
  text-align: center;
  font-weight: bold;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/* NAO COLOCAR VARIAVEIS LESS AQUI! */
.x-form-field-wrap .x-form-plus-trigger {
  background-image: url(../images/ux/plus-trigger.gif) !important;
  cursor: pointer;
}
.x-tool-expand {
  background-position: 0 -75px;
}
.x-tool-expand-over {
  background-position: -15px -75px;
}
.x-statusbar .x-status-success {
  padding-left: 25px;
  background: transparent url(../images/icons/success.png) no-repeat 3px 3px;
}
.x-statusbar .x-status-error {
  padding-left: 25px;
  background: transparent url(../images/icons/error.png) no-repeat 3px 3px;
}
.x-combo-loading {
  background: url('../images/blue/grid/loading.gif') no-repeat left;
}
.locale-flag-en_US {
  background-image: url(../images/flags/flag_usa.png) ! important;
}
.locale-flag-pt_BR {
  background-image: url(../images/flags/flag_brazil.png) ! important;
}
.locale-flag-es_ES {
  background-image: url(../images/flags/flag_spain.png) ! important;
}
.locale-flag-pt_PT {
  background-image: url(../images/flags/flag_portugal.png) ! important;
}
/** TREE **/
.x-tree-node .x-tree-node-over {
  background-color: #e8e8e8;
}
.x-tree-node .x-tree-selected {
  background-color: #e4e4e4;
  border: 1px dotted #b0b0b0;
}
/************** SPLIT BAR ******************/
.x-border-layout-ct {
  background-image: url(../images/bg_degradee.gif);
  background-repeat: repeat-x;
  background-color: #eef4f7;
}
/********************** TAXONOMY *********************/
.x-tree-node-folder .x-tree-node-icon {
  background-image: url('../images/tree/folder.gif');
}
.x-tree-node-folder-gray .x-tree-node-icon {
  background-image: url('../images/tree/folder_gray.png');
  cursor: text !important;
}
.x-tree-node-folder-gray .x-tree-node-anchor {
  cursor: text !important;
}
.x-tree-node-folder-gray .x-tree-node-indent {
  cursor: text !important;
}
.x-tree-node-folder-gray .x-tree-ec-icon {
  cursor: text !important;
}
/********************* Multi Select ***************/
.ux-mselect {
  background: white;
  position: relative;
  /* for calculating scroll offsets */
  zoom: 1;
  overflow: auto;
}
.ux-mselect-item {
  font: normal 12px tahoma, arial, helvetica, sans-serif;
  padding: 2px;
  border: 1px solid #fff;
  white-space: nowrap;
  cursor: pointer;
}
.ux-mselect-selected {
  border: 1px dotted #a3bae9 !important;
  background: #DFE8F6;
  cursor: pointer;
}
/************** FB Like Mask *********************************/
.ext-el-mask {
  z-index: 5000;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: hsla(240, 3.8%, 46.1%, 0.33);
  width: 100%;
  height: 100%;
  zoom: 1;
}
.ext-el-mask-low-opacity {
  z-index: 5000;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.ext-el-mask-msg {
  z-index: 5001;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px;
}
.ext-el-mask-msg div {
  padding: 5px 10px 5px 10px;
  color: #555;
  font: 12px Arial;
  cursor: wait;
}
.x-fb-mask-loading div {
  width: 40px;
  height: 40px;
  background: transparent url('../images/cortex-loader.gif') no-repeat;
}
/*
//Gif ao lado esquerdo
.x-fb-mask-loading div {
	width: 80px;
    height: 30px;
    padding-left: 50px;
    line-height: 30px;
    background: transparent url(../images/cortex-loader.gif) no-repeat 0px -6px;
    -webkit-animation: mask-loading-pulse 1.35s ease-in-out 0s infinite alternate;
			animation: mask-loading-pulse 1.35s ease-in-out 0s infinite alternate;
*/
.x-fb-mask-loading-small div {
  width: 24px;
  height: 24px;
  background: transparent url('../images/loader/fb_loader.gif') no-repeat 0px 4px;
}
.x-fb-mask-loading-notext div {
  width: 42px;
  height: 42px;
  padding: 5px;
  background: transparent url('../images/loader/fb_loader.gif') no-repeat 5px 5px;
}
@keyframes mask-loading-pulse {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mask-loading-pulse {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
/************** Ext.ux.form.SuperBoxSelect *************************/
.x-superboxselect {
  position: relative;
  height: auto !important;
  margin: 0px !important;
  overflow: hidden;
  /*padding:2px;*/
  display: block;
  outline: none !important;
}
.x-superboxselect input[disabled] {
  background-color: transparent;
}
.x-superboxselect ul {
  overflow: hidden;
  cursor: text;
}
.x-superboxselect-display-btns {
  padding-right: 33px !important;
}
.x-superboxselect-btns {
  position: absolute;
  right: 1px;
  top: 0;
  overflow: hidden;
  /*padding:2px;*/
}
.x-superboxselect-btns div {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}
.x-superboxselect-btn-clear {
  background: url(../images/ux/superselect/clear.png) no-repeat scroll left 0px;
}
.x-superboxselect-btn-expand {
  background: url(../images/ux/superselect/expand.png) no-repeat scroll left 0px;
}
.x-superboxselect-btn-over {
  background-position: left -16px;
}
.x-superboxselect-btn-hide {
  display: none;
}
.x-superboxselect li {
  float: left;
  margin: 0px 1px 0px 1px;
  padding: 0;
  line-height: 18px;
}
.x-superboxselect-stacked li {
  float: none !important;
}
.x-superboxselect-input input {
  border: none;
  outline: none;
  margin-top: 4px;
  margin-bottom: 4px;
}
/*body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}*/
.x-superboxselect-item {
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  o-border-radius: 6px;
  khtml-border-radius: 6px;
  border: 1px solid #CAD8F3;
  background-color: #DEE7F8;
  padding: 1px 15px 1px 5px !important;
}
/*body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}*/
.x-superboxselect-item-hover {
  background: #BBCEF1;
  border: 1px solid #6D95E0;
}
.x-superboxselect-item-focus {
  border-color: #598BEC;
  background: #598BEC;
  color: #fff;
}
.x-superboxselect-item-close {
  background: url(../images/ux/superselect/close.png) no-repeat scroll left 0px;
  border: none;
  cursor: default;
  font-size: 1px;
  height: 16px;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 2px;
  width: 13px;
  display: block;
  cursor: pointer;
}
.x-superboxselect-item-close:hover,
.x-superboxselect-item-close:active {
  background-position: left -12px;
}
.x-superboxselect-item-focus .x-superboxselect-item-close {
  background-position: left -24px;
}
.x-item-disabled .x-superboxselect-item-close {
  background-position: left -36px;
}
/************** Ext.ux.layout.Carousel *************************/
.x-carousel-layout {
  overflow: hidden;
  position: relative;
  zoom: 1;
}
.x-carousel-left-scrollbutton {
  width: 18px;
  position: absolute;
  top: 0px;
  height: 100%;
  cursor: pointer;
  background: url(../images/blue/layout/s.gif) no-repeat 0px center;
}
.x-carousel-left-scrollbutton-disabled {
  display: none;
}
/*
.x-carousel-layout.x-scroll-button-position-right .x-carousel-left-scrollbutton {
	right: 18px;
}*/
.x-carousel-layout.x-scroll-button-position-left .x-carousel-left-scrollbutton,
.x-carousel-layout.x-scroll-button-position-split .x-carousel-left-scrollbutton {
  left: 0px;
}
.x-carousel-right-scrollbutton {
  width: 18px;
  position: absolute;
  top: 0px;
  height: 100%;
  cursor: pointer;
  background: url(../images/blue/layout/s.gif) no-repeat 0px center;
}
.x-carousel-right-scrollbutton-disabled {
  display: none;
}
.x-carousel-layout.x-scroll-button-position-right .x-carousel-right-scrollbutton,
.x-carousel-layout.x-scroll-button-position-split .x-carousel-right-scrollbutton {
  right: 0px;
}
/*
.x-carousel-layout.x-scroll-button-position-left .x-carousel-right-scrollbutton {
    left: 23px;
}
*/
.x-carousel-scroller {
  overflow: hidden;
  position: relative;
  left: 5px;
}
/*
.x-carousel-layout.x-scroll-button-position-left .x-carousel-scroller { left: 41px; }
.x-carousel-layout.x-scroll-button-position-split .x-carousel-scroller { left: 18px; }
*/
.x-carousel-body {
  width: 10000px;
  overflow: hidden;
  zoom: 1;
}
.x-carousel-scroller .x-carousel-body .x-carousel-item {
  position: relative;
  float: left;
  overflow: visible;
  zoom: 1;
}
.x-carousel-scroller .x-carousel-body .x-carousel-item:hover {
  height: 1000px;
}
/************** Ext.ux.tree.PagingTreeLoader *******************/
.x-tree-paging-toolbar .x-btn-left {
  background: none;
  height: 18px;
}
.x-tree-paging-toolbar .x-btn-right {
  background: none;
  height: 18px;
}
.x-tree-paging-toolbar .x-btn-center {
  background: none;
  padding: 0;
  height: 18px;
}
.x-tree-paging-btn-icon .x-btn-center .x-btn-text {
  background-position: center;
  background-repeat: no-repeat;
  height: 13px;
  width: 9px;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
}
.x-tree-paging-nowrap {
  white-space: nowrap;
}
.x-tree-paging-float {
  float: left;
  white-space: nowrap;
}
.x-tree-paging-inline {
  display: inline;
  white-space: nowrap;
}
.x-tree-paging-btn-search-icon .x-btn-center .x-btn-text {
  background-position: center;
  background-repeat: no-repeat;
  height: 13px;
  width: 16px;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
}
.x-tree-paging-search-btn {
  background-image: url(../images/icons/search/find.png) !important;
}
.x-tree-paging-clear-search-btn {
  background-image: url(../images/icons/search/garbage.png) !important;
}
/************** Ext.ux.grid.GridFilters ************/
.x-above-menu {
  z-index: 18000;
}
.x-grid3-hd-row .ux-filtered-column {
  background: #d0d0d0 !important;
  font-weight: bold !important;
}
.ux-gridfilter-text-icon {
  background-image: url(../images/ux/gridfilters/find.png);
}
/**
 * RangeMenu.js Styles
 **/
.ux-rangemenu-gt {
  background-image: url(../images/ux/gridfilters/greater_then.png);
}
.ux-rangemenu-lt {
  background-image: url(../images/ux/gridfilters/less_then.png);
}
.ux-rangemenu-eq {
  background-image: url(../images/ux/gridfilters/equals.png);
}
/**
 * TreeMenu.js Styles
 */
.ux-tree-menu {
  background-image: none;
}
.ux-tree-menu-wrap {
  position: relative;
  overflow: auto;
}
.ux-tree-menu-search-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: url(../images/ux/gridfilters/find.png) top left no-repeat;
}
.ux-tree-menu-search {
  padding-left: 19px;
}
/************** Ext.ux.form.Spinner ************/
.x-form-spinner-proxy {
  /*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
  background: transparent url(../images/ux/spinner/spinner.gif) no-repeat 0 0;
}
.x-form-field-wrap .x-form-spinner-overup {
  background-position: -17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup {
  background-position: -34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown {
  background-position: -51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown {
  background-position: -68px 0;
}
.x-trigger-wrap-focus .x-form-spinner-trigger {
  background-position: -85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup {
  background-position: -102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup {
  background-position: -119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown {
  background-position: -136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown {
  background-position: -153px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
  border-bottom: 1px solid #7eadd9;
}
.x-form-field-wrap .x-form-spinner-splitter {
  line-height: 1px;
  font-size: 1px;
  background: transparent url(../images/ux/spinner/spinner-split.gif) no-repeat 0 0;
  position: absolute;
  cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter {
  background-position: -14px 0;
}
/******** Ext.grid.GroupSummary ********/
.x-grid3-summary-row {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #333;
  background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
  font-weight: bold;
  padding-bottom: 4px;
}
.x-grid3-cell-padded-first .x-grid3-cell-inner {
  padding-left: 16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
  display: none;
}
.x-grid3-summary-msg {
  padding: 4px 16px;
  font-weight: bold;
}
/******** Ext.ux.form.ImageField ********/
.x-form-imagefield {
  text-align: right;
  padding-right: 17px;
}
.x-form-imagefield-image {
  width: 64px;
  height: 64px;
  background: #fff;
  border: 1px solid #B5B8C8;
}
.images-view .x-window-body {
  background: #ffffff;
  color: #000000;
}
.images-view .thumb {
  border: 1px solid #dddddd;
  padding: 0px;
  height: 64px;
  width: 64px;
}
.images-view .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
  cursor: pointer;
}
.images-view .x-view-over {
  border: 1px solid #cccccc;
  background: #eeeeee;
  padding: 4px;
}
.images-view .x-view-selected {
  background: #ccddee;
  border: 1px solid #6699cc;
  padding: 4px;
}
.images-view .x-view-selected .thumb {
  border: 1px solid #6699cc;
}
/******** Ext.ux.IconCombo ********/
.ux-icon-combo-icon {
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 18px;
  height: 14px;
}
/* X-BROWSER-WARNING: this is not being honored by Safari */
.ux-icon-combo-input {
  padding-left: 25px !important;
}
.x-form-field-wrap .ux-icon-combo-icon {
  top: 5px;
  left: 5px;
}
.ux-icon-combo-item {
  width: 88% !important;
  background-repeat: no-repeat !important;
  background-position: 3px 50% !important;
  padding-left: 24px !important;
}
/******** Ext.ux.UploadPanel ********/
.ux-up-text {
  float: left;
  font-family: verdana;
  font-size: 11px;
}
.ux-up-item {
  line-height: 17px;
  height: 17px;
  cursor: default;
  margin-bottom: 1px;
  position: relative;
  border: 1px solid #EEE;
  background-color: #FFF;
  background-image: url(../images/blue/upload/white_bg.png);
  background-repeat: repeat-y;
}
.ux-up-icon-file {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 4px;
  background-image: url(../images/mime/unknown.png);
  float: left;
}
.ux-up-indicator {
  background-color: #fff;
  height: 17px;
  width: 40px;
  position: absolute;
  opacity: 0.4;
}
.ux-up-icon-state {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 2px;
  cursor: pointer;
  z-index: -1;
}
.ux-up-icon-queued {
  background-image: url(../images/blue/upload/page_white_get.png);
}
.ux-up-icon-uploading {
  background-image: url(../images/blue/grid/wait.gif);
}
.ux-up-icon-done {
  background-image: url(../images/blue/upload/cross.png);
}
.ux-up-icon-failed {
  background-image: url(../images/blue/upload/error.png);
}
.ux-up-icon-stop {
  background-image: url(../images/blue/upload/control_stop.png) !important;
}
.ux-up-icon-stopped {
  background-image: url(../images/blue/upload/stop.png);
}
.ux-up-icon-plus {
  background-image: url(../images/blue/upload/add.png) !important;
}
.ux-up-icon-minus {
  background-image: url(../images/blue/upload/delete.png) !important;
}
.ux-up-icon-cross {
  background-image: url(../images/blue/upload/cross.png) !important;
}
.ux-up-icon-upload {
  background-image: url(../images/blue/upload/up.png) !important;
}
/******** Ext.ux.Multiselect ********/
.ux-mselect {
  background: white;
  position: relative;
  /* for calculating scroll offsets */
  zoom: 1;
  overflow: auto;
}
.ux-mselect-item {
  font: normal 11px tahoma, arial, helvetica, sans-serif;
  padding: 2px;
  border: 1px solid #fff;
  white-space: nowrap;
  cursor: pointer;
}
.ux-mselect-selected {
  border: 1px dotted #a3bae9 !important;
  background: #DFE8F6;
  cursor: pointer;
}
/*********** Ext.ux.form.LovCombo *********/
.ux-lovcombo-icon {
  width: 16px;
  height: 16px;
  float: left;
  background-position: -1px -1px ! important;
  background-repeat: no-repeat ! important;
}
.ux-lovcombo-icon-checked {
  background: transparent url(../images/blue/menu/checked.gif);
}
.ux-lovcombo-icon-unchecked {
  background: transparent url(../images/blue/menu/unchecked.gif);
}
/*********** Ext.ux.ToastWindow *********/
.toast-error {
  background-image: url(../images/icons/error.png) ! important;
}
.toast-information {
  background-image: url(../images/icons/information.png) ! important;
}
/*********** Ext.ux.grid.Search *********/
.tb-grid-search {
  background-image: url(../images/icons/search/funnel.png) ! important;
}
/*********** Ext.ux.form.ColorField *********/
.x-color-picker,
.x-color-picker {
  height: 195px;
  position: relative;
  overflow: hidden;
}
.x-color-picker div canvas {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.x-color-picker-wheel {
  z-index: 1;
}
.x-color-picker-gradient {
  z-index: 0;
}
/*********** Ext.ux.form.ColorPickerField *********/
.x-cp-rgbpicker {
  background-image: url(../images/ux/colorpicker/mask.png);
  background-repeat: no-repeat;
  background-color: red;
  width: 182px;
  height: 182px;
  margin: 7px;
  float: left;
  cursor: pointer;
  /*
	_margin: 7px 7px 7px 4px;
	_cursor: hand;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ux/colorpicker/mask.png',sizingMethod='scale');
	*/
}
.x-cp-rgbslider {
  position: relative;
  left: -7px;
  top: -7px;
  width: 15px;
  height: 15px;
  background-image: url(../images/ux/colorpicker/slider-rgb.gif) !important;
  background-repeat: no-repeat;
  cursor: pointer;
  _cursor: hand;
}
.x-cp-huepicker {
  height: 183px;
  width: 9px;
  float: left;
  margin: 7px 0 0 7px;
  background-image: url(../images/ux/colorpicker/hue.png) !important;
  background-repeat: no-repeat;
  cursor: pointer;
  _cursor: hand;
}
.x-cp-hueslider {
  position: relative;
  left: -3px;
  top: -7px;
  width: 15px;
  height: 15px;
  background-image: url(../images/ux/colorpicker/slider-rgb.gif) !important;
  background-repeat: no-repeat;
  cursor: pointer;
  _cursor: hand;
}
.x-cp-formcontainer {
  float: left;
  width: 116px;
  padding: 2px;
  border: none;
  margin: -24px 0 0 7px !important;
}
.x-cp-clearfloat {
  clear: both;
}
.x-cp-colorbox {
  margin: 2px 5px 0 5px;
  border: 1px solid black;
  text-align: center;
  font-size: 10px;
  height: 12px;
  font-weight: bold;
  padding: 3px 0;
  cursor: pointer;
  _cursor: hand;
}
.x-cp-formcontainer input {
  text-align: center;
}
/*********** Ext.ux.DDTabPanel *********/
.dd-arrow-down {
  background-image: url(../images/blue/panel/dd-arrow-down.gif);
  display: block;
  visibility: visible;
  z-index: 20000;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
}
/************ GLOBAL *******************/
.global-loading-indicator {
  background: transparent url(../images/ajax-loader.gif) no-repeat !important;
}
/*********** Add and Remove Home Button *********/
.x-btn-home-del-icon {
  background: url(../images/icons/home_del.png) 0 3px no-repeat !important;
}
.x-btn-home-add-icon {
  background: url(../images/icons/home_add.png) 0 3px no-repeat !important;
}
.msg-lock {
  background: url(../images/icons/msg/lock.png) no-repeat top left !important;
}
/* StaticTextField */
.ux-form-statictextfield {
  background: transparent;
  border: none;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  color: #333;
  line-height: 16px;
}
/************ Right Icon Button ***************/
.x-btn-text-right-icon .x-btn-center .x-btn-text {
  background-position: right !important;
  background-repeat: no-repeat;
  padding-left: 0px !important;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 18px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/*
 * Ext JS Library 2.0.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */
/* NAO COLOCAR VARIAVEIS LESS AQUI! */
.x-panel {
  border-style: solid;
  border-color: #d0d0d0;
}
.x-panel-header {
  color: #333;
  border: 1px solid #d0d0d0;
  background-image: url(../images/grayextend/panel/white-top-bottom.gif);
}
.x-panel-body {
  border-color: #d0d0d0;
}
.x-panel-bbar .x-toolbar {
  border-color: #d0d0d0;
}
.x-panel-tbar .x-toolbar {
  border-color: #d0d0d0;
}
.x-panel-tbar-noheader .x-toolbar,
.x-panel-mc .x-panel-tbar .x-toolbar {
  border-color: #d0d0d0;
}
.x-panel-body-noheader,
.x-panel-mc .x-panel-body {
  border-color: #d0d0d0;
}
.x-panel-tl .x-panel-header {
  color: #333;
}
.x-panel-tc {
  background-image: url(../images/grayextend/panel/top-bottom.gif);
}
.x-panel-tl {
  background-image: url(../images/grayextend/panel/corners-sprite.gif);
  border-color: #d0d0d0;
}
.x-panel-tr {
  background-image: url(../images/grayextend/panel/corners-sprite.gif);
}
.x-panel-bc {
  background-image: url(../images/grayextend/panel/top-bottom.gif);
}
.x-panel-bl {
  background-image: url(../images/grayextend/panel/corners-sprite.gif);
}
.x-panel-br {
  background-image: url(../images/grayextend/panel/corners-sprite.gif);
}
.x-panel-mc {
  background: #f1f1f1;
}
.x-panel-mc .x-panel-body {
  background: transparent;
  border: 0 none;
}
.x-panel-ml {
  background-image: url(../images/grayextend/panel/left-right.gif);
}
.x-panel-mr {
  background-image: url(../images/grayextend/panel/left-right.gif);
}
/* Tools */
.x-tool {
  background-image: url(../images/grayextend/panel/tool-sprites.gif);
}
/* Ghosting */
.x-panel-ghost {
  background: #e0e0e0;
}
.x-panel-ghost ul {
  border-color: #b0b0b0;
}
.x-grid-panel .x-panel-mc .x-panel-body {
  border: 1px solid #d0d0d0;
}
/* Buttons */
.x-btn-left {
  background-image: url(../images/grayextend/button/btn-sprite.gif);
}
.x-btn-right {
  background-image: url(../images/grayextend/button/btn-sprite.gif);
}
.x-btn-center {
  background-image: url(../images/grayextend/button/btn-sprite.gif);
}
/* Layout classes */
.x-border-layout-ct {
  background: #f0f0f0;
}
.x-accordion-hd {
  background-image: url(../images/grayextend/panel/light-hd.gif);
}
.x-layout-collapsed {
  background-color: #eee;
  border-color: #e0e0e0;
}
.x-layout-collapsed-over {
  background-color: #fbfbfb;
}
/* qtips */
.x-tip .x-tip-top {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-left {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-right {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-left {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-right {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-left {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-right {
  background-image: url(../images/grayextend/qtip/tip-sprite.gif);
}
/* Toolbars */
.x-toolbar {
  border-color: #d0d0d0;
  background: #f0f4f5 url(../images/grayextend/toolbar/bg.gif) repeat-x top left;
}
.x-toolbar button {
  color: #444;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  background-image: url(../images/grayextend/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  background-image: url(../images/grayextend/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-over .x-btn-left {
  background-image: url(../images/grayextend/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over .x-btn-right {
  background-image: url(../images/grayextend/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over .x-btn-center {
  background-image: url(../images/grayextend/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over button {
  color: #111;
}
.x-toolbar .x-btn-click .x-btn-left,
.x-toolbar .x-btn-pressed .x-btn-left,
.x-toolbar .x-btn-menu-active .x-btn-left {
  background-image: url(../images/grayextend/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-click .x-btn-right,
.x-toolbar .x-btn-pressed .x-btn-right,
.x-toolbar .x-btn-menu-active .x-btn-right {
  background-image: url(../images/grayextend/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-click .x-btn-center,
.x-toolbar .x-btn-pressed .x-btn-center,
.x-toolbar .x-btn-menu-active .x-btn-center {
  background-image: url(../images/grayextend/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .ytb-sep {
  background-image: url(../images/blue/grid/grid-split.gif);
}
/* Tabs */
.x-tab-panel-header,
.x-tab-panel-footer {
  /*background: #EAEAEA;*/
  background: transparent;
  border-color: #d0d0d0;
}
.x-tab-panel-header {
  border-color: #d0d0d0;
}
.x-tab-panel-footer {
  border-color: #d0d0d0;
}
ul.x-tab-strip-top {
  /*background:#dbdbdb url(../images/grayextend/tabs/tab-strip-bg.gif) repeat-x left top;*/
  background: transparent !important;
  border-color: #d0d0d0;
  padding-top: 2px;
}
ul.x-tab-strip-bottom {
  /*background-image:url(../images/grayextend/tabs/tab-strip-btm-bg.gif);*/
  background: transparent !important;
  border-color: #d0d0d0;
}
.x-tab-strip span.x-tab-strip-text {
  color: #333;
}
.x-tab-strip-over span.x-tab-strip-text {
  color: #111;
}
.x-tab-strip-active span.x-tab-strip-text {
  color: #333;
}
.x-tab-strip-disabled .x-tabs-text {
  color: #aaaaaa;
}
.x-tab-strip-top .x-tab-right {
  background-image: url(../images/grayextend/tabs/tabs-sprite.gif);
}
.x-tab-strip-top .x-tab-left {
  background-image: url(../images/grayextend/tabs/tabs-sprite.gif);
}
.x-tab-strip-top .x-tab-strip-inner {
  background-image: url(../images/grayextend/tabs/tabs-sprite.gif);
}
.x-tab-strip-bottom .x-tab-right {
  background-image: url(../images/grayextend/tabs/tab-btm-inactive-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-left {
  background-image: url(../images/grayextend/tabs/tab-btm-inactive-left-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  background-image: url(../images/grayextend/tabs/tab-btm-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  background-image: url(../images/grayextend/tabs/tab-btm-left-bg.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image: url(../images/grayextend/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  background-image: url(../images/grayextend/tabs/tab-close.gif);
}
.x-tab-panel-body {
  border-color: #d0d0d0;
  background: #fff;
}
.x-tab-panel-bbar .x-toolbar {
  border-color: #d0d0d0;
}
.x-tab-panel-tbar .x-toolbar {
  border-color: #d0d0d0;
}
.x-tab-panel-header-plain .x-tab-strip-spacer {
  border-color: #d0d0d0;
  background: #eaeaea;
}
.x-tab-scroller-left {
  background-image: url(../images/grayextend/tabs/scroll-left.gif);
  border-color: #aeaeae;
}
.x-tab-scroller-right {
  background-image: url(../images/grayextend/tabs/scroll-right.gif);
  border-color: #aeaeae;
}
/* Window */
.x-window-proxy {
  background: #e0e0e0;
  border-color: #b0b0b0;
}
.x-window-tl .x-window-header {
  color: #555;
}
.x-window-tc {
  background-image: url(../images/grayextend/window/top-bottom.png);
}
.x-window-tl {
  background-image: url(../images/grayextend/window/left-corners.png);
}
.x-window-tr {
  background-image: url(../images/grayextend/window/right-corners.png);
}
.x-window-bc {
  background-image: url(../images/grayextend/window/top-bottom.png);
}
.x-window-bl {
  background-image: url(../images/grayextend/window/left-corners.png);
}
.x-window-br {
  background-image: url(../images/grayextend/window/right-corners.png);
}
.x-window-mc {
  border: 1px solid #d0d0d0;
  background: #e8e8e8;
}
.x-window-ml {
  background-image: url(../images/grayextend/window/left-right.png);
}
.x-window-mr {
  background-image: url(../images/grayextend/window/left-right.png);
}
.x-panel-ghost .x-window-tl {
  border-color: #d0d0d0;
}
.x-panel-collapsed .x-window-tl {
  border-color: #d0d0d0;
}
.x-window-plain .x-window-mc {
  background: #e8e8e8;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}
.x-window-plain .x-window-body {
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  background: transparent !important;
}
body.x-body-masked .x-window-mc,
body.x-body-masked .x-window-plain .x-window-mc {
  background-color: #e4e4e4;
}
/* misc */
.x-html-editor-wrap {
  border-color: #d0d0d0;
}
/* Borders go last for specificity */
.x-panel-noborder .x-panel-body-noborder {
  border-width: 0;
}
.x-panel-noborder .x-panel-header-noborder {
  border-width: 0;
  border-bottom: 1px solid #d0d0d0;
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  border-width: 0;
  border-bottom: 1px solid #d0d0d0;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  border-width: 0;
  border-top: 1px solid #d0d0d0;
}
.x-window-noborder .x-window-mc {
  border-width: 0;
}
.x-window-plain .x-window-body-noborder {
  border-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-body-noborder {
  border-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-header-noborder {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-footer-noborder {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.x-tab-panel-bbar-noborder .x-toolbar {
  border-width: 0;
  border-top: 1px solid #d0d0d0;
}
.x-tab-panel-tbar-noborder .x-toolbar {
  border-width: 0;
  border-bottom: 1px solid #d0d0d0;
}
/***************************************************************/
/*galdaka extension for x-theme-gray | by Jose Alfonso Dacosta*/
/**************************************************************/
/*GRID*/
.sort-asc .x-grid3-sort-icon {
  background-image: url(../images/grayextend/grid/sort_asc.gif);
  display: inline;
}
.sort-desc .x-grid3-sort-icon {
  background-image: url(../images/grayextend/grid/sort_desc.gif);
  display: inline;
}
/*FORM*/
.x-form-field {
  font: normal 11px Verdana, Tahoma, Arial, Helvetica, Sans-serif;
}
.x-form-item {
  font: normal 11px Verdana, Tahoma, Arial, Helvetica, Sans-serif;
}
/*SPECIAL LN*/
.x-form fieldset legend {
  font: bold 11px Verdana, Tahoma, Helvetica, Sans-serif;
}
/*BOX*/
.x-box-blue .x-box-mc {
  background-color: #e7e7e7;
}
/*MASK
.ext-el-mask-msg{border:1px solid #8f8f8f;background:#d7d7d7 url(../images/grayextend/box/tb-gray.gif) repeat-x 0 -16px;}
.ext-el-mask-msg div {border:1px solid #ccc;font:bold 12px Verdana, Arial, Tahoma, Helvetica, Sans-serif;}
*/
/*VIEW*/
.x-view-selector {
  background: #d8d8d8;
}
/*TREE*/
.x-tree-node .x-tree-selected {
  background-color: #e6e6e6;
  border: 1px dotted #b9b9b9;
}
/*DATEPICKER*/
/*
.x-date-picker{border:1px solid #373737;}
.x-date-middle,.x-date-left,.x-date-right{background:url(../images/grayextend/shared/hd-sprite.gif) repeat-x 0 -83px;}
.x-date-middle .x-btn-with-menu .x-btn-center em{background:transparent url(../images/grayextend/toolbar/btn-arrow-light.gif) no-repeat right 0;}
.x-date-right a{background-image:url(../images/grayextend/shared/right-btn.gif);}
.x-date-left a{background-image:url(../images/grayextend/shared/left-btn.gif);}
.x-date-inner th{background:#eaeaea url(../images/grayextend/shared/glass-bg.gif) repeat-x left top;border-bottom:1px solid #eaeaea;color:#6f6f6f}
.x-date-inner .x-date-selected a{background:#ebebeb url(../images/grayextend/shared/glass-bg.gif) repeat-x left top;border:1px solid #afafaf;}
.x-date-bottom{border-top:1px solid #d5d5d5;background:#ebebeb url(../images/grayextend/shared/glass-bg.gif) repeat-x left top;}
.x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{background:#eaeaea;}
.x-date-mp-btns button{background:#767676;border-color:#545454 #000000 #000000 #545454;}
.x-date-mp-btns{background:#ebebeb url(../images/grayextend/shared/glass-bg.gif) repeat-x left top;}
.x-date-mp-btns td{border-top:1px solid #d0d0d0;}
td.x-date-mp-month a,td.x-date-mp-year a{color:#606060;}
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{color:#606060;background:#eaeaea;}
td.x-date-mp-sel a{padding:1px 3px;background:#dfecfb url(../images/grayextend/shared/glass-bg.gif) repeat-x left top;border:1px solid #afafaf;}
.x-date-mp-ybtn a{background:transparent url(../images/grayextend/panel/tool-sprites.gif) no-repeat;}
td.x-date-mp-sep{border-right:1px solid #d0d0d0;}
*/
/*COMBO*/
.x-combo-list {
  border: 1px solid #bcbcbc;
  background: #ddecfe;
  zoom: 1;
}
.x-combo-list-hd {
  font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
  color: #15428b;
  background-image: url(../images/grayextend/layout/panel-title-light-bg.gif);
  border-bottom: 1px solid #bcbcbc;
  padding: 3px;
}
.x-resizable-pinned .x-combo-list-inner {
  border-bottom: 1px solid #bcbcbc;
}
.x-combo-list-item {
  font: normal 11px Verdana, Arial, Helvetica, Sans-serif;
}
.x-combo-list .x-combo-selected {
  border: 1px dotted #b9b9b9 !important;
  background: #e7e7e7;
  cursor: pointer;
}
.x-combo-list .x-toolbar {
  border-top: 1px solid #98c0f4;
}
.x-combo-list-small .x-combo-list-item {
  font: normal 11px Verdana, Arial, Helvetica, Sans-serif;
}
/*BUTTONS*/
.x-btn-with-menu .x-btn-center em {
  background: transparent url(../images/grayextend/toolbar/btn-arrow.gif) no-repeat right 0;
}
/*TOOLBAR*/
.x-tbar-page-first {
  background-image: url(../images/grayextend/grid/page-first.gif) !important;
}
.x-tbar-page-last {
  background-image: url(../images/grayextend/grid/page-last.gif) !important;
}
.x-tbar-page-next {
  background-image: url(../images/grayextend/grid/page-next.gif) !important;
}
.x-tbar-page-prev {
  background-image: url(../images/grayextend/grid/page-prev.gif) !important;
}
/*QTIPS*/
.x-tip .x-tip-close {
  background-image: url(../images/grayextend/qtip/close.gif);
}
.x-tip .x-tip-tc {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -62px;
}
.x-tip .x-tip-tl {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 0;
}
.x-tip .x-tip-tr {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat right 0;
}
.x-tip .x-tip-bc {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -121px;
}
.x-tip .x-tip-bl {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -59px;
}
.x-tip .x-tip-br {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat right -59px;
}
.x-tip .x-tip-mc {
  font: normal 11px Verdana, Arial, Helvetica, Sans-serif;
}
.x-tip .x-tip-ml {
  background: #fff url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -124px;
}
.x-tip .x-tip-mr {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat right -124px;
}
.x-tip .x-tip-header-text {
  font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
}
.x-tip .x-tip-body {
  font: normal 11px Verdana, Tahoma, Arial, Helvetica, Sans-serif;
}
.x-form-invalid-tip .x-tip-tc {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -62px;
  padding-top: 2px;
}
.x-form-invalid-tip .x-tip-tl {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 0;
}
.x-form-invalid-tip .x-tip-tr {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat right 0;
}
.x-form-invalid-tip .x-tip-bc {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -121px;
  height: 3px;
}
.x-form-invalid-tip .x-tip-bl {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -59px;
}
.x-form-invalid-tip .x-tip-br {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat right -59px;
}
.x-form-invalid-tip .x-tip-ml {
  background: #fff url(../images/grayextend/qtip/tip-sprite.gif) no-repeat 0 -124px;
}
.x-form-invalid-tip .x-tip-mr {
  background: transparent url(../images/grayextend/qtip/tip-sprite.gif) no-repeat right -124px;
}
.x-form-invalid-tip .x-tip-body {
  padding: 2px;
}
.x-form-invalid-tip .x-tip-body {
  padding-left: 24px;
  background: transparent url(../images/blue/form/exclamation.gif) no-repeat;
}
/*SLIDER*/
.x-slider-horz {
  background: transparent url(../images/grayextend/slider/slider-bg.png) no-repeat 0 -22px;
}
.x-slider-horz .x-slider-end {
  background: transparent url(../images/grayextend/slider/slider-bg.png) no-repeat right -44px;
}
.x-slider-horz .x-slider-inner {
  background: transparent url(../images/grayextend/slider/slider-bg.png) repeat-x 0 0;
}
.x-slider-horz .x-slider-thumb {
  background: transparent url(../images/grayextend/slider/slider-thumb.png) no-repeat 0 0;
}
.x-slider-vert {
  background: transparent url(../images/grayextend/slider/slider-v-bg.png) no-repeat -44px 0;
}
.x-slider-vert .x-slider-end {
  background: transparent url(../images/grayextend/slider/slider-v-bg.png) no-repeat -22px bottom;
}
.x-slider-vert .x-slider-inner {
  background: transparent url(../images/grayextend/slider/slider-v-bg.png) repeat-y 0 0;
}
.x-slider-vert .x-slider-thumb {
  background: transparent url(../images/grayextend/slider/slider-v-thumb.png) no-repeat 0 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/* NAO COLOCAR VARIAVEIS LESS AQUI! */
.file-pdf,
.file-ai {
  background-image: url(../images/mime/pdf_document.png) ! important;
}
.file-txt {
  background-image: url(../images/mime/txt.png) ! important;
}
.file-bmp,
.file-cgm,
.file-dcm,
.file-dds,
.file-exr,
.file-gif,
.file-hdr,
.file-ico,
.file-jng,
.file-jp2,
.file-jpeg,
.file-jpg,
.file-pbm,
.file-pbmraw,
.file-pcd,
.file-pcx,
.file-pgm,
.file-pgmraw,
.file-pic,
.file-png,
.file-pnm,
.file-psd,
.file-raw,
.file-rgb,
.file-rgba,
.file-tga,
.file-tif,
.file-tiff,
.file-xbm,
.file-xcf,
.file-xpm {
  background-image: url(../images/mime/image.png) ! important;
}
.file-conf,
.file-vim {
  background-image: url(../images/mime/source.png) ! important;
}
.file-html,
.file-htm,
.file-sgml,
.file-xhtml,
.file-xml {
  background-image: url(../images/mime/html.png) ! important;
}
.file-sh {
  background-image: url(../images/mime/shellscript.png) ! important;
}
.file-3g2,
.file-3gp,
.file-asf,
.file-asx,
.file-avi,
.file-flc,
.file-fli,
.file-flv,
.file-mkv,
.file-mng,
.file-mp4,
.file-mpeg,
.file-mpg,
.file-ogm,
.file-rv,
.file-wmp,
.file-wmv {
  background-image: url(../images/mime/video.png) ! important;
}
.file-ttf,
.file-otf {
  background-image: url(../images/mime/font_truetype.png) ! important;
}
.file-exe,
.file-dll {
  background-image: url(../images/mime/exec_wine.png) ! important;
}
.file-doc,
.file-docx,
.file-odt,
.file-rtf {
  background-image: url(../images/mime/wordprocessing.png) ! important;
}
.file-xls,
.file-xlsx,
.file-ods,
.file-xlc,
.file-xll,
.file-xlm,
.file-xlw,
.file-wpd,
.file-abw {
  background-image: url(../images/mime/spreadsheet_document.png) ! important;
}
.file-js {
  background-image: url(../images/mime/source_j.png) ! important;
}
.file-css {
  background-image: url(../images/mime/source_c.png) ! important;
}
.file-php {
  background-image: url(../images/mime/source_php.png) ! important;
}
.file-7z,
.file-a,
.file-ace,
.file-arj,
.file-bz,
.file-bz2,
.file-cpio,
.file-gz,
.file-rar,
.file-tgz,
.file-tnf,
.file-z,
.file-zip,
.file-zoo {
  background-image: url(../images/mime/zip.png) ! important;
}
.file-ppt,
.file-odp,
.file-ppz .file-pptx,
.file-odpx,
.file-ppzx {
  background-image: url(../images/mime/pps.png) ! important;
}
.file-msg {
  background-image: url(../images/mime/message.png) ! important;
}
.file-dwg,
.file-sxd,
.file-dhw,
.file-svg,
.file-ps,
.file-eps,
.file-wmf,
.file-fig,
.file-msod,
.file-qpic {
  background-image: url(../images/mime/vectorgfx.png) ! important;
}
.file-ics {
  background-image: url(../images/mime/vcalendar.png) ! important;
}
.file-chm,
.file-info,
.file-hlp,
.file-help {
  background-image: url(../images/mime/info.png) ! important;
}
.file-aac,
.file-ac3,
.file-aifc,
.file-aiff,
.file-ape,
.file-au,
.file-flac,
.file-m3u,
.file-m4a,
.file-mac,
.file-mid,
.file-midi,
.file-mp2,
.file-mp3,
.file-ogg,
.file-psid,
.file-ra,
.file-ram,
.file-sf,
.file-sid,
.file-spx,
.file-wav,
.file-wma,
.file-wv,
.file-wvc {
  background-image: url(../images/mime/sound.png) ! important;
}
.file-asc,
.file-cer,
.file-cert,
.file-crt,
.file-der,
.file-gpg,
.file-gpg,
.file-p10,
.file-p12,
.file-p7c,
.file-p7m,
.file-p7s,
.file-pem,
.file-sig {
  background-image: url(../images/mime/file_locked.png) ! important;
}
.file-bin,
.file-cue,
.file-img,
.file-iso,
.file-mdf,
.file-nrg {
  background-image: url(../images/mime/cdimage.png) ! important;
}
.file-jar,
.file-java,
.file-class {
  background-image: url(../images/mime/java_src.png) ! important;
}
.file-sql {
  background-image: url(../images/mime/source_s.png) ! important;
}
.file-moov,
.file-mov,
.file-qt {
  background-image: url(../images/mime/quicktime.png) ! important;
}
/* eof */

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
body {
  font: normal var(--mainFontSize) var(--mainFontFace);
}
a {
  text-decoration: inherit;
  color: inherit;
}
a:hover {
  text-decoration: none;
}
button {
  font: normal var(--mainFontSize) var(--mainFontFace);
}
/* Sobrescrevendo fontes de componentes do Ext para Arial */
.x-tab-strip span.x-tab-strip-text,
.x-form-field,
.x-form-grow-sizer,
.x-form-item,
.x-form-invalid-msg,
.x-small-editor .x-form-field,
.ext-safari .x-small-editor .x-form-field,
.x-fieldset legend,
.x-btn,
.x-btn button,
.x-toolbar td,
.x-toolbar span,
.x-toolbar input,
.x-toolbar div,
.x-toolbar select,
.x-toolbar label,
.x-grid3-hd-row td,
.x-grid3-row td,
.x-grid3-summary-row td,
.x-grid3-topbar,
.x-grid3-bottombar,
.x-grid-empty,
.x-tree-node,
.x-date-inner th,
.x-date-inner a,
.x-date-mp td,
.x-date-mp-btns button,
.x-tip .x-tip-mc,
.x-tip .x-tip-header-text,
.x-tip .x-tip-body,
.cortex-span,
.x-menu-list-item,
.x-box-mc,
.x-combo-list-item,
.x-combo-list-small .x-combo-list-item,
.x-panel-mc,
.x-window-mc,
.x-dd-drag-ghost,
#x-debug-browser .x-tree .x-tree-node a span,
.x-window-dlg .ext-mb-textarea {
  font: normal var(--mainFontSize) var(--mainFontFace);
}
.x-grid-group-hd div,
.x-date-middle,
.x-date-left,
.x-date-right,
.x-combo-list-hd,
.x-panel-header,
.x-panel-tl .x-panel-header,
.x-window-tl .x-window-header {
  font: bold var(--mainFontSize) var(--mainFontFace);
}
.x-form-item {
  margin-bottom: 10px;
}
.x-form-item:last-child {
  margin-bottom: 0px;
}
.x-form-item label {
  line-height: 14px;
}
/* No mac o tamanho da fonte influencia o tamanho do radio */
.x-form-radio {
  font-size: 10px;
}
/* Button da cor da empresa */
button.gradient {
  height: 35px;
  cursor: pointer;
  border: none;
  font-size: 13px;
  line-height: 33px;
  color: var(--buttonColor);
  width: 100%;
  text-align: center;
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #bbb;
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
}
.x-color-palette:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.x-form-label-top .x-form-item {
  padding-bottom: 0px;
}
.x-form-label-top .x-form-element {
  padding-top: 0px;
}
.x-menu-list-item .default-color {
  color: var(--link1Color);
  padding: 3px;
  cursor: pointer;
  display: inline-block;
}
.x-menu-list-item .default-color .x-menu-item-icon {
  display: none;
}
.x-toolbar .x-btn {
  display: inline-block;
}
.x-toolbar .x-item-disabled {
  color: #a0a0a0;
  cursor: default;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: none;
  -ms-filter: none;
}
button.gradient:hover {
  background-color: var(--buttonBgMiddle);
}
/* Tree */
.x-tree-node .x-tree-node-el img.action {
  display: none;
  vertical-align: middle;
}
.x-tree-node .x-tree-node-el.x-tree-node-over img.action {
  display: block;
}
.x-tree-node .x-tree-node-over {
  background-color: #e0e0e0;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.x-tree .x-panel-ml {
  background: #F6F6F6;
  border-left: 1px solid #D5D5D5;
  padding-left: 5px;
}
.x-tree .x-panel-mr {
  background: #F6F6F6;
  border-right: 1px solid #D5D5D5;
  padding-right: 5px;
}
.x-tree .x-panel-mc {
  background: #F6F6F6;
}
.x-tree .x-panel-tl {
  border-color: #D5D5D5;
}
.x-tree .x-panel-bl {
  background: #F6F6F6;
  border-left: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  padding-left: 5px;
}
.x-tree .x-panel-br {
  background: #F6F6F6;
  border-right: 1px solid #D5D5D5;
  padding-right: 5px;
}
.x-tree .x-panel-bc {
  background: #F6F6F6;
}
.x-tree-node a span,
.x-dd-drag-ghost a span {
  color: #40403F;
}
/**
 * Overrides do grid do ext
 */
/* Header */
.x-grid3-header {
  background: transparent;
}
.x-grid3-header .x-grid3-header-offset {
  padding-left: 0;
}
.x-grid3-header table {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: solid #ededed 1px;
}
.x-grid3-header table .x-grid3-hd.x-grid3-cell {
  /* Para a area de redimensionamento */
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  border-left: 1px solid #ededed;
}
.x-grid3-header table .x-grid3-hd.x-grid3-cell:first-child {
  border-left: none;
}
.x-grid3-header table .x-grid3-hd.x-grid3-cell.ux-filtered-column {
  background-color: #fafafa !important;
  /* Override ext important */
}
.x-grid3-header table .x-grid3-hd.x-grid3-cell.x-grid3-hd-menu-open {
  font-weight: bold;
}
.x-grid3-header table .x-grid3-hd.x-grid3-cell.x-grid3-td-checker {
  padding-left: 0;
}
.x-grid3-header table .x-grid3-hd-inner {
  background-color: transparent;
  font-size: 13px;
  color: #555;
  background: none;
  /* Acerto para a area de redimensionamento */
  padding-left: 7px;
}
.x-grid3-header table .x-grid3-cell-inner {
  padding: 10px;
}
.x-grid3-header table .icon- {
  background-repeat: no-repeat;
  display: none;
  height: 4px;
  width: 13px;
  vertical-align: middle;
  position: absolute;
  top: 12px;
  right: 3px;
  color: #a0a0a0;
}
.x-grid3-header table .sort-asc .icon-,
.x-grid3-header table .sort-desc .icon- {
  display: inline;
}
.x-grid3-header table .sort-asc .icon-:before {
  content: "\e004";
}
.x-grid3-header table .sort-desc .icon-:before {
  content: "\e013";
}
/* Fim do header */
.x-grid-panel .x-panel-body {
  border: none;
}
.x-grid3-scroller.no-header {
  border-top: 1px solid #EDEDED;
}
/* Row */
.x-grid3-row-table {
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed;
}
.x-grid3-row-alt {
  background-color: #fafafa;
}
.x-grid3-row-over {
  background-image: none;
  background-color: #e7edf2;
}
/* End row */
.x-grid3-small .x-grid3-cell-inner,
.x-grid3-small .x-grid3-hd-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 3px 3px 5px;
  white-space: nowrap;
}
.x-grid3-cell-inner.x-grid3-col-clickable,
.x-grid3-hd-inner.x-grid3-hd-clickable {
  padding: 0px;
  text-align: center;
}
.x-grid3-cell-inner,
.x-grid3-hd-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 11px;
  white-space: nowrap;
  color: #606060;
}
.x-grid3-hd-inner .invalid-column,
.x-grid3-cell.ignored-column .x-grid3-cell-inner,
.x-grid3-cell.ignored-column .x-grid3-hd-inner {
  color: #cccccf;
}
.x-grid3-row td,
.x-grid3-summary-row td {
  vertical-align: middle;
  padding-left: 1px;
  padding-right: 1px;
  -moz-user-select: none;
}
.x-grid3-summary-row .x-grid3-hd,
.x-grid3-summary-row td,
.x-grid3-row td {
  padding-left: 0px;
  padding-right: 0px;
}
.x-grid3-body .x-grid3-td-checker {
  border-right: none;
}
.x-grid3-body .x-grid-empty {
  font-size: 13px;
  text-align: center;
}
.filter-grid .x-grid3-body .x-grid-empty {
  padding-top: 10px;
}
.x-grid3-row .x-grid3-td-rowNumber {
  padding-left: 1px !important;
}
.x-grid3-row {
  border: none;
}
.x-grid3-summary-row td,
.x-grid3-row td {
  border: none;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #EDEDED;
}
.x-grid3-noselection .x-grid3-row td {
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
.x-grid3-transparent-selection .x-grid3-row-selected {
  background: transparent !important;
}
/* checkbox */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Styling checkbox */
  width: 16px;
  height: 16px;
  background-image: url(../images/blue/menu/unchecked.png) !important;
}
input[type="checkbox"]:checked {
  background-image: url(../images/blue/menu/checked.png) !important;
}
.x-grid3-td-checker {
  background: transparent !important;
}
.x-grid3-hd-checker {
  background-position: 6px 3px;
}
.x-grid3-row .x-grid3-row-checker {
  background-position: 6px 2px;
  background-image: url(../images/blue/grid/row-check-sprite.png);
}
.x-grid3-hd-checker-on .x-grid3-hd-checker {
  background-position: -19px 3px;
}
.x-grid3-row-selected .x-grid3-row-checker {
  background-position: -19px 2px;
}
.x-grid3-row-checker-override {
  background-image: none !important;
}
.single-select .x-grid3-row-checker {
  background-image: url(../images/components/grid/row-radio-sprite.gif);
}
.single-select .x-grid3-hd-checker {
  display: none;
}
.x-grid3-hd-over td {
  background: #d0d0d0;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-right-color: #fff;
  border-left-color: #fff;
  color: #515151;
  font-weight: bold;
}
.x-grid3-hd .x-grid3-hd-btn {
  cursor: pointer;
}
.x-grid3-check-col {
  background-image: url(../images/blue/menu/unchecked.png);
}
.x-grid3-check-col-on {
  background-image: url(../images/blue/menu/checked.png);
}
.x-menu-check-item .x-menu-item-icon {
  background-image: url(../images/blue/menu/unchecked.png);
}
.x-menu-item-checked .x-menu-item-icon {
  background-image: url(../images/blue/menu/checked.png);
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
  background-image: url(../images/blue/menu/group-checked.png);
}
.ux-lovcombo-icon-checked {
  background-image: url(../images/blue/menu/checked.png);
}
.ux-lovcombo-icon-unchecked {
  background-image: url(../images/blue/menu/unchecked.png);
}
/**
 * Fim dos overrides do grid
 */
.x-carousel-scroller .x-carousel-body .x-carousel-item:hover {
  height: auto !important;
}
.ext-ie .x-btn button {
  padding-left: 0;
  padding-right: 0;
}
/* Combos errados no chrome */
.ext-safari .x-form-text {
  height: 20px;
  padding: 0 3px;
  vertical-align: sub;
}
.ext-safari .x-small-editor .x-form-text {
  height: 20px;
  padding: 1px 3px;
  vertical-align: sub;
}
/* Fix para buttons  */
.x-btn-text-icon .x-btn-center .x-btn-text {
  padding-bottom: 0px;
  padding-top: 0px;
  background-position: 0px 1px;
  height: 16px;
}
.ext-gecko .x-btn-text-icon .x-btn-center .x-btn-text {
  padding-bottom: 2px;
}
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {
  background-position: 0px 0px;
}
.ext-safari .x-btn-text-icon .x-btn-center .x-btn-text,
.ext-opera .x-btn-text-icon .x-btn-center .x-btn-text {
  padding-top: 1px;
  height: 15px;
}
/* Fix para textfields no IE  */
.ext-ie .x-form-text.x-form-field {
  margin: 0px;
  height: 20px;
  padding: 0px 3px;
}
.ext-ie .x-form-text::-ms-clear {
  display: none;
}
.ext-ie .x-form-field-wrap .x-form-trigger {
  top: 0px !important;
}
.ext-ie td .x-form-text {
  top: 0px;
}
/* Fix para filtro no grid no IE  */
.ext-ie .x-small-editor .x-form-text {
  top: 0px !important;
  height: 18px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
* {
  outline: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="text"],
input[type="password"],
textarea,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
/* qtips */
.x-ie-shadow {
  display: none !important;
}
.x-tip {
  opacity: 0.85;
  -ms-filter: alpha(opacity=85);
  background-color: #2D2D2D;
  border: 1px solid #000;
  border-radius: 4px;
  z-index: 40000;
  word-break: break-word;
  word-wrap: break-word;
}
.x-tip.white-tip {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  z-index: 40000;
  padding: 2px;
}
.x-tip .x-tip-header,
.x-tip .x-tip-header-text,
.x-tip .x-tip-body {
  color: #fff;
}
.x-tip.white-tip .x-tip-header,
.x-tip.white-tip .x-tip-header-text,
.x-tip.white-tip .x-tip-body {
  color: #222;
}
.cortex-tip .x-tip-others {
  background-color: #2D2D2D;
  padding-left: 2px;
  position: absolute;
  color: #fff;
}
.cortex-tip .x-tip-body * {
  color: #fff;
  background: transparent;
  text-decoration: none;
}
.x-tip .x-tip-top,
.x-tip .x-tip-top-left,
.x-tip .x-tip-top-right,
.x-tip .x-tip-ft,
.x-tip .x-tip-ft-left,
.x-tip .x-tip-ft-right,
.x-tip .x-tip-bd-left,
.x-tip .x-tip-bd-right,
.x-tip .x-tip-tl,
.x-tip .x-tip-tr,
.x-tip .x-tip-tc,
.x-tip .x-tip-header,
.x-tip .x-tip-ml,
.x-tip .x-tip-mr,
.x-tip .x-tip-mc,
.x-tip .x-tip-bl,
.x-tip .x-tip-br,
.x-tip .x-tip-bc {
  background: transparent;
  overflow: hidden;
}
.x-tip .x-tip-body {
  background-color: transparent;
}
/* Fix para o controle de upload */
.x-form-file-wrap .x-form-file,
.x-form-file-wrap .x-form-file-btn,
.x-form-file-wrap .x-form-file-text {
  top: 0px;
}
/* Editor dentro de um grid com a linha grande */
.x-big-editor .x-form-text {
  height: 30px !important;
  line-height: 30px;
  padding-left: 10px !important;
  vertical-align: middle;
}
.ext-ie .x-big-editor .x-form-text {
  top: 0px !important;
}
.x-big-editor .x-form-trigger {
  height: 24px !important;
}
.ext-ie {
  box-shadow: 0px 0px 3px 1px #bbb;
}
/* Window */
.x-window {
  background-color: #FFFFFF;
  border: none;
  box-shadow: 0 5px 10px #8f8f8f;
  -moz-box-shadow: 0 5px 10px #8f8f8f;
  -webkit-box-shadow: 0 5px 10px #8f8f8f;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.x-window .round-box {
  margin: 10px 0px;
  background-color: #f8f8f8;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.x-window .x-window-body {
  background-color: transparent;
  border: none;
  width: auto !important;
  overflow-y: auto;
  overflow-x: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.x-window .x-window-header {
  overflow: hidden;
}
.x-window .x-window-header .x-window-header-text {
  max-width: calc(100% - 50px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  color: #ffffff;
  font-weight: normal;
  float: left;
  word-wrap: break-word;
  margin: 10px 0 10px 10px;
  font-family: arial;
  font-size: 13px;
}
.x-window .x-window-header .x-tool {
  margin-top: 1px;
}
.x-window-tr,
.x-window-tc,
.x-window-ml,
.x-window-mr,
.x-window-mc,
.x-window-br,
.x-window-bc {
  background-image: none;
  background-color: transparent;
}
.x-window .x-window-tr {
  padding-right: 0px;
}
.x-window .x-window-tl {
  min-height: 34px;
  background-color: var(--hlColor);
  background-image: none;
  border-radius: 7px 7px 0 0;
}
.x-window .x-window-tl .x-window-header {
  padding: 0 0 0 0;
}
.x-window .x-window-bl {
  background: none;
}
.x-window .x-window-bl:not(.x-panel-nofooter) {
  background-image: linear-gradient(to bottom, #fcfcfc, #ebebeb);
  border-radius: 0 0 7px 7px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
  height: 38px;
  border-bottom: medium none;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br {
  padding-right: 0px;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct {
  padding: 0px;
  margin: 8px 10px 5px 0;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-panel-btn-td {
  padding: 0px 0px 0px 10px;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap {
  box-shadow: 0 1px 2px #8F8F8F;
  min-width: 50px;
  height: 22px;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap .x-btn-left,
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap .x-btn-center,
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap .x-btn-right {
  background-color: var(--buttonBgStart);
  background-image: none;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap .x-btn-left {
  border-radius: 5px 0 0 5px;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap .x-btn-right {
  border-radius: 0 5px 5px 0;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap:not(.cortex-link-button) .x-btn-center .x-btn-text {
  color: #FFFFFF !important;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap .x-btn-center .x-btn-text {
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
}
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap.x-btn-over .x-btn-left,
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap.x-btn-over .x-btn-center,
.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct .x-btn-wrap.x-btn-over .x-btn-right {
  background-color: var(--buttonBgMiddle);
}
.x-window.no-title-window .x-window-tl {
  background-color: #FFFFFF;
  min-height: 0px;
  height: 25px;
}
.x-window.no-title-window .x-tool-close {
  background-color: var(--hlColor);
  color: #FFFFFF;
}
.x-window.no-title-window .x-window-bl {
  border-top: none;
  background-image: none;
}
.x-window.x-window-dlg .x-window-body {
  padding: 5px 0px;
}
.x-window.x-window-dlg .ext-mb-icon {
  font-size: 15px;
  width: 23px;
  height: 15px;
}
.x-window.x-window-dlg .ext-mb-icon.question {
  color: #606060;
}
.x-window.x-window-dlg .ext-mb-icon.warning {
  color: #ffae00;
}
.x-window.x-window-dlg .ext-mb-icon.error {
  color: #cb0000;
}
.x-window.x-window-dlg .ext-mb-content {
  margin-left: 22px;
}
.cortex-link-button {
  width: auto !important;
  box-shadow: none !important;
}
.cortex-link-button .x-btn-left,
.cortex-link-button .x-btn-center,
.cortex-link-button .x-btn-right {
  background: transparent !important;
}
.cortex-link-button .x-btn-center {
  padding: 0 !important;
}
.cortex-link-button .x-btn-left,
.cortex-link-button x-btn-right {
  display: none;
}
.cortex-link-button:not(.x-item-disabled) .x-btn-center .x-btn-text {
  color: var(--link1Color) !important;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
}
.cortex-link-button:not(.x-item-disabled) .x-btn-center .x-btn-text:hover {
  text-decoration: underline;
}
.cortex-link-button.x-item-disabled .x-btn-center .x-btn-text {
  color: gray !important;
}
.cortex-link-button button {
  padding: 2px 0 0 0;
}
.x-window .x-window-mc {
  border: 0px;
  background-color: transparent !important;
}
.x-window .x-window-footer {
  padding-bottom: 2px;
}
.x-window .x-window-footer .x-panel-btns-ct {
  padding-top: 2px;
}
.x-panel-nofooter .x-panel-bc,
.x-panel-nofooter .x-window-bc {
  height: 10px;
}
.x-window .x-window-ml {
  padding: 10px 0px 0 10px;
}
.x-window .x-window-mr {
  padding-right: 10px;
}
.x-window .x-window-tl {
  padding-left: 0px;
}
.x-window .x-window-bl {
  padding-left: 4px;
}
.x-window .x-window-br {
  padding-right: 4px;
}
.x-window .x-tool-close {
  background-color: white;
  background-image: none;
  color: var(--hlColor);
  border-radius: 13px;
  width: 13px;
  height: 13px;
}
.x-window .x-tool-close:before {
  content: "\e000";
  font-family: 'cortex-icons' !important;
  speak: none;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 1px;
  position: relative;
  top: 1px;
}
/** Dentro de janelas, os checkboxes ficam com as posicoes erradas **/
.x-window .x-form-check-wrap {
  line-height: 1;
}
.x-window .x-form-check-wrap label {
  vertical-align: middle;
}
.x-window .x-form-check-wrap input {
  vertical-align: middle;
  margin-bottom: 0px;
}
.x-window .x-form-check-wrap input[name="enable-credit-control"].x-item-disabled + label {
  color: #a0a0a0 !important;
}
/** Dentro de menus, os checkboxes ficam com as posicoes erradas **/
.x-menu .x-form-check-wrap {
  line-height: 1;
}
.x-menu .x-form-check-wrap label {
  vertical-align: middle;
}
.x-menu .x-form-check-wrap input {
  vertical-align: middle;
  margin-bottom: 0px;
}
.x-panel-ghost.x-window ul {
  border: none;
}
.x-panel-ghost .x-window-tl {
  border-color: transparent;
}
.plain-toolbar.x-panel-tbar {
  padding-bottom: 15px !important;
}
.x-window-body .plain-toolbar.x-panel-tbar {
  padding-top: 0px !important;
}
.plain-toolbar .x-toolbar {
  border: none !important;
  background: #f8f8f8 !important;
  padding: 4px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.plain-toolbar .x-toolbar .x-item-disabled button {
  color: #a0a0a0 !important;
}
.plain-toolbar .x-toolbar button {
  color: var(--link1Color);
  padding-left: 3px;
  padding-right: 3px;
}
.x-toolbar .ytb-sep {
  height: 11px;
}
.plain-toolbar .x-toolbar .separator {
  cursor: default;
}
.plain-toolbar .x-toolbar .x-btn-over button {
  color: var(--link1Color);
}
.plain-toolbar .x-toolbar .separator button {
  color: #d5d5d5 !important;
  cursor: default;
}
.plain-toolbar .x-toolbar .x-btn-text-icon .x-btn-center .x-btn-text {
  background-position: 4px 3px;
  background-repeat: no-repeat;
  padding-left: 24px;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 6px;
}
.plain-toolbar .x-toolbar .x-btn-left {
  background-image: none !important;
}
.plain-toolbar .x-toolbar .x-btn-right {
  background-image: none !important;
}
.plain-toolbar .x-toolbar .x-btn-center {
  background-image: none !important;
}
ul.x-tab-strip li {
  float: left;
  margin-left: 1px;
}
.plain-tab .x-tab-strip-disabled .x-tabs-text {
  color: #aaaaaa;
}
.plain-tab .x-tab-panel-header {
  border: none !important;
}
.plain-tab .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image: none;
  opacity: 1;
  padding: 6px 0;
  line-height: 15px;
  right: 15px;
  top: 0;
}
.plain-tab .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close svg {
  fill: var(--link2Color);
}
.plain-tab .x-tab-strip .x-tab-strip-closable.x-tab-strip-over a.x-tab-strip-close:hover {
  cursor: pointer;
}
.plain-tab .x-tab-strip .x-tab-strip-closable.x-tab-strip-over a.x-tab-strip-close:hover svg {
  fill: var(--link1Color);
}
.plain-tab .x-tab-strip .x-tab-strip-closable .x-tab-left {
  padding-right: 36px;
}
.plain-tab .x-tab-strip .x-tab-strip-active a {
  cursor: default;
}
.plain-tab .x-tab-scrolling .x-tab-strip-wrap {
  width: calc(100% - 65px) !important;
  margin-left: 0;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left,
.plain-tab .x-tab-scrolling .x-tab-scroller-right {
  height: 25px !important;
  width: 25px;
  background-image: none;
  border-radius: 50%;
  background: #F5F5F5;
  border-bottom: 0;
  margin-top: 1px;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left svg,
.plain-tab .x-tab-scrolling .x-tab-scroller-right svg {
  fill: var(--link1Color);
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left:not(.x-tab-scroller-left-disabled):not(.x-tab-scroller-right-disabled).x-tab-scroller-left-over,
.plain-tab .x-tab-scrolling .x-tab-scroller-right:not(.x-tab-scroller-left-disabled):not(.x-tab-scroller-right-disabled).x-tab-scroller-left-over,
.plain-tab .x-tab-scrolling .x-tab-scroller-left:not(.x-tab-scroller-left-disabled):not(.x-tab-scroller-right-disabled).x-tab-scroller-right-over,
.plain-tab .x-tab-scrolling .x-tab-scroller-right:not(.x-tab-scroller-left-disabled):not(.x-tab-scroller-right-disabled).x-tab-scroller-right-over {
  background: #DCDCDC;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left.x-tab-scroller-left-disabled,
.plain-tab .x-tab-scrolling .x-tab-scroller-right.x-tab-scroller-left-disabled,
.plain-tab .x-tab-scrolling .x-tab-scroller-left.x-tab-scroller-right-disabled,
.plain-tab .x-tab-scrolling .x-tab-scroller-right.x-tab-scroller-right-disabled {
  opacity: 1;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left.x-tab-scroller-left-disabled svg,
.plain-tab .x-tab-scrolling .x-tab-scroller-right.x-tab-scroller-left-disabled svg,
.plain-tab .x-tab-scrolling .x-tab-scroller-left.x-tab-scroller-right-disabled svg,
.plain-tab .x-tab-scrolling .x-tab-scroller-right.x-tab-scroller-right-disabled svg {
  fill: #DCDCDC;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left {
  right: 30px;
  left: auto;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-left svg {
  margin-top: 8px;
  margin-left: 8px;
}
.plain-tab .x-tab-scrolling .x-tab-scroller-right svg {
  margin-top: 8px;
  margin-left: 11px;
}
.plain-tab ul.x-tab-strip-top {
  border-color: #F5F5F5;
  border-bottom: 0;
  height: 24px;
  overflow: hidden;
  padding-top: 2px;
}
.plain-tab ul.x-tab-strip-top .x-tab-right,
.plain-tab ul.x-tab-strip-top .x-tab-left,
.plain-tab ul.x-tab-strip-top .x-tab-strip-inner {
  background-image: none;
}
.plain-tab ul.x-tab-strip-top .x-tab-right {
  padding-left: 15px;
}
.plain-tab ul.x-tab-strip-top .x-tab-left {
  padding-right: 15px;
}
.plain-tab ul.x-tab-strip-top .x-tab-border {
  background: #F5F5F5 !important;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.plain-tab ul.x-tab-strip-top li {
  border-radius: 3px 3px 0 0;
  position: relative;
}
.plain-tab ul.x-tab-strip-top li .x-tab-strip-text {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  color: #757575;
  padding: 5px 0;
}
.plain-tab ul.x-tab-strip-top li.x-tab-strip-active {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  background: white;
  z-index: 1;
}
.plain-tab ul.x-tab-strip-top li.x-tab-strip-active .x-tab-strip-text {
  color: #363636;
}
.plain-tab ul.x-tab-strip-top li:not(.x-tab-strip-active) {
  background: #F5F5F5;
}
.plain-tab ul.x-tab-strip-top li:not(.x-tab-strip-active).x-tab-strip-over {
  background: #DCDCDC;
}
.plain-tab ul.x-tab-strip-top li:not(.x-tab-strip-active) .x-tab-strip-text {
  font-weight: normal;
}
.x-tab-panel-header {
  padding-bottom: 0;
}
.cortex-btn.x-btn {
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.cortex-btn:not(.x-item-disabled).x-btn:hover {
  background-color: var(--buttonBgMiddle);
}
.cortex-btn:not(.x-item-disabled).x-btn:active {
  background-color: var(--buttonBgMiddle);
}
.cortex-btn button {
  color: var(--buttonColor) !important;
}
.cortex-btn .x-btn-left,
.cortex-btn .x-btn-right,
.cortex-btn .x-btn-center {
  background: transparent !important;
}
.cortex-btn .x-btn-menu-arrow-wrap .x-btn-center button {
  background-image: url(../images/gray/toolbar/btn-arrow-light.gif) !important;
  margin-left: 4px;
}
.cortex-gray-btn {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.cortex-gray-btn:hover {
  background-color: #e4e4e4;
}
.cortex-gray-btn:active {
  background-color: #e4e4e4;
}
.cortex-gray-btn button {
  color: #666;
}
.cortex-gray-btn .x-btn-center,
.cortex-gray-btn .x-btn-left,
.cortex-gray-btn .x-btn-right {
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cortex-gray-btn .x-btn-menu-arrow-wrap .x-btn-center button {
  background: transparent !important;
}
.cortex-gray-btn .x-btn-menu-arrow-wrap .x-btn-center button:before {
  content: "\64";
  font-family: 'cortex-icons' !important;
  speak: none;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 1px;
  position: relative;
  top: 1px;
}
.plain-toolbar .cortex-btn.left-btn {
  margin-left: 5px;
  margin-right: 5px;
}
.plain-toolbar .cortex-btn.right-btn {
  margin-left: 10px;
  margin-right: 6px;
}
.plain-toolbar .x-small-editor .cortex-input.x-form-field,
.plain-toolbar .x-small-editor .cortex-combo.x-form-text {
  height: 21px !important;
  line-height: 21px !important;
}
.plain-toolbar .x-toolbar button.toolbar-button {
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  color: var(--buttonColor);
  font: 11px/21px var(--mainFontFace);
  padding: 0px 5px;
  margin-left: 10px;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.plain-toolbar .x-toolbar button.toolbar-button:hover {
  background-color: var(--buttonBgMiddle);
}
.cortex-btn-light {
  margin-left: -7px;
  margin-bottom: 5px;
}
.cortex-btn-light .x-btn-left {
  width: 0px !important;
  height: auto !important;
  background: transparent !important;
}
.cortex-btn-light .x-btn-center {
  background: transparent;
}
.cortex-btn-light .x-btn-center .x-btn-text {
  cursor: pointer;
  text-align: center;
  height: 20px;
  border: 1px solid #dcdcdc;
  background-color: #f0f0f0;
  color: #5e5d5d;
  line-height: 21px;
  padding: 0px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cortex-btn-light .x-btn-center .x-btn-text.x-form-invalid {
  border: 1px solid #DD7870;
}
.cortex-btn-light .x-btn-center .x-btn-text:hover,
.cortex-btn-light .x-btn-center .x-btn-text:active {
  background-color: #e0e0e0;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e0e0e0 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.cortex-btn-light .x-btn-right {
  width: 0px !important;
  height: auto !important;
  background: transparent;
}
.x-item-disabled .x-form-trigger-over {
  background-position: 0 0!important;
}
.x-item-disabled .x-form-date-trigger.x-form-trigger-over {
  background-position: 0 0!important;
}
.x-item-disabled .cortex-combo + .x-form-trigger-over {
  background-position: center center!important;
  border-bottom: 1px solid #DCDCDC;
}
.x-item-disabled .cortex-combo + .x-form-trigger-click {
  background-position: center center!important;
  border-bottom: 1px solid #DCDCDC;
}
.x-item-disabled .cortex-date + .x-form-date-trigger.x-form-trigger-over {
  background-position: center center!important;
}
.x-window .x-window-header .x-tool {
  margin: 10px;
}
.x-fieldset legend {
  font-weight: bold;
  color: var(--link1Color);
}
/* Cortex Form Classes */
.cortex-field.x-form-invalid,
.x-html-editor-wrap.x-form-invalid {
  border-color: #d66 !important;
  background: #FFF !important;
}
.cortex-button {
  padding: 0px 10px;
  cursor: pointer;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  height: 20px;
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.cortex-button:hover {
  background-color: var(--buttonBgMiddle);
}
.cortex-button.btn-disabled {
  cursor: default;
  border: solid 1px #8F8F8F;
  background-color: #A5A5A5;
}
.cortex-button.btn-disabled:hover {
  background-color: #A5A5A5;
}
.x-form-file-btn .x-form-invalid {
  border-color: #d66 !important;
}
.cortex-input {
  height: 21px !important;
  padding: 0px 3px !important;
  color: #3c3c3c !important;
  border-color: #DCDCDC !important;
  background: #FFF !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  /* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
  /* Firefox 4-18 */
  /* Firefox 19-50 */
  /* - Internet Explorer 10–11
       - Internet Explorer Mobile 10-11 */
  /* Edge (also supports ::-webkit-input-placeholder) */
  /* CSS Pseudo-Elements Level 4 Editor's Draft
       - Browsers not mentioned in vendor prefixes
       - Browser of newer versions than mentioned in vendor prefixes */
}
.cortex-input::-webkit-input-placeholder {
  color: #c5c5c5;
}
.cortex-input:-moz-placeholder {
  color: #c5c5c5;
}
.cortex-input::-moz-placeholder {
  color: #c5c5c5;
}
.cortex-input:-ms-input-placeholder {
  color: #c5c5c5 !important;
}
.cortex-input::-ms-input-placeholder {
  color: #c5c5c5;
}
.cortex-input::placeholder {
  color: #c5c5c5;
}
.cortex-input.x-form-invalid {
  border-color: #d66 !important;
  background: #fff9f9 !important;
}
.cortex-input.x-form-empty-field {
  color: #c5c5c5 !important;
}
.cortex-textarea {
  color: #3c3c3c !important;
  border-color: #DCDCDC !important;
  background: #FFF !important;
  display: block;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
}
.cortex-textarea.x-form-invalid {
  border-color: #d66 !important;
  background: #fff9f9 !important;
}
.cortex-textarea.x-form-empty-field {
  color: #c5c5c5 !important;
}
.cortex-combo {
  height: 21px !important;
  padding: 0px 3px;
  border-right: none !important;
  color: #3c3c3c !important;
  border-color: #DCDCDC !important;
  background: #FFF !important;
  vertical-align: middle !important;
  -moz-border-top-left-radius: 5px !important;
  -moz-border-top-right-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  -moz-border-bottom-left-radius: 5px !important;
  -webkit-border-top-left-radius: 5px !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 5px !important;
}
.cortex-combo.x-superboxselect-input-field {
  height: auto !important;
}
.cortex-combo.ux-icon-combo-input {
  padding-left: 25px !important;
}
.cortex-combo.x-form-invalid {
  border-color: #d66 !important;
  background: #fff9f9 !important;
}
.cortex-combo.x-form-empty-field {
  color: #c5c5c5 !important;
}
.cortex-combo.hide-trigger {
  border-right: 1px solid #DCDCDC !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
}
.cortex-combo + img.x-form-arrow-trigger {
  width: 20px;
  background: #e8e8e8 url("../images/icons/ico-new-combo-arrow-2.png") no-repeat center center;
  height: 21px;
  border: 1px solid #DCDCDC;
  position: static;
  vertical-align: bottom;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.cortex-combo + span.x-form-twin-triggers img.x-form-hidden-trigger {
  display: none;
}
.cortex-combo + span.x-form-twin-triggers img.x-form-arrow-trigger {
  background: #e8e8e8 url("../images/icons/ico-new-combo-arrow-2.png") no-repeat center center;
  width: 20px;
  height: 21px;
  border: 1px solid #DCDCDC;
  position: static;
  vertical-align: bottom;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
  background-position: center !important;
}
.cortex-combo + span.x-form-twin-triggers img.x-form-close-trigger {
  background: #e8e8e8 url("../images/icons/ico-new-combo-close-2.png") no-repeat center center;
  width: 20px;
  height: 21px;
  border: 1px solid #DCDCDC;
  border-right: 0px;
  position: static;
  vertical-align: bottom;
  background-size: 14px;
  background-position: center !important;
}
.cortex-combo + span.x-form-twin-triggers .x-form-trigger-over {
  background-position: center !important;
}
.cortex-combo + .x-form-search-trigger {
  background: #e8e8e8;
  width: 20px;
  height: 21px;
  border: 1px solid #DCDCDC;
  color: #a7a7a7;
  line-height: 21px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.cortex-combo + img.x-form-arrow-trigger + div.ux-icon-combo-icon {
  left: 8px;
}
.x-form-trigger-svg {
  background-color: white;
  border: 1px solid #DCDCDC;
  border-left: transparent;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
}
.x-form-trigger-svg .x-form-trigger {
  width: auto;
  height: auto;
  background: transparent;
  position: static;
  border-bottom: transparent;
}
.x-form-trigger-svg .x-form-trigger.trigger-close {
  margin-right: 4px;
  margin-left: 10px;
}
.x-form-trigger-svg .x-form-trigger.trigger-close svg {
  height: 8px;
}
.x-form-trigger-svg .x-form-trigger .svg-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.x-form-trigger-svg svg {
  height: 6px;
  fill: var(--link1Color);
}
.x-form-wrap-invalid .x-form-trigger-svg {
  border: 1px solid #d66;
  border-left: transparent;
  background: #fff9f9;
}
.x-form-field-wrap.cortex-combo-wrap {
  display: flex;
}
.cortex-date-wrapper {
  position: relative;
  width: 150px;
  cursor: pointer;
  color: #555;
}
.cortex-date-wrapper.x-menu-plain {
  border: none;
}
.cortex-date-wrapper.x-menu-plain .cortex-date-picker > table {
  border: 1px solid #dcdcdc;
}
.cortex-date-wrapper.invalid .cortex-date {
  border-color: #d66 !important;
  background: #fff9f9 !important;
}
.cortex-date-wrapper.invalid .cortex-date-icon {
  border-color: #d66 !important;
}
.cortex-date-wrapper .cortex-date-picker {
  position: absolute;
  top: 23px;
  margin: 0;
  z-index: 2;
}
.cortex-date-wrapper .cortex-date-picker .x-date-mp > table {
  border: 1px solid #dcdcdc;
}
.cortex-date-wrapper .cortex-date {
  height: 23px;
  width: 127px;
  padding-top: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}
.cortex-date-wrapper .cortex-date.empty {
  color: #c5c5c5;
}
.cortex-date {
  border: 1px solid #B5B8C8;
  border-right: none;
  border-color: #DCDCDC !important;
  background: #FFF !important;
  vertical-align: middle;
  display: inline-block;
  -moz-border-top-left-radius: 5px !important;
  -moz-border-top-right-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  -moz-border-bottom-left-radius: 5px !important;
  -webkit-border-top-left-radius: 5px !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 5px !important;
}
.cortex-date.x-form-text {
  height: 21px;
  padding: 0px 3px;
  color: #3c3c3c;
}
.cortex-date.x-form-invalid {
  border-color: #d66 !important;
}
.cortex-date.x-form-empty-field {
  color: #c5c5c5 !important;
}
.cortex-date + img.x-form-date-trigger,
.cortex-date + .cortex-date-icon {
  width: 20px;
  background: #e8e8e8 url("../images/icons/ico-new-calendar.png") no-repeat center center;
  height: 21px;
  border: 1px solid #DCDCDC;
  position: static;
  vertical-align: bottom;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.cortex-video {
  height: 21px !important;
  padding: 0px 3px !important;
  border-right: none !important;
  color: #3c3c3c !important;
  border-color: #DCDCDC !important;
  background: #FFF !important;
  -moz-border-top-left-radius: 5px !important;
  -moz-border-top-right-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  -moz-border-bottom-left-radius: 5px !important;
  -webkit-border-top-left-radius: 5px !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 5px !important;
}
.cortex-video.x-form-invalid {
  border-color: #d66 !important;
}
.cortex-video.x-form-empty-field {
  color: #c5c5c5 !important;
}
.cortex-video + img.x-form-search-trigger {
  width: 20px;
  background: #e8e8e8 url("../images/icons/ico-search-video.png") no-repeat center center;
  height: 21px;
  border: 1px solid #DCDCDC;
  position: static;
  vertical-align: bottom;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.cortex-video + img.x-form-search-trigger.remove {
  background-image: url("../images/icons/ico-remove-video.png");
}
.cortex-toggle-button {
  background: #eaeaea;
  border: 1px solid #d4d4d4;
  border-right-color: #eaeaea;
  border-bottom-color: #eaeaea;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  line-height: 16px;
  color: #5d5d5d;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cortex-toggle-button.active {
  border-color: var(--buttonBgEnd);
  color: #fff;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.cortex-toggle-button.active span {
  color: #fff;
}
.cortex-toggle-button:first-child {
  margin-left: 0px !important;
}
.cortex-round-toggle-off-button {
  cursor: pointer;
  background: transparent url('../images/icons/round-off.png') no-repeat;
  border: none;
  padding: 0;
}
.cortex-round-toggle-on-button {
  background: transparent url('../images/icons/round-on.png') no-repeat !important;
}
.cortex-light-button {
  font: 11px/21px Arial;
  color: #444;
  display: block;
  text-align: center;
  padding: 0px 8px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cortex-light-button:not(.x-item-disabled) {
  cursor: pointer;
}
.cortex-light-button:not(.x-item-disabled):hover,
.cortex-light-button:not(.x-item-disabled):active {
  background-color: #e0e0e0;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e0e0e0 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e0e0e0 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.cortex-gray-button {
  background: #eaeaea;
  border: 1px solid #d4d4d4;
  margin: 0px;
  padding: 0px;
  line-height: 21px;
  color: #5e5d5d;
  cursor: pointer;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cortex-gray-button.active {
  border-color: var(--buttonBgEnd);
  color: #fff;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.cortex-gray-button.active span {
  color: #fff;
}
.cortex-gray-button:first-child {
  margin-left: 0px !important;
}
/* Override pro nosso menu */
.ext-ie .cortex-menu.x-menu {
  overflow: visible;
}
.cortex-menu {
  background: #fff;
  border: none;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  pointer-events: auto;
  margin: 0;
  border-radius: 3px;
  list-style: none;
  text-align: left;
  color: #182026;
  overflow-x: hidden;
  max-height: 100%;
}
.cortex-menu a {
  transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
}
.cortex-menu svg {
  transition: fill 0.4s ease-in-out;
  -moz-transition: fill 0.4s ease-in-out;
  -webkit-transition: fill 0.4s ease-in-out;
  -o-transition: fill 0.4s ease-in-out;
}
.cortex-menu .dropdown-icon {
  right: 8px;
  top: 10px;
  position: absolute;
}
.cortex-menu .dropdown-icon svg {
  height: 12px;
  fill: #d4d4d4;
  margin-top: 3px;
}
.cortex-menu:not(.show-icon) ul li .x-menu-item:not(.x-menu-check-item) .x-menu-item-icon {
  display: none;
}
.cortex-menu ul li {
  padding: 0px;
  border-top: 1px solid #e5e5e5 !important;
}
.cortex-menu ul li.x-menu-item-active {
  background: #f8f8f8 !important;
  border: none;
}
.cortex-menu ul li.x-menu-item-active .x-menu-item {
  color: var(--guideFloatingMenuHoverColor);
}
.cortex-menu ul li:first-child {
  border-top: none !important;
}
.cortex-menu ul li .x-menu-item {
  height: 100%;
  padding: 10px 28px 10px 10px;
  line-height: 17px;
  color: #474747;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cortex-menu ul li .x-menu-item .x-btn-left {
  background: none;
  display: inline-block;
  width: 0;
}
.cortex-menu ul li .x-menu-item .x-btn-center {
  background: none;
  display: inline-block;
  margin-left: -3px;
  padding: 0;
}
.cortex-menu ul li .x-menu-item .x-btn-right {
  background: none;
  display: inline-block;
  width: 0;
}
.cortex-menu ul li .x-menu-item button {
  color: #474747;
}
.cortex-menu ul li span.x-menu-sep {
  background-color: #fff;
  border-bottom: 1px dotted #e0e0e0;
  padding-bottom: 2px;
  margin-bottom: 7px;
  margin-left: 0;
  margin-right: 0;
}
.cortex-menu .x-menu-text {
  color: #9f9f9f;
  height: 100%;
  padding: 10px;
  line-height: 17px;
  display: block;
}
.cortex-menu.cortex-menu-grid {
  min-width: 76px;
}
.cortex-menu.cortex-menu-grid:not(.cortex-menu-grid-submenu):not(.menu-filter) .x-menu-list .x-menu-list-item:nth-child(1) {
  padding-left: 50%;
  margin-left: -36px;
  margin-top: 10px;
  height: 1px;
}
.cortex-menu.cortex-menu-grid:not(.cortex-menu-grid-submenu):not(.menu-filter) .x-menu-list .x-menu-list-item:nth-child(2) {
  padding-left: 50%;
  margin-left: -5px;
  border-top: none !important;
  margin-bottom: 32px;
  margin-top: -1px;
}
.cortex-menu.cortex-menu-grid:not(.cortex-menu-grid-submenu):not(.menu-filter) .x-menu-list .x-menu-item-icon {
  background: none;
  display: none;
}
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-asc {
  text-align: left;
}
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-desc {
  text-align: left;
  margin-left: 10px;
}
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-asc,
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-desc {
  float: left;
  padding: 0;
  margin-top: -5px;
  color: var(--link1Color);
}
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-asc.active,
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-desc.active {
  color: var(--link2Color);
}
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-asc .x-menu-item-icon,
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-desc .x-menu-item-icon {
  background: none;
  display: none;
}
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-asc .sort-icon,
.cortex-menu.cortex-menu-grid .xg-hmenu-sort-desc .sort-icon {
  background: #ededed;
  border-radius: 20px;
  height: 31px;
  width: 31px;
  padding: 7px 9px;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
}
.cortex-window .x-window-body .x-superboxselect .x-superboxselect-item-close {
  top: 2px !important;
}
.cortex-window .x-window-body hr {
  background: #ededed;
  height: 1px;
  border: none;
  margin: 20px 0px;
  width: 100%;
}
.cortex-window .x-window-body .cortex-span {
  line-height: 13px;
  display: block;
  margin: 20px 0px 9px;
}
.cortex-window .x-window-body .cortex-span strong {
  font-weight: bold;
  color: var(--link2Color);
}
.cortex-window .x-window-body .cortex-label,
.cortex-window .x-window-body .x-form-item-label {
  float: left;
  line-height: 23px;
  padding: 0px;
}
.cortex-window .x-form-check-wrap {
  line-height: 1;
}
.cortex-window .x-form-check-wrap label {
  vertical-align: middle;
}
.cortex-window .x-form-check-wrap input {
  vertical-align: middle;
  margin-bottom: 0px;
}
.x-form-invalid + img.x-form-trigger {
  border-color: #d66 !important;
}
.x-superboxselect {
  padding: 0 !important;
  color: #3c3c3c !important;
  border-color: #DCDCDC !important;
  background: #FFF !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  flex: 1;
  display: flex;
}
.x-superboxselect.x-form-invalid {
  border-color: #d66 !important;
}
.x-superboxselect.x-form-empty-field {
  color: #c5c5c5 !important;
}
.x-superboxselect ul {
  padding-top: 1px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}
.x-superboxselect ul li.x-superboxselect-input {
  flex: 1;
  min-width: 35px;
  display: flex;
}
.x-superboxselect .x-form-trigger-svg {
  border: 0;
}
.x-superboxselect li.x-superboxselect-item {
  background: #EEE;
  line-height: 17px;
  color: #616161;
  border: none;
  margin: 0px 2px 1px 0px;
  padding: 1px 20px 1px 10px !important;
}
.x-superboxselect li.x-superboxselect-item.missing {
  color: #ACADAD;
}
.x-superboxselect li.x-superboxselect-item.classifier {
  text-decoration: underline;
  cursor: pointer;
  color: var(--link1Color);
}
.x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close {
  background: transparent;
  position: absolute;
  top: 0px;
  right: 5px;
  height: auto;
  font-size: 15px;
  display: block;
  cursor: pointer;
  color: var(--link1Color);
  font-family: 'cortex-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}
.x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close:hover {
  background: transparent;
  color: var(--link2Color);
}
.x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close:before {
  content: "\e00c";
}
.x-superboxselect .x-superboxselect-btns {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0px;
  background: #e8e8e8;
  border-left: 1px solid #dcdcdc;
  width: 21px;
  height: 100%;
  cursor: pointer;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.x-superboxselect .x-superboxselect-btns .x-superboxselect-btn-expand {
  background: transparent url("../images/icons/ico-new-combo-arrow-2.png") no-repeat center center;
  float: none;
  width: 21px;
  height: 100%;
  margin: 0px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.x-superboxselect .x-superboxselect-btns .x-superboxselect-btn-clear {
  display: none;
}
.x-window-body .x-superboxselect .x-superboxselect-item-close {
  top: 2px !important;
}
.cortex-slicer.x-slider-horz {
  background-image: linear-gradient(to bottom, transparent 0px, transparent 10px, #999 11px, transparent 11px);
}
.cortex-slicer.x-slider-horz .x-slider-end {
  background-image: linear-gradient(to bottom, transparent 0px, transparent 10px, #999 11px, transparent 11px);
}
.cortex-slicer.x-slider-horz .x-slider-end .x-slider-inner {
  background-image: linear-gradient(to bottom, transparent 0px, transparent 10px, #999 11px, transparent 11px);
}
.cortex-slicer.x-slider-horz .x-slider-end .x-slider-inner .x-slider-thumb {
  background: var(--link1Color);
  border-radius: 50% 50%;
  width: 13px;
  height: 13px;
  top: 4px;
  cursor: pointer;
}
.cortex-combo-list {
  border-top: none;
  border-color: #dcdcdc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cortex-combo-list .x-combo-list-item {
  border-top: 1px solid #EDEDED;
  line-height: 17px;
}
.cortex-combo-list .x-combo-list-item.x-combo-selected {
  border: 1px solid #FFF !important;
  border-top: 1px solid #EDEDED !important;
  background-color: #E7E7E7 !important;
  cursor: pointer;
}
.cortex-combo-list .x-combo-list-item.item-disabled {
  color: #a0a0a0;
  cursor: default;
}
.cortex-combo-list .x-combo-list-item:first-child {
  border-top: 1px solid transparent;
}
.cortex-combo-list .x-combo-list-item.even {
  background-color: #FAFAFA;
}
.cortex-combo-list .x-combo-list-item.odd {
  background-color: #FFF;
}
.cortex-combo-list .x-combo-list-item sup {
  font-size: 7px;
  position: relative;
  top: -3px;
}
.cortex-combo-list .x-combo-list-ft {
  height: 30px;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
  background-image: linear-gradient(to bottom, #fcfcfc, #ebebeb);
}
.cortex-combo-list .x-combo-list-ft:not(.x-item-disabled) {
  cursor: pointer;
}
.cortex-combo-list .x-combo-list-ft:not(.x-item-disabled):hover,
.cortex-combo-list .x-combo-list-ft:not(.x-item-disabled):active {
  background-image: linear-gradient(to bottom, #e9e9e9, #e0e0e0);
}
.x-gray-date-menu {
  border: 1px solid #D1D1D1;
}
.x-gray-date-menu .x-date-picker .x-date-left {
  background: #F7F7F7;
}
.x-gray-date-menu .x-date-picker .x-date-left a {
  background-image: url(../images/grayextend/shared/left-btn.gif);
}
.x-gray-date-menu .x-date-picker .x-date-middle {
  background: #F7F7F7;
}
.x-gray-date-menu .x-date-picker .x-date-middle .x-btn-with-menu .x-btn-center em {
  background: none;
  padding: 0px;
}
.x-gray-date-menu .x-date-picker .x-date-middle .x-btn-text {
  color: var(--link1Color);
}
.x-gray-date-menu .x-date-picker .x-date-right {
  background: #F7F7F7;
}
.x-gray-date-menu .x-date-picker .x-date-right a {
  background-image: url(../images/grayextend/shared/right-btn.gif);
}
.x-gray-date-menu .x-date-picker .x-date-inner th {
  background: #efefef;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
.x-gray-date-menu .x-date-picker .x-date-bottom,
.x-gray-date-menu .x-date-picker .x-date-mp-btns {
  border-top: 1px solid #DCDCDC;
  background: #F7F7F7;
}
.x-gray-date-menu .x-date-picker .x-date-mp-month a,
.x-gray-date-menu .x-date-picker td.x-date-mp-year a {
  color: #606060;
}
.x-gray-date-menu .x-date-picker .x-date-mp-month a:hover,
.x-gray-date-menu .x-date-picker td.x-date-mp-year a:hover {
  background-color: #FFF;
  color: #000;
}
.x-gray-date-menu .x-date-picker .x-date-inner .x-date-selected a {
  background: var(--link2Color);
  border: none;
  color: #fff;
  border-radius: 5px;
}
.x-gray-date-menu .x-date-picker .x-date-inner .x-date-selected a:hover {
  background: var(--link2Color);
  color: #fff;
}
.x-gray-date-menu .x-date-picker .x-date-inner a {
  color: #606060;
}
.x-gray-date-menu .x-date-picker .x-date-inner a:hover {
  background-color: #FFF;
  color: #000;
}
.x-gray-date-menu .x-date-picker .x-date-mp-sel a,
.x-gray-date-menu .x-date-picker .x-date-inner .x-date-today a {
  background: #F7F7F7;
  border: 1px solid #DCDCDC;
  color: #606060;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.x-gray-date-menu .x-date-picker .x-date-mp-sel a:hover,
.x-gray-date-menu .x-date-picker .x-date-inner .x-date-today a:hover {
  background-color: #f2f2f2;
}
.x-gray-date-menu .x-date-picker .x-date-mp-btns button {
  margin: 0px 5px 0px 0px;
  padding: 0px 10px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #dcdcdc;
  background-color: #f7f7f7;
  color: #5e5d5d;
  line-height: 21px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.x-gray-date-menu .x-date-picker .x-date-mp-btns button:hover {
  background-color: #f2f2f2;
}
.x-gray-date-menu .x-date-picker .x-date-mp-btns button:last-child {
  margin-right: 0px;
}
.x-form-invalid-tip .x-tip-body {
  padding-left: 0px;
  background: transparent;
}
.customize-view-type {
  cursor: pointer;
  color: var(--link1Color);
  margin-left: 4px;
  display: inline-block;
}
.view-type-btn {
  cursor: pointer;
}
.view-type-btn span {
  color: var(--link1Color);
}
.slim-scroll {
  overflow-y: auto;
  scrollbar-width: thin;
}
.slim-scroll::-webkit-scrollbar {
  width: 8px;
  border-left: none;
  border-right: none;
}
.slim-scroll::-webkit-scrollbar-thumb {
  background-color: #B0B0B0;
  border-radius: 15px;
}
.slim-scroll::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.cortex-progress-wrap {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1px;
  cursor: default;
  position: relative;
}
.cortex-progress-wrap .cortex-progress-inner {
  height: 12px;
  background: #f8f8f8;
  position: relative;
}
.cortex-progress-wrap .cortex-progress-inner .cortex-progress-bar {
  background: var(--hlColor);
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  width: 0;
  float: left;
}
.cortex-progress-wrap .cortex-progress-inner .cortex-progress-text {
  text-align: right;
  color: #fff;
  line-height: 12px;
  font-size: 9px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  font-weight: bold;
}
.cortex-progress-wrap .cortex-progress-inner .cortex-progress-text.cortex-progress-text-back {
  color: #777;
}
.x-combo-loading {
  left: initial !important;
  right: -3px;
  background: transparent;
}
.x-combo-loading > div {
  padding: 5px 0;
}

.acediff__wrap{display:flex;flex-direction:row;position:absolute;bottom:0;top:0;left:0;height:100%;width:100%;overflow:auto}.acediff__gutter{flex:0 0 60px;border-left:1px solid #bcbcbc;border-right:1px solid #bcbcbc;overflow:hidden}.acediff__gutter,.acediff__gutter svg{background-color:#efefef}.acediff__left,.acediff__right{height:100%;flex:1}.acediff__diffLine{background-color:#d8f2ff;border-top:1px solid #a2d7f2;border-bottom:1px solid #a2d7f2;position:absolute;z-index:4}.acediff__diffLine.targetOnly{height:0!important;border-top:1px solid #a2d7f2;border-bottom:0;position:absolute}.acediff__connector{fill:#d8f2ff;stroke:#a2d7f2}.acediff__copy--left,.acediff__copy--right{position:relative}.acediff__copy--left div,.acediff__copy--right div{color:#000;text-shadow:1px 1px hsla(0,0%,100%,.7);position:absolute;margin:2px 3px;cursor:pointer}.acediff__copy--right div:hover{color:#004ea0}.acediff__copy--left{float:right}.acediff__copy--left div{right:0}.acediff__copy--left div:hover{color:#c98100}
/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.blank-cell-value .x-grid3-cell-inner {
  color: #aaa;
  font-style: italic !important;
}
.action-cell .x-grid3-cell-inner {
  color: var(--link1Color);
  cursor: pointer;
  font-weight: bold !important;
}
.icon-cell {
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.icon-cell-svg {
  cursor: pointer;
}
.icon-cell-svg svg {
  pointer-events: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.paging-toolbar {
  border: 1px solid #ededed;
  margin-top: -1px;
  margin-right: 2px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 35px;
  box-sizing: border-box;
  padding: 8px 10px;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #fcfcfc, #ebebeb);
  position: relative;
  zoom: 1;
}
.paging-toolbar > table {
  float: right;
  margin-top: 2px;
}
.paging-toolbar .x-btn-left,
.paging-toolbar .x-btn-right {
  display: none;
}
.paging-toolbar .x-btn-center {
  background: none;
  padding: 0;
}
.paging-toolbar .x-btn-text {
  color: var(--mainFontColor) !important;
  background-color: var(--link1Color);
  font-size: 18px;
  border-radius: 10px;
  line-height: 15px;
  width: 15px !important;
  height: 15px !important;
}
.paging-toolbar .x-btn-text.icon-right {
  margin-left: 7px;
}
.paging-toolbar .x-btn-text.icon-right:before {
  margin-left: -1px;
}
.paging-toolbar .x-btn-text.icon-left:before {
  margin-left: -2px;
}
.paging-toolbar .x-btn-text:hover {
  background-color: var(--link2Color);
}
.paging-toolbar .x-item-disabled {
  cursor: pointer;
}
.paging-toolbar .x-item-disabled .x-btn-text {
  background-color: #a0a0a0;
  cursor: default;
}
.paging-toolbar .x-paging-info {
  position: static;
  float: left;
  margin-top: 4px;
  color: #606060;
}
.paging-toolbar .icon-refresh-grid {
  margin-top: 4px;
  margin-left: 10px;
  color: #175282;
  float: left;
  cursor: pointer;
  visibility: hidden;
}
.paging-toolbar .icon-refresh-grid.disabled {
  cursor: normal;
  color: #a0a0a0;
}
.paging-toolbar.hover .icon-refresh-grid {
  visibility: visible;
}
.paging-toolbar .support-text-container {
  float: right;
  margin-top: 3px;
  margin-right: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-menu.cortex-menu-grid.menu-filter {
  padding: 0px;
}
.cortex-menu.cortex-menu-grid.menu-filter .filters {
  padding: 10px;
}
.cortex-menu.cortex-menu-grid.menu-filter li {
  margin-bottom: 0px;
}
.cortex-menu.cortex-menu-grid.menu-filter li .x-form-field-wrap {
  margin-bottom: 10px;
  zoom: 1;
  white-space: nowrap;
}
.cortex-menu.cortex-menu-grid.menu-filter .filter-round-box {
  margin-bottom: 0px;
  background-color: #f8f8f8;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cortex-menu.cortex-menu-grid.menu-filter .filter-round-box .cortex-date-wrapper.x-gray-date-menu.x-menu-plain,
.cortex-menu.cortex-menu-grid.menu-filter .filter-round-box .numeric-filter {
  margin-top: 5px;
  background-color: #f8f8f8 !important;
}
.cortex-menu.cortex-menu-grid.menu-filter .filter-round-box .x-menu-sep {
  background-color: transparent !important;
}
.cortex-menu.cortex-menu-grid.menu-filter .filter-round-box.null-filter {
  margin-top: 10px;
}
.cortex-menu.cortex-menu-grid.menu-filter .cortex-date-filter-button-wrapper {
  background-image: linear-gradient(to bottom, #fcfcfc, #ebebeb);
  border-radius: 0 0 7px 7px;
  border-top: 1px solid #ddd;
  height: 38px;
}
.cortex-menu.cortex-menu-grid.menu-filter .cortex-date-filter-button-wrapper .cortex-link-button {
  margin: 8px 0px 5px 10px;
  margin-left: 10px !important;
}
.cortex-menu.cortex-menu-grid.menu-filter .cortex-date-filter-button-wrapper .cortex-btn {
  margin: 8px 10px 5px 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-datetime-picker .x-date-bottom table {
  float: right;
}
.x-datetime-picker .x-date-bottom .time-container {
  float: left;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
#metric-width-ruler {
  visibility: hidden;
  white-space: nowrap;
  position: absolute;
  top: -10000px;
  left: -10000px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.action-button-container .action-button {
  color: var(--link1Color);
  cursor: pointer;
}
.action-button-container.menu-selected {
  visibility: visible !important;
}
.vertical-actions {
  width: 35px;
  float: right;
  background: #f6f6f6;
  height: 510px;
}
.vertical-actions .action-btn:hover {
  color: var(--hlColor);
}
.vertical-actions .action-btn {
  margin-top: 10px;
  cursor: pointer;
  padding: 2px;
  text-align: center;
  display: block;
  color: #949494;
  font-size: 20px;
}
.vertical-actions .action-btn.active:hover {
  color: #c3b129;
}
.vertical-actions .action-btn.active {
  color: #ddb508;
}
.vertical-actions .action-btn.selected {
  color: var(--hlColor);
}
.vertical-actions .action-btn.menu-selected {
  background: inherit;
  color: var(--hlColor);
}
.thumbnail-hit .action-button-container,
.list-hit .action-button-container {
  float: right;
  background: #ebebeb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 2px 0 3px;
  visibility: hidden;
}
.thumbnail-hit .action-button-container .action-button,
.list-hit .action-button-container .action-button {
  cursor: pointer;
  float: left;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #e2e2e2;
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f0f0f0 100%);
  /* W3C */
  background-repeat: repeat-x;
  box-shadow: 0px 1px 0px #c0c0c0;
  -moz-box-shadow: 0px 1px 0px #c0c0c0;
  -webkit-box-shadow: 0px 1px 0px #c0c0c0;
}
.thumbnail-hit .action-button-container .action-button.first-button,
.list-hit .action-button-container .action-button.first-button {
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #e2e2e2;
}
.thumbnail-hit .action-button-container .action-button.last-button,
.list-hit .action-button-container .action-button.last-button {
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.thumbnail-hit:not(.ipad-hit):hover .action-button-container,
.list-hit:not(.ipad-hit):hover .action-button-container {
  transition-delay: 0.3s;
  visibility: visible;
}
.ext-ie8 .thumbnail-hit:hover .action-button-container,
.ext-ie8 .list-hit:hover .action-button-container {
  visibility: visible;
}
.thumbnail-hit .actions {
  text-align: center;
  margin-bottom: -14px;
  margin-top: 10px;
}
.thumbnail-hit .wrapper-btns {
  display: inline-block;
  margin-top: -14px;
  position: relative;
  top: 4px;
}
.thumbnail-hit .action-button-container {
  float: none;
  height: 32px;
}
.thumbnail-hit .action-button-container .action-button {
  height: 28px;
  width: 47px;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
}
.thumbnail-hit.is-favorite .favorite {
  color: #f4c51f;
}
.action-button:hover {
  color: var(--hlColor);
}
.list-hit .actions {
  margin-bottom: -15px;
}
.list-hit .wrapper-btns {
  margin-bottom: -7px;
}
.list-hit .action-button-container {
  height: 28px;
}
.list-hit .action-button-container .action-button {
  height: 25px;
  width: 35px;
  float: left;
  text-align: center;
  line-height: 25px;
  font-size: 15px;
}
/*
&.window {
	float: right;
	background: #f6f6f6;
	height: 100%;

	.action-button {
		margin-top: 10px;
		padding: 2px;
	}
}

&.portlet {
	position: absolute;
	background: #ebebeb;
	.round-corner();
	padding: 3px 3px 4px 3px;
	width: 28px;
	visibility: hidden;

	.action-button {
		cursor: pointer;
		height: 25px;
		border-bottom: 1px solid #e7e7e7;
		border-left: 1px solid #d0d0d0;
		border-right: 1px solid #d0d0d0;
		.vertical-gradient (#fcfcfc, #f8f8f8);

		&:first-child {
            .top-round-corner();
            border-top: 1px solid #d0d0d0;
        }

		&:last-child {
			.bottom-round-corner();
			border-bottom: 1px solid #e0e0e0;
			.box-shadow(0px, 1px, 0px, #c0c0c0);
        }
	}
}
*/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.white-tip.analysis-information-tip {
  width: 215px !important;
}
.white-tip.analysis-information-tip .x-tip-body {
  width: 208px !important;
}
.white-tip.analysis-information-tip .left-arrow {
  position: absolute;
  left: -10px;
  vertical-align: middle;
}
.white-tip.analysis-information-tip .right-arrow {
  position: absolute;
  right: -10px;
  left: initial !important;
  vertical-align: middle;
}
.white-tip.analysis-information-tip .body {
  line-height: 15px !important;
  color: #000;
  padding: 5px 2px;
}
.white-tip.analysis-information-tip .body .label {
  color: var(--hlColor);
}
.white-tip.analysis-information-tip .body .separator {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
.white-tip.analysis-information-tip .body .text {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tippy-box[data-theme~='cortex'] {
  background-color: #2D2D2D;
  border: 1px solid #000;
  opacity: 0.85;
  border-radius: 4px;
  font: normal 11px 'Open Sans', sans-serif;
  text-align: left;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
sl-dialog.base-dialog-cortex {
  --sl-z-index-dialog: 10000;
}
sl-dialog.base-dialog-cortex.no-close-button::part(close-button) {
  display: none;
}
/* cortex loading animated icon */
sl-dialog.base-dialog-cortex ~ .ext-el-mask {
  z-index: 10000;
}
sl-dialog.base-dialog-cortex ~ .ext-el-mask-msg.x-fb-mask-loading {
  z-index: 10001;
}
/* fix combobox options area */
sl-dialog.base-dialog-cortex sl-select::part(listbox) {
  max-height: calc(var(--auto-size-available-height) - 20px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.recipients-dialog {
  --sl-z-index-dialog: 9999;
  padding-top: 10px;
}
.recipients-dialog::part(body) {
  padding-top: 0;
  padding-bottom: 0;
}
.recipients-dialog .dialog-body {
  min-height: 250px;
  max-height: 35vh;
  overflow-y: auto;
}
.recipients-dialog .dialog-body div.row {
  margin: 4px 0;
  padding: 8px 15px;
  font-size: 10px;
  line-height: 1.3;
  border: 1px solid var(--sl-color-neutral-200);
  border-radius: 4px;
}
.recipients-dialog .dialog-body div.row .name {
  color: var(--sl-color-neutral-700);
  font-size: var(--sl-font-size-x-small);
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.recipients-dialog .dialog-body div.row .info-text {
  display: flex;
  gap: 5px;
  padding-top: 2px;
  color: var(--sl-color-neutral-500);
}
.recipients-dialog .dialog-body div.row .info-text span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recipients-dialog .dialog-body div.row .info-text b {
  white-space: nowrap;
}
.recipients-dialog .dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.sl-alert .alert-action {
  font-size: 12px;
  color: var(--link1Color);
  padding-top: 10px;
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.sl-toast-stack {
  --sl-z-index-toast: 10010;
  top: 60px !important;
}
body.alert-toast-bottom .sl-toast-stack {
  top: auto !important;
  bottom: 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.recipient-chooser-panel {
  height: 100%;
  min-height: 170px;
}
.recipient-chooser-panel .x-panel-bwrap {
  height: 100%;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .search-panel-wrapper {
  display: flex;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .search-panel-wrapper .destination-chooser-wrapper {
  flex: 0 0 95px;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .search-panel-wrapper .destination-chooser-wrapper .destination-chooser {
  width: 90px !important;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .search-panel-wrapper .search-bar {
  flex: 1 1 100%;
  min-width: 0;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .recipient-grid {
  flex: 1 1 100%;
  min-height: 75px;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .recipient-grid > .x-panel-bwrap {
  height: 100%;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .recipient-grid > .x-panel-bwrap > .x-panel-body {
  height: 100% !important;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .recipient-grid > .x-panel-bwrap > .x-panel-body > .x-grid3 {
  height: 100%;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .recipient-grid > .x-panel-bwrap > .x-panel-body > .x-grid3 > .x-grid3-viewport {
  height: 100%;
}
.recipient-chooser-panel .x-panel-bwrap .recipient-chooser-panel-body .recipient-grid > .x-panel-bwrap > .x-panel-body > .x-grid3 > .x-grid3-viewport > .x-grid3-scroller {
  height: 100%;
}
.recipient-chooser-panel .header {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: var(--hlColor);
  font-weight: bold;
  padding-bottom: 5px;
}
.recipient-chooser-panel .x-grid3-cell-inner {
  text-overflow: unset;
}
.recipient-chooser-panel .footer {
  display: flex;
  padding: 5px;
  background: #f0f0f0;
  margin-top: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.recipient-chooser-panel .footer .new-contact {
  margin-right: 10px;
}
.recipient-chooser-panel .footer .new-contact button {
  padding: 0;
}
.recipient-chooser-panel .footer .contacts-count {
  color: #777;
  line-height: 18px;
}
.recipient-chooser-panel .x-grid3,
.recipient-chooser-panel .x-grid3-scroller,
.recipient-chooser-panel .x-grid3-row,
.recipient-chooser-panel .x-grid3-row-table,
.recipient-chooser-panel .force-fit {
  width: 100% !important;
}
.recipient-chooser-panel .x-grid3-row-table {
  width: calc(100% - 2px) !important;
}
.recipient-chooser-panel strong {
  font-size: 12px;
}
.recipient-chooser-panel .info-text {
  display: flex;
  gap: 5px;
  padding-top: 2px;
  color: var(--sl-color-neutral-500);
}
.recipient-chooser-panel .info-text span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-window-dlg .ext-mb-padlock {
  background: transparent url(../images/icons/big-padlock.png) no-repeat top left;
  width: 45px;
  height: 45px;
}
.mail-window {
  width: 100%;
  max-width: 900px;
  min-width: var(--mainPanelMinWidth);
  z-index: 10000 !important;
}
.mail-window .mail-window-body {
  display: flex;
}
.mail-window .mail-window-body > .left-ct {
  flex: 0 0 40%;
  min-width: 193px;
  max-width: 300px;
}
.mail-window .mail-window-body > .spacing-ct {
  flex: 0 0 20px;
}
.mail-window .mail-window-body > .spacing-ct .sep-dotted {
  border-left: 1px dotted #ddd;
  margin: 0 auto;
  height: 100%;
  width: 2px;
}
.mail-window .mail-window-body > .right-ct {
  flex: 1 1 100%;
  min-width: 0;
}
.mail-window .mail-window-body > .right-ct > .x-panel {
  height: 100%;
}
.mail-window .mail-window-body > .right-ct > .x-panel > .x-panel-bwrap {
  height: 100%;
}
.mail-window .mail-window-body > .right-ct > .x-panel > .x-panel-bwrap > .x-panel-body {
  height: 100%;
}
.mail-window .mail-window-body > .right-ct form {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  height: calc(100% - 8px);
}
.mail-window .mail-window-body > .right-ct form .subject-ct {
  flex: 0 1 auto;
  display: flex;
}
.mail-window .mail-window-body > .right-ct form .subject-ct label {
  flex: 1 1 auto;
  width: auto !important;
}
.mail-window .mail-window-body > .right-ct form .subject-ct .x-form-element {
  flex: 1 1 100%;
  padding-left: 10px !important;
}
.mail-window .mail-window-body > .right-ct form .subject-ct .x-form-element input {
  width: calc(100% - 8px);
}
.mail-window .mail-window-body > .right-ct form .text-ct {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.mail-window .mail-window-body > .right-ct form .text-ct .x-form-element {
  height: 100%;
  width: 100%;
}
.mail-window .mail-window-body > .right-ct form .text-ct .x-form-element textarea {
  width: calc(100% - 8px) !important;
  height: calc(100% - 8px) !important;
}
.mail-window .mail-window-body > .right-ct form .view-type-filters-ct {
  flex: 0 1 auto;
  width: calc(100% - 20px) !important;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.mail-window .mail-window-body > .right-ct form .view-type-filters-ct .spacing-ct {
  flex: 0 0 3%;
  min-width: 10px;
  max-width: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.leaflet-control-zoom-center {
  text-indent: -999em;
  background: #fff url(data:image/gif;base64,R0lGODlhGAAYAOZdACIiIiMjIy8vLyoqKsPDwzMzM0xMTDQ0NGlpaUtLS+Tk5J2dnXd3d7m5ueDg4GdnZykpKSYmJkpKSre3t09PT5eXl4KCgrCwsHNzc1lZWWhoaCcnJ5ubm3R0dFJSUp+fn1RUVJqamoODg8TExD09PYqKijo6OpGRkV1dXVFRUUNDQ3FxcZmZmYCAgEVFRXV1dSgoKIaGhlxcXEdHR5SUlMvLy5iYmNXV1VNTU7GxsbOzs9ra2jExMdbW1isrKywsLFtbW6qqqnh4eGpqat3d3XBwcI2NjWRkZLi4uL+/vyUlJZycnNvb297e3r6+vvf392VlZcbGxq2trWFhYWZmZszMzE5OTsDAwG1tbZWVlZaWlqGhod/f3////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAF0ALAAAAAAYABgAQAf/gF2Cg10KLFASAgISVBWEhFkAklaPlT0Rkpk2XRCZnj4oEwQknp4Dgw0BAFqPLZ0ZFJ4BDYICpSWEURNBpZ4Cgx+qvQAmgjs4AAEflV1XBckgShkJEQeeBUmPLwAezF0jKTqDGJkdXQaZLt5dTj/DCRq9MDldHgAbw5kPhdb5AAkXBpXAd0ABMyED8g1gsE6QAwwJhw3oQMQbB1UyRlSpQeDJAiClAoQg5OCZkUrPAGzpImJIpgJNBHWKIMUbF0FMGsTIdOpBphUNb5jo9cBWJgveLOQTgM6TihOCjkgq4s9AiGEUHFyoMMUfAA5dGHjFooEHDQSkMjEUREBYPiSDHEQkI1CJQL9SM5aAkHSAbsMuCxAYUGQAwQJvgQAAOw==) no-repeat scroll center center;
  background-size: 12px 12px;
}
.leaflet-control-zoom-center:focus {
  outline: 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.carousel-wrapper {
  border: 1px solid #dcdcdc;
  background-color: #f8f8f8;
  position: relative;
  height: 78px;
  margin-top: 4px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.carousel-wrapper img.top-right-hack {
  vertical-align: middle;
  position: absolute;
  top: -7px;
  right: -1px;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller {
  left: 15px;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller .x-carousel-body .result-type-item {
  text-align: center;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller .x-carousel-body .x-carousel-item img {
  width: 103px;
  height: 68px;
  vertical-align: middle;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller .x-carousel-body .x-carousel-item img:hover {
  background-color: #eaeaea;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller .x-carousel-body .x-carousel-item img.disabled {
  cursor: default;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller .x-carousel-body .x-carousel-item img.active {
  background-color: #eaeaea;
}
.carousel-wrapper .x-carousel-layout .x-carousel-scroller .x-carousel-body .x-carousel-separator {
  background-image: url(../images/components/analysis/carousel/carousel-separator.png);
  background-repeat: no-repeat;
  width: 2px;
  height: 14px;
  margin: 32px 8px 0px;
  padding: 0px;
  cursor: default;
}
.carousel-wrapper .x-carousel-layout .x-carousel-left-scrollbutton {
  width: 8px;
  height: 15px !important;
  left: 3px;
  top: 31px;
  background-image: url(../images/components/analysis/carousel/carousel-arrow-back.png);
}
.carousel-wrapper .x-carousel-layout .x-carousel-left-scrollbutton-disabled {
  width: 8px;
  cursor: default;
  height: 15px !important;
  left: 3px;
  top: 31px;
  display: block;
  background-image: url(../images/components/analysis/carousel/carousel-arrow-back-disabled.png);
}
.carousel-wrapper .x-carousel-layout .x-carousel-right-scrollbutton {
  width: 8px;
  height: 15px !important;
  right: 3px;
  top: 31px;
  background-image: url(../images/components/analysis/carousel/carousel-arrow-forward.png);
}
.carousel-wrapper .x-carousel-layout .x-carousel-right-scrollbutton-disabled {
  width: 8px;
  cursor: default;
  right: 3px;
  top: 31px;
  height: 15px !important;
  display: block;
  background-image: url(../images/components/analysis/carousel/carousel-arrow-forward-disabled.png);
}
.carousel-submenu {
  border: 1px solid #dadada;
  padding: 8px 5px 0px 10px;
  position: absolute;
  z-index: 300;
  visibility: hidden;
  top: -10000px;
  left: -10000px;
  box-shadow: 1px 1px 1px #ededed;
  background-color: #f6f6f6;
  background-image: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f6f6f6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #f6f6f6 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.carousel-submenu img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0px 5px 5px 0px;
  padding: 5px 8px;
  cursor: pointer;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.carousel-submenu img:hover {
  background-color: #eaeaea;
}
.carousel-submenu img.active {
  background-color: #eaeaea;
}
.carousel-submenu img.arrow {
  width: 25px;
  height: 13px;
  position: absolute;
  top: -12px;
  margin: 0px;
  padding: 0px;
  z-index: 301;
}
.carousel-submenu img.arrow.last {
  margin-right: 0px;
}
.carousel-submenu img.arrow:hover {
  background-color: transparent;
}
.carousel-submenu.column {
  width: 138px;
  left: -26px;
}
.carousel-submenu.column img.arrow {
  left: 65px;
}
.carousel-submenu.table,
.carousel-submenu.waterfall {
  width: 92px;
  left: -3px;
}
.carousel-submenu.table img.arrow,
.carousel-submenu.waterfall img.arrow {
  left: 42px;
}
.carousel-submenu.pie {
  width: 92px;
  left: -3px;
}
.carousel-submenu.pie img.arrow {
  left: 42px;
}
.carousel-submenu.combined {
  width: 92px;
  left: -3px;
}
.carousel-submenu.combined img.arrow {
  left: 42px;
}
.carousel-submenu.line {
  width: 92px;
  left: -3px;
}
.carousel-submenu.line img.arrow {
  left: 42px;
}
.carousel-submenu.area {
  width: 138px;
  left: -26px;
}
.carousel-submenu.area img.arrow {
  left: 65px;
}
.carousel-submenu:hover {
  visibility: visible;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-tip h3 {
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
}
.x-tip .label {
  display: inline-block;
  margin-top: 5px;
}
.x-tip .tableCls {
  width: 100%;
  padding-bottom: 5px;
}
.x-tip .tableCls tr {
  vertical-align: top;
}
.x-tip .tableCls tr:first-child {
  padding-right: 5px;
}
.x-tip .tableCls tr .section-title {
  padding-bottom: 5px;
}
.x-tip .items-wrap {
  padding: 3px;
}
.x-tip .items-wrap h4 {
  font-weight: bold;
  line-height: 15px;
  white-space: nowrap;
}
.x-tip .items-wrap ul {
  margin-bottom: 10px;
}
.x-tip .items-wrap ul li {
  line-height: 15px;
  display: block;
  list-style: none;
  white-space: nowrap;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ext-ie .balloon {
  box-shadow: 0px 0px 3px 1px #bbb;
}
.balloon {
  background-color: #fff;
  border-top: 1px solid #eee;
  position: absolute;
  /* Nao achei lugar melhor para colocar, definicao dos baloes que sao tooltips */
}
.balloon .x-window-bwrap {
  overflow: visible;
}
.balloon .x-window-tl {
  display: none;
}
.balloon .up-arrow {
  position: absolute;
  top: -10px;
  right: 14px;
}
.balloon .up-arrow.centered {
  width: 100%;
  right: 0px;
  text-align: center;
}
.balloon .up-arrow.left {
  width: 100%;
  left: 15px;
  text-align: left;
}
.balloon .up-arrow.right {
  width: 100%;
  right: 15px;
  text-align: right;
}
.balloon .down-arrow {
  position: absolute;
  bottom: -12px;
  right: 14px;
}
.balloon .down-arrow.centered {
  width: 100%;
  right: 0px;
  text-align: center;
}
.balloon .down-arrow.left {
  width: 100%;
  left: 15px;
  text-align: left;
}
.balloon .down-arrow.right {
  width: 100%;
  right: 15px;
  text-align: right;
}
.balloon .arrow-mouseout-helper {
  position: absolute;
  background: none;
  height: 13px;
  width: 100%;
}
.balloon .arrow-mouseout-helper.up {
  top: -11px;
}
.balloon .arrow-mouseout-helper.down {
  bottom: -12px;
}
.balloon hr {
  background: #ededed;
  height: 1px;
  border: none;
  margin: 10px 0px 5px;
  width: 100%;
}
.balloon h2 {
  color: var(--link2Color);
  margin-bottom: 10px;
}
.balloon a {
  color: var(--link1Color);
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
}
.balloon a:hover {
  text-decoration: underline;
}
.balloon .balloon-combo-ct {
  margin-bottom: 5px;
}
.balloon .x-form-check-wrap {
  margin-bottom: 5px;
}
.balloon .x-form-check-wrap label {
  color: #444;
}
.balloon .x-form-check-wrap label span {
  color: #959595;
  margin-left: 2px;
}
.balloon .x-form-check-wrap .x-item-disabled + label {
  color: #999;
}
.balloon.tooltip-window {
  max-width: 255px;
  visibility: hidden !important;
}
.balloon.tooltip-window .x-window-body {
  padding: 8px 5px 5px 5px;
}
.balloon.tooltip-window .x-window-body .item {
  margin-bottom: 4px;
}
.balloon.tooltip-window .x-window-body .item span {
  color: #616161;
}
.balloon.tooltip-window .x-window-body .item span.measure {
  color: var(--measureColor);
}
.balloon.tooltip-window .x-window-body .item span.dimension {
  color: var(--dimensionColor);
}
.balloon.tooltip-window .x-window-body a {
  margin-bottom: 4px;
}
.balloon.tooltip-window .x-window-body hr {
  height: 0px;
  margin: 8px 0px 6px;
  padding: 0px;
  border-top: 1px dotted #d8d8d8;
}
.balloon.tooltip-window.active {
  visibility: visible !important;
  transition: visibility 0s linear 0.5s;
}
.balloon.tooltip-window.active-fast {
  visibility: visible !important;
}
.balloon.tooltip-window.hidden {
  transition-delay: 0s;
  visibility: hidden !important;
}
.balloon.tooltip-window:hover {
  transition-delay: 0s;
  visibility: visible !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.reference-line-create-window {
  max-height: 640px;
}
.reference-line-create-window .reference-config-panel {
  margin-bottom: -10px;
}
.reference-line-create-window .line-config-panel {
  margin-bottom: -10px;
}
.reference-line-create-window .x-window-body {
  max-height: 520px;
}
.reference-line-create-window .content .item label {
  float: left;
  width: 100px;
}
.reference-line-create-window .content .item .font-size-button-ct {
  float: right;
  background-color: #f0f0f0;
  cursor: pointer;
  margin-top: 5px;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button {
  float: left;
  width: 28px;
  padding: 0px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 23px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #bbbbbb;
  border-top: none;
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button.small {
  background-image: url(../images/components/analysis/ico-font-small.png);
  border-left: 1px solid #dfdfdf;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button.small.active {
  background-color: #e1e1e1;
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button.default {
  background-image: url(../images/components/analysis/ico-font-default.png);
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button.default.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button.large {
  background-image: url(../images/components/analysis/ico-font-large.png);
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.reference-line-create-window .content .item .font-size-button-ct .font-size-button.large.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.reference-line-create-window .content .ANALYSIS_POINTS label,
.reference-line-create-window .content .ANALYSIS_FIXED_POINT label,
.reference-line-create-window .content .NUMERIC_FIXED_VALUE label,
.reference-line-create-window .content .DATABASE_MEASURE label {
  float: left;
  padding-top: 14px;
  width: 100px;
}
.reference-line-create-window .content .ANALYSIS_POINTS .combo-ct,
.reference-line-create-window .content .ANALYSIS_FIXED_POINT .combo-ct,
.reference-line-create-window .content .NUMERIC_FIXED_VALUE .combo-ct,
.reference-line-create-window .content .DATABASE_MEASURE .combo-ct {
  float: left;
  padding-top: 10px;
  width: 140px;
}
.reference-line-create-window .content .ANALYSIS_POINTS .combo-reference,
.reference-line-create-window .content .ANALYSIS_FIXED_POINT .combo-reference,
.reference-line-create-window .content .NUMERIC_FIXED_VALUE .combo-reference,
.reference-line-create-window .content .DATABASE_MEASURE .combo-reference {
  float: left;
  padding-top: 10px;
  width: 178px;
}
.reference-line-create-window .content .ANALYSIS_POINTS .cortex-input.number,
.reference-line-create-window .content .ANALYSIS_FIXED_POINT .cortex-input.number,
.reference-line-create-window .content .NUMERIC_FIXED_VALUE .cortex-input.number,
.reference-line-create-window .content .DATABASE_MEASURE .cortex-input.number {
  float: left;
  margin-top: 10px;
  width: 140px;
}
.reference-line-create-window .content .DATABASE_MEASURE .item {
  border: 0px;
  padding-right: 5px;
  line-height: 23px;
  padding-top: 10px;
}
.reference-line-create-window .content .DATABASE_MEASURE .item.last {
  padding: 0px;
}
.reference-line-create-window .content .DATABASE_MEASURE .item .option {
  display: inline-block;
  color: var(--link1Color);
}
.reference-line-create-window .content .DATABASE_MEASURE .item .icon-expand {
  font-size: 14px;
  line-height: 23px;
  color: var(--link1Color);
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}
.reference-line-create-window .content label {
  float: left;
  padding-top: 3px;
  width: 100px;
}
.reference-line-create-window .content .combo-ct {
  float: left;
  width: 140px;
}
.reference-line-create-window .content .round-box.line-config {
  height: 50px;
}
.reference-line-create-window .content .round-box.line-config label.line {
  line-height: 20px;
  color: var(--hlColor);
}
.reference-line-create-window .content .round-box.line-config .configs {
  width: 288px;
  font: 11px Arial;
  color: var(--link1Color);
  float: none;
  display: inline-block !important;
  text-decoration: none;
  border-top: 1px dotted #ccc;
  line-height: 25px;
}
.reference-line-create-window .content .round-box.line-config .configs .item {
  border: 0px;
}
.reference-line-create-window .content .round-box.line-config .configs .item.last {
  padding: 0px;
}
.reference-line-create-window .content .round-box.line-config .configs .item .option {
  display: inline-block;
  color: var(--link1Color);
}
.reference-line-create-window .content .round-box.line-config .configs .item .icon-expand {
  font-size: 14px;
  line-height: 23px;
  color: var(--link1Color);
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}
.reference-line-create-window .content .round-box.label-config,
.reference-line-create-window .content .round-box.reference-config {
  height: 170px;
}
.reference-line-create-window .content .round-box.label-config label,
.reference-line-create-window .content .round-box.reference-config label {
  float: left;
  padding-top: 15px;
  width: 90px;
}
.reference-line-create-window .content .round-box.label-config label.label,
.reference-line-create-window .content .round-box.reference-config label.label {
  line-height: 20px;
  padding-top: 0px;
  color: var(--hlColor);
}
.reference-line-create-window .content .round-box.label-config .combo-ct,
.reference-line-create-window .content .round-box.reference-config .combo-ct,
.reference-line-create-window .content .round-box.label-config .textfield-ct,
.reference-line-create-window .content .round-box.reference-config .textfield-ct {
  float: left;
  padding-top: 10px;
  width: 198px;
}
.reference-line-create-window .content .round-box.label-config .configs,
.reference-line-create-window .content .round-box.reference-config .configs {
  width: 288px;
  font: 11px Arial;
  float: none;
  display: inline-block !important;
  text-decoration: none;
  border-top: 1px dotted #ccc;
}
.reference-line-create-window .content .round-box.label-config .configs .x-superboxselect-input input,
.reference-line-create-window .content .round-box.reference-config .configs .x-superboxselect-input input {
  margin: 0;
}
.reference-line-create-window .content .round-box.label-config .configs .x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close,
.reference-line-create-window .content .round-box.reference-config .configs .x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close {
  top: 2px;
}
.reference-line-create-window .content .round-box.label-config {
  height: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.reference-line-create-window .content .round-box.reference-config {
  height: auto;
}
.reference-line-create-window .content .round-box.reference-config label.label {
  width: 155px;
  padding-top: 0px;
}
.reference-line-create-window .restore-default {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.reference-line-create-window .restore-default:hover {
  text-decoration: underline;
}
.reference-line-create-window .restore-default.disabled {
  color: #737373;
  cursor: default;
}
.reference-line-create-window .restore-default.disabled:hover {
  text-decoration: none;
}
.color-chooser-balloon .body-ct,
.thickness-and-style-chooser-balloon .body-ct,
.plane-chooser-balloon .body-ct,
.background-chooser-balloon .body-ct,
.database-measure-aggregator-chooser-balloon .body-ct {
  padding-top: 5px;
  overflow: hidden;
}
.thickness-and-style-chooser-balloon {
  width: 140px;
}
.thickness-and-style-chooser-balloon .x-window-body {
  padding-bottom: 0px !important;
}
.thickness-and-style-chooser-balloon .thickness,
.thickness-and-style-chooser-balloon .style {
  width: 60px;
}
.thickness-and-style-chooser-balloon .spacer {
  border-right: 1px dotted #ccc;
  height: 58px;
  margin-right: 5px;
}
.thickness-and-style-chooser-balloon .line-thickness-1,
.thickness-and-style-chooser-balloon .line-thickness-2,
.thickness-and-style-chooser-balloon .line-thickness-3 {
  margin-left: 5px;
  margin-right: 5px;
}
.thickness-and-style-chooser-balloon .line-thickness-1 {
  border-top: 1px solid #000;
  margin-top: 6px;
}
.thickness-and-style-chooser-balloon .line-thickness-2 {
  border-top: 2px solid #000;
  margin-top: 6px;
}
.thickness-and-style-chooser-balloon .line-thickness-3 {
  border-top: 3px solid #000;
  margin-top: 5px;
}
.thickness-and-style-chooser-balloon .line-style-solid,
.thickness-and-style-chooser-balloon .line-style-dot,
.thickness-and-style-chooser-balloon .line-style-dash {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 7px;
}
.thickness-and-style-chooser-balloon .line-style-solid {
  border-top: 1px solid #000;
}
.thickness-and-style-chooser-balloon .line-style-dot {
  border-top: 1px dotted #000;
}
.thickness-and-style-chooser-balloon .line-style-dash {
  border-top: 1px dashed #000;
}
.background-chooser-balloon {
  width: 320px;
}
.background-chooser-balloon .below .transparent-img,
.background-chooser-balloon .above .transparent-img {
  height: 12px;
  width: 12px;
  padding: 2px;
  border: 1px solid #fff;
  background-color: transparent;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.background-chooser-balloon .below .transparent-img.selected,
.background-chooser-balloon .above .transparent-img.selected {
  border: 1px solid #999;
}
.background-chooser-balloon .below .transparent-img:hover,
.background-chooser-balloon .above .transparent-img:hover {
  cursor: pointer;
}
.background-chooser-balloon .below .title,
.background-chooser-balloon .above .title {
  font-family: Titillium;
  font-size: 14px;
  color: var(--hlColor);
  padding-bottom: 10px;
}
.background-chooser-balloon .below .automatic,
.background-chooser-balloon .above .automatic {
  font-family: Arial;
  font-size: 11px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.background-chooser-balloon .spacer {
  border-right: 1px dotted #ccc;
  height: 208px;
  margin-right: 5px;
}
.background-chooser-balloon .translucent-colors {
  font-family: Arial;
  font-size: 11px;
}
.background-chooser-balloon .x-color-palette a:hover,
.color-chooser-balloon .x-color-palette a:hover,
.background-chooser-balloon .x-color-palette a.x-color-palette-sel,
.color-chooser-balloon .x-color-palette a.x-color-palette-sel {
  border: 1px solid #999;
  background-color: transparent;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-category-axis-window .content .cortex-span {
  font: var(--mainFontSize) var(--mainFontFace);
  display: block;
  margin: 10px 0px 9px;
}
.format-category-axis-window .content .round-box.title label {
  margin: 0px 10px 0px 4px;
}
.format-category-axis-window .content .round-box.title input[type="radio"] {
  margin-top: 4px;
}
.format-category-axis-window .content .round-box .limits {
  margin-bottom: 0px;
}
.format-category-axis-window .content .x-form-check-wrap {
  line-height: 20px;
}
.format-category-axis-window .content .cortex-toggle-button {
  margin-left: 5px;
}
.format-category-axis-window .content .cortex-toggle-button.big {
  height: 40px;
}
.format-category-axis-window .content .cortex-toggle-button.big .f10 {
  font: 20px/48px var(--titleFontFace);
}
.format-category-axis-window .content .cortex-toggle-button.big .f12 {
  font: 30px/44px var(--titleFontFace);
}
.format-category-axis-window .content .cortex-toggle-button.big .f14 {
  font: 50px/30px var(--titleFontFace);
}
.format-category-axis-window .content .width-labels .custom-width {
  margin-left: 5px;
}
.format-category-axis-window .content .width-labels .box-px {
  color: #bbb;
  padding-left: 2px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-measure-axis-window .content .cortex-span {
  font: 12px/13px Arial;
  display: block;
  margin: 10px 0px 9px;
}
.format-measure-axis-window .content .round-box.title label {
  margin: 0px 10px 0px 4px;
}
.format-measure-axis-window .content .round-box.title input[type="radio"] {
  margin-top: 4px;
}
.format-measure-axis-window .content .x-form-check-wrap {
  line-height: 20px;
}
.format-measure-axis-window .content .cortex-toggle-button {
  margin-left: 13px;
  height: 40px;
}
.format-measure-axis-window .content .cortex-toggle-button .f10 {
  font: 20px/48px var(--titleFontFace);
}
.format-measure-axis-window .content .cortex-toggle-button .f12 {
  font: 30px/44px var(--titleFontFace);
}
.format-measure-axis-window .content .cortex-toggle-button .f14 {
  font: 50px/30px var(--titleFontFace);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-chart-window .content .item {
  border-top: 1px dotted #dbdbdb;
}
.format-chart-window .content .item label {
  float: left;
  width: 110px;
  line-height: 40px;
}
.format-chart-window .content .item .cortex-toggle-button {
  float: right;
  text-align: center;
  margin-top: 9px;
  height: 18px;
}
.format-chart-window .content .item .font-size-button-ct {
  float: right;
  background-color: #f0f0f0;
  cursor: pointer;
  margin-top: 5px;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.format-chart-window .content .item .font-size-button-ct .font-size-button {
  float: left;
  width: 28px;
  padding: 0px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 23px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #bbbbbb;
  border-top: none;
}
.format-chart-window .content .item .font-size-button-ct .font-size-button.small {
  background-image: url(../images/components/analysis/ico-font-small.png);
  border-left: 1px solid #dfdfdf;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}
.format-chart-window .content .item .font-size-button-ct .font-size-button.small.active {
  background-color: #e1e1e1;
}
.format-chart-window .content .item .font-size-button-ct .font-size-button.default {
  background-image: url(../images/components/analysis/ico-font-default.png);
}
.format-chart-window .content .item .font-size-button-ct .font-size-button.default.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.format-chart-window .content .item .font-size-button-ct .font-size-button.large {
  background-image: url(../images/components/analysis/ico-font-large.png);
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.format-chart-window .content .item .font-size-button-ct .font-size-button.large.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.format-chart-window .content .item .bubble-size-slider-ct {
  float: right;
  margin-top: 11px;
  margin-right: 3px;
}
.format-chart-window .content .item .bubble-size-slider-ct .x-slider-inner {
  width: 82px !important;
}
.format-chart-window .content .item .theme-button {
  width: 94px;
}
.format-chart-window .content .item .series-type-button {
  float: right;
  margin-left: 5px;
  margin-top: 5px;
  width: 45px;
  height: 28px;
}
.format-chart-window .content .item:first-child {
  border-top: none;
}
.format-chart-window .content .show-values-ct {
  background: #f8f8f8;
  margin-top: 5px;
  padding-bottom: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.format-chart-window .content .show-values-ct .check-ct {
  background: #dadada;
  height: 25px;
  padding: 0px 10px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.format-chart-window .content .show-values-ct .check-ct .x-form-check-wrap {
  line-height: 24px;
}
.format-chart-window .content .show-values-ct .bubble-values-ct {
  margin-top: 10px;
}
.format-chart-window .content .show-values-ct .bubble-values-ct.circle-map .combo-ct ul {
  max-height: 100px;
  overflow-y: auto;
  width: 170px !important;
}
.format-chart-window .content .show-values-ct .show-values-type-ct {
  margin: 0px 8px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #d7d7d7;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .x-form-check-wrap {
  line-height: 27px;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .min-max .x-form-check-wrap {
  float: left;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .min-max .combo-ct {
  float: left;
  margin-top: 4px;
  margin-left: 5px;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .bubble-position .x-form-check-wrap,
.format-chart-window .content .show-values-ct .show-values-type-ct .bubble-size .x-form-check-wrap {
  float: left;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .bubble-position .combo-ct,
.format-chart-window .content .show-values-ct .show-values-type-ct .bubble-size .combo-ct {
  float: right;
  margin-top: 4px;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .step .x-form-check-wrap {
  float: left;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .step .cortex-input {
  float: left;
  margin: 4px 6px 0px;
}
.format-chart-window .content .show-values-ct .show-values-type-ct .step span {
  float: left;
  line-height: 29px;
}
.format-chart-window .content .show-values-ct .show-values-combos-ct {
  margin: 8px 10px 0px;
}
.format-chart-window .content .show-values-ct .show-values-combos-ct label {
  float: left;
  line-height: 29px;
  width: 88px;
}
.format-chart-window .content .show-values-ct .show-values-combos-ct .combo-ct {
  float: left;
  margin-top: 3px;
  width: 128px;
}
.format-chart-window .content .map-style-ct {
  margin: 3px 0;
}
.format-chart-window .content .map-style-ct label {
  float: left;
  line-height: 29px;
  width: 88px;
}
.format-chart-window .content .map-style-ct .combo-ct {
  float: right;
  margin-top: 3px;
  width: 100px;
}
.format-chart-window .content .color-ct {
  width: 160px;
  line-height: 20px;
}
.format-chart-window .content .color-ct-ie {
  width: 158px;
  line-height: 20px;
}
.format-chart-window .restore-link {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.chart-format-color-ct .button-ct {
  margin: 5px;
}
.chart-format-color-ct .button-ct .button {
  width: 100%;
  background-color: #eaeaea;
  cursor: pointer;
  font-size: 11px;
  line-height: 20px;
  color: #000;
  height: 20px;
  text-align: center;
  border: 1px solid #eaeaea;
  border-top-color: #c9c9c9;
  border-left-color: #c9c9c9;
  padding: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.chart-format-color-ct .x-window-body {
  overflow: hidden;
  padding: 0px !important;
}
.chart-format-color-ct .x-color-palette {
  width: auto !important;
}
.chart-format-color-ct .x-color-palette a {
  text-decoration: none;
}
.chart-format-color-ct .x-color-palette a em {
  margin: 2px;
}
.chart-format-color-ct .x-color-palette a em span {
  width: 20px;
  height: 20px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-table-window .item {
  padding: 10px 0;
}
.format-table-window .item:not(:first-child) {
  border-top: 1px dotted #dbdbdb;
}
.format-table-window .item label {
  float: left;
  width: 115px;
  line-height: 23px;
}
.format-table-window .item .item-style {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.format-table-window .item .short-version {
  width: 92px !important;
}
.format-table-window .item .font-size-button-ct {
  float: left;
  margin-left: 10px !important;
  width: 172px;
  background-color: #f0f0f0;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.format-table-window .item .font-size-button-ct.x-item-disabled {
  cursor: default !important;
}
.format-table-window .item .font-size-button-ct.align-botton {
  font-size: 15px;
}
.format-table-window .item .font-size-button-ct .font-size-button {
  float: left;
  width: 112px;
  padding: 0px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 23px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #bbbbbb;
  border-top: none;
  font-size: 15px;
  color: var(--link1Color);
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.format-table-window .item .font-size-button-ct .font-size-button.active {
  color: var(--hlColor);
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e1e1e1 0%, #e1e1e1 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.format-table-window .item .font-size-button-ct .font-size-button.small {
  border-left: 1px solid #dfdfdf;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}
.format-table-window .item .font-size-button-ct .font-size-button.small.active {
  background-color: #e1e1e1;
}
.format-table-window .item .font-size-button-ct .font-size-button.default.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.format-table-window .item .font-size-button-ct .font-size-button.large {
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.format-table-window .item .font-size-button-ct .font-size-button.large.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.format-table-window .item .font-size-button-style {
  margin-left: 10px;
}
.format-table-window .item-style {
  padding-bottom: 10px;
}
.format-table-window .item-style label {
  line-height: 23px;
  width: 115px;
}
.format-table-window .item-style .font-family {
  margin-left: 10px;
}
.format-table-window .item-style .font-family .cortex-combo-wrap {
  width: 74px !important;
  min-width: 74px !important;
}
.format-table-window .item-style .font-size {
  margin-left: 10px;
}
.format-table-window .item-style .font-size .cortex-combo-wrap {
  width: 58px !important;
  min-width: 58px !important;
}
.format-table-window .item-style .font-color {
  height: 23px;
  margin-left: 10px;
}
.format-table-window .item-style .font-color button {
  width: 20px;
  height: 21px;
}
.format-table-window .item-container {
  border-top: 1px dotted #dbdbdb;
}
.format-table-window .item-container label {
  float: left;
  width: 115px;
  line-height: 23px;
}
.format-table-window .item-container .short-version {
  width: 92px !important;
}
.format-table-window .item-container .font-size-button-ct {
  float: left;
  background-color: #f0f0f0;
  cursor: pointer;
  width: 172px;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.format-table-window .combo-ct {
  float: left;
  margin-left: 10px;
}
.format-table-window .combo-ct-container {
  margin-left: 10px;
}
.format-table-window .restore-link,
.format-table-window .format-link {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.format-table-window .format-link {
  bottom: auto;
  left: auto;
  top: 16px;
  right: 10px;
}
.format-table-window .round-box-window {
  background-color: #f8f8f8;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.format-table-window .navigationShow {
  position: relative;
  height: 23px;
}
.format-table-window .navigationShow label {
  letter-spacing: -0.02em;
}
.format-table-window .nav-checkbox {
  background: #F3F4F6;
  height: 36px;
}
.format-table-window .nav-checkbox .nav-checkbox-title {
  line-height: 36px;
  width: 90px;
  font-weight: bold;
  padding-left: 10px;
}
.format-table-window .nav-checkbox .x-form-check-wrap {
  margin-left: 6px;
}
.format-table-window .paging-navigation-item {
  display: flex;
  align-items: center;
  padding-left: 10px;
  justify-content: space-between;
}
.format-table-window .paging-navigation-item-button .x-column-inner {
  justify-content: space-between;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.progress-bar-window {
  /* Excelente candidato ao fixes */
}
.progress-bar-window .x-window-tl {
  min-height: 0px;
}
.progress-bar-window .x-progress-wrap {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1px;
  margin: 10px 50px;
}
.progress-bar-window .x-progress-wrap .x-progress-inner {
  height: 12px;
  background: transparent;
}
.progress-bar-window .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: var(--hlColor);
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}
.progress-bar-window .x-progress-wrap .x-progress-inner .x-progress-text {
  text-align: right;
  font-weight: normal;
  color: #fff;
  line-height: 12px;
  font-size: 11px;
  padding: 0;
}
.progress-bar-window .x-progress-wrap .x-progress-inner .x-progress-text.x-progress-text-back {
  color: #777;
}
.progress-bar-window .progress-wrapper {
  text-align: center;
  padding: 10px 0;
}
.progress-bar-window .progress-title-text {
  text-transform: uppercase;
}
.progress-bar-window .button {
  border: 1px solid var(--buttonBgEnd);
  padding: 0 15px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.progress-bar-window .button.disabled {
  border: 1px solid #4f4f4f;
  background-color: #4f4f4f;
  background-image: -moz-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #4f4f4f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #6d6d6d 0%, #4f4f4f 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #bbb;
}
.progress-bar-window .button.gray {
  border: 1px solid #dcdcdc;
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #444;
}
.progress-bar-window .cortex-btn.button.gray {
  padding: 0px;
}
.progress-bar-window .cortex-btn.button.gray button {
  color: #444 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tutorial-tooltip {
  position: absolute;
  background-color: #fafafa !important;
  font-family: var(--titleFontFace);
  z-index: 20000;
  border: 1px solid #e3e3e3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 2px 5px #afafaf;
  -moz-box-shadow: 1px 2px 5px #afafaf;
  -webkit-box-shadow: 1px 2px 5px #afafaf;
}
.tutorial-tooltip .warning {
  float: left;
  width: 33px;
  margin-right: 10px;
}
.tutorial-tooltip .arrow {
  float: left;
  position: absolute;
  top: 10px;
  left: -13px;
}
.tutorial-tooltip .arrow.right {
  left: auto;
  right: -13px;
}
.tutorial-tooltip .arrow-up {
  position: absolute;
  top: -13px;
  left: 10px;
}
.tutorial-tooltip .arrow-down {
  position: absolute;
  bottom: -13px;
  left: 10px;
}
.tutorial-tooltip .title {
  color: #434343;
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.tutorial-tooltip .closer {
  float: left;
  position: absolute;
  top: -10px;
  right: -6px;
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.columns-config-window .x-window-body {
  max-height: 500px;
}
.columns-config-window .draggable-sort-list {
  margin: 0px;
}
.columns-config-window .fixed-columns-left-ct {
  padding-bottom: 10px;
}
.columns-config-window .fixed-columns-left-ct .fixed-columns-left {
  margin: 0px 5px;
}
.columns-config-window .fields-config .header {
  padding-bottom: 10px;
  padding-top: 5px;
  color: var(--hlColor);
  font: 14px Arial;
}
.columns-config-window .fields-config .fields .x-grid3-viewport {
  border: none;
}
.columns-config-window .fields-config .fields .x-grid3-scroller.no-header {
  border: none;
}
.columns-config-window .fields-config .fields .x-grid3-row-table {
  border-right: none;
  border-left: none;
}
.columns-config-window .fields-config .fields tr:last-child .x-grid3-col {
  border-bottom: none;
}
.columns-config-window .fields-config .fields .x-grid3-cell-inner {
  border: 1px solid #ddd;
  cursor: move;
  padding: 3px 5px;
  font: 11px/13px var(--mainFontFace) !important;
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.columns-config-window .fields-config .fields .x-grid3-row-over {
  background: transparent;
}
.columns-config-window .fields-config .fields .x-grid3-row-alt {
  background: transparent;
}
.columns-config-window .fields-config .fields .x-grid3-row-selected {
  background: transparent !important;
}
.columns-config-window .fields-config .fields.show .x-grid3-row.fixed {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px;
}
.columns-config-window .fields-config .fields.show .measure .x-grid3-cell-inner {
  background: #eff4ee;
  color: var(--measureColor) !important;
  border-color: #ddebd5;
}
.columns-config-window .fields-config .fields.show .dimension .x-grid3-cell-inner {
  background: #eef9fb;
  border-color: #d8eaed;
  color: var(--dimensionColor) !important;
}
.columns-config-window .fields-config .fields.hidden {
  padding-top: 10px;
}
.columns-config-window .fields-config .fields.hidden .x-grid3-cell-inner {
  background: #fff;
}
.columns-config-window .fields-config .fields.hidden .invalid .x-grid3-cell-inner {
  border-color: #CB0000;
}
.columns-config-window .fields-config .fields .header-icon {
  font-size: 9px;
  color: var(--dimensionColor);
}
.columns-config-window .fields-config .fields .header-icon.icon-date-time:before {
  font-size: 11px;
}
.columns-config-window .fields-config .fields .header-icon.icon-date:before {
  font-size: 11px;
}
.columns-config-window .fields-config .fields .header-icon.icon-latlong:before {
  font-size: 12px;
}
.columns-config-window .fields-config .fields .header-icon.icon-numeric:before {
  font-size: 8px;
  color: var(--measureColor);
}
.columns-config-window .fields-config .fields .header-icon.icon-access-restriction {
  font-size: 11px;
  color: gray;
}
.columns-config-window .fields-config .fields .header-icon.x-item-disabled {
  color: gray;
}
.columns-config-window .fields-config .vertical-line {
  margin-left: 10px;
  border-left: 1px dotted #ddd;
}
.columns-config-window .x-window-footer .empty-info {
  display: inline-block;
  position: relative;
  top: -25px;
  margin-left: 10px;
  color: gray;
}
.columns-config-window .x-window-footer .empty-info .icon-information {
  font-size: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.columns-config-window .x-window-footer .reset-default {
  top: -25px;
  display: inline-block;
  position: relative;
  font-size: 10px;
  line-height: 20px;
  color: gray;
  right: 0;
  cursor: pointer;
}
.column-config-dd {
  width: 200px;
  border: 1px solid #ddd;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.column-config-dd .x-dd-drop-icon {
  display: none;
}
.column-config-dd .x-dd-drag-ghost {
  border: none;
  padding: 0;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: transparent;
  white-space: normal;
}
.column-config-dd .x-dd-drag-ghost .header-icon {
  display: none;
}
.column-config-dd.x-dd-drag-proxy .x-dd-drag-ghost .x-grid-dd-wrap {
  margin-left: 0px !important;
}
.column-config-dd.x-dd-drop-ok.show {
  background-color: #eef9fb !important;
  border-color: #d8eaed;
}
.column-config-dd.x-dd-drop-ok.show .x-dd-drag-ghost {
  color: var(--dimensionColor) !important;
}
.column-config-dd.x-dd-drop-ok.show.measure {
  background-color: #eff4ee !important;
  border-color: #ddebd5;
}
.column-config-dd.x-dd-drop-ok.show.measure .x-dd-drag-ghost {
  color: var(--measureColor) !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.balloon.baloon-menu h2 {
  margin: 0px;
  color: #999;
}
.balloon.baloon-menu .radio-inline .x-form-check-wrap {
  display: inline-block;
}
.balloon.baloon-menu .menu-item {
  font: 12px Arial;
  color: var(--link2Color);
  margin-top: 10px;
  cursor: pointer;
}
.balloon.baloon-menu .menu-item:first-child {
  margin-top: 0px;
}
.balloon.baloon-menu .menu-item .cortex-upload-field button {
  font: 12px Arial !important;
  color: var(--link2Color) !important;
}
.balloon.baloon-menu .menu-item .cortex-upload-field.disabled button {
  font: 12px Arial !important;
  color: gray !important;
}
.balloon.baloon-menu .menu-item.disabled {
  cursor: default;
  color: gray;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dropdown-menu {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  border: 1px solid #bbb;
  background-color: #eee;
}
.dropdown-menu .dropdown-menu-clickable {
  cursor: pointer;
}
.dropdown-menu:hover {
  border: 1px solid #777;
  background-color: #b2b2b2;
}
.dropdown-menu:hover .icon-expand-full {
  color: #777;
}
.dropdown-menu .icon-expand-full {
  text-align: center;
  line-height: 15px;
  display: block;
  color: #bbb;
  font-size: 6px;
}
.filtered .dropdown-menu {
  border-color: var(--link2Color);
  background-color: var(--link2FadeColor);
}
.filtered .dropdown-menu .icon-expand-full {
  color: var(--link2Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-separator .dotted {
  height: 0px;
  border: none;
  border-top: 1px dotted #ddd;
  color: #fff;
  width: 100%;
}
.cortex-separator .text {
  font-weight: bold;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.date-interval-panel .round-box {
  margin: 0px;
}
.date-interval-panel .round-box .cortex-label {
  line-height: 23px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.numeric-interval-panel .round-box {
  margin: 0px;
}
.numeric-interval-panel .round-box .cortex-label {
  line-height: 23px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.handsontable-filter-window .measure-basic-filter .cortex-label {
  line-height: 23px;
}
.handsontable-filter-window .measure-basic-filter .limit-label {
  line-height: 32px;
}
.handsontable-filter-window .measure-basic-filter .round-box {
  margin: 10px 0px 0px 0px;
}
.handsontable-filter-window .clear-filter {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.handsontable-filter-window .clear-filter:hover {
  text-decoration: underline;
}
.handsontable-filter-window .clear-filter.disabled {
  color: #737373;
  cursor: default;
}
.handsontable-filter-window .clear-filter.disabled:hover {
  text-decoration: none;
}
.handsontable-filter-window .text-basic-filter .cortex-combo {
  width: 316px !important;
}
.handsontable-filter-window .text-basic-filter .search-ct {
  padding: 0px 0px 10px 0px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-handsontable .hot-no-content {
  position: fixed;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  left: 0;
}
.drill-handsontable.x-window .cortex-hot-toolbar {
  border: 1px solid #CCC;
  border-bottom: none;
  overflow: hidden;
  background-color: #f3f3f3;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-export {
  flex: 0 0 80px;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item {
  text-align: center;
  height: 22px;
  border-right: 1px solid #CCC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item .icon {
  font-size: 18px;
  color: #757575;
  line-height: 22px;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item .icon-config {
  font-size: 16px;
  width: 49px;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item .icon-undo,
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item .icon-redo {
  width: 42px;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item .icon-document-new,
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item .icon-bin {
  font-size: 14px;
  width: 28px;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item.item-with-action {
  cursor: pointer;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item.item-with-action .icon {
  cursor: pointer;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item.item-with-action.disabled {
  cursor: auto;
}
.drill-handsontable.x-window .cortex-hot-toolbar .cortex-hot-toolbar-inner .cortex-hot-toolbar-item.item-with-action.disabled .icon {
  cursor: auto;
  color: #CCC;
}
.drill-handsontable.x-window .cortex-hot-toolbar .hot-cell-preview {
  height: 17px;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 1px solid #d4d4d4;
  font-size: 12px;
  background: #f3f3f3;
  color: #777;
  flex: 1 1 100%;
}
.drill-handsontable.x-window .cortex-hot-toolbar .links-ct {
  text-align: center;
  line-height: 22px;
}
.drill-handsontable.x-window .cortex-hot {
  overflow: hidden;
}
.drill-handsontable .changed {
  background-color: #ebf8fb;
}
.drill-handsontable .htNumeric.changed {
  background-color: #edf2eb;
}
.drill-handsontable .word-wrap-class {
  white-space: nowrap !important;
}
.drill-handsontable .word-wrap-class .autocomplete {
  float: left;
  width: 90%;
  white-space: nowrap !important;
  overflow: hidden;
}
.drill-handsontable .handsontable th {
  vertical-align: middle;
}
.drill-handsontable .handsontable .htDimmed {
  color: #999;
}
.drill-handsontable .link {
  color: var(--link1Color);
  text-decoration: none;
}
.drill-handsontable .link:link:hover:not(.x-item-disabled) {
  text-decoration: underline;
}
.drill-handsontable .link:visited:not(.btn) {
  color: var(--link1DarkenColor);
}
.drill-handsontable .error-link {
  cursor: pointer;
  text-decoration: underline;
}
.drill-handsontable .full-toolbar .full-title .pagination-info {
  margin-top: 4px;
  color: #777;
}
.drill-handsontable .full-toolbar .full-title .title-box {
  border: 1px solid;
  border-radius: 5px;
  padding: 5px;
  padding-left: 22px;
  padding-right: 10px;
  position: relative;
  margin-left: 10px;
}
.drill-handsontable .full-toolbar .full-title .title-box .icon-warning {
  position: absolute;
  left: 4px;
  top: 3px;
  font-size: 15px;
}
.drill-handsontable .full-toolbar .full-title .alert-box {
  margin-top: 7px;
  border-color: #CB0000;
  background-color: #FAE5E5;
}
.drill-handsontable .full-toolbar .full-title .alert-box .icon-warning {
  color: #CB0000;
}
.drill-handsontable .full-toolbar .full-title .last-saved {
  margin-top: 14px;
  color: #888888;
}
.drill-handsontable .header-icon {
  font-size: 9px;
  color: var(--dimensionColor);
}
.drill-handsontable .header-icon.icon-date-time:before {
  font-size: 11px;
}
.drill-handsontable .header-icon.icon-date:before {
  font-size: 11px;
}
.drill-handsontable .header-icon.icon-latlong:before {
  font-size: 12px;
}
.drill-handsontable .header-icon.icon-numeric:before {
  font-size: 8px;
  color: var(--measureColor);
}
.drill-handsontable .header-icon.icon-access-restriction {
  font-size: 11px;
  color: grey;
}
.drill-handsontable .required {
  color: #D00;
}
.drill-handsontable .handsontable-dropdown-wrapper {
  position: relative;
  float: right;
  margin-top: -20px;
  z-index: 10000;
}
.drill-handsontable .handsontable-dropdown-wrapper .dropdown-menu {
  position: relative;
  margin-left: -20px;
}
.handsontable-columns-warning-tip {
  width: 250px;
}
.handsontable-columns-warning-tip .title {
  padding: 10px;
}
.handsontable-settings-tutorial {
  width: 220px;
  padding: 10px;
  border-left-width: 2px !important;
  border-bottom-width: 2px !important;
}
.handsontable-settings-tutorial .content {
  float: left;
  width: 220px;
  margin-right: 10px;
}
.handsontable-settings-tutorial .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
  width: 100%;
}
.handsontable-settings-tutorial .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.handsontable-settings-tutorial .content input[type="checkbox"] {
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-grid-panel .paging-toolbar {
  background-image: none;
  border: 0;
  border-bottom: 1px solid #ededed;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 10px 0;
  height: auto;
}
.data-grid-panel .paging-toolbar .x-paging-info,
.data-grid-panel .paging-toolbar .support-text-container,
.data-grid-panel .paging-toolbar .icon-refresh-grid {
  margin-top: 2px;
}
.data-grid-panel .paging-toolbar .support-text-container {
  margin-right: 0;
}
.data-grid-panel .paging-toolbar .navigation {
  float: left;
  margin-right: 15px;
}
.data-grid-panel .paging-toolbar .navigation .x-btn-text {
  font-size: 14px;
  border-radius: 10px;
  line-height: 12px;
  width: 12px !important;
  height: 12px !important;
}
.data-grid-panel .x-grid3 .x-grid3-viewport table {
  border-collapse: separate;
  border-spacing: calc(var(--dataGridBorderSpacing) * 1px) 0;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header {
  background: transparent;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner {
  width: 100% !important;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset {
  margin-bottom: calc(var(--dataGridBorderSpacing) * 1px);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table {
  border: 0;
  border-spacing: calc(var(--dataGridBorderSpacing) * 1px) 0;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .sort-desc .icon-,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .sort-asc .icon- {
  top: 0;
  height: 100%;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .sort-desc .icon-:before,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .sort-asc .icon-:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell {
  position: relative;
  border-right: 1px solid #ededed;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell:first-child {
  border-left: 1px solid #ededed;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirror-client-columns"]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  border-top-right-radius: 50%;
  filter: opacity(0.8);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirrored"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirrored-non-editable"] {
  background: #FFFFFF;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirrored"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirrored-non-editable"] .x-grid3-hd-inner:not(.ignored-column) {
  color: #6C7993;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-measure"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-number"] {
  background-color: #f5f9f3;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-measure"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-number"] .x-grid3-hd-inner:not(.ignored-column) {
  color: var(--measureColor);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-measure"][class*="-mirrored-edited"]::after,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-number"][class*="-mirrored-edited"]::after {
  background-color: var(--measureColor);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-simple"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-date"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-latlong"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-text"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-coordinate"],
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-geography"] {
  background-color: #eef9fb;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-simple"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-date"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-latlong"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-text"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-coordinate"] .x-grid3-hd-inner:not(.ignored-column),
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-geography"] .x-grid3-hd-inner:not(.ignored-column) {
  color: var(--dimensionColor);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-simple"][class*="-mirrored-edited"]::after,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-date"][class*="-mirrored-edited"]::after,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-latlong"][class*="-mirrored-edited"]::after,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-text"][class*="-mirrored-edited"]::after,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-coordinate"][class*="-mirrored-edited"]::after,
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-geography"][class*="-mirrored-edited"]::after {
  background-color: var(--dimensionColor);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirror-client-columns"] {
  background-color: #FFFFFF;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell[class*="-mirror-client-columns"]::after {
  background-color: #bfbfbf;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd.x-grid3-cell .x-grid3-hd-inner {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller {
  width: auto !important;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body {
  margin-bottom: calc(var(--dataGridBorderSpacing) * 1px);
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row:first-child .x-grid3-cell {
  border-top: 1px solid #ededed;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row:last-child .x-grid3-cell {
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row.x-grid3-row-alt {
  background-color: transparent;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row.x-grid3-row-alt .x-grid3-row-table td {
  background-color: transparent;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row.x-grid3-row-over {
  background-image: none;
  background-color: transparent;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row.x-grid3-row-over .x-grid3-row-table td {
  background-color: #e7edf2;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row.x-grid3-row-selected {
  background: transparent !important;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row.x-grid3-row-selected .x-grid3-row-table td {
  background-color: #DFE8F6;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row .x-grid3-row-table {
  border-right: none;
  border-left: none;
}
.data-grid-panel .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body .x-grid3-row .x-grid3-row-table td {
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed;
  background-color: #fafafa;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-explorer-data-input-panel {
  width: 100%;
  color: #474747;
}
.load-running .cube-explorer-data-input-panel .progress {
  display: block;
}
.load-running .cube-explorer-data-input-panel .data-input-title {
  display: none;
}
.cube-explorer-data-input-panel .data-input-item {
  margin-top: 10px;
}
.cube-explorer-data-input-panel .label-modifier-user-not-found {
  color: #777;
}
.cube-explorer-data-input-panel .progress {
  display: none;
  height: 16px;
}
.cube-explorer-data-input-panel .progress .progress-title {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}
.cube-explorer-data-input-panel .progress .progressbar {
  width: 100px;
  float: left;
}
.cube-explorer-data-input-panel .progress .interrupt {
  color: var(--link1Color);
  cursor: pointer;
  font-size: 16px;
  float: left;
  padding-left: 4px;
}
.cube-explorer-data-input-panel .progress .interrupt.x-item-disabled {
  cursor: default;
}
@-webkit-keyframes top-loading-circle-move {
  0% {
    transform: translate(0px);
  }
  100% {
    transform: translate(219px);
  }
}
@keyframes top-loading-circle-move {
  0% {
    transform: translate(0px);
  }
  100% {
    transform: translate(219px);
  }
}
.cube-explorer-data-input-panel .grid-progress-loading {
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: default;
  display: flex;
  overflow: hidden;
  height: 14px;
  width: 100%;
}
.cube-explorer-data-input-panel .grid-progress-loading .circle {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  box-shadow: 1px 1px #f5f5f5;
}
.cube-explorer-data-input-panel .grid-progress-loading.active {
  visibility: visible;
}
.cube-explorer-data-input-panel .grid-progress-loading.active .circle {
  -webkit-animation-play-state: running !important;
  animation-play-state: running !important;
}
.cube-explorer-data-input-panel .grid-progress-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.cube-explorer-data-input-panel .grid-progress-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move 2.7s 250ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 250ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.cube-explorer-data-input-panel .grid-progress-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move 2.7s 500ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 500ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.cube-explorer-data-input-panel .grid-progress-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move 2.7s 750ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 750ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.cube-explorer-data-input-panel .query-box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f4f4f4;
  color: #178498;
  border: 1px solid #ddd;
  margin-left: 1px;
  margin-right: 1px;
  padding: 3px 3px 3px 5px;
  height: 14px;
  display: flex;
}
.cube-explorer-data-input-panel .query-box:hover {
  background: #edf8fa;
  border-color: #d7eaed;
}
.cube-explorer-data-input-panel .query-box.query-box-warning {
  background: #FFF7E5;
  color: #FFAE00;
  border: 1px solid #FFAE00;
}
.cube-explorer-data-input-panel .query-box.query-box-warning:hover {
  background: #FFF7E5;
  border-color: #FFAE00;
}
.cube-explorer-data-input-panel .query-box.query-box-warning .query-action {
  color: #FFAE00;
}
.cube-explorer-data-input-panel .query-box.query-box-restricted {
  background: #fae5e5;
  color: #cb0000;
  border: 1px solid #cb0000;
}
.cube-explorer-data-input-panel .query-box.query-box-restricted:hover {
  background: #fae5e5;
  border-color: #cb0000;
}
.cube-explorer-data-input-panel .query-box.query-box-restricted .query-action {
  color: #cb0000;
}
.cube-explorer-data-input-panel .query-box.no-event .query-action {
  cursor: initial;
}
.cube-explorer-data-input-panel .query-box.no-event .query-action:hover {
  text-decoration: initial !important;
}
.cube-explorer-data-input-panel .query-box .query-box-left {
  float: left;
  vertical-align: middle;
  height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.cube-explorer-data-input-panel .query-box .query-box-left.query-action {
  font-size: 11px;
}
.cube-explorer-data-input-panel .query-box .query-box-left.query-action:hover {
  text-decoration: underline;
}
.cube-explorer-data-input-panel .query-box .query-box-right {
  float: right;
}
.cube-explorer-data-input-panel .query-box .query-action {
  color: var(--link1Color);
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
}
.load-running .cube-explorer-data-input-panel .query-box,
.cube-explorer-data-input-panel .query-box.disabled .query-box,
.load-running .cube-explorer-data-input-panel.query-box,
.cube-explorer-data-input-panel .query-box.disabled.query-box {
  background: #f8f8f8;
  border-color: #ddd;
}
.load-running .cube-explorer-data-input-panel .query-box:hover,
.cube-explorer-data-input-panel .query-box.disabled .query-box:hover,
.load-running .cube-explorer-data-input-panel.query-box:hover,
.cube-explorer-data-input-panel .query-box.disabled.query-box:hover {
  background: #f8f8f8;
  border-color: #ddd;
}
.load-running .cube-explorer-data-input-panel .query-box .query-action,
.cube-explorer-data-input-panel .query-box.disabled .query-box .query-action,
.load-running .cube-explorer-data-input-panel.query-box .query-action,
.cube-explorer-data-input-panel .query-box.disabled.query-box .query-action,
.load-running .cube-explorer-data-input-panel .query-box .query-box-left,
.cube-explorer-data-input-panel .query-box.disabled .query-box .query-box-left,
.load-running .cube-explorer-data-input-panel.query-box .query-box-left,
.cube-explorer-data-input-panel .query-box.disabled.query-box .query-box-left {
  color: #474747;
  cursor: default !important;
  text-decoration: none !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-upload-field.x-form-file-wrap {
  height: auto;
}
.cortex-upload-field.hide {
  display: none;
}
.cortex-upload-field .x-form-field {
  display: none !important;
}
.cortex-upload-field .x-form-field,
.cortex-upload-field .x-form-file {
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
}
.cortex-upload-field .x-form-file-btn {
  position: static;
}
.cortex-upload-field input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}
.cortex-upload-field.disabled button {
  cursor: default;
  opacity: 0.6;
}
.cortex-upload-field.disabled .x-form-file {
  cursor: default;
}
.cortex-upload-field.disabled input[type="file"]::-webkit-file-upload-button {
  cursor: default;
}
.cortex-upload-field .x-btn-center,
.cortex-upload-field button {
  color: var(--link1Color);
  text-align: left;
  margin: 0;
  padding: 0;
}
/* Quando usado dentro de um submenu */
.x-menu-list-item .cortex-upload-field .x-btn-left,
.x-menu-list-item .cortex-upload-field .x-btn-right {
  display: none;
}
.x-menu-list-item .cortex-upload-field .x-btn-left,
.x-menu-list-item .cortex-upload-field .x-btn-right,
.x-menu-list-item .cortex-upload-field .x-btn-center {
  background-image: none;
}
.baloon-menu .cortex-upload-field .x-btn-left,
.baloon-menu .cortex-upload-field .x-btn-right {
  display: none;
}
.baloon-menu .cortex-upload-field .x-btn-left,
.baloon-menu .cortex-upload-field .x-btn-right,
.baloon-menu .cortex-upload-field .x-btn-center {
  background-image: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.number-alias-mapping-window .x-small-editor .x-form-field-wrap .x-form-trigger {
  height: 21px;
}
.number-alias-mapping-window .toolbar-label {
  padding-left: 4px;
}
.number-alias-mapping-window .content-wrapper {
  margin: 10px 0;
}
.number-alias-mapping-window .export-wrapper {
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: 1px solid #ddd;
  text-align: center;
  padding: 97px 50px;
  color: #a0a0a0;
}
.number-alias-mapping-window .export-wrapper .step-text {
  margin-bottom: 5px;
  color: #555;
}
.number-alias-mapping-window .export-wrapper .combo-ct {
  display: inline-block;
}
.number-alias-mapping-window .export-wrapper .button-ct {
  display: inline-block;
  margin-left: 60px;
}
.number-alias-mapping-window .export-text {
  margin-bottom: 20px;
  color: #555;
}
.number-alias-mapping-window .button {
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  color: var(--buttonColor);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 15px;
  line-height: 20px;
  cursor: pointer;
}
.number-alias-mapping-window .button:hover {
  background-color: var(--buttonBgMiddle);
}
.number-alias-mapping-window .button:active {
  background-color: var(--buttonBgMiddle);
}
.number-alias-mapping-window .icon-tutorial {
  font-size: 14px;
  color: var(--link1Color);
}
.number-alias-mapping-window .x-grid3 .x-grid3-dirty-cell {
  background: transparent;
}
.number-alias-mapping-window .ytb-text {
  padding-left: 0;
  margin-left: -3px;
  /* Isso aqui foi necessario porque o input de importacao ocupa o espaco do icone */
  /* Dessa forma eu forco que o icone fique na frente, assim o hover funciona */
  z-index: 2;
  position: relative;
}
.number-alias-mapping-window .aggregation-ct .x-form-field-wrap {
  width: auto !important;
  display: inline-block;
  margin-right: 10px;
}
.number-alias-mapping-window .aggregation-ct .aggregation {
  padding-right: 10px;
  display: inline-block;
}
.number-alias-mapping-window .x-window-footer .limit-info {
  display: inline-block;
  position: relative;
  top: -25px;
  margin-left: 10px;
  color: gray;
}
.number-alias-mapping-window .x-window-footer .limit-info .icon-information {
  font-size: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.number-alias-mapping-window .x-window-footer .limit-info .cortex-span {
  font-size: 10px;
  line-height: 20px;
  margin-left: 6px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.date-alias-mapping-window {
  width: 100%;
  max-width: 830px;
  min-width: var(--mainPanelMinWidth);
}
.date-alias-mapping-window .x-small-editor .x-form-field-wrap .x-form-trigger {
  height: 21px;
}
.date-alias-mapping-window .x-big-editor.x-grid-editor .x-form-field-wrap .x-form-date-trigger {
  height: 30px !important;
}
.date-alias-mapping-window .toolbar-label {
  padding-left: 4px;
}
.date-alias-mapping-window .content-wrapper {
  margin: 10px 0;
}
.date-alias-mapping-window .content-wrapper .export-wrapper {
  width: 100% !important;
}
.date-alias-mapping-window .export-wrapper {
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: 1px solid #ddd;
  text-align: center;
  padding: 97px 50px;
  color: #a0a0a0;
}
.date-alias-mapping-window .export-wrapper .step-text {
  margin-bottom: 5px;
  color: #555;
}
.date-alias-mapping-window .export-wrapper .combo-ct {
  display: inline-block;
}
.date-alias-mapping-window .export-wrapper .button-ct {
  display: inline-block;
  margin-left: 60px;
}
.date-alias-mapping-window .export-text {
  margin-bottom: 20px;
  color: #555;
}
.date-alias-mapping-window .button {
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  color: var(--buttonColor);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 15px;
  line-height: 20px;
  cursor: pointer;
}
.date-alias-mapping-window .button:hover {
  background-color: var(--buttonBgMiddle);
}
.date-alias-mapping-window .button:active {
  background-color: var(--buttonBgMiddle);
}
.date-alias-mapping-window .icon-tutorial {
  font-size: 14px;
  color: var(--link1Color);
}
.date-alias-mapping-window .x-grid3 .x-grid3-dirty-cell {
  background: transparent;
}
.date-alias-mapping-window .ytb-text {
  padding-left: 0;
  margin-left: -3px;
  /* Isso aqui foi necessario porque o input de importacao ocupa o espaco do icone */
  /* Dessa forma eu forco que o icone fique na frente, assim o hover funciona */
  z-index: 2;
  position: relative;
}
.date-alias-mapping-window .aggregation-ct .x-form-field-wrap {
  width: auto !important;
  display: inline-block;
  margin-right: 10px;
}
.date-alias-mapping-window .aggregation-ct .aggregation {
  padding-right: 10px;
  display: inline-block;
}
.date-alias-mapping-window .x-window-footer .limit-info {
  display: inline-block;
  position: relative;
  top: -25px;
  margin-left: 10px;
  color: gray;
}
.date-alias-mapping-window .x-window-footer .limit-info .icon-information {
  font-size: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.date-alias-mapping-window .x-window-footer .limit-info .cortex-span {
  font-size: 10px;
  line-height: 20px;
  margin-left: 6px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-ace {
  height: auto !important;
}
.cortex-ace:not(.no-border) {
  border: 1px solid #DCDCDC;
}
.cortex-ace.x-form-invalid .ace_scroller {
  background: #fff9f9 !important;
}
.cortex-ace .cortex-ace-wrapper {
  width: 100%;
  padding-top: 8px;
}
.cortex-ace .cortex-ace-wrapper .ace_hidden-cursors {
  opacity: 0;
}
.cortex-ace .cortex-ace-wrapper .ace_cursor {
  color: #404040;
  border-left: 1px solid;
}
.cortex-ace .cortex-ace-wrapper .ace_content {
  margin-top: 4px;
}
.cortex-ace .cortex-ace-wrapper .ace_placeholder {
  margin: 0 4px;
  opacity: 0.4;
  color: #000000;
}
.cortex-ace .cortex-ace-wrapper .ace_scroller.ace_scroll-left {
  box-shadow: none !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.expression-window {
  width: 100%;
  max-width: 894px;
  min-width: var(--mainPanelMinWidth);
}
.expression-window .content-ct {
  display: flex;
}
.expression-window .content-ct .left-ct {
  flex: 0 0 17%;
  min-width: 100px;
  max-width: 160px;
}
.expression-window .content-ct .middle-ct {
  flex: 1 1 100%;
  min-width: 0;
}
.expression-window .content-ct .right-ct {
  flex: 0 0 120px;
}
.expression-window .top-ct {
  background-color: #f8f8f8;
  padding: 10px;
  height: 12px;
}
.expression-window .top-ct .guide-label {
  width: 300px;
  color: #555;
}
.expression-window .top-ct .guide-link {
  float: right;
  color: var(--link1Color);
}
.expression-window .left-ct {
  background-color: #f8f8f8;
  border: 3px solid #f1f1f1;
  padding: 5px;
  height: 338px;
}
.expression-window .left-ct .title {
  font: 14px Titillium Web;
  color: #161616;
  margin: 0px 0px 10px;
}
.expression-window .left-ct .dimension-box {
  margin-top: 7px;
  cursor: default;
}
.expression-window .left-ct .dimension-box:first-child {
  margin-top: 0px;
}
.expression-window .left-ct .dimension-box.alias {
  background-color: #fff;
}
.expression-window .left-ct .dimension-box .alias {
  visibility: hidden !important;
}
.expression-window .left-ct .dimension-box.MEASURE:hover {
  background: #eff4ee;
  color: var(--measureColor) !important;
}
.expression-window .left-ct .dimension-box.DATE:hover,
.expression-window .left-ct .dimension-box.SIMPLE:hover {
  background: #eef9fb;
  color: var(--dimensionColor) !important;
}
.expression-window .middle-ct {
  padding: 0px 10px;
}
.expression-window .middle-ct .formula-toolbar {
  margin-top: 0px;
}
.expression-window .middle-ct .formula-toolbar .required {
  font-weight: bold;
  color: #a50000;
}
.expression-window .middle-ct .formula-toolbar .import-formula {
  color: var(--link1Color);
  line-height: 22px;
  text-align: right;
}
.expression-window .middle-ct .formula-toolbar .import-formula.disabled {
  cursor: default;
  color: #ccc;
}
.expression-window .middle-ct .formula-toolbar .import-formula.disabled:hover {
  text-decoration: none;
}
.expression-window .middle-ct .editor-ct .cortex-ace {
  border: 1px #dcdcdc solid;
  border-radius: 4px;
  padding: 5px !important;
}
.expression-window .middle-ct .editor-ct .cortex-ace .cortex-ace-wrapper {
  padding-top: 4px;
}
.expression-window .middle-ct .editor-ct .editor {
  height: 340px !important;
  background: #fff;
  border-color: #fff;
}
.expression-window .middle-ct .editor-ct .editor.x-form-empty-field {
  color: #c5c5c5 !important;
}
.expression-window .middle-ct .editor-ct .editor .regex-html i.dimension {
  background: #e0f8fd !important;
}
.expression-window .middle-ct .editor-ct .editor .regex-html i.measure {
  background: #ebf7ea !important;
}
.expression-window .middle-ct .editor-ct .editor.webkit i.dimension {
  color: var(--dimensionColor) !important;
}
.expression-window .middle-ct .editor-ct .editor.webkit i.measure {
  color: var(--measureColor) !important;
}
.expression-window .right-ct {
  height: 338px;
  background-color: #f8f8f8;
  border: 3px solid #f1f1f1;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.expression-window .right-ct .title {
  font: 14px Titillium Web;
  color: #545454;
  margin: 5px 0px 10px 0px;
  position: relative;
}
.expression-window .right-ct .drag-el {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  height: 18px;
  line-height: 18px;
  color: #696969;
  text-align: center;
  padding: 0px;
  cursor: default;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.expression-window .right-ct .drag-el:hover {
  background-color: #f2f2f2;
}
.expression-window .right-ct .drag-el.text {
  font-size: 11px;
}
.expression-window .right-ct .operators-ct {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.expression-window .right-ct .operators-ct .operator {
  width: 33px;
  margin-left: 7px;
  margin-bottom: 7px;
}
.expression-window .right-ct .operators-ct .operator.first {
  margin-left: 0px;
}
.expression-window .right-ct .operators-ct .operator.big {
  width: 54px;
  line-height: 18px;
}
.expression-window .right-ct .functions-ct {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.expression-window .right-ct .functions-ct .fns-ct {
  height: 219px;
}
.expression-window .right-ct .functions-ct .fns-ct .fn {
  width: 108px;
  margin-top: 7px;
  line-height: 18px;
  padding: 0px 5px;
  text-align: left;
}
.expression-window .right-ct .functions-ct .fns-ct .fn:first-child {
  margin-top: 0px;
}
.expression-window .icon-tutorial {
  cursor: pointer;
  font-size: 16px;
  vertical-align: text-bottom;
  float: right;
  margin-top: 3px;
  color: #cb0000;
}
.expression-window .blank-values {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: #555;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-tree-panel .x-tree-root-ct {
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-radius: 5px;
}
.cortex-tree-panel .x-tree-lines {
  overflow: auto;
}
.cortex-tree-panel .x-tree-lines,
.cortex-tree-panel .x-tree-lines .x-tree-root-node {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.cortex-tree-panel .x-tree-lines .x-tree-node {
  border-top: 1px solid #ededed;
  background-color: transparent;
}
.cortex-tree-panel .x-tree-lines .x-tree-node a {
  margin-left: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el {
  line-height: 38px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-selected {
  background-color: #DFE8F6;
  border: 0;
  border-radius: 0;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-over {
  background-color: #e7edf2;
  border: 0;
  border-radius: 0;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el input.x-tree-node-cb {
  margin-left: 10px;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .x-tree-node-indent {
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-icon,
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .leaf-icon {
  font-size: 13px;
  position: absolute;
  cursor: pointer;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-icon.x-tree-ec-icon {
  position: relative;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .leaf-icon {
  cursor: initial;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .icon-grid-collapse {
  color: var(--link1Color);
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .icon-grid-expand {
  color: var(--link2Color);
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .icon-grid-leaf {
  color: #DEDEDE;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .x-tree-node-disabled .icon-grid-collapse {
  color: #a0a0a0;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .x-tree-node-disabled .icon-grid-expand {
  color: #a0a0a0;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .x-tree-node-disabled a span {
  color: #a0a0a0;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img {
  position: absolute;
  margin-top: 0;
  width: 32px;
  height: 38px;
  border: none;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.last-child-collapsed {
  background: url(../images/blue/tree/last-child-collapsed.png) no-repeat;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.last-child-expanded {
  background: url(../images/blue/tree/last-child-expanded.png) no-repeat;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.child-collapsed {
  background: url(../images/blue/tree/child-collapsed.png) no-repeat;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.child-expanded {
  background: url(../images/blue/tree/child-expanded.png) no-repeat;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.root-expanded {
  background: url(../images/blue/tree/root-expanded.png) no-repeat;
  margin-top: 2px;
}
.cortex-tree-panel .x-tree-lines .x-tree-node .x-tree-node-el .hierarchy-img.indent {
  background: url(../images/blue/tree/indent.png) no-repeat;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-help-window {
  width: 600px;
  height: 480px;
  z-index: 99999 !important;
}
.base-help-window .x-window-bwrap {
  height: 440px;
}
.base-help-window .x-window-bwrap .x-window-bl {
  background: none !important;
  border: none !important;
}
.base-help-window .x-window-bwrap .x-window-ml {
  padding: 29px 28px 8px 28px;
}
.base-help-window .x-window-bwrap .x-window-ml .x-window-mr {
  padding: 0px;
}
.base-help-window .x-window-bwrap .x-window-ml .x-window-mr ::-webkit-scrollbar {
  width: 8px;
}
.base-help-window .x-window-bwrap .x-window-ml .x-window-mr ::-webkit-scrollbar-track {
  background: none;
  border-radius: 0px;
}
.base-help-window .x-window-bwrap .x-window-ml .text {
  height: 321px;
  color: #2B303B;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
}
.base-help-window .x-window-bwrap .x-window-ml .text .x-panel-body {
  border: none;
}
.base-help-window .x-window-tl {
  background: none !important;
}
.base-help-window .x-window-tl .x-window-header,
.base-help-window .x-window-tl .x-window-header-noborder,
.base-help-window .x-window-tl .x-unselectable,
.base-help-window .x-window-tl .x-window-draggable {
  align-items: center;
  display: flex;
  width: 100%;
}
.base-help-window .x-window-tl .x-window-header .x-window-header-text,
.base-help-window .x-window-tl .x-window-header-noborder .x-window-header-text,
.base-help-window .x-window-tl .x-unselectable .x-window-header-text,
.base-help-window .x-window-tl .x-window-draggable .x-window-header-text {
  color: #2B303B;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  max-width: 100%;
  order: 0;
  width: 100%;
  cursor: default;
  margin: 20px 28px 4px 28px;
}
.base-help-window .x-window-bl {
  margin: 16px 28px 20px 28px !important;
  padding: 0px !important;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct {
  margin: 0px !important;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn {
  box-shadow: none;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-left,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-left,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-left,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-left,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-right,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-right,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-right,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-right {
  display: none;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-left,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-left,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-left,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-left {
  display: none;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center {
  display: flex;
  flex-direction: row;
  border-radius: 1000px;
  padding: 8px 16px;
  height: 20px;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center .x-btn-text,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center .x-btn-text,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center .x-btn-text,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center .x-btn-text {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-right,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-right,
.base-help-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-right,
.base-help-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-right {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.history-window-overlay .window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
}
.history-window {
  height: 100vh;
  left: unset !important;
  transition: right 0.1s linear;
  font-family: "Open Sans", sans-serif;
  right: 0 !important;
  padding: 14px;
}
.history-window.x-window {
  box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}
.history-window.x-window .x-window-tl {
  display: none;
}
.history-window.x-window .x-window-bwrap {
  overflow: visible;
}
.history-window.x-window .x-window-ml {
  padding: 10px 10px 0;
}
.history-window.x-window .x-window-ml .x-window-mr {
  padding: 0;
}
.history-window.x-window .x-window-ml .x-window-mr .x-window-body {
  width: 100% !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
}
.history-window.x-window #historyContainer .x-panel-body {
  border: none !important;
  height: calc(100vh - 200px);
  overflow: auto;
}
.history-window .header-container {
  display: flex;
  font-size: 18px;
  font-weight: 700;
}
.history-window .header-container .header-label {
  margin-left: 20px;
  font-size: 16px;
  padding-bottom: 20px;
}
.history-window .header-container .header-icon {
  color: var(--buttonBgStart) !important;
}
.history-window .bold-label {
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 600;
}
.history-window .field-label {
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 15px;
}
.history-window input.x-form-text {
  box-sizing: border-box;
  padding: var(--sl-spacing-x-small) var(--sl-spacing-small) !important;
  height: 27px !important;
  width: 95% !important;
  border-radius: var(--sl-border-radius-large) !important;
  border-color: var(--sl-color-neutral-200) !important;
  font-size: 14px !important;
}
.history-window input.x-form-text:not(::placeholder) {
  color: var(--sl-color-neutral-600) !important;
}
.history-window input.x-form-text::placeholder {
  font-size: 14px !important;
  font-family: var(--sl-font-sans) !important;
}
.history-window input.x-form-text:hover,
.history-window input.x-form-text:focus {
  border: 1px solid var(--link1Color) !important;
}
.history-window input.x-form-text + .x-form-date-trigger {
  right: 18px;
  top: 2px;
  position: absolute;
}
.history-window .history-item {
  padding: 5px 0;
  margin: 5px 0;
  border-bottom: 1px solid #e2e8f0;
  cursor: pointer;
}
.history-window .history-item .item-update {
  font-weight: 600;
  font-size: 13px;
}
.history-window .history-item .user-container {
  font-size: 12px;
  margin-top: 5px;
}
.history-window .history-item .user-container .user-label {
  color: #777;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-classifier-window .disabled-cell .x-grid3-cell-inner {
  background-color: #f3f4f6;
}
.dimension-classifier-window .content-ct {
  display: flex;
  flex-flow: column nowrap;
  background-color: #f3f4f6;
}
.dimension-classifier-window .content-ct .column-selection-ct {
  background: #ffffff;
  margin: 12px 0px 12px 0px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 12px 16px 12px 16px;
}
.dimension-classifier-window .content-ct .column-selection-ct .column-selection-labels-ct {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.dimension-classifier-window .content-ct .column-selection-ct .cortex-combo-wrap {
  width: auto !important;
  flex: 1 1 100%;
}
.dimension-classifier-window .content-ct .column-selection-ct .cortex-combo-wrap .cortex-combo {
  width: auto !important;
  flex: 1 1 auto;
}
.dimension-classifier-window .content-ct .rules-builder-ct {
  background: #ffffff;
  margin: 0px 0px 12px 0px;
  display: flex;
  flex-flow: column nowrap;
  overflow: auto;
}
.dimension-classifier-window .content-ct .rules-builder-ct .rules-builder-labels-ct {
  padding: 12px 16px 12px 16px;
}
.dimension-classifier-window .content-ct .rules-builder-ct .rules-builder-labels-ct .label-rules-builder-title {
  margin-bottom: 4px !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-panel.x-panel-noborder.x-grid-panel {
  height: calc(100% - 62px);
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-panel.x-panel-noborder.x-grid-panel .x-panel-bwrap {
  height: 100%;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-panel.x-panel-noborder.x-grid-panel .x-panel-bwrap .x-panel-body {
  height: calc(100% - 42px) !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 {
  width: 100% !important;
  height: 100%!important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-cell-inner {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner {
  width: 100% !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset {
  width: 100% !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset table {
  border: 1px solid #E2E8F0 !important;
  width: 100% !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-td-0 {
  width: 300px !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-td-1 {
  width: 100% !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd {
  border-left: 1px solid #E2E8F0 !important;
  cursor: default !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd .x-grid3-hd-inner {
  color: #2B303B;
  padding-left: 11px !important;
  font-weight: bold;
  font-size: 12px !important;
  font-family: "Open Sans", sans-serif;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-header-inner .x-grid3-header-offset table .x-grid3-hd .x-grid3-hd-inner .icon- {
  display: none !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-viewport {
  height: 100%;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller {
  width: 100% !important;
  height: 100%!important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row {
  width: 100% !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table {
  width: 100% !important;
  border-left: 1px solid #E2E8F0;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col {
  border-right: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input {
  /* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
  /* Firefox 4-18 */
  /* Firefox 19-50 */
  /* - Internet Explorer 10–11
       - Internet Explorer Mobile 10-11 */
  /* Edge (also supports ::-webkit-input-placeholder) */
  /* CSS Pseudo-Elements Level 4 Editor's Draft
       - Browsers not mentioned in vendor prefixes
       - Browser of newer versions than mentioned in vendor prefixes */
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input::-webkit-input-placeholder {
  color: #94A3B8;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input:-moz-placeholder {
  color: #94A3B8;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input::-moz-placeholder {
  color: #94A3B8;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input:-ms-input-placeholder {
  color: #94A3B8 !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input::-ms-input-placeholder {
  color: #94A3B8;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input::placeholder {
  color: #94A3B8;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .grid-cell-input-tooltip {
  color: #2B303B;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .statement-and {
  color: #36b37e !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .statement-or {
  color: #4c9aff !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-col .x-grid3-cell-inner .statement-not {
  color: #ff5630 !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-td-0 {
  width: 300px !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row table .x-grid3-td-1 {
  width: 100% !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid3-row-alt {
  background-color: transparent;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .x-grid-editor .x-form-text {
  height: 38px !important;
  font-size: 12px !important;
  font-family: "Open Sans", sans-serif;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .grid-cell-input {
  width: 97%;
  border: none;
  background: transparent !important;
  height: 16px !important;
  font-size: 12px !important;
  font-family: "Open Sans", sans-serif;
}
.dimension-classifier-window .content-ct .rules-builder-ct .x-grid3 .x-grid3-scroller .grid-cell-input-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar {
  padding: 0px !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar table {
  width: 100%;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar table td:first-child {
  width: 300px;
  min-width: 300px;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar table .toolbar-rule-name-ct {
  height: 40px !important;
  border-radius: 0px !important;
  width: 100%;
  border: 1px solid #E2E8F0 !important;
  background: #FFF !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar table .toolbar-rule-name-ct .toolbar-rule-name-input {
  position: relative;
  top: 1px;
  width: 277px;
  padding: 11px !important;
  border: none;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  height: 16px !important;
  text-overflow: ellipsis;
  color: #2B303B !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar table .toolbar-rule-ct {
  height: 40px !important;
  border-radius: 0px !important;
  width: 100%;
  border: 1px solid #E2E8F0 !important;
  background: #F3F4F6 !important;
}
.dimension-classifier-window .content-ct .rules-builder-ct .plain-toolbar .x-toolbar table .toolbar-rule-ct .toolbar-rule-input {
  position: relative;
  top: 1px;
  padding: 11px !important;
  border: none;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  height: 16px !important;
  width: 97%;
  text-overflow: ellipsis;
  background: transparent !important;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  color: #2B303B !important;
  opacity: 1 !important;
}
.dimension-classifier-window .content-ct .preview-bar {
  display: flex;
  flex-flow: row nowrap;
  border: none;
  background: #ffffff;
  padding: 9px;
}
.dimension-classifier-window .content-ct .preview-bar .left-preview-bar {
  width: 291px;
}
.dimension-classifier-window .content-ct .preview-bar .cortex-btn {
  background-color: #ffffff !important;
  width: 110px !important;
  border-radius: var(--sl-border-radius-pill);
  height: 23px;
}
.dimension-classifier-window .content-ct .preview-bar .cortex-btn .x-btn-text {
  color: var(--link1Color) !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
.dimension-classifier-window .content-ct .result {
  background-color: transparent;
  margin-top: 21px;
}
.dimension-classifier-window .content-ct .result .result-inner {
  background-color: #f3f4f6;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid {
  background-color: transparent;
  padding-top: 0px !important;
  height: 100%!important;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-bwrap {
  height: 100%!important;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-body {
  background-color: transparent;
  height: 100%!important;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-body .x-grid3 {
  background-color: transparent;
  height: 100%!important;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-body .x-grid3 .x-grid3-viewport {
  height: 100%!important;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-body .x-grid3 .x-grid3-scroller {
  height: calc(100% - 36px) !important;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-cell-inner {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
.dimension-classifier-window .content-ct .result .sql-preview-grid .x-panel-body .x-grid3 .x-grid3-hd-inner {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.dimension-classifier-window .full-toolbar {
  padding: 16px 28px 16px 28px;
}
.dimension-classifier-window .full-toolbar table .cortex-btn-cancel {
  background-color: #ffffff;
  margin-right: 28px;
}
.dimension-classifier-window .full-toolbar table .cortex-btn-cancel .icon-previous {
  line-height: 24px;
  width: 24px;
  font-size: 16px;
  color: var(--buttonBgStart);
}
.dimension-classifier-window .full-toolbar table td:nth-child(2) {
  width: 100%;
}
.dimension-classifier-window .full-toolbar table .label-title {
  color: #2B303B;
  font-size: 14px !important;
  font-family: 'Open Sans', sans-serif;
}
.dimension-classifier-window .full-toolbar table .label-subtitle {
  white-space: wrap;
}
.dimension-classifier-window .full-toolbar table .save-btn {
  border-radius: 24px;
  margin-top: 2px;
}
.dimension-classifier-window .full-toolbar table .save-btn button {
  height: 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
}
.dimension-classifier-window .save-btn {
  border-radius: 24px;
}
.dimension-classifier-window .save-btn button {
  height: 20px;
  width: 48px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.dimension-classifier-window .classifier-help-icon {
  margin-right: 32px;
  color: var(--link1Color);
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}
.dimension-classifier-window .label-section-title {
  color: #2B303B;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  margin-bottom: 4px;
}
.dimension-classifier-window .label-subtitle {
  color: #6C7993;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-editor-window.TYPE-MEASURE .mappingType-ct {
  display: block;
}
.dimension-editor-window.TYPE-LATLONG .multivalue-ct {
  display: none;
}
.dimension-editor-window.TYPE-LATLONG .latlongFormatcl,
.dimension-editor-window.TYPE-LATLONG .unique-ct,
.dimension-editor-window.TYPE-LATLONG .mappingType-ct {
  display: block;
}
.dimension-editor-window.TYPE-SIMPLE .mappingType-ct,
.dimension-editor-window.TYPE-SIMPLE .unique-ct,
.dimension-editor-window.TYPE-SIMPLE .multivalue-ct {
  display: block;
}
.dimension-editor-window.TYPE-DATE .mappingType-ct,
.dimension-editor-window.TYPE-DATE .unique-ct {
  display: block;
}
.dimension-editor-window .multivalue-ct,
.dimension-editor-window .unique-ct,
.dimension-editor-window .latlongFormatcl,
.dimension-editor-window .mappingType-ct {
  display: none;
  margin-bottom: 5px;
}
.dimension-editor-window .fillingByDashboard-ct {
  margin-bottom: 5px;
}
.dimension-editor-window.mirrored-nested-column .multivalue-ct,
.dimension-editor-window.mirrored-nested-column .unique-ct,
.dimension-editor-window.mirrored-nested-column .latlongFormatcl {
  display: none;
}
.dimension-editor-window .unique-ct .x-form-cb-label.disabled {
  color: #ccc;
}
.dimension-editor-window .mappingType-ct .mapping-type-button {
  margin-left: 82px;
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.dimension-editor-window .mappingType-ct .mapping-type-button .icon-check {
  color: lightgray;
}
.dimension-editor-window .mappingType-ct .mapping-type-button .icon-check.has-mapping {
  color: green;
}
.dimension-editor-window .mappingType-ct .mapping-type-button .icon-check.hidden {
  visibility: hidden;
}
.dimension-editor-window .mappingType-ct .mapping-type-button .mapping-type-button-text {
  margin-left: 10px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.dimension-editor-window .mappingType-ct .mapping-type-button .mapping-type-button-text:hover {
  text-decoration: underline;
}
.dimension-editor-window .mappingType-ct .mapping-type-button .mapping-type-button-text-disabled {
  color: #000000;
  margin-left: 10px;
  text-decoration: none;
}
.dimension-editor-window .latlongFormatcl {
  position: relative;
  text-align: left;
}
.dimension-editor-window .latlongFormatcl .icon-tutorial {
  left: 59px;
  position: absolute;
  top: 4px;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.dimension-editor-window .icon-tutorial {
  z-index: 3;
  color: #175282;
  cursor: pointer;
  font-size: 14px;
}
.dimension-editor-window .field {
  width: 270px;
}
.dimension-editor-window .leads-ct {
  background-color: #f2f2f2;
  padding: 10px 5px;
  color: #000000;
  margin-top: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.dimension-editor-window .icon-information {
  color: var(--link1Color);
  z-index: 3;
}
.dimension-editor-window .filter-type-container {
  display: inline-grid;
  grid-template-columns: auto auto auto;
}
.dimension-editor-window .filter-type-label {
  padding-top: 0.5em;
}
.dimension-editor-window .filter-type-icon {
  padding-top: 0.7em;
  padding-left: 0.3em;
}
.dimension-editor-window .filter-type-content {
  margin-left: 2.2em;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-drag-selector-proxy {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background: #b8d4ef;
  border: 1px solid #39f;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.toggle-button {
  background-color: #ffffff;
  border: solid 1px #dcdcdc;
  border-radius: 4px;
  padding: 1px;
  height: 18px;
  width: 150px;
  display: inline-block;
  text-align: center;
}
.toggle-button.x-item-disabled .toggle-btn.active {
  background-color: #ccc;
}
.toggle-button .toggle-btn {
  cursor: pointer;
  display: inline-block;
  padding: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.toggle-button .toggle-btn.active {
  background-color: var(--buttonBgStart);
  color: #ffffff;
}
.toggle-button .toggle-btn:first-child.active {
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.toggle-button .toggle-btn:last-child.active {
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.recurrence-panel .ext-el-mask {
  z-index: 5000;
}
.recurrence-panel .weekdays .x-table-layout .x-table-layout-cell .x-form-check-wrap {
  padding-right: 5px;
}
.recurrence-panel .weekdays .x-table-layout .x-table-layout-cell .x-form-check-wrap input[type=checkbox] {
  vertical-align: middle;
}
.recurrence-panel .weekdays .x-table-layout .x-table-layout-cell .x-form-check-wrap label.x-form-cb-label {
  vertical-align: middle;
}
.recurrence-panel .x-window-footer {
  position: relative;
}
.recurrence-panel .x-window-footer .recurrence-footer-info-ct {
  position: absolute;
  top: 5px;
  left: 5px;
}
.recurrence-panel .x-window-footer .recurrence-footer-info-ct .recurrence-footer-info-icon {
  float: left;
  color: #146301;
  font-size: 14px;
}
.recurrence-panel .x-window-footer .recurrence-footer-info-ct .recurrence-footer-info-text {
  float: left;
  margin-left: 5px;
  margin-top: 1px;
}
.recurrence-panel .x-panel-body {
  border: 0 !important;
  border-radius: 5px;
}
.recurrence-panel .interval-label {
  height: 23px;
  line-height: 23px;
}
.recurrence-panel .round-card-panel {
  max-height: 241px;
  overflow-y: auto;
}
.recurrence-panel .day-button {
  background: #f0f0f0;
  margin: 3px 3px 3px 3px;
  padding: 4px;
  color: #5d5d5d;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 99px;
}
.recurrence-panel .day-button .ct-1 {
  text-align: center;
  height: 12px;
  display: inline-flex;
}
.recurrence-panel .day-button .ct-1 .text-ct {
  position: absolute;
  margin-top: 6px;
  width: 100px;
  height: 12px;
}
.recurrence-panel .day-button .ct-2 {
  background: #af3535 url("../images/components/analysis/bg-filter-button.png");
  height: 18px;
}
.recurrence-panel .day-button.active {
  background: #e7eee5;
}
.recurrence-panel .day-button.active .ct-2 {
  border-color: #e7eee5;
  background: #e7eee5 url("../images/components/analysis/bg-filter-button-active.png") repeat-x;
}
.ext-ie .recurrence-panel .round-card-panel {
  max-height: 247px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-warning-box {
  width: 200px;
  color: #363636;
  background-color: #fafafa;
  z-index: 5000;
  border: 1px solid #fa0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.analysis-warning-box .header {
  -moz-border-top-left-radius: 7px;
  -moz-border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: #fff7e5;
  padding: 5px;
  white-space: normal;
}
.analysis-warning-box .header .header-icon {
  font-size: 22px;
  color: #fa0;
}
.analysis-warning-box .header .header-icon-full {
  vertical-align: top;
}
.analysis-warning-box .header .header-title-full {
  padding-left: 5px;
}
.analysis-warning-box .header-only {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.analysis-warning-box .text {
  margin-left: 5px;
  padding: 5px;
  white-space: normal;
}
.analysis-warning-box .link {
  cursor: pointer;
  font-weight: bold;
  color: #fa0;
}
.analysis-warning-box.green {
  border: 1px solid #146301;
}
.analysis-warning-box.green .header {
  background-color: #e7eee5;
}
.analysis-warning-box.green .header .header-icon {
  color: #146301;
}
.analysis-warning-box.green .link {
  color: #045301;
}
.analysis-warning-box.blue {
  border: 1px solid #1F87FF;
}
.analysis-warning-box.blue .header {
  background-color: #AED2FC;
}
.analysis-warning-box.blue .header .header-icon {
  color: #1F87FF;
}
.analysis-warning-box.blue .link {
  color: #045301;
}
.analysis-warning-box.orange {
  border: 1px solid #f37b00;
}
.analysis-warning-box.orange .header {
  background-color: #ffefe5;
}
.analysis-warning-box.orange .header .header-icon {
  color: #f37b00;
}
.analysis-warning-box.orange .link {
  color: #e36b00;
}
.analysis-warning-box.red {
  border: 1px solid #e23939;
}
.analysis-warning-box.red .header {
  background-color: #fae5e5;
}
.analysis-warning-box.red .header .header-icon {
  color: #e23939;
}
.analysis-warning-box.red .link {
  color: #d22929;
}
.analysis-warning-text .content-box {
  overflow-y: hidden;
  overflow-x: hidden;
  text-align: center;
}
.analysis-warning-text .content-box .empty-text {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  white-space: pre-wrap;
}
.analysis-warning-icon {
  position: absolute;
  width: 24px;
  height: 24px;
}
.analysis-warning-icon .header-icon {
  font-size: 22px;
  color: #fa0;
}
.analysis-warning-icon.green .header-icon {
  color: #146301;
}
.analysis-warning-icon.blue .header-icon {
  color: #1F87FF;
}
.analysis-warning-icon.orange .header-icon {
  color: #f37b00;
}
.analysis-warning-icon.red .header-icon {
  color: #e23939;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.overflow-toolbar.overflow .overflow-enabled-item,
.overflow-toolbar.overflow .ytb-sep {
  display: none;
}
.overflow-toolbar:not(.overflow) .overflow-toolbar-menu {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.reprocess-cube-data-window .content {
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.reprocess-cube-data-window .content p {
  line-height: 15px;
  color: #363636;
}
.reprocess-cube-data-window .content p span {
  color: #cb0000;
}
.reprocess-cube-data-window .content .gray-panel {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #F8F8F8;
  padding: 0px 10px;
  margin: 10px 0;
}
.reprocess-cube-data-window .content .item {
  padding: 10px 0px;
  border-bottom: 1px solid #eaeaea;
}
.reprocess-cube-data-window .content .item label {
  line-height: 22px;
  color: #5e5d5d;
  float: left;
  width: 81px;
}
.reprocess-cube-data-window .content .item:last-child {
  border-bottom: none;
}
.reprocess-cube-data-window .content .item .count {
  line-height: 22px;
  color: #5e5d5d;
  float: left;
  text-align: right;
  width: 255px;
  margin-right: 10px;
}
.reprocess-cube-data-window .content .item .count strong {
  margin-right: 5px;
}
.reprocess-cube-data-window .content .button {
  border: 1px solid var(--buttonBgEnd);
  padding: 0 15px;
  line-height: 16px;
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.reprocess-cube-data-window .content .button.disabled {
  border: 1px solid #4f4f4f;
  background-color: #4f4f4f;
  background-image: -moz-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #4f4f4f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #6d6d6d 0%, #4f4f4f 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #bbb;
}
.reprocess-cube-data-window .content .button.gray {
  border: 1px solid #dcdcdc;
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #444;
}
.reprocess-cube-data-window .content .x-form-cb-label {
  color: #363636;
}
.reprocess-cube-data-window .content .date-wrapper .x-form-field-wrap {
  float: left;
}
.reprocess-cube-data-window .content .progress-ct {
  text-align: center;
}
.reprocess-cube-data-window .content .loading {
  text-align: center;
  padding-top: 75px;
}
.reprocess-cube-data-window .content .progress-text {
  text-align: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.execute-query-window {
  background-color: #FFF;
}
.execute-query-window .gray-panel {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #F8F8F8;
  padding: 0px 10px;
  margin: 10px 0;
}
.execute-query-window .x-form-cb-label {
  color: #363636;
}
.execute-query-window .progress-ct {
  text-align: center;
}
.execute-query-window .loading {
  text-align: center;
  padding-top: 75px;
}
.execute-query-window .progress-text {
  text-align: center;
  padding-top: 10px;
}
.execute-query-window .progress-hide {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.access-permission-window .x-grid-panel .column-name .icon-search {
  visibility: hidden;
  margin-left: 7px;
}
.access-permission-window .x-grid-panel .column-name:hover .icon-search {
  visibility: visible;
}
.access-permission-window .all-users img.x-menu-item-icon {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.access-permission-window .all-users {
  margin-top: -1px;
}
.access-permission-window .x-window-footer {
  position: relative;
}
.access-permission-window .x-window-footer .update-document-permissions {
  position: absolute;
  top: 5px;
  left: 5px;
}
.access-permission-window .x-window-footer .update-document-permissions input[type=checkbox] {
  vertical-align: middle;
}
.access-permission-window .x-window-footer .update-document-permissions label.cortex-span {
  vertical-align: middle;
  margin-left: 3px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ext-ie .new-document-window .x-form-text {
  margin: 0px;
}
.ext-ie .new-document-window .x-form-trigger {
  top: 0px;
}
.upload-panel .x-form-file {
  cursor: pointer;
}
.cortex-window.index-window {
  /*padding: 10px;*/
}
.cortex-window.index-window .x-superboxselect-input input {
  margin: 0;
}
.cortex-window.index-window .x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close {
  top: 2px;
}
.cortex-window.index-window .x-form-item {
  padding-top: 10px;
  padding-bottom: 13px !important;
  border-bottom: 1px dotted #DDD;
}
.cortex-window.index-window .x-form-item:first-child {
  padding-top: 5px;
}
.cortex-window.index-window .x-form-item:last-child {
  border-bottom: 0;
  padding-bottom: 0 !important;
}
.cortex-window .content-window .x-form-item {
  margin-bottom: 0px;
  margin-top: 10px;
}
.cortex-window .content-window .x-form-item:first-child {
  margin-top: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-preview-type-window .icon-tutorial {
  z-index: 3;
  color: var(--link1Color);
  cursor: pointer;
  font-size: 14px;
}
.cube-preview-type-window .formula-wrapper {
  margin-top: 10px;
}
.cube-preview-type-window .formula-wrapper label {
  width: 80px;
  display: block;
  float: left;
}
.cube-preview-type-window .formula-wrapper .apply-formula:not(.x-item-disabled),
.cube-preview-type-window .formula-wrapper .clear-formula:not(.x-item-disabled) {
  color: var(--link1Color);
}
.cube-preview-type-window .column-name .icon-tutorial,
.cube-preview-type-window .latlongFormat-ct .icon-tutorial {
  position: absolute;
  left: 59px;
  top: 4px;
}
.cube-preview-type-window .unique-ct,
.cube-preview-type-window .multiValue-ct {
  padding-left: 80px;
}
.cube-preview-type-window .measureFormat-ct,
.cube-preview-type-window .dateFormat-ct,
.cube-preview-type-window .latlongFormat-ct,
.cube-preview-type-window .otherDateFormat,
.cube-preview-type-window .unique-ct,
.cube-preview-type-window .multiValue-ct {
  display: none;
}
.cube-preview-type-window .otherDateFormat,
.cube-preview-type-window .measureFormat-ct,
.cube-preview-type-window .latlongFormat-ct,
.cube-preview-type-window .multiValue-ct {
  margin-bottom: 10px;
}
.cube-preview-type-window .otherDateFormat {
  position: relative;
  text-align: right;
}
.cube-preview-type-window .otherDateFormat .icon-tutorial {
  vertical-align: middle;
  padding: 0 6px 0 0;
}
.cube-preview-type-window.TYPE-DATE .unique-ct,
.cube-preview-type-window.TYPE-DATE .dateFormat-ct {
  display: block;
}
.cube-preview-type-window.TYPE-DATE .unique-ct.TYPE-DATE-OTHER .otherDateFormat,
.cube-preview-type-window.TYPE-DATE .dateFormat-ct.TYPE-DATE-OTHER .otherDateFormat {
  display: block;
}
.cube-preview-type-window.TYPE-TEXT .unique-ct,
.cube-preview-type-window.TYPE-TEXT .multiValue-ct {
  display: block;
}
.cube-preview-type-window.TYPE-NUMBER .measureFormat-ct {
  display: block;
}
.cube-preview-type-window.TYPE-COORDINATE .unique-ct,
.cube-preview-type-window.TYPE-COORDINATE .latlongFormat-ct {
  display: block;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-structure-balloon .cube-structure-balloon-title {
  color: var(--link2Color);
  font: 13px var(--titleFontFace);
  text-transform: uppercase;
  margin-bottom: 5px;
}
.cube-structure-balloon .cube-structure-baloon-check {
  margin-bottom: 10px;
  padding: 7px;
  background-color: #f9f9f9;
}
.cube-structure-balloon .cube-structure-baloon-check .x-form-check-wrap {
  margin-bottom: 0;
}
.cube-structure-balloon .cube-structure-baloon-check .x-form-checkbox {
  display: block;
  float: left;
  margin-bottom: 12px;
}
.cube-structure-balloon .cube-structure-baloon-check .x-form-cb-label {
  /* important do ext */
  display: block !important;
  margin-left: 18px;
}
.cube-structure-balloon .x-form-item-label {
  color: #444;
}
.cube-structure-balloon .x-form-label-top .x-form-element {
  padding-top: 5px;
}
.cube-structure-balloon .TYPE-OTHER .x-form-field-wrap {
  float: left;
}
.cube-structure-balloon .TYPE-OTHER .cube-structure-baloon-other-input {
  float: right;
  width: 48px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.import-preview-window {
  width: 100%;
  max-width: 900px;
  min-width: var(--mainPanelMinWidth);
  /* Excelente candidato ao fixes */
}
.import-preview-window .x-progress-wrap {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1px;
  margin: 15px 70px;
}
.import-preview-window .x-progress-wrap .x-progress-inner {
  height: 12px;
  background: transparent;
}
.import-preview-window .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: var(--hlColor);
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}
.import-preview-window .x-progress-wrap .x-progress-inner .x-progress-text {
  text-align: right;
  font-weight: normal;
  color: #fff;
  line-height: 12px;
  font-size: 11px;
  padding: 0;
}
.import-preview-window .x-progress-wrap .x-progress-inner .x-progress-text.x-progress-text-back {
  color: #777;
}
.import-preview-window .file-name,
.import-preview-window .toolbar-label {
  color: #9f9f9f;
  padding-left: 4px;
}
.import-preview-window .x-toolbar .file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  max-width: 378px;
}
.import-preview-window .x-toolbar .file-extension {
  color: #9f9f9f;
}
.import-preview-window .title-wrapper {
  margin-bottom: 10px;
  height: auto !important;
}
.import-preview-window .title,
.import-preview-window .title-count {
  text-transform: uppercase;
  font-size: 13px;
}
.import-preview-window .title-count {
  color: #555;
}
.import-preview-window .title {
  color: var(--hlColor);
}
.import-preview-window .cube-name {
  margin: 0 5px;
}
.import-preview-window .title-box {
  border: 1px solid;
  border-radius: 5px;
  padding: 5px;
  padding-left: 22px;
  padding-right: 10px;
  margin-left: 10px;
  position: relative;
  display: inline-block;
}
.import-preview-window .title-box .icon-warning {
  position: absolute;
  left: 4px;
  top: 3px;
  font-size: 15px;
}
.import-preview-window .title-box svg {
  position: absolute;
  left: 4px;
  top: 1px;
  font-size: 15px;
  width: 15px;
  height: 100%;
  fill: #FFAE00;
}
.import-preview-window .warning-box {
  border-color: #FFAE00;
  background-color: #FFF7E5;
}
.import-preview-window .warning-box .icon-warning {
  color: #FFAE00;
}
.import-preview-window .alert-box {
  border-color: #CB0000;
  background-color: #FAE5E5;
}
.import-preview-window .alert-box .icon-warning {
  color: #CB0000;
}
.import-preview-window .navigation-ct {
  float: right;
  padding-left: 10px;
  padding-bottom: 3px;
}
.import-preview-window .navigation-ct .error-navigation-text {
  vertical-align: top;
}
.import-preview-window .navigation-ct .error-navigation-icon {
  color: #ffffff;
  background-color: #cf1616;
  font-size: 14px;
  border-radius: 10px;
  cursor: pointer;
}
.import-preview-window .navigation-ct .error-navigation-icon:hover {
  background-color: #a11111;
}
.import-preview-window .navigation-ct .error-navigation-icon.disabled {
  background-color: #ccc !important;
}
.import-preview-window .content-wrapper {
  min-height: 400px;
  padding-top: 10px;
  box-sizing: border-box;
}
.import-preview-window .progress-wrapper,
.import-preview-window .loading-wrapper {
  background-color: #f9f9f9;
  border-radius: 5px;
  border: 1px solid #ddd;
  text-align: center;
  margin: 105px 115px 0 115px;
  padding: 60px 0;
  color: #a0a0a0;
}
.import-preview-window .progress-wrapper .loading,
.import-preview-window .loading-wrapper .loading {
  text-align: center;
  padding: 12px 0;
}
.import-preview-window .loading-wrapper .x-fb-mask-loading-notext div {
  margin: 0 auto;
  width: 24px;
  height: 24px;
}
.import-preview-window .loading-wrapper p {
  margin-top: 5px;
}
.import-preview-window .loading-wrapper .loading-file-text {
  color: var(--link2Color);
}
.import-preview-window .progress-title-text {
  text-transform: uppercase;
}
.import-preview-window .progress-errors {
  margin-bottom: 15px;
}
.import-preview-window .progress-wrapper.has-error .x-progress-inner .x-progress-bar {
  background: #cb0000;
}
.import-preview-window .progress-wrapper.has-error .progress-errors {
  color: #cb0000;
}
.import-preview-window .button {
  border: 1px solid var(--buttonBgEnd);
  padding: 0 15px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.import-preview-window .button.disabled {
  border: 1px solid #4f4f4f;
  background-color: #4f4f4f;
  background-image: -moz-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #4f4f4f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #6d6d6d 0%, #4f4f4f 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #bbb;
}
.import-preview-window .button.gray {
  border: 1px solid #dcdcdc;
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #444;
}
.import-preview-window .cortex-btn.button.gray {
  padding: 0px;
}
.import-preview-window .cortex-btn.button.gray button {
  color: #444 !important;
}
.import-preview-window .icon-warning {
  color: #ffae00;
}
.import-preview-window .x-grid3 .x-grid3-hd-inner .icon-warning {
  position: absolute;
  right: 2px;
  top: 6px;
  font-size: 13px;
}
.import-preview-window .x-grid3 .x-grid3-cell.invalid-row {
  background-color: #FFEFEF;
}
.import-preview-window .x-grid3 .x-grid3-cell.invalid-cell {
  background-color: #FFEFEF;
  font-weight: bold;
}
.import-preview-window .x-grid3 .x-grid3-cell.invalid-cell .x-grid3-cell-inner {
  color: #cf1616 !important;
}
.import-preview-window .x-grid3 .x-grid3-cell.row-numberer-cell {
  text-align: right;
}
.import-preview-window .x-grid3 .x-grid3-cell.row-numberer-cell .x-grid3-cell-inner {
  padding: 11px 2px;
}
.import-preview-window .x-grid3 .x-grid3-cell.null-cell {
  text-align: left !important;
}
.import-preview-window .x-grid3 .x-grid3-cell.null-cell .x-grid3-cell-inner {
  font-style: italic;
  color: #ccc;
}
.import-preview-window .x-grid3 .x-grid3-cell.NUMBER-cell {
  text-align: right;
}
.import-preview-window .x-grid3 .x-grid3-cell.DATE-cell {
  text-align: right;
}
.import-preview-window .x-grid3 .x-grid3-cell.COORDINATE-cell {
  text-align: right;
}
.import-preview-window .x-grid3 .x-grid3-cell .ignored-column {
  color: #cccccf;
}
.import-preview-window .ignore-errors-ct {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: #555;
}
.import-preview-window.ignore-errors .navigation-ct {
  border-color: #FFCD64;
  background-color: #FFF7E5;
}
.import-preview-window.ignore-errors .navigation-ct .error-navigation-icon {
  background-color: #FFCD64;
}
.import-preview-window.ignore-errors .invalid-row {
  background-color: #FFF7E5 !important;
}
.import-preview-window.ignore-errors .invalid-cell {
  background-color: #FFF7E5 !important;
}
.import-preview-window.ignore-errors .invalid-cell .x-grid3-cell-inner {
  color: #FFCD64 !important;
}
.import-preview-window .icon-key {
  color: #aeaeae;
}
.preview-return-tutorial {
  margin-top: -10px;
}
.preview-return-tutorial .content {
  width: 250px;
  padding: 10px;
}
.preview-return-tutorial .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
  float: none;
}
.preview-return-tutorial .content p {
  font: var(--mainFontSize) var(--mainFontFace);
  color: #696969;
  margin-bottom: 15px;
  float: none;
}
.preview-return-tutorial .content input[type="checkbox"] {
  vertical-align: middle;
}
.preview-return-tutorial .content label {
  font: var(--mainFontSize) var(--mainFontFace);
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-security-source-view-balloon-window .x-window-body {
  padding: 10px 5px 5px 5px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-security-exception-rule-window .header-label {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: var(--hlColor);
  font-weight: bold;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dimension-security-exception-rule-window .header-info {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: #666;
  font-weight: bold;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dimension-security-exception-rule-window .mode-label {
  margin: 3px 10px 10px 10px;
}
.dimension-security-exception-rule-window .grid-ct {
  padding: 1px 0;
  border: 1px solid #ddd;
  margin: 9px 0;
  border-radius: 4px;
}
.dimension-security-exception-rule-window .grid-ct .x-grid3-col-1 {
  padding-left: 0;
}
.dimension-security-exception-rule-window .grid-ct .grid-cell-gray {
  font-size: 10px;
  color: #aaa;
}
.dimension-security-exception-rule-window .grid-ct .icon-search {
  font-size: 10px;
  color: #ccc;
  margin-left: 4px;
  vertical-align: middle;
  cursor: pointer;
}
.dimension-security-exception-rule-window .grid-ct .x-grid3-row-over .icon-search {
  visibility: visible !important;
}
.dimension-security-exception-rule-window .dimension-security-group-window .body {
  line-height: 17px;
  color: #555;
  max-height: 450px;
  max-width: 450px;
  overflow-y: auto;
}
.dimension-security-exception-rule-window .clear-selection-btn {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.dimension-security-exception-rule-window .clear-selection-btn:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-security-unused-members-window .x-window-body {
  padding: 5px 0px 0px 0px !important;
}
.dimension-security-unused-members-window .x-window-ml {
  padding-left: 0px !important;
}
.dimension-security-unused-members-window .x-window-mr {
  padding-right: 0px !important;
}
.dimension-security-unused-members-window .header-unused-members {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: var(--hlColor);
  font-weight: bold;
  padding: 5px;
  text-overflow: ellipsis;
}
.dimension-security-unused-members-window .unused-members-grid-ct {
  padding: 1px 0;
  border: 1px solid #ddd;
  margin: 8px;
  border-radius: 4px;
  width: 162px;
}
.dimension-security-unused-members-window .unused-members-grid-ct .x-grid3-cell-inner {
  color: #666;
}
.dimension-security-unused-members-window .unused-members-label {
  padding: 0px 5px 8px 5px;
  color: #999;
  font-size: 9px;
}
.dimension-security-unused-members-window .clear-unused-members-ct {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #e8e8e8;
  background-color: #fafafa;
  padding: 8px 3px 8px 8px;
  color: #666;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-security-window .member-row {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dimension-security-window .header-label {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: var(--hlColor);
  font-weight: bold;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dimension-security-window .header-info {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: #666;
  font-weight: bold;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dimension-security-window .top-ct {
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.dimension-security-window .top-ct .link-by-label {
  margin: 3px 10px 0 0;
}
.dimension-security-window .top-ct .mode-label {
  margin: 3px 10px 0 10px;
}
.dimension-security-window .top-ct .icon-tutorial {
  color: var(--link1Color);
  font-size: 16px;
  margin: 3px 0 0 10px;
}
.dimension-security-window .bottom-ct {
  padding-top: 10px;
}
.dimension-security-window .bottom-ct .left-ct .source-label-ct .icon-tutorial {
  color: var(--link1Color);
  font-size: 14px;
  margin: 2px 0 0 2px;
}
.dimension-security-window .bottom-ct .left-ct .source-view-chooser {
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0;
}
.dimension-security-window .bottom-ct .left-ct .source-view-chooser .source-view-trigger {
  color: var(--link1Color);
  text-decoration: none;
  margin-left: 5px;
}
.dimension-security-window .bottom-ct .left-ct .source-view-chooser .source-view-trigger .icon-expand {
  font-size: 14px;
  vertical-align: middle;
}
.dimension-security-window .bottom-ct .left-ct input.search-box {
  width: 245px !important;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct {
  padding: 1px 0;
  border: 1px solid #ddd;
  margin: 9px 0;
  border-radius: 4px;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct .x-grid3-col-1 {
  padding-left: 0;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct .grid-cell-gray {
  font-size: 10px;
  color: #aaa;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct .icon-search {
  font-size: 10px;
  color: #ccc;
  margin-left: 4px;
  vertical-align: middle;
  cursor: pointer;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct .x-grid3-row-over .icon-search {
  visibility: visible !important;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct .icon-check.checked {
  color: #106005;
}
.dimension-security-window .bottom-ct .left-ct .grid-ct .icon-check.unchecked {
  color: #ddd;
}
.dimension-security-window .bottom-ct .left-ct .x-form-field-wrap {
  width: 130px !important;
}
.dimension-security-window .bottom-ct .left-ct .unmatched-label {
  margin: 3px 10px 0 0;
}
.dimension-security-window .bottom-ct .left-ct .icon-warning {
  color: #ffae00;
  font-size: 15px;
}
.dimension-security-window .bottom-ct .left-ct .hide-icon {
  display: none;
}
.dimension-security-window .bottom-ct .spacer {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dotted #ccc;
  height: 100%;
}
.dimension-security-window .bottom-ct .right-ct input.search-box {
  width: 136px !important;
}
.dimension-security-window .bottom-ct .right-ct .all-members-ct {
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0;
}
.dimension-security-window .bottom-ct .right-ct .listed-only-for-consultation {
  padding: 5px;
  margin: 10px 0;
}
.dimension-security-window .bottom-ct .right-ct .grid-ct {
  padding: 1px 0;
  border: 1px solid #ddd;
  margin: 9px 0;
  border-radius: 4px;
}
.dimension-security-window .bottom-ct .right-ct .grid-ct .empty {
  background-color: #fafafa;
  padding: 10px 20px;
  color: #999;
  display: table-cell;
  vertical-align: middle;
}
.dimension-security-window .bottom-ct .right-ct .grid-ct .exclude-members .x-grid3-row-selected .x-grid3-col-1 {
  text-decoration: line-through;
}
.dimension-security-window .bottom-ct .right-ct .exclude-members-ct {
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0;
}
.dimension-security-window .bottom-ct .right-ct .icon-warning {
  font-size: 17px;
  color: #175282;
  cursor: pointer;
}
.dimension-security-window .bottom-ct .right-ct .header-label {
  font-family: var(--titleFontFace);
  font-size: 13px;
  color: var(--hlColor);
  font-weight: bold;
  padding: 0px 5px 5px 0px;
  max-width: 136px;
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dimension-security-window .remove-config-btn {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.dimension-security-window .remove-config-btn:hover {
  text-decoration: underline;
}
.dimension-security-window .exception-rule-config-btn {
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
}
.dimension-security-window .exception-rule-config-btn:hover {
  text-decoration: underline;
}
.dimension-security-window .exception-rule-config-btn .items {
  color: var(--hlColor);
}
.dimension-security-group-window .body {
  line-height: 17px;
  color: #555;
  max-height: 450px;
  max-width: 450px;
  overflow-y: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-explorer-grid-panel .blur-effect div {
  filter: blur(2px);
}
.cube-explorer-grid-panel .noselect div {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.cube-explorer-grid-panel .x-panel-bbar .support-text-container {
  float: none;
}
.cube-explorer-grid-panel .x-panel-bbar .support-text-container .icon-access-restriction {
  margin-left: 10px;
  color: #777;
  font-family: "cortex-icons";
  font-size: 13px;
  vertical-align: text-top;
}
.cube-explorer-grid-panel .x-panel-bbar .support-text-container .icon-information {
  color: var(--link1Color);
  font-size: 14px;
  float: right;
}
.cube-explorer-grid-panel .x-grid3-row:first-child .x-grid3-cell {
  background-size: 100% 120%;
  background-position: center 0%;
}
.cube-explorer-grid-panel .x-grid3-row:last-child .x-grid3-cell {
  background-size: 100% 120%;
  background-position: center 100%;
}
.cube-explorer-grid-panel .x-grid3-row:not(:last-child):not(:first-child) .x-grid3-cell {
  background-size: 100% 120%;
  background-position: center 20%;
}
.cube-explorer-grid-panel .x-grid3-cell:has(.new-field) {
  border: none!important;
  background-image: var(--new-field-background) !important;
}
.cube-explorer-grid-panel .x-grid3-cell {
  --new-field-background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23ededed' stroke-width='2' stroke-dasharray='13%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  --new-field-background-squred: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ededed' stroke-width='2' stroke-dasharray='13%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.cube-explorer-grid-panel .x-grid3-header .icon-access-restriction {
  color: #aeaeae;
  float: left;
  padding-top: 2px;
  padding-right: 5px;
}
.cube-explorer-grid-panel .x-grid3-header .icon-key {
  color: #aeaeae;
  float: left;
  padding-top: 2px;
  padding-right: 5px;
}
.cube-explorer-grid-panel .x-grid3-header .ignored-column {
  color: #cccccf;
}
.cube-explorer-grid-panel .x-grid3-header .icon-information-simplified-full-load {
  position: absolute;
  right: 2px;
  top: 6px;
  color: #ffae00;
  font-size: 13px;
}
.cube-explorer-grid-panel .x-grid3-header table {
  position: relative;
  left: calc(var(--dataGridBorderSpacing) * -1px);
}
.cube-explorer-grid-panel .x-grid3-scroller .x-grid3-body {
  position: relative;
  left: calc(var(--dataGridBorderSpacing) * -1px);
}
.cube-explorer-grid-panel .right-align-cell {
  text-align: right;
}
.cube-explorer-grid-panel .search-box-cube-grid {
  padding-right: 6px;
}
.cube-explorer-grid-panel .integration-icon {
  position: absolute;
  right: 1em;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-in-to-records-window {
  width: 100%;
  max-width: 730px;
  min-width: var(--mainPanelMinWidth);
}
.drill-in-to-records-window .x-window-body {
  overflow: hidden;
}
.drill-in-to-records-window .content .x-panel-bwrap .x-tab-panel-header {
  margin-bottom: 10px;
}
.drill-in-to-records-window .content .x-panel-bwrap .documents {
  height: 470px;
}
.drill-in-to-records-window .content .x-panel-bwrap .documents .empty-ct {
  display: table;
  height: 100%;
  width: 300px !important;
  margin: auto;
}
.drill-in-to-records-window .content .x-panel-bwrap .documents .empty-ct .no-records-to-show {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.drill-in-to-records-window .content .x-panel-bwrap .documents .empty-ct .no-records-to-show .title {
  color: var(--hlColor);
  font: var(--mainFontSize) var(--mainFontFace);
  text-transform: uppercase;
}
.drill-in-to-records-window .content .x-panel-bwrap .documents .empty-ct .no-records-to-show .msg {
  font: 11px Arial;
}
.drill-in-to-records-window .content .x-toolbar {
  margin-top: 10px;
}
.drill-in-to-records-window .content .x-toolbar .icon-information {
  color: var(--link1Color);
  font-size: 17px;
}
.drill-in-to-records-window .content .empty {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding: 0 125px;
}
.drill-in-to-records-window .content .empty .title {
  color: var(--hlColor);
  font: 14px Titillium, Arial;
  text-transform: uppercase;
}
.drill-in-to-records-window .content .empty .text {
  font: 11px Arial;
  margin-top: 10px;
}
.drill-in-to-records-window .content .info-box {
  height: 22px;
  border: 1px solid #45b151;
  background-color: #e7f5e9;
  margin-bottom: 4px;
  margin-top: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.drill-in-to-records-window .content .info-box .info-content {
  padding: 5px 10px;
}
.drill-in-to-records-window .content .info-box .info-content .icon-information {
  color: #125b01;
  font-size: 16px;
  float: left;
  margin-top: -2px;
  padding-right: 8px;
}
.drill-in-to-records-window .content .list-docs-ct {
  height: 495px !important;
}
.drill-in-to-records-window .restriction-message {
  padding-top: 5px;
  font: 11px Arial;
  color: #5D5D5D;
}
.drill-in-to-records-window .total-records {
  float: right;
  color: #5D5D5D;
}
.drill-in-to-records-window .icon-access-restriction {
  color: #A8A8A8;
  font-family: "cortex-icons";
  font-size: 13px;
}
.drill-in-to-records-window .no-more {
  padding-bottom: 20px;
  padding-top: 10px;
}
.drill-in-to-records-window .no-more .text {
  width: 200px;
  text-align: center;
  margin: auto;
  color: gray;
}
.drill-in-to-records-window .load-more {
  padding-bottom: 20px;
}
.drill-in-to-records-window .load-more .box-btn {
  font: 11px/21px Arial;
  color: #5e5d5d;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.drill-in-to-records-window .x-grid3-scroller {
  height: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.image-gallery-window {
  z-index: 50000;
  position: absolute;
  color: #fff;
}
.image-gallery-window .close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
}
.image-gallery-window .prev-button-arrow {
  color: #fff;
  position: absolute;
  top: 7px;
  left: 3px;
}
.image-gallery-window .next-button-arrow {
  color: #fff;
  position: absolute;
  top: 7px;
  right: 3px;
}
.image-gallery-window .transparent {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.image-gallery-window .toolbar {
  background-color: #000;
  border-radius-topleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.image-gallery-window .toolbar .buttons {
  padding: 10px 0px;
  text-align: center;
}
.image-gallery-window .toolbar .buttons .button {
  cursor: pointer;
  background: #313131;
  display: inline-block;
}
.image-gallery-window .toolbar .buttons .prev {
  position: relative;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 6px;
  padding: 5px 8px 5px 15px;
  border-right: 1px solid #222222;
}
.image-gallery-window .toolbar .buttons .next {
  position: relative;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0px;
  padding: 5px 15px 5px 8px;
  border-left: 1px solid #484848;
}
.image-gallery-window .image-ct {
  background-color: #000;
}
.image-gallery-window .image-ct .image-td {
  text-align: center;
}
.image-gallery-window .image-ct .image-td .image {
  max-height: 500px;
  max-width: 500px;
  vertical-align: middle;
}
.image-gallery-window .bottombar {
  background-color: #000;
  border-radius-bottomleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-radius-bottomright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.image-gallery-window .bottombar .label {
  padding: 10px;
  text-align: center;
  word-wrap: break-word;
  font-weight: bold;
}
.image-gallery-window .bottombar .label:hover {
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-balloon .x-window-ml,
.drill-balloon .x-window-mr,
.drill-balloon .x-window-body {
  padding: 0px !important;
}
.drill-balloon .x-window-bc {
  height: 0px !important;
}
.drill-balloon .body-ct {
  line-height: 15px;
  font-family: Arial;
  font-size: 11px;
}
.drill-balloon .link {
  color: var(--link1Color);
  cursor: pointer;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-balloon .link.enabled:hover {
  text-decoration: underline;
}
.drill-balloon .link.disabled {
  cursor: default;
  color: #ccc;
}
.drill-balloon .dimensions-ct {
  padding: 0 8px;
  margin: 8px 0;
  max-width: 167px;
  cursor: move;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-balloon .dimensions-ct .agg {
  color: #999;
}
.drill-balloon .dimensions-ct .dimension-key {
  color: var(--dimensionColor);
}
.drill-balloon .dimensions-ct .measure-key {
  color: var(--measureColor);
}
.drill-balloon .dimensions-ct .value {
  color: #444;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-balloon .dimensions-ct .big-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-balloon .dimensions-ct.centered {
  text-align: center;
}
.drill-balloon .format-ct {
  border-top: 1px solid #e8e8e8;
  background: #fcfcfc;
  text-align: center;
  padding: 5px;
}
.drill-balloon .drill-ct {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  background: #f4f4f4;
  border-top: 1px solid #e8e8e8;
  padding: 5px;
}
.drill-balloon .drill-by-ct {
  float: left;
  padding: 0 8px;
  margin: 8px 0;
  max-width: 86px;
  width: 86px;
  max-height: 90px;
  overflow-y: auto;
}
.drill-balloon .drill-by-ct .header {
  color: var(--hlColor);
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-balloon .big-value {
  color: var(--hlColor);
  display: block;
  font-size: 26px;
  line-height: 30px;
  font-family: var(--titleFontFace);
}
.drill-balloon .multi-cells .value {
  display: block;
  padding-bottom: 2px;
}
.drill-balloon .multi-cells .big-value {
  display: block;
  color: #444;
  padding-bottom: 2px;
}
.drill-balloon .multi-cells.one-column .dimensions-ct {
  text-align: center;
}
.drill-balloon .one-column .dimensions-ct {
  max-width: 224px;
}
.drill-balloon .one-column .dimensions-ct .selection-size {
  color: var(--hlColor);
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: var(--titleFontFace);
}
.drill-balloon .one-column .drill-ct {
  max-width: 232px;
}
.drill-balloon .two-columns .dimensions-ct {
  float: left;
  border-right: 1px dotted #e8e8e8;
}
.drill-balloon .two-columns .dimensions-ct .selection-size {
  color: var(--hlColor);
  text-transform: uppercase;
}
.drill-balloon .two-columns .drill-ct {
  max-width: 275px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ext-ie .analysis-tooltip {
  box-shadow: 1px 1px 3px 1px #aaa !important;
}
.analysis-tooltip {
  box-shadow: 1px 1px 3px #aaa;
  -moz-box-shadow: 1px 1px 3px #aaa;
  -webkit-box-shadow: 1px 1px 3px #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 300px;
  border-style: solid !important;
  border-width: 1px !important;
  background: #ffffff !important;
  background: rgba(255, 255, 255, 0.9) !important;
}
.analysis-tooltip .x-window-body .item {
  margin-bottom: 4px;
}
.analysis-tooltip .x-window-body .item span {
  color: #616161;
}
.analysis-tooltip .x-window-body .item span.measure {
  color: var(--measureColor);
}
.analysis-tooltip .x-window-body .item span.dimension {
  color: var(--dimensionColor);
}
.analysis-tooltip .x-window-body .circle-map {
  padding-top: 5px;
}
.analysis-tooltip .body-ct {
  font-family: Arial;
  font-size: 11px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.inverted-split-title {
  color: #a6a6a6;
  padding: 0px 20px;
  position: absolute !important;
  text-align: center;
  z-index: 100;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.axis-format-ct {
  z-index: 150;
  position: absolute;
  text-align: center;
  visibility: hidden;
}
.axis-format-ct .axis-format-window {
  position: relative;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  line-height: 23px;
  color: var(--link1Color);
  text-align: center;
  padding: 0px 10px;
  width: 90px;
  cursor: pointer;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.axis-format-ct .axis-format-window.chart {
  width: 85px;
}
.axis-format-ct .axis-format-window.chart .arrow {
  left: 44px;
}
.axis-format-ct .axis-format-window.chart hr {
  background: transparent;
  border: none;
  border-bottom: 1px dotted #dcdcdc;
  margin: 5px 0px 0px;
}
.axis-format-ct .axis-format-window.w-cloud {
  width: 100px;
  padding: 3px 10px 5px;
}
.axis-format-ct .axis-format-window.w-cloud .arrow {
  left: 52px;
}
.axis-format-ct .axis-format-window.w-cloud .item {
  line-height: 1;
  margin-top: 5px;
}
.axis-format-ct .axis-format-window.w-cloud .item a {
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.axis-format-ct .axis-format-window.table {
  width: auto !important;
  padding: 0 10px 5px;
}
.axis-format-ct .axis-format-window.table .arrow {
  left: 52px;
}
.axis-format-ct .axis-format-window.table hr {
  background: transparent;
  border: none;
  border-bottom: 1px dotted #dcdcdc;
  margin: 5px 0 0;
}
.axis-format-ct .axis-format-window.table .item {
  width: auto !important;
  word-break: keep-all !important;
  line-height: 1;
  margin-top: 5px;
}
.axis-format-ct .axis-format-window.table .item:first-child {
  padding-top: 5px;
}
.axis-format-ct .axis-format-window.table .item a {
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.axis-format-ct .axis-format-window.table .item .icon-invert-table-cells {
  font-size: 20px;
  display: inline-block;
  color: var(--link1Color);
  line-height: 10px;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
.axis-format-ct .axis-format-window.combined {
  width: 150px;
  cursor: default;
  color: var(--link2Color);
  text-align: left;
  padding: 0px 10px 10px;
}
.axis-format-ct .axis-format-window.combined hr {
  background: transparent;
  border: none;
  border-bottom: 1px dotted #dcdcdc;
  margin: 0px;
}
.axis-format-ct .axis-format-window.combined .item {
  line-height: 1;
  margin-top: 5px;
}
.axis-format-ct .axis-format-window.combined .item span {
  color: #7a7a7a;
}
.axis-format-ct .axis-format-window.combined .item a {
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.axis-format-ct .axis-format-window.combined .item .icon-invert-axis {
  font-size: 20px;
  display: inline-block;
  color: var(--link1Color);
  font-family: 'cortex-icons';
  line-height: 10px;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
.axis-format-ct .axis-format-window.combined .arrow {
  left: 77px;
}
.axis-format-ct .axis-format-window.circle-map {
  width: 100px;
  cursor: default;
}
.axis-format-ct .axis-format-window.circle-map .arrow {
  left: 52px;
}
.axis-format-ct .axis-format-window.circle-map hr {
  background: transparent;
  border: none;
  border-bottom: 1px dotted #dcdcdc;
  margin: 5px 0px 0px;
}
.axis-format-ct .axis-format-window.circle-map .format-link,
.axis-format-ct .axis-format-window.circle-map .center-link {
  cursor: pointer;
}
.axis-format-ct .axis-format-window.reference-line {
  width: 155px;
  z-index: 10;
}
.axis-format-ct .axis-format-window.reference-line .items {
  max-height: 166px;
  overflow-y: auto;
  overflow-x: hidden;
}
.axis-format-ct .axis-format-window.reference-line .items .item {
  clear: both;
  color: #616161;
  height: 20px;
  padding: 0px 0px 0px 5px;
  margin: 0px;
  margin-bottom: 5px;
  font: 11px/20px Arial;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid #c0c0c0;
  border-top: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.axis-format-ct .axis-format-window.reference-line .items .item:last-child {
  margin-bottom: 12px;
}
.axis-format-ct .axis-format-window.reference-line .items .item:first-child {
  margin-top: 3px;
}
.axis-format-ct .axis-format-window.reference-line .items .item .line {
  float: left;
  margin-top: 5px;
  width: 27px;
  position: relative;
  top: 4px;
}
.axis-format-ct .axis-format-window.reference-line .items .item .line.shadow {
  box-shadow: 1px 1px 5px #888888;
  height: 0.4px;
}
.axis-format-ct .axis-format-window.reference-line .items .item .text {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  width: 100%;
  max-width: 70px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.axis-format-ct .axis-format-window.reference-line .items .item .box {
  float: right;
  border: none;
  border-left: 1px solid #e2e2e2;
  background-color: #fcfcfc;
  width: 22px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  color: var(--link1Color);
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
}
.axis-format-ct .axis-format-window.reference-line .items .item .box.icon-close {
  cursor: pointer;
  width: 19px;
}
.axis-format-ct .axis-format-window.reference-line .items .item .box.icon-close:before {
  padding-left: 2px;
}
.axis-format-ct .axis-format-window.reference-line-tooltip {
  width: 110px;
  cursor: default;
  padding: 0px;
  background: #ffffff !important;
  border: solid 1px #DDD;
}
.axis-format-ct .axis-format-window.reference-line-tooltip .top {
  border-bottom: solid 1px #ccc;
}
.axis-format-ct .axis-format-window.reference-line-tooltip .top .label-tooltip {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.axis-format-ct .axis-format-window.reference-line-tooltip .bottom {
  margin-top: 2px;
  margin-bottom: 2px;
}
.axis-format-ct .axis-format-window.reference-line-tooltip .bottom .edit-reference-line {
  cursor: pointer;
  float: left;
  width: 43%;
  text-align: right;
  vertical-align: middle;
  padding-right: 3px;
  padding-left: 3px;
}
.axis-format-ct .axis-format-window.reference-line-tooltip .bottom .delete-reference-line {
  cursor: pointer;
  padding-left: 5px;
  float: left;
  width: 43%;
  text-align: left;
  vertical-align: middle;
}
.axis-format-ct .axis-format-window.reference-line-tooltip .bottom .reference-line-separator {
  width: 2px;
  height: 23px;
  float: left;
}
.axis-format-ct .axis-format-window .arrow {
  position: absolute;
  bottom: -9px;
  width: 16px;
  left: 48px;
  height: 9px;
  vertical-align: middle;
}
.axis-format-ct .axis-format-window .arrow.reference-line {
  left: 73px;
}
.axis-format-ct .axis-format-window .arrow.reference-line-tooltip {
  left: 48px;
}
.axis-format-ct .reference-line-tooltip-consumption {
  max-width: 600px;
  box-shadow: 1px 1px 3px #aaa;
  -moz-box-shadow: 1px 1px 3px #aaa;
  -webkit-box-shadow: 1px 1px 3px #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-style: solid !important;
  border-width: 1px !important;
  background: #ffffff !important;
  background: rgba(255, 255, 255, 0.9) !important;
}
.axis-format-ct .reference-line-tooltip-consumption .label-tooltip {
  padding: 5px 4px 5px !important;
  margin-bottom: 4px;
  margin-top: 4px;
  font: 11px Arial;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.axis-format-ct .marker,
.axis-format-ct .marker-reference-line {
  width: 19px;
  height: 17px;
  vertical-align: middle;
}
.axis-format-ct .marker-reference-line {
  position: relative;
  z-index: 5;
  left: -7px;
}
.axis-format-ct:hover {
  visibility: visible;
}
.chart-format-mask,
.table-format-mask,
.word-cloud-format-mask {
  z-index: 500;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  border-bottom: 6px solid transparent;
  height: 0px;
  border-top: 1px solid transparent;
}
.chart-format-mask:hover,
.table-format-mask:hover,
.word-cloud-format-mask:hover {
  border-top-color: var(--link1Color);
}
.chart-format-mask.active,
.table-format-mask.active,
.word-cloud-format-mask.active {
  border-top-color: var(--link1Color);
}
.table-format-mask,
.word-cloud-format-mask {
  position: relative;
}
.axis-x-mask {
  z-index: 100;
  position: absolute;
  border-bottom: 6px solid transparent;
  height: 0px;
  border-top: 1px solid transparent;
}
.axis-x-mask:hover {
  border-top-color: var(--link1Color);
}
.axis-x-mask.active {
  border-top-color: var(--link1Color);
}
.axis-y-mask {
  z-index: 100;
  position: absolute;
  border-left: 6px solid transparent;
  width: 0px;
  border-right: 1px solid transparent;
}
.axis-y-mask:hover {
  border-right-color: var(--link1Color);
}
.axis-y-mask.active {
  border-right-color: var(--link1Color);
}
.axis-x-separator {
  z-index: 100;
  position: absolute;
  width: 0px;
  border-left: 1px solid transparent;
  border-right: 1px solid #f0f0f0;
}
.axis-x-separator.line0 {
  border-right: 1px solid #e0e0e0;
}
.axis-x-separator.line1 {
  border-right: 1px solid #c0c0c0;
}
.axis-x-separator.line2 {
  border-right: 1px solid #a0a0a0;
}
.axis-y-separator {
  z-index: 100;
  position: absolute;
  height: 0px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #f0f0f0;
}
.axis-y-separator.line0 {
  border-bottom: 1px solid #e0e0e0;
}
.axis-y-separator.line1 {
  border-bottom: 1px solid #c0c0c0;
}
.axis-y-separator.line2 {
  border-bottom: 1px solid #a0a0a0;
}
.axis-label-drill-down-icon,
.axis-band-drill-down-icon,
.axis-label-drill-up-icon,
.axis-band-drill-up-icon {
  position: absolute;
  display: none;
  cursor: pointer;
  white-space: nowrap;
  font: 10px normal Arial;
  color: var(--link1Color);
  width: 30px;
  text-align: right;
}
.axis-label-drill-down-icon:hover,
.axis-band-drill-down-icon:hover,
.axis-label-drill-up-icon:hover,
.axis-band-drill-up-icon:hover {
  display: block !important;
}
.axis-label-drill-down-icon.first-column,
.axis-band-drill-down-icon.first-column,
.axis-label-drill-up-icon.first-column,
.axis-band-drill-up-icon.first-column {
  color: var(--hlColor);
}
.axis-label-drill-down-icon.other-column,
.axis-band-drill-down-icon.other-column,
.axis-label-drill-up-icon.other-column,
.axis-band-drill-up-icon.other-column {
  color: var(--link1Color);
}
.reference-line-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-by-config-panel .plus-dimension {
  margin-left: 10px;
  color: #aaa;
}
.drill-by-config-panel .content .msg {
  margin-bottom: 10px;
  display: block;
}
.drill-by-config-panel .content .msg i {
  font-style: italic;
}
.drill-by-config-panel .content .msg strong {
  color: var(--link2Color);
}
.drill-by-config-panel .content .facets-panel-ct {
  margin-top: 10px;
}
.drill-by-config-panel .content .facets-panel-ct .facet-panel .x-panel-header {
  line-height: 1;
}
.drill-by-config-panel .content .facets-panel-ct .facet-panel .x-panel-header .summary-facet {
  overflow: hidden !important;
  line-height: 20px;
  max-width: 360px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-by-config-panel .content .facets-panel-ct .facet-panel .x-panel-body {
  max-height: 223px;
  overflow: hidden;
  padding: 0px;
  background: #f1f1f1;
  margin-top: 0px;
}
.drill-by-config-panel .content .facets-panel-ct .facet-panel .x-panel-body .x-form-item {
  margin-bottom: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.responsive-window {
  max-width: 1920px !important;
  min-width: var(--mainPanelMinWidth);
  width: 90%;
}
.responsive-window .responsive-window-body {
  height: calc(90vh - 55px);
}
.responsive-window .x-window-header-text {
  cursor: default;
}
.responsive-window .x-grid3-scroller {
  height: calc(90vh - 170px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-chooser-window {
  width: 100%;
  max-width: 725px;
  min-width: var(--mainPanelMinWidth);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.custom-date-menu {
  border: 1px solid #D1D1D1;
  width: 200px;
  border-radius: 0px;
  box-shadow: 0px 2px 4px #999;
  -moz-box-shadow: 0px 2px 4px #999;
  -webkit-box-shadow: 0px 2px 4px #999;
}
.custom-date-menu .header {
  background: #F7F7F7;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  position: relative;
}
.custom-date-menu .header .current-year {
  line-height: 24px;
  color: #4c4d4d;
}
.custom-date-menu .header .icon-left {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 17px;
  color: var(--link1Color);
  cursor: pointer;
}
.custom-date-menu .header .icon-right {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 17px;
  color: var(--link1Color);
  cursor: pointer;
}
.custom-date-menu .body {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}
.custom-date-menu .body ul li {
  color: #606060;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 5px;
  float: left;
  cursor: pointer;
  text-align: center;
}
.custom-date-menu .body ul li.month {
  width: 35px;
  margin: 2px 10px;
}
.custom-date-menu .body ul li.quarter {
  width: 22px;
  margin: 2px 10px;
}
.custom-date-menu .body ul li.year {
  width: 30px;
  margin: 2px 6px;
}
.custom-date-menu .body ul li.current {
  border-color: #d9d9d9;
}
.custom-date-menu .body ul li.selected {
  background: var(--link2Color);
  color: #fff;
}
.custom-date-menu .footer {
  background: #F7F7F7;
  height: 30px;
  text-align: center;
}
.custom-date-menu .footer button {
  margin: 5px 0px 0px;
  padding: 0px 10px;
  background: #f1f1f1;
  color: #5e5d5d;
  line-height: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  cursor: pointer;
}
.custom-date-menu .footer button:hover {
  background: #e9e9e9;
}
.custom-date-menu .x-window-tl,
.custom-date-menu .x-window-bl {
  display: none;
}
.custom-date-menu .x-window-ml {
  padding-left: 0px;
}
.custom-date-menu .x-window-mr {
  padding-right: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-combo-list.dimension-combo .x-combo-list-item {
  color: #999;
}
.cortex-combo-list.dimension-combo .x-combo-list-item.CUBE {
  color: var(--hlColor);
  padding-left: 2px;
}
.cortex-combo-list.dimension-combo .x-combo-list-item.CUBE.x-combo-selected {
  background: none !important;
  cursor: default !important;
}
.cortex-combo-list.dimension-combo .x-combo-list-item.SIMPLE {
  color: #555;
  padding-left: 15px;
}
.cortex-combo-list.dimension-combo .x-combo-list-item.DATE {
  color: #555;
  padding-left: 15px;
}
.cortex-combo-list.dimension-combo .x-combo-list-item.MEASURE {
  color: #555;
  padding-left: 15px;
}
.cortex-combo-list.dimension-combo .x-combo-list-item.FORMULA {
  color: #555;
  padding-left: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cortex-combo-based-on {
  width: 345px !important;
}
.cortex-combo-auxiliar {
  width: 237px !important;
}
.cortex-combo-ago-auxiliar {
  width: 131px !important;
}
.cortex-combo-ago {
  width: 240px !important;
}
.cortex-combo-fixed {
  width: 265px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.geo-filter-window .cortex-combo-wrap:has(.geo-filter-select) {
  width: 100%!important;
  margin-top: 5px;
}
.geo-filter-window .cortex-combo-wrap:has(.geo-filter-select) .geo-filter-select {
  width: 100% !important;
}
.geo-filter-window .text-basic-filter {
  width: 100%;
}
.geo-filter-window .exclude-members-ct,
.geo-filter-window .search-ct {
  display: none!important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-priority-panel .round-box {
  margin: 10px 0px 0px 0px;
}
.filter-priority-panel .box-icon {
  float: right;
  line-height: 0 !important;
}
.filter-priority-panel .box-icon span {
  font-size: 16px;
  color: #178498;
}
.filter-priority-panel .x-column {
  line-height: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-window .text-basic-filter .selection-info {
  color: #999;
  font-size: 12px;
}
.filter-window .condition-filter .round-box,
.filter-window .top-bottom-filter .round-box {
  width: calc(100% - 20px);
}
.filter-window .keyword-filter .round-box {
  padding-right: 25px;
  position: relative;
}
.filter-window .keyword-filter .round-box .icon-tutorial {
  color: #175282;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 5px;
  font-size: 14px;
}
.filter-window .keyword-filter .x-form-item {
  margin-bottom: 0px;
}
.filter-window .keyword-filter .x-form-item .cortex-textarea {
  width: calc(100% - 20px);
  max-height: 130px;
  min-height: 130px;
  height: 130px;
  padding: 9px;
  display: block;
}
.filter-window .date-basic-filter .type-combo {
  display: none;
}
.filter-window .date-basic-filter .filter-type-combo-ct {
  margin-bottom: 10px;
}
.filter-window .date-basic-filter .round-box .combo-ct .x-form-field-wrap {
  width: auto !important;
}
.filter-window .date-basic-filter .round-box .count-wrapper {
  border-left: 1px dotted #c8c8c8;
  margin-left: 5px;
  padding-left: 5px;
}
.filter-window .date-basic-filter .round-box .count-wrapper span {
  line-height: 23px;
  color: #afafaf;
  margin-left: 5px;
}
.filter-window .date-basic-filter .calendar-button {
  background: #f0f0f0 url("../images/components/analysis/bg-filter-button.png") repeat-x;
  border: 1px solid #f0f0f0;
  margin: 0px 3px 3px 0px;
  padding: 0px;
  line-height: 18px;
  color: #5d5d5d;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.filter-window .date-basic-filter .calendar-button.size-1 {
  width: 22px;
}
.filter-window .date-basic-filter .calendar-button.size-2 {
  width: 49px;
}
.filter-window .date-basic-filter .calendar-button.size-3 {
  width: 78px;
}
.filter-window .date-basic-filter .calendar-button.active {
  border-color: #e7eee5;
  background: #e7eee5 url("../images/components/analysis/bg-filter-button-active.png") repeat-x;
}
.filter-window .limit-label {
  margin-top: 10px;
}
.filter-window .not-filter {
  text-decoration: line-through;
}
.filter-window .x-tab-strip-inner {
  padding-left: 13px;
  padding-right: 16px;
  height: 27px;
}
.filter-window .plain-tab .x-tab-strip span.x-tab-strip-text {
  font-size: 12px;
  padding-left: 0px;
  padding-bottom: 3px;
  padding-top: 4px;
}
.filter-window .plain-tab .x-tab-strip span.x-tab-strip-text span {
  font-size: 15px;
  color: #d7d7d7;
  margin-right: 1px;
  display: inline;
  position: relative;
  top: 1px;
}
.filter-window .plain-tab .x-tab-strip span.x-tab-strip-text .icon-filter {
  padding-right: 7px;
}
.filter-window .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
  padding-bottom: 4px;
}
.filter-window .x-tab-strip-top .filtered .x-tab-right span.x-tab-strip-text span {
  color: var(--link2Color);
}
.filter-window .plain-tab .x-tab-strip-top .x-tab-right {
  padding-left: 2px;
}
.filter-window .plain-tab .x-tab-strip-top .x-tab-left {
  padding-right: 2px;
}
.filter-window .clear-filter {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.filter-window .clear-filter:hover {
  text-decoration: underline;
}
.filter-window .clear-filter.disabled {
  color: #737373;
  cursor: default;
}
.filter-window .clear-filter.disabled:hover {
  text-decoration: none;
}
.filter-window .x-window-footer .x-panel-btns-ct {
  padding-top: 41px;
}
.filter-window .common-options-ct {
  margin-top: 10px;
  padding: 5px;
  background-color: #dcdcdc;
  width: 465px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-window .exclude-members-ct {
  padding: 5px;
  background-color: #ececec;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-window .exclude-members .x-grid3-row-selected .x-grid3-col-1 {
  text-decoration: line-through;
}
.cortex-combo-list.level-combo .x-combo-list-item {
  color: var(--link2Color);
}
.cortex-combo-list.level-combo .x-combo-list-item.TITLE {
  padding-left: 2px;
}
.cortex-combo-list.level-combo .x-combo-list-item.TITLE.x-combo-selected {
  background: none !important;
  cursor: default !important;
}
.cortex-combo-list.level-combo .x-combo-list-item.ITEM {
  color: #555;
  padding-left: 15px;
}
.cortex-combo-list.level-combo .x-combo-list-item.DISABLED {
  color: #bbb;
  padding-left: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.fast-formula-format-measure-window .x-window-body .title {
  color: var(--link2Color);
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.fast-formula-format-measure-window .x-window-body .title span {
  color: #9b9b9b;
}
.fast-formula-format-measure-window .x-window-body .x-form-check-wrap {
  margin-top: 3px;
}
.fast-formula-format-measure-window .x-window-body .dimension-item {
  vertical-align: middle;
  line-height: 22px;
  border-top: 1px dotted #d6d6d6;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.fast-formula-format-measure-window .x-window-body .dimension-item:first-child {
  border-top: none;
}
.fast-formula-format-measure-window .x-window-body .dimension-item img {
  margin-right: 5px;
}
.fast-formula-format-measure-window .x-window-body .dimension-item .icon-filter {
  vertical-align: text-bottom;
  font-size: 14px;
  color: #178498;
  visibility: hidden;
}
.fast-formula-format-measure-window .x-window-body .dimension-item.filtered .icon-filter {
  visibility: visible !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.formula-builder-window .responsive-window-body > .x-column-layout-ct {
  height: 100%;
}
.formula-builder-window .responsive-window-body > .x-column-layout-ct > .x-column-inner {
  height: 100%;
  display: flex;
}
.formula-builder-window .left-ct {
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
  flex: 1 1 20%;
  min-width: 175px;
  max-width: 220px;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel:first-child {
  margin-top: 0px;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-header {
  background: #f8f8f8;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-header .x-panel-header-text {
  background: #f8f8f8 !important;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-header .x-panel-header-text .summary-facet {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
  width: 125px;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-header .x-tool {
  background: #f8f8f8;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body {
  background: #f8f8f8;
  padding: 10px 5px;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .title {
  color: #161616;
  margin: 0px 0px 10px;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box {
  margin-top: 7px;
  cursor: default;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box:first-child {
  margin-top: 0px;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box.alias {
  background-color: #fff;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box .alias {
  visibility: hidden !important;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box.MEASURE:hover,
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box.FORMULA:hover {
  background: #eff4ee;
  color: var(--measureColor) !important;
}
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box.DATE:hover,
.formula-builder-window .left-ct .facets-panel-ct .facet-panel .x-panel-body .dimension-box.SIMPLE:hover {
  background: #eef9fb;
  color: var(--dimensionColor) !important;
}
.formula-builder-window .middle-ct {
  padding: 0 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}
.formula-builder-window .middle-ct .formula-toolbar {
  margin-top: 0;
  display: flex;
}
.formula-builder-window .middle-ct .formula-toolbar .cortex-label {
  align-self: center;
  flex: 0 0 auto;
}
.formula-builder-window .middle-ct .formula-toolbar .cortex-input {
  flex: 1 1 auto;
  margin-right: 10px;
  margin-left: 10px;
  min-width: 50px;
}
.formula-builder-window .middle-ct .formula-toolbar .required {
  font-weight: bold;
  color: #a50000;
}
.formula-builder-window .middle-ct .formula-toolbar .import-formula {
  color: var(--link1Color);
  line-height: 22px;
  text-align: right;
  flex: 0 0 auto;
}
.formula-builder-window .middle-ct .formula-toolbar .import-formula.disabled {
  cursor: default;
  color: #ccc;
}
.formula-builder-window .middle-ct .formula-toolbar .import-formula.disabled:hover {
  text-decoration: none;
}
.formula-builder-window .middle-ct .editor-ct {
  height: 100%;
}
.formula-builder-window .middle-ct .editor-ct .editor {
  height: 100% !important;
}
.formula-builder-window .middle-ct .editor-ct .editor .ace_editor {
  height: calc(100% - 8px) !important;
}
.formula-builder-window .middle-ct .editor-ct .editor .ace_editor .ace_content {
  margin-top: 0;
}
.formula-builder-window .middle-ct .editor-ct {
  border: 1px #dcdcdc solid;
  border-radius: 4px;
  padding: 5px;
}
.formula-builder-window .middle-ct .editor-ct .editor {
  background: #fff;
  border-color: #fff;
}
.formula-builder-window .middle-ct .editor-ct .editor.x-form-empty-field {
  color: #c5c5c5 !important;
}
.formula-builder-window .middle-ct .editor-ct .editor .regex-html i.dimension {
  background: #e0f8fd !important;
}
.formula-builder-window .middle-ct .editor-ct .editor .regex-html i.measure {
  background: #ebf7ea !important;
}
.formula-builder-window .middle-ct .editor-ct .editor.webkit i.dimension {
  color: var(--dimensionColor) !important;
}
.formula-builder-window .middle-ct .editor-ct .editor.webkit i.measure {
  color: var(--measureColor) !important;
}
.formula-builder-window .right-ct {
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: calc(100% - 16px);
  display: flex;
  flex-direction: column;
  flex: 1 1 20%;
  min-width: 105px;
  max-width: 200px;
}
.formula-builder-window .right-ct .drag-el {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  height: 18px;
  min-height: 18px;
  line-height: 18px;
  color: #696969;
  text-align: center;
  padding: 0;
  cursor: default;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.formula-builder-window .right-ct .drag-el:hover {
  background-color: #f2f2f2;
}
.formula-builder-window .right-ct .drag-el.text {
  font-size: 11px;
}
.formula-builder-window .right-ct .operators-ct {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-content: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.formula-builder-window .right-ct .operators-ct .operator {
  min-width: 50px;
  flex: 1;
  margin: 3px;
}
.formula-builder-window .right-ct .functions-ct {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.formula-builder-window .right-ct .functions-ct .fns-ct {
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-flow: column;
}
.formula-builder-window .right-ct .functions-ct .fns-ct .fn {
  margin-top: 7px;
  line-height: 18px;
  padding: 0 5px;
  text-align: left;
  margin-right: 4px;
}
.formula-builder-window .right-ct .functions-ct .fns-ct .fn:first-child {
  margin-top: 0;
}
.formula-builder-window .title {
  font: 14px var(--titleFontFace);
  color: #545454;
  margin: 5px 0px 10px 0px;
  position: relative;
}
.formula-builder-window .title .theme-button {
  width: 13px;
  height: 13px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 2px;
  right: 10px;
  border: none;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.formula-builder-window .link {
  cursor: pointer;
  text-decoration: none;
}
.formula-builder-window .link:hover {
  text-decoration: underline;
}
.formula-builder-window .formula-tutorial {
  float: left;
  line-height: 26px;
  color: var(--link1Color);
  margin-right: 5px;
}
.formula-builder-window .formula-tutorial .icon-tutorial {
  cursor: pointer;
  font-size: 16px;
  vertical-align: text-bottom;
}
.formula-builder-window .invalid-formula {
  float: right;
  line-height: 26px;
  color: #cb0000;
  margin-right: 5px;
}
.formula-builder-window .invalid-formula .icon-tutorial {
  cursor: pointer;
  font-size: 16px;
  vertical-align: text-bottom;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.blended-relation-window .x-window-body {
  max-height: 240px;
  padding: 8px 5px 5px 5px;
}
.blended-relation-window .header {
  margin-bottom: 8px;
}
.blended-relation-window .header .icon-warning {
  float: left;
  font-size: 30px;
  margin-top: 6px;
  margin-right: 10px;
  color: #ffae00;
}
.blended-relation-window .header .value {
  font: 48px/44px var(--titleFontFace);
  color: var(--link2Color);
  float: left;
  margin-right: 10px;
}
.blended-relation-window .header .text {
  font: 18px/22px var(--titleFontFace);
  color: #545454;
  float: left;
  text-transform: uppercase;
  width: 150px;
}
.blended-relation-window .header .description {
  font: 11px/13px var(--mainFontFace);
  color: #696969;
  width: 215px;
  margin-top: 10px;
}
.blended-relation-window .header .text-multivalue-relation {
  font: 11px/13px var(--mainFontFace);
  color: #3F3F3F;
  width: 215px;
  margin-top: 10px;
}
.blended-relation-window .header.date .text {
  width: 183px;
}
.blended-relation-window .header.date img {
  float: left;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.blended-relation-window .dimension-name {
  color: var(--link2Color);
  margin-bottom: 2px;
}
.blended-relation-window .dimension-name span {
  color: #838383;
}
.blended-relation-window .dimension-matching {
  color: #696969;
  margin-bottom: 8px;
}
.blended-relation-window .remove-link {
  padding-top: 5px;
  border-top: 1px dotted #ddd;
  cursor: pointer;
  color: var(--link1Color);
  margin-bottom: 4px;
  padding-right: 5px;
}
.blended-relation-window .has-secure-dimension {
  padding-top: 5px;
  border-top: 1px dotted #ddd;
  font: var(--mainFontSize) var(--mainFontFace);
  color: #696969;
  margin-bottom: 4px;
  padding-right: 5px;
}
.blended-relation-window .has-secure-dimension .restriction-message {
  vertical-align: middle;
  font: var(--mainFontSize) var(--mainFontFace);
  color: #5D5D5D;
}
.blended-relation-window .has-secure-dimension .icon-access-restriction {
  vertical-align: middle;
  font-family: "cortex-icons";
  font-size: var(--mainFontSize);
  color: #A8A8A8;
}
.blended-relation-window .separator {
  border-top: 1px solid #ddd;
  height: 1px;
  margin-bottom: 8px;
}
.blended-relation-window .relations {
  margin-bottom: 8px;
}
.blended-relation-window .relations img {
  vertical-align: middle;
  margin-right: 5px;
}
.blended-relation-window .relations span {
  color: #4c4d4d;
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dataset-drop-container {
  position: relative;
}
.dataset-drop-container .dimension-box {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.dataset-drop-container .dimension-box.active {
  border-color: #98cad3;
}
.dataset-drop-container .dimension-box.drag-over-hierarchy {
  background: #e5f0f2;
}
.dataset-drop-container .dimension-box.drag-over-dimension {
  background: #f8f8f8;
}
.dataset-drop-container .dimension-box-margin.top {
  height: 4px;
  border-bottom: 1px dashed transparent;
}
.dataset-drop-container .dimension-box-margin.top.drag-over {
  border-bottom-color: #bbb;
}
.dataset-drop-container .dimension-box-margin.bottom {
  height: 4px;
  border-top: 1px dashed transparent;
}
.dataset-drop-container .dimension-box-margin.bottom.drag-over {
  border-top-color: #bbb;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dataset-window {
  font-family: 'Open Sans', sans-serif;
}
.dataset-window.blended-dataset-window {
  position: initial !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.dataset-window.blended-dataset-window .x-window-tl .x-window-header-text {
  font-size: 12px;
}
.dataset-window.x-window:not(.blended-window) {
  background: #F3F4F6;
}
.dataset-window .x-window-tl {
  background-color: transparent;
}
.dataset-window .x-window-tl .x-window-header-text {
  color: #393939;
  font-size: 14px;
  font-weight: 600;
  max-width: unset;
  float: none;
  margin: initial;
  display: block;
  padding: 10px;
  width: auto !important;
  cursor: default;
  font-family: 'Open Sans', sans-serif;
}
.dataset-window .x-window-tl .x-tool-close {
  background-image: unset;
  width: 16px;
  height: 16px;
  font-size: 16px;
  background-position: unset;
  background-color: unset;
}
.dataset-window .x-window-tl .x-tool-close:before {
  content: "\ea6a";
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
  top: 0;
}
.dataset-window:hover .dimension-type-title .calculated-measure-btn {
  visibility: visible;
}
.dataset-window.lite-shadow {
  box-shadow: 0 1px 4px #bbb;
  -moz-box-shadow: 0 1px 4px #bbb;
  -webkit-box-shadow: 0 1px 4px #bbb;
}
.dataset-window .x-window-bwrap {
  overflow: visible;
}
.dataset-window .x-window-body {
  overflow: visible;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dataset-window .x-tool-close-over {
  background-position: 0 0;
}
.dataset-window .x-form-text {
  height: 18px;
  padding-top: 0px;
  padding-left: 3px !important;
  padding-right: 3px !important;
  color: #444;
  border-color: #DCDCDC;
  background: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.dataset-window .select-main-dataset-btn {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.dataset-window .select-main-dataset-btn .icon-left {
  color: var(--hlColor);
  cursor: pointer;
  align-self: center;
  transition: transform 0.3s;
  font-size: 20px;
}
.dataset-window .select-main-dataset-btn .icon-left.collapsed {
  transform: rotate(180deg);
}
.dataset-window .select-main-dataset-btn .main-dataset-text {
  flex: 1 1 100%;
}
.dataset-window .select-main-dataset-title {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}
.dataset-window .CUBE-icon {
  background: transparent url(../images/components/analysis/normal-cube-icon.png) no-repeat;
  padding-left: 22px;
}
.dataset-window .TEXT-icon {
  background: transparent url(../images/components/analysis/text-cube-icon.png) no-repeat;
  padding-left: 22px;
}
.dataset-window .INDEX-icon {
  background: transparent url(../images/components/analysis/index-cube-icon.png) no-repeat 0 0px;
  padding-left: 22px;
  line-height: 23px !important;
}
.dataset-window .dataset-menu-icon {
  font-size: 20px;
  line-height: 26px;
  color: var(--link1Color);
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dataset-window .dataset-menu-icon.blend-chooser-open {
  color: var(--hlColor);
}
.dataset-window .calculated-measure-btn {
  color: var(--link1Color);
  cursor: pointer;
  font-size: 14px;
  margin-left: 4px;
  vertical-align: text-bottom;
}
.dataset-window .dataset-title-wrap {
  margin: 5px 0 16px 0;
  padding: 3px 0px;
  background: #E2E8F0;
  border-radius: 8px;
  position: relative;
}
.dataset-window .dataset-title {
  font: 14px/24px var(--titleFontFace);
  color: #2B303B;
  margin-left: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
.dataset-window .dataset-title .icon-access-restriction {
  color: #666;
  font-size: 12px;
}
.dataset-window.disabled .dataset-title {
  color: #9d9d9d;
}
.dataset-window .dimension-type-title {
  color: #161616;
  margin: 0 0 10px;
  font: 13px/14px var(--titleFontFace);
  font-weight: 600;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Open Sans', sans-serif;
}
.dataset-window .dimension-type-title .calculated-measure-btn {
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: -1px;
  visibility: hidden;
  vertical-align: middle;
}
.dataset-window .dimensions-wrap {
  max-height: 359px;
}
.dataset-window .dimension-box {
  border: none;
  border-radius: 4px;
  margin-bottom: 10px;
  padding-left: 8px;
  color: #161616;
  font-family: 'Open Sans', sans-serif;
}
.dataset-window .btn {
  border: 1px solid #dcdcdc;
  cursor: pointer;
  text-align: center;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.dataset-window .btn.alter-indexes-btn {
  color: var(--link1Color);
  height: 20px;
  line-height: 20px;
}
.dataset-window .btn.mash-it-up-btn {
  color: var(--hlColor);
  height: 25px;
  line-height: 25px;
}
.dataset-window .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.blended-tutorial {
  position: absolute;
  width: 273px;
  padding: 10px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.blended-tutorial .content {
  float: left;
  width: 220px;
  margin-right: 10px;
}
.blended-tutorial .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
}
.blended-tutorial .content p {
  font: var(--mainFontSize) var(--mainFontFace);
  color: #696969;
  margin-bottom: 15px;
}
.blended-tutorial .content p a {
  color: var(--link1Color);
  text-decoration: none;
}
.blended-tutorial .content label {
  font: var(--mainFontSize) var(--mainFontFace);
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.blended-tutorial .content input[type="checkbox"] {
  vertical-align: middle;
}
.blended-tutorial .arrow {
  float: none;
  right: -13px;
}
.blended-tutorial .closer {
  left: -10px;
  right: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dataset-chooser-window {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.dataset-chooser-window .x-window-header-text {
  color: #2B303B;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
.dataset-chooser-window .x-window-bwrap {
  position: static;
}
.dataset-chooser-window .x-window-body {
  position: static !important;
}
.dataset-chooser-window .header {
  margin: 10px 0;
  padding-left: 25px;
  font: 16px/16px var(--titleFontFace);
  color: #686868;
}
.dataset-chooser-window .arrow {
  position: absolute;
  top: 70px;
  left: -13px;
  vertical-align: middle;
}
.dataset-chooser-window .datasets-ct {
  color: #2B303B;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
}
.dataset-chooser-window .rows {
  margin: 10px 0 5px 0;
}
.dataset-chooser-window .rows .row {
  color: var(--link1Color);
  padding: 5px 0px;
  margin-right: 5px;
  border-bottom: 1px solid var(--color-neutral-200, #E2E8F0);
  cursor: pointer;
}
.dataset-chooser-window .rows .row .row-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
}
.dataset-chooser-window .rows .row .permission-lock {
  float: right;
}
.dataset-chooser-window .rows .row.link {
  color: var(--hlColor) !important;
  border-bottom: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 600;
}
.dataset-chooser-window .rows .first-row {
  padding-top: 0 !important;
  border-top: none !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tag-chooser-help-box {
  background-color: #f2f2f2;
  padding: 10px 5px;
  color: #949494;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tag-wrapper {
  color: #FFF;
  line-height: 20px;
}
.tag-wrapper .title-tags {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  color: #444;
  padding-bottom: 10px;
}
.tag-wrapper .insert-wrap:hover {
  cursor: pointer;
}
.tag-wrapper .insert-wrap:hover .icon-tags {
  color: var(--hlColor);
}
.tag-wrapper .insert-wrap {
  background: #fff;
  float: left;
  padding: 1px 0px;
  margin-top: 8px;
  color: var(--link1Color);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tag-wrapper .insert-wrap span.insert {
  padding-right: 5px;
}
.tag-wrapper .insert-wrap .icon-tags {
  position: relative;
  top: 2px;
  font-size: 15px;
  margin-right: 5px;
}
.tag-wrapper .tag-item {
  white-space: nowrap;
  border: 1px solid transparent;
  float: left;
  margin: 8px 10px 0px 0px;
  pagging: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tag-wrapper .tag-item span.remove:hover {
  cursor: pointer;
}
.tag-wrapper .tag-item span.remove {
  position: relative;
  top: 2px;
  font-size: 15px;
  margin-right: 5px;
}
.tag-wrapper .tag-item span.title {
  padding: 0px 5px;
  font-weight: bold;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dataset-chooser-window.x-window.blended-window {
  box-shadow: 0 4px 16px 0 rgba(113, 113, 122, 0.12);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.blend-list-container {
  font-family: 'Open Sans', sans-serif;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(113, 113, 122, 0.12);
  margin-left: 16px;
  margin-bottom: 16px;
  overflow: initial;
  min-height: 468px;
}
.blend-list-container .header {
  display: flex;
}
.blend-list-container .header .title {
  color: #393939;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  flex: 1 1 100%;
  min-width: 50px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blend-list-container .header .action-icon {
  font-size: 20px;
  color: var(--link1Color);
  align-self: center;
  padding: 10px;
  cursor: pointer;
  flex: 0 0 20px;
}
.blend-list-container .body {
  padding: 10px;
  max-height: 549px;
  overflow-y: auto;
}
.blend-list-container .body .blended-dataset-window:not(:last-child) {
  margin-bottom: 10px;
}
.blend-list-container .body .blended-dataset-window .x-window-header-text {
  cursor: pointer;
}
.blend-list-container .body .blended-dataset-window .x-window-bwrap {
  transition: max-height 0.3s;
  overflow: hidden;
}
.blend-list-container .body .blended-dataset-window.collapsed .x-window-bwrap {
  max-height: 0 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-warning-tip {
  width: 250px;
}
.dimension-warning-tip .tip-text {
  padding: 0px 10px 10px 10px;
  color: #696969;
}
.dimension-warning-tip .tip-filter {
  padding: 0px 10px 10px 10px;
  color: #175282;
}
.dimension-warning-tip .tip-filter .remove,
.dimension-warning-tip .tip-filter .update {
  font-weight: bold;
  cursor: pointer;
}
.dimension-warning-tip .tip-filter .remove:hover,
.dimension-warning-tip .tip-filter .update:hover {
  text-decoration: underline;
}
.dimension-warning-tip .title {
  padding: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.paging-navigation-format-window {
  width: 319px !important;
}
.paging-navigation-format-window .x-window-ml {
  padding: 5px 0 0 10px;
}
.paging-navigation-format-window .item {
  padding: 10px 0;
}
.paging-navigation-format-window .item:not(:first-child) {
  border-top: 1px dotted #dbdbdb;
}
.paging-navigation-format-window .item label {
  float: left;
  width: 121px;
  line-height: 23px;
}
.paging-navigation-format-window .item .font-family,
.paging-navigation-format-window .item .font-size,
.paging-navigation-format-window .item .border-style {
  margin-left: 10px;
}
.paging-navigation-format-window .round-box {
  margin: 0;
}
.paging-navigation-format-window .round-box label {
  line-height: 23px;
}
.paging-navigation-format-window .cortex-toggle-button {
  margin: 5px 5px 0 8px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drills-records-options-window {
  max-width: 250px;
}
.drills-records-options-window a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-table {
  display: inline-block;
  font-size: 11px;
}
.analysis-table table {
  background-color: #fff;
  padding: 0;
  position: relative;
}
.analysis-table.transparent table {
  background-color: transparent;
}
.analysis-table.font-small {
  font-size: 10px;
}
.analysis-table.font-big {
  font-size: 12px;
}
.analysis-table.no-wrap td,
.analysis-table.no-wrap th {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.analysis-table.mobile-app {
  overflow: hidden !important;
}
.analysis-table.empty-table {
  margin: 10px;
  display: block;
}
.analysis-table.empty-table table {
  width: 100%;
}
.analysis-table .drill-records div.ext-el-mask {
  background-color: #f4f4f4;
}
.analysis-table.mobile table .cell-even:hover,
.analysis-table.mobile table .cell-odd:hover {
  border-color: #fff #fff #ebebeb transparent;
}
.analysis-table.mobile table .heading-heading[j]:hover,
.analysis-table.mobile table .row-heading-even[j]:hover,
.analysis-table.mobile table .row-heading-odd[j]:hover {
  background: #f2f2f2;
}
.analysis-table td,
.analysis-table th {
  position: relative;
  color: #707070;
  cursor: default;
  padding: 5px;
  min-width: 25px;
  max-width: 210px;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
.analysis-table td:hover,
.analysis-table th:hover {
  background-color: #f3f3f3;
}
.analysis-table td span.drill-caption,
.analysis-table th span.drill-caption {
  cursor: default;
}
.analysis-table td div.drill-icon,
.analysis-table th div.drill-icon {
  position: absolute;
  display: none;
  cursor: pointer;
  white-space: nowrap;
  color: var(--link1Color);
  font-size: 10px;
  right: 0;
  bottom: 4px;
  padding: 2px;
  background-color: #f3f3f3;
}
.analysis-table td div.drill-icon:hover,
.analysis-table th div.drill-icon:hover {
  display: block !important;
}
.analysis-table td div.drill-icon .drill-down.first-column,
.analysis-table th div.drill-icon .drill-down.first-column,
.analysis-table td div.drill-icon .drill-up.first-column,
.analysis-table th div.drill-icon .drill-up.first-column {
  color: var(--hlColor);
}
.analysis-table td div.drill-icon .drill-down:hover,
.analysis-table th div.drill-icon .drill-down:hover,
.analysis-table td div.drill-icon .drill-up:hover,
.analysis-table th div.drill-icon .drill-up:hover {
  display: inline-block !important;
}
.analysis-table td {
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
.analysis-table th {
  text-align: left;
  vertical-align: middle;
}
.analysis-table th.heading-heading {
  color: #303030;
}
.analysis-table th.heading-heading .sort-icon {
  display: none;
}
.analysis-table th.drill-records .label:hover {
  cursor: pointer;
  text-decoration: underline;
}
.analysis-table thead {
  z-index: 2;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 6px 6px 0 0;
}
.analysis-table .paging-wrapper {
  position: relative;
  margin-top: 10px;
  min-width: 470px;
  width: 100%;
  height: 36px;
  border-radius: 4px;
  background-color: #F3F4F6;
}
.analysis-table .paging-wrapper #total-show {
  float: left;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  color: #2B303B;
  margin-left: 10px;
}
.analysis-table .paging-wrapper #total-show.pages #total {
  display: none;
}
.analysis-table .paging-wrapper #total-show.none {
  display: none;
}
.analysis-table .paging-wrapper #navigation-show {
  float: right;
  margin-right: 10px;
}
.analysis-table .paging-wrapper #navigation-show.buttons .paging-number {
  display: none;
}
.analysis-table .paging-wrapper #navigation-show.pages .paging-icon {
  display: none;
}
.analysis-table .paging-wrapper #navigation-show.pages .paging-number {
  margin-top: 5px;
}
.analysis-table .paging-wrapper .paging {
  height: 36px;
  text-align: right;
  display: flex;
}
.analysis-table .paging-wrapper .paging .navigation-items-container {
  display: flex;
  align-items: center;
}
.analysis-table .paging-wrapper .paging span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 2px;
  color: #2B303B;
}
.analysis-table .paging-wrapper .paging .paging-icon {
  cursor: pointer;
  padding: 0 0 0;
  line-height: 45px;
}
.analysis-table .paging-wrapper .paging .paging-icon .svg-icon {
  height: 24px;
  width: 24px;
  transition: 0.1s;
}
.analysis-table .paging-wrapper .paging .paging-number {
  font-family: 'Open Sans';
  font-size: 12px;
  border-radius: 4px;
  padding: 0 0 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: 0.1s;
}
.analysis-table .paging-wrapper .paging .selected {
  font-weight: bold;
  color: #FFF;
  background: #6C7993;
}
.analysis-table .paging-wrapper .paging .paging-icon {
  cursor: pointer;
}
.analysis-table .paging-wrapper .paging .paging-current-0,
.analysis-table .paging-wrapper .paging .paging-current-last {
  cursor: default;
  color: #C4C9D4;
}
.analysis-table.transparent tbody th,
.analysis-table.transparent tbody td {
  background-color: transparent !important;
}
.analysis-table .row-heading-even {
  background: #fff;
  word-wrap: break-word;
}
.analysis-table .row-heading-even.sortable .drill-icon {
  right: 17px;
}
.analysis-table .row-heading-even .sort-icon {
  display: none;
  position: absolute;
  font-size: 13px;
  right: 0;
  padding: 0 2px;
  color: gray;
}
.analysis-table .row-heading-odd {
  background: #fafafa;
  word-wrap: break-word;
}
.analysis-table .row-heading-odd.sortable .drill-icon {
  right: 17px;
}
.analysis-table .row-heading-odd .sort-icon {
  display: none;
  position: absolute;
  font-size: 13px;
  right: 0;
  padding: 0 2px;
  color: gray;
}
.analysis-table .row-heading-span {
  background: #fafafa;
  word-wrap: break-word;
}
.analysis-table .row-heading-span.sortable .drill-icon {
  right: 17px;
}
.analysis-table .row-heading-span .sort-icon {
  display: none;
  position: absolute;
  font-size: 13px;
  right: 0;
  padding: 0 2px;
  color: gray;
}
.analysis-table .row-heading-span.even {
  background: #fff;
}
.analysis-table .heading-heading[j] {
  background-repeat: no-repeat;
  background-position: center right;
}
.analysis-table .heading-heading[j].no-sorting .sort-icon {
  display: none;
}
.analysis-table .heading-heading[j].sortable .drill-icon {
  cursor: pointer;
  right: 17px;
}
.analysis-table .heading-heading[j].sortable .sort-icon {
  display: none;
  position: absolute;
  font-size: 13px;
  right: 0;
  padding: 0 2px;
  color: gray;
}
.analysis-table .heading-heading[j].sortable:hover .sort-icon.icon-maior-para-menor {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .heading-heading[j].sortable.desc .sort-icon.icon-maior-para-menor {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .heading-heading[j].sortable.desc:hover .sort-icon.icon-menor-para-maior {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .heading-heading[j].sortable.desc:hover .sort-icon.icon-maior-para-menor {
  display: none;
}
.analysis-table .heading-heading[j].sortable.asc .sort-icon.icon-menor-para-maior {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .heading-heading[j].sortable.asc:hover .sort-icon.icon-maior-para-menor {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .heading-heading[j].sortable.asc:hover .sort-icon.icon-menor-para-maior {
  display: none;
}
.analysis-table .row-heading-even[j],
.analysis-table .row-heading-odd[j] {
  background-repeat: no-repeat;
  background-position: center right;
}
.analysis-table .row-heading-even[j].sortable:hover .icon-horizontal-maior-menor,
.analysis-table .row-heading-odd[j].sortable:hover .icon-horizontal-maior-menor {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .row-heading-even[j].sortable.desc .icon-horizontal-maior-menor,
.analysis-table .row-heading-odd[j].sortable.desc .icon-horizontal-maior-menor {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .row-heading-even[j].sortable.desc:hover .icon-horizontal-maior-menor,
.analysis-table .row-heading-odd[j].sortable.desc:hover .icon-horizontal-maior-menor {
  display: none;
}
.analysis-table .row-heading-even[j].sortable.desc:hover .icon-horizontal-menor-maior,
.analysis-table .row-heading-odd[j].sortable.desc:hover .icon-horizontal-menor-maior {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .row-heading-even[j].sortable.asc .icon-horizontal-menor-maior,
.analysis-table .row-heading-odd[j].sortable.asc .icon-horizontal-menor-maior {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .row-heading-even[j].sortable.asc:hover .icon-horizontal-maior-menor,
.analysis-table .row-heading-odd[j].sortable.asc:hover .icon-horizontal-maior-menor {
  cursor: pointer;
  display: inline-block;
}
.analysis-table .row-heading-even[j].sortable.asc:hover .icon-horizontal-menor-maior,
.analysis-table .row-heading-odd[j].sortable.asc:hover .icon-horizontal-menor-maior {
  display: none;
}
.analysis-table.highlight-cell .cell-even:hover,
.analysis-table.highlight-cell .cell-odd:hover {
  border-color: var(--link1Color) !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.analysis-table.highlight-cell .cell-even.selected,
.analysis-table.highlight-cell .cell-odd.selected {
  border-color: var(--link1DarkenColor) !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.analysis-table .cell-even {
  background-color: #fff;
}
.analysis-table .cell-odd {
  background-color: #fafafa;
}
.analysis-table td.hidden,
.analysis-table th.hidden {
  padding: 0px !important;
  border: none !important;
}
.analysis-table th.total {
  font-weight: bold;
}
.analysis-table img.cell-value-trend {
  padding-left: 4px;
  padding-top: 1px;
}
.analysis-table div.cell-trend-progress-bar {
  background-image: url(../images/icons/olap/olap-cell-trend-bg.png);
  background-repeat: no-repeat;
  background-color: #cecece;
  border: 1px solid #c8c8c8;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.analysis-table .olap-drill-through-cell {
  cursor: pointer;
  padding-top: 1px;
  padding-right: 3px;
}
.analysis-table .olap-cell-hover-show {
  visibility: hidden;
}
.analysis-table td:hover img.olap-cell-hover-show {
  visibility: visible;
}
.analysis-table .x-loading {
  width: 14px;
  height: 14px;
  background: transparent url(../images/loader/fb_loader.gif) no-repeat;
  background-size: contain;
}
.table-result-container:has(.analysis-table-list) {
  overflow: unset !important;
}
.table-result-container:has(.analysis-table-list) + .analysis-filter-container .filters-header {
  margin-top: 0px;
}
.table-result-container .analysis-table-list {
  width: 100%;
}
.table-result-container .analysis-table-list table {
  min-width: 500px;
  width: 100%;
  overflow-x: scroll;
  display: inline-block;
}
.ipad .analysis-table .heading-heading[j],
.ipad .analysis-table .row-heading-even[j],
.ipad .analysis-table .row-heading-odd[j] {
  background-position: right center;
}
.hit-chart-ct .heading-heading[j] {
  cursor: default !important;
}
.hit-chart-ct .heading-heading[j]:hover {
  background-image: none !important;
}
.hit-chart-ct .heading-heading[j].desc:hover {
  background-image: url(../images/components/analysis/ico-sort-desc-y.png) !important;
}
.hit-chart-ct .heading-heading[j].asc:hover {
  background-image: url(../images/components/analysis/ico-sort-asc-y.png) !important;
}
.hit-chart-ct .row-heading-even[j],
.hit-chart-ct .row-heading-odd[j] {
  cursor: default !important;
}
.hit-chart-ct .row-heading-even[j]:hover,
.hit-chart-ct .row-heading-odd[j]:hover {
  background-image: none !important;
}
.hit-chart-ct .row-heading-even[j].desc:hover,
.hit-chart-ct .row-heading-odd[j].desc:hover {
  background-image: url(../images/components/analysis/ico-sort-desc-x.png) !important;
}
.hit-chart-ct .row-heading-even[j].asc:hover,
.hit-chart-ct .row-heading-odd[j].asc:hover {
  background-image: url(../images/components/analysis/ico-sort-asc-x.png) !important;
}
.ext-remotebrowser .analysis-table .heading-heading[j],
.ext-remotebrowser .analysis-table .row-heading-even[j],
.ext-remotebrowser .analysis-table .row-heading-odd[j] {
  background-position: right center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.sort-dimension-window .add-condition {
  color: var(--link2Color);
  display: block;
  text-align: right;
  text-decoration: none;
  margin-top: 10px;
}
.sort-dimension-window .add-condition.disabled {
  color: #ccc;
  cursor: default;
}
.sort-dimension-window .radio-ct .x-form-check-wrap {
  line-height: 20px;
}
.sort-dimension-window .round-box .conditions-wrapper {
  max-height: 156px;
  text-align: center;
  overflow-y: auto;
  overflow-x: hidden;
}
.sort-dimension-window .round-box .conditions-wrapper .condition {
  display: inline-block;
  margin: 0px 0px 5px;
}
.sort-dimension-window .round-box .conditions-wrapper .condition .fields {
  float: left;
  background-color: #fff;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  padding: 10px 7px;
  height: 25px;
  width: 230px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px 5px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px 5px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px 5px;
  border-bottom-left-radius: 4px;
}
.sort-dimension-window .round-box .conditions-wrapper .condition .remove {
  float: left;
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  width: 19px;
  height: 45px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.sort-dimension-window .round-box .conditions-wrapper .condition .remove.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.sort-dimension-window .round-box .button-wrapper {
  border-top: 1px dotted #d7d7d7;
  margin-top: 10px;
}
.sort-dimension-window .round-box .button-wrapper button {
  line-height: 21px;
  color: #5e5d5d;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.sort-dimension-window .round-box .button-wrapper button.disabled {
  color: #ccc;
  cursor: default;
}
.sort-dimension-window .manual-item-ct {
  margin-top: 5px;
}
.sort-dimension-window .manual-item-ct:first-child {
  margin-top: 0px;
}
.sort-dimension-window .manual-item-ct.scroll .item-name {
  width: 184px;
}
.sort-dimension-window .manual-item-ct.disabled .item-name {
  cursor: default;
  color: #ccc;
}
.sort-dimension-window .manual-item-ct.disabled .icon-up,
.sort-dimension-window .manual-item-ct.disabled .icon-down {
  color: #cfcfcf;
  cursor: default;
}
.sort-dimension-window .manual-item-ct.disabled .icon-up:hover,
.sort-dimension-window .manual-item-ct.disabled .icon-down:hover {
  background-color: #fcfcfc;
}
.sort-dimension-window .manual-item-ct .order {
  line-height: 22px;
  color: #c5c5c5;
  width: 22px;
}
.sort-dimension-window .manual-item-ct .item-name {
  width: 187px;
  background-color: #fff;
  line-height: 22px;
  color: #3c3c3c;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e2e2e2;
  padding: 0px 10px;
  border-bottom: 1px solid #c0c0c0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: move;
}
.sort-dimension-window .manual-item-ct .item-name.hover {
  background-color: #f0f0f0 !important;
}
.sort-dimension-window .manual-item-ct .icon-up,
.sort-dimension-window .manual-item-ct .icon-down {
  width: 21px;
  background-color: #fcfcfc;
  font-size: 16px;
  line-height: 22px;
  color: var(--link1Color);
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid #c0c0c0;
}
.sort-dimension-window .manual-item-ct .icon-up:hover,
.sort-dimension-window .manual-item-ct .icon-down:hover {
  background-color: #f2f2f2;
}
.sort-dimension-window .manual-item-ct .icon-up.disabled,
.sort-dimension-window .manual-item-ct .icon-down.disabled {
  color: #cfcfcf;
  cursor: default;
}
.sort-dimension-window .manual-item-ct .icon-up.disabled:hover,
.sort-dimension-window .manual-item-ct .icon-down.disabled:hover {
  background-color: #fcfcfc;
}
.sort-dimension-window .manual-item-ct .icon-up {
  border-right: 1px solid #e2e2e2;
}
.sort-dimension-window .manual-item-ct .icon-down {
  border-right: 1px solid #e6e6e6;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.sort-dimension-member-dd {
  width: 187px;
  background-color: #fff;
  line-height: 22px;
  color: #3c3c3c;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e2e2e2;
  padding: 0px 10px;
  border-bottom: 1px solid #c0c0c0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.sort-dimension-member-dd .x-dd-drag-ghost-ct {
  border: none;
}
.sort-dimension-member-dd .x-dd-drag-ghost {
  border: none;
  padding: 0;
  background-color: transparent;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  white-space: normal;
}
.sort-dimension-member-dd .x-dd-drop-icon {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.rename-dimension {
  font: 11px/13px var(--mainFontFace);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-measure-window hr {
  background: #ededed;
  height: 1px;
  border: none;
  margin: 20px 0px;
  width: 100%;
}
.format-measure-window .cortex-label {
  margin-top: 4px;
}
.format-measure-window .window-button-align {
  float: left !important;
}
.format-measure-window .cortex-round-toggle-off-button {
  bottom: 10px;
  position: absolute;
}
.format-measure-window .cortex-round-toggle-text {
  margin-left: 35px;
  bottom: 13px;
  position: absolute;
  left: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.color-item-conditional .round-box {
  padding: 10px 5px !important;
}
.color-item-conditional .round-box .conditions-wrapper {
  max-height: 197px;
  overflow-y: auto;
  text-align: center;
}
.color-item-conditional .round-box .conditions-wrapper .condition {
  margin: 0px 5px 5px;
  /* 				display: inline-block; */
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields {
  float: left;
  background-color: #fff;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  padding: 10px 7px;
  height: 28px;
  width: 224px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px 5px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px 5px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px 5px;
  border-bottom-left-radius: 4px;
  /*					 {
					.color	float: left;
						width: 20px;
						height: 23px;
						cursor: pointer;
						.round-corner(5px);
						font: 10px Arial;
						color: var(--link1Color);

						&.disabled {
							background: #b6b6b6 !important;
							cursor: default;
						}
					}*/
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields .combo-wrapper {
  float: left;
  margin-right: 4px;
  width: auto;
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields .measures-combo-wrapper,
.color-item-conditional .round-box .conditions-wrapper .condition .fields .aggregation-combo-wrapper,
.color-item-conditional .round-box .conditions-wrapper .condition .fields .measures-combo-wrapper-2,
.color-item-conditional .round-box .conditions-wrapper .condition .fields .aggregation-combo-wrapper-2 {
  width: 66px;
  display: none;
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields .between-items {
  margin-top: 4px;
  display: none;
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields .between-items .and {
  float: left;
  margin-left: 31px;
  margin-right: 4px;
  width: 25px;
  height: 23px;
  font: 11px/23px var(--mainFontFace);
  color: #3c3c3c;
  text-align: center;
  background: #f6f6f6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields a {
  text-decoration: none;
  cursor: pointer;
  font: 10px Arial;
  color: var(--link2Color);
  display: block;
  text-align: left;
  margin-left: 84px;
}
.color-item-conditional .round-box .conditions-wrapper .condition .fields a.disabled {
  cursor: default;
  color: #d8d6d6;
}
.color-item-conditional .round-box .conditions-wrapper .condition .remove {
  float: left;
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  width: 19px;
  height: 48px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.color-item-conditional .round-box .conditions-wrapper .condition .remove.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.color-item-conditional .round-box .conditions-wrapper .condition.single .remove {
  background: #fcfcfc url("../images/components/analysis/ico-remove-gray.png") no-repeat center center;
  cursor: default;
}
.color-item-conditional .round-box .conditions-wrapper .condition.size-2 .fields {
  height: 70px;
}
.color-item-conditional .round-box .conditions-wrapper .condition.size-2 .remove {
  height: 90px;
}
.color-item-conditional .round-box .button-wrapper {
  border-top: 1px dotted #d7d7d7;
  margin-top: 10px;
  position: relative;
}
.color-item-conditional .round-box .button-wrapper button {
  font: 11px/21px Arial;
  color: #5e5d5d;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.color-item-conditional .round-box .button-wrapper button.disabled {
  color: #ccc;
  cursor: default;
}
.color-item-conditional .round-box .button-wrapper .icon-tutorial {
  font-size: 17px;
  position: absolute;
  top: 13px;
  right: 5px;
  color: var(--link1Color);
  cursor: help;
}
.color-item-conditional .round-box .button-wrapper .icon-tutorial.disabled {
  color: #bababa;
  cursor: default;
}
.color-item-conditional .round-box .color {
  float: left;
  width: 20px;
  height: 23px;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: 10px Arial;
  color: var(--link1Color);
}
.color-item-conditional .round-box .color.disabled {
  background: #b6b6b6 !important;
  cursor: default;
}
.color-item-conditional .round-box .cortex-input {
  float: left;
  margin-right: 4px;
}
.color-item-conditional .round-box .label-no-rules {
  width: 210px;
  margin-left: 3px;
}
.color-item-conditional .conditional-format-color-ct .x-color-palette {
  width: auto !important;
}
.color-item-conditional .conditional-format-color-ct .x-color-palette a em {
  margin: 2px;
}
.color-item-conditional .conditional-format-color-ct .x-color-palette a em span {
  width: 20px;
  height: 20px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.conditional-formatting-window .content .format {
  padding: 10px 0px;
  border-top: 1px dotted #ededed;
}
.conditional-formatting-window .content .format:first-child {
  border-top: none;
  padding-top: 0px;
}
.conditional-formatting-window .content .format:last-child {
  padding-bottom: 0px;
}
.conditional-formatting-window .content .radio-wrapper {
  float: left;
}
.conditional-formatting-window .content .radio-wrapper label {
  line-height: 23px;
}
.conditional-formatting-window .content .combo-wrapper {
  float: right;
  width: 201px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.table-calculation-window .content {
  padding: 10px;
}
.table-calculation-window .content .parameters-ct {
  margin-left: 122px;
}
.table-calculation-window .content .parameters-ct .parameter-title {
  font: 16px/16px var(--titleFontFace);
  margin-bottom: 10px;
  color: var(--link2Color);
}
.table-calculation-window .content .parameters-ct .parameters-list-ct {
  border-bottom: 1px dotted #dedede;
  border-top: 1px dotted #dedede;
  padding: 20px 0px;
}
.table-calculation-window .content .parameters-ct .parameters-list-ct .form-parameter {
  display: none;
}
.table-calculation-window .content .parameters-ct .parameters-list-ct .form-parameter.active {
  display: block;
}
.table-calculation-window .content .parameters-ct .parameters-list-ct .form-parameter .x-panel-body {
  border: none;
}
.table-calculation-window .content .parameters-ct .parameters-list-ct .form-parameter .x-panel-body .date-ct,
.table-calculation-window .content .parameters-ct .parameters-list-ct .form-parameter .x-panel-body .text-ct {
  margin-top: 20px;
  display: none;
}
.table-calculation-window .content .links-ct {
  margin-top: 10px;
  margin-left: 122px;
}
.table-calculation-window .content .links-ct a {
  color: var(--link1Color);
  text-decoration: none;
}
.table-calculation-window .content .links-ct a.formula-builder {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #dedede;
}
.cortex-combo-list.reference-combo .x-combo-list-item.VERTICAL,
.cortex-combo-list.reference-combo .x-combo-list-item.HORIZONTAL {
  font-weight: bold;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.fast-calculation-window .content .title {
  font-size: 13px;
  color: #363636;
}
.fast-calculation-window .content ul li {
  float: left;
  padding: 10px;
  border-right: 1px dotted #d9d9d9;
  border-bottom: 1px dotted #d9d9d9;
}
.fast-calculation-window .content ul li .calculation-ct {
  width: 187px;
  height: 70px;
  text-align: center;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.fast-calculation-window .content ul li .calculation-ct .calculation-name {
  font: 16px/19px var(--titleFontFace);
  color: var(--hlColor);
  margin-bottom: 5px;
}
.fast-calculation-window .content ul li .calculation-ct .calculation-description {
  line-height: 13px;
  color: #363636;
}
.fast-calculation-window .content ul li .calculation-ct:hover {
  background-color: var(--hlColor);
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.fast-calculation-window .content ul li .calculation-ct:hover .calculation-name,
.fast-calculation-window .content ul li .calculation-ct:hover .calculation-description {
  color: #FFF;
}
.fast-calculation-window .content ul li.PercentDifferenceFrom,
.fast-calculation-window .content ul li.RunningTotal,
.fast-calculation-window .content ul li.MovingAverage,
.fast-calculation-window .content ul li.Wizard {
  border-right: none;
}
.fast-calculation-window .content ul li.Ranking,
.fast-calculation-window .content ul li.Wizard {
  border-bottom: none;
  padding-bottom: 0px;
}
.fast-calculation-window .content ul li.DifferenceFrom,
.fast-calculation-window .content ul li.PercentDifferenceFrom {
  padding-top: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.color-container {
  max-height: 207px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0px 5px 5px;
}
.color-container .series-wrap {
  border-radius: 4px;
  background-color: #f0f0f0;
  margin-bottom: 3px;
  padding: 3px 0;
}
.color-container .series-wrap .series-color {
  width: 10px;
  height: 10px;
  margin-top: 1px;
  margin-left: 4px;
}
.color-container .series-wrap .series-name {
  color: #666;
  cursor: pointer;
  overflow: hidden;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 11px var(--mainFontFace);
}
.color-container .series-wrap .series-name:hover {
  color: var(--link1Color);
  font-weight: bold;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-drop-container {
  position: relative;
}
.dimension-drop-container .drop-here {
  font: 9px var(--titleFontFace);
  border: 1px dashed #ddd;
  color: #aaa;
  line-height: 16px;
  padding: 2px 5px;
  text-align: center;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.dimension-drop-container .drop-here.drag-over {
  background-color: #eef9fb !important;
  border: 1px dashed #98cad3 !important;
  color: var(--dimensionColor) !important;
}
.dimension-drop-container .drop-here.drag-over-measure {
  background-color: #f5f9f3 !important;
  border: 1px dashed #aed09c !important;
  color: var(--measureColor) !important;
}
.dimension-drop-container .drop-here.active {
  background-color: #fbfefe;
  border: 1px dashed #a0cdd5;
}
.dimension-drop-container .drop-here.active-measure {
  background-color: #fcfdfb;
  border: 1px dashed #b2d2a1;
}
.dimension-drop-container .drop-here-measure {
  font: 9px var(--titleFontFace);
  border: 1px dashed #ddd;
  color: #aaa;
  line-height: 16px;
  padding: 2px;
  text-align: center;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.dimension-drop-container .drop-here-measure.drag-over {
  background-color: #f5f9f3 !important;
  border: 1px dashed #aed09c !important;
  color: var(--measureColor) !important;
}
.dimension-drop-container .drop-here-measure.active {
  background-color: #fcfdfb;
  border: 1px dashed #b2d2a1;
}
.dimension-drop-container .dimension-box {
  margin: 5px;
}
.dimension-drop-container .dimension-box .dimension-icon {
  display: none;
}
.dimension-drop-container .dimension-box .dimension-filter {
  display: block;
}
.dimension-drop-container .dimension-box .dimension-options {
  display: block;
}
.dimension-drop-container .dimension-box .dimension-close {
  display: block;
}
.dimension-drop-container .dimension-box.MEASURE {
  background: #eff4ee;
  border-color: #ddebd5;
  color: var(--measureColor) !important;
}
.dimension-drop-container .dimension-box.MEASURE.darken {
  background-color: #d2e0cf;
}
.dimension-drop-container .dimension-box.MEASURE.calculation .dimension-icon {
  display: block !important;
}
.dimension-drop-container .dimension-box.FORMULA {
  background: #eff4ee;
  border-color: #ddebd5;
  color: var(--measureColor) !important;
}
.dimension-drop-container .dimension-box.FORMULA.darken {
  background-color: #d2e0cf;
}
.dimension-drop-container .dimension-box.FORMULA .dimension-icon {
  display: block !important;
}
.dimension-drop-container .dimension-box.MEASURE_NAMES,
.dimension-drop-container .dimension-box.TOTAL_MEASURE_NAMES {
  background: #feead3;
  border-color: #f7d8b2;
  color: #fc8800 !important;
}
.dimension-drop-container .dimension-box.MEASURE_NAMES.darken,
.dimension-drop-container .dimension-box.TOTAL_MEASURE_NAMES.darken {
  background-color: #fdd2a1;
}
.dimension-drop-container .dimension-box.MEASURE_NAMES_RIGHT,
.dimension-drop-container .dimension-box.TOTAL_MEASURE_NAMES_RIGHT {
  background: #feead3;
  border-color: #f7d8b2;
  color: #fc8800 !important;
}
.dimension-drop-container .dimension-box.MEASURE_NAMES_RIGHT.darken,
.dimension-drop-container .dimension-box.TOTAL_MEASURE_NAMES_RIGHT.darken {
  background-color: #fdd2a1;
}
.dimension-drop-container .dimension-box.TOTAL_MEASURE_NAMES,
.dimension-drop-container .dimension-box.TOTAL_MEASURE_NAMES_RIGHT {
  cursor: default;
}
.dimension-drop-container .dimension-box.DATE {
  background: #eef9fb;
  border-color: #d8eaed;
  color: var(--dimensionColor) !important;
}
.dimension-drop-container .dimension-box.DATE.darken {
  background-color: #c5eaf1;
}
.dimension-drop-container .dimension-box.SIMPLE {
  background: #eef9fb;
  border-color: #d8eaed;
  color: var(--dimensionColor) !important;
}
.dimension-drop-container .dimension-box.SIMPLE.darken {
  background-color: #c5eaf1;
}
.dimension-drop-container .dimension-box.LATLONG {
  background: #eef9fb;
  border-color: #d8eaed;
  color: var(--dimensionColor) !important;
}
.dimension-drop-container .dimension-box.LATLONG.darken {
  background-color: #c5eaf1;
}
.dimension-drop-container-table td.x-table-layout-cell {
  vertical-align: top;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-filter-container .filters-header {
  border-top: 1px solid #ddd;
  padding: 10px 0px 15px;
  margin-top: 30px;
  font: 16px var(--titleFontFace);
  color: #686868;
}
.analysis-filter-container .filter-box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-top: 8px;
  padding: 3px 5px;
  color: #686868;
  background: #f4f4f4;
  cursor: pointer;
}
.analysis-filter-container .filter-box:first-child {
  margin-top: 0px;
}
.analysis-filter-container .filter-box .filter-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.analysis-filter-container .filter-box.MEASURE .dimension-title {
  color: var(--measureColor);
}
.analysis-filter-container .filter-box.MEASURE:hover {
  background: #eff4ee;
  border-color: #ddebd5;
}
.analysis-filter-container .filter-box.FORMULA .dimension-title {
  color: var(--measureColor);
}
.analysis-filter-container .filter-box.FORMULA:hover {
  background: #eff4ee;
  border-color: #ddebd5;
}
.analysis-filter-container .filter-box.DATE .dimension-title {
  color: var(--dimensionColor);
}
.analysis-filter-container .filter-box.DATE:hover {
  background: #edf8fa;
  border-color: #d7eaed;
}
.analysis-filter-container .filter-box.SIMPLE .dimension-title {
  color: var(--dimensionColor);
}
.analysis-filter-container .filter-box.SIMPLE:hover {
  background: #edf8fa;
  border-color: #d7eaed;
}
.analysis-filter-container .filter-box .icon {
  cursor: pointer;
}
.analysis-filter-container .filter-box .action-button {
  color: var(--link1Color);
  cursor: pointer;
  font-size: 16px;
  line-height: 14px;
}
.analysis-filter-container .filter-box.menu-selected {
  visibility: visible !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.table-list-result .x-column-layout-ct,
.table-list-result .x-column {
  overflow: visible;
}
.table-list-result .drop-wrap {
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.table-list-result .drop-wrap.column-wrap {
  border-bottom-width: 2px;
}
.table-list-result .drop-wrap.row-wrap {
  border-right-width: 2px;
}
.table-list-result .drop-wrap-title {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  padding: 5px 0 0 5px;
  font-family: 'Open Sans', sans-serif;
}
.table-list-result .floating-wrap .drop-here {
  float: left;
  width: 135px;
  font: 9px var(--titleFontFace);
}
.table-list-result .floating-wrap .dimension-box {
  float: left;
  width: 135px;
}
.table-list-result .filter-wrap {
  margin: 20px 0;
  background: #f8f8f8;
}
.table-list-result .filter-wrap .drop-wrap-title {
  padding: 0px;
  padding-left: 5px;
  line-height: 32px;
}
.table-list-result .measure-wrap {
  background: #f8f8f8;
  margin-right: 15px;
}
.table-list-result .measure-wrap .drop-wrap-title {
  position: relative;
}
.table-list-result .measure-wrap .drop-wrap-title .icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(client/resources/images/components/analysis/carousel/table/table-measures.png);
}
.table-list-result .column-down-arrow {
  text-align: center;
  position: relative;
  top: -2px;
}
.table-list-result .row-right-arrow {
  position: relative;
  top: 10px;
  left: -2px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.table-result .x-column-layout-ct,
.table-result .x-column {
  overflow: visible;
}
.table-result .drop-wrap {
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.table-result .drop-wrap.column-wrap {
  border-bottom-width: 2px;
}
.table-result .drop-wrap.row-wrap {
  border-right-width: 2px;
}
.table-result .drop-wrap-title {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  padding: 5px 0 0 5px;
  font-family: 'Open Sans', sans-serif;
}
.table-result .floating-wrap .drop-here {
  float: left;
  width: 135px;
  font: 9px var(--titleFontFace);
}
.table-result .floating-wrap .dimension-box {
  float: left;
  width: 135px;
}
.table-result .filter-wrap {
  margin: 20px 0;
  background: #f8f8f8;
}
.table-result .filter-wrap .drop-wrap-title {
  padding: 0px;
  padding-left: 5px;
  line-height: 32px;
}
.table-result .measure-wrap {
  background: #f8f8f8;
  margin-right: 15px;
}
.table-result .measure-wrap .drop-wrap-title {
  position: relative;
}
.table-result .measure-wrap .drop-wrap-title .icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(client/resources/images/components/analysis/carousel/table/table-measures.png);
}
.table-result .column-down-arrow {
  text-align: center;
  position: relative;
  top: -2px;
}
.table-result .row-right-arrow {
  position: relative;
  top: 10px;
  left: -2px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.xy-chart-result {
  position: relative;
}
.xy-chart-result .x-column-layout-ct,
.xy-chart-result .x-column {
  overflow: visible;
}
.xy-chart-result .drop-wrap {
  border: 1px solid #dcdcdc;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.xy-chart-result .drop-wrap .inverted-axes-icon {
  position: absolute;
  right: -1px;
  top: -1px;
}
.xy-chart-result .drop-wrap.h-axis-wrap {
  border-top-width: 2px;
}
.xy-chart-result .drop-wrap.measure-wrap {
  border-right-width: 2px;
}
.xy-chart-result .drop-wrap.measure-right-wrap {
  border-left-width: 2px;
  border-right-width: 1px !important;
}
.xy-chart-result .drop-wrap-title {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  padding: 5px 0 0 5px;
  font-family: 'Open Sans', sans-serif;
}
.xy-chart-result .drop-wrap-title.sort-by {
  color: #969595;
}
.xy-chart-result .drop-wrap-subtitle {
  font-size: 13px;
  padding: 10px 0px 0px 5px;
  color: #969595;
}
.xy-chart-result .floating-wrap .drop-here {
  float: left;
  width: 135px;
  font: 9px var(--titleFontFace);
}
.xy-chart-result .floating-wrap .dimension-box {
  float: left;
  width: 135px;
}
.xy-chart-result .floating-wrap .drop-wrap-title {
  padding-bottom: 5px;
}
.xy-chart-result .filter-wrap {
  margin: 20px 0;
  background: #f8f8f8;
}
.xy-chart-result .filter-wrap .drop-wrap-title {
  padding: 0px;
  padding-left: 5px;
  line-height: 32px;
}
.xy-chart-result .measure-wrap .drop-wrap-title {
  position: relative;
}
.xy-chart-result .measure-wrap .drop-wrap-title .icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
}
.xy-chart-result .measure-right-arrow {
  position: relative;
  top: 15px;
  left: -2px;
  z-index: 1;
}
.xy-chart-result .measure-left-arrow {
  position: relative;
  top: 15px;
  right: -6px;
  z-index: 1;
}
.xy-chart-result .split-wrap {
  margin: 20px 15px 0 0;
  background: #f8f8f8;
}
.xy-chart-result .h-axis-up-arrow {
  height: 14px;
  text-align: center;
  position: relative;
  z-index: 2;
  top: 6px;
}
.xy-chart-result .chart-preview {
  height: 350px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
.xy-chart-result .pie-total {
  font-weight: bold;
  color: #676767;
}
/* Pode estar tambem em UCs */
.pie-total {
  text-align: center;
  font-weight: bold;
  color: #676767;
}
.inverted-axes-tooltip {
  width: 273px;
  padding: 10px;
  border-left-width: 2px !important;
  border-bottom-width: 2px !important;
}
.inverted-axes-tooltip .content {
  float: left;
  width: 220px;
  margin-right: 10px;
}
.inverted-axes-tooltip .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
}
.inverted-axes-tooltip .content p {
  color: #696969;
  margin-bottom: 15px;
}
.inverted-axes-tooltip .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.inverted-axes-tooltip .content input[type="checkbox"] {
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.size-container {
  margin: 0px 5px;
}
.size-container .series-wrap {
  background-color: #f0f0f0;
  margin-bottom: 3px;
  padding: 3px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.size-container .series-wrap .size-inner {
  background-color: #ccc;
  border: 1px solid #999;
}
.size-container .series-wrap .size-min {
  margin-top: 4px;
  margin-left: 8px;
}
.size-container .series-wrap .size-min .size-inner {
  width: 2px;
  height: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.size-container .series-wrap .size-avg {
  margin-top: 3px;
  margin-left: 6px;
}
.size-container .series-wrap .size-avg .size-inner {
  width: 6px;
  height: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.size-container .series-wrap .size-max {
  margin-top: 1px;
  margin-left: 4px;
}
.size-container .series-wrap .size-max .size-inner {
  width: 10px;
  height: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.size-container .series-wrap .size-value {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.highcharts-data-labels .pie-label {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-map {
  z-index: 1;
}
.analysis-map .leaflet-bar {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.analysis-map .map-label .div-text {
  font-family: Arial;
  opacity: 0.7;
  padding: 2px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.circle-map .selected {
  fill-opacity: 0.6;
  stroke-opacity: 0.95;
}
.circle-map .unselected {
  opacity: 0.25;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-map-legend {
  padding: 5px 0;
}
.x-map-legend.mobile-app .item:hover {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.x-map-legend.mobile-app .item.hidden {
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.x-map-legend .measure-name {
  color: #a6a6a6;
  font-size: 10px;
  font-weight: normal;
  fill: #a6a6a6;
  display: block;
  padding-bottom: 3px;
}
.x-map-legend .item {
  white-space: nowrap;
  /*cursor: pointer;*/
  display: inline-block;
  /*		&:hover {
			-moz-opacity: 0.75;
			opacity: 0.75;
			filter: alpha(opacity=75);
		}*/
}
.x-map-legend .item.hidden {
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.x-map-legend .item .symbol {
  margin-right: 3px;
  padding: 0px 3px;
  font-size: 7px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.x-map-legend .item .text {
  font: 10px Arial;
  margin-right: 10px;
  color: #676767;
  /*cursor: pointer;*/
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.xy-chart-result .color-by-condition-tooltip {
  position: absolute;
  top: -57px;
  left: 180px;
  width: 250px;
  border: 1px solid #e3e3e3;
  background-color: #fafafa;
  z-index: 20000;
  border-left-width: 2px;
  border-bottom-width: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.xy-chart-result .color-by-condition-tooltip .warning {
  float: left;
  width: 33px;
  margin-right: 10px;
}
.xy-chart-result .color-by-condition-tooltip .content {
  float: left;
  width: 230px;
  padding: 10px 20px 10px 10px;
}
.xy-chart-result .color-by-condition-tooltip .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
  line-height: 18px;
}
.xy-chart-result .color-by-condition-tooltip .content p {
  font: var(--mainFontSize) var(--mainFontFace);
  color: #696969;
  margin-bottom: 15px;
}
.xy-chart-result .color-by-condition-tooltip .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.xy-chart-result .color-by-condition-tooltip .content input[type="checkbox"] {
  vertical-align: middle;
}
.xy-chart-result .color-by-condition-tooltip .arrow {
  position: absolute;
  top: 62px;
  left: -13px;
}
.xy-chart-result .color-by-condition-tooltip .closer {
  position: absolute;
  top: -8px;
  right: -6px;
  cursor: pointer;
}
.xy-chart-result .break-by-attribute-tooltip {
  position: absolute;
  top: -57px;
  left: 180px;
  width: 250px;
  border: 1px solid #e3e3e3;
  background-color: #fafafa;
  padding: 10px;
  z-index: 20000;
  border-left-width: 2px;
  border-bottom-width: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.xy-chart-result .break-by-attribute-tooltip .warning {
  float: left;
  width: 33px;
  margin-right: 10px;
}
.xy-chart-result .break-by-attribute-tooltip .content {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.xy-chart-result .break-by-attribute-tooltip .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
}
.xy-chart-result .break-by-attribute-tooltip .content p {
  color: #696969;
  margin-bottom: 15px;
}
.xy-chart-result .break-by-attribute-tooltip .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.xy-chart-result .break-by-attribute-tooltip .content input[type="checkbox"] {
  vertical-align: middle;
}
.xy-chart-result .break-by-attribute-tooltip .arrow {
  position: absolute;
  top: 62px;
  left: -13px;
}
.xy-chart-result .break-by-attribute-tooltip .closer {
  position: absolute;
  top: -8px;
  right: -6px;
  cursor: pointer;
}
.xy-chart-result .drop-wrap-subtitle .color-by-condition-link {
  display: inline;
}
.xy-chart-result .drop-wrap-subtitle .color-by-condition-link span {
  text-decoration: none;
}
.xy-chart-result .drop-wrap-subtitle .color-by-condition-link.link-active {
  cursor: pointer;
  color: var(--link1Color);
}
.xy-chart-result .drop-wrap-subtitle .color-by-condition-link.link-active span:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-word-cloud-window .round-box h2 {
  font: 14px var(--titleFontFace);
  color: var(--hlColor);
}
.format-word-cloud-window .restore-link {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-grid-panel .x-panel-bbar .x-toolbar {
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.x-grid-panel .plain-toolbar.x-panel-tbar {
  padding-bottom: 9px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.black-list-window {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.black-list-window .icon-close {
  color: var(--link1Color);
  font-size: 16px;
  cursor: pointer;
}
.black-list-window .round-box a {
  color: var(--link1Color);
  text-decoration: none;
}
.black-list-window .x-grid-panel {
  margin-top: 10px;
  border: solid 1px #eeeeee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.black-list-window .x-grid-panel .x-panel-body {
  height: auto !important;
}
.black-list-window .x-grid-panel .x-panel-body .x-grid3 {
  height: auto !important;
}
.black-list-window .x-grid-panel .x-panel-body .x-grid3 .x-grid3-scroller {
  max-height: 167px !important;
  height: auto !important;
  overflow: auto !important;
  overflow-x: hidden !important;
}
.black-list-window .x-grid-panel .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row {
  color: #191919;
  width: auto !important;
  border-top: 1px solid #eeeeee;
}
.black-list-window .x-grid-panel .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row .x-grid3-col {
  border-bottom: none;
}
.black-list-window .x-grid-panel .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row:nth-child(odd) {
  background: #fafafa;
}
.black-list-window .x-grid-panel .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row:first-child {
  border-top: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.wordcloud-drill-balloon .x-window-ml,
.wordcloud-drill-balloon .x-window-mr,
.wordcloud-drill-balloon .x-window-body {
  padding: 0px !important;
}
.wordcloud-drill-balloon .body-ct {
  font: 11px/15px Arial;
}
.wordcloud-drill-balloon .words-ct {
  text-align: center;
  padding: 7px;
  color: #178498;
  cursor: move;
}
.wordcloud-drill-balloon .words-ct .title {
  color: var(--hlColor);
  font: 16px/22px var(--titleFontFace);
  text-transform: uppercase;
  cursor: default;
  padding: 0px;
}
.wordcloud-drill-balloon .drill-ct {
  text-align: center;
  background: #f4f4f4;
  border-top: 1px solid #e8e8e8;
  padding: 7px;
}
.wordcloud-drill-balloon .drill-ct a {
  font: 11px/15px Arial;
  color: var(--link1Color);
  cursor: pointer;
  display: block;
  margin-bottom: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.wordcloud-drill-balloon .drill-ct a:hover {
  text-decoration: underline;
}
.wordcloud-drill-balloon .links-ct {
  text-align: left;
  border-top: 1px solid #e8e8e8;
  padding: 7px;
}
.wordcloud-drill-balloon .links-ct a {
  font: 11px/15px Arial;
  color: var(--link1Color);
  cursor: pointer;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.wordcloud-drill-balloon .links-ct a:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.word-cloud {
  position: relative;
  overflow: hidden;
  height: 450px;
}
.word-cloud.font-calibri {
  font-family: Calibri;
}
.word-cloud.font-titillium {
  font-family: Titillium;
}
.word-cloud a {
  color: inherit;
  text-decoration: none;
}
.word-cloud span {
  padding: 0px;
}
.word-cloud span.w10 {
  font-size: 50px;
  color: var(--paletteColor0x0);
}
.word-cloud span.w9 {
  font-size: 44px;
  color: var(--paletteColor1x0);
}
.word-cloud span.w8 {
  font-size: 40px;
  color: var(--paletteColor2x0);
}
.word-cloud span.w7 {
  font-size: 36px;
  color: var(--paletteColor3x0);
}
.word-cloud span.w6 {
  font-size: 32px;
  color: var(--paletteColor4x0);
}
.word-cloud span.w5 {
  font-size: 28px;
  color: var(--paletteColor5x0);
}
.word-cloud span.w4 {
  font-size: 24px;
  color: var(--paletteColor6x0);
}
.word-cloud span.w3 {
  font-size: 20px;
  color: var(--paletteColor7x0);
}
.word-cloud span.w2 {
  font-size: 16px;
  color: var(--paletteColor0x5);
}
.word-cloud span.w1 {
  font-size: 12px;
  color: var(--paletteColor1x5);
}
.word-cloud.small {
  height: 250px;
}
.word-cloud.small span.w10 {
  font-size: 25px;
}
.word-cloud.small span.w9 {
  font-size: 23px;
}
.word-cloud.small span.w8 {
  font-size: 21px;
}
.word-cloud.small span.w7 {
  font-size: 19px;
}
.word-cloud.small span.w6 {
  font-size: 17px;
}
.word-cloud.small span.w5 {
  font-size: 15px;
}
.word-cloud.small span.w4 {
  font-size: 13px;
}
.word-cloud.small span.w3 {
  font-size: 11px;
}
.word-cloud.small span.w2 {
  font-size: 9px;
}
.word-cloud.small span.w1 {
  font-size: 7px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.wordcloud-document-limit {
  text-align: center;
  color: #999;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.image-category-window {
  background-color: #fff;
  border: none;
  position: absolute;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.image-category-window.ie8 {
  border: 1px solid #ededed;
}
.image-category-window label {
  color: #000000;
}
.image-category-window .x-form-check-wrap {
  margin: 5px 1px;
}
.image-category-window .header {
  margin: 2px;
  padding-bottom: 2px;
  color: var(--link2Color);
}
.image-category-window .x-window-bwrap {
  overflow: visible;
}
.image-category-window .x-window-tl {
  display: none;
}
.image-category-window .up-arrow {
  position: absolute;
  top: -11px;
  right: 46px;
}
.image-category-window .down-arrow {
  position: absolute;
  bottom: -12px;
  right: 46px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.image-library-window {
  height: 550px !important;
}
.image-library-window .toolbar {
  background: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.image-library-window .toolbar .search-box-wrap,
.image-library-window .toolbar .cortex-btn {
  float: right;
}
.image-library-window .toolbar .x-form-field-wrap,
.image-library-window .toolbar .x-form-check-wrap {
  float: left;
}
.image-library-window .toolbar .x-form-check-wrap {
  margin-left: 5px;
}
.image-library-window .toolbar .x-form-field-wrap,
.image-library-window .toolbar .x-form-check-wrap,
.image-library-window .toolbar .search-box-wrap,
.image-library-window .toolbar .cortex-btn {
  margin: 0 5px;
  line-height: 20px;
}
.image-library-window .toolbar .upload-panel {
  float: right;
  width: 70px;
}
.image-library-window .toolbar .upload-panel .x-btn-wrap.x-btn.x-form-file-btn td.x-btn-left {
  display: none;
}
.image-library-window .toolbar .upload-panel .x-form-file-wrap {
  margin: 0px;
  width: 70px !important;
}
.image-library-window .toolbar .upload-panel .x-panel-body.x-panel-body-noheader {
  display: none;
}
.image-library-window .toolbar .upload-panel .x-btn-wrap.x-btn.x-form-file-btn td.x-btn-right {
  display: none;
}
.image-library-window .toolbar .upload-panel .x-toolbar.x-small-editor {
  height: 20px;
}
.image-library-window .toolbar .upload-panel .x-form-file {
  cursor: pointer;
}
.image-library-window .toolbar .upload-panel .x-toolbar.x-small-editor:hover .cortex-btn {
  background-color: var(--buttonBgMiddle);
}
.image-library-window .toolbar .upload-panel .x-toolbar.x-small-editor {
  border: none;
  background: transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.image-library-window .toolbar .upload-panel .x-toolbar.x-small-editor button {
  width: 58px;
  height: 16px;
}
.image-library-window .toolbar .upload-panel .x-toolbar.x-small-editor table:first-child {
  position: relative;
  top: -1px;
}
.image-library-window .library-ct {
  height: 410px;
  margin-top: 10px;
  overflow-y: scroll;
}
.image-library-window .library-ct .image-item {
  float: left;
  height: 204px;
  width: 180px;
  margin-bottom: 10px;
  margin-right: 8px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.image-library-window .library-ct .image-item.active {
  background: #eeeeee;
}
.image-library-window .library-ct .image-item.active .icon-close {
  display: block;
}
.image-library-window .library-ct .image-item.active .change-category {
  cursor: pointer;
  color: var(--link1Color);
}
.image-library-window .library-ct .image-item__title {
  text-align: center;
  margin-top: 10px;
}
.image-library-window .library-ct .image-item .icon-close {
  display: none;
  position: absolute;
  right: 0px;
  top: 7px;
  font-size: 16px;
  color: var(--link1Color);
  cursor: pointer;
}
.image-library-window .library-ct .image-item .icon-close.disabled {
  color: #e1e1e1;
  cursor: default;
}
.image-library-window .library-ct .image-item .image-frame {
  margin: 5px auto 3px auto;
  width: 154px;
  height: 135px;
  border: solid #e3e3e3 1px;
  border-radius: 5px;
  padding: 2px;
  background: #FFF;
  overflow: hidden;
  position: relative;
}
.image-library-window .library-ct .image-item .category .source {
  display: inline;
  margin-right: 0;
}
.image-library-window .library-ct .image-item .category .category-name {
  margin-right: 3px;
  margin-left: 0;
}
.image-library-window .library-ct .image-item .source {
  margin: 0 14.5px;
  display: block;
  color: #9b9b9b;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.image-library-window .library-ct .image-item .source.bold {
  color: #000;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.conditional-cell-window .content .format {
  padding: 10px 0px;
  border-top: 1px dotted #ededed;
}
.conditional-cell-window .content .format:first-child {
  border-top: none;
  padding-top: 0px;
}
.conditional-cell-window .content .format:last-child {
  padding-bottom: 0px;
}
.conditional-cell-window .content .radio-wrapper {
  float: left;
  width: 80px;
}
.conditional-cell-window .content .radio-wrapper label {
  line-height: 23px;
}
.conditional-cell-window .content .combo-wrapper {
  float: right;
  width: 206px;
}
.conditional-cell-window .content .round-box {
  padding: 10px 5px;
}
.conditional-cell-window .content .round-box .conditions-wrapper {
  max-height: 197px;
  overflow-y: auto;
  text-align: center;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition {
  margin: 0px 0px 5px;
  display: inline-block;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields {
  float: left;
  background-color: #fff;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  padding: 10px 7px;
  height: 28px;
  width: 232px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px 5px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px 5px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px 5px;
  border-bottom-left-radius: 4px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .combo-wrapper {
  float: left;
  margin-right: 4px;
  width: auto;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .measures-combo-wrapper,
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .aggregation-combo-wrapper,
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .measures-combo-wrapper-2,
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .aggregation-combo-wrapper-2 {
  width: 66px;
  display: none;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .between-items {
  margin-top: 4px;
  display: none;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .between-items .and {
  float: left;
  margin-left: 31px;
  margin-right: 4px;
  width: 25px;
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  color: #3c3c3c;
  text-align: center;
  background: #f6f6f6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .cortex-input {
  float: left;
  margin-right: 4px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .color {
  float: left;
  width: 20px;
  height: 23px;
  cursor: pointer;
  color: var(--link1Color);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields .color.disabled {
  background: #b6b6b6 !important;
  cursor: default;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields a {
  text-decoration: none;
  cursor: pointer;
  color: var(--link2Color);
  display: inline-block;
  margin-top: 1px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .fields a.disabled {
  cursor: default;
  color: #d8d6d6;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .remove {
  float: left;
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  width: 19px;
  height: 48px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition .remove.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition.single .remove {
  background: #fcfcfc url("../images/components/analysis/ico-remove-gray.png") no-repeat center center;
  cursor: default;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition.size-2 .fields {
  height: 70px;
}
.conditional-cell-window .content .round-box .conditions-wrapper .condition.size-2 .remove {
  height: 90px;
}
.conditional-cell-window .content .round-box .button-wrapper {
  border-top: 1px dotted #d7d7d7;
  margin-top: 10px;
  position: relative;
}
.conditional-cell-window .content .round-box .button-wrapper button {
  line-height: 21px;
  color: #5e5d5d;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.conditional-cell-window .content .round-box .button-wrapper button.disabled {
  color: #ccc;
  cursor: default;
}
.conditional-cell-window .content .round-box .button-wrapper .icon-tutorial {
  font-size: 16px;
  position: absolute;
  top: 15px;
  right: 20px;
  color: var(--link1Color);
  cursor: help;
}
.conditional-cell-window .content .round-box .button-wrapper .icon-tutorial.disabled {
  color: #bababa;
  cursor: default;
}
.conditional-cell-window .restore-link {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.conditional-format-color-ct .x-color-palette {
  width: auto !important;
}
.conditional-format-color-ct .x-color-palette a em {
  margin: 2px;
}
.conditional-format-color-ct .x-color-palette a em span {
  width: 20px;
  height: 20px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.add-link-window {
  border: 1px solid #aaa;
  box-shadow: none;
  width: 260px;
}
.add-link-window .x-window-tl {
  display: none;
}
.add-link-window .x-window-body label {
  margin-bottom: 7px;
  display: block;
}
.add-link-window .x-window-body .button-ct {
  margin-top: 15px;
  text-align: right;
}
.add-link-window .x-window-body .cortex-input {
  width: calc(100% - 8px) !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cke {
  border-color: #ddd !important;
  box-shadow: none !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.cke.cke_combopanel {
  margin-top: 6px;
  border-color: #aaa !important;
  height: 211px;
}
.cke.cke_combopanel__styles {
  width: 215px;
}
.cke.cke_combopanel__font {
  width: 190px;
  height: auto !important;
}
.cke.cke_combopanel__fontsize {
  width: 185px;
}
.cke.cke_ltr .cke_button:first-child,
.cke .cke_rtl .cke_button:last-child {
  border-radius: 2px 0 0 2px;
}
.cke .cke_combo:after {
  display: none;
}
.cke .cke_toolgroup a.cke_button:last-child:after,
.cke .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  display: none;
}
.cke .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke .cke_toolbar .cke_combo + .cke_toolgroup {
  margin-left: 0;
}
.cke .cke_combo__fontsize .cke_combo_text {
  width: 30px;
}
.cke .cke_combo_open {
  margin: 1px 7px 1px;
}
.cke .cke_combo {
  margin-bottom: 0;
}
.cke .cke_colorauto span.cke_colorbox {
  margin-right: 10px;
}
.cke .cke_inner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.cke .cke_inner .cke_top {
  padding: 5px 0px 0px 5px;
  border: none;
  background: #eee;
  box-shadow: none;
  filter: none;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_combo .cke_combo_button {
  box-shadow: none;
  background: #fff;
  border: 1px solid #ddd !important;
  margin: 0 6px 5px 0 !important;
  padding: 0 !important;
  border-radius: 3px;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_combo .cke_combo_button.cke_combo_button_disabled:hover {
  background: #fff;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_combo .cke_combo_button:hover {
  background: #f2f2f2;
  box-shadow: none;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_toolgroup {
  box-shadow: none;
  border: 1px solid #ddd !important;
  background: #fff;
  margin: 0 6px 5px 0 !important;
  padding-right: 0 !important;
  border-radius: 3px;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_toolgroup .cke_button:hover {
  background: #f2f2f2;
  box-shadow: none;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_toolgroup .cke_button.cke_button_disabled:hover {
  background: #fff;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_toolgroup .cke_button.cke_button_on {
  background: #e2e2e2;
  box-shadow: none;
}
.cke .cke_inner .cke_top .cke_toolbox .cke_toolbar .cke_toolgroup .cke_button .cke_button__source_label {
  display: none;
}
.cke .cke_inner .cke_contents {
  padding: 0px 7px 7px 5px;
  background: #eee;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cke .cke_inner .cke_contents iframe {
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.cke .cke_inner .cke_bottom {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.text-cell-window .content .item {
  margin-bottom: 10px;
}
.text-cell-window .content .item label {
  width: 50px !important;
  line-height: 23px !important;
}
.text-cell-window .content .item .cortex-toggle-button {
  float: left !important;
}
.text-cell-window .content .item .combo-ct {
  float: left;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.chart-cell-window .field-ct {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.chart-cell-window .field-ct.no-border {
  border-top: none;
}
.chart-cell-window .gray-ct {
  background-color: #f8f8f8;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.chart-cell-window .restore-link {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.chart-cell-window .filter-type-list {
  width: 194px !important;
}
.chart-cell-window .filter-type-list .x-combo-list-inner {
  width: 194px !important;
}
.chart-cell-window .filter-window {
  border-top: 1px solid #eee;
  min-height: 150px;
}
.chart-cell-window .filter-window .date-basic-filter .filter-type-ct .cortex-span {
  float: left;
  margin: 15px 0px 10px;
  width: 125px;
}
.chart-cell-window .filter-window .date-basic-filter .filter-type-ct .filter-type-combo-ct {
  float: left;
  width: 196px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.chart-cell-window .filter-window .date-basic-filter .filter-type-ct .filter-type-combo-ct .x-form-field-wrap {
  width: 207px !important;
}
.chart-cell-window .filter-window .date-basic-filter .filter-type-ct .filter-type-combo-ct .x-form-field-wrap .cortex-combo {
  width: 178px !important;
}
.chart-cell-window .filter-window .date-basic-filter .DATE_MEMBERS {
  margin-top: 10px;
}
.chart-cell-window .filter-window .date-basic-filter .null-dates {
  margin-bottom: 20px;
}
.chart-cell-window .ct-title {
  margin: 10px 0px;
}
.chart-cell-window .link-ct {
  margin: 10px 0;
}
.chart-cell-window .link-ct span {
  line-height: 22px !important;
}
.chart-cell-window .link-ct .link {
  color: var(--link1Color);
  cursor: pointer;
}
.chart-cell-window .analysis-filter-container {
  min-height: 20px;
  border: 1px solid #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.chart-cell-window .analysis-filter-container .filters-header {
  display: none;
}
.chart-cell-window .analysis-filter-container .filter-box {
  margin-top: 0;
  border: none;
  background: transparent;
  padding: 7px 5px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.chart-cell-window .analysis-filter-container .filter-box:nth-child(even) {
  background: #f8f8f8;
}
.chart-cell-window .analysis-filter-container .filter-box:nth-child(odd) {
  background: #fff;
  border-top: 1px solid #eee;
}
.chart-cell-window .analysis-filter-container .filter-box:first-child {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.chart-cell-window .analysis-filter-container .filter-box:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.variation-window .content .colorize-check-ct {
  margin-left: 10px;
}
.variation-window .content .colorize-check-ct .x-form-check-wrap {
  line-height: 23px;
}
.variation-window .content .gray-span {
  line-height: 15px;
  color: #afafaf;
}
.variation-window .content .color {
  width: 21px;
  height: 21px;
  cursor: pointer;
  margin-right: 7px;
  margin-top: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.variation-window .restore-link {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.add-cell-tooltip .header {
  color: var(--hlColor);
  padding-bottom: 6px;
  border-bottom: 1px dotted #ccc;
}
.add-cell-tooltip a {
  padding-top: 5px;
}
.add-cell-tooltip .disabled {
  cursor: default;
  color: #999;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.measure-cell-window .content .item label {
  width: 50px !important;
}
.measure-cell-window .content .item .cortex-toggle-button {
  float: left !important;
  width: 112px;
}
.measure-cell-window .content .item .combo-ct {
  float: left;
  margin-top: 8px;
}
.measure-cell-window .content .item.links-ct {
  padding-top: 10px;
}
.measure-cell-window .content .item.links-ct a {
  color: var(--link1Color);
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
}
.measure-cell-window .content .item.links-ct a:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.metric-cell-window .x-window-ml,
.metric-cell-window .x-window-mr {
  padding: 0px;
}
.metric-cell-window .x-window-body {
  padding: 0px !important;
}
.metric-cell-window td {
  border-top: 1px dotted #ccc;
  padding: 5px 0;
}
.metric-cell-window td .label {
  color: #666;
  padding-right: 15px;
}
.metric-cell-window td .option {
  cursor: pointer;
  font-size: 16px;
  color: var(--link1Color);
  padding-left: 4px;
}
.metric-cell-window td .option.active {
  color: var(--hlColor);
}
.metric-cell-window td .option.icon-foto-menor,
.metric-cell-window td .option.icon-foto-media,
.metric-cell-window td .option.icon-foto-maior {
  font-size: 18px;
}
.metric-cell-window tr:first-child td {
  border-top: none;
}
.metric-cell-window .bottom-ct {
  padding: 5px 0px;
  border-top: 1px solid #ccc;
  background: #f4f4f4;
  text-align: center;
}
.metric-cell-window .bottom-ct.no-options {
  padding: 5px 10px !important;
  border: none;
}
.metric-cell-window .bottom-ct a {
  display: inline !important;
  font-family: Arial;
}
.metric-cell-window .bottom-ct .link-separator {
  padding-left: 8px;
  margin-left: 7px;
  border-left: 1px solid #ddd;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.metric.resize-cells .x-table-layout-cell {
  border: 1px solid transparent !important;
  min-height: 0px !important;
  min-width: 0px !important;
  cursor: default !important;
}
.metric.resize-cells .x-table-layout-cell .icon-plus-sign {
  visibility: hidden !important;
}
.metric.border-visible .x-table-layout-cell {
  border: 1px dashed #ccc;
}
.metric:hover .x-table-layout-cell {
  border: 1px dashed #ccc;
}
.metric:hover .x-table-layout-cell.empty:hover .icon-plus-sign {
  visibility: visible;
}
.metric:hover .x-table-layout-cell.empty:hover .icon-plus-sign:hover {
  color: var(--hlColor);
}
.metric .x-table-layout-cell {
  position: relative;
  border: 1px solid transparent;
  white-space: nowrap;
  color: #4d4d4d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.metric .x-table-layout-cell.MEASURE span {
  display: block;
}
.metric .x-table-layout-cell.nonempty {
  min-height: 20px;
  min-width: 20px;
  cursor: move;
}
.metric .x-table-layout-cell.empty {
  text-align: center;
  vertical-align: middle;
}
.metric .x-table-layout-cell.empty .icon-plus-sign {
  visibility: hidden;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  color: var(--link1Color);
}
.metric .x-table-layout-cell.drag-over {
  border-color: var(--link1Color);
  background-color: #f4f4f4;
}
.metric .x-table-layout-cell.titillium {
  font-family: Titillium Web;
}
.metric .x-table-layout-cell.titillium-normal {
  font-family: Titillium;
}
.metric .x-table-layout-cell.calibri {
  font-family: Calibri;
}
.metric .x-table-layout-cell.arial {
  font-family: Arial;
}
.metric .x-table-layout-cell.top {
  vertical-align: top;
}
.metric .x-table-layout-cell.top img {
  vertical-align: top;
}
.metric .x-table-layout-cell.middle {
  vertical-align: middle;
}
.metric .x-table-layout-cell.middle img {
  vertical-align: middle;
}
.metric .x-table-layout-cell.bottom {
  vertical-align: bottom;
}
.metric .x-table-layout-cell.bottom img {
  vertical-align: bottom;
}
.metric .x-table-layout-cell.left {
  text-align: left;
}
.metric .x-table-layout-cell.center {
  text-align: center;
}
.metric .x-table-layout-cell.right {
  text-align: right;
}
.metric .x-table-layout-cell.invalid {
  background: #FFF7E5;
  color: #FFCA53;
  font-size: 17px;
  text-align: center !important;
  vertical-align: middle !important;
}
.metric .space-for-metric span,
.metric .space-for-metric div {
  margin: 3px 3px 3px 3px;
  display: inline !important;
}
.metric-cell-proxy {
  border: none;
}
.metric-cell-proxy .x-dd-drag-ghost-ct {
  border: none;
}
.metric-cell-proxy .x-dd-drag-ghost {
  border: none;
  padding: 3px 3px 0px 3px;
  background-color: var(--link1Color);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  white-space: normal;
}
.metric-cell-proxy .x-dd-drop-icon {
  display: none;
}
.analysis-hit .x-table-layout-cell.MEASURE.LARGE span {
  height: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.back-forward-buttons {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.back-forward-buttons .btn {
  cursor: pointer;
  font-size: 22px;
  color: #c2c2c2;
}
.back-forward-buttons .active {
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.visualization-button {
  border: 1px solid #dcdcdc;
  background-color: #f8f8f8;
  background-position: center center;
  background-repeat: no-repeat;
  height: 20px;
  cursor: pointer;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.visualization-button.closed {
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-panel input.textfield {
  height: 21px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  width: 100%;
  line-height: 19px;
  color: #444;
  border-color: #DCDCDC;
  background: #FFF;
  box-shadow: inset 1px 1px 1px #f0f0f0;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.analysis-panel input.textfield.suggested {
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.analysis-panel .icon-drill-rounded {
  font-size: 21px;
  color: var(--link1Color);
  cursor: pointer;
}
.analysis-panel .icon-drill-rounded.disabled {
  color: #5a5a5a;
  cursor: default;
}
.analysis-panel.dataset-window.main-dataset {
  width: 100% !important;
  position: inherit !important;
  background: #F3F4F6;
  box-shadow: none;
  -moz-box-shadow: unset;
  -webkit-box-shadow: none;
}
.analysis-panel .analysis-panel-body {
  overflow: initial !important;
}
.analysis-panel .analysis-panel-body > .x-column-inner {
  display: flex;
}
.analysis-panel .analysis-panel-body > .x-column-inner > .left-ct {
  flex: 0 0 15.3%;
  min-width: 143px;
  max-width: 205px;
}
.analysis-panel .analysis-panel-body > .x-column-inner > .left-ct .dataset-window.dataset-chooser-window {
  position: static !important;
  width: calc(100% - 4px) !important;
  margin-left: 2px;
  margin-top: 2px;
  background: #F3F4F6;
  border-radius: 8px;
}
.analysis-panel .analysis-panel-body > .x-column-inner > .left-ct.blend-ct {
  overflow: initial;
  max-width: 205px;
  transition: min-width 0.3s, max-width 0.3s;
}
.analysis-panel .analysis-panel-body > .x-column-inner > .left-ct.blend-ct.collapsed {
  max-width: 0;
  min-width: 0;
  overflow: hidden !important;
}
.analysis-panel .analysis-panel-body > .x-column-inner > .spacing-ct {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.analysis-panel .analysis-panel-body > .x-column-inner > .right-ct {
  flex: 1 1 100%;
  min-width: 0px;
  padding-right: 1px;
}
.analysis-panel .analysis-right-column .top-bar-ct {
  display: flex;
}
.analysis-panel .analysis-right-column .search-ct {
  flex: 1 1 100%;
}
.analysis-panel .analysis-right-column .visualization-button-ct {
  flex: 0 0 40px;
  margin-left: 6px;
}
.analysis-panel .analysis-right-column .back-forward-ct {
  flex: 0 0 62px;
}
.x-grid3-row-table-unselectable .x-grid3-row-checker {
  visibility: hidden;
}
.x-grid3-row-table-disabled .x-grid3-cell-inner {
  color: #aaa;
}
.suggestion-box {
  margin-top: 2px;
  padding: 0px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background-color: #ffffff;
  -moz-box-shadow: 1px 2px 5px #afafaf;
  -webkit-box-shadow: 1px 2px 5px #afafaf;
  box-shadow: 1px 2px 5px #afafaf;
}
.suggestion-box .suggested-item {
  border-bottom: 1px solid #e9e9e9;
  padding: 7px;
  color: #afafaf;
  margin: 0px 7px 0px 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.suggestion-box .suggested-item:hover,
.suggestion-box .suggested-item.active {
  cursor: pointer;
  background-color: #f8f8f8;
  background-image: url(../images/components/analysis/search-arrow-right.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.suggestion-box .suggested-item font {
  color: var(--hlColor);
  font-weight: bold;
}
.suggestion-box .suggested-item span:first-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#dataset-window-shadow {
  width: 185px;
  background-color: #178498;
  opacity: 0.1;
  border-radius: 5px;
  position: absolute;
  z-index: 100;
  height: 500px;
}
#dataset-window-shadow.hover {
  opacity: 0.3;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dimension-box {
  border: 1px solid #ddd;
  background: #fff;
  cursor: move;
  padding: 3px 5px;
  font: 12px/14px var(--mainFontFace);
  font-family: 'Open Sans', sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.dimension-box.hierarchy-element {
  margin-left: 20px;
}
.dimension-box.has-relation {
  background-color: #eaf5f7;
}
.dimension-box.dimension-active {
  background-color: #e5f0f2;
  border-color: #98cad3;
}
.dimension-box .security-dimension {
  color: grey;
  font-size: 14px;
  height: 13px;
}
.dimension-box .edit,
.dimension-box .remove {
  visibility: hidden;
  cursor: pointer;
  color: var(--link1Color);
  font-size: 15px;
  line-height: 14px;
}
.dimension-box .alias {
  display: none;
  cursor: pointer;
  color: #6aa4af;
  font-size: 15px;
  line-height: 14px;
  height: 13px;
}
.dimension-box:hover .edit,
.dimension-box:hover .remove {
  visibility: visible;
}
.dimension-box:hover .alias {
  display: block;
}
.dimension-box .dimension-filter {
  cursor: pointer;
  display: none;
}
.dimension-box .dimension-filter .icon-filter {
  display: block;
  font-size: 14px;
}
.dimension-box .dimension-filter .icon-filter-misleading {
  display: block;
  font-size: 14px;
}
.dimension-box .dimension-filter .icon-filter-result {
  display: block;
  font-size: 14px;
}
.dimension-box .dimension-filter .icon-filter-database {
  display: block;
  font-size: 14px;
}
.dimension-box .dimension-sorting {
  cursor: pointer;
}
.dimension-box .dimension-sorting .icon-sort {
  display: block;
}
.dimension-box .dimension-options {
  cursor: pointer;
  display: none;
}
.dimension-box .dimension-options .icon-expand {
  display: block;
  font-size: 14px;
}
.dimension-box .dimension-close {
  cursor: pointer;
  display: none;
}
.dimension-box .dimension-close .icon-close2 {
  display: block;
  font-size: 13px;
  margin-top: 1px;
}
.dimension-box .tool-btn {
  cursor: pointer;
}
.dimension-box .tool-btn .icon-active-relation {
  font-size: 16px;
  position: absolute;
  color: var(--dimensionColor);
  line-height: 14px;
}
.dimension-box .tool-btn .icon-active-relation-multivalue {
  font-size: 16px;
  position: absolute;
  color: var(--dimensionColor);
  line-height: 14px;
}
.dimension-box.MEASURE .dimension-icon {
  color: var(--measureColor);
}
.dimension-box.SIMPLE .dimension-icon {
  color: var(--dimensionColor);
  text-transform: lowercase;
}
.dimension-box .dimension-drill {
  color: #6eb7c4;
  vertical-align: top;
  cursor: pointer;
}
.dimension-box .dimension-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
  padding-left: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dimension-box .dimension-title .level {
  color: #6eb7c4;
  vertical-align: top;
}
.dimension-box .dimension-title .aggregator {
  color: #87b86d;
  vertical-align: top;
}
.dimension-box .dimension-title .custom-name {
  font-size: 13px;
  line-height: 14px;
  vertical-align: middle;
  color: #87b86d;
}
.dimension-box.TOTAL_MEASURE_NAMES .custom-name,
.dimension-box.TOTAL_MEASURE_NAMES_RIGHT .custom-name {
  font-size: 13px;
  line-height: 14px;
  vertical-align: middle;
  color: #fc8800 !important;
}
.dimension-proxy {
  border: none;
}
.dimension-proxy .x-dd-drag-ghost-ct {
  border: none;
}
.dimension-proxy .x-dd-drag-ghost {
  border: none;
  padding: 0;
  background-color: transparent;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  white-space: normal;
}
.dimension-proxy .x-dd-drop-icon {
  display: none;
}
.dimension-proxy.x-dd-drop-ok .dimension-box {
  border: none;
}
.dimension-proxy.x-dd-drop-ok .dimension-box.MEASURE {
  background: #eff4ee;
  color: var(--measureColor) !important;
}
.dimension-proxy.x-dd-drop-ok .dimension-box.FORMULA {
  background: #eff4ee;
  color: var(--measureColor) !important;
}
.dimension-proxy.x-dd-drop-ok .dimension-box.DATE {
  background: #eef9fb;
  color: var(--dimensionColor) !important;
}
.dimension-proxy.x-dd-drop-ok .dimension-box.SIMPLE {
  background: #eef9fb;
  color: var(--dimensionColor) !important;
}
.dimension-proxy.x-dd-drop-ok .dimension-box.LATLONG {
  background: #eef9fb;
  color: var(--dimensionColor) !important;
}
.dimension-proxy .dimension-icon {
  display: none;
}
.dimension-proxy .dimension-filter {
  display: none;
}
.dimension-proxy .dimension-options {
  display: none;
}
.dimension-proxy .dimension-close {
  display: none;
}
#dimension-box-remove-btn {
  position: absolute;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
  width: 50px;
  height: 14px;
  font-size: 16px;
  color: var(--link1Color);
  text-align: right;
}
#dimension-box-remove-btn.visible {
  visibility: visible;
}
#dimension-box-remove-btn:hover {
  visibility: visible !important;
}
#dimension-box-remove-btn span {
  cursor: pointer;
}
#dimension-box-remove-btn.MEASURE,
#dimension-box-remove-btn.FORMULA {
  color: var(--measureColor) !important;
}
#dimension-box-remove-btn.DATE,
#dimension-box-remove-btn.SIMPLE {
  color: var(--dimensionColor) !important;
}
.table-calculation-tooltip {
  position: absolute;
  width: 273px;
  border: 1px solid #e3e3e3;
  background-color: #fafafa;
  padding: 10px;
  z-index: 9999;
  border-left-width: 2px;
  border-bottom-width: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.table-calculation-tooltip .warning {
  float: left;
  width: 33px;
  margin-right: 10px;
}
.table-calculation-tooltip .content {
  float: left;
  width: 220px;
  margin-right: 10px;
}
.table-calculation-tooltip .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
}
.table-calculation-tooltip .content p {
  color: #696969;
  margin-bottom: 15px;
}
.table-calculation-tooltip .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.table-calculation-tooltip .content input[type="checkbox"] {
  vertical-align: middle;
}
.table-calculation-tooltip .arrow {
  position: absolute;
  top: -13px;
  left: 10px;
}
.table-calculation-tooltip .closer {
  position: absolute;
  top: -8px;
  right: -6px;
  cursor: pointer;
}
.misleading-filter-tooltip {
  width: 249px;
  padding: 10px;
  border-left-width: 2px !important;
  border-bottom-width: 2px !important;
}
.misleading-filter-tooltip .title {
  float: none !important;
}
.misleading-filter-tooltip .content h2 {
  font: 16px var(--titleFontFace);
  color: var(--link2Color);
  margin-bottom: 5px;
}
.misleading-filter-tooltip .content p {
  color: #696969;
  margin-bottom: 10px;
}
.misleading-filter-tooltip .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.misleading-filter-tooltip .content input[type="checkbox"] {
  vertical-align: middle;
}
.unsupportedmv-filter-tooltip {
  width: 249px;
  padding: 10px;
  border-left-width: 2px !important;
  border-bottom-width: 2px !important;
}
.unsupportedmv-filter-tooltip .title {
  float: none !important;
}
.unsupportedmv-filter-tooltip .content h2 {
  font: 16px var(--titleFontFace);
  color: var(--link2Color);
  margin-bottom: 5px;
}
.unsupportedmv-filter-tooltip .content p {
  color: #696969;
  margin-bottom: 10px;
}
.unsupportedmv-filter-tooltip .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.unsupportedmv-filter-tooltip .content input[type="checkbox"] {
  vertical-align: middle;
}
.members-sample-tooltip-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}
.members-sample-tooltip-circle {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  animation: members-sample-tooltip-spin 0.75s infinite linear;
}
@keyframes members-sample-tooltip-spin {
  100% {
    transform: rotate(360deg);
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-down-config-panel .content .dimension-box {
  margin-top: 8px;
  width: 50%;
}
.drill-down-config-panel .content .facets-panel-ct .facet-panel:first-child {
  margin-top: 0px;
}
.drill-down-config-panel .content .facets-panel-ct .facet-panel .x-panel-body {
  max-height: 250px;
  overflow-y: auto;
}
.drill-down-config-panel .content .facets-panel-ct .facet-panel .summary-facet {
  overflow: hidden !important;
  width: 145px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-to-wordcloud-config-panel .content {
  /*		span {
			margin-bottom: 10px;
			display: block;
		}*/
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-to-records-config-panel .content {
  min-height: 24px;
}
.drill-to-records-config-panel .line {
  background: #ededed;
  height: 1px;
  border: none;
  margin: 10px 0px;
  width: 100%;
}
.drill-to-records-config-panel .round-box-drill {
  margin-top: 10px;
  background-color: #f8f8f8;
  color: #606060;
  padding: 10px;
}
.drill-to-records-config-panel .x-superboxselect ul {
  padding-top: 1px;
}
.drill-to-records-config-panel .x-superboxselect .x-superboxselect-btns {
  width: 20px;
}
.drill-to-records-config-panel .superboxselect ul {
  max-height: 61px;
  overflow-y: auto;
}
.drill-to-records-config-panel .superboxselect ul .x-superboxselect-input {
  max-width: 137px;
}
.drill-to-records-config-panel .superboxselect ul .x-superboxselect-item {
  max-width: 95px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-to-records-config-panel .url-warning {
  width: calc(100% - 110px);
  margin-left: 110px;
  margin-top: 10px;
  color: #a1a1a1;
}
.drill-to-records-config-panel .url-warning .icon-information {
  font-size: 16px;
  float: left;
}
.drill-to-records-config-panel .url-warning .msg {
  margin-left: 20px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-to-dashboard-dimension-config-window {
  max-width: 650px;
}
.drill-to-dashboard-dimension-config-window .round-box {
  margin-top: 0px;
}
.drill-to-dashboard-dimension-config-window .separator {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-top: 13px;
}
.drill-to-dashboard-dimension-config-window .top-ct .icon-tutorial {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: var(--link1Color);
}
.drill-to-dashboard-dimension-config-window .affected-cus .selected-cus,
.drill-to-dashboard-dimension-config-window .affected-cus .label {
  padding-top: 6px;
}
.drill-to-dashboard-dimension-config-window .affected-cus .affected-cus-count {
  border: 1px solid #dcdcdc;
  background-color: #fff;
  padding: 1px;
  position: relative;
  margin: 5px 0px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.drill-to-dashboard-dimension-config-window .affected-cus .affected-cus-count.empty .progress {
  background-color: #f8f8f8;
}
.drill-to-dashboard-dimension-config-window .affected-cus .affected-cus-count.empty .count {
  color: #555;
}
.drill-to-dashboard-dimension-config-window .affected-cus .affected-cus-count .progress {
  background-color: var(--link2Color);
  height: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row {
  padding: 10px;
  height: 25px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row:nth-child(even) {
  background-color: #fafafa;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row:nth-child(odd) {
  background-color: #f5f5f5;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row:first-of-type {
  border-top: none;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row:last-child {
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .name-ct {
  margin-left: 10px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .name-ct .cube-name {
  font: 11px Arial;
  color: #555;
  white-space: nowrap;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .name-ct .cube-name .ellipis-with-uc {
  max-width: 78px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .name-ct .cube-name .ellipis-without-uc {
  max-width: 126px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .name-ct .cube-name.margin {
  margin-top: 6px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .name-ct .base-type {
  margin-top: 2px;
  font-size: 10px;
  color: #737373;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .icon {
  color: gray;
  line-height: 25px;
}
.drill-to-dashboard-dimension-config-window .used-cubes-ct .user-cube-row .icon.selected {
  color: green;
}
.drill-to-dashboard-dimension-config-window .dimensions {
  display: table;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-ct-wrapper {
  overflow: auto;
  max-width: 415px;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row {
  display: table-row;
  height: 45px;
  min-width: 415px;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row:nth-child(even) {
  background-color: #fafafa;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row:nth-child(odd) {
  background-color: #f5f5f5;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row:first-of-type {
  border-top: none;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row:last-child {
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row .dimension-cell {
  width: 150px;
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row.count-1 .dimension-cell {
  width: 410px;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row.count-2 .dimension-cell {
  width: 200px;
}
.drill-to-dashboard-dimension-config-window .dimensions .dimension-row.count-3 .dimension-cell {
  width: 110px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-to-dashboard-config-panel .select-ucs {
  cursor: pointer;
  margin-left: 5px;
  margin-top: 5px;
  color: var(--link1Color);
}
.drill-to-dashboard-config-panel .content .btn {
  border: 1px solid #dcdcdc;
  cursor: pointer;
  text-align: center;
  color: #5e5d5d;
  height: 20px;
  font: 11px/20px var(--mainFontFace);
  float: left;
  width: 113px;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.drill-to-dashboard-config-panel .content .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.drill-to-dashboard-config-panel .content .selection {
  padding-top: 10px;
  position: relative;
}
.drill-to-dashboard-config-panel .content .selection .title {
  background: #eee;
  color: #777;
  padding-left: 5px;
  padding-right: 22px;
  font: 11px/18px var(--mainFontFace);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.drill-to-dashboard-config-panel .content .selection .remove-btn {
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 5px;
  width: 12px;
}
.drill-to-dashboard-config-panel .dimension-ct {
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.drill-to-dashboard-config-panel .dimension-ct .icon {
  color: lightgray;
}
.drill-to-dashboard-config-panel .dimension-ct .icon.checked {
  color: green;
}
.drill-to-dashboard-config-panel .dimension-ct .text {
  margin-left: 10px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.drill-to-dashboard-config-panel .dimension-ct .text:hover {
  text-decoration: underline;
}
.drill-to-dashboard-config-panel .separator {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-top: 13px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-editor-config-window .x-combo-list-item:nth-child(even) {
  background-color: #FAFAFA;
}
.drill-editor-config-window .x-combo-list-item.disabled {
  color: #aaa;
  font-style: italic !important;
}
.drill-editor-config-window .x-window-footer {
  position: relative;
}
.drill-editor-config-window .x-window-footer .default-configurations {
  position: absolute;
  top: 5px;
  left: 5px;
}
.drill-editor-config-window .x-window-footer .default-configurations span {
  vertical-align: middle;
  color: var(--link1Color);
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-config-grid-panel .x-grid3-scroller {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.drill-config-grid-panel .x-grid3-body {
  min-height: 105px;
  max-height: 245px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.drill-config-window .no-drills-config {
  padding-bottom: 10px;
  font: var(--mainFontSize) var(--mainFontFace);
  color: #3C3C3C;
}
.drill-config-window .content {
  max-height: 500px;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config {
  margin: 10px auto 0;
  box-shadow: 0px 1px 0px 0px #ccc;
  border-bottom: 1px solid #e2e2e2;
  width: 377px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config:first-child {
  margin-top: 0px;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config .fields {
  float: left;
  background-color: #fff;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  padding: 10px 5px;
  height: 22px;
  width: 342px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px 5px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px 5px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px 5px;
  border-bottom-left-radius: 4px;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config .fields a {
  color: var(--link1Color);
  text-align: right;
  text-decoration: none;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config .fields a.edit {
  color: var(--hlColor);
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config .fields .gray-label {
  color: #ccc;
  margin-left: 5px;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config .remove {
  float: left;
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  width: 22px;
  height: 42px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.drill-config-window .content .round-box .drills-config-wrapper .drill-config .remove.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.drill-config-window .content .round-box .button-wrapper {
  border-bottom: 1px dotted #d7d7d7;
  margin-bottom: 15px;
  padding-bottom: 12px;
}
.drill-config-window .content .round-box .button-wrapper label {
  float: none;
  padding-left: 12px;
  display: inline-block;
  vertical-align: top;
}
.drill-config-window .content .round-box .button-wrapper .x-form-field-wrap {
  margin-left: 55px;
  display: inline-block;
  vertical-align: top;
}
.drill-config-window .content .round-box .button-wrapper button {
  font: 11px/21px Arial;
  color: #5e5d5d;
  cursor: pointer;
  padding: 0px 15px;
  float: right;
  height: 21px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  vertical-align: top;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.drill-config-window .content .round-box .button-wrapper button.disabled {
  color: #ccc;
  cursor: default;
}
.drill-config-window .content .first-click-ct .icon-tutorial {
  font-size: 16px;
  line-height: 23px;
  text-align: right;
  padding-left: 5px;
}
.drill-config-window .content .first-click-ct .cortex-label {
  padding-right: 5px;
}
.drill-config-window .content .first-click-ct .first-click-action-ct {
  padding-left: 5px;
}
.drill-config-window .content .no-drills-ct {
  text-align: center;
  background-color: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 148px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-window {
  width: 100% !important;
  min-width: var(--mainPanelMinWidth);
  max-width: 950px;
}
.analysis-window .result {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-right: 5px;
}
.analysis-window .back-forward-ct {
  margin-top: 10px !important;
  padding: 6px 5px;
  background: #f6f6f6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.analysis-window .filter-wrap {
  margin-top: 10px !important;
}
.analysis-window .result-type-btn-separator {
  height: 20px;
  padding-left: 10px;
  margin-left: 8px;
  border-left: 1px dotted #ccc;
}
.analysis-window .result-type-btn {
  padding: 2px 4px 1px 4px;
  border: 1px solid #dbdbdb;
  background-color: #e8e8e8;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.analysis-window .result-type-btn.active {
  border-color: var(--buttonBgEnd);
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.analysis-window .x-panel-body {
  border: none;
}
.analysis-window-tip .arrow {
  position: absolute;
  right: -10px;
  left: initial !important;
  vertical-align: middle;
}
.analysis-window-tip.export-tip .header {
  color: var(--hlColor);
  margin-bottom: 5px;
}
.analysis-window-tip.export-tip .link {
  color: var(--link1Color);
  cursor: pointer;
  line-height: 15px;
}
.analysis-window-tip.x-tip.white-tip.update-tip {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.analysis-window-tip.update-tip .link {
  font-weight: bold;
  color: var(--link1Color);
  cursor: pointer;
  padding: 5px 0px;
}
.analysis-window-tip.update-tip .link.disabled {
  color: #5a5a5a;
  cursor: default;
}
.analysis-window-tip.update-tip .separator {
  height: 1px;
  border-top: 1px solid #ddd;
}
.analysis-window-tip.update-tip .text {
  color: #5a5a5a;
  padding-bottom: 5px;
  cursor: pointer;
}
.analysis-window-tip.update-tip .text.disabled {
  color: #a9a9a9;
}
.analysis-window-tip.update-tip .request-access-box {
  padding: 10px;
  line-height: 13px;
  color: #5a5a5a;
  background: #f2f2f2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.index-profile-panel .index-profile-ct > .x-column-inner {
  display: flex;
}
.index-profile-panel .index-profile-ct > .x-column-inner .chart-wrap {
  flex: 1 1 100%;
  min-width: 0;
}
.index-profile-panel .index-profile-ct > .x-column-inner .spacing-ct {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.index-profile-panel .index-profile-ct > .x-column-inner .summary-wrap {
  flex: 0 0 30%;
  min-width: 0;
  max-width: 456px;
}
.index-profile-panel .index-profile-ct > .x-column-inner .numeric-fields-wrap .cortex-input {
  width: 5% !important;
  min-width: 15px;
  max-width: 46px;
}
.index-profile-panel .index-title {
  margin: 8px 0 10px 4px;
  font: 25px var(--titleFontFace);
  color: var(--hlColor);
}
.index-profile-panel .empty-points {
  position: relative;
  height: 300px;
  border: 1px solid #EEEEEE;
  background-color: #f8f8f8;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.index-profile-panel .empty-points span {
  position: relative;
  top: 150px;
  color: #616161;
}
.index-profile-panel .index-summary {
  line-height: 18px;
  color: #3c3c3c;
}
.index-profile-panel .index-summary .source-url {
  color: var(--link1Color);
  text-decoration: initial;
}
.index-profile-panel .date-filter {
  margin-top: 5px;
  padding: 10px 10px 10px;
  background: #f8f8f8;
  line-height: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.index-profile-panel .date-filter .x-form-num-field,
.index-profile-panel .date-filter .x-form-field-wrap {
  margin-right: 10px;
}
.index-profile-panel .date-filter button {
  height: 20px;
}
.index-profile-panel .date-filter span,
.index-profile-panel .date-filter label {
  margin-right: 10px;
  line-height: 23px;
  color: #616161;
}
.index-profile-panel .date-filter .x-form-item {
  margin-bottom: 0px;
}
.index-profile-panel .date-filter .btn {
  font-size: 11px;
  line-height: 20px;
  color: #5e5d5d;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.index-profile-panel .date-filter .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.index-profile-panel .date-filter .dater-filter-wrap > .x-column-inner {
  display: flex;
}
.index-profile-panel .date-filter .dater-filter-wrap > .x-column-inner .combo-ct {
  flex: 0 0 22%;
  min-width: 80px;
  max-width: 130px;
}
.index-profile-panel .date-filter .dater-filter-wrap > .x-column-inner .spacer-ct {
  flex: 0 0 10px;
}
.index-profile-panel .date-filter .dater-filter-wrap > .x-column-inner .numeric-fields-wrap {
  flex: 1 1 100%;
  min-width: 0;
}
.index-profile-panel .date-filter .dater-filter-wrap > .x-column-inner .reload-btn {
  flex: 0 0 65px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-dashboard-section .base-hit.list-hit {
  padding-bottom: 0px;
}
.x-dashboard-section .base-hit.list-hit.analysis-hit {
  padding-bottom: 15px;
}
.x-portlet .thumbnail-hit .hit-title {
  margin-right: 0px;
}
.x-portlet .thumbnail-hit .hit-item,
.x-portlet .thumbnail-hit .thumbnail-hit-title {
  padding-right: 15px;
}
.base-hit .item-value {
  float: left;
}
.base-hit .video-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.base-hit .external-video {
  font: 11px/23px Arial;
  color: var(--link1Color);
  display: inline-block;
}
.base-hit .source-wrapper {
  line-height: 20px;
  margin-top: 5px;
}
.base-hit.full-hit-ct .tag-container.no-tags,
.base-hit.base-hit .tag-container.no-tags {
  display: none;
}
.base-hit.full-hit-ct span.hidden-label,
.base-hit.base-hit span.hidden-label {
  color: #A6A6A6;
}
.base-hit.full-hit-ct .icon-access-restriction,
.base-hit.base-hit .icon-access-restriction {
  color: #A6A6A6;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: middle;
}
.base-hit.full-hit-ct .hit-linked-document-ct .icon-close:hover,
.base-hit.base-hit .hit-linked-document-ct .icon-close:hover {
  cursor: pointer;
  color: #f84020;
}
.base-hit.full-hit-ct .hit-linked-document-ct .icon-close,
.base-hit.base-hit .hit-linked-document-ct .icon-close {
  color: var(--link1Color);
  vertical-align: middle;
  font-size: 18px;
  display: table-cell;
  text-align: left;
  margin-left: 5px;
  width: 18px;
}
.base-hit .hit-type {
  color: #888;
  margin-bottom: 3px;
}
.base-hit .hit-title {
  word-wrap: break-word;
  font-size: 17px;
  line-height: 110%;
  color: var(--link1Color);
  cursor: pointer;
  margin-bottom: -3px;
}
.base-hit .hit-title:hover {
  text-decoration: underline;
}
.base-hit .hit-subtitle-label {
  color: #585858;
}
.base-hit .hit-source {
  color: #585858;
  line-height: 16px;
}
.base-hit .hit-source.linked,
.base-hit .hit-source a {
  color: var(--link2Color);
  text-decoration: inherit;
}
.base-hit .hit-similar-text {
  color: #585858;
  line-height: 16px;
}
.base-hit .hit-similar-text a {
  color: var(--link1Color);
  text-decoration: inherit;
  font-weight: bold;
  cursor: pointer;
}
.base-hit .hit-similar-text a:hover {
  text-decoration: underline;
}
.base-hit .hit-author {
  font-weight: bold;
  color: #585858;
}
.base-hit .hit-date {
  color: #888;
}
.base-hit .hit-text {
  font-size: 13px;
  line-height: 19px;
  color: #3c3c3c;
}
.base-hit.list-hit {
  margin-top: 13px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.base-hit.list-hit:last-child {
  border-bottom: none;
}
.base-hit.list-hit .hit-favorite {
  margin-top: 2px;
  cursor: pointer;
  font-size: 18px;
  color: #d4d4d4;
  text-shadow: 1px 1px 2px #eee;
  -moz-text-shadow: 1px 1px 2px #eee;
  -webkit-text-shadow: 1px 1px 2px #eee;
}
.base-hit.list-hit.type-visible .favorite-btn {
  margin-top: 17px;
}
.base-hit.list-hit.is-favorite .hit-favorite {
  color: #f4c51f;
  text-shadow: 1px 1px 2px #ddd;
  -moz-text-shadow: 1px 1px 2px #ddd;
  -webkit-text-shadow: 1px 1px 2px #ddd;
}
.base-hit.thumbnail-hit {
  padding: 15px 15px 15px 15px;
  border: 1px solid #dadada;
  background-color: #fff;
  flex: 1 1 23.8%;
  min-width: 250px;
  align-content: stretch;
  margin: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.base-hit.thumbnail-hit.has-video .hit-title {
  margin-bottom: 0px;
}
.base-hit.thumbnail-hit .hit-item .video-wrap {
  margin-top: 5px;
}
.base-hit.thumbnail-hit .hit-source {
  margin-top: 5px;
  float: left;
}
.base-hit.thumbnail-hit .thumbnail-hit-title {
  margin-bottom: 5px;
  clear: both;
  display: block;
}
.base-hit.thumbnail-hit.is-favorite {
  background-color: #f9f9f9;
}
.base-hit.thumbnail-hit .hit-date-ct {
  width: 50px;
  border-right: 1px solid #ededed;
  margin-right: 10px;
  padding-right: 10px;
}
.base-hit.thumbnail-hit .hit-date-day {
  font-weight: bold;
  font-size: 30px;
  line-height: 25px;
  color: #282927;
  text-align: right;
}
.base-hit.thumbnail-hit .hit-date-month,
.base-hit.thumbnail-hit .hit-date-year {
  font-weight: bold;
  color: #6e6e6e;
  text-align: right;
}
.base-hit .list-value-wrap .list-value {
  max-width: 89%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.base-hit .list-value-wrap .list-value.classifier {
  text-decoration: underline;
  cursor: pointer;
  color: var(--link1Color);
}
.base-hit .list-value-wrap .button-list .gray-button {
  max-width: 89%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.base-hit .list-value-wrap .x-superboxselect ul {
  padding-right: 30px;
}
.base-hit .list-value-wrap .x-superboxselect li.x-superboxselect-item {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.base-hit .list-value-wrap .x-superboxselect li.x-superboxselect-item .x-superboxselect-item-close {
  top: 2px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-sort-type-btn {
  float: right;
  color: #555;
}
.search-sort-type-btn span {
  cursor: pointer;
}
.search-sort-type-btn span.selected {
  color: var(--link2Color);
  font-weight: bold;
  cursor: default;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.simple-documents-viewer .x-toolbar {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.simple-documents-viewer .documents-wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0px 10px;
  background: white;
  height: 390px;
  margin-right: 5px;
}
.simple-documents-viewer .documents-wrapper .base-hit.list-hit {
  /* TODO quando o doctype nao tem campos a margem fica ruim*/
  /*padding: 0;*/
  padding-bottom: 10px;
}
.simple-documents-viewer .documents-wrapper .base-hit.list-hit.analysis-hit {
  padding-bottom: 8px;
}
.simple-documents-viewer .restricted-docs {
  line-height: 30px;
  background: url('../images/icons/black-padlock.png') no-repeat 5px center;
  padding-left: 25px;
  font-size: 9px;
  background-color: #EEE;
  margin: 5px 5px 0px 5px;
}
.simple-documents-viewer .documents-wrapper.has-restricted-documents {
  height: 362px;
}
.simple-documents-viewer .search-box-wrap {
  padding: 10px;
  background: #F8F8F8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 5px;
}
.simple-documents-viewer .search-box-wrap .content {
  width: 623px !important;
}
.simple-documents-viewer .search-box-wrap .content input {
  width: 606px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-window p {
  margin-bottom: 15px;
}
.warning-window label {
  margin-left: 5px;
  vertical-align: middle;
}
.warning-window input[type="checkbox"] {
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.button-list .gray-button {
  margin-right: 5px;
  margin-bottom: 3px;
  float: left;
}
.button-list .gray-button.read-only {
  background-color: #F7F7F7;
  border-color: #F7F7F7;
  color: #CDCDCD;
  cursor: default;
  line-height: 16px;
  padding: 0px 10px;
}
.button-list .gray-button.read-only:hover {
  background-color: #F7F7F7;
}
.button-list .gray-button.read-only.active:hover {
  background-color: #545454;
}
.button-list .gray-button.active {
  background-color: #545454;
  border-color: #545454;
  color: #FFF;
}
.button-list .gray-button.add-button {
  margin-right: 0px;
  color: #0F4E00;
  padding: 0px 10px;
  font-weight: bold;
  font-size: 13px;
  line-height: 21px;
}
.button-list .missing {
  color: gray !important;
}
.list-value-wraptextarea.x-form-invalid {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-list-item-window .upload-panel {
  float: left;
  margin-left: 5px;
  width: 75px;
  text-align: center;
  margin-right: 10px;
}
.doc-type-list-item-window .upload-panel .x-panel-body.x-panel-body-noheader {
  display: none;
}
.doc-type-list-item-window .upload-panel .x-btn-wrap.x-btn.x-form-file-btn td.x-btn-left {
  display: none;
}
.doc-type-list-item-window .upload-panel .x-btn-wrap.x-btn.x-form-file-btn td.x-btn-right {
  display: none;
}
.doc-type-list-item-window .upload-panel .x-toolbar.x-small-editor {
  height: 15px;
  border-bottom: solid 1px #CCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.doc-type-list-item-window .upload-panel input.x-form-file {
  right: -3px;
}
.doc-type-list-item-window .upload-panel .x-toolbar.x-small-editor:first-child:hover {
  background-color: #CEDFEF;
  background-image: -moz-linear-gradient(top, #E8F0F8 0%, #CEDFEF 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8F0F8), color-stop(100%, #CEDFEF));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #E8F0F8 0%, #CEDFEF 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #E8F0F8 0%, #CEDFEF 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #E8F0F8 0%, #CEDFEF 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #E8F0F8 0%, #CEDFEF 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.doc-type-list-item-window .upload-panel .x-toolbar.x-small-editor:hover {
  border-color: #8CB2D8 #568BC4 #568BC4 #8CB2D8;
}
.doc-type-list-item-window .image-preview {
  display: block;
  background: #eaeaea;
  border: 1px solid #CCC;
  height: 150px;
  margin-top: 5px;
  display: none;
  text-align: center;
}
.doc-type-list-item-window .ext-el-mask {
  opacity: 0.96 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.default-filled-classifier-tooltip-container {
  text-align: left;
  width: 175px;
}
.manually-filled-classifier-tooltip-container {
  text-align: left;
  width: 175px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}
.manually-filled-classifier-tooltip-items {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}
.manually-filled-classifier-tooltip-circle {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  animation: manually-filled-classifier-tooltip-spin 0.75s infinite linear;
}
@keyframes manually-filled-classifier-tooltip-spin {
  100% {
    transform: rotate(360deg);
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.gray-button {
  margin: 0px;
  padding: 0px 20px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #dcdcdc;
  background-color: #f7f7f7;
  color: #5e5d5d;
  line-height: 21px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.gray-button:hover {
  background-color: #f2f2f2;
}
.gray-button.x-item-disabled {
  background-color: #f7f7f7;
  cursor: default;
}
.gray-button.x-form-invalid {
  background: #f7f7f7 !important;
  border-color: #d66 !important;
}
.gray-button.invalid-key {
  border-color: #d66 !important;
}
.insert-link {
  z-index: 10001 !important;
}
.preview-wrapper .hit-item label,
.preview-wrapper .hit-item span,
.preview-wrapper .hit-item div.list-value {
  color: #949494;
}
.preview-wrapper .description {
  color: #BEBEBE;
  margin-left: 143px;
  margin-top: 5px;
}
.preview-wrapper .description.long-name {
  margin-left: 0px;
  line-height: 13px;
}
.preview-wrapper .link-ct .links li {
  margin-top: 10px;
  position: relative;
  background: #eee;
  padding: 0px 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.preview-wrapper .link-ct .links li .link {
  font: 11px/18px Arial;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  margin-right: 15px;
}
.preview-wrapper .link-ct .links li .icon-close {
  position: absolute;
  right: 7px;
  top: 2px;
  color: #b6b6b6;
  font-size: 14px;
  width: 14px;
  cursor: pointer;
}
.preview-wrapper .link-ct .links li .icon-close:hover {
  color: #999;
}
.preview-wrapper .attachment-wrapper .ux-up-item,
.preview-wrapper .image-wrapper .ux-up-item {
  padding: 3px;
  margin-bottom: 2px;
  border: none;
  line-height: 18px;
  height: 18px;
  padding: 0px 5px;
  margin-top: 10px;
  background: #eeeeee !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.preview-wrapper .attachment-wrapper .ux-up-icon-file,
.preview-wrapper .image-wrapper .ux-up-icon-file {
  display: none;
}
.preview-wrapper .attachment-wrapper .ux-up-text,
.preview-wrapper .image-wrapper .ux-up-text {
  line-height: 16px;
  color: #616161;
  margin-left: 5px;
  max-width: 340px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.preview-wrapper .attachment-wrapper .ux-up-icon-done,
.preview-wrapper .image-wrapper .ux-up-icon-done {
  background: none;
  font-family: 'cortex-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #b6b6b6;
  margin-top: 2px;
  margin-right: 0px;
}
.preview-wrapper .attachment-wrapper .ux-up-icon-done:before,
.preview-wrapper .image-wrapper .ux-up-icon-done:before {
  content: "\e00c";
}
.preview-wrapper .x-form-file-wrap .x-form-file {
  cursor: pointer;
}
.preview-wrapper .x-form-file-btn {
  right: 0;
  left: 0;
}
.preview-wrapper .x-form-trigger.disabled {
  opacity: 0.4;
}
.preview-wrapper .doctype-preview {
  height: 410px;
  overflow-y: auto;
  padding-right: 10px;
}
.preview-wrapper .doctype-preview form .icon-access-restriction {
  color: #A6A6A6;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: middle;
}
.preview-wrapper .doctype-preview form .x-form-item {
  padding: 19px 0px;
  border-top: 1px solid #EDEDED;
  margin: 0px;
}
.preview-wrapper .doctype-preview form .x-form-item:first-child {
  border-top: none;
  padding-top: 0px;
}
.preview-wrapper .doctype-preview form .x-form-item label {
  line-height: 23px;
  color: #5e5d5d;
  padding: 0px 3px 0px 0px;
}
.preview-wrapper .doctype-preview form .x-form-item label.long-name {
  display: block;
  float: none !important;
  line-height: 13px;
  margin-bottom: 10px;
}
.preview-wrapper .doctype-preview form .x-form-item div.list-value-mark {
  color: #afafaf;
  float: left;
  padding: 5px;
}
.preview-wrapper .doctype-preview form .cortex-textarea.long-name {
  width: 540px !important;
}
.preview-wrapper .doctype-preview form .video-player {
  padding: 0px 0px 19px 0px;
  display: none;
}
.preview-wrapper .doctype-preview form .SECTION {
  font-family: Titilium;
  font-size: 14px;
  color: var(--hlColor);
}
.preview-wrapper .doctype-preview form .id-automatically-filled-label {
  color: #aaa;
}
.preview-wrapper .doctype-preview form .id-field-label {
  line-height: 24px;
}
.preview-wrapper .doctype-preview .list-value-wrap .button-list .gray-button {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 89%;
  white-space: nowrap;
}
.preview-wrapper .doctype-preview .list-value-wrap .x-superboxselect ul {
  padding-right: 30px;
}
.preview-wrapper .doctype-preview .list-value-wrap .x-superboxselect li.x-superboxselect-item {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.animated-toast {
  color: white;
  text-align: center;
  position: absolute;
  z-index: 100001;
  border-radius: 7px;
  padding: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s;
  webkit-box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.75);
}
.animated-toast.info {
  background-color: #2ba6cb;
}
.animated-toast.success {
  background-color: #179e26;
}
.animated-toast.document-success {
  color: #1F87FF;
  background-color: #EDF8FE;
}
.animated-toast.warning {
  background-color: #e3b000;
}
.animated-toast.error {
  background-color: #c60f13;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.new-document-menu-window {
  background-color: #fff;
  border: none;
  position: absolute;
  box-shadow: 0px 0px 2px 2px #F1F1F1;
  z-index: 10000 !important;
  border: solid 1px #DDD;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.new-document-menu-window .x-window-bwrap {
  overflow: visible;
}
.new-document-menu-window .x-window-tl {
  display: none;
}
.new-document-menu-window .up-arrow {
  position: absolute;
  top: -10px;
}
.new-document-menu-window .up-arrow img {
  float: right;
}
.new-document-menu-window .right-arrow {
  position: absolute;
  top: 20px;
  width: 0 !important;
  right: 0;
}
.new-document-menu-window .down-arrow {
  position: absolute;
  bottom: -12px;
  text-align: center;
}
.new-document-menu-window .doc-type-menu {
  border: 1px solid #e5e5e5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.new-document-menu-window .doc-type-menu .menu-item {
  color: var(--link1Color);
  padding: 7px;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.new-document-menu-window .doc-type-menu .menu-item:hover {
  background: #efefef !important;
}
.new-document-menu-window .doc-type-menu .menu-item:first-child {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: none;
}
.new-document-menu-window .doc-type-menu .menu-item:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.new-document-menu-window .doc-type-menu .menu-item.odd {
  background: #fafafa;
}
.new-document-menu-window .doc-type-menu .menu-item.duplicate {
  color: var(--link2Color);
}
.swal2-container {
  z-index: 10000 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-advantage-window .separator {
  height: 10px;
  margin-top: 10px;
  width: 100%;
  border-top: 1px dotted #C4C4C4;
}
.doctype-advantage-window .number-position {
  height: 22px;
  line-height: 22px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-similar-format-window .similar-label {
  color: #5F5F5F;
  font: 11px/23px Arial;
  margin-left: 5px;
  margin-right: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.field-configuration-window {
  font: 11px Arial !important;
  color: #5F5F5F;
}
.field-configuration-window .separator {
  height: 10px;
  margin-top: 10px;
  width: 100%;
  border-top: 1px dotted #C4C4C4;
}
.field-configuration-window .doctype-partial-length .doctype-input-partial-length {
  line-height: 23px;
  width: 25px;
  margin-left: 10px;
}
.field-configuration-window .doctype-partial-length .doctype-input-partial-length.x-item-disabled {
  background-color: #f7f7f7 !important;
  cursor: default;
}
.field-configuration-window .doctype-partial-length .doctype-partial-length-characters {
  line-height: 23px;
  padding-left: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-preview-window {
  width: 100%;
  max-width: 980px;
  min-width: var(--mainPanelMinWidth);
}
.doc-type-preview-window .doc-type-preview-window-body {
  display: flex;
}
.doc-type-preview-window .preview-configuration {
  flex: 0 0 320px;
  min-width: 320px;
}
.doc-type-preview-window .preview-configuration .fields-ct {
  background: #FCFCFC;
}
.doc-type-preview-window .preview-configuration .fields-ct .fields-text {
  padding-top: 10px;
  padding-bottom: 10px;
}
.doc-type-preview-window .preview-configuration .fields-ct .x-grid3-viewport {
  border: 1px solid #EDEDED;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-width: 1px;
}
.doc-type-preview-window .preview-configuration .fields-ct .x-grid3-scroller.no-header {
  border: none;
}
.doc-type-preview-window .preview-configuration .fields-ct .x-grid3-row-table {
  border-right: none;
  border-left: none;
}
.doc-type-preview-window .preview-configuration .fields-ct tr:last-child .x-grid3-col {
  border-bottom: none;
}
.doc-type-preview-window .preview-configuration .main-text-wrap {
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  padding: 8px 8px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.doc-type-preview-window .preview-configuration .main-text-wrap .border-top {
  border: none;
  height: 1px;
  background-color: #DFDFDF;
  margin: 5px 0px 10px;
}
.doc-type-preview-window .preview-configuration .main-text-wrap .title-combo {
  float: left;
  margin-top: 5px;
}
.doc-type-preview-window .preview-configuration .main-text-wrap a {
  color: var(--link1Color);
  cursor: pointer;
}
.doc-type-preview-window .preview-configuration .main-text-wrap .x-form-field-wrap {
  float: right;
  margin-bottom: 10px;
}
.doc-type-preview-window .preview-configuration .main-text-wrap .x-form-check-wrap {
  line-height: 20px;
}
.doc-type-preview-window .spacing-ct {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.doc-type-preview-window .fields-preview {
  flex: 1 1 100%;
  min-width: 0;
}
.doc-type-preview-window .fields-preview h2 {
  font-size: 16px;
  line-height: 33px;
  color: var(--link2Color);
  margin-bottom: 12px;
  background: transparent url(../images/components/consumption/dashed-bg.png);
  padding: 0px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.doc-type-preview-window .fields-preview .x-window {
  box-shadow: 0 1px 1px #8f8f8f;
  -moz-box-shadow: 0 1px 1px #8f8f8f;
  -webkit-box-shadow: 0 1px 1px #8f8f8f;
}
.doc-type-preview-window .fields-preview .x-window .x-window-tl {
  background-color: #f6f6f6;
}
.doc-type-preview-window .fields-preview .x-window .x-window-header-text {
  color: #d9d9d9;
  font-size: 17px;
}
.doc-type-preview-window .fields-preview .x-window .x-tool-close {
  color: #d9d9d9;
}
.doc-type-preview-window .fields-preview .x-window .x-window-bl {
  background-color: #f6f6f6;
  background-image: none;
}
.doc-type-preview-window .fields-preview .x-window .x-window-bl .x-panel-btns-ct {
  display: none;
}
.doc-type-preview-window .x-window-footer {
  position: relative;
}
.doc-type-preview-window .x-window-footer .show-similar-docs {
  position: absolute;
  top: 5px;
  left: 5px;
}
.doc-type-preview-window .x-window-footer .show-similar-docs label,
.doc-type-preview-window .x-window-footer .show-similar-docs .format,
.doc-type-preview-window .x-window-footer .show-similar-docs .checkbox-show-similar {
  vertical-align: middle;
}
.doc-type-preview-window .x-window-footer .show-similar-docs label,
.doc-type-preview-window .x-window-footer .show-similar-docs .format {
  margin-left: 3px;
}
.doc-type-preview-window .x-window-footer .show-similar-docs .format:not(.x-item-disabled) {
  color: var(--link1Color);
  cursor: pointer;
}
.doc-type-preview-window .x-window-footer .return-original-link {
  color: var(--link1Color);
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  top: 10px;
  right: 100px;
}
.doc-type-preview-window .x-window-footer .return-original-link.x-item-disabled {
  cursor: default;
  color: gray;
}
.doc-type-preview-window .x-grid3-check-col {
  background-position: center right;
  background-image: url(../images/blue/menu/unchecked.png);
}
.doc-type-preview-window .x-grid3-check-col-on {
  background-position: center right;
  background-image: url(../images/blue/menu/checked.png);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.history-actions .undo,
.history-actions .redo {
  font-size: 21px;
  cursor: pointer;
  color: var(--link1Color);
  padding-right: 5px;
}
.history-actions .undo.x-item-disabled,
.history-actions .redo.x-item-disabled {
  cursor: default;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.animating.animation-highlight-target,
.animating .animation-highlight-target {
  transition: all 0.3s ease-in-out;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.es-query-builder .es-query-builder-group {
  border-bottom: 1px solid #e8e8e8;
}
.es-query-builder .es-query-builder-group:first-child .label-if {
  display: block !important;
}
.es-query-builder .es-query-builder-group:not(:first-child) .label-also-if {
  display: block !important;
}
.es-query-builder .es-query-builder-group .remove-item,
.es-query-builder .es-query-builder-group .remove-group {
  position: absolute;
  cursor: pointer;
  text-align: center;
  top: 2px;
  right: 6px;
  width: 28px;
  height: 20px;
  line-height: 20px;
  z-index: 20;
}
.es-query-builder .es-query-builder-group .remove-group svg {
  fill: var(--link2Color);
}
.es-query-builder .es-query-builder-group:only-child .remove-group {
  cursor: default !important;
  opacity: 0.6;
}
.es-query-builder .es-query-builder-group:only-child .remove-group svg {
  fill: gray;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .operator {
  color: #1F87FF;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .remove-item svg {
  fill: #1F87FF;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .linking-line {
  border-color: rgba(31, 135, 255, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .dynamic .query-entry.animating.highlight .main-line .cortex-input {
  background-color: #D7F1FF !important;
  border-color: rgba(31, 135, 255, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .dynamic .query-entry.selected .main-line .cortex-input {
  border-color: #1f87ff !important;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .dynamic .query-entry .main-line .cortex-input {
  background-color: #EDF8FE !important;
  border-color: rgba(31, 135, 255, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .dynamic .query-entry .main-line .cortex-input.ace_focus {
  background-color: white !important;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .dynamic .query-entry .main-line .cortex-input:hover:not(.ace_focus) {
  background-color: #D7F1FF !important;
  border-color: rgba(31, 135, 255, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .dynamic .query-entry .main-line .cortex-input .cortex-ace-wrapper {
  margin-right: 30px;
  background-color: transparent;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .operator {
  color: #EFA608;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .remove-item svg {
  fill: #EFA608;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .linking-line {
  border-color: rgba(255, 184, 30, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .dynamic .query-entry.animating.highlight .main-line .cortex-input {
  background-color: #FDEEB9 !important;
  border-color: rgba(255, 184, 30, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .dynamic .query-entry.selected .main-line .cortex-input {
  border-color: #ffb81e !important;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .dynamic .query-entry .main-line .cortex-input {
  background-color: #FFF6D6 !important;
  border-color: rgba(255, 184, 30, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .dynamic .query-entry .main-line .cortex-input.ace_focus {
  background-color: white !important;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .dynamic .query-entry .main-line .cortex-input:hover:not(.ace_focus) {
  background-color: #FDEEB9 !important;
  border-color: rgba(255, 184, 30, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .dynamic .query-entry .main-line .cortex-input .cortex-ace-wrapper {
  margin-right: 30px;
  background-color: transparent;
}
.es-query-builder .es-query-builder-group[search-type="all"] .operator {
  color: #4CC51C;
}
.es-query-builder .es-query-builder-group[search-type="all"] .remove-item svg {
  fill: #4CC51C;
}
.es-query-builder .es-query-builder-group[search-type="all"] .linking-line {
  border-color: rgba(76, 197, 28, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="all"] .dynamic .query-entry.animating.highlight .main-line .cortex-input {
  background-color: #DAFECC !important;
  border-color: rgba(76, 197, 28, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="all"] .dynamic .query-entry.selected .main-line .cortex-input {
  border-color: #4cc51c !important;
}
.es-query-builder .es-query-builder-group[search-type="all"] .dynamic .query-entry .main-line .cortex-input {
  background-color: #E8FFE0 !important;
  border-color: rgba(76, 197, 28, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="all"] .dynamic .query-entry .main-line .cortex-input.ace_focus {
  background-color: white !important;
}
.es-query-builder .es-query-builder-group[search-type="all"] .dynamic .query-entry .main-line .cortex-input:hover:not(.ace_focus) {
  background-color: #DAFECC !important;
  border-color: rgba(76, 197, 28, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="all"] .dynamic .query-entry .main-line .cortex-input .cortex-ace-wrapper {
  margin-right: 30px;
  background-color: transparent;
}
.es-query-builder .es-query-builder-group[search-type="none"] .operator {
  color: #EC1C24;
}
.es-query-builder .es-query-builder-group[search-type="none"] .remove-item svg {
  fill: #EC1C24;
}
.es-query-builder .es-query-builder-group[search-type="none"] .linking-line {
  border-color: rgba(236, 28, 36, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="none"] .dynamic .query-entry.animating.highlight .main-line .cortex-input {
  background-color: #FFD8DB !important;
  border-color: rgba(236, 28, 36, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="none"] .dynamic .query-entry.selected .main-line .cortex-input {
  border-color: #ec1c24 !important;
}
.es-query-builder .es-query-builder-group[search-type="none"] .dynamic .query-entry .main-line .cortex-input {
  background-color: #FFE9EA !important;
  border-color: rgba(236, 28, 36, 0.35) !important;
}
.es-query-builder .es-query-builder-group[search-type="none"] .dynamic .query-entry .main-line .cortex-input.ace_focus {
  background-color: white !important;
}
.es-query-builder .es-query-builder-group[search-type="none"] .dynamic .query-entry .main-line .cortex-input:hover:not(.ace_focus) {
  background-color: #FFD8DB !important;
  border-color: rgba(236, 28, 36, 0.55) !important;
}
.es-query-builder .es-query-builder-group[search-type="none"] .dynamic .query-entry .main-line .cortex-input .cortex-ace-wrapper {
  margin-right: 30px;
  background-color: transparent;
}
.es-query-builder .es-query-builder-group[search-type="at-least"] .operator.and,
.es-query-builder .es-query-builder-group[search-type="not-at-least"] .operator.and {
  display: none;
}
.es-query-builder .es-query-builder-group[search-type="all"] .operator.or,
.es-query-builder .es-query-builder-group[search-type="none"] .operator.or {
  display: none;
}
.es-query-builder .es-query-builder-group .queries .dynamic .query-style-ct {
  display: none;
}
.es-query-builder .es-query-builder-group .queries .dynamic .query-entry .main-line .add {
  display: none;
}
.es-query-builder .es-query-builder-group .queries .dynamic .query-entry:only-child .between-line {
  visibility: hidden;
}
.es-query-builder .es-query-builder-group .queries .dynamic .query-entry:last-child .between-line {
  visibility: hidden;
}
.es-query-builder .es-query-builder-group .queries .fixed {
  position: relative;
}
.es-query-builder .es-query-builder-group .queries .fixed .query-entry .main-line .remove-item {
  display: none;
}
.es-query-builder .es-query-builder-group .queries .fixed .query-entry .main-line .selection {
  display: none;
}
.es-query-builder .es-query-builder-group .queries .fixed .query-entry .main-line .separator {
  flex: 0 0 57px;
}
.es-query-builder .es-query-builder-group .queries .fixed .query-entry .between-line {
  visibility: hidden;
}
.es-query-builder .es-query-builder-group .queries .fixed .query-style-ct {
  margin-left: -3px;
}
.es-query-builder .es-query-builder-group .queries .fixed .query-style-ct svg {
  fill: var(--link1Color);
}
.es-query-builder .es-query-builder-group .queries .query-entry .cortex-input {
  transition: border-radius 0.5s linear;
}
.es-query-builder .es-query-builder-group .queries .query-entry[search-type="keyword"] .cortex-input {
  border-radius: 12px !important;
}
.es-query-builder .es-query-builder-group .queries .query-entry .main-line {
  display: flex;
  position: relative;
  z-index: 1;
}
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .selection {
  flex: 0 0 auto;
  align-self: center;
  visibility: hidden;
}
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .add {
  flex: 0 0 auto;
  margin-left: 15px;
}
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .separator {
  flex: 0 0 60px;
}
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .input-group,
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .query-simple-ct,
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .cortex-input {
  flex: 1 1 100%;
  display: flex;
}
.es-query-builder .es-query-builder-group .queries .query-entry .main-line .cortex-input {
  height: auto !important;
  padding: 0 8px !important;
}
.es-query-builder .es-query-builder-group .queries .query-entry .between-line {
  display: flex;
  height: 15px;
}
.es-query-builder .es-query-builder-group .queries .query-entry .between-line .spacing {
  flex: 0 0 15px;
}
.es-query-builder .es-query-builder-group .queries .query-entry .between-line .operator {
  flex: 0 0 45px;
  text-align: center;
  align-self: center;
}
.es-query-builder .es-query-builder-group .queries .query-entry .between-line .line {
  flex: 0 0 1px;
}
.es-query-builder .es-query-builder-group .queries .query-entry .between-line .line .linking-line {
  width: 15px;
  margin-top: -11px;
  height: 37px;
  border: 1px solid;
  border-right: none;
  z-index: -1;
}
.es-query-builder .es-query-builder-group .query-entry[field-type="fixed"],
.es-query-builder .es-query-builder-group .summary-ct {
  transition: opacity 0.5s linear;
}
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed:hover .query-entry[field-type="fixed"],
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed.has-focus .query-entry[field-type="fixed"],
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed.animating.highlight .query-entry[field-type="fixed"],
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed.menu-open .query-entry[field-type="fixed"] {
  opacity: 1;
  height: auto;
}
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed:hover .summary-ct,
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed.has-focus .summary-ct,
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed.animating.highlight .summary-ct,
.es-query-builder .es-query-builder-group .queries.has-fields > .fixed.menu-open .summary-ct {
  opacity: 0;
  position: absolute;
  top: 0;
}
.es-query-builder .es-query-builder-group .queries.has-fields .query-entry[field-type="fixed"] {
  opacity: 0;
  height: 0;
}
.es-query-builder .es-query-builder-group .queries:not(.has-fields) .summary-ct {
  opacity: 0;
  position: absolute;
  top: 0;
}
.es-query-builder .es-query-builder-group .summary-ct {
  opacity: 1;
  display: flex;
  margin-top: 1px;
  margin-bottom: 16px;
  z-index: -1;
}
.es-query-builder .es-query-builder-group .summary-ct .summary {
  display: flex;
  background-color: #f5f5f5;
  border-radius: 11px;
  padding: 5px 13px;
  margin-left: 76px;
  color: #757575;
  font-style: italic;
}
.es-query-builder .es-query-builder-group .summary-ct .summary .summary-field:not(:only-child) {
  padding-right: 10px;
}
.es-query-builder .es-query-builder-group .summary-ct .summary .summary-field:not(:only-child):last-child {
  padding-right: 0;
}
.es-query-builder .es-query-builder-group .summary-ct .summary .summary-field.group-end {
  font-weight: bold;
}
.es-query-builder .es-query-builder-group .search-type-ct {
  display: flex;
  margin: 15px 0;
}
.es-query-builder .es-query-builder-group .search-type-ct .label-if,
.es-query-builder .es-query-builder-group .search-type-ct .label-also-if {
  line-height: 23px;
  flex: 0 0 75px;
  display: none;
}
.es-query-builder .es-query-builder-group .search-type-ct .combo-ct {
  flex: 1 1 100%;
  display: flex;
  position: relative;
}
.es-query-builder .es-query-builder-group .search-type-ct .combo-ct .x-form-field-wrap {
  flex: 1 1 100%;
  width: auto !important;
}
.es-query-builder .es-query-builder-group .search-type-ct .combo-ct .x-form-field-wrap .x-form-trigger-svg {
  padding-right: 35px;
}
.es-query-builder .es-query-builder-group .search-type-ct .combo-ct .x-form-field-wrap .cortex-combo {
  flex: 1 1 100%;
  padding: 0 13px;
}
.search-type {
  font-weight: bold;
}
.search-type.at-least {
  color: #1F87FF;
}
.search-type.all {
  color: #4CC51C;
}
.search-type.not-at-least {
  color: #EFA608;
}
.search-type.none {
  color: #EC1C24;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.es-query-builder {
  padding-right: 10px;
}
.es-query-builder .content-ct .classify-as {
  display: flex;
}
.es-query-builder .content-ct .classify-as .text-content {
  display: flex;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 5px 13px;
  color: #757575;
  margin-top: 20px;
  margin-bottom: 5px;
}
.es-query-builder .content-ct .classify-as .text-content .classifier-name {
  font-weight: bold;
  margin-left: 4px;
}
.es-query-builder .content-ct .add-group {
  display: flex;
  cursor: pointer;
  width: 100px;
  margin-top: 15px;
}
.es-query-builder .content-ct .add-group .add-icon-ct {
  flex: 0 0 15px;
}
.es-query-builder .content-ct .add-group .add-icon-ct svg {
  height: 10px;
  width: 10px;
  fill: var(--link1Color);
}
.es-query-builder .content-ct .add-group .add-text-ct {
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.query-builder-window {
  width: 100%;
  max-width: 900px;
  min-width: var(--mainPanelMinWidth);
}
.query-builder-window .query-builder-ct {
  min-height: 167px;
  width: 100%;
}
.query-builder-window .x-window-mr {
  padding-right: 0;
}
.query-builder-window .x-window-mr .plain-toolbar {
  padding-right: 10px;
}
.query-builder-window .x-window-body {
  max-height: 80vh;
}
.query-builder-window .x-window-footer .search-tutorial {
  width: 20px;
}
.query-builder-window .x-window-footer .search-tutorial .icon-tutorial {
  font-size: 16px;
  line-height: 20px;
  position: relative;
  color: var(--link1Color);
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
@media (max-width: 1200px) {
  .document-bulk-action-panel .hide-on-narrow {
    display: none;
  }
}
.document-bulk-action-panel .selected-document {
  font-size: 13px;
  color: var(--link1Color);
  cursor: pointer;
}
.document-bulk-action-panel .selection-header {
  background: #f0f0f0;
  padding: 5px 0px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.document-bulk-action-panel .selection-header .number {
  font: 28px var(--titleFontFace);
  line-height: 28px;
  color: var(--hlColor);
  text-align: right;
}
.document-bulk-action-panel .selection-header .text {
  color: #5e5d5d;
  text-align: right;
  text-transform: lowercase;
}
.document-bulk-action-panel .selection-header .vertical-separator {
  margin: 5px;
  width: 2px;
  height: 75px;
  border-left: 1px solid #ccc;
}
.document-bulk-action-panel .selection-header .bulk-action {
  font-weight: bold;
  cursor: pointer;
  color: var(--link1Color);
  padding: 1px 0px;
}
@media (max-width: 1200px) {
  .document-bulk-action-panel .selection-header .bulk-action {
    margin-left: 10px;
  }
}
.document-bulk-action-panel .icon-close {
  color: var(--link1Color);
  font-size: 16px;
  cursor: pointer;
  margin-left: -10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-tree-classifier .x-tree-node a span {
  color: #444 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.date-panel-new-design {
  font-family: "Open Sans", Arial, Helvetica, serif;
  border: none;
  background: #FFFFFF;
  padding: 3px;
  margin-top: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.date-panel-new-design:first-child {
  margin-top: 6px;
}
.date-panel-new-design .x-panel-bwrap {
  box-shadow: 0px 5px 5px 0px #00000026;
  border-radius: 8px;
  padding: 5px;
}
.date-panel-new-design .x-panel-header {
  border: 1px solid #E2E8F0;
  cursor: pointer;
  background: #fff;
  padding: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: row-reverse;
  height: 36px;
}
.date-panel-new-design .x-panel-header .x-panel-header-text {
  height: 21px !important;
  padding: 0 6px !important;
  background: #FFF !important;
  display: inline-block;
  flex: 1 1 auto;
}
.date-panel-new-design .x-panel-header .x-panel-header-text .selected .text-filter-date-panel {
  font-weight: 700 !important;
}
.date-panel-new-design .x-panel-header .x-panel-header-text .selected .icon-filter-date-panel svg {
  fill: #0B877D;
}
.date-panel-new-design .x-panel-header .x-panel-header-text .summary-facet {
  line-height: 21px;
  color: #4c4d4d;
  display: inline-block;
  font-weight: normal;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.date-panel-new-design .date-interval-wrap .x-form-field-wrap .x-form-text.interval-type.cortex-combo {
  border-radius: 8px !important;
}
.date-panel-new-design .date-interval-wrap .x-form-field-wrap .x-form-trigger-svg {
  margin-left: -9px;
  -moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}
.date-panel-new-design .interval-step-number {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important;
}
.date-panel-new-design .x-panel-body {
  border: none;
  margin: 5px;
  background: #FFF;
}
.date-panel-new-design .x-form-cb-label,
.date-panel-new-design .x-form-text,
.date-panel-new-design .x-combo-list-item {
  font-family: "Open Sans", Arial, Helvetica, serif;
}
.date-panel-new-design .date-panel-external-box {
  padding: 10px;
  background: #F3F4F6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 3px;
}
.date-panel-new-design .header-instruction {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 20px;
}
.date-panel-new-design .header-instruction .first-instruction {
  color: var(--neutral-500, #6C7993);
}
.date-panel-new-design .header-instruction .clear-btn {
  color: var(--neutral-400, #94A3B8);
  cursor: pointer;
}
.date-panel-new-design .date-panel-box .x-form-check-wrap {
  display: flex;
  flex-wrap: nowrap;
}
.date-panel-new-design .date-panel-box .x-form-check-wrap > label {
  width: 90%;
}
.date-panel-new-design input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.date-panel-new-design input[type="radio"]::before {
  content: "";
  width: 0.59em;
  height: 0.59em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 0em 0em white;
  background-color: var(--sl-color-primary-500, #7A52E1);
}
.date-panel-new-design input[type="radio"]:checked::before {
  transform: scale(1);
  background-color: white;
}
.date-panel-new-design input[type="radio"]:checked {
  transform: scale(1);
  background-color: var(--sl-color-primary-500, #7A52E1);
}
.date-panel-new-design .date-interval-wrap-new-design .cortex-date-wrap {
  display: flex;
  flex-wrap: wrap;
}
.date-panel-new-design .date-interval-wrap-new-design .cortex-date-wrap .x-form-field-wrap,
.date-panel-new-design .date-interval-wrap-new-design .cortex-date-wrap .x-column {
  flex: 1 1 calc(50% - 10px);
}
.date-panel-new-design .date-interval-wrap-new-design .cortex-date-wrap .svg-calendar {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 1px;
  fill: var(--link1Color);
}
.date-panel-new-design .date-interval-wrap-new-design .cortex-date-wrap .svg-calendar path {
  fill: var(--link1Color);
}
.date-panel-new-design .cortex-btn {
  font-family: "Open Sans", Arial, Helvetica, serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  background-color: var(--link1Color);
  border: 1px solid var(--link1Color);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.date-panel-new-design .cortex-btn:hover {
  filter: brightness(90%);
}
.date-panel-new-design .cortex-btn-filter {
  border-radius: 24px;
  margin-top: 2px;
  width: 100%;
}
.date-panel-new-design .box-btn {
  display: flex;
  justify-content: space-between;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
}
.date-panel-new-design div.x-panel-header > div.icon-expand,
.date-panel-new-design div.x-panel-header > div.icon-collapse {
  display: none;
}
.date-panel-new-design .filter-date-panel {
  font-family: "Open Sans", Arial, Helvetica, serif;
  display: flex;
  align-items: center;
  height: 36px;
}
.date-panel-new-design .icon-filter-date-panel {
  margin-right: 8px;
}
.date-panel-new-design .text-filter-date-panel {
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.date-panel-new-design .angle-down-filter-date-panel {
  margin-left: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.numeric-panel-new-design {
  font-family: "Open Sans", Arial, Helvetica, serif;
  border: none;
  background: #FFFFFF;
  padding: 3px;
  margin-top: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.numeric-panel-new-design:first-child {
  margin-top: 6px;
}
.numeric-panel-new-design .x-panel-bwrap {
  box-shadow: 0px 5px 5px 0px #00000026;
  border-radius: 8px;
  padding: 5px;
}
.numeric-panel-new-design .x-panel-header {
  border: 1px solid #E2E8F0;
  cursor: pointer;
  background: #fff;
  padding: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: row-reverse;
  height: 36px;
}
.numeric-panel-new-design .x-panel-header .x-panel-header-text {
  height: 21px !important;
  padding: 0 6px !important;
  background: #FFF !important;
  display: inline-block;
  flex: 1 1 auto;
}
.numeric-panel-new-design .x-panel-header .x-panel-header-text .selected .text-filter-number-panel {
  font-weight: 700 !important;
}
.numeric-panel-new-design .x-panel-header .x-panel-header-text .selected .icon-filter-number-panel svg {
  fill: #0B877D;
}
.numeric-panel-new-design .x-panel-header .x-panel-header-text .summary-facet {
  line-height: 21px;
  color: #4c4d4d;
  display: inline-block;
  font-weight: normal;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.numeric-panel-new-design .x-panel-body {
  border: none;
  margin: 5px;
  background: #FFF;
}
.numeric-panel-new-design .x-form-cb-label,
.numeric-panel-new-design .x-form-text,
.numeric-panel-new-design .x-combo-list-item {
  font-family: "Open Sans", Arial, Helvetica, serif;
  vertical-align: middle;
}
.numeric-panel-new-design .numeric-panel-external-box {
  padding: 10px;
  background: #F3F4F6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 3px;
}
.numeric-panel-new-design .header-instruction {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 20px;
}
.numeric-panel-new-design .header-instruction .first-instruction {
  color: var(--neutral-500, #6C7993);
  margin-bottom: 10px;
}
.numeric-panel-new-design .header-instruction .clear-btn {
  color: var(--neutral-400, #94A3B8);
  cursor: pointer;
}
.numeric-panel-new-design .numeric-panel-box .x-form-check-wrap {
  display: flex;
  flex-wrap: nowrap;
  line-height: 1;
}
.numeric-panel-new-design .numeric-panel-box .x-form-check-wrap > label {
  width: 90%;
}
.numeric-panel-new-design input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.numeric-panel-new-design input[type="radio"]::before {
  content: "";
  width: 0.59em;
  height: 0.59em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 0em 0em white;
  background-color: var(--sl-color-primary-500, #7A52E1);
}
.numeric-panel-new-design input[type="radio"]:checked::before {
  transform: scale(1);
  background-color: white;
}
.numeric-panel-new-design input[type="radio"]:checked {
  transform: scale(1);
  background-color: var(--sl-color-primary-500, #7A52E1);
}
.numeric-panel-new-design .number-interval-wrap-new-design {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.numeric-panel-new-design .number-interval-wrap-new-design > div,
.numeric-panel-new-design .number-interval-wrap-new-design > input {
  flex: 1 1 45%;
  box-sizing: border-box;
  margin-right: 5px;
}
.numeric-panel-new-design .cortex-btn {
  font-family: "Open Sans", Arial, Helvetica, serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  background-color: var(--link1Color);
  border: 1px solid var(--link1Color);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.numeric-panel-new-design .cortex-btn:hover {
  filter: brightness(90%);
}
.numeric-panel-new-design .cortex-btn-filter {
  border-radius: 24px;
  margin-top: 2px;
  width: 100%;
}
.numeric-panel-new-design .box-btn {
  display: flex;
  justify-content: space-between;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
}
.numeric-panel-new-design div.x-panel-header > div.icon-expand,
.numeric-panel-new-design div.x-panel-header > div.icon-collapse {
  display: none;
}
.numeric-panel-new-design .filter-number-panel {
  font-family: "Open Sans", Arial, Helvetica, serif;
  display: flex;
  align-items: center;
  height: 36px;
}
.numeric-panel-new-design .icon-filter-number-panel {
  margin-right: 8px;
}
.numeric-panel-new-design .text-filter-number-panel {
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.numeric-panel-new-design .angle-down-filter-number-panel {
  margin-left: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-cortex {
  box-sizing: border-box;
  --sl-color-primary-500: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.saved-filter-new-design .facet-item-container .x-panel {
  height: 90% !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.classifier-panel-new-design .x-tree-node-el {
  font-size: 14px !important;
  font-family: 'Open Sans', serif;
}
.classifier-panel-new-design .cortex-menu ul li {
  font-size: 12px !important;
  font-family: 'Open Sans', serif;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.header-facet-new-design {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 13px;
}
.header-facet-new-design .left-facet-new-design {
  font-family: 'Open Sans';
  font-size: 12px;
  color: #6C7993;
}
.header-facet-new-design .right-facet-new-design {
  display: flex;
  gap: 8px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7A52E1;
}
.header-facet-new-design .right-facet-new-design .separator {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
.header-facet-new-design .right-facet-new-design .select-all-btn {
  cursor: pointer;
}
.header-facet-new-design .right-facet-new-design .clear-btn {
  cursor: pointer;
}
.facet-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 224px;
  border-radius: 4px;
  background: #F3F4F6;
  margin: 0 auto;
}
.facet-item-container .search-ct {
  width: 95%;
}
.facet-item-container .x-panel {
  width: 90%;
  height: 50%;
}
.facet-item-container .x-panel .facet-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #F3F4F6;
  border: none;
}
.facet-item-container .facets-list .x-panel-bwrap {
  box-shadow: none !important;
  max-height: 98%;
}
.facet-item-container .exclude-filters {
  list-style-type: none;
  width: 95%;
  height: 26px;
  border-radius: 4px;
  background: #E2E8F0;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.facet-item-container .exclude-selection sl-checkbox::part(base) {
  text-decoration: line-through;
}
.select-type {
  width: 95%;
  margin: 10px auto;
  display: flex;
}
.select-type .x-form-field-wrap {
  flex: 1;
}
.select-type .x-form-field-wrap div.select-type-label {
  height: 20px !important;
}
.select-type .cortex-combo {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  flex: 1;
}
.select-type .x-form-trigger-svg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
div.select-type-label {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  height: 24px !important;
}
div.select-type-label span {
  font-family: "Open Sans";
  font-weight: 700;
  line-height: 16px;
}
.x-combo-list {
  border: none !important;
  box-shadow: 0px 2px 4px 0px #71717A1F !important;
}
.x-combo-list-inner {
  border: 1px solid #F3F4F6 !important;
  background: #FFFFFF !important;
}
.cortex-combo-list .x-combo-list-item.x-combo-selected {
  background-color: #FFFFFF !important;
  color: #7A52E1 !important;
  border-top: none !important;
  border-bottom: none !important;
}
.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 12px;
}
.footer sl-button::part(base) {
  height: 24px !important;
  align-items: center;
}
.footer sl-button::part(label) {
  font-size: 12px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.facets-panel-ct.window-result .facet-panel {
  border: none;
  background: #fff;
  margin-top: 0px;
  padding: 0px;
}
.facets-panel-ct.window-result .facet-panel:first-child {
  margin-top: 0px;
}
.facets-panel-ct.window-result .facet-panel .x-panel-body {
  padding: 0px;
  margin-top: 0px;
}
.facets-panel-ct.window-result .facet-panel .x-panel-body .x-form-item {
  margin-bottom: 10px;
}
.facets-panel-ct.window-result .facet-panel .date-panel-box:last-child {
  margin-bottom: 0px;
}
.facets-panel-ct .facet-item {
  padding: 3px;
  margin-top: 8px;
}
.facets-panel-ct .facet-item .x-panel-header {
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E2E8F0;
  padding: 0;
  height: 36px;
  display: flex;
}
.facets-panel-ct .facet-item .x-panel-header .x-panel-header-text {
  padding: 0 6px !important;
  display: inline-block;
  flex: 1 1 auto;
  align-self: center;
}
.facets-panel-ct .facet-item .x-tool {
  display: none;
}
.facets-panel-ct .facet-item .facet-title {
  display: flex;
  align-items: center;
}
.facets-panel-ct .facet-item .facet-title.selected .text {
  font-weight: 700 !important;
}
.facets-panel-ct .facet-item .facet-title.selected svg {
  fill: #0B877D;
}
.facets-panel-ct .facet-item .facet-title svg {
  width: 20px;
  height: 20px;
}
.facets-panel-ct .facet-item .facet-title .icon {
  margin-right: 8px;
}
.facets-panel-ct .facet-item .facet-title .text {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 400;
  color: #2B303B;
}
.facets-panel-ct .facet-item .facet-title .arrow {
  margin-left: auto;
}
.facets-panel-ct .facet-item .x-panel-bwrap {
  box-shadow: 0px 5px 5px 0px #00000026;
}
.facets-panel-ct .facet-item .x-panel-bwrap .x-panel-body {
  background: #FFFFFF;
  border: none;
}
.facets-panel-ct .facet-panel {
  border: none;
  background: #f1f1f1;
  padding: 3px;
  margin-top: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.facets-panel-ct .facet-panel:first-child {
  margin-top: 6px;
}
.facets-panel-ct .facet-panel .x-panel-header {
  border: 1px solid #dfdfdf;
  border-top-color: #f1f1f1;
  border-bottom-color: #bababa;
  cursor: pointer;
  background: #fff;
  padding: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  flex-direction: row-reverse;
}
.facets-panel-ct .facet-panel .x-panel-header .x-panel-header-text {
  height: 21px !important;
  padding: 0 6px !important;
  background: #FFF !important;
  display: inline-block;
  flex: 1 1 auto;
}
.facets-panel-ct .facet-panel .x-panel-header .x-panel-header-text .summary-facet {
  line-height: 21px;
  color: #4c4d4d;
  display: inline-block;
  font-weight: normal;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.facets-panel-ct .facet-panel .x-panel-header .x-tool {
  width: 24px;
  background: #FFF;
  height: 21px;
  border-left: 1px solid #DCDCDC;
  display: inline-block;
  font-family: 'cortex-icons';
  font-size: 14px;
  text-align: center;
  line-height: 21px;
  color: #a7a7a7;
}
.facets-panel-ct .facet-panel .x-panel-body {
  padding: 10px;
  margin-top: 3px;
  border: none;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row {
  border: 1px solid #e7e7e7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row li {
  height: 28px;
  background: #fafafa;
  padding: 0px 10px;
  display: block;
  border-top: 1px solid #e7e7e7;
  cursor: pointer;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row li:first-child {
  border-top: none;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row li:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row li.odd {
  background: #fff;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row li .name {
  line-height: 28px;
  color: var(--link1Color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.facets-panel-ct .facet-panel .x-panel-body ul.facet-row li .count {
  font: 10px/28px Arial;
  color: #737373;
  float: right;
  margin-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.facets-panel-ct .facet-panel .x-panel-body .empty-filter.round-box {
  margin: 10px 0px 0px;
  background-color: #f8f8f8;
  padding: 0px 10px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.facets-panel-ct .facet-panel .x-panel-body .empty-filter .name {
  line-height: 28px;
  color: var(--link1Color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.facets-panel-ct .facet-panel .x-panel-body .empty-filter .count {
  font: 10px/28px Arial;
  color: #737373;
  float: right;
  margin-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.facets-panel-ct .date-panel-box {
  margin-bottom: 0px;
}
.facets-panel-ct .date-panel-box .x-form-check-wrap {
  line-height: 1;
}
.facets-panel-ct .date-panel-box .x-form-check-wrap input {
  vertical-align: middle;
}
.facets-panel-ct .date-panel-box .x-form-check-wrap label {
  color: #000;
  vertical-align: middle;
  padding: 0px;
}
.facets-panel-ct .date-panel-box .date-interval-wrap {
  width: calc(100% - 80px);
}
.facets-panel-ct .date-panel-box .date-interval-wrap .x-form-field-wrap {
  width: 100% !important;
}
.facets-panel-ct .date-panel-box .cortex-date-wrap .x-form-field-wrap {
  width: calc(50% - 16px) !important;
  min-width: 90px;
}
.facets-panel-ct .date-panel-box .x-form-field-wrap input {
  width: calc(100% - 30px) !important;
}
.facet-panel-options ul li .x-menu-item:not(.x-menu-check-item) .x-menu-item-icon {
  width: auto !important;
  height: auto !important;
  margin-top: 2px;
}
.summary-facet-loading {
  background: url(../images/icons/loading.gif) no-repeat !important;
}
.guide-editor-panel .search-tf-ct .cortex-combo {
  width: 174px !important;
}
.guide-editor-panel .facets-panel-ct .facet-panel .cortex-combo {
  width: 148px !important;
}
.guide-editor-panel .facets-panel-ct .facet-panel .date-panel-box .cortex-date {
  width: 41px !important;
}
.guide-editor-panel .facets-panel-ct .facet-panel .date-panel-box .cortex-combo {
  width: 75px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.summary-panel-ct {
  padding: 10px;
  border: 1px solid #dfdfdf;
  border-top-color: #f1f1f1;
  border-bottom-color: #bababa;
  background-color: #fff;
  box-shadow: 0px 0px 0px 3px #f1f1f1;
  margin-top: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.summary-panel-ct .summary-panel-title {
  font: 18px var(--titleFontFace);
  color: #262626;
  border-bottom: 1px dotted #dedede;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  word-wrap: break-word;
  word-break: break-word;
}
.summary-panel-ct .summary-panel-title.bulk {
  border: none;
  padding-bottom: 0px;
}
.summary-panel-ct .summary-panel-subtitle {
  font: 14px var(--titleFontFace);
  color: #575757;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.summary-panel-ct .icon-favorite {
  color: #d4d4d4;
  position: absolute;
  top: 0px;
  right: -5px;
  font-size: 16px;
  cursor: pointer;
}
.summary-panel-ct .icon-favorite.selected {
  color: #F4C51F;
}
.summary-panel-ct .tabs {
  display: flex;
  overflow: hidden;
  padding-top: 2px;
  padding-left: 2px;
}
.summary-panel-ct .tabs .tab {
  cursor: pointer;
  padding: 5px;
  background: #F5F5F5;
  margin-right: 1px;
  text-align: center;
  border-radius: 3px 3px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #757575;
  min-width: 0;
}
.summary-panel-ct .tabs .tab:hover {
  background: #DCDCDC;
}
.summary-panel-ct .tabs .tab.active {
  background: white;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  color: #363636;
}
.summary-panel-ct .tabs .tab.full-width {
  flex: 1 1 100%;
}
.summary-panel-ct .tab-content {
  margin-top: 15px;
}
.summary-panel-ct .configure-query-btn {
  margin-bottom: 10px;
}
.summary-panel-ct .tabs .tab .bulk-counter,
.tippy-tooltip .bulk-counter {
  display: inline-block;
  margin-left: 5px;
  padding: 0px 3px;
  color: #FFF;
  font-size: 11px;
  background: var(--hlColor);
  position: relative;
  top: -1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.summary-timeline .search-box-wrap .content {
  width: 193px !important;
}
.summary-timeline .summary-date-option .date-field {
  width: 77px;
}
.summary-timeline .summary-date-option .date-field .x-form-text {
  width: 52px;
}
.summary-panel-ct .search-textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 4px #ddd;
  -moz-box-shadow: 1px 1px 4px #ddd;
  -webkit-box-shadow: 1px 1px 4px #ddd;
}
.timeline-left-ct .date-panel-box .cortex-combo {
  width: 75px !important;
}
.timeline-left-ct .date-panel-box .cortex-date {
  width: 42px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
sl-dialog.base-dialog-cortex.vuejs > .x-fb-mask-loading > div {
  transform: translate(50vw, 50vh);
}
sl-dialog.base-dialog-cortex.vuejs footer {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: -10px;
}
sl-dialog.base-dialog-cortex.vuejs footer sl-button {
  min-width: 90px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container[data-v-83539a8a] {
  display: flex;
  gap: 3px;
  max-width: 170px;
}
.btn-cancel[data-v-83539a8a] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
  border: none;
}
.btn-cancel[data-v-83539a8a]::before {
  pointer-events: none;
  content: "\e00c";
  font-size: 16px;
  color: #7A52E1;
}
.btn-cancel[data-v-83539a8a]:active {
  opacity: 0.8;
}
.progress-bar[data-v-83539a8a] {
  flex: 1;
  padding: 1px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.bar[data-v-83539a8a] {
  height: 13px;
  font-size: 12px;
  text-align: center;
  background: linear-gradient(to right, var(--hlColor) var(--progress, 50%), white 0);
  border-radius: 4px;
}
.text[data-v-83539a8a] {
  padding-top: 1px;
  padding-right: 5px;
  font-size: 11px;
  line-height: 12px;
  color: transparent;
  background: linear-gradient(to right, white var(--progress, 50%), #777 0);
  background-clip: text;
  -webkit-background-clip: text;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.result-box-container-left[data-v-0171c127] {
  --sl-color-success-600: #0B877D;
  --sl-color-danger-600: #CC2A4B;
  --sl-color-primary-500: #7A52E1;
  --sl-color-neutral-500: #6C7993;
  --sl-color-info-500: #308CF6;
  --sl-color-Neutral-400: #94A3B8;
  width: 394px;
  min-height: 85px;
  max-height: 100px;
  border-radius: 8px;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(113, 113, 122, 0.12);
  box-sizing: border-box;
  padding: 10px 24px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.result-box-container-left .title[data-v-0171c127] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.result-box-container-left .title .subtitle[data-v-0171c127] {
  font-weight: 700;
}
.result-box-container-left .title .number[data-v-0171c127] {
  color: var(--sl-color-danger-600);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-left: auto;
}
.result-box-container-left .title .found[data-v-0171c127] {
  color: var(--sl-color-success-600);
}
.result-box-container-left .title .not-found[data-v-0171c127] {
  color: var(--sl-color-danger-600);
}
.result-box-container-left .title .found-at-lake[data-v-0171c127] {
  color: var(--sl-color-info-500);
}
.result-box-container-left .title .hidden-results[data-v-0171c127] {
  color: var(--sl-color-Neutral-400);
}
.result-box-container-left .text[data-v-0171c127] {
  color: var(--sl-color-neutral-500);
  display: block;
  text-align: left;
}
.result-box-container-left.selected[data-v-0171c127] {
  border: 1px solid var(--sl-color-primary-500);
  padding: 9px 23px 9px 19px;
}
.result-box-container-left .content-progress-bar[data-v-0171c127] {
  margin-left: 3px;
  width: 100%;
  max-width: 130px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
header[data-v-d6f9ea58] {
  --sl-color-primary-500: #7A52E1;
  --sl-color-success-600: #0B877D;
  --sl-color-neutral-200: #E2E8F0;
  --sl-color-danger-600: #CC2A4B;
  --sl-color-info-500: #308CF6;
  --sl-color-Neutral-400: #94A3B8;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 20px;
}
header span[data-v-d6f9ea58] {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
header .result_found[data-v-d6f9ea58] {
  color: var(--sl-color-success-600);
}
header .result_not_found[data-v-d6f9ea58] {
  color: var(--sl-color-danger-600);
}
header .found_at_lake[data-v-d6f9ea58] {
  color: var(--sl-color-info-500);
}
header .hidden_results[data-v-d6f9ea58] {
  color: var(--sl-color-Neutral-400);
}
header .export-button[data-v-d6f9ea58] {
  display: flex;
  gap: 5px;
  border: none;
  background-color: #ffffff;
  color: var(--sl-color-primary-500);
  font-size: 12px;
  line-height: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  cursor: pointer;
}
header .export-button sl-icon[data-v-d6f9ea58] {
  margin: auto;
}
header .export-button .export[data-v-d6f9ea58] {
  display: flex;
  gap: 5px;
}
header .export[data-v-d6f9ea58]:hover {
  text-decoration: underline var(--sl-color-primary-500);
  font-weight: 700;
}
/*sl-input {
  padding-bottom: 12px;
}*/
.checkbox-link[data-v-d6f9ea58] {
  float: left;
}
.overflow[data-v-d6f9ea58] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.link[data-v-d6f9ea58] {
  font-size: 12px;
  line-height: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #363636;
  width: auto;
}
.result-title[data-v-d6f9ea58] {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  color: var(--sl-color-primary-500);
  cursor: pointer;
  margin-top: 10px;
  width: auto;
}
.details[data-v-d6f9ea58] {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  padding-top: 5px;
  gap: 12px;
  width: auto;
}
.details span[data-v-d6f9ea58] {
  font-size: 10px;
  font-weight: 700;
}
.line[data-v-d6f9ea58] {
  width: 591px;
  height: 1px;
  background-color: var(--sl-color-neutral-200);
  border: none;
  margin: 12px 0;
}
.scroll-area[data-v-d6f9ea58] {
  height: 303px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 12px;
}
.options[data-v-d6f9ea58] {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  margin: 10px 0;
}
.options sl-input[data-v-d6f9ea58] {
  width: 100%;
}
.options sl-checkbox[data-v-d6f9ea58]::part(control) {
  width: 16px;
  height: 16px;
}
.options sl-checkbox[data-v-d6f9ea58]::part(label) {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  color: var(--Color-Neutral-600, #2B303B);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.export-balloon {
  z-index: 10000 !important;
}
.show-doctype-window {
  visibility: visible !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.button[data-v-3c127322] {
  --sl-button-font-size-medium: 12px;
  --sl-button-font-line-height-medium: 16px;
  --sl-input-height-medium: 16px;
  --sl-input-border-width: 0px;
  --sl-spacing-medium: 0px;
  --sl-font-size-small: 12px;
  --sl-padding-top: 3px;
  --sl-padding-bottom: 3px;
  --sl-padding-left: 12px;
  --sl-padding-right: 12px;
  --sl-border-radius: 9999px;
  --sl-color-primary-200: #ded3f8;
  --sl-color-primary-500: #7a52e1;
  --sl-color-primary-600: #5b3dad;
  --sl-color-neutral-50: #ffffff;
  --sl-color-neutral-200: #e2e8f0;
  --sl-color-neutral-300: #c4c9d4;
  --sl-color-neutral-600: #2b303b;
  --sl-input-background-color: var(--sl-color-primary-500);
  --sl-input-background-color-hover: var(--sl-color-primary-500);
  --sl-input-background-color-focus: var(--sl-color-primary-500);
  --sl-input-background-color-disabled: var(--sl-color-primary-500);
  --sl-button-color: var(--sl-color-neutral-50);
  --sl-button-color-hover: var(--sl-color-primary-600);
  --sl-button-color-focus: var(--sl-color-primary-600);
  --sl-button-color-disabled: var(--sl-color-neutral-300);
  --sl-button-background-color: var(--sl-color-primary-500);
  --sl-button-border-color: var(--sl-color-primary-500);
}
.button[data-v-3c127322]::part(base) {
  min-width: 42px;
  width: auto;
  color: var(--sl-button-color);
  background-color: var(--sl-button-background-color);
  border: 1px solid var(--sl-button-border-color);
  padding: var(--sl-padding-top) var(--sl-padding-right) var(--sl-padding-bottom) var(--sl-padding-left);
  border-radius: var(--sl-border-radius);
}
.button[data-v-3c127322]::part(base):hover {
  background-color: var(--sl-button-color-hover);
}
.button[data-v-3c127322]::part(base):focus {
  background-color: var(--sl-button-color-focus);
  box-shadow: 0 0 0 2px #bda6f2;
}
.button[data-v-3c127322]::part(label) {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: var(--sl-button-font-size-medium);
  line-height: var(--sl-button-font-line-height-medium);
}
.button.primary[data-v-3c127322]:not(.disabled):hover {
  --sl-button-color-hover: var(--sl-color-primary-600);
}
.button.primary[data-v-3c127322]:not(.disabled):focus {
  --sl-button-color-focus: var(--sl-color-primary-600);
}
.button.primary.disabled[data-v-3c127322] {
  --sl-button-color-disabled: var(--sl-color-neutral-300);
  --sl-button-border-color: var(--sl-color-neutral-300);
  --sl-button-color-hover: var(--sl-button-color-disabled);
  --sl-button-color-focus: var(--sl-button-color-disabled);
}
.button.secondary[data-v-3c127322] {
  --sl-button-color: var(--sl-color-primary-500);
  --sl-button-background-color: var(--sl-color-neutral-50);
}
.button.secondary[data-v-3c127322]:not(.disabled):hover {
  --sl-button-color-hover: var(--sl-color-primary-200);
}
.button.secondary[data-v-3c127322]:not(.disabled):focus {
  --sl-button-color-focus: var(--sl-color-primary-200);
}
.button.secondary.disabled[data-v-3c127322] {
  --sl-button-border-color: var(--sl-color-neutral-300);
  --sl-button-color: var(--sl-color-neutral-300);
  --sl-button-color-disabled: var(--sl-color-neutral-50);
  --sl-button-color-hover: var(--sl-button-color-disabled);
  --sl-button-color-focus: var(--sl-button-color-disabled);
  cursor: default;
}
.button.neutral[data-v-3c127322] {
  --sl-button-color: var(--sl-color-neutral-600);
  --sl-button-background-color: var(--sl-color-neutral-50);
  --sl-button-border-color: var(--sl-color-neutral-200);
}
.button.neutral[data-v-3c127322]:not(.disabled):hover {
  --sl-button-color-hover: var(--sl-color-neutral-200);
}
.button.neutral[data-v-3c127322]:not(.disabled):focus {
  --sl-button-color-focus: var(--sl-color-neutral-200);
}
.button.neutral.disabled[data-v-3c127322] {
  --sl-button-border-color: var(--sl-color-neutral-200);
  --sl-button-color: var(--sl-color-neutral-300);
  --sl-button-color-disabled: var(--sl-color-neutral-50);
  --sl-button-color-hover: var(--sl-button-color-disabled);
  --sl-button-color-focus: var(--sl-button-color-disabled);
  cursor: default;
}
.button.link[data-v-3c127322] {
  --sl-padding-right: 0px;
  --sl-padding-left: 0px;
  --sl-padding-top: 0px;
  --sl-padding-bottom: 0px;
  --sl-button-color: var(--sl-color-primary-500);
  --sl-button-background-color: transparent;
  --sl-button-border-color: none;
  --sl-border-radius: 0px;
}
.button.link[data-v-3c127322]:not(.disabled):hover,
.button.link[data-v-3c127322]:not(.disabled):focus {
  --sl-button-color: var(--sl-color-primary-600);
  --sl-button-border-color: none;
  --sl-button-color-hover: transparent;
  --sl-button-color-focus: transparent;
  border-bottom: 1px solid var(--sl-color-primary-600);
  box-shadow: none;
}
.button.link.disabled[data-v-3c127322] {
  --sl-button-color-disabled: transparent;
  --sl-button-color: var(--sl-color-neutral-300);
  --sl-button-color-hover: var(--sl-button-color-disabled);
  --sl-button-color-focus: var(--sl-button-color-disabled);
  cursor: default;
}
.button.disabled[data-v-3c127322] {
  --sl-button-background-color: var(--sl-button-color-disabled);
  cursor: default;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.result-list[data-v-a64a295c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.result-list sl-checkbox[data-v-a64a295c]::part(control) {
  width: 16px;
  height: 16px;
}
.result-list .result-list-item[data-v-a64a295c] {
  width: 92%;
}
.overflow[data-v-a64a295c] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.scroll-area[data-v-a64a295c] {
  max-height: var(--scroll-max-height);
  overflow-y: auto;
  overflow-x: hidden;
}
.link[data-v-a64a295c] {
  font-size: 12px;
  padding-bottom: 5px;
}
.result-title[data-v-a64a295c] {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  color: #7A52E1;
}
.line[data-v-a64a295c] {
  width: 100%;
  rotate: 0deg;
  border: 1px solid #E2E8F0;
}
.details[data-v-a64a295c] {
  display: flex;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  padding-top: 5px;
  gap: 12px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
sl-tab-group[data-v-3d65f1b0]::part(tabs) {
  align-items: center;
  gap: var(--sl-spacing-small);
}
sl-tab-group[data-v-3d65f1b0]::part(body) {
  overflow: unset;
}
sl-tab-group sl-tab[data-v-3d65f1b0]::part(base) {
  padding: var(--sl-spacing-x-small);
}
sl-tab-group .icon[data-v-3d65f1b0] {
  color: var(--sl-color-primary-500, #7A52E1);
  font-size: 16px;
}
sl-tab-group .text[data-v-3d65f1b0] {
  font-size: 12px;
  font-weight: 700;
  line-height: 16.34px;
}
.msg-alert-data-sign p[data-v-3d65f1b0] {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.msg-alert-data-sign[data-v-3d65f1b0]::part(message) {
  padding: 10px;
}
.options[data-v-3d65f1b0] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  margin: 10px 0;
  flex-wrap: wrap;
}
.options .break[data-v-3d65f1b0] {
  flex-basis: 100%;
  height: 0;
}
.options .search-container[data-v-3d65f1b0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.options sl-input[data-v-3d65f1b0] {
  flex: 1;
}
.options sl-checkbox[data-v-3d65f1b0]::part(control) {
  width: 16px;
  height: 16px;
}
.options sl-checkbox[data-v-3d65f1b0]::part(label) {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  color: var(--Color-Neutral-600, #2B303B);
}
.tab-with-alert[data-v-3d65f1b0] {
  height: 225px;
}
.export-container[data-v-3d65f1b0] {
  margin-left: auto;
}
.export-button[data-v-3d65f1b0] {
  display: flex;
  gap: 5px;
  border: none;
  background-color: #fff;
  color: var(--sl-color-primary-500);
  font-size: 12px;
  line-height: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  cursor: pointer;
}
.export-button sl-icon[data-v-3d65f1b0] {
  margin: auto;
}
.export-button .export[data-v-3d65f1b0] {
  display: flex;
  gap: 5px;
}
.export[data-v-3d65f1b0]:hover {
  text-decoration: underline var(--sl-color-primary-500);
  font-weight: 700;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-links-result[data-v-359b56fe] {
  --sl-color-neutral-200: #E2E8F0;
  display: flex;
}
.search-links-result[data-v-359b56fe]::part(panel) {
  width: 1102px;
  height: 541px;
  border-radius: 8px;
}
.search-links-result[data-v-359b56fe]::part(header) {
  padding: 16px 16px 16px 28px;
}
.search-links-result[data-v-359b56fe]::part(body) {
  display: flex;
}
.search-links-result h2[data-v-359b56fe] {
  font-size: 16px;
  line-height: 24px;
}
.search-links-result .search-links-result-line[data-v-359b56fe] {
  background-color: var(--sl-color-neutral-200);
  width: 1px;
  height: 100%;
  border: none;
  margin: 0 30px;
}
.search-links-result .container[data-v-359b56fe] {
  width: auto;
  height: 381px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-links-result .container-rigth[data-v-359b56fe] {
  width: 55%;
  margin-top: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.grid[data-v-8721ebdc] {
  --sl-color-primary-300: #BDA6F2;
  --sl-color-primary-500: #7A52E1;
  --sl-color-neutral-100: #F3F4F6;
  --sl-color-neutral-200: #E2E8F0;
  --sl-color-neutral-300: #C4C9D4;
  display: flex;
  flex-direction: column;
  height: 270px;
  overflow-x: auto;
}
.grid .item[data-v-8721ebdc] {
  display: flex;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 8px 8px 0;
  border-bottom: 1px solid var(--sl-color-neutral-100);
}
.grid .item span[data-v-8721ebdc] {
  margin-right: auto;
  color: #363636;
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
}
.grid .item span p[data-v-8721ebdc] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.grid .item .close-icon[data-v-8721ebdc] {
  min-width: 24px;
  height: 24px;
  color: var(--sl-color-primary-500);
}
.grid .item .close-icon[data-v-8721ebdc]:hover {
  background-color: var(--sl-color-neutral-200);
  border-radius: 8px;
}
.grid .item .close-icon[data-v-8721ebdc]:focus {
  background-color: var(--sl-color-neutral-200);
  border: 2px solid var(--sl-color-primary-300);
  border-radius: 8px;
}
.grid .item .close-icon[data-v-8721ebdc]:disabled {
  color: var(--sl-color-neutral-300);
}
.grid sl-tooltip[data-v-8721ebdc]::part(body) {
  width: 80%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-section[data-v-3d05057a] {
  --sl-color-neutral-500: #6C7993;
  --sl-color-neutral-600: #2B303B;
  display: flex;
  flex-direction: row;
  margin-top: 28px;
}
.search-section .links-section[data-v-3d05057a] {
  height: 361px;
  padding-right: 18px;
  border-right: 1px solid #E2E8F0;
  display: flex;
  flex-direction: column;
  width: 727px;
}
.search-section .links-section .insert-links-label[data-v-3d05057a] {
  width: 657px;
  height: 16px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #2B303B;
  padding-bottom: 8px;
}
.search-section .links-section .input-button-container[data-v-3d05057a] {
  display: flex;
  align-items: center;
}
.search-section .links-section .input-button-container .input-field[data-v-3d05057a] {
  --sl-input-height-small: 22px;
  --sl-input-border-color-hover: var(--sl-color-primary-500, #7A52E1);
  --sl-input-border-color-focus: var(--sl-color-primary-500, #7A52E1);
  --sl-focus-ring-width: 0;
  --sl-input-spacing-small: 8px;
  --sl-input-border-radius-small: 8px;
  --sl-input-placeholder-color: #94A3B8;
  --sl-input-color: #2B303B;
  width: 657px;
}
.search-section .links-section .input-button-container .input-field[data-v-3d05057a]::part(input) {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.search-section .links-section .input-button-container .button-link[data-v-3d05057a] {
  margin: auto 0 auto 12px;
}
.search-section .links-section .info-container[data-v-3d05057a] {
  height: 24px;
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 12px;
}
.search-section .links-section .info-container .info-icon[data-v-3d05057a] {
  color: #308CF6;
  height: 16px;
  width: 16px;
  padding: 4px;
}
.search-section .links-section .info-container p[data-v-3d05057a] {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #6C7993;
}
.search-section .links-section .links-added-label[data-v-3d05057a] {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: var(--sl-color-neutral-600);
}
.search-section .import-section[data-v-3d05057a] {
  box-sizing: border-box;
  width: 100%;
  height: 215px;
  border: 1px dashed #94A3B8;
  border-radius: 8px;
  margin-left: 18px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-section .import-section .import-title-label[data-v-3d05057a] {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: var(--sl-color-neutral-600);
}
.search-section .import-section .import-subtitle-label[data-v-3d05057a] {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--sl-color-neutral-500);
  text-align: center;
  margin: 48px 0 36px 0;
}
.search-section .import-section .upload-button[data-v-3d05057a] {
  margin-bottom: 8px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.progress-ct[data-v-34083926] {
  --sl-color-neutral-600: #2B303B;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.progress-ct label[data-v-34083926] {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: var(--sl-color-neutral-600);
  margin-bottom: 24px;
}
.progress-ct sl-spinner[data-v-34083926] {
  font-size: 128px;
  --track-width: 6px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-links-dialog::part(panel) {
  border-radius: 8px;
  background-color: #ffffff;
  height: 567px;
}
.search-links-dialog::part(header) {
  padding: 16px;
}
.search-links-dialog::part(title) {
  padding: 5px 12px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.search-links-dialog::part(header-actions) {
  width: 36px;
  height: 36px;
  padding: 0 !important;
  color: #7A52E1;
}
.search-links-dialog::part(body) {
  display: flex;
  flex-direction: column;
  padding: 8px 28px !important;
  margin: 0 !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #2B303B;
}
.search-links-dialog::part(footer) {
  padding: 16px 28px 20px 28px;
  height: 36px;
}
.search-links-dialog footer {
  gap: 0 !important;
  margin-top: 0 !important;
}
.search-links-dialog footer .button {
  --sl-input-height-medium: 18px;
  --sl-padding-top: 8px;
  --sl-padding-bottom: 8px;
  --sl-padding-left: 16px;
  --sl-padding-right: 16px;
  --sl-button-font-size-medium: 14px;
  --sl-button-font-line-height-medium: 20px;
  margin-left: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-6d6d899a] {
  --width: 1100px;
}
.base-dialog-cortex[data-v-6d6d899a]::part(body) {
  margin-top: -20px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.export-documents-window {
  width: 100%;
  max-width: 900px;
  min-width: var(--mainPanelMinWidth);
  z-index: 10000 !important;
}
.export-documents-window .header-icon {
  font-size: 9px;
  color: var(--dimensionColor);
}
.export-documents-window .header-icon.icon-date-time:before {
  font-size: 11px;
}
.export-documents-window .header-icon.icon-date:before {
  font-size: 11px;
}
.export-documents-window .header-icon.icon-latlong:before {
  font-size: 12px;
}
.export-documents-window .header-icon.icon-numeric:before {
  font-size: 8px;
  color: var(--measureColor);
}
.export-documents-window .header-icon.icon-access-restriction {
  font-size: 11px;
  color: grey;
}
.export-documents-window .total-export-info label {
  color: #606060;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-sort-component {
  position: relative;
  top: 0px;
  padding: 0px 5px 4px 0px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.search-sort-component .search-sort-type-label {
  font: 11px arial;
  color: #737373;
  display: inline-block;
  margin-right: 5px;
  padding-top: 5px;
}
.search-sort-component .search-sort-type-label-default {
  font: 11px Arial;
  color: #b2b2b2;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.search-sort-component .search-sort-type-btn {
  font: 11px Arial;
  color: var(--link1Color);
  float: none;
  display: inline-block !important;
  text-decoration: none;
}
.search-sort-component .search-sort-type-btn .sort-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 107px;
  color: var(--link1Color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.search-sort-component .search-sort-type-btn .sort-name-default {
  color: #b2b2b2;
  display: inline-block;
  vertical-align: middle;
  max-width: 107px;
  color: var(--link1Color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.search-sort-component .search-sort-type-btn .icon-expand {
  font-size: 14px;
  line-height: 14px;
  color: var(--link1Color);
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  margin-top: 3px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.all-search-box-header {
  font: 21px var(--titleFontFace);
  color: var(--hlColor);
  background-color: #ffffff;
  padding-bottom: 10px;
}
.all-search-box-bg div.search-box-wrap div.content {
  width: 653px;
}
/*.top-all-search-box{
	border-top: 1px solid #F8F8F8;
	.top-round-corner(5px);
}*/
.all-search-box-field {
  background-color: #F8F8F8;
  padding: 10px;
  border-top: 1px solid #F8F8F8;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.all-search-count-info {
  color: #555;
  float: right;
  background-color: #F8F8F8;
  padding: 5px 0px 10px 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.sort-container {
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.uc-sort-container {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  max-width: 200px;
  white-space: nowrap;
}
.filter-container {
  display: inline-block;
  padding: 3px 0 0 0;
  margin: 0px;
}
.filter-container-new-design {
  display: inline-block;
  padding: 3px 0 0 0;
  margin: 0px;
  max-height: 150px;
  overflow: auto;
  scrollbar-width: initial;
}
.bottom-all-search-box {
  border-top: 1px dotted #dedede;
  border-bottom: 1px solid #F8F8F8;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 0px 10px 0px 10px;
  display: none;
}
.filter-Panel-buttons .x-column-inner {
  margin-bottom: 28px;
}
.filter-panel {
  background-color: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-panel .x-column-inner {
  display: flex;
  justify-content: flex-end;
}
.filter-panel .x-column-inner .guide-name {
  margin-right: auto;
}
.filter-panel .x-column-inner .guide-actions {
  display: flex;
  z-index: 1;
}
.filter-panel .x-column-inner .guide-actions--redesign {
  margin: -48px 2px 0px 0px;
  right: 0;
  position: absolute;
}
.filter-panel .x-column-inner .guide-actions--redesign-customize {
  margin: -48px 2px 0px 0px;
  right: 64px;
  position: absolute;
}
.filter-panel .x-column-inner .bulk-link-search-button {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 4px;
  width: auto;
  height: 24px;
  margin-left: auto;
  background: #FFFFFF;
  border: 1px solid var(--sl-color-primary-500, #7A52E1);
  border-radius: 9999px;
  margin-right: 5px;
  order: 1;
}
.filter-panel .x-column-inner .bulk-link-search-button:hover {
  background-color: var(--sl-color-primary-200, #DED3F8);
}
.filter-panel .x-column-inner .bulk-link-search-button span {
  width: auto;
  height: 16px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--sl-color-primary-500, #7A52E1);
  flex: none;
  flex-grow: 0;
}
.filter-panel .filter-component {
  border-top: 1px dotted #dedede;
  border-bottom: 1px dotted #dedede;
  padding: 2px 0px 5px 0px;
  width: 100%;
}
.filter-panel .button-container {
  float: right;
  margin-top: 3px;
}
.filter-panel .no-filter {
  font: 11px/23px arial;
  color: #b2b2b2;
  display: inline-block;
  margin-right: 5px;
}
.filter-panel .active-filters {
  padding: 0px 15px 0px 5px;
  background: #e7e7e7;
  cursor: pointer;
  float: left;
  position: relative;
  margin-right: 5px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
}
.filter-panel .active-filters .icon-expand {
  font-size: 13px;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 5px;
  color: #a7a7a7;
}
.filter-panel .active-filters .text {
  line-height: 24px;
  color: #4c4d4d;
  display: inline-block;
  vertical-align: middle;
}
.filter-panel .active-filters .arrow {
  background: url('../images/components/consumption/filter-gray-arrow-2.png') no-repeat;
  width: 10px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
}
.filter-panel .save-btn {
  margin: 0px;
  float: right;
}
.filter-panel .save-btn.disabled {
  cursor: default;
  opacity: 0.5;
}
.filter-panel .item {
  color: #616161;
  height: 20px;
  float: left;
  padding: 0px 0px 0px 5px;
  margin: 2px 6px 2px 0px;
  position: relative;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid #c0c0c0;
  border-top: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-panel .item:hover .box {
  background-image: url(../images/icons/facet/white-remove.png);
}
.filter-panel .item.invalid {
  border: 1px solid #DD7870;
}
.filter-panel .item .boost-icon {
  font-weight: bold;
  line-height: 20px;
  float: left;
  margin-right: 4px;
}
.filter-panel .item .boost-icon.minus {
  color: #cb0000;
}
.filter-panel .item .boost-icon.plus {
  color: #105201;
}
.filter-panel .item .box {
  float: right;
  border: none;
  border-left: 1px solid #e2e2e2;
  background-color: #fcfcfc;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  margin: 0px;
  color: var(--link1Color);
  padding-left: 4px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
}
.filter-panel .item .box:hover {
  background-color: #fcfcfc;
}
.filter-panel .item .box.icon-close {
  cursor: pointer;
}
.filter-panel .item .text {
  padding-right: 5px;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.filter-panel .redesign-item {
  color: #616161;
  height: 20px;
  float: left;
  margin: 2px 6px 2px 0px;
  padding: 0px 8px;
  position: relative;
  line-height: 20px;
  background-color: #F3F4F6;
  border-radius: 24px;
  max-width: 253px;
}
.filter-panel .redesign-item.invalid {
  border: 1px solid #DD7870;
}
.filter-panel .redesign-item .box {
  float: right;
  border: none;
  font-size: 13px;
  line-height: 20px;
  margin-left: 4px;
}
.filter-panel .redesign-item .box svg {
  fill: var(--link1Color);
  cursor: pointer;
}
.filter-panel .redesign-item .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.filter-panel .redesign-item span {
  font-weight: bold;
}
.filter-panel .redesign-item .filter-and {
  color: #0B877D;
}
.filter-panel .redesign-item .filter-not {
  text-decoration: line-through;
}
.filter-panel .search-filter-span-black {
  color: #111;
}
.filter-panel .guide-icons-link {
  color: #8f8f8f;
  font-size: 16px;
  z-index: 1000;
  line-height: 26px;
  float: right;
}
.filter-panel .guide-icons-link.icon-edit {
  order: 2;
}
.filter-panel .guide-icons-link.icon-export {
  order: 3;
}
.filter-panel .guide-icons-link.edit-guide-icon-link {
  padding-right: 5px;
}
.filter-panel .guide-icons-link:not(.x-item-disabled) {
  cursor: pointer;
}
.filter-panel .guide-icons-link:not(.x-item-disabled):hover {
  color: var(--link1Color);
}
.filter-panel .item-remove {
  color: #cb0000;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-view-panel {
  position: static !important;
  overflow: visible !important;
  display: flex;
}
.search-view-panel .load-more {
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}
.search-view-panel .load-more .box-btn {
  font: 11px/21px Arial;
  color: #5e5d5d;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.search-view-panel .no-more {
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}
.search-view-panel .no-more .text {
  width: 200px;
  text-align: center;
  margin: auto;
  color: gray;
}
.search-view-panel .left-ct {
  flex: 0 0 23.8%;
  min-width: 195px;
  max-width: 455px;
}
.search-view-panel .spacing-ct {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.search-view-panel .right-ct {
  flex: 1 1 100%;
  min-width: 0;
}
.search-view-panel .right-ct-redesign {
  flex: 1 1 100%;
  min-width: 0;
  padding: 0px 20px;
  margin: 56px 2px 5px 0px;
  border-radius: 8px;
  box-shadow: 0px 1px 5px #00000026;
}
.search-view-panel .warning-ct {
  border-color: #FFAE00;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555555;
}
.search-view-panel .warning-ct .icon-warning {
  color: #FFAE00;
  margin-right: 5px;
  position: relative;
  top: 1px;
  font-size: 15px;
}
.content-panel {
  position: relative;
}
.date-count-info-box {
  padding: 8px;
  background: transparent url(../images/components/consumption/dashed-bg.png);
}
.guide-name {
  font-size: 28px;
  color: var(--hlColor);
  padding-bottom: 5px;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.guide-name-redesign {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 15px;
  width: 500px;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.view-panel-no-result {
  background: #FFFFFF;
  padding: 15px;
  margin: 10px;
  border: 1px #c0c0c0 solid;
  border-radius: 8px;
  color: #555555;
}
.view-panel-no-result-found {
  height: 30px;
  border-radius: 8px;
  background: #F3F4F6;
  font-family: Open Sans;
  font-size: 12px;
  color: #6C7993;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 21px;
}
.date-count-info-date {
  font: 18px var(--titleFontFace);
  color: var(--hlColor);
}
.date-count-info-count {
  font-size: 13px;
  color: #7c7c7c;
}
.date-count-info-result {
  font-size: 13px;
  color: #7c7c7c;
}
.result-ct-left {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-inbox div.header {
  height: 50px;
  background-color: #2B2B2B;
  background-image: -moz-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B5B5B), color-stop(100%, #2B2B2B));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #5B5B5B 0%, #2B2B2B 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.warning-inbox div.header button {
  height: 15px;
  border: none;
  display: inline-block;
  color: #FFF;
  padding: 25px 6px 0px;
  margin-top: 4px;
  background-color: #0D0D0D;
  background-repeat: no-repeat;
  background-position: center 3px;
  opacity: 0.7;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
}
.warning-inbox div.header button.disabled {
  opacity: 0.3;
}
.warning-inbox div.header button.back-button {
  background-image: url(../images/mobile/ico-left.png);
  margin-left: 4px;
  float: left;
}
.warning-inbox div.header button.previous-button {
  background-image: url(../images/mobile/ico-up.png);
  margin-right: 6px;
  float: right;
}
.warning-inbox div.header button.next-button {
  background-image: url(../images/mobile/ico-down.png);
  margin-right: 6px;
  float: right;
}
.warning-inbox-window.warning-my-messages .preview-only,
.warning-inbox-window.warning-my-messages .warning-hidden {
  display: none;
}
.warning-inbox-window.warning-my-messages .x-window-body,
.warning-inbox-window.warning-my-messages .preview-body {
  overflow: auto;
  background-color: #FAFAFA;
}
.warning-inbox-window.warning-my-messages .preview-body .main-table {
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.warning-inbox-window {
  z-index: 9004 !important;
}
.warning-inbox-window .preview-body .not-visible-in-preview {
  display: none;
}
.inbox-view-grid-sender {
  color: #333;
}
.inbox-view-grid-title {
  color: #777;
  padding-top: 3px;
}
.inbox-view-grid-date {
  color: #28a;
}
.inbox-view-grid-unread {
  font-weight: bold !important;
  background-color: #f4fbff;
}
.inbox-view-grid-selected {
  background: #def !important;
  border: 1px dotted #48c !important;
}
.inbox-view-grid-row {
  border: none;
  border-top: 1px solid #e3efff;
  overflow: hidden !important;
}
.inbox-preview-header {
  color: #706F6F;
}
.inbox-preview-header-fail {
  background: #fcc;
  border: 1px solid #d88;
  padding: 2px;
}
.inbox-preview-header-success {
  background: #efd;
  border: 1px solid #cea;
  padding: 2px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.timeline-grid-top-mark,
.timeline-grid-bottom-mark,
.timeline-header-big-mark,
.timeline-header-today-mark,
.timeline-header-mark {
  font-size: 9px;
  color: #fdfdfd;
  text-align: center;
  line-height: 12px;
  z-index: 10;
}
.timeline-grid-top-mark {
  background: transparent url(../images/components/timeline/top-mark.png) no-repeat;
  padding-top: 1px;
  top: 6px;
  width: 31px;
  height: 17px;
}
.timeline-grid-bottom-mark {
  background: transparent url(../images/components/timeline/bottom-mark.png) no-repeat;
  padding-top: 5px;
  top: 3px;
  width: 31px;
  height: 17px;
}
.timeline-header-big-mark {
  background: transparent url(../images/components/timeline/header-big-mark.png) no-repeat;
  width: 32px;
  height: 29px;
  position: absolute;
  top: 2px;
}
.timeline-header-mark {
  background: transparent url(../images/components/timeline/header-mark.png) no-repeat;
  width: 32px;
  height: 19px;
  position: absolute;
  top: 12px;
  padding-top: 2px;
}
.timeline-header-today-mark {
  background: transparent url(../images/components/timeline/today-mark.png) no-repeat;
  width: 32px;
  height: 19px;
  position: absolute;
  top: 30px;
  padding-top: 2px;
  font-weight: bold;
}
.timeline-vertical-dash {
  width: 2px;
  border-left: 1px dotted #aaa;
  position: absolute;
  float: left;
}
.timeline-today-vertical-dash {
  width: 2px;
  border-left: 1px dotted #6b9651;
  position: absolute;
  float: left;
}
.timeline-hit-title {
  color: var(--link1Color);
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  width: 252px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-hit-validity {
  color: #555;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.timeline-body,
.timeline-body .timeline-column-ct-body {
  background: transparent;
}
.summary-timeline {
  display: flex;
}
.summary-timeline .timeline-left-ct {
  flex: 0 0 23.8%;
  min-width: 195px;
  max-width: 455px;
}
.summary-timeline .timeline-spacing-ct {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.summary-timeline .timeline-right-ct {
  flex: 1 1 100%;
  min-width: 0;
}
.summary-timeline .timeline-content-ct {
  overflow: auto;
  padding-top: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dashboard-export-window .x-form-check-wrap {
  line-height: 2;
  padding-right: 10px;
}
.dashboard-export-window .wrapper {
  width: 100%;
  height: 100%;
}
.dashboard-export-window .config {
  width: 100%;
  background-color: #f8f8f8;
  padding: 5px 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.dashboard-export-window .warn {
  display: none;
  height: 34px;
  border: 1px solid #ffae00;
  background-color: #fff7e5;
  margin-bottom: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.dashboard-export-window .x-window-body[type$="-TEXT"]:not(.hide-warning) .preview {
  height: calc(100% - 86px);
}
.dashboard-export-window .x-window-body[type$="-TEXT"]:not(.hide-warning) .warn {
  display: block;
}
.dashboard-export-window .x-window-body[type$="-TEXT"]:not(.hide-warning) .warn .warn-content {
  padding: 11px 10px;
}
.dashboard-export-window .x-window-body[type$="-TEXT"]:not(.hide-warning) .warn .warn-content .icon-warning {
  color: #ffae00;
  font-size: 16px;
  float: left;
  margin-top: -2px;
  padding-right: 8px;
}
.dashboard-export-window .x-window-body[type$="-TEXT"]:not(.hide-warning) .warn .warn-content .icon-close {
  color: #ffae00;
  font-size: 16px;
  float: right;
  margin-top: -2px;
  cursor: pointer;
}
.dashboard-export-window .preview {
  width: 100%;
  height: calc(100% - 42px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.dashboard-export-window .preview-content {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dashboard-export-window .preview-documents-tree {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dashboard-export-window .preview-content-picture,
.dashboard-export-window .preview-content-picture-group {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dashboard-export-window .preview-content-picture.has-content,
.dashboard-export-window .preview-content-picture-group.has-content {
  padding-left: 2px;
  background-color: #f8f8f8;
  padding-top: 2px;
  padding-bottom: 2px;
  min-width: max-content;
  white-space: nowrap;
}
.dashboard-export-window img.preview-img {
  box-shadow: 0 0px 4px #484848;
  -moz-box-shadow: 0 0px 4px #484848;
  -webkit-box-shadow: 0 0px 4px #484848;
  margin: 2px auto 8px auto;
  display: inline-block;
  white-space: normal;
  align-self: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.edit-preview-window .red {
  font-weight: bold;
  color: #a50000;
}
.edit-preview-window .overwrite-filters {
  line-height: 13px;
  color: var(--link1Color);
  cursor: pointer;
}
.edit-preview-window .overwrite-filters.disabled {
  color: #ccc;
  cursor: default;
}
.edit-preview-window .filters-ct {
  overflow-y: auto;
  max-height: 90px;
}
.edit-preview-window .filters-ct .filter-ct {
  margin-top: 5px;
}
.edit-preview-window .filters-ct .filter-ct:first-child {
  margin-top: 0px;
}
.edit-preview-window .filters-ct .filter-ct .filter-name {
  color: var(--link2Color);
  margin-bottom: 1px;
}
.edit-preview-window .filters-ct .filter-ct .filter-values {
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.edit-preview-window .filters-ct .filter-ct .filter-values.exclude {
  text-decoration: line-through;
}
.edit-preview-window .viewers-ct .icon-plus-sign {
  font-size: 14px;
  line-height: 22px;
  color: #175282;
  cursor: pointer;
}
.edit-preview-window .viewers-ct .gray-button {
  height: 21px;
  background-color: #efefef;
  color: #5e5d5d;
  padding: 0px 10px;
}
.edit-preview-window .viewers-ct .gray-button:hover {
  background-color: #e8e8e8;
}
.edit-preview-window .viewers-ct ul {
  margin-top: 10px;
  border: 1px solid #e6e6e6;
  max-height: 83px;
  overflow-y: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.edit-preview-window .viewers-ct ul li {
  line-height: 27px;
  color: #191919;
  border-top: 1px solid #e6e6e6;
  padding: 0px 31px 0px 10px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.edit-preview-window .viewers-ct ul li:first-child {
  border-top: none;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.edit-preview-window .viewers-ct ul li:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.edit-preview-window .viewers-ct ul li.odd {
  background-color: #fafafa;
}
.edit-preview-window .viewers-ct ul li.even {
  background-color: #fff;
}
.edit-preview-window .viewers-ct ul li span {
  color: #968e8e;
}
.edit-preview-window .viewers-ct ul li .icon-close {
  position: absolute;
  right: 6px;
  top: 5px;
  cursor: pointer;
  color: var(--link1Color);
  font-size: 16px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.balloon.save-preview-window h2 {
  font: 16px var(--titleFontFace);
  margin: 0px 0px 6px;
}
.balloon.save-preview-window p {
  line-height: 16px;
  color: #363636;
  margin-bottom: 15px;
}
.balloon.save-preview-window .round-box {
  background-color: #f8f8f8;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.balloon.save-preview-window .round-box h3 {
  font: 14px var(--titleFontFace);
  color: #545454;
  margin-bottom: 10px;
}
.balloon.save-preview-window .round-box ul {
  padding-bottom: 5px;
  border-bottom: 1px dotted #d7d7d7;
  margin-bottom: 10px;
  max-height: 200px;
  overflow-y: auto;
}
.balloon.save-preview-window .round-box ul li {
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.balloon.save-preview-window .round-box ul li.empty {
  background: #fff9f9;
  border-left-color: #fbd4d4;
  border-right-color: #fbd4d4;
  border-bottom-color: #fbc2c2;
}
.balloon.save-preview-window .round-box ul li.empty span {
  border-left-color: #fbd4d4;
}
.balloon.save-preview-window .round-box ul li .name {
  line-height: 22px;
  color: #3c3c3c;
  padding: 0px 10px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.balloon.save-preview-window .round-box ul li span {
  text-align: center;
  border-left: 1px solid #e2e2e2;
  color: var(--link1Color);
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.balloon.save-preview-window .round-box ul li .icon-close {
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.balloon.save-preview-window .round-box .button-wrapper {
  margin: 0px 10px;
}
.balloon.save-preview-window .round-box .button-wrapper button {
  border: 1px solid #dcdcdc;
  cursor: pointer;
  font: 11px/21px Arial;
  color: #5e5d5d;
  text-align: center;
  width: 100%;
  height: 23px;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.balloon.save-preview-window .round-box .button-wrapper button.disabled {
  color: #ccc;
  cursor: default;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dialog-cortex .dlg-body {
  font-size: var(--sl-font-size-small, 14px);
  color: var(--sl-color-neutral-700, #555);
}
.dialog-cortex .footer-info-container {
  float: left;
  text-align: left;
  display: flex;
  align-items: center;
  height: 42px;
}
.dialog-cortex .footer-info-container .footer-info-icon {
  margin-top: 4px;
}
.dialog-cortex .footer-info-container .footer-info-icon svg {
  width: 24px;
  height: 24px;
}
.dialog-cortex .footer-info-container .footer-info-icon svg g path {
  fill: var(--sl-color-info-500);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dashboard-export-template-window dl dt {
  margin-bottom: 15px;
}
.dashboard-export-template-window dl dd {
  color: var(--sl-color-neutral-600);
  background: var(--sl-color-neutral-100);
  border-radius: 4px;
  padding: 12px 15px;
}
.dashboard-export-template-window dl dd:not(:last-child) {
  margin-bottom: 4px;
}
.dashboard-export-template-window .dlg-body {
  font-size: var(--sl-font-size-small);
  color: var(--sl-color-neutral-500);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.text-styles-config-window .text-style-ct {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #ccc;
}
.text-styles-config-window .text-style-ct:first-child {
  margin-top: 0px;
  padding-top: 0px;
  border-top: none;
}
.text-styles-config-window .text-style-ct.checkbox-ct {
  margin-top: 10px;
  padding-top: 10px;
}
.text-styles-config-window .text-style-ct .preview {
  line-height: 38px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.text-styles-config-window .restore-default {
  position: absolute;
  bottom: 15px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.text-styles-config-window .restore-default:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.grid-config-window .x-form-item {
  margin-bottom: 0px;
}
.grid-config-window .round-box {
  margin-bottom: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-window.clean-responsive-window {
  max-width: 1366px !important;
  min-width: var(--mainPanelMinWidth);
  width: 80%;
}
.x-window.clean-responsive-window .clean-responsive-window-body {
  height: calc(80vh - 55px);
  display: flex;
  flex-direction: column;
}
.x-window.clean-responsive-window .clean-responsive-window-body .clean-responsive-window-content {
  padding: 0 10px;
  height: 100%;
  flex: 1 1 100%;
  overflow-x: auto;
}
.x-window.clean-responsive-window .x-grid3-scroller {
  height: calc(90vh - 170px);
}
.x-window.clean-responsive-window.no-title .x-window-tl {
  height: 25px;
  min-height: 0;
}
.x-window.clean-responsive-window:not(.no-title) .x-window-tl {
  margin: 16px 16px 0 16px;
}
.x-window.clean-responsive-window:not(.no-title) .x-window-tl .x-window-header-text {
  margin: 0;
  font-weight: 700;
}
.x-window.clean-responsive-window .x-window-tl {
  background-color: #ffffff;
}
.x-window.clean-responsive-window .x-window-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.x-window.clean-responsive-window .x-window-header .x-window-header-text {
  cursor: default;
  color: unset !important;
}
.x-window.clean-responsive-window .x-window-header .clean-action-icons {
  font-size: 16px;
  cursor: pointer;
  color: var(--link1Color);
}
.x-window.clean-responsive-window .x-window-header .clean-action-icons:hover {
  opacity: 0.7;
}
.x-window.clean-responsive-window .x-window-bl {
  border-top: none;
  background-image: none;
  height: unset;
  --sl-font-size-small: 12px;
  --sl-input-height-small: 1.5rem;
}
.x-window.clean-responsive-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct {
  margin: 0;
  padding: 0 16px 16px 16px;
}
.x-window.clean-responsive-window .x-window-bl .save-config-btn::part(base) {
  line-height: 100%;
  display: flex;
  align-items: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-format-border-balloon .form-row {
  padding: 5px 0;
}
.portlet-format-border-balloon .form-row:first-child {
  padding: 0 0 5px 0;
}
.portlet-format-border-balloon .size-prefix {
  font-size: 13px;
  line-height: 23px;
  color: #bbb;
  margin-right: 3px;
}
.portlet-format-border-balloon .slider-input-suffix {
  line-height: 23px;
  color: #bbb;
  margin-left: 3px;
}
.portlet-format-border-balloon .slider-right-input {
  margin-left: 10px;
}
.portlet-format-border-balloon .cortex-button {
  width: 50px;
  text-align: center;
  float: right;
  margin-top: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-format-window {
  z-index: 9000 !important;
}
.portlet-format-window .form-row {
  padding: 5px 0;
}
.portlet-format-window .form-row:first-child {
  padding: 0 0 5px 0;
}
.portlet-format-window .size-prefix {
  font-size: 13px;
  line-height: 23px;
  color: #bbb;
  margin-right: 3px;
}
.portlet-format-window .slider-input-suffix {
  line-height: 23px;
  color: #bbb;
  margin-left: 3px;
}
.portlet-format-window .slider-right-input {
  margin-left: 10px;
}
.portlet-format-window .border-style-container {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.portlet-format-window .border-style-container .border-style {
  margin: 1px;
  cursor: pointer;
}
.portlet-format-window .border-style-container .border-style .inner-button {
  width: 10px;
  height: 10px;
  margin: 5px;
  margin-left: 25px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-color: var(--link1Color);
  box-shadow: -1px -1px 0 0 var(--link1FadeColor);
  background-color: #fff;
}
.portlet-format-window .border-style-container .border-style.square {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-right: 1px solid #ddd;
}
.portlet-format-window .border-style-container .border-style.square .inner-button {
  border-top-left-radius: 0;
}
.portlet-format-window .border-style-container .border-style.round .inner-button {
  border-top-left-radius: 4px;
}
.portlet-format-window .border-style-container .border-style.circle {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-left: 1px solid #ddd;
}
.portlet-format-window .border-style-container .border-style.circle .inner-button {
  border-top-left-radius: 10px;
}
.portlet-format-window .border-style-container .border-style.active {
  background-color: var(--link1Color) !important;
}
.portlet-format-window .border-style-container .border-style.active .inner-button {
  border-color: #fff !important;
  box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.25) !important;
  background-color: var(--link1Color) !important;
}
.portlet-format-window .borders-container {
  position: relative;
}
.portlet-format-window .borders-container .borders-background-square {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 140px;
  height: 80px;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
}
.portlet-format-window .borders-container .all {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 94px;
  top: 38px;
  z-index: 1;
  color: var(--link1Color);
  cursor: pointer;
}
.portlet-format-window .borders-container .button {
  position: absolute;
  width: 65px;
  height: 20px;
  border-radius: 5px;
  background: #ddd;
  z-index: 1;
  cursor: pointer;
}
.portlet-format-window .borders-container .button.top {
  left: 76px;
}
.portlet-format-window .borders-container .button.right {
  top: 40px;
  left: 145px;
}
.portlet-format-window .borders-container .button.bottom {
  top: 82px;
  left: 76px;
}
.portlet-format-window .borders-container .button.left {
  top: 40px;
  left: 8px;
}
.portlet-format-window .borders-container .button.active svg {
  display: none;
}
.portlet-format-window .align-container {
  background-color: #ebebeb;
  padding: 3px;
  border-radius: 4px;
}
.portlet-format-window .align-container .align-inner-container {
  border-radius: 4px;
  box-shadow: 0 1px 0 1px #ccc;
}
.portlet-format-window .align-container .align-inner-container .align-button {
  font-size: 16px;
  color: #bcbcbc;
  display: inline-block;
  width: 24px;
  line-height: 23px;
  margin: 0 1px;
  text-align: center;
  background-color: #f8f8f8;
  cursor: pointer;
}
.portlet-format-window .align-container .align-inner-container .align-button.active {
  cursor: pointer;
  color: var(--link1Color);
}
.portlet-format-window .align-container .align-inner-container .align-button.active:hover {
  color: var(--hlColor);
}
.portlet-format-window .clear-formatting {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.portlet-format-window .clear-formatting:hover {
  text-decoration: underline;
}
.portlet-format-window .clear-formatting.disabled {
  color: #737373;
  cursor: default;
}
.portlet-format-window .clear-formatting.disabled:hover {
  text-decoration: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-resizable-proxy-invalid {
  border: 2px dashed #f84020 !important;
}
.x-portlet-editor {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  background-color: #eee;
  cursor: move;
}
.x-portlet-editor div.x-portlet-box-border {
  cursor: move;
}
.x-portlet-editor-immutable div.x-portlet-box-border {
  cursor: auto !important;
}
.x-portlet-editor-immutable div.x-portlet-editor-dot {
  display: none !important;
}
.x-portlet-editor-immutable div.x-portlet-editor-dot-ie {
  display: none !important;
}
.x-portlet-editor-dot {
  width: 11px;
  height: 11px;
}
.x-portlet-editor-dot-side-left-top {
  background-image: url(../images/portal/portlet-dot-tl.png);
  cursor: nw-resize;
}
.x-portlet-editor-dot-side-left-bottom {
  background-image: url(../images/portal/portlet-dot-bl.png);
  cursor: ne-resize;
}
.x-portlet-editor-dot-side-right-top {
  background-image: url(../images/portal/portlet-dot-tr.png);
  cursor: ne-resize;
}
.x-portlet-editor-dot-side-right-bottom {
  background-image: url(../images/portal/portlet-dot-br.png);
  cursor: nw-resize;
}
.x-portlet-editor-dot-side-left {
  background-image: url(../images/portal/portlet-dot-l.png);
  cursor: w-resize;
}
.x-portlet-editor-dot-side-bottom {
  background-image: url(../images/portal/portlet-dot-b.png);
  cursor: s-resize;
}
.x-portlet-editor-dot-side-top {
  background-image: url(../images/portal/portlet-dot-t.png);
  cursor: s-resize;
}
.x-portlet-editor-dot-side-right {
  background-image: url(../images/portal/portlet-dot-r.png);
  cursor: w-resize;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-portlet-content .thumbnail-hit-title {
  margin-top: 6px;
}
.x-portlet-content .hit-content .video-wrapper {
  margin-bottom: 8px;
}
.x-portlet-content .hit-content .video-wrapper img {
  border: 1px solid #e9e9e9;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-group-save-window .x-window-tl {
  background: none !important;
}
.filter-group-save-window .x-window-ml {
  margin-top: -20px;
}
.filter-group-save-window .x-window-bwrap {
  padding-top: 10px;
}
.filter-group-save-window .x-window-bwrap .x-window-bl {
  background: none !important;
  border: none !important;
}
.filter-group-save-window .body-ct {
  display: flex;
}
.filter-group-save-window .body-ct .cortex-input {
  flex: 1 1 100%;
}
.filter-group-save-window .body-ct .cortex-label {
  flex: none;
  padding-right: 10px;
}
.filter-group-save-window .x-window-header-text {
  color: black !important;
  cursor: default;
  font-weight: bold !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-group-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.filter-group-container .slimScrollDiv {
  flex: 1 1 auto;
  height: auto !important;
}
.filter-group-container .filter-items-container {
  width: 100%;
  height: 396px;
  max-height: 396px;
  font-family: 'Open Sans', sans-serif;
}
.filter-group-container .filter-items-container .preview-title-container .preview-title-container-row {
  display: flex;
  flex-direction: row;
}
.filter-group-container .filter-items-container .preview-title-container .preview-title-container-row .preview-title {
  flex: 1 1 100%;
  width: 1px;
}
.filter-group-container .filter-items-container .preview-create-filter-item {
  max-width: 318px !important;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
}
.filter-group-container .filter-items-container-empty {
  font-size: 13px;
  text-align: center;
  padding: 48px;
  color: gray;
  font-family: 'Open Sans', sans-serif;
  flex: 1;
}
.filter-group-container .input-search-container {
  width: 100%;
}
.filter-group-container.x-item-disabled {
  cursor: default !important;
}
.filter-group-container .filter-item {
  width: 305px;
  padding: 16px 8px;
}
.filter-group-container .filter-item:hover {
  background: #F8F8F8;
  transition: 0.2s;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
}
.filter-group-container .filter-item.x-item-disabled:hover {
  cursor: default !important;
}
.filter-group-container .filter-item .preview-title,
.filter-group-container .filter-item .preview-create-title {
  font-size: 14px;
  color: #2B303B;
  font-weight: bold;
  margin-bottom: 8px;
  font-family: 'Open Sans', sans-serif;
}
.filter-group-container .filter-item .preview-title h3,
.filter-group-container .filter-item .preview-create-title h3 {
  width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.filter-group-container .filter-item .preview-subtitle,
.filter-group-container .filter-item .preview-create-subtitle {
  font-size: 12px;
  color: #6C7993;
}
.filter-group-container .filter-item .preview-create-title,
.filter-group-container .filter-item .preview-create-subtitle {
  margin-left: 15px;
}
.filter-group-container .filter-item .preview-close {
  padding-right: 10px;
  padding-left: 10px;
}
.filter-group-container .filter-item .preview-close svg {
  fill: #0A66D1 !important;
  font-size: 12px;
}
.filter-group-container .filter-item .preview-close:hover {
  cursor: pointer;
}
.filter-group-container .filter-item .preview-plus {
  position: absolute;
  margin-top: -1px;
  font-size: 1.5em;
  font-weight: bold;
  color: #FF5C00 !important;
}
.filter-group-container .filter-item .preview-plus:hover {
  cursor: pointer;
}
.filter-group-container .show-only-my-views-checkbox {
  margin-top: 16px;
  background: transparent !important;
  font-family: 'Open Sans', sans-serif;
}
.filter-group-container .show-only-my-views-checkbox .x-form-cb-label {
  font-size: 13px;
  color: #6C7993;
  vertical-align: 3px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-group-window {
  width: 322px !important;
  max-width: 322px;
  height: 612px !important;
  top: 30px !important;
  padding: 24px;
  background: #fff !important;
  box-shadow: 0 0 20px 5px #bbb;
  z-index: 99998;
  border-radius: 8px;
  font-family: 'Open Sans', sans-serif;
  display: flex;
  flex-direction: column;
}
.filter-group-window .x-window-tl .x-window-header-text {
  font-weight: bold;
  color: #000 !important;
  font-size: 18px;
}
.filter-group-window .title {
  font-weight: bold;
  color: #000 !important;
  font-size: 18px;
  margin-bottom: 24px;
  font-family: 'Open Sans', sans-serif;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.floating-draggable-menu-item {
  position: absolute;
}
.floating-draggable-menu-item.menu-item {
  z-index: 1;
}
.floating-draggable-menu-item.menu-item .drag-gesture {
  position: absolute;
  top: -7px;
  left: -6px;
  z-index: -10;
  user-select: none;
  opacity: 0;
}
.floating-draggable-menu-item.menu-item .drag-gesture .mask {
  background-color: white;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  position: absolute;
  left: -1px;
  top: -1px;
  opacity: 0.8;
}
.floating-draggable-menu-item.menu-item .drag-gesture .icon svg {
  height: 60px;
  fill: #757575;
  opacity: 0.5;
}
.floating-draggable-menu-item.expanded .menu-item-ct {
  background-color: #eaeaea;
}
.floating-draggable-menu-item.expanded.removable .close-ct {
  visibility: visible;
  opacity: 1;
}
.floating-draggable-menu-item .close-ct {
  visibility: hidden;
  opacity: 0;
  top: -2px;
  right: -2px;
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #eaeaea;
  border-radius: 18px;
  -webkit-transition: visibility 0.3s linear, opacity 0.3s linear;
  -ms-transition: visibility 0.3s linear, opacity 0.3s linear;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}
.floating-draggable-menu-item .close-ct .icon-close {
  font-size: 16px;
  color: var(--link1Color);
  line-height: 18px;
  margin-left: 1px;
  cursor: pointer;
}
.floating-draggable-menu-item .menu-item-ct {
  padding: 7px 0 0 7px;
  background-color: transparent;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  -webkit-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.floating-draggable-menu-item .menu-item-ct .icon-folder svg {
  margin-top: 5px;
}
.floating-draggable-menu-item .menu-item-ct .icon-folder svg rect {
  fill: none !important;
}
.floating-draggable-menu-item .menu-item-ct .menu-item-icon {
  color: white;
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  box-shadow: 1px 1px 3px #aaa;
  -moz-box-shadow: 1px 1px 3px #aaa;
  -webkit-box-shadow: 1px 1px 3px #aaa;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
}
.dragging .floating-draggable-menu-item .menu-item-ct .icon-menu {
  cursor: grabbing;
}
.floating-draggable-menu-item .menu-item-ct .icon-menu svg {
  fill: white !important;
  margin-top: 2px;
  width: 24px;
  height: 28px;
}
.floating-draggable-menu-item .menu-item-ct .icon-drill {
  font-size: 14px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.floating-draggable-menu {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 7999;
  left: 10px;
  top: 80px;
}
.floating-draggable-menu .draggable {
  touch-action: none;
  user-select: none;
}
.floating-draggable-menu[state="closed"] .floating-draggable-menu-item:not(.menu-item),
.floating-draggable-menu.dragging .floating-draggable-menu-item:not(.menu-item) {
  display: none;
}
.floating-draggable-menu .alert-icon {
  background-color: #FF5C00;
  position: absolute;
  width: 10px;
  height: 10px;
  margin-left: 29px;
  margin-top: -45px;
  border-radius: 20px;
  border: 2px solid #fff;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ext-remotebrowser .dashboard-filters-container {
  display: none !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-dashboard-full-screen {
  position: absolute;
  top: 0;
  background: white;
  z-index: 100000;
}
.x-portlet-section-grid[grid-layout-columns="1"] > .x-panel-body,
.dashboard-viewport .x-portlet-section-grid[grid-layout-columns="1"] {
  background-size: calc(100% + 20px), 20px 20px, 20px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 20px, transparent 2px), linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1.01px);
  background-position-x: -20px;
}
.x-portlet-section-grid[grid-layout-columns="2"] > .x-panel-body,
.dashboard-viewport .x-portlet-section-grid[grid-layout-columns="2"] {
  background-size: calc(50% + 10px), 20px 20px, 20px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 20px, transparent 2px), linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1.01px);
  background-position-x: -20px;
}
.x-portlet-section-grid[grid-layout-columns="3"] > .x-panel-body,
.dashboard-viewport .x-portlet-section-grid[grid-layout-columns="3"] {
  background-size: calc(33.333333333333336% + 6.666666666666667px), 20px 20px, 20px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 20px, transparent 2px), linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1.01px);
  background-position-x: -20px;
}
.x-portlet-section-grid[grid-layout-columns="4"] > .x-panel-body,
.dashboard-viewport .x-portlet-section-grid[grid-layout-columns="4"] {
  background-size: calc(25% + 5px), 20px 20px, 20px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 20px, transparent 2px), linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1.01px);
  background-position-x: -20px;
}
.x-dashboard-top-loading {
  position: absolute;
  top: 0;
  height: 6px;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  z-index: 1000;
}
.x-dashboard-top-loading .circle {
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #ccc;
  border-radius: 50%;
  box-shadow: 1px 1px #f5f5f5;
}
.x-dashboard-top-loading.active {
  visibility: visible;
}
.x-dashboard-top-loading.active .circle {
  -webkit-animation-play-state: running !important;
  animation-play-state: running !important;
}
@-webkit-keyframes top-loading-circle-move-tv {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(1860px);
  }
}
@keyframes top-loading-circle-move-tv {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(1860px);
  }
}
@-webkit-keyframes top-loading-circle-move-monitor {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(1280px);
  }
}
@keyframes top-loading-circle-move-monitor {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(1280px);
  }
}
@-webkit-keyframes top-loading-circle-move-tablet {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(951px);
  }
}
@keyframes top-loading-circle-move-tablet {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(951px);
  }
}
@-webkit-keyframes top-loading-circle-move-smartphone {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(600px);
  }
}
@keyframes top-loading-circle-move-smartphone {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(600px);
  }
}
@-webkit-keyframes top-loading-circle-move-mobile_legacy {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(350px);
  }
}
@keyframes top-loading-circle-move-mobile_legacy {
  0% {
    transform: translate(-25px);
  }
  100% {
    transform: translate(350px);
  }
}
[data-device-type="tv"] .x-dashboard-top-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move-tv 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tv 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="monitor"] .x-dashboard-top-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move-monitor 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-monitor 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tablet"] .x-dashboard-top-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move-tablet 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tablet 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="smartphone"] .x-dashboard-top-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move-smartphone 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-smartphone 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="mobile_legacy"] .x-dashboard-top-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move-mobile_legacy 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-mobile_legacy 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tv"] .x-dashboard-top-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move-tv 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tv 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="monitor"] .x-dashboard-top-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move-monitor 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-monitor 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tablet"] .x-dashboard-top-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move-tablet 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tablet 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="smartphone"] .x-dashboard-top-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move-smartphone 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-smartphone 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="mobile_legacy"] .x-dashboard-top-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move-mobile_legacy 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-mobile_legacy 2.7s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tv"] .x-dashboard-top-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move-tv 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tv 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="monitor"] .x-dashboard-top-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move-monitor 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-monitor 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tablet"] .x-dashboard-top-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move-tablet 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tablet 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="smartphone"] .x-dashboard-top-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move-smartphone 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-smartphone 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="mobile_legacy"] .x-dashboard-top-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move-mobile_legacy 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-mobile_legacy 2.7s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tv"] .x-dashboard-top-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move-tv 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tv 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="monitor"] .x-dashboard-top-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move-monitor 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-monitor 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="tablet"] .x-dashboard-top-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move-tablet 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-tablet 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="smartphone"] .x-dashboard-top-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move-smartphone 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-smartphone 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
[data-device-type="mobile_legacy"] .x-dashboard-top-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move-mobile_legacy 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move-mobile_legacy 2.7s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dashboard-viewport[data-device-type="tv"] .x-dashboard-main-section {
  width: 1860px;
}
.dashboard-viewport[data-device-type="tv"] .x-dashboard-main-section [data-page-break="a4"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%222631%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMWJiODBmNS04NzI3LTI4NDUtOTk4Mi03ZDBmODBmZGE2NWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM0MzFBNkRGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM0MzFBNkNGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NTQwNTgzRkNFNDExRTk4QzZERjYyRDczOTFENDZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NTQwNTg0RkNFNDExRTk4QzZERjYyRDczOTFENDZEIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BwfBTbwAAAhtJREFUeNrs3bFrE1EcB%2FAkXAhxSBzci6ObkNVKNzcH19ZVcA48B%2F8CDwIuLl11cSl0s1shroLgkFHsWnAIxAxNON%2FDK4RS3Pvj84Ef9713WfIggR8%2F7q7bNE0HAAAAAAAAgLuvZwsAAAAAAAAAYjAABgAAAAAAAAiisgUAAABElFJ6VY51XR%2Ffcu1BPrzN9SVfP7NbAAAAROEOYAAAAMJpB7yPck1yvnfLR45yXdopAAAAojEABgAAIKJJrkVb%2B7sXUkrP8uGiLQAAAAjFABgAAICInub61tbkejGltFfO67o%2BsUUAAABEVE2n04N8PM910K5Fzs%2BrqrrYbDbf5Th5MBj8uLq6%2Bpnzy36%2F%2F1UOlV8vl8vPo9Hotxwrj8fjkt%2Fketf%2BR8tBcv5vLvl%2B%2Fh0f5t%2FxBzlWXq1WJT8cDodP1uv1RzlW7vV6JT9ummav2%2B2eyrHydrs9jdzzzWaz891GN6VUHv1cHvu8aJeOylpd1%2BX8MNfx%2FxplfbKsT5b1ybI%2BWdYny%2FpkWZ%2BsT77LuZu%2FpDE4AAAAYaSUyvt9928sz3P96vx79%2B9N87quP9k5AAAAIqhsAQAAAFGklMqdv2X4%2B76947eslfMXuU7y2nzns2UYfJnXzuwcAAAAUXgHMAAAAJGUYe%2FievhbtEPfP52ddwEDAABAVB4BDQAAAAAAABCEO4ABAAAAAAAAgjAABgAAAAAAAAjirwADAIZsVND6Qn1fAAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="tv"] .x-dashboard-main-section [data-page-break="presentation"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%221046%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OWJiMjgxZi01YzJhLTYzNDUtOTM2Ny05M2E0YmEzMjc0NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQzNEMwMERGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQzNEMwMENGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiMTlkNDAwLTU1MjctYmI0YS1iMWFlLWFjNWNiNDE0YTgzNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZmN2Q1NmMzLTNkOTMtZTI0Ni04ZmU2LTMxNDRjNDIyMzc4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPj%2F31YoAAAU%2BSURBVHja7N0%2FSCRnGMfxGf8gbkBTaHtLumwX2DbKdV4ViO1tWo90iuwE7updyAyiTYrYxiaN4bqzO7JphUAKy7C2SgrBtVDZPL%2FZZ%2BLrnsZzNxFdvh94mWffmfd9Z168g%2BHhfSfudrsRAAAAAAAAAAAAAODpi0kAAwAAAAAe5AU0jp%2Fsvdfr9Tk7vLHStrJtpZZl2fZ9%2BuD9GwAAAADwECaYAgAAAADAsJIkWdExTdPtEX3EipV3VjpWNq3sfEyjer1etcOylTmbo5su2bfStnnbC%2BZySeNZ3RZ%2FWQAAAACA%2ByIBDAAAAAAYSpIkWh2rBGnJ4lKapp3HeJ%2F1en0zy7K1Qdpau1bws3WPpkoA%2F2rt97QC2JO78zZHOz53RYJ4r69Ni78sAAAAAMAgSAADAAAAAIalhOWBlZKVhciTmUmS1OxQJIeVgNX2yVtZlnUsbngbXd%2Byuh2rWy2uDep0vuZ1HW%2FftnolUpe9vr%2Ffoxv60Qrlkh1%2F1LhWt%2BV11Rv6uNa31TX9Ppb9GY%2BtbPt96PnUT9mv37P6XX%2Fekt%2FH7r%2FMXT5vNlflNE3bOtrv%2Bai3MhgAAAAAgHsbYwoAAAAAAENajHoJS5Vq3zklQde8yEJw7pnqPUGrpKtW2r7yayu%2BfbLKjtdrS%2BRTq6%2F4mG%2B8XgnZF0G%2FHa9vajy7XknV3aJ%2FJX%2F9urb%2F1rWf%2BJjqW4nepp9r%2BrUao%2BHXHgTPqeT0odfrG8FVTxZHfo3GOL5t4ny1dDhveTL9sa6iBgAAAAA8fhPr6%2BvP7fjeynOvG%2BX4q4mJicOLi4vfiUcnnpqa%2BuP8%2FPxPi7%2BZnJz8jXik4m9PTk5%2BnpmZ%2BYt4tOLZ2VnF31n53v%2BPJh6R2P5vVvyp%2FTt%2Baf%2BOfyAerfj09FTxZ9PT01%2BenZ39RDxa8djYmOIvut1uOY7jt8SjFV9eXr79D9%2BrrhkfH8%2B3fo56SVGpJUlSsTEP7Jx%2B71vc8WuV6CwHzX%2FRiluP1U%2FFV%2BgWtLpWbZY9iftOyVRPDOtcw%2BLi2oOgXb59sq%2FQPfb7Ow3v21fnlvvGKxVjqm3foypZvRqM1wruu%2Bnj6d6KZ9T5ahSs5LX378jnJI%2BDOdS916xu12K12Q3PO96RiXlHJua9kndkYt6RiXlHJuYdmfjxvSM%2FunhjY%2BN9rG8QAQAAAAAwCN%2FmeaGvuqVv3Pq5I4uLLaG1yrecZdm2b9Wslb154ta3f9bWzHs3jWPnl30cfTs331Y6WMkbXtffb8PbaFvoYgVv0d%2Fn0dW2z6%2BjXtK2VNxj0KeSsrXo%2BvbT875yWQnkZpEw9n7VxzuNF%2FVWOOdJ7pu%2BARzM46a3eWHn1vjLAgAAAAAMii2gAQAAAAADSZKk%2BObvVpqmr1SiXrK16udkUbH%2F1rbN7Vu6U8J20b%2Bpq0RquYjFv6urBK1W1x5GV9s156t5i%2FguYZ%2Fm2JO%2FlehqZbL6rvqK46g4uiNvv9h330tB31V%2Fxnz1b7DC%2BS56NiWP%2BfYvAAAAAGAoJIABAAAAAINS8lffq%2F1n%2B2WLlchU0rP4pq22Xt70cnTbCl%2BvV%2BK04atqV1Rv8Yp%2Be51W7O776l4lhFe9fvOuG%2FXv8O57%2F6seF1tA13zsKOj7tZ%2F7OuoleY98nEZ0PYmdr0j2axt%2Bf5qD4rvIH6uYQxLAAAAAAIChsAU0AAAAAOB%2F0b8FdBzHT%2BbefeXvUrgV9LB4%2FwYAAAAAPARWAAMAAAAA8CFtWT3n3%2F8FAAAAAODJIAEMAAAAAMCHnvnxmKkAAAAAADwlbAENAAAAAAAAAAAAACPibwEGAH3W0AFTgZJ8AAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="monitor"] .x-dashboard-main-section {
  width: 1280px;
}
.dashboard-viewport[data-device-type="monitor"] .x-dashboard-main-section [data-page-break="a4"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%221810%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMWJiODBmNS04NzI3LTI4NDUtOTk4Mi03ZDBmODBmZGE2NWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM0MzFBNkRGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM0MzFBNkNGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NTQwNTgzRkNFNDExRTk4QzZERjYyRDczOTFENDZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NTQwNTg0RkNFNDExRTk4QzZERjYyRDczOTFENDZEIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BwfBTbwAAAhtJREFUeNrs3bFrE1EcB%2FAkXAhxSBzci6ObkNVKNzcH19ZVcA48B%2F8CDwIuLl11cSl0s1shroLgkFHsWnAIxAxNON%2FDK4RS3Pvj84Ef9713WfIggR8%2F7q7bNE0HAAAAAAAAgLuvZwsAAAAAAAAAYjAABgAAAAAAAAiisgUAAABElFJ6VY51XR%2Ffcu1BPrzN9SVfP7NbAAAAROEOYAAAAMJpB7yPck1yvnfLR45yXdopAAAAojEABgAAIKJJrkVb%2B7sXUkrP8uGiLQAAAAjFABgAAICInub61tbkejGltFfO67o%2BsUUAAABEVE2n04N8PM910K5Fzs%2BrqrrYbDbf5Th5MBj8uLq6%2Bpnzy36%2F%2F1UOlV8vl8vPo9Hotxwrj8fjkt%2Fketf%2BR8tBcv5vLvl%2B%2Fh0f5t%2FxBzlWXq1WJT8cDodP1uv1RzlW7vV6JT9ummav2%2B2eyrHydrs9jdzzzWaz891GN6VUHv1cHvu8aJeOylpd1%2BX8MNfx%2FxplfbKsT5b1ybI%2BWdYny%2FpkWZ%2BsT77LuZu%2FpDE4AAAAYaSUyvt9928sz3P96vx79%2B9N87quP9k5AAAAIqhsAQAAAFGklMqdv2X4%2B76947eslfMXuU7y2nzns2UYfJnXzuwcAAAAUXgHMAAAAJGUYe%2FievhbtEPfP52ddwEDAABAVB4BDQAAAAAAABCEO4ABAAAAAAAAgjAABgAAAAAAAAjirwADAIZsVND6Qn1fAAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="monitor"] .x-dashboard-main-section [data-page-break="presentation"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22720%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OWJiMjgxZi01YzJhLTYzNDUtOTM2Ny05M2E0YmEzMjc0NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQzNEMwMERGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQzNEMwMENGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiMTlkNDAwLTU1MjctYmI0YS1iMWFlLWFjNWNiNDE0YTgzNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZmN2Q1NmMzLTNkOTMtZTI0Ni04ZmU2LTMxNDRjNDIyMzc4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPj%2F31YoAAAU%2BSURBVHja7N0%2FSCRnGMfxGf8gbkBTaHtLumwX2DbKdV4ViO1tWo90iuwE7updyAyiTYrYxiaN4bqzO7JphUAKy7C2SgrBtVDZPL%2FZZ%2BLrnsZzNxFdvh94mWffmfd9Z168g%2BHhfSfudrsRAAAAAAAAAAAAAODpi0kAAwAAAAAe5AU0jp%2Fsvdfr9Tk7vLHStrJtpZZl2fZ9%2BuD9GwAAAADwECaYAgAAAADAsJIkWdExTdPtEX3EipV3VjpWNq3sfEyjer1etcOylTmbo5su2bfStnnbC%2BZySeNZ3RZ%2FWQAAAACA%2ByIBDAAAAAAYSpIkWh2rBGnJ4lKapp3HeJ%2F1en0zy7K1Qdpau1bws3WPpkoA%2F2rt97QC2JO78zZHOz53RYJ4r69Ni78sAAAAAMAgSAADAAAAAIalhOWBlZKVhciTmUmS1OxQJIeVgNX2yVtZlnUsbngbXd%2Byuh2rWy2uDep0vuZ1HW%2FftnolUpe9vr%2Ffoxv60Qrlkh1%2F1LhWt%2BV11Rv6uNa31TX9Ppb9GY%2BtbPt96PnUT9mv37P6XX%2Fekt%2FH7r%2FMXT5vNlflNE3bOtrv%2Bai3MhgAAAAAgHsbYwoAAAAAAENajHoJS5Vq3zklQde8yEJw7pnqPUGrpKtW2r7yayu%2BfbLKjtdrS%2BRTq6%2F4mG%2B8XgnZF0G%2FHa9vajy7XknV3aJ%2FJX%2F9urb%2F1rWf%2BJjqW4nepp9r%2BrUao%2BHXHgTPqeT0odfrG8FVTxZHfo3GOL5t4ny1dDhveTL9sa6iBgAAAAA8fhPr6%2BvP7fjeynOvG%2BX4q4mJicOLi4vfiUcnnpqa%2BuP8%2FPxPi7%2BZnJz8jXik4m9PTk5%2BnpmZ%2BYt4tOLZ2VnF31n53v%2BPJh6R2P5vVvyp%2FTt%2Baf%2BOfyAerfj09FTxZ9PT01%2BenZ39RDxa8djYmOIvut1uOY7jt8SjFV9eXr79D9%2BrrhkfH8%2B3fo56SVGpJUlSsTEP7Jx%2B71vc8WuV6CwHzX%2FRiluP1U%2FFV%2BgWtLpWbZY9iftOyVRPDOtcw%2BLi2oOgXb59sq%2FQPfb7Ow3v21fnlvvGKxVjqm3foypZvRqM1wruu%2Bnj6d6KZ9T5ahSs5LX378jnJI%2BDOdS916xu12K12Q3PO96RiXlHJua9kndkYt6RiXlHJuYdmfjxvSM%2FunhjY%2BN9rG8QAQAAAAAwCN%2FmeaGvuqVv3Pq5I4uLLaG1yrecZdm2b9Wslb154ta3f9bWzHs3jWPnl30cfTs331Y6WMkbXtffb8PbaFvoYgVv0d%2Fn0dW2z6%2BjXtK2VNxj0KeSsrXo%2BvbT875yWQnkZpEw9n7VxzuNF%2FVWOOdJ7pu%2BARzM46a3eWHn1vjLAgAAAAAMii2gAQAAAAADSZKk%2BObvVpqmr1SiXrK16udkUbH%2F1rbN7Vu6U8J20b%2Bpq0RquYjFv6urBK1W1x5GV9s156t5i%2FguYZ%2Fm2JO%2FlehqZbL6rvqK46g4uiNvv9h330tB31V%2Fxnz1b7DC%2BS56NiWP%2BfYvAAAAAGAoJIABAAAAAINS8lffq%2F1n%2B2WLlchU0rP4pq22Xt70cnTbCl%2BvV%2BK04atqV1Rv8Yp%2Be51W7O776l4lhFe9fvOuG%2FXv8O57%2F6seF1tA13zsKOj7tZ%2F7OuoleY98nEZ0PYmdr0j2axt%2Bf5qD4rvIH6uYQxLAAAAAAIChsAU0AAAAAOB%2F0b8FdBzHT%2BbefeXvUrgV9LB4%2FwYAAAAAPARWAAMAAAAA8CFtWT3n3%2F8FAAAAAODJIAEMAAAAAMCHnvnxmKkAAAAAADwlbAENAAAAAAAAAAAAACPibwEGAH3W0AFTgZJ8AAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="tablet"] .x-dashboard-main-section {
  width: 951px;
}
.dashboard-viewport[data-device-type="tablet"] .x-dashboard-main-section [data-page-break="a4"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%221345%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMWJiODBmNS04NzI3LTI4NDUtOTk4Mi03ZDBmODBmZGE2NWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM0MzFBNkRGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM0MzFBNkNGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NTQwNTgzRkNFNDExRTk4QzZERjYyRDczOTFENDZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NTQwNTg0RkNFNDExRTk4QzZERjYyRDczOTFENDZEIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BwfBTbwAAAhtJREFUeNrs3bFrE1EcB%2FAkXAhxSBzci6ObkNVKNzcH19ZVcA48B%2F8CDwIuLl11cSl0s1shroLgkFHsWnAIxAxNON%2FDK4RS3Pvj84Ef9713WfIggR8%2F7q7bNE0HAAAAAAAAgLuvZwsAAAAAAAAAYjAABgAAAAAAAAiisgUAAABElFJ6VY51XR%2Ffcu1BPrzN9SVfP7NbAAAAROEOYAAAAMJpB7yPck1yvnfLR45yXdopAAAAojEABgAAIKJJrkVb%2B7sXUkrP8uGiLQAAAAjFABgAAICInub61tbkejGltFfO67o%2BsUUAAABEVE2n04N8PM910K5Fzs%2BrqrrYbDbf5Th5MBj8uLq6%2Bpnzy36%2F%2F1UOlV8vl8vPo9Hotxwrj8fjkt%2Fketf%2BR8tBcv5vLvl%2B%2Fh0f5t%2FxBzlWXq1WJT8cDodP1uv1RzlW7vV6JT9ummav2%2B2eyrHydrs9jdzzzWaz891GN6VUHv1cHvu8aJeOylpd1%2BX8MNfx%2FxplfbKsT5b1ybI%2BWdYny%2FpkWZ%2BsT77LuZu%2FpDE4AAAAYaSUyvt9928sz3P96vx79%2B9N87quP9k5AAAAIqhsAQAAAFGklMqdv2X4%2B76947eslfMXuU7y2nzns2UYfJnXzuwcAAAAUXgHMAAAAJGUYe%2FievhbtEPfP52ddwEDAABAVB4BDQAAAAAAABCEO4ABAAAAAAAAgjAABgAAAAAAAAjirwADAIZsVND6Qn1fAAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="tablet"] .x-dashboard-main-section [data-page-break="presentation"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22535%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OWJiMjgxZi01YzJhLTYzNDUtOTM2Ny05M2E0YmEzMjc0NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQzNEMwMERGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQzNEMwMENGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiMTlkNDAwLTU1MjctYmI0YS1iMWFlLWFjNWNiNDE0YTgzNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZmN2Q1NmMzLTNkOTMtZTI0Ni04ZmU2LTMxNDRjNDIyMzc4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPj%2F31YoAAAU%2BSURBVHja7N0%2FSCRnGMfxGf8gbkBTaHtLumwX2DbKdV4ViO1tWo90iuwE7updyAyiTYrYxiaN4bqzO7JphUAKy7C2SgrBtVDZPL%2FZZ%2BLrnsZzNxFdvh94mWffmfd9Z168g%2BHhfSfudrsRAAAAAAAAAAAAAODpi0kAAwAAAAAe5AU0jp%2Fsvdfr9Tk7vLHStrJtpZZl2fZ9%2BuD9GwAAAADwECaYAgAAAADAsJIkWdExTdPtEX3EipV3VjpWNq3sfEyjer1etcOylTmbo5su2bfStnnbC%2BZySeNZ3RZ%2FWQAAAACA%2ByIBDAAAAAAYSpIkWh2rBGnJ4lKapp3HeJ%2F1en0zy7K1Qdpau1bws3WPpkoA%2F2rt97QC2JO78zZHOz53RYJ4r69Ni78sAAAAAMAgSAADAAAAAIalhOWBlZKVhciTmUmS1OxQJIeVgNX2yVtZlnUsbngbXd%2Byuh2rWy2uDep0vuZ1HW%2FftnolUpe9vr%2Ffoxv60Qrlkh1%2F1LhWt%2BV11Rv6uNa31TX9Ppb9GY%2BtbPt96PnUT9mv37P6XX%2Fekt%2FH7r%2FMXT5vNlflNE3bOtrv%2Bai3MhgAAAAAgHsbYwoAAAAAAENajHoJS5Vq3zklQde8yEJw7pnqPUGrpKtW2r7yayu%2BfbLKjtdrS%2BRTq6%2F4mG%2B8XgnZF0G%2FHa9vajy7XknV3aJ%2FJX%2F9urb%2F1rWf%2BJjqW4nepp9r%2BrUao%2BHXHgTPqeT0odfrG8FVTxZHfo3GOL5t4ny1dDhveTL9sa6iBgAAAAA8fhPr6%2BvP7fjeynOvG%2BX4q4mJicOLi4vfiUcnnpqa%2BuP8%2FPxPi7%2BZnJz8jXik4m9PTk5%2BnpmZ%2BYt4tOLZ2VnF31n53v%2BPJh6R2P5vVvyp%2FTt%2Baf%2BOfyAerfj09FTxZ9PT01%2BenZ39RDxa8djYmOIvut1uOY7jt8SjFV9eXr79D9%2BrrhkfH8%2B3fo56SVGpJUlSsTEP7Jx%2B71vc8WuV6CwHzX%2FRiluP1U%2FFV%2BgWtLpWbZY9iftOyVRPDOtcw%2BLi2oOgXb59sq%2FQPfb7Ow3v21fnlvvGKxVjqm3foypZvRqM1wruu%2Bnj6d6KZ9T5ahSs5LX378jnJI%2BDOdS916xu12K12Q3PO96RiXlHJua9kndkYt6RiXlHJuYdmfjxvSM%2FunhjY%2BN9rG8QAQAAAAAwCN%2FmeaGvuqVv3Pq5I4uLLaG1yrecZdm2b9Wslb154ta3f9bWzHs3jWPnl30cfTs331Y6WMkbXtffb8PbaFvoYgVv0d%2Fn0dW2z6%2BjXtK2VNxj0KeSsrXo%2BvbT875yWQnkZpEw9n7VxzuNF%2FVWOOdJ7pu%2BARzM46a3eWHn1vjLAgAAAAAMii2gAQAAAAADSZKk%2BObvVpqmr1SiXrK16udkUbH%2F1rbN7Vu6U8J20b%2Bpq0RquYjFv6urBK1W1x5GV9s156t5i%2FguYZ%2Fm2JO%2FlehqZbL6rvqK46g4uiNvv9h330tB31V%2Fxnz1b7DC%2BS56NiWP%2BfYvAAAAAGAoJIABAAAAAINS8lffq%2F1n%2B2WLlchU0rP4pq22Xt70cnTbCl%2BvV%2BK04atqV1Rv8Yp%2Be51W7O776l4lhFe9fvOuG%2FXv8O57%2F6seF1tA13zsKOj7tZ%2F7OuoleY98nEZ0PYmdr0j2axt%2Bf5qD4rvIH6uYQxLAAAAAAIChsAU0AAAAAOB%2F0b8FdBzHT%2BbefeXvUrgV9LB4%2FwYAAAAAPARWAAMAAAAA8CFtWT3n3%2F8FAAAAAODJIAEMAAAAAMCHnvnxmKkAAAAAADwlbAENAAAAAAAAAAAAACPibwEGAH3W0AFTgZJ8AAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="smartphone"] .x-dashboard-main-section {
  width: 600px;
}
.dashboard-viewport[data-device-type="smartphone"] .x-dashboard-main-section [data-page-break="a4"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22849%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMWJiODBmNS04NzI3LTI4NDUtOTk4Mi03ZDBmODBmZGE2NWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM0MzFBNkRGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM0MzFBNkNGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NTQwNTgzRkNFNDExRTk4QzZERjYyRDczOTFENDZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NTQwNTg0RkNFNDExRTk4QzZERjYyRDczOTFENDZEIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BwfBTbwAAAhtJREFUeNrs3bFrE1EcB%2FAkXAhxSBzci6ObkNVKNzcH19ZVcA48B%2F8CDwIuLl11cSl0s1shroLgkFHsWnAIxAxNON%2FDK4RS3Pvj84Ef9713WfIggR8%2F7q7bNE0HAAAAAAAAgLuvZwsAAAAAAAAAYjAABgAAAAAAAAiisgUAAABElFJ6VY51XR%2Ffcu1BPrzN9SVfP7NbAAAAROEOYAAAAMJpB7yPck1yvnfLR45yXdopAAAAojEABgAAIKJJrkVb%2B7sXUkrP8uGiLQAAAAjFABgAAICInub61tbkejGltFfO67o%2BsUUAAABEVE2n04N8PM910K5Fzs%2BrqrrYbDbf5Th5MBj8uLq6%2Bpnzy36%2F%2F1UOlV8vl8vPo9Hotxwrj8fjkt%2Fketf%2BR8tBcv5vLvl%2B%2Fh0f5t%2FxBzlWXq1WJT8cDodP1uv1RzlW7vV6JT9ummav2%2B2eyrHydrs9jdzzzWaz891GN6VUHv1cHvu8aJeOylpd1%2BX8MNfx%2FxplfbKsT5b1ybI%2BWdYny%2FpkWZ%2BsT77LuZu%2FpDE4AAAAYaSUyvt9928sz3P96vx79%2B9N87quP9k5AAAAIqhsAQAAAFGklMqdv2X4%2B76947eslfMXuU7y2nzns2UYfJnXzuwcAAAAUXgHMAAAAJGUYe%2FievhbtEPfP52ddwEDAABAVB4BDQAAAAAAABCEO4ABAAAAAAAAgjAABgAAAAAAAAjirwADAIZsVND6Qn1fAAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="smartphone"] .x-dashboard-main-section [data-page-break="presentation"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22338%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OWJiMjgxZi01YzJhLTYzNDUtOTM2Ny05M2E0YmEzMjc0NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQzNEMwMERGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQzNEMwMENGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiMTlkNDAwLTU1MjctYmI0YS1iMWFlLWFjNWNiNDE0YTgzNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZmN2Q1NmMzLTNkOTMtZTI0Ni04ZmU2LTMxNDRjNDIyMzc4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPj%2F31YoAAAU%2BSURBVHja7N0%2FSCRnGMfxGf8gbkBTaHtLumwX2DbKdV4ViO1tWo90iuwE7updyAyiTYrYxiaN4bqzO7JphUAKy7C2SgrBtVDZPL%2FZZ%2BLrnsZzNxFdvh94mWffmfd9Z168g%2BHhfSfudrsRAAAAAAAAAAAAAODpi0kAAwAAAAAe5AU0jp%2Fsvdfr9Tk7vLHStrJtpZZl2fZ9%2BuD9GwAAAADwECaYAgAAAADAsJIkWdExTdPtEX3EipV3VjpWNq3sfEyjer1etcOylTmbo5su2bfStnnbC%2BZySeNZ3RZ%2FWQAAAACA%2ByIBDAAAAAAYSpIkWh2rBGnJ4lKapp3HeJ%2F1en0zy7K1Qdpau1bws3WPpkoA%2F2rt97QC2JO78zZHOz53RYJ4r69Ni78sAAAAAMAgSAADAAAAAIalhOWBlZKVhciTmUmS1OxQJIeVgNX2yVtZlnUsbngbXd%2Byuh2rWy2uDep0vuZ1HW%2FftnolUpe9vr%2Ffoxv60Qrlkh1%2F1LhWt%2BV11Rv6uNa31TX9Ppb9GY%2BtbPt96PnUT9mv37P6XX%2Fekt%2FH7r%2FMXT5vNlflNE3bOtrv%2Bai3MhgAAAAAgHsbYwoAAAAAAENajHoJS5Vq3zklQde8yEJw7pnqPUGrpKtW2r7yayu%2BfbLKjtdrS%2BRTq6%2F4mG%2B8XgnZF0G%2FHa9vajy7XknV3aJ%2FJX%2F9urb%2F1rWf%2BJjqW4nepp9r%2BrUao%2BHXHgTPqeT0odfrG8FVTxZHfo3GOL5t4ny1dDhveTL9sa6iBgAAAAA8fhPr6%2BvP7fjeynOvG%2BX4q4mJicOLi4vfiUcnnpqa%2BuP8%2FPxPi7%2BZnJz8jXik4m9PTk5%2BnpmZ%2BYt4tOLZ2VnF31n53v%2BPJh6R2P5vVvyp%2FTt%2Baf%2BOfyAerfj09FTxZ9PT01%2BenZ39RDxa8djYmOIvut1uOY7jt8SjFV9eXr79D9%2BrrhkfH8%2B3fo56SVGpJUlSsTEP7Jx%2B71vc8WuV6CwHzX%2FRiluP1U%2FFV%2BgWtLpWbZY9iftOyVRPDOtcw%2BLi2oOgXb59sq%2FQPfb7Ow3v21fnlvvGKxVjqm3foypZvRqM1wruu%2Bnj6d6KZ9T5ahSs5LX378jnJI%2BDOdS916xu12K12Q3PO96RiXlHJua9kndkYt6RiXlHJuYdmfjxvSM%2FunhjY%2BN9rG8QAQAAAAAwCN%2FmeaGvuqVv3Pq5I4uLLaG1yrecZdm2b9Wslb154ta3f9bWzHs3jWPnl30cfTs331Y6WMkbXtffb8PbaFvoYgVv0d%2Fn0dW2z6%2BjXtK2VNxj0KeSsrXo%2BvbT875yWQnkZpEw9n7VxzuNF%2FVWOOdJ7pu%2BARzM46a3eWHn1vjLAgAAAAAMii2gAQAAAAADSZKk%2BObvVpqmr1SiXrK16udkUbH%2F1rbN7Vu6U8J20b%2Bpq0RquYjFv6urBK1W1x5GV9s156t5i%2FguYZ%2Fm2JO%2FlehqZbL6rvqK46g4uiNvv9h330tB31V%2Fxnz1b7DC%2BS56NiWP%2BfYvAAAAAGAoJIABAAAAAINS8lffq%2F1n%2B2WLlchU0rP4pq22Xt70cnTbCl%2BvV%2BK04atqV1Rv8Yp%2Be51W7O776l4lhFe9fvOuG%2FXv8O57%2F6seF1tA13zsKOj7tZ%2F7OuoleY98nEZ0PYmdr0j2axt%2Bf5qD4rvIH6uYQxLAAAAAAIChsAU0AAAAAOB%2F0b8FdBzHT%2BbefeXvUrgV9LB4%2FwYAAAAAPARWAAMAAAAA8CFtWT3n3%2F8FAAAAAODJIAEMAAAAAMCHnvnxmKkAAAAAADwlbAENAAAAAAAAAAAAACPibwEGAH3W0AFTgZJ8AAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="mobile_legacy"] .x-dashboard-main-section {
  width: 350px;
}
.dashboard-viewport[data-device-type="mobile_legacy"] .x-dashboard-main-section [data-page-break="a4"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22495%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMWJiODBmNS04NzI3LTI4NDUtOTk4Mi03ZDBmODBmZGE2NWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM0MzFBNkRGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM0MzFBNkNGQ0U1MTFFOTg4N0NBNjM4NDQ0NDdFMTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NTQwNTgzRkNFNDExRTk4QzZERjYyRDczOTFENDZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NTQwNTg0RkNFNDExRTk4QzZERjYyRDczOTFENDZEIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BwfBTbwAAAhtJREFUeNrs3bFrE1EcB%2FAkXAhxSBzci6ObkNVKNzcH19ZVcA48B%2F8CDwIuLl11cSl0s1shroLgkFHsWnAIxAxNON%2FDK4RS3Pvj84Ef9713WfIggR8%2F7q7bNE0HAAAAAAAAgLuvZwsAAAAAAAAAYjAABgAAAAAAAAiisgUAAABElFJ6VY51XR%2Ffcu1BPrzN9SVfP7NbAAAAROEOYAAAAMJpB7yPck1yvnfLR45yXdopAAAAojEABgAAIKJJrkVb%2B7sXUkrP8uGiLQAAAAjFABgAAICInub61tbkejGltFfO67o%2BsUUAAABEVE2n04N8PM910K5Fzs%2BrqrrYbDbf5Th5MBj8uLq6%2Bpnzy36%2F%2F1UOlV8vl8vPo9Hotxwrj8fjkt%2Fketf%2BR8tBcv5vLvl%2B%2Fh0f5t%2FxBzlWXq1WJT8cDodP1uv1RzlW7vV6JT9ummav2%2B2eyrHydrs9jdzzzWaz891GN6VUHv1cHvu8aJeOylpd1%2BX8MNfx%2FxplfbKsT5b1ybI%2BWdYny%2FpkWZ%2BsT77LuZu%2FpDE4AAAAYaSUyvt9928sz3P96vx79%2B9N87quP9k5AAAAIqhsAQAAAFGklMqdv2X4%2B76947eslfMXuU7y2nzns2UYfJnXzuwcAAAAUXgHMAAAAJGUYe%2FievhbtEPfP52ddwEDAABAVB4BDQAAAAAAABCEO4ABAAAAAAAAgjAABgAAAAAAAAjirwADAIZsVND6Qn1fAAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.dashboard-viewport[data-device-type="mobile_legacy"] .x-dashboard-main-section [data-page-break="presentation"] {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22197%22%3E%3Cimage%20width%3D%221920%22%20height%3D%2214%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAYAAADOvwHgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OWJiMjgxZi01YzJhLTYzNDUtOTM2Ny05M2E0YmEzMjc0NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQzNEMwMERGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQzNEMwMENGQ0U1MTFFOTg4NUNDNjM2MUI5NDRFMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiMTlkNDAwLTU1MjctYmI0YS1iMWFlLWFjNWNiNDE0YTgzNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZmN2Q1NmMzLTNkOTMtZTI0Ni04ZmU2LTMxNDRjNDIyMzc4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPj%2F31YoAAAU%2BSURBVHja7N0%2FSCRnGMfxGf8gbkBTaHtLumwX2DbKdV4ViO1tWo90iuwE7updyAyiTYrYxiaN4bqzO7JphUAKy7C2SgrBtVDZPL%2FZZ%2BLrnsZzNxFdvh94mWffmfd9Z168g%2BHhfSfudrsRAAAAAAAAAAAAAODpi0kAAwAAAAAe5AU0jp%2Fsvdfr9Tk7vLHStrJtpZZl2fZ9%2BuD9GwAAAADwECaYAgAAAADAsJIkWdExTdPtEX3EipV3VjpWNq3sfEyjer1etcOylTmbo5su2bfStnnbC%2BZySeNZ3RZ%2FWQAAAACA%2ByIBDAAAAAAYSpIkWh2rBGnJ4lKapp3HeJ%2F1en0zy7K1Qdpau1bws3WPpkoA%2F2rt97QC2JO78zZHOz53RYJ4r69Ni78sAAAAAMAgSAADAAAAAIalhOWBlZKVhciTmUmS1OxQJIeVgNX2yVtZlnUsbngbXd%2Byuh2rWy2uDep0vuZ1HW%2FftnolUpe9vr%2Ffoxv60Qrlkh1%2F1LhWt%2BV11Rv6uNa31TX9Ppb9GY%2BtbPt96PnUT9mv37P6XX%2Fekt%2FH7r%2FMXT5vNlflNE3bOtrv%2Bai3MhgAAAAAgHsbYwoAAAAAAENajHoJS5Vq3zklQde8yEJw7pnqPUGrpKtW2r7yayu%2BfbLKjtdrS%2BRTq6%2F4mG%2B8XgnZF0G%2FHa9vajy7XknV3aJ%2FJX%2F9urb%2F1rWf%2BJjqW4nepp9r%2BrUao%2BHXHgTPqeT0odfrG8FVTxZHfo3GOL5t4ny1dDhveTL9sa6iBgAAAAA8fhPr6%2BvP7fjeynOvG%2BX4q4mJicOLi4vfiUcnnpqa%2BuP8%2FPxPi7%2BZnJz8jXik4m9PTk5%2BnpmZ%2BYt4tOLZ2VnF31n53v%2BPJh6R2P5vVvyp%2FTt%2Baf%2BOfyAerfj09FTxZ9PT01%2BenZ39RDxa8djYmOIvut1uOY7jt8SjFV9eXr79D9%2BrrhkfH8%2B3fo56SVGpJUlSsTEP7Jx%2B71vc8WuV6CwHzX%2FRiluP1U%2FFV%2BgWtLpWbZY9iftOyVRPDOtcw%2BLi2oOgXb59sq%2FQPfb7Ow3v21fnlvvGKxVjqm3foypZvRqM1wruu%2Bnj6d6KZ9T5ahSs5LX378jnJI%2BDOdS916xu12K12Q3PO96RiXlHJua9kndkYt6RiXlHJuYdmfjxvSM%2FunhjY%2BN9rG8QAQAAAAAwCN%2FmeaGvuqVv3Pq5I4uLLaG1yrecZdm2b9Wslb154ta3f9bWzHs3jWPnl30cfTs331Y6WMkbXtffb8PbaFvoYgVv0d%2Fn0dW2z6%2BjXtK2VNxj0KeSsrXo%2BvbT875yWQnkZpEw9n7VxzuNF%2FVWOOdJ7pu%2BARzM46a3eWHn1vjLAgAAAAAMii2gAQAAAAADSZKk%2BObvVpqmr1SiXrK16udkUbH%2F1rbN7Vu6U8J20b%2Bpq0RquYjFv6urBK1W1x5GV9s156t5i%2FguYZ%2Fm2JO%2FlehqZbL6rvqK46g4uiNvv9h330tB31V%2Fxnz1b7DC%2BS56NiWP%2BfYvAAAAAGAoJIABAAAAAINS8lffq%2F1n%2B2WLlchU0rP4pq22Xt70cnTbCl%2BvV%2BK04atqV1Rv8Yp%2Be51W7O776l4lhFe9fvOuG%2FXv8O57%2F6seF1tA13zsKOj7tZ%2F7OuoleY98nEZ0PYmdr0j2axt%2Bf5qD4rvIH6uYQxLAAAAAAIChsAU0AAAAAOB%2F0b8FdBzHT%2BbefeXvUrgV9LB4%2FwYAAAAAPARWAAMAAAAA8CFtWT3n3%2F8FAAAAAODJIAEMAAAAAMCHnvnxmKkAAAAAADwlbAENAAAAAAAAAAAAACPibwEGAH3W0AFTgZJ8AAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E');
  background-position-y: -7px;
  background-position-x: center;
}
.main-panel.full-width .dashboard-viewport .x-panel-tbar {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}
.main-panel.full-width .dashboard-viewport .x-panel-tbar.plain-toolbar {
  padding-bottom: 0 !important;
}
:not(.standalone).dashboard-viewport .dashboard-body-panel {
  background-color: #f8f8f8;
}
:not(.standalone).dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body {
  background-color: white;
  margin-bottom: 30px;
}
:not(.standalone).dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section {
  padding: 10px 0;
}
.dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section {
  margin: 0 auto;
  -webkit-transition: width 1s;
  transition: width 1s;
}
:not(.standalone).dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section > .x-panel-bwrap {
  overflow: visible;
}
:not(.standalone).dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section > .x-panel-bwrap > .x-panel-body {
  overflow: visible;
  margin-top: 10px;
}
:not(.standalone).dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section .x-dashboard-section {
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25);
}
.dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section .x-dashboard-section {
  width: 100% !important;
}
.dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section .x-panel-body {
  z-index: 0;
}
.dashboard-viewport .dashboard-body-panel .dashboard-section-ct .dashboard-section-body .x-dashboard-main-section .x-dashboard-top {
  height: 10px;
  position: absolute;
  width: 100%;
  background-color: white;
}
.dashboard-viewport .x-dashboard-footer {
  display: none;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer {
  display: block;
  overflow: hidden;
  height: 20px;
  padding: 10px 0;
  background-color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 8998;
  border-top: 1px solid #dcdcdc;
}
.unsupported-browser :not(.standalone).dashboard-viewport .x-dashboard-footer {
  bottom: 26px;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper {
  height: 100%;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-info-wrapper {
  height: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 25px;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-info-wrapper .device-info {
  color: #757575;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-info-actions {
  height: 100%;
  float: right;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: -20px;
  margin-right: 20px;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-info-actions .overflow-toolbar-menu {
  background: none !important;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper {
  height: 100%;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper .device-types {
  height: 100%;
  margin: 0 auto;
  width: 120px;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper .device-types .item-selector {
  display: inline-block;
  height: 100%;
  cursor: pointer;
  position: relative;
  width: 20px;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper .device-types .item-selector:not(:last-child) {
  margin-right: 5px;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper .device-types .item-selector svg {
  fill: var(--link1Color);
  height: 100%;
  width: auto;
}
@keyframes slide-up {
  0% {
    opacity: 0;
    width: 5px;
    transform: translate(-50%, 15px);
  }
  100% {
    opacity: 1;
    width: 20px;
    transform: translate(-50%, 0);
  }
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper .device-types .item-selector.selected svg {
  fill: var(--link2Color);
  -webkit-transition: fill 0.5s ease;
  transition: fill 0.5s ease;
}
:not(.standalone).dashboard-viewport .x-dashboard-footer .footer-wrapper .device-type-wrapper .device-types .item-selector.selected:after {
  content: '';
  left: 50%;
  top: -10px;
  background-color: var(--link2Color);
  position: absolute;
  width: 20px;
  height: 2px;
  transform: translate(-50%, 0);
  animation: slide-up 1s ease;
}
.mobile-panel .x-dashboard-main-section {
  width: 350px;
}
.mobile-panel .x-dashboard-section {
  width: 350px !important;
}
.mobile-panel .mobile-top-panel {
  border: none;
  display: block !important;
  background-image: url(../images/portal/smartphone-header-400.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 45px;
}
.mobile-panel .mobile-body-panel {
  background-image: url(../images/portal/smartphone-body-400.png);
  background-repeat: repeat-y;
  background-position: center;
}
.mobile-panel .mobile-center {
  width: 350px;
  margin: 0 auto;
  padding-top: 10px;
}
.mobile-panel .mobile-header-panel {
  display: block !important;
  height: 50px;
  background-image: url(../images/portal/smartphone-body-400.png);
  background-repeat: no-repeat;
  background-position: center;
}
.mobile-panel .mobile-header-panel .mobile-header-panel-content {
  display: table !important;
  height: 100%;
  background-color: var(--headerBgEnd);
  background-image: -moz-linear-gradient(top, var(--headerBgStart) 0%, var(--headerBgMiddle) 65%, var(--headerBgEnd) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--headerBgStart)), color-stop(65%, var(--headerBgMiddle)), color-stop(100%, var(--headerBgEnd)));
  background-image: -webkit-linear-gradient(top, var(--headerBgStart) 0%, var(--headerBgMiddle) 65%, var(--headerBgEnd) 100%);
  background-image: -o-linear-gradient(top, var(--headerBgStart) 0%, var(--headerBgMiddle) 65%, var(--headerBgEnd) 100%);
  background-image: -ms-linear-gradient(top, var(--headerBgStart) 0%, var(--headerBgMiddle) 65%, var(--headerBgEnd) 100%);
  background-image: linear-gradient(to bottom, var(--headerBgStart) 0%, var(--headerBgMiddle) 65%, var(--headerBgEnd) 100%);
  background-repeat: repeat-x;
}
.mobile-panel .mobile-header-panel .mobile-header-panel-content span {
  font: 14px Titillium, Arial, Calibri, 'Gill Sans', tahoma, verdana, sans-serif;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.mobile-panel .mobile-header-panel .mobile-header-panel-content.mobile-center {
  width: 372px;
  margin: 0 auto;
}
.mobile-app-dashboard .x-panel-body .x-panel-body-noheader .x-panel-body-noborder {
  overflow: hidden !important;
}
.mobile-app-dashboard .x-dashboard-section {
  width: 350px !important;
}
.mobile-app-dashboard .mobile-center {
  width: 370px;
  margin: 10px 10px 0 10px;
}
.mobile-app-dashboard .analysis-content {
  overflow: hidden !important;
}
.mobile-app-dashboard .analysis-portlet-view .x-highcharts-legend {
  overflow-y: hidden;
  overflow-x: hidden;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-portlet div.x-portlet-title {
  color: white !important;
  padding-left: 3px !important;
  font-weight: bold !important;
  font-size: 13px !important;
  overflow: hidden !important;
}
.x-portlet div.x-portlet-subtitle {
  color: white !important;
  padding-left: 3px !important;
  font-weight: normal !important;
  font-size: 12px !important;
  overflow: hidden !important;
}
.x-portlet-tools {
  position: absolute;
  background: #e0e0e0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: var(--link1Color);
  display: flex;
}
.x-portlet-tools .x-portlet-tool {
  color: var(--link1Color);
  cursor: pointer;
  line-height: 22px;
  float: left;
  width: 18px;
  border-left: 1px solid #ccc;
}
.x-portlet-tools .x-portlet-tool:first-child {
  border-left: none !important;
}
.x-portlet-tools .icon-close {
  font-size: 16px;
  padding: 0 4px;
}
.x-portlet-tools .icon-config {
  font-size: 12px;
  padding-left: 6px;
}
.x-portlet-tools .icon-brush {
  font-size: 14px;
  padding: 0 2px 0 6px;
}
.x-portlet div.ext-el-mask {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.x-portlet div.ext-el-mask svg {
  height: 30px;
  width: 30px;
  opacity: 0.75;
  visibility: hidden;
}
.x-portlet div.x-portlet-content {
  background-color: transparent !important;
  border-width: 0px !important;
}
.x-portlet div.x-portlet-box-border {
  background-color: transparent !important;
}
.x-portlet-transparent-content {
  background: transparent !important;
  border-width: 0px !important;
}
.x-portlet-transparent-content .x-panel-body {
  background: transparent !important;
}
.x-portlet-theme-none-clear div.x-portlet-content {
  background: transparent !important;
}
.x-portlet-theme-none-clear div.x-portlet-box-border {
  background: transparent !important;
}
.x-portlet-theme-brown-full div.x-portlet-title {
  color: #968871 !important;
}
.x-portlet-theme-darkblue-full div.x-portlet-title {
  color: #6494A3 !important;
}
.x-portlet-theme-green-full div.x-portlet-title {
  color: #949A7C !important;
}
.x-portlet-theme-gray-full div.x-portlet-title {
  color: #666868 !important;
}
.x-portlet-theme-lightblue-full div.x-portlet-title {
  color: #A4b8C6 !important;
}
/** NONE **/
.x-portlet-theme-border-none div.x-portlet-title {
  font-size: 13px !important;
}
.x-portlet-theme-border-none div.x-portlet-subtitle {
  color: #999 !important;
}
.x-portlet-theme-brown-none div.x-portlet-title {
  color: #e46c0a !important;
}
.x-portlet-theme-darkblue-none div.x-portlet-title {
  color: #0f5eab !important;
}
.x-portlet-theme-green-none div.x-portlet-title {
  color: #368122 !important;
}
.x-portlet-theme-gray-none div.x-portlet-title {
  color: #665b6b !important;
}
.x-portlet-theme-lightblue-none div.x-portlet-title {
  color: #3e95ec !important;
}
/** SMOOTH **/
.x-portlet-theme-border-smooth div.x-portlet-title {
  font-size: 13px !important;
}
.x-portlet-theme-border-smooth div.x-portlet-subtitle {
  color: #999 !important;
}
.x-portlet-theme-brown-smooth div.x-portlet-title {
  color: #e46c0a !important;
}
.x-portlet-theme-darkblue-smooth div.x-portlet-title {
  color: #0f5eab !important;
}
.x-portlet-theme-green-smooth div.x-portlet-title {
  color: #368122 !important;
}
.x-portlet-theme-gray-smooth div.x-portlet-title {
  color: #665b6b !important;
}
.x-portlet-theme-lightblue-smooth div.x-portlet-title {
  color: #3e95ec !important;
}
.x-portlet-blink {
  z-index: 10000;
  position: relative;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1;
}
/**
	Ref: https://blueprintjs.com/docs/#core/components/skeleton
**/
.skeleton {
  border-color: #d2d7dc !important;
  background: #d2d7dc;
  opacity: 0.4;
  border-radius: 10px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-clip: padding-box !important;
  cursor: default;
  color: transparent !important;
  -webkit-animation: 1.35s ease-in infinite alternate skeleton-glow;
  animation: 1.35s ease-in infinite alternate skeleton-glow;
  z-index: 10;
}
@keyframes skeleton-glow {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.1;
  }
}
@-webkit-keyframes skeleton-glow {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.1;
  }
}
.portlet-fade-in-up {
  animation: fade-in-up 0.5s linear;
  -webkit-animation: fade-in-up 0.5s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-no-content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #eee;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.share-button {
  display: flex;
  flex-direction: row;
  max-height: 48px;
  min-width: 130px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: white;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  padding: 8px 12px;
  position: relative;
}
.share-button:not(.x-item-disabled):hover::before {
  opacity: 0.2;
}
.share-button::before {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background: #fff;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.share-button.x-item-disabled {
  cursor: default;
}
.share-button.x-item-disabled span {
  color: white !important;
}
.share-button svg {
  order: 1;
  flex: 0 0 20px;
  margin-right: 6px;
}
.share-button span {
  order: 2;
  flex: 1 1 100%;
  text-align: center;
  max-height: 48px;
}
.share-button[data-network="whatsapp"] {
  background-color: #25d366;
}
.share-button[data-network="skype"] {
  background-color: #00aff0;
}
.share-button[data-network="facebook"] {
  background-color: #4267B2;
}
.share-button[data-network="messenger"] {
  background-color: #448AFF;
}
.share-button[data-network="linkedin"] {
  background-color: #0077b5;
}
.share-button[data-network="telegram"] {
  background-color: #0088cc;
}
.share-button[data-network="gmail"] {
  background-color: #D44638;
}
.share-button[data-network="email"] {
  background-color: #7d7d7d;
}
.share-button[data-network="twitter"] {
  background-color: #55acee;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.share-window .share-window-body {
  display: flex;
  flex-flow: column;
}
.share-window .header-ct {
  display: flex;
  margin-bottom: 10px;
}
.share-window .header-ct .cortex-span {
  padding-right: 12px;
  line-height: 22px;
}
.share-window .header-ct .cortex-input.title {
  flex: 1 1 auto;
  margin-right: 20px;
}
.share-window .body-ct {
  flex: 1;
  overflow: auto;
  background-color: #F5F5F5;
}
.share-window .footer-ct {
  padding: 10px 0 0 0;
  display: flex;
}
.share-window .footer-ct .left-ct {
  align-items: flex-start;
  align-self: center;
  color: #757575;
  flex: 1;
}
.share-window .footer-ct .right-ct {
  align-items: center;
  display: flex;
}
.share-window .footer-ct .right-ct .cortex-link-button {
  padding-right: 10px;
}
.share-window .footer-ct .right-ct .cortex-btn,
.share-window .footer-ct .right-ct .share-button {
  padding: 1px 12px 1px 12px;
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid var(--buttonBgMiddle);
  display: flex;
}
.share-window .footer-ct .right-ct .cortex-btn .ti-link,
.share-window .footer-ct .right-ct .share-button .ti-link {
  font-size: 20px;
  color: var(--buttonBgStart) !important;
}
.share-window .footer-ct .right-ct .cortex-btn button,
.share-window .footer-ct .right-ct .share-button button {
  color: var(--buttonBgStart) !important;
  font-family: 'Open Sans', serif;
  font-weight: bold;
  line-height: 16px;
  font-size: 12px;
  padding: 0;
}
.share-window .footer-ct .right-ct .share-button {
  background-color: var(--buttonBgMiddle);
  margin-left: 15px;
}
.share-window .separator {
  border-top: 1px solid #F5F5F5;
  height: 1px;
  margin-bottom: 10px;
  width: 100%;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-format-warning-texts-balloon .horizontal-separator {
  width: 100%;
  margin: 5px 0;
  border-top: 1px dotted #dbdbdb;
}
.portlet-format-warning-texts-balloon .style-titles-settings-container {
  margin: 5px 0 10px 0;
}
.portlet-format-warning-texts-balloon .style-titles-settings-container > .x-column-inner {
  display: flex;
}
.portlet-format-warning-texts-balloon .btn-title-bold {
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 12px;
  background-color: #fff;
}
.portlet-format-warning-texts-balloon .btn-title-bold.selected {
  background-color: #e2e2e2;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-view-panel {
  padding: 10px 5px 10px 0;
}
.warning-view-panel.is-window-mailing {
  overflow-y: scroll !important;
  height: 415px !important;
}
.warning-view-panel .no-more {
  padding-bottom: 20px;
  padding-top: 10px;
  background-color: white !important;
}
.warning-view-panel .no-more .text {
  width: 200px;
  text-align: center;
  margin: auto;
  color: gray;
}
.warning-view-panel .load-more {
  padding-top: 10px;
  background-color: white;
}
.warning-view-panel .load-more .box-btn {
  font: 11px/21px Arial;
  color: #5e5d5d;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.warning-view-panel .load-more,
.warning-view-panel .no-more {
  position: relative;
  width: 100%;
}
.warning-view-panel .two-columns {
  display: flex;
  flex-wrap: wrap;
}
.warning-view-panel .two-columns .base-hit {
  width: calc(50% - 10px);
  margin-right: 20px;
}
.warning-view-panel .two-columns .base-hit.even {
  margin-right: 0;
}
.warning-view-panel .two-columns .base-hit.hit-check-visible {
  width: calc(50% - 40px) !important;
}
.warning-view-panel .two-columns .base-hit .full-hit-ct .full-hit-item .x-column-inner {
  width: 262px !important;
}
.warning-view-panel .two-columns .view-panel-no-result {
  width: 100%;
}
.warning-hit {
  margin-top: 0;
}
.warning-hit.justify {
  text-align: justify;
}
.warning-hit.has-background-color .hit-title {
  margin-right: 5px;
}
.warning-hit.has-background-color .base-hit > div {
  padding-left: 10px;
  padding-right: 5px;
}
.warning-hit.has-background-color .hit-check.hit-check-visible {
  transform: translate(10px, 0);
}
.warning-hit.has-title-bold .hit-title {
  font-weight: bold;
}
.warning-hit.border-rounded {
  border-radius: 5px;
}
.warning-view-panel.is-window-mailing .hit-thumbnail,
.warning-view-panel.is-window-mailing .hit-thumbnail img {
  width: 40px !important;
  height: 40px !important;
}
.warning-view-panel.is-window-mailing .thumbnail-size-large .hit-thumbnail,
.warning-view-panel.is-window-mailing .thumbnail-size-large .hit-thumbnail img {
  width: 80px !important;
  height: 80px !important;
}
.warning-hit .list-hit {
  border-bottom: 1px solid #e8e8e8 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  margin-top: 0px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.first-thumbnail-hit,
.other-thumbnail-hit {
  position: relative;
}
.other-thumbnail-hit {
  opacity: 0.5;
}
.warning-content .warning-hit .thumbnail-hit {
  width: auto !important;
  margin-right: 10px !important;
  text-align: justify;
  /*ajustando para remover bordas herdadas do thumbnail*/
  border: none;
  border-bottom: 1px solid #dadada !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.22) !important;
  margin-bottom: 0px !important;
  padding-bottom: 10px !important;
  padding-left: 0px !important;
  padding-right: 5px !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.uc-content .hit-check-thumbnail-visible {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
}
.hit-check-thumbnail {
  display: none;
}
.warning-content .warning-hit .result-ct-left,
.uc-content .warning-hit .result-ct-left {
  margin-right: 9px !important;
}
.warning-content .warning-hit .thumbnail-hit .hit-title {
  width: auto !important;
}
.warning-hit .hit-check {
  float: left;
  margin-top: 30px;
  display: none;
}
.warning-hit .hit-check.unique-type-result {
  margin-top: 20px;
}
.warning-hit .hit-check.unique-type-result.first-check {
  margin-top: 18px;
}
.warning-hit .hit-check.first-check {
  margin-top: 30px;
}
.warning-hit .hit-check-visible {
  margin-left: 10px;
  float: left;
}
.warning-hit .thumbnail-hit.hit-check-visible {
  width: 627px !important;
}
.warning-hit .full-hit-ct .hit-title {
  padding-top: 13px;
}
.warning-hit .full-hit-ct .full-hit-item {
  padding: 5px 0;
  border-bottom: 1px solid #e8e8e8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.warning-hit .full-hit-ct.hit-check-visible {
  width: 600px !important;
}
.warning-hit .list-hit.hit-check-visible {
  width: calc(100% - 26px);
}
.hit-check.hit-check-visible {
  margin-left: 0px;
  display: block;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.document-selector-content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /** configurações utilizadas em mailing: text-align **/
  /** configurações border-type / rounded */
  /** configurações thumbnail size */
}
.document-selector-content .content-ct {
  display: flex;
}
.document-selector-content .content-ct .left-panel {
  flex: 0 0 200px;
}
.document-selector-content .content-ct .spacing-panel {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.document-selector-content .content-ct .right-panel {
  flex: 1 1 100%;
  min-width: 0;
}
.document-selector-content .left-panel {
  height: 410px;
}
.document-selector-content .left-panel .icon-favorite {
  color: #d4d4d4;
  position: absolute;
  top: 5px;
  right: 0px;
  font-size: 16px;
  cursor: pointer;
}
.document-selector-content .left-panel .icon-favorite.selected {
  color: #F4C51F;
}
.document-selector-content .left-panel .filter-facet-subtitle {
  font: 14px var(--titleFontFace);
  color: #575757;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 5px;
}
.document-selector-content .left-panel .separator {
  width: 100%;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}
.document-selector-content .left-panel .style-title {
  margin-top: 12px;
}
.document-selector-content .left-panel .style-title-container {
  margin-top: 7px;
}
.document-selector-content .left-panel .title-layout-portlet {
  border-bottom: dotted 1px;
  border-bottom-color: #ccc;
  margin: 15px 0 -5px 0;
  padding-bottom: 8px;
  font-weight: bold;
  color: var(--hlColor);
}
.document-selector-content .icon-tutorial {
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: var(--link1Color);
}
.document-selector-content .selection-type {
  font-size: 13px;
  color: #2d2d2d;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  border-bottom: solid 1px #E5E5E5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #E6E6E6;
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E6E6E6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(100%, #E6E6E6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E6E6E6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E6E6E6 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E6E6E6 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E6E6E6 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.document-selector-content .selection-type span.arrow {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 14px;
  right: 14px;
  border-color: transparent;
  border-style: solid dashed dashed;
  border-width: 5px 5px 0px;
  border-top-color: var(--link1Color);
}
.document-selector-content .selection-type .selection-type-bottom-border {
  top: 0px;
  display: none;
  position: absolute;
  z-index: 5001;
  width: 100%;
  left: 0px;
  height: 30px;
  background-color: transparent;
  border-bottom: solid 1px #6F6F6F;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.document-selector-content .selection-type .selection-type-choose {
  display: none;
  position: absolute;
  background-color: #CACACA;
  z-index: 5000;
  left: 0px;
  top: 29px;
  cursor: default;
  padding-top: 2px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.document-selector-content .selection-type .selection-type-choose .selection-type-choose-item {
  text-rendering: geometricPrecision;
  cursor: pointer;
  margin: 10px;
  background-color: white;
  padding: 0 8px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.document-selector-content .selection-type .selection-type-choose .selection-type-choose-item span.title {
  font-size: 13px;
  color: #363738;
}
.document-selector-content .selection-type .selection-type-choose .selection-type-choose-item span.detail {
  display: block;
  opacity: 0.7;
  font: 13px/15px var(--mainFontFace);
}
.document-selector-content .selection-type-helper {
  background-color: #E5E5E5;
  padding: 8px;
  margin: 12px 0;
  color: #363738;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.document-selector-content .selection-type-helper .automatic-helper.MANUAL,
.document-selector-content .selection-type-helper .button.MANUAL,
.document-selector-content .selection-type-helper .manual-helper.AUTOMATIC,
.document-selector-content .selection-type-helper .see-selected-items.AUTOMATIC,
.document-selector-content .selection-type-helper .see-selected-items-label.AUTOMATIC,
.document-selector-content .selection-type-helper .clear-selection.AUTOMATIC {
  display: none;
}
.document-selector-content .selection-type-helper .see-selected-items {
  vertical-align: middle;
}
.document-selector-content .selection-type-helper .see-selected-items-label {
  margin-left: 5px;
}
.document-selector-content .selection-type-helper .clear-selection {
  cursor: pointer;
  border-top: 1px solid #D2D2D2;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-top: 10px;
  padding-left: 20px;
  background: transparent url('../images/icons/search/garbage-v2.png') no-repeat 0 9px;
  display: block;
}
.document-selector-content .selection-type-helper .see-selected-items.hide,
.document-selector-content .selection-type-helper .manual-helper.hide,
.document-selector-content .selection-type-helper .see-selected-items-label.hide,
.document-selector-content .selection-type-helper .clear-selection.hide {
  display: none;
}
.document-selector-content .facets-wap {
  overflow-y: auto;
  border: none !important;
  padding-right: 5px;
  padding-left: 2px;
  max-height: 223px;
  margin-top: 14px;
  margin-bottom: 2px;
}
.document-selector-content.warning-content {
  border: 0;
}
.document-selector-content.warning-content .left-panel .search-tf {
  width: 170px !important;
}
.document-selector-content.warning-content .left-panel .facets-panel-ct {
  height: calc(100% - 70px);
  overflow-y: auto;
}
.document-selector-content.warning-content .left-panel.MANUAL.has-selected-items .facets-panel-ct {
  height: 228px;
}
.document-selector-content .is-warning-mailing .left-panel {
  width: 227px;
  height: 470px;
}
.document-selector-content .is-warning-mailing .left-panel .tabs-ct {
  height: 460px;
}
.document-selector-content .is-warning-mailing .left-panel .style-title-container .x-column-inner {
  display: flex;
}
.document-selector-content .left-panel {
  width: 192px;
  padding-right: 8px;
  padding-bottom: 8px;
}
.document-selector-content .left-panel .cortex-toggle-button.btn-title-bold {
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 12px;
  background-color: #fff;
}
.document-selector-content .left-panel .cortex-toggle-button.btn-title-bold.selected {
  background-color: #e2e2e2;
}
.document-selector-content .left-panel .tabs-ct {
  padding: 7px 5px;
  border: 1px solid #ededed;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.document-selector-content .left-panel .tabs-ct .has-selected-items .facets-panel-ct {
  height: 119px;
}
.document-selector-content .left-panel .tabs-ct .facets-panel-ct {
  height: 142px;
  overflow-y: auto;
}
.document-selector-content .left-panel .tabs-ct .selection-type {
  margin-top: 10px;
}
.document-selector-content .left-panel .tabs-ct .layout-label {
  color: var(--link1Color);
  margin: 15px 0px 5px;
}
.document-selector-content .right-panel {
  width: 690px;
}
.document-selector-content .portlet-refresh {
  border-top: 1px solid #DDD;
  border-top-left-radius: 0;
  margin-top: 10px;
  padding-top: 1px;
  border-top-right-radius: 0;
}
.document-selector-content .search-sort-type-btn {
  display: none;
}
.document-selector-content .top-panel-wrap {
  margin: 0 0 10px 0;
  height: 32px;
  background-color: #f3f3f3;
  padding: 0px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.document-selector-content .top-panel-wrap label {
  line-height: 32px;
  color: #5e5d5d;
  padding: 0px;
}
.document-selector-content .top-panel-wrap .left {
  float: left;
  width: 164px;
}
.document-selector-content .top-panel-wrap .left.hide {
  display: none;
}
.document-selector-content .top-panel-wrap .right {
  float: left;
}
.document-selector-content .top-panel-wrap .right.full {
  float: none;
}
.document-selector-content .top-panel-wrap .uc-top-panel input.show-more,
.document-selector-content .top-panel-wrap .uc-top-panel input.auto-expand {
  margin-left: 15px;
  margin-top: 8px;
  float: left;
}
.document-selector-content .top-panel-wrap .uc-top-panel .show-more,
.document-selector-content .top-panel-wrap .uc-top-panel .auto-expand {
  margin-left: 5px;
  float: left;
}
.document-selector-content .top-panel-wrap .uc-top-panel.MANUAL .max-num-docs,
.document-selector-content .top-panel-wrap .uc-top-panel.MANUAL .max-num-docs-field {
  display: none;
}
.document-selector-content .top-panel-wrap .reference-date-parent,
.document-selector-content .top-panel-wrap .field-identifier-parent {
  float: right;
}
.document-selector-content .top-panel-wrap .field-identifier-parent {
  margin-left: 10px;
}
@media (max-width: 810px) {
  .document-selector-content .top-panel-wrap .field-identifier-parent {
    display: none;
  }
}
.document-selector-content .top-panel-wrap .combo-view-type .x-form-field-wrap,
.document-selector-content .top-panel-wrap .combo-reference-date .x-form-field-wrap {
  margin-top: 4px;
  margin-left: 5px;
  float: left;
}
.document-selector-content .top-panel-wrap .combo-view-type .view-type-btn .icon-expand,
.document-selector-content .top-panel-wrap .combo-reference-date .view-type-btn .icon-expand {
  vertical-align: middle;
}
.document-selector-content .top-panel-wrap .max-num-docs .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
  background-color: transparent;
}
.document-selector-content .top-panel-wrap .x-form-item {
  margin-bottom: 0px !important;
}
.document-selector-content .top-panel-wrap .field-identifier {
  line-height: 30px;
  height: 32px;
}
.document-selector-content .top-panel-wrap .max-num-docs .slider-wrap {
  padding-top: 6px;
}
.document-selector-content .top-panel-wrap .max-num-docs .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
  background-color: transparent;
}
.document-selector-content .top-panel-wrap .max-num-docs-field {
  margin-top: 4px;
  margin-right: 15px;
}
.document-selector-content .top-panel-wrap .x-form-item {
  margin-bottom: 0px !important;
}
.document-selector-content .x-btn.x-row-font-advanced-settings button {
  margin: 5px 0 0 0;
  padding: 0;
  color: var(--link1Color);
}
.document-selector-content .group-buttons-text-align {
  display: flex;
  margin-top: 8px;
  padding: 1px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.document-selector-content .group-buttons-text-align button:first-child {
  border-radius: 5px 0 0 5px;
}
.document-selector-content .group-buttons-text-align button:last-child {
  border-radius: 0 5px 5px 0;
}
.document-selector-content .group-buttons-text-align .btn-toggle {
  flex: 1;
  position: relative;
  line-height: 15px;
  text-align: center;
  width: 60px;
  height: 16px;
  padding: 4px 5px 0 5px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.document-selector-content .group-buttons-text-align .btn-toggle:not(.selected):hover {
  background-color: #f0f0f0;
}
.document-selector-content .group-buttons-text-align .btn-toggle .icon {
  color: var(--link1Color);
  margin: -2px auto 0 auto;
  border-top: 1px solid;
  width: 18px;
  height: 3px;
}
.document-selector-content .group-buttons-text-align .btn-toggle .icon::before {
  position: absolute;
  top: 5px;
  margin-left: -9px;
  content: " ";
  border-top: 1px solid;
  width: 18px;
}
.document-selector-content .group-buttons-text-align .btn-toggle .icon::after {
  position: absolute;
  top: 13px;
  margin-left: -9px;
  content: " ";
  border-top: 1px solid;
  width: 18px;
}
.document-selector-content .group-buttons-text-align .btn-toggle.text-left .icon::before {
  width: 15px;
}
.document-selector-content .group-buttons-text-align .btn-toggle.text-left .icon::after {
  width: 10px;
}
.document-selector-content .group-buttons-text-align .btn-toggle.selected {
  background-color: var(--link1Color);
}
.document-selector-content .group-buttons-text-align .btn-toggle.selected .icon {
  color: #fff;
}
.document-selector-content .container-border-type {
  margin-top: 10px;
}
.document-selector-content .container-border-type .disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(100%);
}
.document-selector-content .container-border-type .warn-outlook {
  width: 210px;
  margin-bottom: 10px;
  padding-left: 3px;
  font-size: 11px;
  color: #b9b9b9;
}
.document-selector-content .container-border-type .warn-outlook.hidden {
  display: none;
}
.document-selector-content .container-border-type .warn-outlook .icon-warning::before {
  float: left;
  height: 25px;
  padding: 3px 6px 0 0;
  font-size: 16px;
}
.document-selector-content .container-border-type .group-buttons-border-type {
  display: flex;
  padding: 1px;
  margin: 5px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.document-selector-content .container-border-type .group-buttons-border-type button {
  flex: 1;
}
.document-selector-content .container-border-type .group-buttons-border-type button:first-child {
  border-radius: 5px 0 0 5px;
}
.document-selector-content .container-border-type .group-buttons-border-type button:last-child {
  border-radius: 0 5px 5px 0;
}
.document-selector-content .container-border-type .btn-border-type {
  line-height: 15px;
  width: 60px;
  padding: 4px 5px 0 5px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.document-selector-content .container-border-type .btn-border-type:not(.selected):hover {
  background-color: #f0f0f0;
}
.document-selector-content .container-border-type .btn-border-type::after {
  content: " ";
  border: 0 solid var(--link1Color);
  border-width: 1px 0 0 1px;
  width: 11px;
  height: 11px;
  display: inline-block;
}
.document-selector-content .container-border-type .btn-border-type.rounded::after {
  border-radius: 5px 0 0 0;
}
.document-selector-content .container-border-type .btn-border-type.selected {
  background-color: var(--link1Color);
}
.document-selector-content .container-border-type .btn-border-type.selected::after {
  border-color: #fff;
}
.document-selector-content .thumbnail-config .disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(100%);
}
.document-selector-content .thumbnail-config .disabled .x-form-field-wrap > input,
.document-selector-content .thumbnail-config .disabled .x-form-field-wrap > span {
  background-color: #eee !important;
}
.document-selector-content .thumbnail-config .style-thumbnail-container {
  margin-top: 10px;
  margin-bottom: 5px;
}
.document-selector-content .thumbnail-config .warn-thumb-columns {
  width: 210px;
  height: 25px;
  margin-bottom: 10px;
  padding-left: 3px;
  font-size: 11px;
  color: #b9b9b9;
}
.document-selector-content .thumbnail-config .warn-thumb-columns.hidden {
  display: none;
}
.document-selector-content .thumbnail-config .warn-thumb-columns .icon-warning::before {
  float: left;
  height: 20px;
  padding: 3px 6px 0 0;
  font-size: 16px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.add-document-balloon {
  min-width: 150px;
}
.add-document-balloon .title {
  padding-bottom: 5px;
}
.add-document-balloon .body-ct {
  background-color: #fff;
  border: none;
  border: solid 1px #DDD;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.add-document-balloon .body-ct .link {
  color: var(--link1Color);
  padding: 7px;
  cursor: pointer;
  margin-bottom: 0px;
  border-top: 1px solid #e5e5e5;
}
.add-document-balloon .body-ct .link:hover {
  background: #efefef !important;
  text-decoration: none;
}
.add-document-balloon .body-ct .link:first-child {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: none;
}
.add-document-balloon .body-ct .link:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.add-document-balloon .body-ct .link.odd {
  background: #fafafa;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-html-text-window .hidden {
  visibility: hidden;
}
.warning-html-text-window .disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(100%);
}
.warning-html-text-window .warn-outlook {
  width: 220px;
  height: 25px;
  padding-left: 10px;
  font-size: 11px;
  color: #b9b9b9;
}
.warning-html-text-window .icon-tutorial {
  position: relative;
  top: 5px;
  vertical-align: middle;
  font-size: 14px;
  color: var(--link1Color);
}
.warning-html-text-window .icon-warning::before {
  float: left;
  height: 20px;
  padding: 3px 6px 0 0;
  font-size: 16px;
}
.warning-html-text-window .group-buttons-border-type {
  padding: 1px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.warning-html-text-window .group-buttons-border-type button:first-child {
  border-radius: 5px 0 0 5px;
}
.warning-html-text-window .group-buttons-border-type button:last-child {
  border-radius: 0 5px 5px 0;
}
.warning-html-text-window .btn-border-type {
  line-height: 15px;
  width: 60px;
  padding: 4px 5px 0 5px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.warning-html-text-window .btn-border-type:not(.selected):hover {
  background-color: #f0f0f0;
}
.warning-html-text-window .btn-border-type::after {
  content: " ";
  border: 0 solid var(--link1Color);
  border-width: 1px 0 0 1px;
  width: 11px;
  height: 11px;
  display: inline-block;
}
.warning-html-text-window .btn-border-type.rounded::after {
  border-radius: 5px 0 0 0;
}
.warning-html-text-window .btn-border-type.selected {
  background-color: var(--link1Color);
}
.warning-html-text-window .btn-border-type.selected::after {
  border-color: #fff;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-btn-text-icon.mail .x-btn-text {
  background-position: -2px 0px;
}
.x-btn-text-icon.pdf .x-btn-text {
  background-position: 0px 0px;
}
.links-html-editor-ct .content {
  margin-bottom: 5px;
}
.links-html-editor-ct .documents > table {
  margin-top: 3px;
}
.links-html-editor-ct .documents > table .warning.document {
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.links-html-editor-ct .documents > table .warning.document > p {
  display: none;
}
.links-html-editor-ct .documents > table .warning.document.dd-area-line a {
  pointer-events: none;
}
.links-html-editor-ct .documents > table .warning.document.dd-area-line.dd-area-first .margin-padding {
  margin-top: -13px;
  margin-bottom: -2px;
}
.links-html-editor-ct .documents > table .warning.document.dd-area-line.dd-area-last .margin-padding {
  margin-bottom: -13px;
  margin-top: -2px;
}
.links-html-editor-ct .btn-group {
  /* Clear floats (clearfix hack) */
}
.links-html-editor-ct .btn-group button {
  /* Add a background color on hover */
  background-color: #e0e0e0;
  border: none;
  color: var(--link1Color);
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* Pointer/hand icon */
  float: left;
  /* Float the buttons side by side */
  font-size: 16px;
}
.links-html-editor-ct .btn-group button:not(:last-child) {
  border-right: 1px solid #cccccc !important;
}
.links-html-editor-ct .btn-group button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.links-html-editor-ct .btn-group button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.links-html-editor-ct .btn-group button:hover {
  background-color: #bcbcbc;
}
.links-html-editor-ct .btn-group:after {
  content: "";
  clear: both;
  display: table;
}
.links-html-editor-ct .content {
  word-wrap: break-word;
}
.links-html-editor-ct .document-settings {
  z-index: 99999;
  visibility: hidden !important;
  width: 100%;
  height: 0;
  position: absolute;
}
.links-html-editor-ct .document-settings .btn-group {
  position: sticky;
  right: 10px;
  float: right;
}
.links-html-editor-ct .document-settings button[action="reorder"] {
  visibility: hidden !important;
}
.links-html-editor-ct [html-editor-simple-target] .document-settings {
  right: 10px;
}
.links-html-editor-ct .warning.document:not(:first-of-type) .document-settings {
  margin-top: 12px;
}
.links-html-editor-ct .warning.document,
.links-html-editor-ct [html-editor-simple-target] {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.links-html-editor-ct .warning.document.reordering,
.links-html-editor-ct [html-editor-simple-target].reordering {
  transition: none;
  background-color: #e7edf2 !important;
}
.links-html-editor-ct .warning.document.hide,
.links-html-editor-ct [html-editor-simple-target].hide {
  opacity: 0;
}
.links-html-editor-ct .warning.document.moved,
.links-html-editor-ct [html-editor-simple-target].moved {
  background-color: #e7edf2 !important;
}
.links-html-editor-ct .warning.document.changed,
.links-html-editor-ct [html-editor-simple-target].changed {
  background-color: #e7edf2 !important;
}
.links-html-editor-ct .warning.document.added,
.links-html-editor-ct [html-editor-simple-target].added {
  opacity: 0;
}
.links-html-editor-ct .warning.document.removed,
.links-html-editor-ct [html-editor-simple-target].removed {
  opacity: 0;
}
.links-html-editor-ct .icon-move {
  cursor: move;
  font-size: 14px;
  line-height: 1.3;
}
.links-html-editor-ct .icon-close {
  line-height: 1.2;
}
.links-html-editor-ct .warning-section:not(.reordering) .document:hover .document-settings,
.links-html-editor-ct [html-editor-simple-target]:hover .document-settings {
  visibility: visible !important;
}
.links-html-editor-ct .warning-section:not(.reordering) .document:hover .document-settings button[action="reorder"],
.links-html-editor-ct [html-editor-simple-target]:hover .document-settings button[action="reorder"] {
  visibility: visible !important;
}
.links-html-editor-ct .warning-hidden {
  display: none;
}
.links-html-editor-ct .dd-area-line.dd-area-first .margin-padding {
  padding-top: 10px;
}
.links-html-editor-ct .dd-area-line.dd-area-last .margin-padding {
  border-bottom: 5px solid #e7edf2 !important;
  padding-bottom: 10px;
}
.links-html-editor-ct .dd-area-line:not(.dd-area-last) .margin-padding {
  border-top: 5px solid #e7edf2 !important;
}
.empty-warning {
  color: gray;
  text-align: center;
  margin-top: 100px;
}
.empty-warning .icon-information {
  font-size: 72px !important;
}
.empty-warning p {
  font: 13px var(--titleFontFace);
  margin-top: 30px;
}
.warning-preview-panel-update-alert {
  vertical-align: middle;
}
.warning-preview-panel-update-alert input {
  vertical-align: middle;
  margin-right: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.documents-share-window.share-window .body-ct {
  min-height: 100px;
  display: flex;
  overflow: visible;
}
.documents-share-window.share-window .body-ct .preview-ct.body-inner {
  display: flex;
  flex: 1 1 100%;
}
.documents-share-window.share-window .body-ct .preview-ct.body-inner .wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}
.documents-share-window.share-window .body-ct .preview-ct.body-inner .wrapper .left-ct {
  overflow: auto;
  flex: 1 1 100%;
}
.documents-share-window.share-window .action-bar {
  background-color: #f0f0f0;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.documents-share-window.share-window .action-bar .undo,
.documents-share-window.share-window .action-bar .redo {
  font-size: 21px;
  cursor: pointer;
  color: var(--link1Color);
  padding-right: 5px;
}
.documents-share-window.share-window .action-bar .add-doc {
  line-height: 21px;
  color: var(--link1Color);
  padding-right: 10px;
  float: right;
  display: flex;
  align-items: center;
}
.documents-share-window.share-window .action-bar .add-doc:not(.x-item-disabled) {
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.text-portlet-ct {
  overflow: auto;
}
.ext-remotebrowser .text-portlet-ct {
  overflow: hidden !important;
}
.configuration-window.text-portlet-window {
  width: 100%;
  max-width: 720px;
  min-width: var(--mainPanelMinWidth);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.image-list-viewer .file-item {
  width: 100%;
  height: 18px;
  line-height: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
  margin-top: 10px;
  overflow: hidden;
}
.image-list-viewer .file-item .file-name {
  float: left;
  line-height: 16px;
  color: #616161;
  margin-left: 10px;
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.image-list-viewer .file-item .icon-close {
  float: right;
  color: #B6B6B6;
  font-size: 14px;
  cursor: pointer;
  line-height: 18px;
}
.image-list-viewer .warning-message {
  color: #B1B4B4;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.shape-library-window {
  height: 550px !important;
}
.shape-library-window .toolbar {
  background: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.shape-library-window .toolbar .search-box-wrap,
.shape-library-window .toolbar .cortex-btn {
  float: right;
}
.shape-library-window .toolbar .x-form-field-wrap,
.shape-library-window .toolbar .x-form-check-wrap {
  float: left;
}
.shape-library-window .toolbar .x-form-check-wrap {
  margin-left: 5px;
}
.shape-library-window .toolbar .x-form-field-wrap,
.shape-library-window .toolbar .x-form-check-wrap,
.shape-library-window .toolbar .search-box-wrap,
.shape-library-window .toolbar .cortex-btn {
  margin: 0 5px;
  line-height: 20px;
}
.shape-library-window .library-ct {
  height: 410px;
  margin-top: 10px;
  overflow-y: scroll;
}
.shape-library-window .library-ct .image-item {
  float: left;
  height: 205px;
  width: 185px;
  margin-right: 4px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.shape-library-window .library-ct .image-item.active {
  background: #f8f8f8;
}
.shape-library-window .library-ct .image-item.active .icon-close {
  display: block;
}
.shape-library-window .library-ct .image-item.active .change-category {
  cursor: pointer;
  color: var(--link1Color);
}
.shape-library-window .library-ct .image-item .icon-close {
  display: none;
  position: absolute;
  right: -5px;
  top: 3px;
  font-size: 16px;
  color: var(--link1Color);
  cursor: pointer;
}
.shape-library-window .library-ct .image-item .icon-close.disabled {
  color: #e1e1e1;
  cursor: default;
}
.shape-library-window .library-ct .image-item .image-frame {
  margin: 10px auto 7px auto;
  width: 130px;
  height: 130px;
  border: solid #e3e3e3 1px;
  border-radius: 5px;
  padding: 2px;
  background: #FFF;
  overflow: hidden;
  position: relative;
}
.shape-library-window .library-ct .image-item .image-frame svg {
  fill: var(--buttonBgStart);
}
.shape-library-window .library-ct .image-item .category {
  text-align: center;
}
.shape-library-window .library-ct .image-item .category .source {
  display: initial;
  margin-right: 0;
}
.shape-library-window .library-ct .image-item .category .category-name {
  margin-right: 3px;
  margin-left: 0;
}
.shape-library-window .library-ct .image-item .source {
  text-align: center;
  margin: 0 3px;
  display: block;
  color: #AFAFAF;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.shape-library-window .library-ct .image-item .source.bold {
  color: #000;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.shape-field .shape-button {
  padding-right: 5px;
}
.shape-field .file-item {
  width: 100%;
  height: 18px;
  line-height: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
  overflow: hidden;
  margin-top: 2px;
}
.shape-field .file-item .file-name {
  float: left;
  line-height: 16px;
  color: #616161;
  margin-left: 10px;
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.shape-field .file-item .icon-close {
  float: right;
  color: #B6B6B6;
  font-size: 14px;
  cursor: pointer;
  line-height: 18px;
}
.shape-field .warning-message {
  color: #B1B4B4;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.shape-portlet .shape {
  padding: 50px 100px;
}
.shape-portlet .shape svg {
  fill: var(--buttonBgStart);
}
.shape-portlet .item {
  margin: auto;
  width: 160px;
}
.shape-portlet .item .chooser {
  margin-right: 10px;
}
.shape-portlet .item .font-size-button-ct {
  background-color: #f0f0f0;
  cursor: pointer;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.shape-portlet .item .font-size-button-ct.left {
  width: 64px;
  margin-right: 10px;
}
.shape-portlet .item .font-size-button-ct.right {
  width: 32px;
}
.shape-portlet .item .font-size-button-ct .font-size-button {
  float: left;
  width: 30px;
  padding: 0px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 23px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #bbbbbb;
  border-top: none;
  font-size: 15px;
  color: var(--link1Color);
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.shape-portlet .item .font-size-button-ct .font-size-button.active {
  color: var(--hlColor);
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e1e1e1 0%, #e1e1e1 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.shape-portlet .item .font-size-button-ct .font-size-button.icon-flip {
  border-left: 1px solid #dfdfdf;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}
.shape-portlet .item .font-size-button-ct .font-size-button.icon-flip.active {
  background-color: #e1e1e1;
}
.shape-portlet .item .font-size-button-ct .font-size-button.icon-flip2 {
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.shape-portlet .item .font-size-button-ct .font-size-button.icon-flip2.active {
  background-color: #e1e1e1;
  border-left-color: transparent;
}
.shape-portlet .item .font-size-button-ct .font-size-button.icon-stretch {
  border-left: 1px solid #dfdfdf;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.shape-config-window .clear-formatting {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 100px;
}
.shape-config-window .clear-formatting span {
  vertical-align: middle;
  color: var(--link1Color);
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-portlet-members-window .x-window-ml {
  padding: 0px 0px 0 10px;
}
.filter-portlet-members-window .text-basic-filter {
  padding: 0px;
}
.filter-portlet-members-window .text-basic-filter .selection-info {
  color: #999;
  font-size: 12px;
}
.filter-portlet-members-window .text-basic-filter .selection-info.front {
  z-index: 6000;
  position: absolute;
  background-image: url(../images/components/analysis/alert-icon.png);
  background-repeat: no-repeat;
  background-position: right -5px;
  padding: 10px 5px 10px 36px;
  white-space: normal;
  width: 24px;
  height: 24px;
  right: 0px;
}
.filter-portlet-members-window .text-basic-filter hr {
  background: #e9e9e9;
  height: 1px;
  border: none;
  margin: 10px 0 0 0;
  width: 100%;
}
.filter-portlet-members-window .text-basic-filter .x-form-check-wrap {
  line-height: 18px;
}
.filter-portlet-members-window .text-basic-filter .x-form-check-wrap .x-form-checkbox {
  vertical-align: middle;
}
.filter-portlet-members-window .text-basic-filter .x-form-check-wrap .x-form-cb-label {
  vertical-align: middle;
}
.filter-portlet-members-window .text-basic-filter .exclude-members-ct {
  background-color: #ececec;
  margin: 10px 0 5px 0;
  padding-left: 7px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-portlet-members-window .text-basic-filter .exclude-members .x-grid3-row-selected .x-grid3-col-1 {
  text-decoration: line-through;
}
.filter-portlet-members-window .clear-filter {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.filter-portlet-members-window .clear-filter:hover {
  text-decoration: underline;
}
.filter-portlet-members-window .clear-filter.disabled {
  color: #737373;
  cursor: default;
}
.filter-portlet-members-window .clear-filter.disabled:hover {
  text-decoration: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-portlet-tooltip {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=1000);
  border: 1px solid #dfdfdf;
  border-bottom: 1px solid #bababa;
  border-top: none;
  box-shadow: 0px 0px 3px 3px #f1f1f1;
  z-index: 39000;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-portlet-tooltip .arrow {
  position: absolute;
  top: -10px;
  right: 17px;
}
.filter-portlet-tooltip .x-tip-tl,
.filter-portlet-tooltip .x-tip-tr,
.filter-portlet-tooltip .x-tip-tc,
.filter-portlet-tooltip .x-tip-ml,
.filter-portlet-tooltip .x-tip-mr,
.filter-portlet-tooltip .x-tip-mc,
.filter-portlet-tooltip .x-tip-bl,
.filter-portlet-tooltip .x-tip-br,
.filter-portlet-tooltip .x-tip-bc {
  padding: 0;
}
.filter-portlet-tooltip .x-tip-body {
  color: #555;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px #ddd;
  -moz-box-shadow: 0px 1px 2px #ddd;
  -webkit-box-shadow: 0px 1px 2px #ddd;
}
.filter-portlet-tooltip .x-panel-nofooter {
  height: 0;
}
.filter-portlet-tooltip .title {
  padding: 16px 16px 12px 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
}
.filter-portlet-tooltip .top {
  display: flex;
  line-height: 16px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
.filter-portlet-tooltip .top .top-right {
  flex: 1 1 120%;
  display: flex;
  justify-content: flex-end;
}
.filter-portlet-tooltip .top .top-right .clear-btn {
  padding: 0px 16px 0px 2px;
  color: var(--link1Color);
  cursor: pointer;
}
.filter-portlet-tooltip .top .top-right .separator {
  color: #6C7993;
}
.filter-portlet-tooltip .top .top-right .select-all-btn {
  padding: 0px 2px 0px 2px;
  color: var(--link1Color);
  cursor: pointer;
}
.filter-portlet-tooltip .top .top-right .select-all-btn-disable,
.filter-portlet-tooltip .top .top-right .clear-btn.x-item-disabled {
  color: var(--sl-color-gray-500);
  cursor: default;
}
.filter-portlet-tooltip .top .top-left {
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-start;
}
.filter-portlet-tooltip .top .top-left .selected {
  color: #6C7993;
  padding: 0px 0px 0px 16px;
}
.filter-portlet-tooltip .form {
  margin: 8px 16px 14px 16px;
  padding: 10px 10px 0px 10px;
  border-radius: 4px;
  background: #F3F4F6;
}
.filter-portlet-tooltip .form .x-form-item {
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 16px;
  color: #2B303B;
}
.filter-portlet-tooltip .form .x-form-item .x-form-item-label {
  margin-bottom: 10px;
}
.filter-portlet-tooltip .form .x-form-item .x-form-element {
  padding-left: 0px !important;
  width: 100%;
}
.filter-portlet-tooltip .form .x-form-item .x-form-element .x-form-field-wrap {
  width: 100% !important;
}
.filter-portlet-tooltip .form .x-form-item .x-form-element .x-form-field-wrap .x-form-text {
  width: 93% !important;
  height: 36px !important;
  border: 1px solid #E2E8F0;
  border-radius: 4px !important;
  padding-left: 12px !important;
  color: #94A3B8 !important;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 16px;
}
.filter-portlet-tooltip .form .x-form-item .x-form-element .x-form-field-wrap .svg-calendar {
  cursor: pointer;
  position: absolute;
  right: 7px;
  top: 4px;
  fill: var(--link1Color);
}
.filter-portlet-tooltip .form .x-form-item .x-form-element .x-form-field-wrap .svg-calendar path {
  fill: var(--link1Color);
}
.filter-portlet-tooltip .text-basic-filter {
  margin: 8px 16px 14px 16px;
  padding: 10px 10px 12px 10px;
  border-radius: 4px;
  background: #F3F4F6;
}
.filter-portlet-tooltip .text-basic-filter .exclude-members .x-grid3-row-selected .x-grid3-col-1 {
  text-decoration: line-through;
}
.filter-portlet-tooltip .text-basic-filter .search-ct {
  width: 100% !important;
  display: flex;
  padding: 0px !important;
  margin-bottom: 10px;
}
.filter-portlet-tooltip .text-basic-filter .search-ct .search-btn {
  --sl-input-height-medium: 36px;
  width: 98% !important;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 {
  background: #F3F4F6;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .selection-info {
  color: #999;
  font-size: 12px;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .selection-info.front {
  z-index: 6000;
  position: absolute;
  background-image: url(../images/components/analysis/alert-icon.png);
  background-repeat: no-repeat;
  background-position: right -5px;
  padding: 10px 5px 10px 36px;
  white-space: normal;
  width: 24px;
  height: 24px;
  right: 0px;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 ::-webkit-scrollbar {
  width: 8px;
  border-left: none;
  border-right: none;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table {
  border: none;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col {
  border: none;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-row-checker {
  height: auto;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-row-checker .radio-cortex {
  position: relative;
  bottom: 9px;
  padding-left: 3px;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-row-checker .radio-cortex::part(control--checked) {
  background-color: var(--link1Color);
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-row-checker .input-checkbox-cortex::part(control--checked) {
  background-color: var(--link1Color);
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-cell-inner {
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 16px;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-cell-inner .qtip {
  color: #2B303B;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-selected {
  background: var(--sl-color-neutral-200) !important;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-over {
  background: var(--sl-color-neutral-200) !important;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid-empty {
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 16px;
  color: #6C7993;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-alt {
  background: #F3F4F6;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-grid3-scroller .x-grid3-row-alt:hover {
  background: #E7EDF2;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 hr {
  height: 1px;
  border: none;
  margin: 10px 0 0 0;
  width: 100%;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-form-check-wrap .x-form-checkbox {
  vertical-align: middle;
}
.filter-portlet-tooltip .text-basic-filter .x-grid3 .x-form-check-wrap .x-form-cb-label {
  vertical-align: middle;
}
.filter-portlet-tooltip .text-basic-filter .x-form-label-left {
  background-color: #E2E8F0;
  border-radius: 4px;
  margin-top: 12px;
}
.filter-portlet-tooltip .text-basic-filter .x-form-label-left .exclude-members-ct {
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 16px;
  margin: 5px 0 5px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
}
.filter-portlet-tooltip .text-basic-filter .x-form-label-left .exclude-members-ct .input-checkbox-cortex::part(control--checked) {
  background-color: var(--link1Color);
}
.filter-portlet-tooltip .bottom {
  height: 36px;
  margin: 12px 16px 22px 16px;
}
.filter-portlet-tooltip .bottom .x-column {
  float: none;
  overflow: visible;
}
.filter-portlet-tooltip .bottom .filter-btn {
  --sl-input-height-medium: 36px;
  width: 100%;
}
.filter-portlet-tooltip .bottom .filter-btn::part(base) {
  background-color: var(--link1Color);
  border: none;
}
.filter-portlet-tooltip .bottom .filter-btn::part(base):hover {
  background-color: var(--link1Color);
  filter: brightness(90%);
}
.filter-portlet-tooltip .x-resizable-handle {
  line-height: 9px;
}
.filter-portlet-tooltip .x-resizable-handle-north {
  opacity: 0;
  height: 9px;
}
.filter-portlet-tooltip .x-resizable-handle-south {
  height: 9px;
  opacity: 0;
}
.filter-portlet-tooltip .x-resizable-handle-east {
  width: 9px;
  opacity: 0;
}
.filter-portlet-tooltip .x-resizable-handle-west {
  width: 9px;
  opacity: 0;
}
.filter-portlet-tooltip .x-resizable-handle-southeast {
  width: 9px;
  height: 9px;
  background: url("../images/ux/resizer/se-resize-handler.png");
}
.filter-portlet-tooltip .x-resizable-handle-southwest {
  width: 9px;
  height: 9px;
  background: url("../images/ux/resizer/sw-resize-handler.png");
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dashboard-keyword-filter-panel .query-editor {
  position: relative;
  height: auto;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap {
  height: auto;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .x-form-item {
  margin-bottom: 0px;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .x-form-item .x-form-item-label {
  display: none;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .x-form-item .x-form-element {
  padding: 0 !important;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .x-form-item .x-form-element .ace_editor {
  font-size: 14px;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .x-form-item .x-form-element .ace_editor .ace_scrollbar {
  width: 8px !important;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .x-form-item ::-webkit-scrollbar {
  width: 8px !important;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .remove-icon {
  position: absolute;
  float: right;
  right: 11px;
  top: 2px;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .remove-icon:hover {
  cursor: pointer;
}
.dashboard-keyword-filter-panel .query-editor .x-panel-bwrap .remove-icon svg {
  fill: var(--link1Color) !important;
}
.dashboard-keyword-filter-panel .selected-label {
  color: #6C7993;
  line-height: 16px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  margin: 12px 0px 12px 0px;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3-cell-inner,
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3-hd-inner {
  padding: 8px !important;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-fb-mask-loading {
  top: 30% !important;
  left: 39% !important;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 {
  background: #F3F4F6;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 ::-webkit-scrollbar {
  width: 8px;
  border-left: none;
  border-right: none;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid3-row-table {
  border: none;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col {
  border: none;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-cell-inner {
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 16px;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid3-row-table .x-grid3-col .x-grid3-cell-inner .qtip {
  color: #2B303B;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid-empty {
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 16px;
  color: #6C7993;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid3-row-alt {
  background: #F3F4F6;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-grid3-scroller .x-grid3-row-alt:hover {
  background: #E7EDF2;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 hr {
  height: 1px;
  border: none;
  margin: 10px 0 0 0;
  width: 100%;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-form-check-wrap .x-form-checkbox {
  vertical-align: middle;
}
.dashboard-keyword-filter-panel .member-panel-grid .x-grid3 .x-form-check-wrap .x-form-cb-label {
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-keyword-tooltip {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=1000);
  border: 1px solid #dfdfdf;
  border-bottom: 1px solid #bababa;
  border-top: none;
  box-shadow: 0 0 3px 3px #f1f1f1;
  z-index: 9003;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-keyword-tooltip .x-tip-tl,
.filter-keyword-tooltip .x-tip-tr,
.filter-keyword-tooltip .x-tip-tc,
.filter-keyword-tooltip .x-tip-ml,
.filter-keyword-tooltip .x-tip-mr,
.filter-keyword-tooltip .x-tip-mc,
.filter-keyword-tooltip .x-tip-bl,
.filter-keyword-tooltip .x-tip-br,
.filter-keyword-tooltip .x-tip-bc {
  padding: 0;
}
.filter-keyword-tooltip .x-tip-body {
  color: #555;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px #ddd;
  -moz-box-shadow: 0 1px 2px #ddd;
  -webkit-box-shadow: 0 1px 2px #ddd;
}
.filter-keyword-tooltip .x-panel-nofooter {
  height: 0;
}
.filter-keyword-tooltip .title {
  padding: 16px 16px 12px 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
}
.filter-keyword-tooltip .top {
  display: flex;
  line-height: 16px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
.filter-keyword-tooltip .top .top-right {
  margin-left: 16px;
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}
.filter-keyword-tooltip .top .top-right .help-icon {
  cursor: pointer;
  width: 36px;
  height: 36px;
}
.filter-keyword-tooltip .top .top-right .help-icon svg {
  margin-top: 8px;
  height: 20px;
  width: 20px;
  fill: var(--link1Color);
  transform: scale(1.3);
}
.filter-keyword-tooltip .top .top-left {
  flex: 1 1 70%;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.filter-keyword-tooltip .top .top-left .selected {
  color: #6C7993;
  padding: 0 0 0 16px;
}
.filter-keyword-tooltip .middle {
  margin: 8px 16px 14px 16px;
  padding: 12px 10px 12px 10px;
  border-radius: 4px;
  background: #F3F4F6;
}
.filter-keyword-tooltip .bottom {
  height: 36px;
  margin: 12px 16px 22px 16px;
}
.filter-keyword-tooltip .bottom .x-column {
  float: none;
  overflow: visible;
}
.filter-keyword-tooltip .bottom .filter-btn {
  --sl-input-height-medium: 36px;
  width: 100%;
}
.filter-keyword-tooltip .bottom .filter-btn::part(base) {
  background-color: var(--link1Color);
  border: none;
}
.filter-keyword-tooltip .bottom .filter-btn::part(base):hover {
  background-color: var(--link1Color);
  filter: brightness(90%);
}
.filter-keyword-tooltip .x-resizable-handle {
  line-height: 9px;
}
.filter-keyword-tooltip .x-resizable-handle-north {
  opacity: 0;
  height: 9px;
}
.filter-keyword-tooltip .x-resizable-handle-south {
  height: 9px;
  opacity: 0;
}
.filter-keyword-tooltip .x-resizable-handle-east {
  width: 9px;
  opacity: 0;
}
.filter-keyword-tooltip .x-resizable-handle-west {
  width: 9px;
  opacity: 0;
}
.filter-keyword-tooltip .x-resizable-handle-southeast {
  width: 9px;
  height: 9px;
  background: url("../images/ux/resizer/se-resize-handler.png");
}
.filter-keyword-tooltip .x-resizable-handle-southwest {
  width: 9px;
  height: 9px;
  background: url("../images/ux/resizer/sw-resize-handler.png");
}
.filter-keyword-tooltip .x-grid3-row-selected {
  background: transparent !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.numeric-tooltip {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 4px 16px 0px rgba(113, 113, 122, 0.12);
}
.numeric-tooltip .top {
  font-weight: 400;
  font-style: normal;
}
.numeric-tooltip .x-form-item-label {
  line-height: 20px;
  margin-bottom: 4px !important;
}
.numeric-tooltip .form-header {
  display: flex;
  height: 30px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #6C7993;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.numeric-tooltip .numeric-field {
  width: 237px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E2E8F0;
}
.numeric-tooltip .x-form-text,
.numeric-tooltip textarea.x-form-field {
  font-size: 14px;
  width: 230px !important;
  height: 40px !important;
}
.numeric-tooltip .x-form-empty-field {
  color: #94A3B8 !important;
}
.numeric-tooltip .exclude-members-ct {
  width: 237px;
  min-width: 237px;
  height: 26px;
  padding: 3px 47px 3px 47px;
  border-radius: 4px;
  background: #E2E8F0;
}
.numeric-tooltip .x-form-check-wrap {
  display: flex;
  align-items: center;
}
.numeric-tooltip .x-form-cb-label {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
}
.numeric-tooltip .clear-btn {
  color: var(--link1Color);
  cursor: pointer;
}
.numeric-tooltip sl-input {
  font-family: Open Sans;
  line-height: 20px;
  color: #2B303B;
  margin-bottom: 17px;
  width: 237px;
}
.numeric-tooltip sl-input sl-badge {
  color: #94A3B8;
}
.numeric-tooltip sl-input[data-user-invalid]::part(base) {
  border-color: var(--sl-color-danger-600);
  box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-color-danger-300);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-portlet-config .datasets-selection .x-form-field-wrap {
  width: 307px !important;
}
.filter-portlet-config .x-form-item-label {
  color: #555;
  padding: 0px;
  padding-top: 5px;
}
.filter-portlet-config .text-type-ct {
  border-top: 1px dotted #ccc;
  margin-top: 13px;
  padding-top: 13px;
}
.filter-portlet-config .data-type-ct {
  border-top: 1px dotted #ccc;
  margin-top: 13px;
  padding-top: 13px;
}
.filter-portlet-config .mandatory {
  color: #dd2222;
}
.filter-portlet-config .separator {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-top: 13px;
}
.filter-portlet-config .affected-cus {
  font: 11px Arial;
  color: #555;
}
.filter-portlet-config .affected-cus .selected-cus {
  color: #737373;
  margin: 0px 15px 0px 3px;
}
.filter-portlet-config .affected-cus .edit {
  color: var(--link1Color);
  cursor: pointer;
}
.filter-portlet-config .affected-cus-count {
  border: 1px solid #dcdcdc;
  background-color: #fff;
  padding: 1px;
  position: relative;
  margin: 5px 0px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.filter-portlet-config .affected-cus-count.empty .progress {
  background-color: #f8f8f8;
}
.filter-portlet-config .affected-cus-count.empty .count {
  color: #555;
}
.filter-portlet-config .affected-cus-count .progress {
  background-color: var(--link2Color);
  height: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.filter-portlet-config .used-cubes {
  overflow: auto;
  overflow-x: hidden;
  max-height: 119px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.filter-portlet-config .used-cubes .x-column-inner {
  width: 391px !important;
}
.filter-portlet-config .used-cubes li {
  padding: 8px;
  background-color: #fafafa;
  border-top: 1px solid #ededed;
}
.filter-portlet-config .used-cubes li.secondary .icon-check {
  line-height: 31px;
}
.filter-portlet-config .used-cubes li.secondary .cube-name {
  line-height: 18px;
}
.filter-portlet-config .used-cubes li.secondary .cube-name span {
  display: block;
  line-height: 10px;
}
.filter-portlet-config .used-cubes li.secondary .dimension-wrap {
  margin-top: 4px;
}
.filter-portlet-config .used-cubes li .icon-check {
  line-height: 23px;
  color: #e2e2e2;
}
.filter-portlet-config .used-cubes li .icon-check.active {
  color: var(--link2Color);
}
.filter-portlet-config .used-cubes li .cube-name {
  font: 11px/23px Arial;
  color: #555;
  padding-right: 10px;
}
.filter-portlet-config .used-cubes li .cube-name span {
  font-size: 10px;
  color: #737373;
}
.filter-portlet-config .used-cubes li.odd {
  background-color: #f5f5f5;
}
.filter-portlet-config .used-cubes li:first-child {
  border-top: none;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.filter-portlet-config .used-cubes li:last-child {
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.filter-portlet-config .color-button {
  cursor: pointer;
  height: 23px;
  background-color: #ebebeb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.filter-portlet-config .x-window-body {
  overflow: hidden;
}
.filter-portlet-config .x-window-body .x-color-palette {
  width: auto !important;
}
.filter-portlet-config .x-window-body .x-color-palette a em {
  margin: 2px;
}
.filter-portlet-config .x-window-body .x-color-palette a em span {
  width: 20px;
  height: 20px;
}
.filter-portlet-config .link {
  cursor: pointer;
  color: var(--link1Color);
}
.filter-portlet-config .link.disabled {
  cursor: default;
  color: #ccc;
}
.filter-portlet-config .link.no-selection {
  color: #ff0000;
}
.filter-portlet-config .link-2 {
  cursor: pointer;
  color: var(--link2Color);
  font: 10px arial;
  margin-top: 15px;
}
.filter-portlet-button-ct {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-portlet-button-ct.hidden {
  visibility: hidden;
}
.filter-portlet-button-ct .button {
  border: 1px solid #E2E8F0;
  border-radius: 8px !important;
  height: 26px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.filter-portlet-button-ct .button .x-column-inner {
  background-color: white;
  display: flex;
}
.filter-portlet-button-ct .button .icon {
  font-size: 15px;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-top: 3px;
  padding-left: 7px;
}
.filter-portlet-button-ct .button .icon svg {
  width: 20px;
  height: 20px;
}
.filter-portlet-button-ct .button .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  flex: 1;
  color: #2B303B;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 18px;
  padding: 4px 0px 0px 4px;
}
.filter-portlet-button-ct .button .trigger {
  cursor: pointer;
  padding-top: 3px;
  padding-right: 7px;
  border: none;
  background-color: transparent;
}
.filter-portlet-button-ct .button .trigger svg {
  width: 20px;
  height: 20px;
}
.filter-portlet-button-ct .button .trigger svg path {
  fill: #6C7993;
}
.filter-portlet-button-ct .button .trigger svg:hover path {
  fill: var(--link2Color);
}
.portlet-filter-el {
  max-height: 60px;
  overflow: auto;
  padding: 5px;
  position: absolute;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 3px #ddd;
  -moz-box-shadow: 0px 2px 3px #ddd;
  -webkit-box-shadow: 0px 2px 3px #ddd;
  z-index: 300;
}
.portlet-filter-el ul {
  color: #838383;
  font-size: 11px;
}
.portlet-filter-el ul.exclude-members {
  text-decoration: line-through;
}
.x-tip ul.exclude-members {
  text-decoration: line-through;
}
.label-show-items-not-blended-name {
  padding-top: 0.5em;
  min-width: 4em;
  text-align: end;
}
.label-show-items-not-blended-check .x-form-check-wrap {
  padding-top: 0.4em;
  min-width: 20em;
}
.label-show-items-not-blended-input {
  width: 12em;
}
.available-areas-cb.x-combo-list.cortex-combo-list .checkbox-item {
  display: flex;
}
.available-areas-cb.x-combo-list.cortex-combo-list .checkbox-item input[type=checkbox] {
  margin-right: 4px;
  cursor: pointer;
}
.search-area-list.cortex-combo-list .x-combo-list-item.x-combo-selected,
.available-areas-cb.x-combo-list.cortex-combo-list .checkbox-item.x-combo-selected {
  border-top: 1px solid #EDEDED !important;
  border-bottom: 1px solid transparent!important;
}
.x-combo-list.cortex-combo-list.search-area-list {
  min-width: 100px;
  width: fit-content !important;
}
.x-combo-list.cortex-combo-list.search-area-list .x-combo-list-inner {
  min-width: 100px;
  width: fit-content !important;
}
.geo-filter-ct .x-column-inner:has(.cortex-combo-wrap) {
  height: 100%!important;
}
.geo-filter-ct .geo-filter-input {
  margin: auto 0;
  border: none;
  min-width: 130px;
  flex-grow: 1;
  width: calc(100% - 130px) !important;
  border: none!important;
  font-size: 12px;
  align-content: center;
  padding-left: 13px;
  color: #2B303B;
  font-family: 'Open Sans';
  overflow: hidden!important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.geo-filter-ct .geo-filter-input.filter-applied {
  font-weight: bold;
}
.geo-filter-ct .cortex-combo-wrap:has(.geo-filter-select) {
  padding-left: 8px;
  max-width: 130px;
  /* width: fit-content !important; */
  box-sizing: border-box;
}
.geo-filter-ct .cortex-combo-wrap:has(.geo-filter-select) .geo-filter-select {
  border: none!important;
  color: var(--link1Color) !important;
  margin: auto 0;
  text-align: left;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  overflow: hidden!important;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* Edge 12 -18 */
}
.geo-filter-ct .cortex-combo-wrap:has(.geo-filter-select) .geo-filter-select::-ms-input-placeholder {
  color: var(--link1Color);
}
.geo-filter-ct .cortex-combo-wrap:has(.geo-filter-select) .geo-filter-select::placeholder {
  color: var(--link1Color);
}
.geo-filter-ct .cortex-combo-wrap:has(.geo-filter-select) .geo-filter-select + .x-form-trigger-svg {
  border: none !important;
}
.cortex-combo-list.geo-filter-type .x-combo-list-item {
  border-top: 1px solid #EDEDED !important;
  border-bottom: 1px solid transparent!important;
}
.geo-tooltip-filter > .x-panel-bwrap > .x-panel-body {
  height: 115px!important;
}
.geo-tooltip-filter > .x-panel-bwrap > .x-panel-body > .x-grid3 {
  height: 115px!important;
}
.geo-tooltip-filter > .x-panel-bwrap > .x-panel-body > .x-grid3 .x-grid3-scroller {
  height: 115px!important;
}
.geographic-title {
  margin-bottom: 5px;
  font-size: 13px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-filter-balloon .x-window-ml,
.portlet-filter-balloon .x-window-mr,
.portlet-filter-balloon .x-window-body {
  padding: 0px !important;
}
.portlet-filter-balloon .body-ct {
  line-height: 15px;
  font-family: Arial;
  font-size: 11px;
  text-align: center;
  max-width: 250px;
}
.portlet-filter-balloon .items-ct {
  padding: 8px;
}
.portlet-filter-balloon .footer-ct {
  border-top: 1px solid #e8e8e8;
  background: #f2f2f2;
  padding: 5px 8px;
}
.portlet-filter-balloon .filter {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 8px;
  margin-bottom: 8px;
  color: #178498;
  max-height: 115px;
  overflow-y: auto;
}
.portlet-filter-balloon .filter.TEXT.MULTI {
  max-height: 100px;
}
.portlet-filter-balloon .filter .level {
  color: #6eb7c4;
}
.portlet-filter-balloon .filter .value {
  color: #444;
}
.portlet-filter-balloon .filter .value.exclude {
  text-decoration: line-through;
}
.portlet-filter-balloon .count {
  color: var(--hlColor);
}
.portlet-filter-balloon .link {
  color: var(--link1Color);
  cursor: pointer;
  display: block;
}
.portlet-filter-balloon .link:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.applied-filters-ct {
  position: absolute;
  height: 10px;
}
.applied-filters-ct .circle-filter,
.applied-filters-ct .circle-drill {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 6px;
  margin-left: 3px;
  cursor: pointer;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.applied-filters-ct .circle-filter:hover,
.applied-filters-ct .circle-drill:hover,
.applied-filters-ct .circle-filter.active,
.applied-filters-ct .circle-drill.active {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.applied-filters-ct .disabled {
  background: #fff;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.applied-filters-ct .hidden {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.document-list-portlet .text-styles-contentTitle {
  margin-bottom: 0.3em;
}
.document-list-portlet .text-styles-contentSubtitle {
  margin-bottom: 0.7em;
}
.document-list-portlet .text-styles-footNote {
  margin-top: 0.7em;
}
.configuration-window.document-list-portlet-window {
  width: 100%;
  max-width: 920px;
  min-width: var(--mainPanelMinWidth);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-button-container {
  position: absolute;
  visibility: hidden;
  top: -10000px;
  left: -10000px;
}
.portlet-button-container .buttons .button {
  cursor: pointer;
  height: 25px;
  color: #878787;
  font-size: 16px;
  line-height: 30px;
}
.portlet-button-container .buttons .button.active {
  color: var(--hlColor);
}
.portlet-button-container .buttons .button:hover {
  color: var(--link1Color);
}
.portlet-button-container:hover {
  visibility: visible;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-highcharts-legend {
  padding-bottom: 5px;
}
.x-highcharts-legend.pie {
  text-align: center;
}
.x-highcharts-legend.mobile-app .item:hover {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.x-highcharts-legend.mobile-app .item.hidden {
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.x-highcharts-legend .item {
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
}
.x-highcharts-legend .item:hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.x-highcharts-legend .item.hidden {
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.x-highcharts-legend .item .symbol {
  margin-right: 3px;
  padding: 0px 3px;
  font-size: 7px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.x-highcharts-legend .item .text {
  margin-right: 10px;
  color: #676767;
  cursor: pointer;
  font: 11px/13px Arial;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/** Usado pelas UCs de analysis e indices **/
.analysis-portlet-config .btn {
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  color: #5e5d5d;
  height: 20px;
  line-height: 20px;
}
.analysis-portlet-config .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.analysis-portlet-config .selection {
  margin-top: 10px;
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-top: 2px;
  padding-left: 4px;
}
.analysis-portlet-config .selection .title {
  color: #777;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}
.analysis-portlet-config .selection .remove-btn {
  cursor: pointer;
}
.analysis-portlet-config .section-title {
  border-top: 1px dotted #ddd;
  padding: 10px 0 10px;
  margin-top: 10px;
}
.analysis-portlet-config .section-subtitle,
.analysis-portlet-config .section-description {
  padding: 10px 0 10px;
}
.analysis-portlet-config .section-footer {
  padding-bottom: 10px;
}
.analysis-portlet-config .label {
  color: var(--hlColor);
}
.analysis-portlet-config .separator {
  width: 100%;
  border-top: 1px dotted #ddd;
  margin-top: 10px;
}
.analysis-portlet-config .recover {
  color: var(--link1Color);
  text-align: left;
  cursor: pointer;
}
.analysis-portlet-config .recover.disabled {
  color: #999 !important;
  cursor: default !important;
}
.analysis-portlet-config textarea.x-form-field,
.analysis-portlet-config input.x-form-field {
  color: #3c3c3c;
  border-color: #DCDCDC;
  background: #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.ext-remotebrowser .analysis-portlet-view .analysis-content {
  overflow: hidden !important;
}
.analysis-portlet-view {
  /* Dentro de uma UC a analise em tabela deve ter largura acompanhando o tamanho da UC*/
}
.analysis-portlet-view .analysis-title {
  cursor: pointer;
  margin-bottom: 0.3em;
}
.analysis-portlet-view .analysis-title:hover {
  text-decoration: underline;
}
.analysis-portlet-view .analysis-subtitle {
  margin-bottom: 0.7em;
}
.analysis-portlet-view .analysis-footNote {
  margin-top: 0.7em;
}
.analysis-portlet-view .analysis-title-no-data {
  padding-bottom: 10px;
}
.analysis-portlet-view.mobile-app .x-highcharts-legend {
  overflow-y: hidden;
  overflow-x: hidden;
}
.analysis-portlet-view .analysis-content {
  overflow: auto;
  border-radius: 6px 6px 0 0;
}
.analysis-portlet-view .analysis-content.portlet-analysis-no-content {
  overflow: hidden !important;
}
.analysis-portlet-view .x-highcharts-legend {
  overflow-y: auto;
  overflow-x: hidden;
}
.analysis-portlet-view .analysis-z-legend {
  padding-top: 2px;
}
.analysis-portlet-view .analysis-info {
  padding-top: 5px;
}
.analysis-portlet-view .analysis-table {
  width: 100%;
}
.analysis-portlet-view .analysis-table table {
  width: 100%;
  height: 100%;
}
.analysis-portlet-view .analysis-table.fixed-width {
  width: auto;
}
.analysis-portlet-view .analysis-table.fixed-width table {
  width: auto;
  height: auto;
}
.analysis-portlet-view .analysis-table.no-wrap {
  height: auto;
}
.analysis-portlet-view .analysis-table.no-wrap table {
  height: auto;
}
.analysis-portlet-view .metric > table {
  margin: 0 auto;
}
.analysis-portlet-view .filters {
  font-size: 18px;
}
.ext-ie .analysis-portlet-view .analysis-table table,
.ext-gecko3 .analysis-portlet-view .analysis-table table {
  box-sizing: border-box;
}
.portlet-refresh {
  padding: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: both;
}
.portlet-refresh span {
  float: left;
  color: #555;
  padding-top: 5px;
}
.portlet-refresh input {
  float: left;
  margin-left: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-color: #DCDCDC;
  background: #FFFFFF;
  height: 19px;
  width: 20px;
}
.portlet-refresh .btn {
  float: left;
  margin-left: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #5e5d5d;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.portlet-refresh .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.analysis-portlet-skeleton-tip {
  color: #555 !important;
  padding: 10px 35px 10px 0px !important;
  width: 110px;
  background: transparent url(../images/cortex-loader.gif) no-repeat 100px -10px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.index-portlet-window {
  height: auto !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-collection-portlet-window-container .default-padding {
  padding-right: 10px;
}
.filter-collection-portlet-window-container .default-padding .x-column-inner .x-column input,
.filter-collection-portlet-window-container .default-padding .x-column-inner .x-column span {
  margin-top: 5px;
}
.filter-collection-portlet-window-container .filters-column {
  background: #f3f4f6;
  padding: 1em;
  border-radius: 10%;
}
.filter-collection-portlet-window-container .btn-add-new-container {
  padding-left: 11%;
  margin-bottom: 1em;
  margin-top: 1em;
}
.filter-collection-portlet-window-container .btn-add-new {
  width: 15em !important;
}
.filter-collection-portlet-window-container .selected-direction {
  background: rgba(98, 66, 180, 0.4);
  border-radius: 30%;
}
.filter-collection-portlet-window-container .default-margin {
  margin-top: 5px;
}
.filter-collection-portlet-window-container .filter-name {
  padding-left: 1em;
}
.filter-collection-portlet-window-container .arrow-right-to-down {
  transform: rotate(0.25turn);
  margin-right: 5px !important;
}
.filter-collection-portlet-window-container .color-button {
  cursor: pointer;
  height: 23px;
  background-color: #ebebeb;
  width: 25px;
  border-radius: 50%;
}
.filter-collection-portlet-window-container .preview-ct {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.filter-collection-portlet-window-container .preview-ct svg {
  fill: var(--link2Color);
  color: var(--link2Color);
}
.filter-collection-portlet-window-container .preview-ct .font-icon {
  font-size: 42px;
  text-align: center;
  color: var(--link2Color);
  margin-bottom: 4px;
}
.filter-collection-portlet-window-container .panel-header .x-panel-header {
  background: transparent;
  border-bottom: 0px;
}
.filter-collection-portlet-container-main {
  overflow-y: auto;
}
.filter-collection-portlet-container-main .filter-collection-portlet-container .default-padding {
  padding-right: 12px;
  padding-bottom: 12px;
}
.filter-collection-portlet-container-main .text-styles-contentTitle {
  font-family: "Open Sans";
  font-weight: 700;
  color: #2b303b;
  font-size: 14px;
  padding-bottom: 4px;
}
.filter-collection-portlet-container-main .hidden {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tableportlet-row-numberer {
  cursor: pointer;
}
.tableportlet-row-numberer:hover {
  background: #EBF3FD url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y scroll left bottom;
}
.grid-header-cell {
  background-color: #D3D3D3;
  font-weight: bold !important;
}
.table-title,
.table-subtitle,
.table-footNote {
  padding-bottom: 0.7em;
}
.table-portlet-config .x-grid3-td-numberer {
  border-right: 1px solid #ededed;
  background: none;
}
.table-portlet-config .x-grid-panel .x-panel-body {
  padding: 0px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.table-portlet-config .label {
  line-height: 24px;
  color: var(--hlColor);
}
.table-portlet-config .separator {
  width: 100%;
  border-top: 1px dotted #ddd;
  margin-top: 15px;
}
.table-portlet-config input.x-form-field {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #3c3c3c;
  border-color: #DCDCDC;
  background: #FFF;
  padding: 2px 3px;
}
.table-portlet-config input.x-form-checkbox {
  width: 10px;
  height: 12px;
}
.table-portlet-config label.x-form-cb-label {
  margin-right: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.horizontal-align-toggle-button {
  padding: 1px;
  background-color: #f5f5f5;
}
.horizontal-align-toggle-button .font-size-button {
  color: var(--link1Color);
  background-image: linear-gradient(to top, #f8f8f8, #fcfcfc), linear-gradient(#ffffff, #ffffff);
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  border-left: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #fff;
  font-size: 16px;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.horizontal-align-toggle-button .font-size-button.active {
  color: var(--hlColor);
}
.horizontal-align-toggle-button .font-size-button.icon-align-left {
  border-radius: 4px 0px 0px 4px;
}
.horizontal-align-toggle-button .font-size-button.icon-align-right {
  border-radius: 0px 4px 4px 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-buttom-window .item {
  width: 82px;
}
.format-buttom-window .color-chooser-button {
  border-radius: 2px;
}
.format-buttom-window .round-box:last-child {
  margin-bottom: 0px;
}
.format-buttom-window .round-box {
  width: 236px;
  padding: 10px;
}
.format-buttom-window .round-box-inner {
  width: 236px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.format-image-window {
  width: 317px;
}
.format-image-window .ct-behavior {
  width: 297px;
  display: flex;
  flex-wrap: wrap;
}
.format-image-window .label-behavior {
  margin: 5px 10px 0px 0px;
}
.format-image-window .combo-behavior {
  width: 177px;
}
.format-image-window .ct-label-mouse-over {
  border-bottom: 1px dotted #d7d7d7;
  padding-bottom: 10px;
}
.format-image-window .box-image-library-add {
  width: 277px;
}
.format-image-window .box-image-library-add .separator {
  height: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-toggle-portlet-dest-config .x-panel-body {
  height: auto !important;
}
.analysis-toggle-portlet-config .gray-ct {
  width: 427px;
  padding: 10px;
  background: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.analysis-toggle-portlet-config .gray-ct-inner {
  width: 427px;
}
.analysis-toggle-portlet-config .style-ct .style-label {
  margin-top: 5px;
}
.analysis-toggle-portlet-config .style-ct .style-combo {
  width: 45px;
}
.analysis-toggle-portlet-config .style-ct .button-text-ct {
  width: 245px;
}
.analysis-toggle-portlet-config .style-ct .button-text-label {
  margin-top: 5px;
}
.analysis-toggle-portlet-config .style-ct .button-text-input {
  width: 195px;
}
.analysis-toggle-portlet-config .style-ct .add-image-ct {
  width: 248px;
}
.analysis-toggle-portlet-config .style-ct .image-list-viewer .cortex-btn-light {
  margin-bottom: 0px;
}
.analysis-toggle-portlet-config .style-ct .image-list-viewer .file-item {
  margin-top: 0px;
  height: 22px;
}
.analysis-toggle-portlet-config .style-ct .image-list-viewer .file-item .file-name {
  line-height: 22px;
}
.analysis-toggle-portlet-config .style-ct .image-list-viewer .file-item .icon-close {
  line-height: 22px;
}
.analysis-toggle-portlet-config .style-ct .format-link {
  margin-top: 5px;
  width: 45px;
  color: #175282;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.analysis-toggle-portlet-config .links-ct {
  min-height: 260px;
  max-height: 260px;
}
.analysis-toggle-portlet-config .links-ct .link-ct {
  margin-bottom: 10px;
}
.analysis-toggle-portlet-config .links-ct .link-ct .link-inner {
  background: #fff;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  height: 40px;
  font: 11px Arial;
}
.analysis-toggle-portlet-config .links-ct .link-ct .link-inner .from-ct {
  padding: 5px;
}
.analysis-toggle-portlet-config .links-ct .link-ct .link-inner .to-ct {
  padding: 0px 5px 5px 5px;
}
.analysis-toggle-portlet-config .links-ct .link-ct .link-inner .label {
  color: #5e5d5d;
}
.analysis-toggle-portlet-config .links-ct .link-ct .link-inner .link {
  color: var(--link1Color);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.analysis-toggle-portlet-config .links-ct .link-ct .remove-btn {
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-left: 1px solid #eee;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  height: 40px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.analysis-toggle-portlet-config .links-ct .link-ct .remove-btn.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.analysis-toggle-portlet-config .add-btn-ct {
  border-top: 1px dotted #ccc;
  padding-top: 10px;
}
.analysis-toggle-portlet-config .add-btn-ct button {
  font: 11px/21px Arial;
  color: #5e5d5d;
  cursor: pointer;
  padding: 0px 40px;
  height: 21px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  vertical-align: top;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.analysis-toggle-portlet-config .add-btn-ct .icon-tutorial {
  color: var(--link1Color);
  font-size: 16px;
  line-height: 22px;
}
.analysis-toggle-portlet-config textarea.x-form-field,
.analysis-toggle-portlet-config input.x-form-field {
  color: #3c3c3c;
  border-color: #DCDCDC;
  background: #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ext-remotebrowser .html-portlet-ct {
  overflow: hidden !important;
}
.configuration-window.html-portlet-window {
  width: 100%;
  max-width: 800px;
  min-width: var(--mainPanelMinWidth);
}
.configuration-window.html-portlet-window .cortex-span.tip {
  position: relative;
  left: 11px;
  top: -22px;
  color: #5e5d5d;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.grid-preview-cube-export-portlet {
  width: 590px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.grid-export-cube-export-portlet {
  width: 590px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-export-rules-credit-panel {
  padding: 20px 0px 10px 0px;
}
.cube-export-rules-credit-panel .x-panel-body {
  border: none;
}
.cube-export-rules-credit-panel .x-panel-body .items {
  display: flex;
  flex-direction: column;
}
.cube-export-rules-credit-panel .x-panel-body .items .box-label {
  padding: 5px 3px 3px 0px;
}
.cube-export-rules-credit-panel .x-panel-body .items .x-form-field-wrap {
  flex: 1;
  margin-top: 5px;
  width: auto !important;
}
.cube-export-rules-credit-panel .x-panel-body .items .x-form-field-wrap .column-select {
  clear: both;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-export-rules-key-links-panel {
  padding: 8px 0px 10px 0px;
  border-top: 1px dotted #ccc;
}
.cube-export-rules-key-links-panel .x-panel-body {
  border: none;
}
.cube-export-rules-key-links-panel .x-panel-body .key-links-ct {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cube-export-rules-key-links-panel .x-panel-body .key-links-ct .box-label {
  width: 35%;
  margin-top: 12px;
  padding: 5px 3px 3px 0px;
}
.cube-export-rules-key-links-panel .x-panel-body .key-links-ct .x-form-field-wrap {
  margin-top: 12px;
}
.cube-export-rules-key-links-panel .x-panel-body .key-links-ct .x-form-field-wrap .column-select {
  clear: both;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-export-rules-window {
  width: 400px;
  height: 360px;
}
.cube-export-rules-window .x-window-body {
  height: 266px;
}
.cube-export-rules-window .x-window-body .gray-ct-cube-selected {
  width: 95%;
  padding: 10px;
  background: #f8f8f8;
  margin-top: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.cube-export-rules-window .x-window-body .gray-ct-cube-selected .label-out-box {
  color: #5e5d5d;
  margin-left: 2px;
}
.cube-export-rules-window .x-window-body .gray-ct-cube-selected .icon-close {
  color: #B6B6B6;
  font-size: 14px;
  cursor: pointer;
  margin-left: 10px;
}
.cube-export-rules-window .x-window-body .link {
  color: var(--link1Color);
  cursor: pointer;
}
.cube-export-rules-window .x-window-body .flex {
  display: flex;
  width: 100%;
}
.cube-export-rules-window .x-window-body .top {
  padding: 10px 0px 20px 0px;
}
.cube-export-rules-window .x-window-body .middle {
  border-top: 1px dotted #ccc;
  padding: 20px 0px 20px 0px;
}
.cube-export-rules-window .x-window-body .middle .export-columns-link {
  margin-bottom: 16px;
}
.cube-export-rules-window .x-window-body .x-window-bwrap .x-window-bl {
  background: none !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-export-config-panel {
  margin-top: 10px;
  flex: 1;
}
.cube-export-config-panel .x-fb-mask-loading {
  top: 0 !important;
}
.cube-export-config-panel .x-panel-body {
  border: none;
}
.cube-export-config-panel .x-panel-body .gray-ct {
  height: 90%;
  width: 95%;
  padding: 10px;
  background: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct {
  flex: 1;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct {
  height: 100%;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .main-link-ct {
  margin-bottom: 10px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .main-link-ct .link-inner {
  width: 99%;
  background: #fff;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  height: 40px;
  font: 11px Arial;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .main-link-ct .link-inner .from-ct {
  padding: 13px 0px 13px 10px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .main-link-ct .link-inner .label {
  color: #5e5d5d;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .main-link-ct .link-inner .link {
  color: var(--link1Color);
  cursor: pointer;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct {
  margin-bottom: 10px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .link-inner {
  width: 94%;
  background: #fff;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  height: 40px;
  font: 11px Arial;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .link-inner .from-ct {
  padding: 13px 0px 13px 10px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .link-inner .label {
  color: #5e5d5d;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .link-inner .link {
  color: var(--link1Color);
  cursor: pointer;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .remove-btn-ct {
  width: 22px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .remove-btn-ct .remove-btn {
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-left: 1px solid #eee;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  height: 40px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .scroller-ct .links-ct .link-ct .remove-btn-ct .remove-btn.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .bottom {
  border-top: 1px dotted #ccc;
  padding-top: 10px;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .bottom .add-btn-ct {
  width: 180px;
  margin: auto;
}
.cube-export-config-panel .x-panel-body .gray-ct .gray-ct-inner .bottom .add-btn-ct button {
  font: 11px/21px Arial;
  color: #5e5d5d;
  cursor: pointer;
  padding: 0px 28px;
  height: 21px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  vertical-align: top;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ebebeb 100%);
  /* W3C */
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.leads-export-config-panel {
  margin-top: 10px;
}
.leads-export-config-panel .x-panel-body {
  border: none;
}
.leads-export-config-panel .x-panel-body .gray-ct-cube-selected {
  width: 95%;
  padding: 10px;
  background: #f8f8f8;
  margin-top: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.leads-export-config-panel .x-panel-body .label-out-box {
  color: #5e5d5d;
  margin-left: 2px;
}
.leads-export-config-panel .x-panel-body .link {
  color: var(--link1Color);
  cursor: pointer;
}
.leads-export-config-panel .x-panel-body .icon-close {
  color: #B6B6B6;
  font-size: 14px;
  cursor: pointer;
  margin-left: 10px;
}
.leads-export-config-panel .x-panel-body .flex {
  margin-top: 10px;
  display: flex;
  width: 100%;
}
.leads-export-config-panel .x-panel-body .links-ct {
  min-height: 260px;
  max-height: 260px;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct {
  margin-bottom: 10px;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .link-inner {
  background: #fff;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  height: 40px;
  font: 11px Arial;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .link-inner .from-ct {
  padding: 5px;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .link-inner .to-ct {
  padding: 0px 5px 5px 5px;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .link-inner .label {
  color: #5e5d5d;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .link-inner .link {
  color: var(--link1Color);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .remove-btn {
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-left: 1px solid #eee;
  background: #fcfcfc url("../images/components/analysis/ico-remove-blue.png") no-repeat center center;
  height: 40px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.leads-export-config-panel .x-panel-body .links-ct .link-ct .remove-btn.disabled {
  background-image: url("../images/components/analysis/ico-remove-disabled.png");
  cursor: default;
}
.leads-export-config-panel .x-panel-body .data-view-ct .cortex-combo-wrap {
  width: auto !important;
  top: -4px;
}
.leads-export-config-panel .x-panel-body .icon-information {
  color: var(--link1Color);
  font-size: 11px;
  width: 11px;
  position: relative;
  top: 1.4px;
  margin-left: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.row-credit-transaction .topic-label-container {
  display: flex;
  justify-content: space-between;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #2B303B;
}
.row-credit-transaction .topic-label-container .topic-label-value-content {
  display: flex;
}
.row-credit-transaction .topic-label-container .topic-label-value-content .svg-content svg {
  fill: #D4C040;
}
.row-credit-transaction .topic-label-container .topic-label-value-content .default-info-value {
  order: 2;
  padding-left: 4px;
}
.row-credit-transaction .topic-label-container .topic-label-value-content .insufficient-balance {
  color: #EF2D57;
}
.row-credit-transaction .topic-label-container .insufficient-balance-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.row-credit-transaction .topic-label-container .insufficient-balance-container .default-info {
  padding-right: 8px;
}
.row-credit-transaction .topic-label-container .insufficient-balance-container .insufficient-balance-content {
  color: #EF2D57;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.row-credit-transaction .topic-label-container .insufficient-balance-container .insufficient-balance-content .svg-content {
  display: flex;
  width: 21px;
  height: 21px;
  justify-content: center;
  align-items: center;
}
.row-credit-transaction .topic-label-container .insufficient-balance-container .insufficient-balance-content .svg-content svg {
  filter: invert(22%) sepia(92%) saturate(3305%) hue-rotate(335deg) brightness(104%) contrast(87%);
}
.row-credit-transaction .topic-label-container .insufficient-balance-container .insufficient-balance-content .warning-content {
  font-size: 12px;
  padding-left: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.export-section-panel-container {
  padding: 12px 12px 0px 12px;
  background-color: #F3F4F6;
}
.export-section-panel-container .export-section-panel-row {
  display: flex;
  justify-content: space-between;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-bottom: 12px;
}
.export-section-panel-container .export-section-panel-row .title-topic-row {
  align-items: center;
  display: flex;
}
.export-section-panel-container .export-section-panel-row .title-topic-row .icon-information {
  margin: 2px 0 0 6px;
  /*color: #308CF6;*/
  color: var(--link1Color);
}
.export-section-panel-container .export-section-panel-row.subtopic-row {
  padding-left: 24px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.credit-customize-export-window {
  width: 452px !important;
  max-width: 452px;
  height: 526px;
  padding: 24px;
}
.credit-customize-export-window .x-window-bwrap .x-window-bl {
  background: none !important;
  border: none !important;
}
.credit-customize-export-window.x-window .x-window-tl {
  background: none !important;
}
.credit-customize-export-window.x-window .x-window-tl .x-window-header,
.credit-customize-export-window.x-window .x-window-tl .x-window-header-noborder,
.credit-customize-export-window.x-window .x-window-tl .x-unselectable,
.credit-customize-export-window.x-window .x-window-tl .x-window-draggable {
  align-items: center;
  display: flex;
  width: 100%;
}
.credit-customize-export-window.x-window .x-window-tl .x-window-header .x-tool,
.credit-customize-export-window.x-window .x-window-tl .x-window-header-noborder .x-tool,
.credit-customize-export-window.x-window .x-window-tl .x-unselectable .x-tool,
.credit-customize-export-window.x-window .x-window-tl .x-window-draggable .x-tool,
.credit-customize-export-window.x-window .x-window-tl .x-window-header .x-tool-close,
.credit-customize-export-window.x-window .x-window-tl .x-window-header-noborder .x-tool-close,
.credit-customize-export-window.x-window .x-window-tl .x-unselectable .x-tool-close,
.credit-customize-export-window.x-window .x-window-tl .x-window-draggable .x-tool-close {
  border-radius: 20px;
  font-size: 20px;
  height: 20px;
  margin: 8px;
  order: 1;
  width: 20px;
}
.credit-customize-export-window.x-window .x-window-tl .x-window-header .x-window-header-text,
.credit-customize-export-window.x-window .x-window-tl .x-window-header-noborder .x-window-header-text,
.credit-customize-export-window.x-window .x-window-tl .x-unselectable .x-window-header-text,
.credit-customize-export-window.x-window .x-window-tl .x-window-draggable .x-window-header-text {
  color: #2B303B;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 !important;
  max-width: 100%;
  order: 0;
  padding: 0;
  width: 100%;
  cursor: default;
}
.credit-customize-export-window.x-window .x-window-ml {
  padding: 36px 0;
}
.credit-customize-export-window.x-window .x-window-ml .x-window-mr {
  padding-right: 0;
}
.credit-customize-export-window.x-window .x-window-bl {
  padding: 0;
  margin: 0;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder {
  padding: 0;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct {
  margin: 0;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td {
  padding: 0px 0px 0px 8px;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn {
  box-shadow: none;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-right,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-right,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-right,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-right {
  display: none;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-left,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-left {
  display: none;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center {
  border-radius: 1000px;
  padding: 8px 16px;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center .x-btn-text,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center .x-btn-text,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center .x-btn-text,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center .x-btn-text {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-right,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-right,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-right,
.credit-customize-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-right {
  display: none;
}
.credit-customize-export-window .credit-limit-container {
  padding-bottom: 28px;
}
.credit-customize-export-window .x-panel-body {
  border: none;
}
.credit-customize-export-window .title-container {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #2B303B;
  margin-bottom: 12px;
}
.credit-customize-export-window .paragraph-container {
  font-size: 12px;
  color: #2B303B;
  font-family: 'Open Sans', serif;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px;
}
.credit-customize-export-window .credit-limit-content {
  margin-bottom: 0;
}
.credit-customize-export-window .credit-limit-content input {
  padding: 10px 12px !important;
  width: calc(100% - 26px);
  height: auto !important;
  border: 1px solid #94A3B8;
  border-radius: 8px !important;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.credit-customize-export-window .ordination-record-container .x-form-check-wrap {
  margin-bottom: 8px;
}
.credit-customize-export-window .ordination-record-container .x-form-check-wrap .x-form-cb-label {
  font-size: 12px;
  color: #2B303B;
  font-family: 'Open Sans', serif;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-left: 8px;
}
.credit-customize-export-window .ordination-record-container .cortex-combo-wrap input {
  min-width: 30px;
  padding: 10px 12px !important;
  width: calc(100% - 26px);
  height: auto !important;
  border: 1px solid #94A3B8;
  border-radius: 8px 0 0 8px !important;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.credit-customize-export-window .credit-limit-subtitle {
  color: #94A3B8;
  font-family: 'Open Sans', serif;
  font-size: 12px;
  margin-top: 6px;
  font-weight: 700;
}
.credit-customize-export-window .include-alreadry-exported-container {
  height: auto;
  padding-bottom: 28px;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container {
  display: flex;
  gap: 4px;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container .x-btn-center {
  border: 1px solid #6C7993;
  border-radius: 1000px;
  padding: 8px 16px;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container .x-btn-center button {
  padding: 0;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container td {
  background: #FFFFFF;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container td .x-btn-text {
  font-family: 'Open Sans', serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #6C7993;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container .selected .x-btn-center {
  background: #D1E7FD;
  border: 1px solid #308CF6;
  border-radius: 1000px;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container .selected .x-btn-center .icon-check {
  color: #308CF6;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
.credit-customize-export-window .include-alreadry-exported-container .button-include-alreadry-exported-container .selected .x-btn-center button {
  color: #308CF6;
}
.credit-customize-export-window .cortex-combo-wrap {
  margin-bottom: 24px;
}
.credit-customize-export-window .x-window-bwrap .x-window-bl {
  margin-top: -27px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.credit-export-window {
  width: 452px !important;
  max-width: 452px;
  height: auto;
  padding: 24px;
}
.credit-export-window .x-window-bwrap .x-window-bl {
  background: none !important;
  border: none !important;
}
.credit-export-window.x-window .x-window-tl {
  background: none !important;
}
.credit-export-window.x-window .x-window-tl .x-window-header,
.credit-export-window.x-window .x-window-tl .x-window-header-noborder,
.credit-export-window.x-window .x-window-tl .x-unselectable,
.credit-export-window.x-window .x-window-tl .x-window-draggable {
  align-items: center;
  display: flex;
  width: 100%;
}
.credit-export-window.x-window .x-window-tl .x-window-header .x-tool,
.credit-export-window.x-window .x-window-tl .x-window-header-noborder .x-tool,
.credit-export-window.x-window .x-window-tl .x-unselectable .x-tool,
.credit-export-window.x-window .x-window-tl .x-window-draggable .x-tool,
.credit-export-window.x-window .x-window-tl .x-window-header .x-tool-close,
.credit-export-window.x-window .x-window-tl .x-window-header-noborder .x-tool-close,
.credit-export-window.x-window .x-window-tl .x-unselectable .x-tool-close,
.credit-export-window.x-window .x-window-tl .x-window-draggable .x-tool-close {
  border-radius: 20px;
  font-size: 20px;
  height: 20px;
  margin: 8px;
  order: 1;
  width: 20px;
}
.credit-export-window.x-window .x-window-tl .x-window-header .x-window-header-text,
.credit-export-window.x-window .x-window-tl .x-window-header-noborder .x-window-header-text,
.credit-export-window.x-window .x-window-tl .x-unselectable .x-window-header-text,
.credit-export-window.x-window .x-window-tl .x-window-draggable .x-window-header-text {
  color: #2B303B;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 !important;
  max-width: 100%;
  order: 0;
  padding: 0;
  width: 100%;
  cursor: default;
}
.credit-export-window.x-window .x-window-bl {
  padding: 0;
  margin: 0;
}
.credit-export-window.x-window .x-window-bl .x-window-footer,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder {
  padding: 0;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct {
  margin: 0;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td {
  padding: 0px 0px 0px 8px;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn {
  box-shadow: none;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-right,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap.x-btn-over .x-btn-right,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-right,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn.x-btn-over .x-btn-right {
  display: none;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-left,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-left {
  display: none;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center {
  display: flex;
  flex-direction: row;
  border-radius: 1000px;
  padding: 8px 16px;
  height: 20px;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center .x-btn-text,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-center .x-btn-text,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center .x-btn-text,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-center .x-btn-text {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-right,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn-wrap .x-btn-right,
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-right,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .x-btn .x-btn-right {
  display: none;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center {
  background-color: #E2E8F0 !important;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .x-btn-text,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .x-btn-text {
  color: #2B303B !important;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .button-content,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .button-content {
  align-items: center;
  display: flex;
  margin-right: 6px;
  width: min-content !important;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .button-content svg,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .button-content svg {
  height: 14px;
  width: 14px;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .button-content svg .a,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .customize-button.x-btn-wrap:not(.cortex-link-button) .x-btn-center .button-content svg .a {
  fill: #C4C9D4;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .see-records-btn.x-btn-wrap:not(.cortex-link-button) .x-btn-center,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .see-records-btn.x-btn-wrap:not(.cortex-link-button) .x-btn-center {
  background-color: #ffffff;
}
.credit-export-window.x-window .x-window-bl .x-window-footer .x-panel-btns-ct .x-panel-btn-td .see-records-btn.x-btn-wrap:not(.cortex-link-button) .x-btn-center .x-btn-text,
.credit-export-window.x-window .x-window-bl .x-window-footer-noborder .x-panel-btns-ct .x-panel-btn-td .see-records-btn.x-btn-wrap:not(.cortex-link-button) .x-btn-center .x-btn-text {
  color: var(--buttonBgStart) !important;
}
.credit-export-window .x-window-ml {
  padding: 36px 0;
}
.credit-export-window .x-window-ml .x-window-mr {
  padding-right: 0;
}
.credit-export-window .x-window-ml .row-credit-transaction .balance-available,
.credit-export-window .x-window-ml .row-credit-transaction .total-records {
  margin-bottom: 28px;
}
.credit-export-window .x-window-ml .row-credit-transaction .selected-records,
.credit-export-window .x-window-ml .row-credit-transaction .selected-main-records {
  margin-bottom: 12px;
}
.credit-export-window .x-window-ml .selected-records-panel {
  margin-bottom: 28px;
}
.credit-export-window .loader-container,
.credit-export-window .error-container,
.credit-export-window .success-container {
  position: absolute;
  background: #F8F8F8;
  width: 100%;
  height: 80px;
  top: 38%;
}
.credit-export-window .loader-container .ext-el-mask-msg {
  top: 0 !important;
}
.credit-export-window .loader-container .ext-el-mask {
  top: 0;
  opacity: 1;
}
.credit-export-window .loader-container .x-fb-mask-loading {
  top: 0;
  left: 0;
}
.credit-export-window .loader-container .x-fb-mask-loading div {
  width: 100%;
  text-align: center;
  line-height: 8;
  background-position: center;
  top: 100px;
}
.credit-export-window .error-container,
.credit-export-window .success-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.credit-export-window .error-container .error-content,
.credit-export-window .success-container .error-content,
.credit-export-window .error-container .success-content,
.credit-export-window .success-container .success-content {
  display: flex;
  width: 350px;
  max-width: 350px;
  justify-content: center;
}
.credit-export-window .error-container .x-panel-body,
.credit-export-window .success-container .x-panel-body {
  width: 100%;
  background: none;
  border: none;
}
.credit-export-window .error-container .error-message-container,
.credit-export-window .success-container .error-message-container,
.credit-export-window .error-container .success-message-container,
.credit-export-window .success-container .success-message-container {
  margin-left: 10px;
  display: flex;
  align-self: center;
}
.credit-export-window .error-container .download-message-container,
.credit-export-window .success-container .download-message-container {
  position: absolute;
  margin-top: 130px;
}
.credit-export-window .download-link {
  color: var(--link1Color);
}
.credit-export-window .icon-cancel {
  font-size: 3.8em;
  color: red;
}
.credit-export-window .danger-card-container {
  display: flex;
  justify-content: flex-end;
}
.credit-export-window .danger-card-container .x-window-header-text {
  font-weight: bold;
}
.credit-export-window .danger-card-container .default-card {
  margin-bottom: 20px;
  box-shadow: none;
  position: relative !important;
  top: 5px !important;
  left: 0 !important;
  height: 45px;
  margin-top: 30px;
}
.credit-export-window .danger-card-container .x-window-tr .x-window-tc .x-window-header .x-window-header-text {
  margin-top: 15px !important;
}
.credit-export-window .danger-card-container .x-window-bwrap {
  margin-top: -19px;
}
.credit-export-window .danger-card-container .x-window-bwrap .x-window-ml {
  margin-top: -12px;
}
.credit-export-window .danger-card-container .x-window-bwrap .x-window-ml .x-window-mr {
  padding-right: 15px;
}
.credit-export-window .danger-card-container .x-window-bwrap .x-window-ml .x-window-mr .x-window-mc .x-window-body {
  display: flex;
  justify-content: space-between;
}
.credit-export-window .danger-card-container .default-info {
  color: #000;
  opacity: 0.7;
  font-weight: 500;
  margin: 5px 0 0 200px;
}
.credit-export-window .danger-card-container .default-info-value {
  font-size: 1.6em;
  font-weight: bold;
  order: 2;
  padding-left: 4px;
}
.credit-export-window .danger-card-container .svg-circle {
  margin-top: 3px;
  margin-left: 5px;
}
.credit-export-window .danger-card-container .svg-circle svg {
  fill: #D7C103;
}
.credit-export-window .danger-card-container .default-info-value-danger {
  color: #EC1C24;
}
.credit-export-window .customize-success svg .a {
  fill: #0BC2B4 !important;
}
.credit-export-window .cortex-link-button button {
  padding: 0 !important;
}
.value-text {
  float: right;
}
.d-none {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-export-portlet-config {
  height: 275px;
}
.cube-export-portlet-config .x-panel-bwrap {
  height: 100%;
}
.cube-export-portlet-config .x-panel-bwrap .x-panel-body {
  height: 100% !important;
}
.cube-export-portlet-config .x-panel-bwrap .x-panel-body .x-form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cube-export-portlet-config .gray-ct {
  width: 95%;
  padding: 10px;
  background: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cube-export-portlet-config .gray-ct-inner {
  width: 427px;
}
.cube-export-portlet-config .label {
  color: #5e5d5d;
}
.cube-export-portlet-config .style-ct .style-label {
  margin-top: 5px;
}
.cube-export-portlet-config .style-ct .style-combo {
  width: 45px;
}
.cube-export-portlet-config .style-ct .button-text-ct {
  width: 245px;
}
.cube-export-portlet-config .style-ct .button-text-label {
  margin-top: 5px;
}
.cube-export-portlet-config .style-ct .button-text-input {
  width: 195px;
}
.cube-export-portlet-config .style-ct .add-image-ct {
  width: 248px;
}
.cube-export-portlet-config .style-ct .image-list-viewer .cortex-btn-light {
  margin-bottom: 0px;
}
.cube-export-portlet-config .style-ct .image-list-viewer .file-item {
  margin-top: 0px;
  height: 22px;
}
.cube-export-portlet-config .style-ct .image-list-viewer .file-item .file-name {
  line-height: 22px;
}
.cube-export-portlet-config .style-ct .image-list-viewer .file-item .icon-close {
  line-height: 22px;
}
.cube-export-portlet-config .style-ct .format-link {
  margin-top: 5px;
  width: 45px;
  color: var(--link1Color);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.cube-export-portlet-config .type-export-selection {
  padding: 10px 0px 0px 0px;
}
.cube-export-portlet-config .type-export-selection .x-form-cb-label {
  margin-left: 8px;
}
.cube-export-portlet-config .type-export-selection .radio-option {
  margin-left: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ai-chat-share-window .body-inner.preview-ct {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  overflow-y: auto;
  flex: 1 1 100%;
}
.ai-chat-share-window .body-inner.preview-ct .system-message {
  margin: 8px 0;
  border-radius: 8px;
  float: left;
}
.ai-chat-share-window .body-inner.preview-ct .user-message {
  margin: 8px;
  margin-left: auto;
  border-radius: 8px;
  text-align: right;
  max-width: 90%;
  padding: 0 12px;
  background-color: #eae9e9;
}
.ai-chat-share-window .body-inner.preview-ct .separator-message {
  float: none;
  clear: both;
}
.ai-chat-share-window .body-inner.preview-ct ol,
.ai-chat-share-window .body-inner.preview-ct ul {
  list-style: revert;
}
.ai-chat-share-window .body-inner.preview-ct p,
.ai-chat-share-window .body-inner.preview-ct ul,
.ai-chat-share-window .body-inner.preview-ct ol,
.ai-chat-share-window .body-inner.preview-ct li {
  margin: revert;
  padding: revert;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ai-chat-container {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  height: 100%;
}
.ai-chat-container .messages-container {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  overflow-y: auto;
  flex: 1 1 100%;
}
.ai-chat-container .messages-container .system-message {
  margin: 8px 0;
  border-radius: 8px;
  float: left;
}
.ai-chat-container .messages-container .user-message {
  margin: 8px;
  background: var(--sl-color-gray-100);
  border-radius: 8px;
  float: right;
  max-width: 90%;
  padding: 0 12px;
}
.ai-chat-container .messages-container .separator-message {
  float: none;
  clear: both;
}
.ai-chat-container .messages-container ol,
.ai-chat-container .messages-container ul {
  list-style: revert;
}
.ai-chat-container .messages-container p,
.ai-chat-container .messages-container ul,
.ai-chat-container .messages-container ol,
.ai-chat-container .messages-container li {
  margin: revert;
  padding: revert;
}
.ai-chat-container .messages-container code {
  background: var(--sl-color-gray-100);
}
.ai-chat-container-input {
  display: flex;
  border: 1px solid var(--sl-color-gray-300);
  border-radius: 8px;
  margin-top: 10px;
  padding: 4px 8px 4px 8px;
}
.ai-chat-container-input .user-input-text {
  flex-grow: 1;
  border: none;
  background: none;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}
.ai-chat-container-input .user-input-icon {
  font-size: 20px;
  color: var(--sl-color-gray-300);
  width: 20px;
  cursor: pointer;
  user-select: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ai-chat-window .x-window-header-text svg {
  fill: var(--link1Color);
  height: 22px;
  width: auto;
}
.ai-chat-window .disabled-icon {
  color: #cccccc !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-config-panel {
  margin-top: 10px;
  padding-right: 3px;
}
.data-filling-config-panel .x-fb-mask-loading {
  top: 0 !important;
}
.data-filling-config-panel .x-panel-body {
  border: none;
}
.data-filling-config-panel .x-panel-body .title-configuration-ct {
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 20px;
}
.data-filling-config-panel .x-panel-body .title-configuration-ct .label {
  flex: 1 1 30%;
  display: flex;
  align-items: center;
}
.data-filling-config-panel .x-panel-body .title-configuration-ct .cortex-input {
  flex: 1 1 100%;
}
.data-filling-config-panel .x-panel-body .cube-link-ct {
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 20px;
  margin-top: 10px;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct {
  margin: 10px 0px 12px 0px;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct .label {
  flex: 1 1 64%;
  display: flex;
  align-items: center;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct .fill-column-select-ct {
  width: 100%;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct .fill-column-select-ct .cortex-combo-wrap {
  flex: 1 1 100%;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct .fill-column-select-ct .cortex-combo-wrap .fill-column-select {
  width: 100%;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct .x-item-disabled .fill-column-select {
  background-color: #f4f4f4 !important;
}
.data-filling-config-panel .x-panel-body .fill-column-link-ct .x-item-disabled .x-form-trigger-svg {
  background-color: #f4f4f4 !important;
  opacity: 0.6;
}
.data-filling-config-panel .x-panel-body .gray-ct-cube-selected {
  width: 95%;
  padding: 10px;
  background: #f8f8f8;
  margin-top: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.data-filling-config-panel .x-panel-body .label-out-box {
  color: #5e5d5d;
  margin-left: 2px;
}
.data-filling-config-panel .x-panel-body .link {
  color: var(--link1Color);
  cursor: pointer;
}
.data-filling-config-panel .x-panel-body .icon-close {
  color: #B6B6B6;
  font-size: 14px;
  cursor: pointer;
  margin-left: 10px;
}
.data-filling-config-panel .x-panel-body .flex {
  margin-top: 10px;
  display: flex;
  width: 100%;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.save-filter-button {
  background-color: #F3F4F6;
  border-radius: 4px;
  cursor: pointer;
}
.save-filter-button .card-ct {
  padding: 4px 10px 4px 10px;
  display: flex;
  font-family: 'Open Sans', sans-serif;
  border: none;
}
.save-filter-button .card-ct .font-icon {
  flex: 0 0 20px;
  position: relative;
  top: 3px;
  color: var(--link1Color);
  display: inline-block;
  font-size: 14px;
}
.save-filter-button .card-ct .content-ct {
  flex: 0 0 195px;
  display: flex;
  flex-direction: column;
}
.save-filter-button .card-ct .content-ct .title-label {
  font-weight: 700;
  font-size: 14px;
  color: var(--link1Color) !important;
  margin-bottom: 4px;
}
.save-filter-button .card-ct .content-ct .description {
  font-size: 12px;
  font-weight: 400;
  color: #6C7993;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.menu-ct {
  width: 25px;
  height: 100%;
  display: flex;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.menu-ct:hover {
  background: #E2E2E2;
}
.menu-item-ct {
  display: flex;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  line-height: 16px;
  color: #2B303B;
  cursor: pointer;
}
.menu-item-ct .icon {
  line-height: 12px;
  font-size: 12px;
  margin: 1px 4px 0 0;
  text-align: center;
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.filter-card {
  border-radius: 4px;
}
.filter-card .card-ct {
  padding: 11px 10px 11px 10px;
  display: flex;
  font-family: 'Open Sans', sans-serif;
  border: none;
}
.filter-card .card-ct:hover {
  background: #F8F8F8;
  transition: 0.2s;
  cursor: pointer;
}
.filter-card .card-ct .content-ct {
  flex: 0 0 235px;
  display: flex;
  flex-direction: column;
  white-space: normal;
  max-width: 240px;
  overflow: hidden;
}
.filter-card .card-ct .content-ct .title-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
  color: #2B303B !important;
  margin-bottom: 4px;
}
.filter-card .card-ct .content-ct .description {
  font-size: 12px;
  font-weight: 400;
  color: #6C7993;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-scroll-panel .body-ct {
  margin: 0px 20px 20px 20px;
  width: 280px;
}
.data-filling-scroll-panel .body-ct .items-ct {
  height: 265px;
  margin-top: 8px;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap {
  height: 100%;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body {
  height: 100%;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 {
  height: 100%;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-scroller {
  scrollbar-width: auto;
  height: 100%;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row {
  border: none !important;
  background-color: #fff !important;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row .x-grid3-row-table {
  border: none !important;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row .x-grid3-row-table .x-grid3-cell {
  border: none !important;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row .x-grid3-row-table .x-grid3-cell .x-grid3-cell-inner {
  padding: 0px;
}
.data-filling-scroll-panel .body-ct .items-ct .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-scroller .x-grid3-row-alt {
  background-color: #fff;
}
.data-filling-scroll-panel .x-fb-mask-loading {
  left: 130px !important;
  top: 130px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-sql-filter-panel .save-filters-ct {
  background-color: #f3f4f6;
  border-radius: 4px;
  margin-top: 12px !important;
  padding: 16px 15px 20px 15px;
  overflow-x: hidden;
  height: 272.5px;
  scrollbar-width: auto;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}
.data-filling-sql-filter-panel .save-filters-ct .name-input-ct {
  display: flex;
  margin-bottom: 16px;
}
.data-filling-sql-filter-panel .save-filters-ct .name-input-ct .name-input {
  flex: 1 1 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  height: 24px !important;
  border-radius: 8px !important;
  padding: 0px 8px 0px 8px !important;
  color: #2b303b;
}
.data-filling-sql-filter-panel .save-filters-ct .name-input-ct .help-icon {
  margin-left: 8px;
  color: var(--link1Color);
  font-size: 16px;
  align-self: center;
  cursor: pointer;
}
.data-filling-sql-filter-panel .save-filters-ct .filters-ct {
  flex: 1 1 100%;
  overflow-y: auto;
  scrollbar-width: auto;
  margin-bottom: 8px;
}
.data-filling-sql-filter-panel .save-filters-ct .filters-ct .filter-ct {
  margin-top: 5px;
  font-size: 10px;
}
.data-filling-sql-filter-panel .save-filters-ct .filters-ct .filter-ct:first-child {
  margin-top: 0px;
}
.data-filling-sql-filter-panel .save-filters-ct .filters-ct .filter-ct .filter-name {
  color: #2b303b;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 700;
}
.data-filling-sql-filter-panel .save-filters-ct .filters-ct .filter-ct .filter-values {
  color: #6c7993;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.data-filling-sql-filter-panel .save-filters-ct .filters-ct .filter-ct .filter-values.exclude {
  text-decoration: line-through;
}
.data-filling-sql-filter-panel .save-filters-ct .save-btn {
  --sl-input-height-small: 24px;
  width: 100%;
  border-top: 1px solid #c4c9d4;
  padding-top: 12px;
}
.data-filling-sql-filter-panel .save-filters-ct .save-btn::part(base) {
  background-color: var(--link1Color);
  border: none;
}
.data-filling-sql-filter-panel .save-filters-ct .save-btn::part(base):hover {
  background-color: var(--link1Color);
  filter: brightness(90%);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-keyword-filter-panel .save-filters-ct {
  background-color: #f3f4f6;
  border-radius: 4px;
  margin-top: 12px !important;
  padding: 16px 15px 20px 15px;
  overflow-x: hidden;
  height: 265px;
  scrollbar-width: auto;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}
.data-filling-keyword-filter-panel .save-filters-ct .name-input-ct {
  display: flex;
  margin-bottom: 16px;
}
.data-filling-keyword-filter-panel .save-filters-ct .name-input-ct .x-form-field-wrap {
  flex: 1 1 100%;
}
.data-filling-keyword-filter-panel .save-filters-ct .name-input-ct .x-form-field-wrap .name-input {
  width: 100% !important;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  height: 24px !important;
}
.data-filling-keyword-filter-panel .save-filters-ct .name-input-ct .help-icon {
  margin-left: 8px;
  color: var(--link1Color);
  font-size: 16px;
  align-self: center;
  cursor: pointer;
}
.data-filling-keyword-filter-panel .save-filters-ct .filters-ct {
  flex: 1 1 100%;
  overflow-y: auto;
  scrollbar-width: auto;
  margin-bottom: 8px;
}
.data-filling-keyword-filter-panel .save-filters-ct .filters-ct .filter-ct {
  margin-top: 5px;
  font-size: 10px;
}
.data-filling-keyword-filter-panel .save-filters-ct .filters-ct .filter-ct:first-child {
  margin-top: 0px;
}
.data-filling-keyword-filter-panel .save-filters-ct .filters-ct .filter-ct .filter-name {
  color: #2b303b;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 700;
}
.data-filling-keyword-filter-panel .save-filters-ct .filters-ct .filter-ct .filter-values {
  color: #6c7993;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.data-filling-keyword-filter-panel .save-filters-ct .save-btn {
  --sl-input-height-small: 24px;
  width: 100%;
  border-top: 1px solid #c4c9d4;
  padding-top: 12px;
}
.data-filling-keyword-filter-panel .save-filters-ct .save-btn::part(base) {
  background-color: var(--link1Color);
  border: none;
}
.data-filling-keyword-filter-panel .save-filters-ct .save-btn::part(base):hover {
  background-color: var(--link1Color);
  filter: brightness(90%);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-save-panel .body-ct {
  margin: 0px 20px 20px 20px;
  width: 280px;
  font-family: 'Open Sans', sans-serif;
}
.data-filling-save-panel .body-ct .back-ct {
  color: var(--link1Color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.data-filling-save-panel .body-ct .back-ct .font-icon {
  cursor: pointer;
  font-size: 14px;
}
.data-filling-save-panel .body-ct .back-ct .link {
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  position: relative;
  left: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-window.x-window .x-window-tl {
  background: none !important;
}
.data-filling-window.x-window .x-window-tl .x-window-header,
.data-filling-window.x-window .x-window-tl .x-window-header-noborder,
.data-filling-window.x-window .x-window-tl .x-unselectable,
.data-filling-window.x-window .x-window-tl .x-window-draggable {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 24px 20px;
}
.data-filling-window.x-window .x-window-tl .x-window-header .x-tool,
.data-filling-window.x-window .x-window-tl .x-window-header-noborder .x-tool,
.data-filling-window.x-window .x-window-tl .x-unselectable .x-tool,
.data-filling-window.x-window .x-window-tl .x-window-draggable .x-tool,
.data-filling-window.x-window .x-window-tl .x-window-header .x-tool-close,
.data-filling-window.x-window .x-window-tl .x-window-header-noborder .x-tool-close,
.data-filling-window.x-window .x-window-tl .x-unselectable .x-tool-close,
.data-filling-window.x-window .x-window-tl .x-window-draggable .x-tool-close {
  position: relative;
  left: 5px;
  border-radius: 20px;
  font-size: 20px;
  height: 20px;
  margin: 0px;
  order: 1;
  width: 20px;
}
.data-filling-window.x-window .x-window-tl .x-window-header .window-title,
.data-filling-window.x-window .x-window-tl .x-window-header-noborder .window-title,
.data-filling-window.x-window .x-window-tl .x-unselectable .window-title,
.data-filling-window.x-window .x-window-tl .x-window-draggable .window-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  color: #2B303B !important;
  font-size: 16px;
  margin-bottom: 24px;
  font-family: "Open Sans", sans-serif;
  line-height: 20px;
  margin: 0 !important;
  max-width: 100%;
  order: 0;
  padding: 0;
  width: 260px !important;
}
.data-filling-window.x-window .x-window-bwrap .x-window-ml {
  padding: 0px;
}
.data-filling-window.x-window .x-window-bwrap .x-window-ml .x-window-mr {
  padding: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-filling-portlet-config .x-panel-bwrap {
  height: 100%;
}
.data-filling-portlet-config .x-panel-bwrap .x-panel-body {
  height: 100% !important;
}
.data-filling-portlet-config .x-panel-bwrap .x-panel-body .x-form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.data-filling-portlet-config .gray-ct {
  width: 95%;
  padding: 10px;
  background: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.data-filling-portlet-config .gray-ct-inner {
  width: 427px;
}
.data-filling-portlet-config .label {
  color: #5e5d5d;
}
.data-filling-portlet-config .style-ct .style-label {
  margin-top: 5px;
}
.data-filling-portlet-config .style-ct .style-combo {
  width: 45px;
}
.data-filling-portlet-config .style-ct .button-text-ct {
  width: 245px;
}
.data-filling-portlet-config .style-ct .button-text-label {
  margin-top: 5px;
}
.data-filling-portlet-config .style-ct .button-text-input {
  width: 195px;
}
.data-filling-portlet-config .style-ct .add-image-ct {
  width: 248px;
}
.data-filling-portlet-config .style-ct .image-list-viewer .cortex-btn-light {
  margin-bottom: 0px;
}
.data-filling-portlet-config .style-ct .image-list-viewer .file-item {
  margin-top: 0px;
  height: 22px;
}
.data-filling-portlet-config .style-ct .image-list-viewer .file-item .file-name {
  line-height: 22px;
}
.data-filling-portlet-config .style-ct .image-list-viewer .file-item .icon-close {
  line-height: 22px;
}
.data-filling-portlet-config .style-ct .format-link {
  margin-top: 5px;
  width: 45px;
  color: var(--link1Color);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dashboard-toolbar {
  position: absolute;
  top: 0;
  right: 17px;
  height: 20px;
  z-index: 1000;
}
.dashboard-toolbar .dashboard-icon-link {
  color: #8f8f8f;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  margin-left: 20px;
}
.dashboard-toolbar .dashboard-icon-link.x-item-disabled {
  cursor: default;
}
.dashboard-toolbar .dashboard-icon-link:hover:not(.x-item-disabled) {
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/********** TOP GUIDE **********/
.top-guide {
  height: 31px;
}
.top-guide a {
  transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
}
.top-guide svg {
  transition: fill 0.4s ease-in-out;
  -moz-transition: fill 0.4s ease-in-out;
  -webkit-transition: fill 0.4s ease-in-out;
  -o-transition: fill 0.4s ease-in-out;
}
.top-guide.hide-navigation .top-guide-menu-wrapper {
  width: 100%;
}
.top-guide.hide-navigation .top-menu-navigations {
  display: none;
}
.top-guide .top-menu-navigations {
  display: inline-block;
  width: 40px;
  height: 31px;
  float: right;
  overflow: hidden;
  line-height: 36px;
}
.top-guide .top-menu-navigations .arrow {
  width: 12px;
  height: 100%;
}
.top-guide .top-menu-navigations .arrow.x-item-disabled {
  opacity: 1;
}
.top-guide .top-menu-navigations .arrow.x-item-disabled svg {
  fill: var(--guideMainLinksDisabledColor);
}
.top-guide .top-menu-navigations .arrow:not(.x-item-disabled) {
  cursor: pointer;
}
.top-guide .top-menu-navigations .arrow:not(.x-item-disabled) svg {
  fill: var(--link1Color);
}
.top-guide .top-menu-navigations .arrow:not(.x-item-disabled):hover svg,
.top-guide .top-menu-navigations .arrow:not(.x-item-disabled).touch-clicked svg {
  fill: var(--buttonBgStart);
}
.top-guide .top-menu-navigations .arrow.arrow-left {
  float: left;
}
.top-guide .top-menu-navigations .arrow.arrow-right {
  float: right;
}
.top-guide .top-guide-menu-wrapper {
  width: calc(100% - 54px);
  display: inline-block;
  overflow-y: hidden;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu {
  list-style: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #444;
  transition: margin-top 0.2s ease-in-out;
  display: inline-flex;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item:not(:last-child) {
  margin: 0 25px 0 0;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item {
  cursor: pointer;
  line-height: 31px;
  float: left;
  height: 41px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item:hover > a,
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item.active > a,
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item.touch-clicked > a {
  color: var(--guideMainLinksHoverColor);
  border-bottom: 2px solid var(--guideMainLinksHoverColor);
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item.no-link {
  cursor: default;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item.no-link a {
  cursor: default;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item.has-link a {
  pointer-events: auto;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .top-guide-item a {
  pointer-events: auto;
  color: var(--guideMainLinksColor);
  display: block;
  height: 29px;
  max-width: 300px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container {
  z-index: 10000;
  display: none;
  position: absolute;
  width: 200px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container:not([depth="0"])[x-position="right"] {
  left: 195px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container:not([depth="0"])[x-position="left"] {
  left: -195px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container[depth="0"] {
  padding-top: 10px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content {
  position: relative;
  border-radius: 3px;
  background: #fff;
  color: inherit;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .slimScrollDiv {
  position: static !important;
  cursor: default;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu {
  pointer-events: auto;
  margin: 0;
  border-radius: 3px;
  background: #fff;
  min-width: 180px;
  list-style: none;
  text-align: left;
  color: #182026;
  overflow-x: hidden;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item {
  color: #444;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.dropdown .menu-name {
  position: relative;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.dropdown .menu-name .dropdown-icon {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 12px;
  height: 24px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.dropdown .menu-name svg {
  height: 12px;
  fill: #d4d4d4;
  margin-top: 3px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.dropdown .menu-name a {
  width: 165px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.no-link {
  cursor: default;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.no-link > .menu-name > a {
  cursor: default;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.has-link {
  cursor: pointer;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.has-link > .menu-name > a {
  cursor: pointer;
  pointer-events: auto;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item a {
  width: 180px;
  height: 17px;
  padding: 10px;
  line-height: normal;
  color: #474747;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item:hover,
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.touch-clicked {
  background: #f8f8f8 !important;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item:hover > .menu-name a,
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item.touch-clicked > .menu-name a {
  color: var(--guideFloatingMenuHoverColor);
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item:first-child {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: none;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .transition-container .popover.minimal.submenu .popover-content .menu .menu-item:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .submenu.popover > .popover-content {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.top-guide .top-guide-menu-wrapper .top-guide-menu .menu {
  max-width: 200px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.change-password-window {
  max-width: 410px;
  width: 100%;
  box-shadow: 0 10px 20px 5px #ccc !important;
  border-left: 10px solid var(--hlColor);
}
.change-password-window .x-window-tl {
  display: none;
}
.change-password-window .x-window-ml {
  padding: 0px;
}
.change-password-window .x-window-mr {
  padding: 0px;
}
.change-password-window .x-window-mc {
  padding: 0px;
}
.change-password-window .x-window-bl {
  display: none;
}
.change-password-window .x-window-body {
  margin: 50px;
}
.change-password-window .x-form-item {
  margin-bottom: 0px;
  min-height: 70px;
}
.change-password-window .title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
.change-password-window .change-password-form-panel .x-form-item-label {
  color: #222;
  font-size: 15px;
  line-height: 30px;
}
.change-password-window .change-password-form-panel .x-form-invalid-msg {
  padding: 0;
  padding-left: 0;
  padding-top: 5px;
  background: none;
  font-size: 10px;
  line-height: 14px;
  width: 100%;
}
.change-password-window .change-password-form-panel .warning {
  color: #ffae00;
}
.change-password-window .change-password-form-panel .suggestion {
  color: #179e26;
}
.change-password-window .button {
  background: var(--link1Color);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  padding: 1px;
  width: 100px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  margin-top: 30px;
}
.change-password-window .button:hover {
  background: var(--buttonBgStart);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.modal-window {
  width: 100%;
  max-width: 688px;
  min-width: var(--mainPanelMinWidth);
}
.modal-window.x-window .x-window-tl {
  background: none !important;
  padding: 24px 24px 0 24px;
}
.modal-window.x-window .x-window-tl .x-window-header-text {
  color: #2B303B;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  cursor: default;
  margin: 0;
}
.modal-window.x-window .x-window-tl .x-tool,
.modal-window.x-window .x-window-tl .x-tool-close {
  border-radius: 20px;
  font-size: 20px;
  height: 20px;
  margin: 2px 0 0 0;
  order: 1;
  width: 20px;
}
.modal-window.x-window .x-window-bwrap {
  padding: 0 24px 24px 24px;
}
.modal-window.x-window .x-window-bl {
  background: none;
  border: none;
  margin-top: 24px;
  height: 0;
}
.modal-window.x-window .x-window-ml {
  margin-top: 40px;
  padding: 0;
}
.modal-window.x-window .x-window-mr {
  padding-right: 0;
}
.modal-window.x-window .x-window-body {
  overflow-y: hidden;
}
.modal-window.x-window .x-window-bl:not(.x-panel-nofooter) .x-window-br .x-panel-btns-ct {
  margin: 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.styled-button button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 4px;
  background: #F3F4F6;
  border-radius: 1000px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #2B303B;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.terms-modal {
  z-index: 100100 !important;
}
.terms-modal ~ .ext-el-mask {
  z-index: 100101;
}
.terms-modal ~ .ext-el-mask-msg.x-fb-mask-loading {
  z-index: 100111;
}
.terms-modal ~ .cortex-alert-container {
  z-index: 101111 !important;
}
.terms-modal.ext-el-mask {
  background-image: var(--loginBgImg);
  background-color: var(--loginBgColor);
  background-repeat: var(--loginBgRepeat);
  background-position: var(--loginBgPosition);
  opacity: 1;
}
.terms-modal .terms-modal-title {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  padding-right: 10px;
  line-height: 16px;
  color: #2B303B;
  margin-bottom: 20px;
}
.terms-modal .terms-modal-content {
  border: 1px solid #94A3B8;
  border-radius: 10px;
  padding: 16px;
  height: 435px;
}
.terms-modal .terms-modal-container {
  font-family: 'Open Sans';
  font-style: normal;
  height: 435px;
  padding-right: 10px;
  overflow-y: auto;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #2B303B;
  margin-bottom: 20px;
}
@media (max-height: 700px) {
  .terms-modal .terms-modal-content {
    height: 300px;
  }
  .terms-modal .terms-modal-container {
    height: 300px;
  }
}
.terms-modal .x-panel-btns-ct table {
  width: 100%;
}
.terms-modal .x-panel-btns-ct table tr {
  display: flex;
}
.terms-modal .x-panel-btns-ct table tr td {
  flex: 1 1 100%;
}
.terms-modal .x-panel-btns-ct table tr td:first-child {
  padding: 0 !important;
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-start;
}
.terms-modal .x-panel-btns-ct table tr td:not(:first-child) {
  flex: 0 0 auto;
}
.terms-modal .x-panel-btns-ct table tr td .x-btn {
  float: none !important;
}
.terms-modal .accept-term-btn.x-hide-display {
  display: block !important;
  visibility: hidden;
}
.terms-modal .accept-term-btn button {
  background: #308CF6;
  color: #FFFFFF !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.current-user-form-panel .hit-item .list-value {
  color: #333;
  line-height: 18px;
  margin: 8px 8px 1px 0px;
}
.current-user-form-panel .link-term {
  width: 100%;
  margin-bottom: 8px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  text-decoration-line: underline;
  color: var(--link1Color) !important;
}
.current-user-form-panel .link-term:not(.x-item-disabled) {
  cursor: pointer !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.my-data-window .x-window-body {
  padding-bottom: 0;
  padding-top: 0;
  overflow-y: hidden;
}
.my-data-window .x-form-item {
  line-height: 23px;
  padding: 13px 0;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 0;
}
.my-data-window .x-form-item:first-child {
  border: 0;
  padding-top: 0px;
}
.my-data-window .x-form-item .password .ux-form-statictextfield {
  background: white;
  color: var(--link1Color);
  cursor: pointer;
}
.my-data-window .x-form-item .ux-form-statictextfield {
  float: left;
  width: auto !important;
  padding: 1px 10px !important;
  background: #ececec;
  border-radius: 5px;
  line-height: 18px;
  margin-top: 4px;
  height: auto;
}
.my-data-window .x-form-item .x-form-invalid-msg {
  float: right;
  background: none;
  text-align: right;
  padding: 0;
}
.my-data-window .x-form-item .x-form-field-wrap .ux-icon-combo-icon {
  top: 8px !important;
}
.my-data-window .x-form-item .x-form-text.x-form-field.cortex-input {
  width: 187px!important;
}
.my-data-window .x-form-item .x-form-text.x-form-field.cortex-combo {
  width: 166px!important;
}
.group-box-select .x-panel-body {
  display: flex;
}
.group-box-select .x-panel-body .x-form-field-wrap {
  flex: 1;
}
.group-box-label {
  padding: 3px 3px 3px 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.new-dynamic-card {
  box-shadow: 0px 4px 16px 0px rgba(113, 113, 122, 0.12);
  margin-bottom: 5px;
  position: initial !important;
  padding: 16px 20px;
  border-radius: var(--Spacing-x-small, 8px);
  width: 100%;
}
@media only screen and (max-width: 1430px) {
  .new-dynamic-card {
    width: -webkit-fill-available;
  }
}
@media only screen and (max-width: 870px) {
  .new-dynamic-card {
    width: initial;
  }
}
.new-dynamic-card .x-panel-nofooter .x-window-bc {
  height: 0px;
}
.new-dynamic-card .progress-bar-container {
  width: 100% !important;
  border: none !important;
  margin-top: 13px;
  margin-bottom: 13px;
  border-radius: 8px;
}
.new-dynamic-card .progress-bar-container.company-bar .x-progress-bar {
  background: #7a52e1 !important;
  border: none;
}
.new-dynamic-card .progress-bar-container.cellphone-bar .x-progress-bar {
  background: #c21efb !important;
  border: none;
}
.new-dynamic-card .progress-bar-container .x-progress-inner {
  height: 8px !important;
}
.new-dynamic-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-dynamic-card .card-header .title-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.new-dynamic-card .card-header .title-container .card-title {
  color: #2b303b;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.new-dynamic-card .card-header .credits-ratio {
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.new-dynamic-card .card-header .credits-ratio .company-consumed-credits {
  color: #5b3dad;
}
.new-dynamic-card .card-header .credits-ratio .cellphone-consumed-credits {
  color: #a212d4;
}
.new-dynamic-card .card-header .credits-ratio .total-credits-amount {
  color: #6c7993;
}
.new-dynamic-card .expire-credit-date {
  color: #6c7993;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.new-dynamic-card .x-window-tl {
  background: none !important;
  font-size: 1.2em;
  font-weight: 400;
  width: 270px;
  height: 30px !important;
  display: none;
  justify-content: flex-start;
}
.new-dynamic-card .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-window-header-text {
  font-weight: 400;
  margin-left: 15px !important;
  font-size: 12px;
  line-height: normal;
  color: var(--sl-color-neutral-600);
}
.new-dynamic-card .x-window-ml {
  padding: 0px;
}
.new-dynamic-card .x-window-ml .x-window-mr {
  padding-right: 0px;
}
.new-dynamic-card .x-window-ml .x-window-mr .x-window-mc .x-window-body {
  overflow: hidden;
}
.new-dynamic-card .x-window-body .default-info-value {
  font-family: "Open Sans" !important;
  font-size: 0.75rem;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.next-recharge-dynamic-card {
  box-shadow: 0px 4px 16px 0px rgba(113, 113, 122, 0.12);
  margin-bottom: 5px;
  position: initial !important;
  padding: 16px 20px;
  border-radius: var(--sl-spacing-x-small, 8px);
  width: 100%;
  background: var(--sl-color-neutral-100, #f3f4f6);
}
@media only screen and (max-width: 1430px) {
  .next-recharge-dynamic-card {
    width: -webkit-fill-available;
  }
}
@media only screen and (max-width: 870px) {
  .next-recharge-dynamic-card {
    width: initial;
  }
}
.next-recharge-dynamic-card .info-container {
  flex-direction: column;
  color: var(--sl-color-neutral-600, #2b303b);
  font-style: normal;
  line-height: normal;
}
.next-recharge-dynamic-card .info-container .title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.next-recharge-dynamic-card .info-container .title-container h2 {
  font-weight: normal;
}
.next-recharge-dynamic-card .info-container .company {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.next-recharge-dynamic-card .info-container .company .company-header {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.next-recharge-dynamic-card .info-container .company .company-next-recharge-value {
  color: var(--sl-color-primary-600, #5b3dad);
}
.next-recharge-dynamic-card .info-container .cellphone {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.next-recharge-dynamic-card .info-container .cellphone .cellphone-header {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.next-recharge-dynamic-card .info-container .cellphone .cellphone-next-recharge-value {
  color: #a212d4;
}
.next-recharge-dynamic-card .x-panel-nofooter .x-window-bc {
  height: 0px;
}
.next-recharge-dynamic-card .expire-credit-date {
  color: #6c7993;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.next-recharge-dynamic-card .x-window-tl {
  background: none !important;
  font-size: 1.2em;
  font-weight: 400;
  width: 270px;
  height: 30px !important;
  display: none;
  justify-content: flex-start;
}
.next-recharge-dynamic-card .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-window-header-text {
  font-weight: 400;
  margin-left: 15px !important;
  font-size: 12px;
  line-height: normal;
  color: var(--sl-color-neutral-600, #2b303b);
}
.next-recharge-dynamic-card .x-window-ml {
  padding: 0px;
}
.next-recharge-dynamic-card .x-window-ml .x-window-mr {
  padding-right: 0px;
}
.next-recharge-dynamic-card .x-window-ml .x-window-mr .x-window-mc .x-window-body {
  overflow: hidden;
}
.next-recharge-dynamic-card .x-window-body .default-info-value {
  font-family: "Open Sans" !important;
  font-size: 0.75rem;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.new-credits-control-modal {
  padding: 0 1.25rem 1.25rem 1.25rem;
}
.new-credits-control-modal .new-cards-container {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 2px;
}
.new-credits-control-modal .new-cards-container .x-progress-inner {
  border-radius: 6px;
}
.new-credits-control-modal .new-cards-container .x-progress-bar {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: var(--sl-color-primary-500, #7a52e1);
}
.new-credits-control-modal .credit-control-grid {
  margin-top: 20px;
}
.new-credits-control-modal .credit-control-grid .paging-toolbar {
  background-image: none;
}
.new-credits-control-modal .credit-control-grid .x-grid3-row {
  background-color: #ffffff;
}
.new-credits-control-modal .credit-control-grid .x-grid3-row:hover {
  background-color: var(--sl-color-gray-100);
}
.new-credits-control-modal .credit-control-grid .x-grid3-row-selected {
  background-color: var(--sl-color-gray-100) !important;
}
.new-credits-control-modal .default-card {
  z-index: 8998 !important;
  width: 32% !important;
  margin-bottom: 5px;
  box-shadow: none;
  position: relative !important;
  top: 5px !important;
  left: 0 !important;
}
.new-credits-control-modal .x-panel-noborder .x-panel-header-noborder {
  border-bottom: none !important;
}
.new-credits-control-modal .default .x-window-tr .x-window-tc .x-window-header,
.new-credits-control-modal .danger .x-window-tr .x-window-tc .x-window-header,
.new-credits-control-modal .success .x-window-tr .x-window-tc .x-window-header {
  display: flex;
  flex-direction: row;
}
.new-credits-control-modal .default .x-window-tr .x-window-tc .x-window-header .x-window-header-text,
.new-credits-control-modal .danger .x-window-tr .x-window-tc .x-window-header .x-window-header-text,
.new-credits-control-modal .success .x-window-tr .x-window-tc .x-window-header .x-window-header-text {
  margin-top: 15px !important;
}
.new-credits-control-modal .default .x-window-bwrap .x-window-ml,
.new-credits-control-modal .danger .x-window-bwrap .x-window-ml,
.new-credits-control-modal .success .x-window-bwrap .x-window-ml {
  margin-top: 0px;
  padding: 0px;
}
.new-credits-control-modal .default-info > div {
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
  margin-left: 0px;
  font-size: 12px;
  font-weight: 400;
  font-family: "Open Sans";
}
.new-credits-control-modal .default-info-value {
  font-size: 1em;
  font-weight: bold;
}
.new-credits-control-modal .default-info-value > div {
  text-align: right;
  height: 15px;
  padding-top: 3px;
}
.new-credits-control-modal .info-value-date {
  font-weight: 400;
  padding-top: 1px !important;
  padding-bottom: 8px;
  color: #000;
}
.new-credits-control-modal .default-info-value-danger {
  color: #ec1c24;
}
.new-credits-control-modal .default-info-value-success {
  color: #4cc51c;
}
.new-credits-control-modal .svg-circle {
  position: absolute;
  margin-top: -6.5px;
  margin-left: -7px;
}
.new-credits-control-modal .svg-circle svg {
  fill: #d7c103;
}
.new-credits-control-modal .x-panel-header {
  background: none;
  font-size: 1.2em;
  font-weight: 400;
}
.new-credits-control-modal .download-link {
  cursor: pointer;
}
.new-credits-control-modal .download-link svg {
  pointer-events: none;
  fill: var(--sl-color-primary-500);
}
.new-credits-control-modal table tr {
  border-right: 1px solid #ededed !important;
}
.new-credits-control-modal .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
  height: 440px !important;
}
.new-credits-control-modal .x-grid3-scroller {
  height: auto !important;
}
.new-credits-control-modal .x-grid3-header-inner {
  width: 100% !important;
  font-size: 0.75rem;
}
.new-credits-control-modal .x-grid3-cell-inner {
  font-family: "Open Sans";
  font-size: 0.75rem;
}
.new-credits-control-modal .x-grid3-header table .x-grid3-hd-inner {
  color: var(--sl-color-neutral-600, #2b303b);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.credit-control-data-window {
  width: 100%;
  max-width: 1248px;
  min-width: 600px;
}
@media only screen and (max-width: 870px) {
  .credit-control-data-window .cards-container,
  .credit-control-data-window .new-cards-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 870px) {
  .credit-control-data-window .default-card {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.new-credit-control-data-window .x-window-tl {
  padding: 1.25rem 1.25rem 1.5rem 1.25rem;
}
.new-credit-control-data-window .x-window-tl .x-window-header-text {
  color: var(--sl-color-neutral-600, #2b303b);
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 700;
  margin: 0px 0 0 10px !important;
}
.new-credit-control-data-window .x-tool-close {
  font-size: 16px !important;
  width: 32px;
  height: 32px;
  margin: 0 -10px 0 0 !important;
}
.new-credit-control-data-window.no-title-window .x-tool-close {
  background-color: #ffffff;
  color: var(--hlColor);
}
.new-credit-control-data-window.no-title-window ~ .x-panel-ghost {
  height: 716px;
}
.new-credit-control-data-window.no-title-window ~ .x-panel-ghost .x-window-header-text {
  color: var(--sl-color-neutral-600, #2b303b);
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 700;
  margin: -35px 0 0 28px;
}
.new-credit-control-data-window.no-title-window ~ .x-panel-ghost .x-tool-close {
  background-color: #ffffff;
  color: var(--hlColor);
  font-size: 16px;
  margin: 20px 10px 0 0;
  width: 32px;
  height: 32px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.platform-data-window {
  min-height: 605px;
  display: flex !important;
}
.platform-data-window .copy-clipboard {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.platform-data-window .x-window-tl {
  width: 25px;
  position: absolute;
  right: 6px;
  z-index: 999;
}
.platform-data-window .x-tab-panel-header {
  padding-bottom: 9px;
}
.platform-data-window .x-grid3-scroller {
  width: calc(100% + 2px) !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.top-menu-new-document-window-overlay .notification-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  cursor: default;
}
.top-menu-new-document-window,
.welcome-menu-window {
  font-family: 'Open Sans', sans-serif;
  background-color: #fff;
  border: none;
  position: absolute;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  animation: fadein 0.4s ease;
  font-size: 12px;
  z-index: 10001;
  width: 225px;
}
.top-menu-new-document-window .slimScrollDiv,
.welcome-menu-window .slimScrollDiv {
  position: static !important;
}
.top-menu-new-document-window .scroll-container,
.welcome-menu-window .scroll-container {
  min-height: 30px;
  max-height: 70%;
  height: auto !important;
}
.top-menu-new-document-window .menu-item,
.welcome-menu-window .menu-item {
  color: #444;
  padding: 10px;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
  transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.top-menu-new-document-window .menu-item:hover,
.welcome-menu-window .menu-item:hover {
  color: var(--link2Color);
  background: #f8f8f8 !important;
}
.top-menu-new-document-window .menu-item:first-child,
.welcome-menu-window .menu-item:first-child {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: none;
}
.top-menu-new-document-window .menu-item:last-child,
.welcome-menu-window .menu-item:last-child {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.top-menu-new-document-window .menu-item.duplicate,
.welcome-menu-window .menu-item.duplicate {
  color: var(--link2Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.top-menu-notification-window-overlay .notification-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  cursor: default;
}
.top-menu-notification-window {
  font-family: 'Open Sans', sans-serif;
  background-color: #fff;
  border: none;
  position: absolute;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  animation: fadein 0.4s ease;
  font-size: 12px;
  z-index: 10001;
  width: 400px;
  cursor: default;
  padding-bottom: 16px;
  min-height: 140px;
}
.top-menu-notification-window .slimScrollDiv {
  position: static !important;
}
.top-menu-notification-window .scroll-container {
  min-height: 30px;
  max-height: 70%;
  height: auto !important;
}
.top-menu-notification-window:not([data-count="0"]) .no-content {
  display: none;
}
.top-menu-notification-window[data-count="0"] .no-content .no-content-text {
  color: var(--neutral-500, #6C7993);
  font-size: 12px;
  text-align: center;
  padding: 16px;
}
.top-menu-notification-window[data-count="0"] .info-ct .clear-all {
  color: var(--color-neutral-400, #94A3B8);
  cursor: default;
}
.top-menu-notification-window .info-ct {
  padding: 20px 20px 10px 20px;
  display: flex;
  align-items: center;
}
.top-menu-notification-window .info-ct .description {
  font-weight: bold;
  font-size: x-large;
  flex: 1 1 100%;
}
.top-menu-notification-window .info-ct .clear-all {
  font-size: 14px;
  color: var(--link1Color);
  cursor: pointer;
  flex: 0 0 auto;
}
.top-menu-notification-window .menu-content .menu-item-close .menu-item-close-icon {
  cursor: pointer;
}
.top-menu-notification-window .menu-content .menu-item-close .menu-item-close-icon svg {
  width: 16px;
  height: 16px;
}
.top-menu-notification-window .menu-content .menu-item-close .menu-item-close-icon svg path {
  fill: #6C7993;
}
.top-menu-notification-window .menu-content .menu-item-unread {
  margin-top: 5px;
}
.top-menu-notification-window .menu-content .menu-item-unread .menu-item-unread-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--link1Color);
}
.top-menu-notification-window .menu-content .menu-item-title {
  display: flex;
}
.top-menu-notification-window .menu-content .menu-item-title .menu-item-title-text {
  font-weight: bold;
  font-size: 14px;
  text-wrap: wrap;
  cursor: pointer;
}
.top-menu-notification-window .menu-content .menu-item-title .menu-item-icon {
  margin-left: 4px;
}
.top-menu-notification-window .menu-content .menu-item-msg {
  font-size: 12px;
  color: #666;
  margin-top: 2px;
  text-wrap: wrap;
  cursor: pointer;
}
.top-menu-notification-window .menu-content .menu-item-date {
  font-size: 12px;
  color: var(--link1Color);
  padding-top: 10px;
}
.top-menu-notification-window .menu-content .menu-item-action {
  cursor: pointer;
}
.top-menu-notification-window .menu-content .menu-item-action svg {
  fill: var(--link1Color);
  width: 20px;
  height: 20px;
}
.top-menu-notification-window .menu-item {
  display: flex;
  color: #444;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  margin: 10px 20px;
  background: var(--neutral-100, #F3F4F6);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.top-menu-notification-window .menu-item .menu-item-left {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 20px;
}
.top-menu-notification-window .menu-item .menu-item-center {
  flex: 1 1 100%;
  min-width: 1px;
}
.top-menu-notification-window .menu-item .menu-item-right {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 20px;
}
.top-menu-notification-window .menu-item .menu-item-right .menu-item-spacer {
  flex: 1 1 100%;
}
.top-menu-notification-window .menu-item:not([data-expanded="true"]) .menu-item-center .menu-item-title-text,
.top-menu-notification-window .menu-item:not([data-expanded="true"]) .menu-item-center .menu-item-msg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-menu-notification-window .menu-item[data-type="success"] .menu-item-icon svg path {
  fill: #0BC2B4;
}
.top-menu-notification-window .menu-item[data-type="warning"] .menu-item-icon svg path {
  fill: #FB991E;
}
.top-menu-notification-window .menu-item[data-type="danger"] .menu-item-icon svg path {
  fill: #EF2D57;
}
.top-menu-notification-window .menu-item[data-read="true"] .menu-item-unread {
  display: none;
}
.top-menu-notification-window .menu-item[data-read="true"] .menu-item-date {
  color: var(--neutral-400, #94A3B8);
}
.top-menu-notification-window .menu-item[data-read="true"] .menu-item-center {
  opacity: 0.7;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
:root {
  --sl-color-primary-600: var(--link1Color) !important;
}
.header-cortex {
  width: auto !important;
  z-index: unset !important;
  box-sizing: border-box;
}
.header-cortex::before,
.header-cortex::after {
  box-sizing: inherit;
}
.header-cortex .notification-icon-ct {
  display: flex;
  height: 100%;
  align-items: center;
}
.header-cortex .notification-icon-ct svg path {
  stroke: var(--link1Color);
}
.header-cortex .header-search {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.header-cortex .header-search .header-search-box .x-form-field {
  background: var(--sl-color-neutral-50) !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--sl-spacing-x-small) var(--sl-spacing-small) !important;
  gap: var(--sl-spacing-x-small) !important;
  height: 37px !important;
  width: 356px !important;
  left: 2px !important;
  top: 2px !important;
  border-radius: var(--sl-border-radius-pill) !important;
  border-color: var(--sl-color-neutral-200) !important;
  border-right: 1px solid var(--sl-color-neutral-200) !important;
  line-height: var(--sl-font-size-small) !important;
  color: var(--sl-color-neutral-600) !important;
  font-size: 14px !important;
}
.header-cortex .header-search .header-search-box .x-form-field::placeholder {
  font-size: 14px !important;
  font-family: var(--sl-font-sans) !important;
}
.header-cortex .header-search .header-search-box .x-form-field:hover {
  border: 1px solid var(--link1Color) !important;
}
.header-cortex .header-search .header-search-box .x-form-field:focus {
  border: 1px solid var(--link1Color) !important;
}
.header-cortex .header-search .search-bar-icon {
  font-size: 1.5em;
  color: var(--sl-color-neutral-500) !important;
  position: absolute;
  margin-left: 300px;
}
.header-cortex .header-panel-menu-wrapper {
  display: flex;
  gap: 24px;
  justify-content: space-around;
  height: 40px !important;
  margin-left: auto;
  margin-right: 24px;
}
.header-cortex .header-panel-menu-wrapper .tooltip-container::part(body) {
  font-size: 12px;
  border-radius: var(--sl-border-radius-large);
  padding: 4px 8px;
  line-height: 16px;
  background: var(--sl-color-neutral-600);
}
.header-cortex .menu-item-container {
  display: flex;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--sl-border-radius-large) !important;
  border: 0.5px solid var(--sl-color-neutral-200) !important;
  cursor: pointer;
}
.header-cortex .menu-item-container:hover {
  background: var(--sl-color-neutral-100) !important;
}
.header-cortex .menu-item-container:hover .header-menu-item-icon,
.header-cortex .menu-item-container:hover .header-notification-icon {
  color: var(--link1Color) !important;
}
.header-cortex .menu-item-container .header-menu-item-icon::part(base),
.header-cortex .menu-item-container .header-notification-icon::part(base) {
  outline: none !important;
}
.header-cortex .menu-item-container .header-menu-item-icon {
  display: flex;
  align-self: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--link1Color) !important;
  border-color: var(--sl-color-neutral-300) !important;
}
.header-cortex .menu-item-container .header-notification-icon {
  display: flex;
  align-self: center;
  justify-content: center;
  color: var(--link1Color) !important;
  border-color: var(--sl-color-neutral-300) !important;
}
.header-cortex .menu-item-container .header-notification-icon sl-icon {
  font-size: 1rem;
}
.header-cortex .menu-item-container .tooltip-container::part(body) {
  font-size: 12px;
  border-radius: var(--sl-border-radius-large);
  padding: 4px 8px;
  line-height: 16px;
  background: var(--sl-color-neutral-600);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.orientation-warning-window .x-window-ml {
  padding: 20px 10px 10px 20px;
}
.orientation-warning-window .content-wrap .portrait-landscape-image {
  margin-top: 10px;
}
.orientation-warning-window .content-wrap .portrait-landscape-text {
  line-height: 19px;
}
.orientation-warning-window .remember-wrap {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.orientation-warning-window .remember-wrap .remember-text {
  margin-left: 5px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .orientation-warning-window .remember-wrap .remember-text {
    line-height: 20px;
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.invalid-url-window .text {
  font-size: 12px;
}
.invalid-url-window .icon {
  font-size: 15px;
  width: 23px;
  height: 15px;
  color: #cb0000;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.result-document-viewer {
  margin: 25px auto;
  width: 80%;
}
.result-document-viewer .full-hit-ct .hit-title {
  color: #111111;
  text-decoration: none !important;
  cursor: text;
}
.result-document-viewer .vertical-actions {
  height: auto;
  padding-bottom: 15px;
  margin-top: 35px;
  border-radius: 3px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
body.screenshot-mode {
  -webkit-print-color-adjust: exact !important;
}
body.screenshot-mode .header-container {
  display: none;
}
body.screenshot-mode .main-panel-ct {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.screenshot-mode .x-dashboard-main-section {
  margin: 0 !important;
}
body.screenshot-mode .tsqd-parent-container,
body.screenshot-mode .trigger.x-column,
body.screenshot-mode .floating-draggable-menu-item,
body.screenshot-mode .leaflet-control-zoom {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.guide-nav {
  background-color: #f8f8f8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}
.guide-nav li {
  height: 19px;
  line-height: 19px;
  cursor: pointer;
  white-space: nowrap;
  float: left;
}
.guide-nav li:first-child {
  border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  -khtml-border-radius: 4px 0px 0px 4px;
}
.guide-nav li.x-clear {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  float: none;
}
.guide-nav-item {
  color: #404040;
  background-color: #eaeaea;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.guide-nav-item.no-link {
  cursor: default;
}
.guide-nav-item:hover {
  color: #473;
}
.guide-nav-item.no-link:hover {
  color: #404040;
}
.guide-nav-active-item {
  color: var(--link2Color);
  padding-left: 10px;
  padding-right: 10px;
}
.guide-nav-separator {
  cursor: default;
  width: 9px;
  height: 19px;
  background: transparent url(../images/components/consumption/guide-nav-separator.png) no-repeat;
}
.guide-nav-active-separator {
  cursor: default;
  width: 7px;
  height: 19px;
  background: transparent url(../images/components/consumption/guide-nav-active-separator.png) no-repeat;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.icons-preview-panel .x-window-body {
  height: 700px !important;
}
.icons-preview-panel .x-tab-panel-body {
  overflow: auto;
}
.icons-preview-panel .tab-body {
  height: auto !important;
}
.icons-preview-panel .content-ct {
  display: flex;
  flex-wrap: wrap;
}
.icons-preview-panel .content-ct .item {
  flex: 1 1 120px;
  background-color: #fbfbfb;
  border-radius: 4px;
  margin: 5px;
  padding: 0 10px 10px 10px;
  min-width: 100px;
}
.icons-preview-panel .content-ct .item .title-ct {
  text-align: center;
  margin-top: 4px;
  margin-bottom: 8px;
  color: #363636;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
}
.icons-preview-panel .content-ct .item .preview-ct {
  width: 100%;
  margin: 0 auto;
  padding: 2px;
  text-align: center;
}
.icons-preview-panel .content-ct .item .preview-ct svg {
  height: 48px;
  width: 48px;
  fill: var(--link2Color);
  color: var(--link2Color);
}
.icons-preview-panel .content-ct .item .preview-ct .font-icon {
  font-size: 42px;
  text-align: center;
  color: var(--link2Color);
  margin-bottom: 4px;
}
.icons-preview-panel .content-ct .item .name-ct {
  text-align: center;
  margin-top: 8px;
}
.icons-preview-panel .content-ct .item .name-ct input {
  width: calc(100% - 10px);
  text-align: center;
}
.icons-preview-panel .content-ct .item code {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  color: #666;
  padding: 2px 4px;
  margin-bottom: 2px;
  display: block;
  overflow-wrap: break-word;
  text-align: center;
}
.icons-preview-panel .content-ct .item .code2 {
  margin-top: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mandrill-export-panel .group {
  margin-top: 20px;
  background-color: #f1f1f1;
  border: 1px #dadada solid;
}
.mandrill-export-panel .form-group {
  display: flex;
}
.mandrill-export-panel .form-group .x-form-field-wrap {
  margin-right: 10px;
}
.mandrill-export-panel .date-label {
  align-self: center;
  margin-right: 10px;
}
.mandrill-export-panel .header-ct {
  display: flex;
  background-color: #dddddd;
  padding: 12px;
  border: 1px #dadada solid;
}
.mandrill-export-panel .header-ct .entry-key {
  font: bold 12px Arial, Helvetica;
  color: #333;
  flex: 1 1 100%;
  align-self: center;
}
.mandrill-export-panel .header-ct .icon-refresh-grid {
  font-size: 16px;
  cursor: pointer;
}
.mandrill-export-panel .content {
  padding: 14px;
}
.mandrill-export-panel .entries,
.mandrill-export-panel .empty {
  padding: 10px;
}
.mandrill-export-panel .entries .item,
.mandrill-export-panel .empty .item {
  display: flex;
}
.mandrill-export-panel .entries .item:not(:last-child),
.mandrill-export-panel .empty .item:not(:last-child) {
  margin-bottom: 10px;
}
.mandrill-export-panel .entries .item .key,
.mandrill-export-panel .empty .item .key {
  font-weight: bold;
  margin-right: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.add-terms-modal {
  z-index: 9100 !important;
}
.add-terms-modal .terms-modal-title {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  padding-right: 10px;
  line-height: 16px;
  color: #2B303B;
  margin-bottom: 20px;
}
.add-terms-modal .terms-modal-content {
  height: 435px;
}
.add-terms-modal .terms-modal-container {
  font-family: 'Open Sans';
  font-style: normal;
  height: 435px;
  padding-right: 10px;
  overflow-y: auto;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #2B303B;
  margin-bottom: 20px;
}
.add-terms-modal .x-panel-btns-ct table {
  width: 100%;
}
.add-terms-modal .x-panel-btns-ct table tr {
  display: flex;
}
.add-terms-modal .x-panel-btns-ct table tr td {
  flex: 1 1 100%;
}
.add-terms-modal .x-panel-btns-ct table tr td:first-child {
  padding: 0 !important;
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-start;
}
.add-terms-modal .x-panel-btns-ct table tr td:not(:first-child) {
  flex: 0 0 auto;
}
.add-terms-modal .x-panel-btns-ct table tr td .x-btn {
  float: none !important;
}
.add-terms-modal .save-btn button {
  background: #308CF6;
  color: #FFFFFF !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.terms-form-panel .x-grid3-cell-inner svg {
  width: 15px;
  height: 15px;
  fill: var(--buttonBgStart);
  cursor: pointer;
  margin-right: 10px;
}
.terms-form-panel .btn-icon {
  font-size: 16px;
  color: var(--buttonBgStart);
  cursor: pointer;
  margin-right: 10px;
}
.terms-form-panel .form-group {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.terms-form-panel .form-group .x-form-field-wrap,
.terms-form-panel .form-group .form-item {
  margin-right: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.operations-panel {
  padding: 0px 10px 10px 10px;
}
.operations-panel .menu-item {
  background: #ddd;
  margin-bottom: 5px;
  line-height: 20px;
  cursor: pointer;
  border-radius: 5px;
  padding: 5px;
  color: var(--link1Color);
}
.operations-panel .menu-item:first-of-type {
  background: #ccc;
}
.operations-panel .menu-item:last-of-type {
  margin-bottom: 0;
}
.operations-panel .x-fb-mask-loading div {
  width: auto;
}
.operations-panel .x-form-cb-label {
  position: relative;
  top: -3px;
}
.operations-panel .refresh .x-form-check-wrap {
  line-height: 30px;
}
.export-type-container {
  margin-right: 1em;
}
.export-type-item {
  margin-top: 0.2em;
  margin-right: 0.3em;
  font-size: 12px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.ldap-settings-window .x-window-body {
  position: static !important;
}
.ldap-settings-window .restore {
  position: absolute;
  bottom: 12px;
  left: 11px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.ldap-settings-window .restore:hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
p.paragraph-cortex {
  font-size: var(--sl-font-size-small, 14px);
  color: var(--sl-color-neutral-700, #555);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.user-grid-panel .disabled-row .icon-grid-collapse {
  color: #a0a0a0;
}
.user-grid-panel .disabled-row .icon-grid-expand {
  color: #a0a0a0;
}
.user-grid-panel .disabled-row .x-grid3-cell-inner {
  color: #a0a0a0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.group-window .guide-label {
  line-height: 20px;
}
.group-window .icon-tutorial {
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  padding: 0 10px 0 0;
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.group-grid-panel .native-group-cell {
  display: flex;
  align-items: center;
}
.group-grid-panel .native-group-cell .info-native-group {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: -4px;
}
.group-grid-panel .native-group-cell .info-native-group svg g path {
  fill: #308cf6 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.role-window {
  max-height: 90%;
}
.role-window .x-panel-body {
  max-height: calc(90vh - 120px);
}
.role-window .x-window-ml {
  padding: 5px 0px 0px 10px;
}
.role-window .x-window-body {
  padding: 0 !important;
}
.role-window .x-window-body .x-panel .x-panel-bwrap .x-panel-body {
  padding: 0px 10px 10px 10px;
  overflow-y: auto;
}
.role-window .x-form-item {
  display: flex;
}
.role-window .x-form-item .x-form-item-label {
  flex: 1 1 68%;
}
.role-window .x-form-item .x-form-element {
  padding-left: 0 !important;
  flex: 1 1 100%;
  min-width: 1px;
  display: flex;
}
.role-window .x-form-item .x-form-element input {
  flex: 1 1 100%;
  min-width: 1px;
}
.role-window .x-form-item .x-form-element .x-form-field-wrap {
  flex: 1 1 100%;
  min-width: 1px;
}
.role-window .x-form-item .x-form-clear-left {
  display: none;
}
.role-window .label {
  font: 11px/20px Arial;
  vertical-align: middle;
  margin-top: 10px;
}
.role-window .label.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.role-window .label .icon-tutorial {
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: var(--link1Color);
  margin-left: 3px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.role-grid-panel .native-role-cell {
  display: flex;
  align-items: center;
}
.role-grid-panel .native-role-cell .info-native-role {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: -4px;
}
.role-grid-panel .native-role-cell .info-native-role svg g path {
  fill: #308cf6 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tab-admin-USERS {
  background: url(../images/icons/user.png) 0 4px no-repeat !important;
}
.tab-admin-GROUPS {
  background: url(../images/icons/group.png) 0 4px no-repeat !important;
}
.tab-admin-ROLES {
  background: url(../images/icons/role.png) 0 4px no-repeat !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.recurrents-panel {
  margin-bottom: 10px;
}
.recurrents-panel .header-items {
  position: relative;
  bottom: 5px;
  border-bottom: 1px solid #d0d0d0;
  border-bottom: 1px dotted #d7d7d7;
  margin-bottom: 10px;
  height: 22px;
}
.recurrents-panel .header-items .toggle-button-items {
  float: right;
  width: 100px;
  position: relative;
  left: 2px;
}
.recurrents-panel .header-items .toggle-button-items .toggle-button-label {
  text-align: right;
  line-height: 23px;
  width: 70px;
  position: relative;
  right: 3px;
}
.recurrents-panel .header-items .toggle-button-items .cortex-round-toggle-off-button {
  margin: 4px 0px 4px 0px;
  width: 30px;
  height: 15px;
}
.recurrents-panel .header-items .title-label {
  line-height: 23px;
  font-weight: 700;
  font-size: 11px;
  color: #333;
  width: 163px;
}
.recurrents-panel .body-items .field-label {
  line-height: 23px;
  width: 100px;
}
.recurrents-panel .body-items .recurrence-ct .x-form-field-wrap {
  width: calc(100% - 102px) !important;
}
.recurrents-panel .body-items .recurrence-ct .x-form-field-wrap .recurrence-item {
  width: 100% !important;
}
.recurrents-panel .body-items .x-column {
  margin-bottom: 10px;
}
.recurrents-panel .body-items .x-form-field {
  width: calc(100% - 110px);
}
.recurrents-panel .x-panel-ml {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.recurrents-panel .x-panel-ml .x-panel-mr {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.recurrents-panel .x-panel-ml .x-panel-mr .x-panel-body {
  padding: 5px 5px 0px 5px;
}
.recurrents-panel .x-panel-ml .x-panel-mr .x-panel-body .x-panel-body-noheader {
  padding: 0px;
}
.recurrents-panel .x-panel-ml .x-panel-mr .x-panel-body .x-panel-btns-ct {
  padding: 0px;
}
.recurrents-panel .x-panel-footer .x-panel-btns .x-form-check-wrap .x-form-checkbox {
  position: absolute;
  bottom: 7px;
  left: 4px;
}
.recurrents-panel .x-panel-footer .x-panel-btns .x-form-check-wrap .x-form-cb-label {
  line-height: 23px;
  position: absolute;
  bottom: 2px;
  left: 20px;
}
.recurrents-panel .done-icon {
  position: relative;
  top: 2px;
  right: 5px;
}
.recurrents-panel .button {
  width: 100px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.transactions-panel .body-items .x-form-field {
  width: calc(100% - 11px) !important;
}
.transactions-panel .body-items .x-form-item label {
  width: 100px;
}
.transactions-panel .body-items .type-item {
  width: 80px !important;
}
.transactions-panel .body-items .description-item {
  margin-bottom: 10px;
}
.transactions-panel .button {
  width: 100px !important;
}
.transactions-panel .x-panel-body {
  padding: 5px 5px 0px 5px;
}
.transactions-panel .x-panel-body .x-panel-body-noheader {
  padding: 0px;
}
.transactions-panel .x-panel-body .x-panel-btns-ct {
  padding: 0px;
}
.transactions-panel .cortex-combo-wrap {
  width: calc(100% - 3px) !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.credit-panel .main-body-items {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .credit-panel .main-body-items {
    flex-direction: column;
  }
}
.credit-panel .main-body-items .main-first-column {
  flex: 1 2 100%;
  min-width: 410px;
  max-width: 1143px;
  /*TODO: Remover após aprovação das issues PLAT-9463 e PLAT-9465*/
  /*TODO: Remover após aprovação das issues PLAT-9463 e PLAT-9465*/
}
@media only screen and (max-width: 1024px) {
  .credit-panel .main-body-items .main-first-column {
    /*TODO: Remover após aprovação das issues PLAT-9463 e PLAT-9465*/
  }
  .credit-panel .main-body-items .main-first-column .recurrent-panel {
    margin-right: 10px !important;
  }
  .credit-panel .main-body-items .main-first-column .recurrents-panel {
    margin-right: 10px !important;
  }
  .credit-panel .main-body-items .main-first-column .transaction-panel {
    margin-right: 10px !important;
  }
}
.credit-panel .main-body-items .main-first-column .recurrent-panel {
  margin-bottom: 20px;
  margin-right: 20px;
}
.credit-panel .main-body-items .main-first-column .recurrents-panel {
  margin-bottom: 20px;
  margin-right: 20px;
}
.credit-panel .main-body-items .main-first-column .transaction-panel {
  margin-bottom: 20px;
  margin-right: 20px;
}
.credit-panel .main-body-items .main-first-column .transactions-panel {
  margin-bottom: 20px;
  margin-right: 20px;
}
.credit-panel .main-body-items .main-last-column {
  flex: 1 1 100%;
  min-width: 400px;
}
.credit-panel .main-body-items .main-last-column .x-panel-header {
  background: #ffffff;
}
@media only screen and (max-width: 1430px) {
  .credit-panel .main-body-items .main-last-column .cards-container,
  .credit-panel .main-body-items .main-last-column .new-cards-container {
    flex-direction: column;
  }
}
.credit-panel .main-body-items .main-last-column .default-card {
  top: 0px !important;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1430px) {
  .credit-panel .main-body-items .main-last-column .default-card {
    width: 100% !important;
    margin-bottom: 10px;
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.theme-image-picker .file-item {
  height: 22px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
  overflow: hidden;
  min-width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-image-picker .file-item .file-name {
  color: #616161;
  margin-left: 10px;
  flex: 1 1 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.theme-image-picker .file-item .icon-close {
  color: #B6B6B6;
  font-size: 14px;
  cursor: pointer;
  flex: 0 0 21px;
}
.theme-image-picker .warning-message {
  color: #B1B4B4;
}
.theme-image-picker .cortex-btn-light {
  margin-left: -8px;
}
.theme-image-picker .upload-button {
  width: 130px !important;
  margin-right: 2px;
}
.theme-image-picker .upload-button button {
  width: 108px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.theme-color-picker .pcr-interaction input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.theme-color-picker .pcr-interaction .pcr-type.active,
.theme-color-picker .pcr-interaction .pcr-save {
  background: var(--buttonBgStart);
  color: var(--buttonColor);
}
.theme-color-picker .pcr-interaction .pcr-type.active:hover,
.theme-color-picker .pcr-interaction .pcr-save:hover {
  background: var(--buttonBgMiddle);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mail-theme-settings-panel .field-label {
  line-height: 23px;
}
.mail-theme-settings-panel .help-message {
  padding-top: 5px;
  color: #888;
}
.mail-theme-settings-panel .x-btn-wrap.x-btn {
  padding-top: 1px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.theme-settings-panel .content-ct {
  display: flex;
}
.theme-settings-panel .content-ct .first-column {
  flex: 0 0 245px;
  min-width: 245px;
}
.theme-settings-panel .content-ct .sep-column {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.theme-settings-panel .content-ct .last-column {
  flex: 1 1 100%;
  min-width: 0;
}
.theme-settings-panel input.centered {
  text-align: center;
}
.theme-settings-panel .field-label {
  line-height: 23px;
}
.theme-settings-panel .box {
  width: 55px;
  height: 62px;
  margin-right: 1px;
  text-align: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.theme-settings-panel .box.last {
  margin-right: 0px;
}
.theme-settings-panel .box .text-field {
  border: 1px solid #b5b8c8;
  background: #fff;
  color: #000;
  line-height: 20px;
  height: 20px;
  width: 42px;
  padding: 0px;
  margin: 10px 0px 6px;
  padding-left: 5px;
}
.theme-settings-panel .box label {
  color: #666;
  width: 50px;
  display: block;
  text-align: center;
}
.theme-settings-panel .related-view {
  padding-left: 10px;
  background: #f4f4f4;
  color: #888;
  height: 40px;
}
.theme-settings-panel .related-view .panel-related-view {
  padding-top: 13px;
  padding-left: 5px;
}
.theme-settings-panel .related-view .checkbox-related-view {
  margin-top: 13px;
}
.theme-settings-panel .separator {
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 18px;
}
.theme-settings-panel .separator:not(.first) {
  padding-top: 35px;
}
.theme-settings-panel .bottom-warning-ct {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-settings-panel .bottom-warning-ct .icon-ct {
  flex: 0 0 50px;
}
.theme-settings-panel .bottom-warning-ct .text-ct {
  flex: 1 1 100%;
}
.theme-settings-panel .bottom-warning-ct .bottom-warning {
  font-size: 25px;
  color: #ffae00;
}
.theme-settings-panel .nav-panel .left {
  float: left;
  width: 50%;
}
.theme-settings-panel .nav-panel .right {
  float: right;
  width: 50%;
}
.theme-settings-panel .nav-panel .bottom {
  float: left;
}
.theme-settings-panel .x-column {
  overflow: visible;
}
.theme-settings-panel .right-color-label {
  line-height: 23px;
  margin-right: 10px;
}
.theme-settings-panel .top-color-label {
  padding-bottom: 5px;
}
.theme-settings-panel .locale-content {
  display: flex;
}
.theme-settings-panel .locale-content .cortex-input {
  flex: 1;
}
.theme-settings-panel .column-auto-width .x-column-inner {
  width: auto !important;
}
.cortex-panel .x-panel .x-panel-header,
.cortex-panel .x-panel .x-panel-tl,
.cortex-panel .x-panel .x-panel-tr,
.cortex-panel .x-panel .x-panel-tc,
.cortex-panel .x-panel .x-panel-bc,
.cortex-panel .x-panel .x-panel-mr,
.cortex-panel .x-panel .x-panel-ml,
.cortex-panel .x-panel .x-panel-mc,
.cortex-panel .x-panel .x-panel-br,
.cortex-panel .x-panel .x-panel-bl {
  background: #f8f8f8;
}
.cortex-panel .x-panel .x-panel-header.x-panel-header,
.cortex-panel .x-panel .x-panel-tl.x-panel-header,
.cortex-panel .x-panel .x-panel-tr.x-panel-header,
.cortex-panel .x-panel .x-panel-tc.x-panel-header,
.cortex-panel .x-panel .x-panel-bc.x-panel-header,
.cortex-panel .x-panel .x-panel-mr.x-panel-header,
.cortex-panel .x-panel .x-panel-ml.x-panel-header,
.cortex-panel .x-panel .x-panel-mc.x-panel-header,
.cortex-panel .x-panel .x-panel-br.x-panel-header,
.cortex-panel .x-panel .x-panel-bl.x-panel-header {
  margin: 5px;
}
.cortex-panel .x-panel .x-panel-header.x-panel-tl,
.cortex-panel .x-panel .x-panel-tl.x-panel-tl,
.cortex-panel .x-panel .x-panel-tr.x-panel-tl,
.cortex-panel .x-panel .x-panel-tc.x-panel-tl,
.cortex-panel .x-panel .x-panel-bc.x-panel-tl,
.cortex-panel .x-panel .x-panel-mr.x-panel-tl,
.cortex-panel .x-panel .x-panel-ml.x-panel-tl,
.cortex-panel .x-panel .x-panel-mc.x-panel-tl,
.cortex-panel .x-panel .x-panel-br.x-panel-tl,
.cortex-panel .x-panel .x-panel-bl.x-panel-tl {
  border-width: 0;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.cortex-panel .x-panel .x-panel-header.x-panel-bl,
.cortex-panel .x-panel .x-panel-tl.x-panel-bl,
.cortex-panel .x-panel .x-panel-tr.x-panel-bl,
.cortex-panel .x-panel .x-panel-tc.x-panel-bl,
.cortex-panel .x-panel .x-panel-bc.x-panel-bl,
.cortex-panel .x-panel .x-panel-mr.x-panel-bl,
.cortex-panel .x-panel .x-panel-ml.x-panel-bl,
.cortex-panel .x-panel .x-panel-mc.x-panel-bl,
.cortex-panel .x-panel .x-panel-br.x-panel-bl,
.cortex-panel .x-panel .x-panel-bl.x-panel-bl {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.cortex-panel .x-panel .x-panel-header.x-panel-br,
.cortex-panel .x-panel .x-panel-tl.x-panel-br,
.cortex-panel .x-panel .x-panel-tr.x-panel-br,
.cortex-panel .x-panel .x-panel-tc.x-panel-br,
.cortex-panel .x-panel .x-panel-bc.x-panel-br,
.cortex-panel .x-panel .x-panel-mr.x-panel-br,
.cortex-panel .x-panel .x-panel-ml.x-panel-br,
.cortex-panel .x-panel .x-panel-mc.x-panel-br,
.cortex-panel .x-panel .x-panel-br.x-panel-br,
.cortex-panel .x-panel .x-panel-bl.x-panel-br {
  border-bottom-right-radius: 8px;
}
.cortex-panel .x-panel .x-panel-header.x-panel-tr,
.cortex-panel .x-panel .x-panel-tl.x-panel-tr,
.cortex-panel .x-panel .x-panel-tr.x-panel-tr,
.cortex-panel .x-panel .x-panel-tc.x-panel-tr,
.cortex-panel .x-panel .x-panel-bc.x-panel-tr,
.cortex-panel .x-panel .x-panel-mr.x-panel-tr,
.cortex-panel .x-panel .x-panel-ml.x-panel-tr,
.cortex-panel .x-panel .x-panel-mc.x-panel-tr,
.cortex-panel .x-panel .x-panel-br.x-panel-tr,
.cortex-panel .x-panel .x-panel-bl.x-panel-tr {
  border-top-right-radius: 8px;
}
.cortex-panel .x-panel.x-panel-noborder .x-panel-header-noborder {
  border-bottom: 1px dotted #d7d7d7;
}
.combo-ct .combo-field {
  width: 176px;
  line-height: 20px;
}
.combo-ct .ux-icon-combo-icon {
  top: 5px;
  left: 6px;
}
.header-theme-settings-panel .x-form-check-wrap {
  display: flex;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container-icon[data-v-77dbd9f7] {
  padding: 10px 0;
  font-size: 60px;
  text-align: center;
  color: var(--sl-color-danger-600);
}
p[data-v-77dbd9f7] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}
footer sl-button[data-v-77dbd9f7]::part(label) {
  padding: 0 15px;
  line-height: 29px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-9d8c55a2] {
  --width: 570px;
}
p[data-v-9d8c55a2] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}
footer sl-button[data-v-9d8c55a2]::part(label) {
  padding: 0 15px;
  line-height: 29px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-data-sign-integration-window .x-window-header-text {
  width: 100% !important;
}
.datasignpr-data-sign-integration-window .container-combo-searches {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 300px;
  padding: 15px 10px;
  background: #f8f8f8;
}
.datasignpr-data-sign-integration-window .container-combo-searches .row-search-field {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.datasignpr-data-sign-integration-window .container-combo-searches .row-search-field.hidden {
  display: none;
}
.datasignpr-data-sign-integration-window .container-combo-searches .row-search-field .group-box-label {
  font-weight: bold;
  color: #555;
}
.datasignpr-data-sign-integration-window .container-combo-searches .row-search-field .cortex-combo-wrap {
  width: 380px !important;
}
.datasignpr-data-sign-integration-window .container-auto-scroll {
  height: auto;
  max-height: calc(100vh - 200px);
}
.datasignpr-data-sign-integration-window .container-combo-dynamic {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px 15px 0;
  align-items: center;
  border-top: 1px solid #f4f4f4;
}
.datasignpr-data-sign-integration-window .container-combo-dynamic .group-box-label {
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.datasignpr-data-sign-integration-window .container-combo-dynamic .cortex-combo-wrap {
  width: 380px !important;
}
.datasignpr-data-sign-integration-window .container-combo-dynamic .x-item-disabled svg {
  visibility: hidden;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-integration-grid-panel .x-panel-body.x-panel-body-noheader * {
  box-sizing: border-box;
}
.datasignpr-integration-grid-panel .configure-dataset-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
  background-color: #ededed;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  text-align: center;
  color: #5e5d5d;
  height: 20px;
  line-height: 20px;
}
.datasignpr-integration-grid-panel .configure-dataset-btn button {
  color: #5e5d5d;
}
.datasignpr-integration-grid-panel .configure-dataset-btn:hover {
  background-color: #e2e2e2;
}
.datasignpr-integration-grid-panel .configure-dataset-btn:hover button {
  color: #5e5d5d;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-7b45a22a] {
  --width: 500px !important;
}
p[data-v-7b45a22a] {
  margin-top: -10px;
  font-size: var(--sl-font-size-small, 14px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
sl-input[data-v-0e5218f5] {
  min-width: 300px;
}
.flex-row[data-v-0e5218f5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.flex-column[data-v-0e5218f5] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.btn-cancel[data-v-0e5218f5] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
  border: none;
}
.btn-cancel[data-v-0e5218f5]::before {
  pointer-events: none;
  content: "\e00c";
  font-size: 16px;
  color: #7A52E1;
}
.btn-cancel[data-v-0e5218f5]:active {
  opacity: 0.8;
}
.scroll-area[data-v-0e5218f5] {
  height: clamp(200px, calc(80vh - 280px), 420px);
  overflow-y: auto;
  padding-bottom: 3px;
}
.row-item[data-v-0e5218f5] {
  display: flex;
  padding: 10px;
}
.row-item .column[data-v-0e5218f5] {
  flex: 1;
  font-size: 12px;
}
.row-item .column.large[data-v-0e5218f5] {
  flex: 2;
  max-width: 310px;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.row-item.header[data-v-0e5218f5] {
  font-weight: bold;
  margin-top: 10px;
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
}
.row-item.data[data-v-0e5218f5] {
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
.row-item.data[data-v-0e5218f5]:hover {
  background-color: #fafafa;
}
.row-item.data[data-v-0e5218f5]:active {
  opacity: 0.8;
}
.row-item.data.selected[data-v-0e5218f5] {
  background-color: #f2f2f2;
}
.empty-message[data-v-0e5218f5] {
  padding: 50px 0;
  font-size: 14px;
  text-align: center;
  color: #456;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datatable-params-form[data-v-00aa3fdc] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 20px 0;
  user-select: none;
}
.opacity-70[data-v-00aa3fdc] {
  opacity: 0.7;
}
.container[data-v-00aa3fdc] {
  width: 50%;
}
.container.w-40[data-v-00aa3fdc] {
  width: 40%;
}
.container.w-40 .row-item.data[data-v-00aa3fdc] {
  margin-right: 15px;
}
.container.w-60[data-v-00aa3fdc] {
  width: 60%;
  padding-left: 20px;
}
.container.w-60 sl-input[data-v-00aa3fdc] {
  width: 45%;
}
.container.vertical-line[data-v-00aa3fdc] {
  width: 0;
  align-self: stretch;
  margin-top: 20px;
  border-left: 1px solid #eee;
}
.container.disabled[data-v-00aa3fdc] {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(1) blur(5px);
}
h5[data-v-00aa3fdc] {
  font-size: 14px;
  padding: 10px 0;
}
h5 > span[data-v-00aa3fdc] {
  font-weight: normal;
}
.flex[data-v-00aa3fdc] {
  display: flex;
  align-items: center;
  width: 100%;
}
.flex.gap-10[data-v-00aa3fdc] {
  gap: 10px;
}
.flex-row[data-v-00aa3fdc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}
.flex-row p[data-v-00aa3fdc] {
  font-size: 16px;
}
.flex-row.main[data-v-00aa3fdc] {
  align-items: flex-start;
}
.flex-row.main > .container[data-v-00aa3fdc] {
  margin-top: 20px;
}
.flex-column[data-v-00aa3fdc] {
  display: flex;
  flex-direction: column;
}
.btn-cancel[data-v-00aa3fdc] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
  border: none;
}
.btn-cancel[data-v-00aa3fdc]::before {
  pointer-events: none;
  content: "\e00c";
  font-size: 16px;
  color: #7A52E1;
}
.btn-cancel[data-v-00aa3fdc]:active {
  opacity: 0.8;
}
.scroll-area[data-v-00aa3fdc] {
  height: clamp(200px, calc(80vh - 300px), 400px);
  overflow-y: auto;
}
.scroll-area.half-width[data-v-00aa3fdc] {
  width: 50%;
}
.row-item[data-v-00aa3fdc] {
  display: flex;
  padding: 10px;
  margin-right: 10px !important;
}
.row-item .column[data-v-00aa3fdc] {
  flex: 1;
  font-size: 12px;
}
.row-item .column.large[data-v-00aa3fdc] {
  flex: 2;
}
.row-item .column.empty[data-v-00aa3fdc] {
  opacity: 0.5;
}
.row-item.data[data-v-00aa3fdc] {
  margin: 5px 0;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 5px;
}
.row-item.data[data-v-00aa3fdc]:hover {
  background-color: #fafafa;
}
.row-item.data[data-v-00aa3fdc]:active {
  opacity: 0.8;
}
.row-item.data.selected[data-v-00aa3fdc] {
  background-color: #fafafa;
  border-color: #7A52E1;
}
.row-item.data.selected .name[data-v-00aa3fdc] {
  font-weight: bold;
  color: #7a52e1;
}
.row-item sl-button.btn-link[data-v-00aa3fdc] {
  width: 40px;
}
.row-item sl-button.btn-link sl-icon[data-v-00aa3fdc] {
  padding-top: 3px;
  font-size: 22px;
  color: #9013fe;
}
.data-table.scroll-area[data-v-00aa3fdc] {
  height: clamp(200px, calc(80vh - 300px), 400px);
  overflow-y: auto;
  padding-bottom: 3px;
}
.data-table.scroll-area.disabled .row-item[data-v-00aa3fdc] {
  cursor: default;
  pointer-events: none;
}
.data-table.scroll-area .row-item[data-v-00aa3fdc] {
  display: flex;
  margin: -1px 0 0 0;
  border-width: 0;
  border-bottom-width: 1px;
  border-top: 1px solid #eee;
  border-radius: 0;
}
.data-table.scroll-area .row-item .column[data-v-00aa3fdc] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 1px;
  position: relative;
}
.data-table.scroll-area .row-item .column sl-icon[data-v-00aa3fdc] {
  position: absolute;
  right: 0;
  padding: 0 10px;
  font-size: 22px;
  color: #9013fe;
}
.data-table.scroll-area .row-item .column[data-v-00aa3fdc]:nth-child(1) {
  min-width: 45%;
  max-width: 45%;
}
.data-table.scroll-area .row-item .column[data-v-00aa3fdc]:nth-child(2) {
  min-width: 25%;
  max-width: 25%;
}
.data-table.scroll-area .row-item .column[data-v-00aa3fdc]:nth-child(3) {
  min-width: 30%;
  max-width: 30%;
}
.data-table.scroll-area .row-item.header[data-v-00aa3fdc] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: white;
  pointer-events: none;
  user-select: none;
  font-weight: 600;
  border-top: 0;
  border-bottom: 1px solid #eee;
}
.data-table.scroll-area .row-item.data.disabled[data-v-00aa3fdc] {
  opacity: 0.4;
  pointer-events: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
.data-table.scroll-area .row-item.data.selected[data-v-00aa3fdc] {
  padding: 10px;
  font-weight: 600;
  background-color: #f3f4f6;
  border-bottom: 1px solid #eee;
}
.data-table.scroll-area .row-item.disabled[data-v-00aa3fdc] {
  padding: 10px;
  pointer-events: none;
  user-select: none;
}
.data-table.scroll-area .row-item.disabled .column[data-v-00aa3fdc] {
  opacity: 0.5;
}
.data-table.scroll-area .empty-message[data-v-00aa3fdc] {
  padding: 50px 0;
  font-size: 14px;
  justify-content: center;
  color: #456;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
sl-select[data-v-13f02b84] {
  width: 270px;
}
sl-checkbox.blur[data-v-13f02b84] {
  filter: blur(2px);
}
.row-item[data-v-13f02b84] {
  display: flex;
  padding: 10px;
  margin-right: 10px !important;
}
.row-item .column[data-v-13f02b84] {
  flex: 1;
  font-size: 12px;
}
.row-item .column.large[data-v-13f02b84] {
  flex: 2;
}
.row-item .column.empty[data-v-13f02b84] {
  opacity: 0.5;
}
.row-item[data-v-13f02b84] {
  display: flex;
  gap: 20px;
  margin: 5px 0;
  padding: 10px 20px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.scroll-area[data-v-13f02b84] {
  margin-top: 20px;
  padding-bottom: 3px;
  height: clamp(200px, calc(80vh - 260px), 480px);
  overflow-y: auto;
}
.scroll-area .row-item[data-v-13f02b84] {
  display: flex;
  margin: 0;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.scroll-area .row-item .column[data-v-13f02b84] {
  flex: 1;
  display: flex;
  min-width: 20%;
  max-width: 20%;
  justify-content: space-between;
  align-items: center;
  padding: 2px 1px;
  position: relative;
}
.scroll-area .row-item .column.large[data-v-13f02b84] {
  min-width: 32%;
  max-width: 32%;
}
.scroll-area .row-item.header[data-v-13f02b84] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: white;
  pointer-events: none;
  user-select: none;
  font-weight: 600;
  border-bottom: 1px solid #eee;
}
.scroll-area .row-item.data.disabled[data-v-13f02b84] {
  opacity: 0.5;
  pointer-events: none;
}
.scroll-area .row-item .column[data-v-13f02b84]:first-child {
  font-weight: 600;
}
.scroll-area .row-item .column[data-v-13f02b84]:nth-child(2) {
  min-width: 150px;
  max-width: 150px;
}
.scroll-area .row-item .column[data-v-13f02b84]:last-child {
  display: flex;
  justify-content: center;
  min-width: 120px;
  max-width: 120px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-14e4b51f] {
  --width: 700px !important;
}
.base-dialog-cortex[data-v-14e4b51f]::part(body) {
  padding-top: 0;
}
p[data-v-14e4b51f] {
  padding-bottom: 10px;
  font-size: var(--sl-font-size-small, 14px);
}
p.caption[data-v-14e4b51f] {
  padding-top: 5px;
  font-weight: 600;
}
.row-item[data-v-14e4b51f] {
  display: flex;
  gap: 20px;
  min-height: 40px;
  margin: -1px 0 0 0;
  padding: 10px 20px;
  border: 1px solid #eee;
  border-left: 0;
  border-right: 0;
}
.row-item .column[data-v-14e4b51f] {
  flex: 1;
  font-size: 12px;
}
.row-item .column[data-v-14e4b51f]:first-child {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.row-item .column[data-v-14e4b51f]:last-child {
  display: flex;
  max-width: 60px;
  align-items: center;
  justify-content: flex-end;
}
.empty-message[data-v-14e4b51f] {
  padding: 15px 0;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #949ba3;
  border: 1px solid #eee;
  border-left: 0;
  border-right: 0;
}
.remove-endpoint[data-v-14e4b51f] {
  color: var(--sl-color-primary-500, #2b303b);
}
sl-icon-button[data-v-14e4b51f] {
  padding: 2px;
  border-radius: 5px;
  box-shadow: 0 0 2px #ccc;
}
sl-icon-button[data-v-14e4b51f]:hover {
  background-color: var(--sl-color-neutral-100, #f3f4f6);
}
sl-icon-button[data-v-14e4b51f]:focus {
  outline: 2px solid var(--sl-color-primary-200, #ded3f8);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
sl-select[data-v-120acb96] {
  max-width: 60%;
  margin: 10px 0 20px 0;
}
.scroll-area[data-v-120acb96] {
  height: clamp(200px, calc(80vh - 280px), 440px);
  overflow-y: auto;
}
.main-column[data-v-120acb96] {
  display: flex;
  align-items: center;
  color: #333;
}
.main-column.name[data-v-120acb96] {
  padding-right: 10px;
  min-width: 250px;
  max-width: 250px;
  font-size: 16px;
  font-weight: bold;
  border-right: 1px solid #eee;
}
.main-column.options[data-v-120acb96] {
  width: 100%;
}
.row-item[data-v-120acb96] {
  display: flex;
  padding: 10px;
  margin-right: 10px !important;
}
.row-item .column[data-v-120acb96] {
  flex: 1;
  font-size: 12px;
}
.row-item .column.large[data-v-120acb96] {
  flex: 2;
}
.row-item .column.empty[data-v-120acb96] {
  opacity: 0.5;
}
.row-item .column.error[data-v-120acb96] {
  font-weight: 600;
  white-space: nowrap;
  color: #ec1c24;
}
.row-item[data-v-120acb96] {
  display: flex;
  gap: 20px;
  min-height: 60px;
  margin: 5px 0;
  padding: 10px 20px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.row-item .main-column.options[data-v-120acb96] {
  width: 100%;
  display: flex;
  gap: 20px;
}
.row-item .main-column.options .column[data-v-120acb96] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  font-size: 12px;
}
.row-item .main-column.options .column[data-v-120acb96]:first-child {
  max-width: 100px;
}
.row-item .main-column.options .column[data-v-120acb96]:last-child {
  flex: 0.5;
  margin-left: auto;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}
.row-item .main-column.options section[data-v-120acb96] {
  margin-bottom: 5px;
  line-height: 1.1;
}
.row-item.disabled[data-v-120acb96] {
  opacity: 0.8;
  background: #F3F4F6;
}
.row-item.disabled sl-button[data-v-120acb96],
.row-item.disabled sl-switch[data-v-120acb96],
.row-item.disabled .name[data-v-120acb96],
.row-item.disabled .products[data-v-120acb96] {
  opacity: 0.5;
  filter: blur(1px) grayscale(0.6);
  pointer-events: none;
  user-select: none;
}
.row-item.disabled sl-icon-button[data-v-120acb96] {
  background-color: white;
}
.empty-message[data-v-120acb96] {
  padding: 50px 0;
  font-size: 14px;
  text-align: center;
  color: #949ba3;
}
.remove-endpoint[data-v-120acb96] {
  color: var(--sl-color-primary-500, #2b303b);
}
sl-icon-button[data-v-120acb96] {
  padding: 2px;
  border-radius: 5px;
  box-shadow: 0 0 2px #ccc;
}
sl-icon-button[data-v-120acb96]:hover {
  background-color: var(--sl-color-neutral-100, #f3f4f6);
}
sl-icon-button[data-v-120acb96]:focus {
  outline: 2px solid var(--sl-color-primary-200, #ded3f8);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
@keyframes slideInRight {
from {
    opacity: 0;
    transform: translateX(100px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes slideInLeft {
from {
    opacity: 0;
    transform: translateX(-100px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.datasignpr-etl-flow-dialog::part(body) {
  overflow: visible;
}
.datasignpr-etl-flow-dialog::part(header-actions) {
  position: relative;
  z-index: 1;
}
.datasignpr-etl-flow-dialog .dialog-content {
  overflow-x: hidden;
  padding: 3px;
}
.datasignpr-etl-flow-dialog .dialog-content .animate {
  animation: slideInRight 0.5s forwards;
}
.datasignpr-etl-flow-dialog .dialog-content.left .animate {
  animation: slideInLeft 0.5s forwards;
}
.datasignpr-etl-flow-dialog .dialog-content h1 {
  width: calc(100% - 50px);
  padding-bottom: 20px;
  font-size: var(--sl-font-size-large, 22px);
  color: #333;
}
.datasignpr-etl-flow-dialog .dialog-content .title-description {
  font-size: 15px;
}
.datasignpr-etl-flow-dialog .dialog-content .title-description b {
  font-size: 14px;
  font-weight: 600;
}
.datasignpr-etl-flow-dialog footer {
  margin-top: 20px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-c44a03f0] {
  --width: 1050px;
}
.dialog-content[data-v-c44a03f0] {
  position: relative;
  margin-top: -70px;
}
.dialog-content > .summary-steps[data-v-c44a03f0] {
  position: absolute;
  bottom: 5px;
  left: 0;
  font-size: 14px;
  color: #aaa;
}
p[data-v-c44a03f0] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}
footer sl-button[data-v-c44a03f0]::part(label) {
  padding: 0 15px;
  line-height: 29px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dialog-body[data-v-6fb6a093] {
  margin-top: -10px;
  font-size: var(--sl-font-size-small, 14px);
}
section p[data-v-6fb6a093] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 14px);
}
.container-input-dates[data-v-6fb6a093] {
  display: flex;
  gap: 20px;
  padding: 20px 0 30px 0;
}
.container-reference-date[data-v-6fb6a093] {
  display: flex;
  gap: 20px;
  align-items: center;
}
sl-input[data-v-6fb6a093] {
  flex: 1;
}
sl-input[data-v-6fb6a093]::part(form-control-label) {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 14px);
}
sl-checkbox[data-v-6fb6a093]::part(label) {
  font-size: var(--sl-font-size-small, 14px);
}
section.flex[data-v-6fb6a093] {
  display: flex;
  gap: 15px;
  min-height: 60px;
  padding: 30px 0 0 0;
  align-items: center;
}
section.flex p[data-v-6fb6a093] {
  padding: 0;
}
section.flex p b[data-v-6fb6a093] {
  display: inline-block;
  padding-left: 3px;
}
section.syncing sl-progress-ring[data-v-6fb6a093] {
  font-size: 12px;
  --size: 60px;
  --track-width: 6px;
  --track-color: var(--sl-color-primary-200, #ded3f8);
  --indicator-width: 6px;
  --indicator-color: var(--sl-color-primary-500, #7a52e1);
}
section.result sl-icon[data-v-6fb6a093] {
  margin: 0 10px;
  padding: 10px 0;
  font-size: 40px;
  text-align: center;
  color: var(--sl-color-danger-400);
}
section.result .red[data-v-6fb6a093] {
  color: var(--sl-color-danger-500);
}
section.result .green[data-v-6fb6a093] {
  color: var(--sl-color-success-600);
}
section.result.success sl-icon[data-v-6fb6a093] {
  color: var(--sl-color-success-600);
  opacity: 0.7;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-be7ac062] {
  --width: 500px !important;
}
p[data-v-be7ac062] {
  margin-top: -10px;
  font-size: var(--sl-font-size-small, 14px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-d8e3fa5c] {
  --width: 500px !important;
}
p[data-v-d8e3fa5c] {
  margin-top: -10px;
  font-size: var(--sl-font-size-small, 14px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container-icon[data-v-12ef2382] {
  padding: 10px 0;
  font-size: 60px;
  text-align: center;
  color: var(--sl-color-danger-600);
}
p[data-v-12ef2382] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}
footer sl-button[data-v-12ef2382]::part(label) {
  padding: 0 15px;
  line-height: 29px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.choose-step-dialog-message {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.choose-step-dialog-message span {
  font-size: 14px;
  font-weight: 400;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-etl-params-panel {
  min-height: 95px;
}
.datasignpr-etl-params-panel .x-toolbar .disabled {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.datasignpr-etl-params-panel .x-toolbar .disabled button {
  color: #a0a0a0;
}
.datasignpr-etl-params-panel .content-box {
  border: 1px solid #eee;
  border-radius: 7px;
  padding: 10px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.datasignpr-etl-params-panel .content-box .to-right {
  margin-left: auto;
}
.datasignpr-etl-params-panel .content-box .to-right .cortex-btn-light {
  margin: 0 -7px 0 0;
}
.datasignpr-etl-params-panel .content-box .hidden {
  display: none !important;
}
.datasignpr-etl-params-panel .content-box .message {
  font-size: 12px;
  color: #333;
  flex-direction: row;
}
.datasignpr-etl-params-panel .content-box .message b {
  display: inline-block;
  padding: 0 0 0 3px;
  font-weight: 600;
}
.datasignpr-etl-params-panel .content-box .message b.status-PAUSED {
  color: #FFAE00;
}
.datasignpr-etl-params-panel .content-box .message span {
  color: gray;
}
.datasignpr-etl-params-panel .content-box .message.error {
  font-size: 11px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  color: var(--sl-color-danger-500);
}
.datasignpr-etl-params-panel .content-box .message.error .icon-warning {
  font-size: 18px;
  color: inherit;
}
.datasignpr-etl-params-panel .content-box .reprocess-progress {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
.datasignpr-etl-params-panel .content-box .reprocess-progress .cortex-progress-text > div {
  width: 100px !important;
  height: 12px !important;
}
.datasignpr-etl-params-panel .content-box .reprocess-progress .cortex-progress {
  width: 100px;
  margin-left: 3px;
}
.datasignpr-etl-params-panel .content-box .reprocess-progress .icon-close {
  max-width: 16px;
  font-size: 16px;
  color: #7a52e1;
  cursor: pointer;
}
.datasignpr-etl-params-panel .content-box .reprocess-progress .icon-close:hover {
  opacity: 0.8;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-data-input-configuration-window {
  width: 100%;
  max-width: 700px;
  min-width: var(--mainPanelMinWidth);
}
.doctype-data-input-configuration-window .box-text.x-column {
  text-align: left;
}
.doctype-data-input-configuration-window .boxes-ct {
  display: flex;
}
.doctype-data-input-configuration-window .round-box {
  margin: 0px;
  text-align: justify;
  line-height: 13px;
  color: #434343;
  min-height: 70px;
  min-width: 100px;
  flex: 1 1 200px;
}
.doctype-data-input-configuration-window .round-box .box-text {
  margin-left: 10px;
  width: calc(100% - 26px);
}
.doctype-data-input-configuration-window .spacing-ct {
  flex: 0 0 10px;
  min-width: 10px;
}
.doctype-data-input-configuration-window .box-title {
  font-weight: bold;
  color: var(--link2Color);
}
.doctype-data-input-configuration-window .plain-tab.grid-features {
  padding-top: 10px;
}
.doctype-data-input-configuration-window .plain-tab.grid-features .x-tab-strip-wrap {
  margin-bottom: 10px;
}
.doctype-data-input-configuration-window .plain-tab.grid-features .x-tab-panel-body.x-tab-panel-body-noborder > div {
  height: auto !important;
}
.doctype-data-input-configuration-window .grid-features .config-data-sign-pr {
  width: 100% !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 40px 0;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 5px;
}
.doctype-data-input-configuration-window .grid-features .config-data-sign-pr .cortex-link-button {
  margin: 0 30px 0 auto;
}
.doctype-data-input-configuration-window .grid-features .config-data-sign-pr .cortex-link-button button {
  padding: 0;
}
.doctype-data-input-configuration-window .grid-features .config-data-sign-pr .status-text {
  font-size: 13px;
  color: #333;
}
.doctype-data-input-configuration-window .grid-features .config-data-sign-pr .status-text > span {
  display: inline-block;
  margin-right: 20px;
}
.doctype-data-input-configuration-window .grid-features .config-data-sign-pr .status-text.empty {
  color: gray;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.import-form-preview-window .classifier-type-svg {
  position: absolute;
  right: 0;
  top: 1px;
  height: 100%;
}
.import-form-preview-window .classifier-type-svg svg {
  fill: #FFAE00;
  width: 17px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.checkbox-list-container {
  width: 208px;
  height: 260px;
  margin-bottom: 20px;
}
.checkbox-list-container .x-panel-body {
  border: none !important;
  overflow: auto;
}
.checkbox-list-container .x-form-check-wrap {
  padding: 11px;
  color: #606060;
  border-bottom: 1px solid #EDEDED;
}
.checkbox-list-container .checked {
  background: #DFE8F6;
}
.checkbox-list-container .unchecked-all {
  background-color: #E5E5E5 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.reprocess-data-window {
  width: 90%;
  max-width: 920px;
  min-width: var(--mainPanelMinWidth);
  /* replacing the document list component's default styles */
}
.reprocess-data-window .content .update-type {
  display: flex;
  position: absolute;
  bottom: 8px;
  left: 11px;
  width: calc(100% - 230px);
}
.reprocess-data-window .content .update-type label {
  line-height: 22px;
  color: #5e5d5d;
  flex: 0 0 81px;
}
.reprocess-data-window .content .update-type .override {
  margin-left: 5px;
}
.reprocess-data-window .x-window-footer .count-documents.cortex-span {
  font-size: 10px;
  color: gray;
}
.reprocess-data-window .right-panel {
  width: 450px !important;
  flex: 1 0 50% !important;
  margin-right: 15px;
}
.reprocess-data-window .reprocess-menu {
  width: 208px;
}
.reprocess-data-window .msg-reprocess-fields-right-panel-container {
  display: flex;
  margin-bottom: 20px;
}
.reprocess-data-window .msg-reprocess-fields-right-panel-container .reprocess-fields-right-panel-label {
  margin-right: 5px;
  font-weight: bold;
}
.reprocess-data-window .x-window-bl {
  background-color: transparent !important;
  border-top: none !important;
}
.reprocess-data-window .x-btn-wrap {
  box-shadow: none !important;
}
.reprocess-data-window .x-btn-wrap .x-btn-left,
.reprocess-data-window .x-btn-wrap .x-btn-right {
  display: none !important;
}
.reprocess-data-window .x-btn-wrap .x-btn-center {
  border-radius: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.reprocess-data-result-window .x-grid3-scroller {
  height: calc(90vh - 100px);
}
.reprocess-data-result-window a.is-zero {
  color: #aaa;
}
.reprocess-data-result-window a.no-action[data-action-type="errors"] {
  color: #ec1c24;
}
.reprocess-data-result-window a.has-action {
  color: var(--link1Color);
  text-decoration: none;
}
.reprocess-data-result-window a.has-action:not(.x-item-disabled) {
  cursor: pointer;
}
.reprocess-data-result-window a.has-action:not(.x-item-disabled):hover {
  text-decoration: underline;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.data-load-cleaner-window {
  width: 100% !important;
  max-width: 730px;
  min-width: var(--mainPanelMinWidth);
}
.data-load-cleaner-window .icon-tutorial {
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: var(--link1Color);
  margin-left: 3px;
}
.data-load-cleaner-window .x-window-body {
  overflow-y: hidden;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-field-integration-name-editor-balloon .msg {
  font: 11px Arial;
  color: #5E5E5E;
}
.doctype-field-integration-name-editor-balloon .cortex-input {
  margin: 0px 10px 0px 0px;
  width: 290px;
}
.doctype-field-integration-name-editor-balloon .btn {
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  color: #5e5d5d;
  height: 20px !important;
  width: 30px !important;
  font: 11px/20px Arial;
  float: right;
}
.doctype-field-integration-name-editor-balloon .btn-disabled {
  cursor: default !important;
}
.doctype-field-integration-name-editor-balloon .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.doctype-field-integration-name-editor-balloon .icon-warning {
  font-size: 18px;
  color: #FFAE00;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.media-source-window .x-window-footer .warning-footer-content {
  top: -30px !important;
  width: 80% !important;
  line-height: 13px !important;
  display: flex;
}
.media-source-window .x-window-footer .icon-information {
  font-size: 16px;
  position: relative;
  color: var(--link1Color);
  margin-top: 4px;
}
.media-source-window .x-window-footer .msg-warning {
  font-size: 11px;
  margin-left: 5px;
  margin-top: 6px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tier-mapping-window .x-window-footer .warning-footer-content {
  top: -30px !important;
  width: 80% !important;
  line-height: 13px !important;
  display: flex;
}
.tier-mapping-window .x-window-footer .icon-information {
  font-size: 16px;
  position: relative;
  color: var(--link1Color);
  margin-top: 4px;
}
.tier-mapping-window .x-window-footer .msg-warning {
  font-size: 11px;
  margin-left: 5px;
  margin-top: 6px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-field-base-window .x-window-footer {
  position: relative;
}
.doctype-field-base-window .x-window-footer .required-field {
  position: absolute;
  top: 5px;
  left: 5px;
}
.doctype-field-base-window .x-window-footer .is-key-field {
  position: absolute;
  top: 5px;
  left: 5px;
}
.doctype-field-base-window .x-window-footer .is-key-field .icon-warning {
  color: #FFAE00;
  position: absolute;
  margin-left: 3px;
  font-size: 17px;
}
.doctype-field-base-window .x-window-footer .required-field input[type=checkbox],
.doctype-field-base-window .x-window-footer .is-key-field input[type=checkbox] {
  vertical-align: middle;
}
.doctype-field-base-window .x-window-footer .required-field label.cortex-span,
.doctype-field-base-window .x-window-footer .is-key-field label.cortex-span {
  vertical-align: middle;
  margin-left: 3px;
}
.doctype-field-base-window .x-window-footer .x-panel-btns-ct .x-btn-ok {
  width: 70px !important;
}
.doctype-field-base-window .prefix {
  padding-bottom: 10px;
}
.doctype-field-base-window .prefix .label {
  padding: 3px 3px 3px 0px;
}
.doctype-field-base-window .prefix .icon-tutorial {
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: 0px;
  color: var(--link1Color);
  margin-left: 3px;
  line-height: 23px;
}
.doctype-field-base-window .x-form-item:last-child {
  padding-bottom: 0px !important;
}
.doctype-field-base-window .x-form-item.name-field {
  padding-bottom: 0px !important;
}
.doctype-field-base-window .integration-name {
  line-height: 20px;
  color: #C4C4C4;
  padding-bottom: 5px;
  border-bottom: 1px dotted #C4C4C4;
  margin-bottom: 10px;
  vertical-align: middle;
}
.doctype-field-base-window .integration-name.disabled .part,
.doctype-field-base-window .integration-name.disabled .icon-expand {
  color: #ccc;
  cursor: default;
}
.doctype-field-base-window .integration-name .part {
  color: var(--link1Color);
  max-width: 225px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.doctype-field-base-window .integration-name .icon-expand {
  color: var(--link1Color);
  margin-top: 3px;
  margin-left: 2px;
  font-size: 16px;
  width: 16px;
  cursor: pointer;
}
.doctype-field-base-window .integration-name .icon-warning {
  color: var(--hlColor);
  margin-top: 1px;
  font-size: 17px;
}
.doctype-field-base-window .integration-name .icon-tutorial {
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: var(--link1Color);
  margin-left: 3px;
}
.doctype-field-base-window .box-form {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #E3E3E3;
  padding: 9px;
  margin: 10px 0px;
}
.doctype-field-base-window .box-form .help-label {
  color: #999;
  display: block;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.doctype-field-base-window .box-form .x-form-check-wrap {
  float: left;
  height: 20px;
  margin-right: 5px;
}
.doctype-field-base-window .box-form .x-form-field-wrap {
  margin-top: 9px;
}
.doctype-field-base-window .box-form .x-form-field-wrap input {
  width: 235px;
}
.doctype-field-base-window .LATLONG {
  padding-bottom: 10px;
  margin-bottom: 4px;
}
.doctype-field-base-window .mappingType-ct {
  mapping-bottom: 5px;
}
.doctype-field-base-window .mappingType-ct .mapping-type-button {
  margin-left: 105px;
  margin-bottom: 10px;
  background-color: #f8f8f8;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.doctype-field-base-window .mappingType-ct .mapping-type-button .icon-check {
  color: lightgray;
}
.doctype-field-base-window .mappingType-ct .mapping-type-button .icon-check.has-mapping {
  color: green;
}
.doctype-field-base-window .mappingType-ct .mapping-type-button .mapping-type-button-text {
  margin-left: 10px;
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.doctype-field-base-window .mappingType-ct .mapping-type-button .mapping-type-button-text:hover {
  text-decoration: underline;
}
.doctype-field-base-window .round-box {
  margin: 0px;
}
.doctype-field-base-window .round-box .x-form-check-wrap {
  line-height: 20px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-input-size {
  margin-bottom: 10px;
}
.doctype-input-size .doctype-format-label {
  line-height: 23px;
  width: 105px;
}
.doctype-input-size .doctype-input-characters {
  line-height: 23px;
  width: 25px;
  margin-left: 10px;
}
.doctype-input-size .doctype-characters-label {
  line-height: 23px;
  padding-left: 10px;
}
.mirror-container {
  margin-left: 105px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.field-numeric-window .mirror-container {
  margin-left: 105px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-grid-panel .x-panel-bbar .x-toolbar {
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.x-grid-panel .plain-toolbar.x-panel-tbar {
  padding-bottom: 9px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-field-list-window {
  padding-bottom: 10px;
}
.doctype-field-list-window .x-form-item-label {
  font: 11px/22px Arial;
  color: #5d5d5d;
  vertical-align: middle;
  width: 105px;
}
.doctype-field-list-window .btn {
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  color: #5e5d5d;
  height: 20px;
  width: 115px;
  font: 11px/22px Arial;
}
.doctype-field-list-window .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.doctype-field-list-window .btn-disabled {
  cursor: default !important;
}
.doctype-field-list-window .selection {
  margin-top: 2px;
  margin-left: 3px;
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-top: 2px;
  padding-left: 4px;
}
.doctype-field-list-window .selection .title {
  color: #777;
  font: 11px/16px Arial;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
  vertical-align: middle;
}
.doctype-field-list-window .selection .remove-btn {
  cursor: pointer;
}
.cortex-combo-default-value-fix {
  height: 23px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.field-lat-long-window .mirror-container {
  margin-left: 105px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.draggable-sort-list .line-ct {
  margin-bottom: 5px;
}
.draggable-sort-list .line-ct .order {
  line-height: 22px;
  color: #c5c5c5;
  width: 22px;
}
.draggable-sort-list .line-ct .item-name {
  width: 193px;
  background-color: #fff;
  line-height: 22px;
  color: #3c3c3c;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e2e2e2;
  padding: 0px 10px;
  border-bottom: 1px solid #c0c0c0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: move;
}
.draggable-sort-list .line-ct .item-name.hover {
  background-color: #f0f0f0 !important;
}
.draggable-sort-list .line-ct .cursor-ct {
  line-height: 22px;
  background-color: #fff;
  border-right: 1px solid #e2e2e2;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: move;
  border-bottom: 1px solid #c0c0c0;
}
.draggable-sort-list .line-ct .cursor-ct .img {
  float: right;
  cursor: move;
  background: url('../images/icons/move-cursor.png') transparent no-repeat;
  height: 19px;
  width: 19px;
  margin-left: 2px;
  margin-top: 3px;
}
.ext-ie .draggable-sort-list .line-ct .item-name {
  width: 185px;
}
.ext-edge .draggable-sort-list .line-ct .item-name {
  width: 179px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-field-sort-window .x-window-body {
  max-height: 400px;
}
.doc-type-field-sort-window .draggable-sort-list {
  margin: 0px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.sql-window .content-ct {
  height: calc(100vh - 68px);
}
.sql-window .content-ct .sql-builder-ct {
  display: flex;
  flex-direction: column;
  height: calc(100% - 16px);
  max-height: calc(100% - 16px);
  box-sizing: border-box;
  margin: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct {
  display: flex;
  flex-direction: row;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector {
  min-width: 370px !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container {
  padding: 20px 12px 16px 12px !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-selected-records,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-back-btn {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  color: var(--link1Color);
  cursor: pointer;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-selected-records .left-icon,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-back-btn .left-icon {
  height: 20px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-selected-records .left-icon svg,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-back-btn .left-icon svg {
  fill: var(--link1Color);
  color: var(--link1Color);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-selected-records .left-text-icon,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-cube-selector-header .data-bases-back-btn .left-text-icon {
  align-content: center;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-builder-header-dataset-name {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  color: #2B303B;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-builder-header-dataset-name .dataset-name {
  display: inline-block;
  line-height: 26px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-builder-header-dataset-name svg {
  height: 26px;
  width: 26px;
  fill: var(--link1Color);
  color: var(--link1Color);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-header-container .sql-builder-header-dataset-name .font-icon {
  display: inline-block;
  font-size: 26px;
  text-align: center;
  color: var(--link1Color);
  margin-right: 4px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container {
  display: flex;
  flex-direction: column;
  border-radius: 0 0 8px 8px !important;
  margin-top: 1px;
  padding: 16px 12px 16px 12px !important;
  height: calc(100% - 86px);
  box-sizing: border-box;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .sql-cube-selector-header {
  margin-bottom: 14px !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .subtitle {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  line-height: 13px;
  color: #6C7993;
  margin-bottom: 16px !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .configure-relationships-btn {
  display: flex;
  height: 24px;
  width: 213px;
  margin: 0 auto 16px auto !important;
  border-radius: 9999px;
  cursor: default;
  background-color: #C4C9D4;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .configure-relationships-btn.active {
  cursor: pointer;
  background-color: var(--link1Color);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .configure-relationships-btn .preview-ct {
  padding: 0 2px 0 6px;
  text-align: center;
  line-height: 24px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .configure-relationships-btn .preview-ct svg {
  height: 24px;
  width: 24px;
  fill: #ffffff;
  color: #ffffff;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .configure-relationships-btn .text-button {
  padding: 4px 12px 4px 0;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 16px;
  color: #ffffff;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .data-bases-list-loader {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  justify-content: center;
  background-color: #ffffff;
  opacity: 0.8;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .data-bases-list-loader sl-spinner {
  font-size: 48px;
  --track-width: 4px;
  display: flex;
  justify-content: center;
  position: relative;
  top: 40%;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct > * {
  margin-bottom: 10px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct > *:last-child {
  margin-bottom: 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .database-item {
  display: flex;
  height: 16px;
  border: 1px solid #E2E8F0;
  background: #ffffff;
  border-radius: 8px;
  padding: 9px;
  cursor: pointer;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .database-item.active {
  background-color: #DED3F8;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .database-item .icon {
  line-height: 16px;
  font-size: 15px;
  margin: 1px 5px 0 0;
  text-align: center;
  color: var(--link1Color);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .database-item .text {
  line-height: 16px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #2B303B;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .database-list-ct .data-bases-empty-list {
  font-size: 12px;
  text-align: center;
  padding: 48px;
  color: #6C7993;
  font-family: 'Open Sans', sans-serif;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .input-search-container {
  width: 100%;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .input-search-container ctx-search {
  --sl-input-height-medium: 26px;
  --sl-spacing-x-small: 1px;
  --sl-input-font-size-medium: 12px;
  --sl-font-size-small: 12px;
  --sl-spacing-small: 9px;
  --sl-color-neutral-500: #C4C9D4;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector.blended-cube-selector .sql-cube-selector-data-bases-list-container .input-search-container ctx-search::part(icon) {
  width: 14px;
  height: 14px;
  margin-inline-end: 10px;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct {
  width: 100%;
  height: calc(100% - 40px);
  padding: 20px 16px;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: auto;
  position: relative;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct > * {
  margin-bottom: 10px;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct > *:last-child {
  margin-bottom: 0;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-header {
  width: 100%;
  display: flex;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-header .relations-matches-header-item {
  width: 25%;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item {
  display: flex;
  height: 36px;
  border: 1px solid #E2E8F0;
  background: #ffffff;
  border-radius: 8px;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item > * {
  width: calc(25% + 5.5px) !important;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item > *:first-child {
  width: calc(25% - 5.5px) !important;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-name {
  display: flex;
  height: 16px;
  margin: 10px 0 10px 10px;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-name .icon {
  line-height: 16px;
  font-size: 15px;
  margin: 1px 5px 0 0;
  text-align: center;
  color: var(--link1Color);
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-name .text {
  line-height: 16px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #2B303B;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-name.disabled .icon,
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-name.disabled .text {
  color: #808080 !important;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-match {
  width: calc(25% - 16.5px) !important;
  height: 16px;
  margin: 10px 0;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-match.disabled {
  color: #808080 !important;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .database-match .text-record {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0BC2B4;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .dropdown-menu {
  width: auto !important;
  border: none !important;
  background-color: #ffffff !important;
  height: 16px !important;
  line-height: 16px !important;
  margin: 12px 10px 8px 0;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .dropdown-menu .dropdown-icon {
  height: 16px;
  cursor: pointer;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .dropdown-menu .dropdown-icon svg {
  fill: #94A3B8;
  color: #94A3B8;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .cortex-combo-wrap {
  margin: 7px 0;
  height: 24px;
  width: calc(100% - 62px) !important;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-list-item .cortex-combo-wrap .cortex-combo {
  height: 22px !important;
  cursor: pointer;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-empty-list {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #6C7993;
  margin-top: 24px;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-loader {
  display: flex;
  height: calc(100% - 67px);
  width: calc(100% - 32px);
  position: absolute;
  justify-content: center;
  background-color: #ffffff;
  opacity: 0.8;
}
.sql-window .content-ct .sql-builder-ct .relations-matches-ct .relations-matches-loader sl-spinner {
  font-size: 48px;
  --track-width: 4px;
  display: flex;
  justify-content: center;
  position: relative;
  top: 40%;
}
.dropdown-ballon {
  box-shadow: 0 2px 4px 0 #71717A1F !important;
  border: 1px solid #F3F4F6 !important;
}
.dropdown-ballon .x-window-ml {
  padding: 6px 0 0 6px;
}
.dropdown-ballon .x-window-ml .x-window-mr {
  padding-right: 6px;
}
.dropdown-ballon .x-window-bl {
  height: 6px;
}
.menu-item-blended-cubes {
  display: flex;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  line-height: 16px;
  color: #2B303B;
  cursor: pointer;
}
.menu-item-blended-cubes .icon {
  line-height: 12px;
  font-size: 12px;
  margin: 1px 4px 0 0;
  text-align: center;
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-field-error-link-window .content {
  font-size: 12px;
}
.doc-type-field-error-link-window .error {
  font-size: 15px;
  width: 23px;
  height: 15px;
  color: #cb0000;
}
.doc-type-field-error-link-window .links {
  font-size: 12px;
}
.doc-type-field-error-link-window .links .link {
  color: var(--link1Color);
}
.doc-type-field-error-link-window .field-row:not(:last-child) {
  margin-bottom: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-field-grid-panel .x-toolbar .x-btn-menu-wrap.x-btn.cortex-btn {
  padding-left: 5px;
  padding-right: 3px;
  width: auto !important;
}
.doc-type-field-grid-panel .x-toolbar .x-btn-left {
  display: none;
}
.doc-type-field-grid-panel .x-toolbar .ytb-sep {
  margin: 0px;
}
.doc-type-field-grid-panel .x-grid3-row .key-field .x-grid3-cell-inner {
  background-image: url(../images/icons/unique-key-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px;
}
.doc-type-field-grid-panel .x-grid3-row .id-cell-value {
  font-style: italic !important;
}
.doc-type-field-grid-panel .disabled-row {
  pointer-events: none;
  user-select: none;
}
.doc-type-field-grid-panel .disabled-row .x-grid3-col-checker {
  opacity: 0.5;
}
.doc-type-field-grid-panel .disabled-row .x-grid3-cell-inner {
  font-style: italic;
  color: #aaa;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.edit-permission-window .content {
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.edit-permission-window .content p {
  line-height: 15px;
  color: #363636;
}
.edit-permission-window .content p span {
  color: #cb0000;
}
.edit-permission-window .content .gray-panel {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #F8F8F8;
  padding: 0px 10px;
  margin: 10px 0;
}
.edit-permission-window .content .item {
  padding: 10px 0px;
  border-bottom: 1px solid #eaeaea;
}
.edit-permission-window .content .item label {
  line-height: 22px;
  color: #5e5d5d;
  float: left;
  width: 81px;
}
.edit-permission-window .content .item:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.edit-permission-window .content .item .count {
  line-height: 22px;
  color: #5e5d5d;
  float: left;
  text-align: right;
  width: 234px;
  margin-right: 10px;
}
.edit-permission-window .content .item .count strong {
  margin-right: 5px;
}
.edit-permission-window .content .button {
  border: 1px solid var(--buttonBgEnd);
  padding: 0 15px;
  line-height: 16px;
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.edit-permission-window .content .button.disabled {
  border: 1px solid #4f4f4f;
  background-color: #4f4f4f;
  background-image: -moz-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #4f4f4f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #6d6d6d 0%, #4f4f4f 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #bbb;
}
.edit-permission-window .content .button.gray {
  border: 1px solid #dcdcdc;
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #444;
}
.edit-permission-window .content .x-form-cb-label {
  color: #363636;
}
.edit-permission-window .content .date-wrapper .x-form-field-wrap {
  float: left;
}
.edit-permission-window .content .progress-ct {
  text-align: center;
}
.edit-permission-window .content .loading {
  text-align: center;
  padding-top: 75px;
}
.edit-permission-window .content .progress-text {
  text-align: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-process-window .content {
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.doc-type-process-window .content p {
  line-height: 12px;
  color: #777;
  text-align: center;
  padding: 10px 0;
}
.doc-type-process-window .content h1 {
  padding-bottom: 10px;
  color: var(--hlColor);
  text-transform: uppercase;
  font-family: var(--titleFontFace);
  font-size: 14px;
}
.doc-type-process-window .content .x-progress-wrap {
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 1px !important;
}
.doc-type-process-window .content .x-progress-wrap .x-progress-inner {
  height: 12px !important;
  background: #f8f8f8 !important;
}
.doc-type-process-window .content .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: var(--hlColor) !important;
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none !important;
}
.doc-type-process-window .content .x-progress-wrap .x-progress-inner .x-progress-text {
  text-align: right !important;
  font-weight: normal !important;
  color: #fff;
  line-height: 12px !important;
  font-size: 11px !important;
  padding: 0 !important;
}
.doc-type-process-window .content .x-progress-wrap .x-progress-inner .x-progress-text.x-progress-text-back {
  color: #777;
}
.doc-type-process-window .content .button-ct {
  text-align: center;
}
.doc-type-process-window .content .button {
  border: 1px solid var(--buttonBgEnd);
  padding: 0 15px;
  line-height: 16px;
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--buttonBgEnd);
  background-image: -moz-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--buttonBgStart)), color-stop(100%, var(--buttonBgEnd)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, var(--buttonBgStart) 0%, var(--buttonBgEnd) 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.doc-type-process-window .content .button.disabled {
  border: 1px solid #4f4f4f;
  background-color: #4f4f4f;
  background-image: -moz-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #4f4f4f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #6d6d6d 0%, #4f4f4f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #6d6d6d 0%, #4f4f4f 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #bbb;
}
.doc-type-process-window .content .button.gray {
  border: 1px solid #dcdcdc;
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #444;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-panel ul.steps {
  border: 1px solid #E5E5E5;
  height: 58px;
  margin-bottom: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.doc-type-panel ul.steps li {
  float: left;
  width: 214px;
  height: 58px;
  background-color: #FCFCFC;
  font-size: 15px;
  line-height: 58px;
  color: var(--link1Color);
  background-repeat: no-repeat;
  background-position: 20px center;
  padding: 0px 20px 0px 65px;
  cursor: pointer;
}
.doc-type-panel ul.steps li.active {
  background-color: #E5E5E5;
  color: #404040;
}
.doc-type-panel ul.steps li.step-arrow {
  width: 22px;
  background-image: url("../images/icons/documenttype/step-arrow.png");
  background-position: top left;
  padding: 0px;
}
.doc-type-panel ul.steps li.step-arrow.left-active {
  background-image: url("../images/icons/documenttype/step-arrow-left-active.png");
}
.doc-type-panel ul.steps li.step-arrow.right-active {
  background-image: url("../images/icons/documenttype/step-arrow-right-active.png");
}
.doc-type-panel ul.steps li.step-1 {
  background-image: url("../images/icons/documenttype/step-1.png");
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}
.doc-type-panel ul.steps li.step-2 {
  background-image: url("../images/icons/documenttype/step-2.png");
  width: 223px;
}
.doc-type-panel ul.steps li.step-3 {
  background-image: url("../images/icons/documenttype/step-3.png");
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}
.doc-type-panel ul.steps li.step-3 .active {
  width: 215px;
}
.doc-type-panel .step-content > .x-column-inner {
  display: flex;
}
.doc-type-panel .step-content > .x-column-inner .fields-configuration {
  flex: 1 1 100%;
  min-width: 335px;
  max-width: 1269px;
}
.doc-type-panel .step-content > .x-column-inner .spacing-ct {
  flex: 0 0 1.7%;
  max-width: 32px;
  min-width: 0;
}
@media (max-width: 1100px) {
  .doc-type-panel .step-content > .x-column-inner .spacing-ct {
    display: none;
  }
}
.doc-type-panel .step-content > .x-column-inner .fields-preview {
  flex: 0 0 606px;
}
@media (max-width: 1100px) {
  .doc-type-panel .step-content > .x-column-inner .fields-preview {
    display: none;
  }
}
.doc-type-panel .fields-configuration {
  background: #FCFCFC;
}
.doc-type-panel .fields-configuration .fields-ct label {
  display: block;
  margin-bottom: 5px;
}
.doc-type-panel .fields-configuration .fields-ct .x-form-field-wrap .x-form-trigger {
  top: 1px;
}
.doc-type-panel .fields-configuration .process-all-fields-bar {
  padding: 150px 50px;
}
.doc-type-panel .fields-configuration .process-all-fields-bar .label-reprocess-all-documents {
  text-align: center;
  color: #aaa;
  padding-bottom: 5px;
}
.doc-type-panel .fields-title {
  font: 18px var(--titleFontFace);
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.doc-type-panel .no-top-padding {
  padding-top: 0px !important;
}
.doc-type-panel .fields-preview h2 {
  font-size: 16px;
  line-height: 33px;
  color: var(--link2Color);
  margin-bottom: 4px;
  background: transparent url(../images/components/consumption/dashed-bg.png);
  padding: 0px 8px;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.doc-type-panel .fields-preview .x-window {
  box-shadow: 0 1px 1px #8f8f8f;
  -moz-box-shadow: 0 1px 1px #8f8f8f;
  -webkit-box-shadow: 0 1px 1px #8f8f8f;
}
.doc-type-panel .fields-preview .x-window .x-window-tl {
  background-color: #f6f6f6;
}
.doc-type-panel .fields-preview .x-window .x-window-header-text {
  color: #d9d9d9;
  font-size: 17px;
}
.doc-type-panel .fields-preview .x-window .x-tool-close {
  color: #d9d9d9;
}
.doc-type-panel .fields-preview .x-window .x-window-bl {
  background-color: #f6f6f6;
  background-image: none;
}
.doc-type-panel .fields-preview .x-window .x-window-bl .x-panel-btns-ct {
  display: none;
}
.doc-type-panel .publish-step {
  padding-left: 20px;
}
.doc-type-panel .publish-title {
  font: 24px var(--titleFontFace);
  text-transform: uppercase;
  color: var(--hlColor);
}
.doc-type-panel .publish-subtitle {
  padding: 30px 0px 5px 0px;
  font-size: 17px;
  color: var(--link1Color);
}
.doc-type-panel .publish-text {
  font: 13px/15px var(--mainFontFace);
  color: #666;
}
.doc-type-panel .semaphore {
  width: 10px;
  height: 10px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  top: 1px;
}
.doc-type-panel .semaphore.red {
  background-color: red;
}
.doc-type-panel .semaphore.green {
  background-color: green;
}
.doc-type-panel .menu-expand-icon {
  font-size: 16px;
  position: relative;
  top: 4px;
  line-height: 6px;
  left: 1px;
}
.doc-type-panel .menu-warning-icon {
  font-size: 16px;
  position: relative;
  top: 2px;
  line-height: 6px;
  left: 2px;
  display: none;
  color: var(--link2Color);
  margin-left: 3px;
}
.doc-type-panel .form-bulk-progress {
  display: none;
}
.doc-type-panel .form-bulk-progress label {
  color: gray;
  opacity: 0.6;
  cursor: default;
}
.doc-type-panel .form-bulk-progress-bar {
  display: inline;
  float: right;
  width: 110px;
}
.doc-type-panel .reprocessing-menu-item {
  cursor: default;
}
.doc-type-panel.reprocessing.reprocessing-failed .menu-warning-icon,
.doc-type-panel.reprocessing-failed.reprocessing-failed .menu-warning-icon {
  color: red;
}
.doc-type-panel.reprocessing.reprocessing-failed .form-bulk-progress label,
.doc-type-panel.reprocessing-failed.reprocessing-failed .form-bulk-progress label {
  color: var(--link2Color);
  opacity: 1;
  cursor: pointer;
}
.doc-type-panel.reprocessing.reprocessing-failed .x-progress-wrap,
.doc-type-panel.reprocessing-failed.reprocessing-failed .x-progress-wrap {
  cursor: pointer;
}
.doc-type-panel.reprocessing.reprocessing-failed .x-progress-wrap .x-progress-inner .x-progress-bar,
.doc-type-panel.reprocessing-failed.reprocessing-failed .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: red !important;
}
.doc-type-panel.reprocessing.reprocessing-failed .form-bulk-progress-bar,
.doc-type-panel.reprocessing-failed.reprocessing-failed .form-bulk-progress-bar {
  width: 100px;
}
.doc-type-panel.reprocessing.reprocessing-failed .reprocessing-menu-item,
.doc-type-panel.reprocessing-failed.reprocessing-failed .reprocessing-menu-item {
  cursor: pointer;
}
.doc-type-panel.reprocessing .bulk-menu.menu-warning-icon,
.doc-type-panel.reprocessing-failed .bulk-menu.menu-warning-icon {
  display: inline;
}
.doc-type-panel.reprocessing .menu-expand-icon,
.doc-type-panel.reprocessing-failed .menu-expand-icon {
  display: none;
}
.doc-type-panel.reprocessing .bulk-reprocess-data-menu,
.doc-type-panel.reprocessing-failed .bulk-reprocess-data-menu {
  display: none;
}
.doc-type-panel.reprocessing .reprocess-data-menu,
.doc-type-panel.reprocessing-failed .reprocess-data-menu {
  display: none;
}
.doc-type-panel.reprocessing .form-bulk-progress,
.doc-type-panel.reprocessing-failed .form-bulk-progress {
  display: inline;
}
.doc-type-panel.baloon-menu .reprocess-link {
  color: var(--link1Color);
}
.doc-type-panel.baloon-menu .reprocess-link:not(.x-item-disabled) {
  cursor: pointer;
}
.doc-type-panel.baloon-menu .reprocess-link:not(.x-item-disabled):hover {
  text-decoration: underline;
}
.doc-type-panel.baloon-menu .interrupt-reprocess {
  color: var(--link1Color);
  cursor: pointer;
  font-size: 16px;
  float: right;
  padding-left: 4px;
}
.doc-type-panel.baloon-menu .interrupt-reprocess.x-item-disabled {
  cursor: default;
}
.doc-type-panel.baloon-menu .last-reprocess-info {
  background-color: #f8f8f8;
  padding: 8px;
  color: #414141;
  margin-top: 8px;
  line-height: 16px;
}
.doc-type-panel.baloon-menu .last-reprocess-info.interrupted .menu-warning-icon,
.doc-type-panel.baloon-menu .last-reprocess-info.failed .menu-warning-icon {
  color: red;
  display: inline;
}
.doc-type-panel .reprocessed-fields-label {
  margin-right: 2px;
}
.doc-type-grid-new-field-menu .new-field-menu-item {
  font: 11px Arial;
  color: var(--link1Color);
  padding: 7px;
  cursor: pointer;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.doc-type-grid-new-field-menu .new-field-menu-item:nth-child(odd) {
  background: #fafafa;
  border: 1px solid #eee;
}
.doc-type-grid-new-field-menu .new-field-menu-item:last-child {
  border-top: 1px solid #eee;
}
.doc-type-grid-new-field-menu .new-field-menu-item:hover {
  background-color: #eee;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.grid-task-progress .interrupt-reprocess-grid {
  color: var(--link1Color);
  cursor: pointer;
  font-size: 16px;
  float: right;
}
.grid-task-progress .interrupt-reprocess-grid.x-item-disabled {
  cursor: default;
}
.grid-task-progress .progress-bar-grid {
  width: calc(100% - 20px);
  float: left;
  margin-right: 4px;
}
.grid-task-progress .reprocessing-failed-grid-icon::part(base) {
  font-size: 10px !important;
  cursor: pointer;
}
.grid-task-progress .reprocessing-failed-cell .x-grid3-cell-inner {
  padding: 2px 11px;
}
.grid-task-progress .reprocessing-failed-cell .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: red !important;
}
@-webkit-keyframes top-loading-circle-move {
  0% {
    transform: translate(0px);
  }
  100% {
    transform: translate(400px);
  }
}
@keyframes top-loading-circle-move {
  0% {
    transform: translate(0px);
  }
  100% {
    transform: translate(400px);
  }
}
.grid-task-progress .grid-progress-loading {
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: default;
  display: flex;
  overflow: hidden;
  height: 14px;
  width: 100%;
}
.grid-task-progress .grid-progress-loading .circle {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  box-shadow: 1px 1px #f5f5f5;
}
.grid-task-progress .grid-progress-loading.active {
  visibility: visible;
}
.grid-task-progress .grid-progress-loading.active .circle {
  -webkit-animation-play-state: running !important;
  animation-play-state: running !important;
}
.grid-task-progress .grid-progress-loading .circle-1 {
  background-color: #d81e5a;
  -webkit-animation: top-loading-circle-move 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 0s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.grid-task-progress .grid-progress-loading .circle-2 {
  background-color: #4e397f;
  -webkit-animation: top-loading-circle-move 2.7s 250ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 250ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.grid-task-progress .grid-progress-loading .circle-3 {
  background-color: #2376b3;
  -webkit-animation: top-loading-circle-move 2.7s 500ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 500ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.grid-task-progress .grid-progress-loading .circle-4 {
  background-color: #2da241;
  -webkit-animation: top-loading-circle-move 2.7s 750ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: top-loading-circle-move 2.7s 750ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.grid-task-progress .x-progress-wrap {
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 1px !important;
}
.grid-task-progress .x-progress-wrap .x-progress-inner {
  height: 12px !important;
  background: #f8f8f8 !important;
}
.grid-task-progress .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: var(--hlColor) !important;
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none !important;
}
.grid-task-progress .x-progress-wrap .x-progress-inner .x-progress-text {
  text-align: right !important;
  color: #fff;
  line-height: 12px !important;
  font-size: 9px !important;
  padding: 0 !important;
}
.grid-task-progress .x-progress-wrap .x-progress-inner .x-progress-text.x-progress-text-back {
  color: #777;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-grid-panel .x-grid3-header table .x-grid3-hd-inner {
  padding-left: 5px;
  padding-right: 5px;
}
.balloon.baloon-menu .x-item-disabled {
  color: gray !important;
  cursor: default;
}
.balloon.baloon-menu .configure-access {
  margin-top: 10px;
}
.balloon.baloon-menu .configure-access .x-btn-center {
  cursor: pointer;
  background-image: none !important;
  background: none;
  padding: 0px;
}
.balloon.baloon-menu .configure-access .x-btn-center button {
  font: 12px Arial;
  color: var(--link2Color);
  padding: 0px;
}
.balloon.baloon-menu .configure-access .x-btn-right {
  display: none;
  background-image: none !important;
}
.balloon.baloon-menu .configure-access .x-btn-left {
  display: none;
  background-image: none !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tree-tab-panel .tree-panel .panel-no-result {
  display: none;
}
.tree-tab-panel .tree-panel.no-rows .node-tree-panel .x-tree-root-node {
  display: none;
}
.tree-tab-panel .tree-panel.no-rows .panel-no-result {
  display: block;
}
.tree-tab-panel .tree-panel.no-rows .panel-no-result .x-panel-body.x-panel-body-noheader {
  border: none;
}
.tree-tab-panel .tree-panel.no-rows .panel-no-result .view-panel-no-result {
  background-color: #f9f9f9;
  padding: 90px 0px;
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #a0a0a0;
  text-align: center;
  margin: 0px;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-root-node {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ededed;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-root-node > .x-tree-node:first-child {
  border-radius: 4px 4px 0 0;
  border: none;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-root-node > .x-tree-node:last-child {
  border-radius: 0 0 4px 4px;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node {
  border-top: 1px solid #ededed;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el {
  padding: 0px 0;
  cursor: default;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el .icon-access-restriction,
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el .tree-icons {
  vertical-align: middle;
  margin: 2px 5px 0px 0px;
  float: right;
  font-size: 15px;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el .icon-access-restriction {
  color: grey;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el .tree-icons {
  cursor: pointer;
  display: none;
  color: var(--link1Color);
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el .tree-icons.remove-node {
  font-size: 17px;
  margin-top: 1px;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el .tree-icons.move-node {
  margin-right: 3px;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el.x-tree-node-over .tree-icons {
  display: block;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el.x-tree-selected {
  background-color: transparent;
  border: none;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node .x-tree-node-el a {
  cursor: default;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node:nth-child(odd) {
  background-color: white;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node:nth-child(even) {
  background-color: #fafafa;
}
.tree-tab-panel .tree-panel .node-tree-panel .x-tree-node-over {
  border-radius: 0;
  background-color: #e7edf2 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.node-panel {
  /* nao aumentar o max-width dessa classe, mesmo se reclamarem que esta aparecendo as reticencias antes do devido.
  se aumentar quebra o layout quando tem muitos documentos associados */
}
.node-panel .responsible {
  color: #3C3C3C;
}
.node-panel .left-ct .facet-panel li .name {
  max-width: 90px !important;
}
.node-panel .inherit-filters-cb {
  padding-bottom: 5px;
  margin-left: 10px;
}
.node-panel .inherit-filters-cb label {
  float: right !important;
  margin-top: -16px;
  margin-left: 16px;
  padding: 0px 6px 0px 6px;
}
.node-panel .inherit-filters-cb input[type="checkbox"] {
  margin-top: 6px;
}
.node-panel .ytb-sep {
  margin-left: 10px;
  margin-right: 10px;
}
.node-panel .save-btn {
  margin: 0px;
  float: right;
}
.node-panel .save-btn.disabled {
  cursor: default;
  opacity: 0.5;
}
.node-panel .separator {
  margin-left: 5px;
  border-left: 1px solid #ddd;
}
.node-panel .right {
  padding-left: 6px;
  padding-top: 0px;
}
.node-panel .right span.icon-expand {
  padding-top: 4px;
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.tree-grid-panel .hierarchy-icon,
.tree-grid-panel .leaf-icon {
  font-size: 13px;
  position: absolute;
  cursor: pointer;
}
.tree-grid-panel .new-node-btn {
  width: 133px !important;
  margin-top: 1px;
}
.tree-grid-panel .new-node-btn .x-btn-center {
  width: 125px !important;
}
.tree-grid-panel .leaf-icon {
  cursor: initial;
}
.tree-grid-panel .icon-grid-collapse {
  color: var(--link1Color);
}
.tree-grid-panel .icon-grid-expand {
  color: var(--link2Color);
}
.tree-grid-panel .icon-grid-leaf {
  color: #DEDEDE;
}
.tree-grid-panel .filtered-row .icon-grid-collapse,
.tree-grid-panel .disabled-row .icon-grid-collapse {
  color: #a0a0a0;
}
.tree-grid-panel .filtered-row .icon-grid-expand,
.tree-grid-panel .disabled-row .icon-grid-expand {
  color: #a0a0a0;
}
.tree-grid-panel .disabled-row .x-grid3-cell-inner {
  color: #a0a0a0;
}
.tree-grid-panel .x-grid3-scroller {
  overflow: hidden !important;
}
.tree-grid-panel .hierarchy-img {
  position: absolute;
  margin-top: -13px;
  width: 32px;
  height: 38px;
  border: none;
}
.tree-grid-panel .hierarchy-img.last-child-collapsed {
  background: url(../images/blue/tree/last-child-collapsed.png) no-repeat;
}
.tree-grid-panel .hierarchy-img.last-child-expanded {
  background: url(../images/blue/tree/last-child-expanded.png) no-repeat;
}
.tree-grid-panel .hierarchy-img.child-collapsed {
  background: url(../images/blue/tree/child-collapsed.png) no-repeat;
}
.tree-grid-panel .hierarchy-img.child-expanded {
  background: url(../images/blue/tree/child-expanded.png) no-repeat;
}
.tree-grid-panel .hierarchy-img.root-expanded {
  background: url(../images/blue/tree/root-expanded.png) no-repeat;
  margin-top: -10px;
}
.tree-grid-panel .hierarchy-img.indent {
  background: url(../images/blue/tree/indent.png) no-repeat;
}
.tree-grid-panel .drag-above {
  background-color: inherit;
}
.tree-grid-panel .drag-below {
  background-color: inherit;
}
.tree-grid-panel .drag-below .x-grid3-col {
  border-bottom: 1px dotted #36c;
}
.tree-grid-panel .drag-below.x-grid3-header table {
  border-bottom: 1px dotted #36c;
}
.x-dd-drag-proxy .x-dd-drop-icon {
  margin-top: 1px;
}
.x-dd-drag-proxy .x-dd-drag-ghost {
  border-radius: 5px;
  padding: 5px;
}
.x-dd-drag-proxy .x-dd-drag-ghost .x-grid-dd-wrap {
  margin-left: 17px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.classifiers-tab-panel .classifiers-tree-panel [class^="icon-"],
.classifiers-tab-panel .classifiers-tree-panel [class*=" icon-"] {
  line-height: 18px;
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-icon,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-ec-icon,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow-line,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow-end,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow-plus,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow-minus,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow-end-plus,
.classifiers-tab-panel .classifiers-tree-panel .x-tree-elbow-end-minus {
  border: 0 none;
  height: 34px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 30px;
  background-repeat: no-repeat;
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow {
  background-image: url(../images/blue/tree/elbow-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow-plus {
  background-image: url(../images/blue/tree/elbow-plus-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow-minus {
  background-image: url(../images/blue/tree/elbow-minus-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow-end {
  background-image: url(../images/blue/tree/elbow-end-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow-end-plus {
  background-image: url(../images/blue/tree/elbow-end-plus-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow-end-minus {
  background-image: url(../images/blue/tree/elbow-end-minus-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-lines .x-tree-elbow-line {
  background-image: url(../images/blue/tree/elbow-line-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-plus {
  background-image: url(../images/blue/tree/elbow-plus-nl-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-minus {
  background-image: url(../images/blue/tree/elbow-minus-nl-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-end-plus {
  background-image: url(../images/blue/tree/elbow-end-plus-nl-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-end-minus {
  background-image: url(../images/blue/tree/elbow-end-minus-nl-large.gif);
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-node-classifier-FROM_PARENT .x-tree-node-icon {
  background-image: url("../images/tree/filter.png");
  margin-top: 8px;
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-node-classifier-FROM_CHILDREN .x-tree-node-icon {
  background-image: url("../images/tree/folder_gray.png");
  margin-top: 8px;
}
.classifiers-tab-panel .classifiers-tree-panel .x-tree-node-el .node-text {
  float: left;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 800px;
  font-family: var(--mainFontFace) !important;
  margin-left: 2px;
  margin-top: 8px;
}
.classifiers-tab-panel .classifiers-tree-panel .x-dd-drag-ghost .icon-access-restriction,
.classifiers-tab-panel .classifiers-tree-panel .x-dd-drag-ghost .tree-icons {
  vertical-align: middle;
  margin: 2px 5px 0px 0px;
  float: right;
  font-size: 15px;
}
.classifiers-tab-panel.x-window-dlg:not(.multiple-selection) .view-classifier-links {
  color: rgb(var(--dangerColor));
  cursor: pointer;
  font-weight: bold;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-list-edit-window .actions-container {
  margin-left: 95px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-classifier-edit-window .input-ct {
  margin-top: 10px;
}
.doc-type-classifier-edit-window .input-ct label {
  line-height: 23px;
  color: #3c3c3c;
  width: 200px;
  float: left;
}
.doc-type-classifier-edit-window .classifiers-tree-panel {
  border: 0;
  background-color: transparent;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.doc-type-classifier-edit-window .classifiers-tree-panel [class^="icon-"],
.doc-type-classifier-edit-window .classifiers-tree-panel [class*=" icon-"] {
  line-height: 18px;
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-icon,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-ec-icon,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow-line,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow-end,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow-plus,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow-minus,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow-end-plus,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-elbow-end-minus {
  border: 0 none;
  height: 18px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
  background-repeat: no-repeat;
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow {
  background-image: url(../images/blue/tree/elbow.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow-plus {
  background-image: url(../images/blue/tree/elbow-plus.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow-minus {
  background-image: url(../images/blue/tree/elbow-minus.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow-end {
  background-image: url(../images/blue/tree/elbow-end.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow-end-plus {
  background-image: url(../images/blue/tree/elbow-end-plus.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow-end-minus {
  background-image: url(../images/blue/tree/elbow-end-minus.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-lines .x-tree-elbow-line {
  background-image: url(../images/blue/tree/elbow-line.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-plus {
  background-image: url(../images/blue/tree/elbow-plus-nl.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-minus {
  background-image: url(../images/blue/tree/elbow-minus-nl.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-end-plus {
  background-image: url(../images/blue/tree/elbow-end-plus-nl.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-no-lines .x-tree-elbow-end-minus {
  background-image: url(../images/blue/tree/elbow-end-minus-nl.gif);
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-tree-node-el .node-text {
  float: left;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 800px;
  font-family: var(--mainFontFace) !important;
  margin-left: 2px;
  margin-top: 8px;
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-dd-drag-ghost .icon-access-restriction,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-dd-drag-ghost .tree-icons {
  vertical-align: middle;
  margin: 2px 5px 0px 0px;
  float: right;
  font-size: 15px;
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-tl,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-tr,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-ml,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-mr,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-bl,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-br {
  border: none !important;
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-body {
  padding-bottom: 0 !important;
}
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-mc,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-mr,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-ml,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-bc,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-br,
.doc-type-classifier-edit-window .classifiers-tree-panel .x-panel-bl {
  background-color: transparent;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.update-condition-builder .update-condition-builder-group:first-child .label-if {
  display: block !important;
}
.update-condition-builder .update-condition-builder-group:not(:first-child) .label-also-if {
  display: block !important;
}
.update-condition-builder .update-condition-builder-group .remove-item,
.update-condition-builder .update-condition-builder-group .remove-group,
.update-condition-builder .update-condition-builder-group .remove-item-missed-cube {
  position: absolute;
  cursor: pointer;
  text-align: center;
  top: 2px;
  right: 6px;
  width: 28px;
  height: 20px;
  line-height: 20px;
  z-index: 20;
}
.update-condition-builder .update-condition-builder-group .remove-group svg {
  fill: var(--link2Color);
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .operator {
  color: #1F87FF;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .remove-item svg {
  fill: #1F87FF;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .remove-item-missed-cube svg {
  fill: #ec1c24;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .linking-line {
  border-color: rgba(31, 135, 255, 0.35) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-entry.animating.highlight .main-line .cortex-input {
  background-color: #D7F1FF !important;
  border-color: rgba(31, 135, 255, 0.55) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-entry.selected .main-line .cortex-input {
  border-color: #1f87ff !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-entry .main-line .cortex-input {
  background-color: #EDF8FE !important;
  border-color: rgba(31, 135, 255, 0.35) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-entry .main-line .cortex-input.ace_focus {
  background-color: white !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-entry .main-line .cortex-input:hover:not(.ace_focus) {
  background-color: #D7F1FF !important;
  border-color: rgba(31, 135, 255, 0.55) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-entry .main-line .cortex-input .cortex-ace-wrapper {
  margin-right: 30px;
  background-color: transparent;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .dynamic .cube-item {
  background-color: #EDF8FE !important;
  border-color: rgba(31, 135, 255, 0.35) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .operator {
  color: #4CC51C;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .remove-item svg {
  fill: #4CC51C;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .remove-item-missed-cube svg {
  fill: #ec1c24;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .linking-line {
  border-color: rgba(76, 197, 28, 0.35) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-entry.animating.highlight .main-line .cortex-input {
  background-color: #DAFECC !important;
  border-color: rgba(76, 197, 28, 0.55) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-entry.selected .main-line .cortex-input {
  border-color: #4cc51c !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-entry .main-line .cortex-input {
  background-color: #E8FFE0 !important;
  border-color: rgba(76, 197, 28, 0.35) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-entry .main-line .cortex-input.ace_focus {
  background-color: white !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-entry .main-line .cortex-input:hover:not(.ace_focus) {
  background-color: #DAFECC !important;
  border-color: rgba(76, 197, 28, 0.55) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-entry .main-line .cortex-input .cortex-ace-wrapper {
  margin-right: 30px;
  background-color: transparent;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .dynamic .cube-item {
  background-color: #E8FFE0 !important;
  border-color: rgba(76, 197, 28, 0.35) !important;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="at-least"] .operator.and {
  display: none;
}
.update-condition-builder .update-condition-builder-group[update-condition-type="all"] .operator.or {
  display: none;
}
.update-condition-builder .update-condition-builder-group .cubes .dynamic .cubes-style-ct {
  display: none;
}
.update-condition-builder .update-condition-builder-group .cubes .dynamic .cube-entry .main-line .add {
  display: none;
}
.update-condition-builder .update-condition-builder-group .cubes .dynamic .cube-entry:only-child .between-line {
  visibility: hidden;
}
.update-condition-builder .update-condition-builder-group .cubes .dynamic .cube-entry:last-child .between-line {
  visibility: hidden;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .cortex-input {
  border-radius: 12px;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry[update-condition-type="keyword"] .cortex-input {
  border-radius: 12px !important;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line {
  display: flex;
  position: relative;
  z-index: 1;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .selection {
  flex: 0 0 auto;
  align-self: center;
  visibility: hidden;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .add {
  flex: 0 0 auto;
  margin-left: 15px;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .separator {
  flex: 0 0 60px;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .input-group,
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .condition-simple-ct,
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .cortex-input {
  flex: 1 1 100%;
  display: flex;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .main-line .cortex-input {
  height: auto !important;
  padding: 0 8px !important;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .between-line {
  display: flex;
  height: 15px;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .between-line .spacing {
  flex: 0 0 15px;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .between-line .operator {
  flex: 0 0 45px;
  text-align: center;
  align-self: center;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .between-line .line {
  flex: 0 0 1px;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .between-line .line .linking-line {
  width: 15px;
  margin-top: -11px;
  height: 37px;
  border: 1px solid;
  border-right: none;
  z-index: -1;
}
.update-condition-builder .update-condition-builder-group .cubes .cube-entry .missed-cube {
  border-color: #EC1C24 !important;
  background-color: rgba(236, 28, 36, 0.2) !important;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct {
  display: flex;
  margin: 10px 0;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .label-if,
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .label-also-if {
  line-height: 23px;
  flex: 0 0 75px;
  display: none;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-ct {
  flex: 1 1 100%;
  display: flex;
  position: relative;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-ct .x-form-field-wrap {
  flex: 1 1 100%;
  width: auto !important;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-ct .x-form-field-wrap .x-form-trigger-svg {
  padding-right: 35px;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-ct .x-form-field-wrap .cortex-combo {
  flex: 1 1 100%;
  padding: 0 13px;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-cube-ct {
  flex: 1 1 100%;
  display: flex;
  position: relative;
  margin-right: 5px;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-cube-ct .x-form-field-wrap {
  flex: 1 1 100%;
  width: auto !important;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-cube-ct .x-form-field-wrap .x-form-trigger-svg {
  padding-right: 10px;
}
.update-condition-builder .update-condition-builder-group .update-condition-type-ct .combo-cube-ct .x-form-field-wrap .cortex-combo {
  flex: 1 1 100%;
  padding: 0 13px;
}
.update-condition-builder .update-condition-builder-group .cube-item,
.update-condition-builder .update-condition-builder-group .missed-cube {
  flex: 1 1 100%;
  display: flex;
  height: 21px;
  border-radius: 12px;
  border: 1px solid #DCDCDC;
}
.update-condition-builder .update-condition-builder-group .cube-item-text {
  padding: 4px 0 0 10px;
}
.update-condition-type {
  font-weight: bold;
}
.update-condition-type.at-least {
  color: #1F87FF;
}
.update-condition-type.all {
  color: #4CC51C;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.update-condition-builder {
  padding-right: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.condition-builder-window {
  width: 100%;
  max-width: 675px;
  min-width: var(--mainPanelMinWidth);
}
.condition-builder-window .condition-builder-ct {
  min-height: 167px;
  width: 100%;
}
.condition-builder-window .x-window-mr {
  padding-right: 0;
}
.condition-builder-window .x-window-mr .plain-toolbar {
  padding-right: 10px;
}
.condition-builder-window .x-window-body {
  max-height: 80vh;
}
.condition-builder-window .x-window-footer .warning-footer-content {
  top: -30px !important;
  width: 80% !important;
  line-height: 13px !important;
  display: flex;
}
.condition-builder-window .x-window-footer .warning-footer-content .icon-warning-round {
  font-size: 16px;
  position: relative;
  color: #FFAE00;
  margin-top: 4px;
}
.condition-builder-window .x-window-footer .warning-footer-content .msg-warning {
  font-size: 11px;
  vertical-align: top;
  margin-left: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cytoscape-diagram-instructions-tooltip {
  z-index: 39000;
  background-color: #F3F4F6;
  height: 203px!important;
  width: 315px!important;
  margin-top: 4px !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.cytoscape-diagram-instructions-tooltip .container {
  padding: 16px;
}
.cytoscape-diagram-instructions-tooltip .instruction-row {
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  font-family: Open Sans, Arial, Helvetica;
  font-size: 12px;
  color: #2B303B;
  line-height: 16px;
}
.cytoscape-diagram-instructions-tooltip .instruction-text-information {
  width: 160px;
}
.cytoscape-diagram-instructions-tooltip .instruction-text-title {
  width: 100px;
  font-weight: bold;
}
.cytoscape-diagram-instructions-tooltip .instruction-icon {
  padding-right: 12px;
}
.cytoscape-diagram-instructions-tooltip .instruction-icon svg {
  fill: #2B303B;
  height: 18px;
  width: 18px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cytoscape-diagram-box {
  width: 100%;
  position: absolute;
  left: 0;
  background-color: transparent;
  background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent);
  height: 90%;
  background-size: 50px 50px;
  cursor: move;
}
.cytoscape-diagram-box .cytoscape {
  width: 100%;
  height: 100%;
}
.cytoscape-diagram-box .cell-diagram {
  padding: 10px 30px 13px 30px;
}
.cytoscape-diagram-box .instructions-diagram-link {
  right: 8px;
  position: absolute;
  margin-top: 8px;
  cursor: pointer;
  background-color: #F3F4F6;
  width: 36px;
  height: 36px;
  z-index: 30000;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.cytoscape-diagram-box .instructions-diagram-link svg {
  height: 20px;
  width: 20px;
  fill: var(--buttonBgStart);
  padding: 8px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-query-sql-diagram {
  width: 90%;
  height: 90%;
}
.cube-query-sql-diagram .text {
  margin-bottom: 10px;
  color: #777;
}
.cube-query-sql-diagram .content {
  width: 100%;
  height: 100%;
  min-height: 370px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.sql-window {
  min-width: var(--mainPanelMinWidth);
  z-index: 9005 !important;
}
.sql-window img,
.sql-window a {
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
}
.sql-window .full-toolbar tr td + td {
  width: 100%;
}
.sql-window .full-toolbar .full-title .subtitle {
  float: left;
  color: #777;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}
.sql-window .full-toolbar .full-title .subtitle.subtitle-link {
  cursor: pointer;
  color: var(--link1Color);
}
.sql-window .full-toolbar .full-title .subtitle.subtitle-link:hover {
  text-decoration: underline;
}
.sql-window .full-toolbar .cortex-btn-ok button {
  padding: 2px 10px;
}
.sql-window .full-toolbar .sql-help-icon.icon-information {
  margin-right: 20px;
}
.sql-window .full-toolbar .sql-help-icon.icon-information:before {
  color: var(--link1Color);
  font-size: 23px;
  vertical-align: middle;
  cursor: pointer;
}
.sql-window .full-toolbar .sql-diagram-link {
  margin-right: 10px;
  font-family: "Open Sans", sans-serif;
  line-height: 16px;
}
.sql-window .full-toolbar .sql-diagram-link:not(.x-item-disabled) {
  cursor: pointer;
  color: var(--link1Color);
}
.sql-window .content-ct {
  display: flex;
  flex-flow: column;
  background-color: #f3f4f6;
}
.sql-window .content-ct .sql-builder-ct {
  background-color: #f3f4f6;
  font-size: 11px;
  margin: 8px 8px 16px 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-builder-header {
  font-weight: bold;
  color: var(--darkColor);
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  line-height: 16px;
}
.sql-window .content-ct .sql-builder-ct .remove-link {
  display: flex;
  flex-direction: row;
  padding: 12px;
  cursor: pointer;
  color: var(--link2Color);
  background-color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  line-height: 16px;
}
.sql-window .content-ct .sql-builder-ct .remove-link .icon {
  line-height: 16px;
  font-size: 16px;
  margin-right: 8px;
  text-align: center;
  color: var(--link2Color);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct {
  display: flex;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .hidden {
  display: none;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container {
  padding: 12px 12px 6px 12px;
  background: #ffffff;
  border-radius: 8px 8px 0 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container > * {
  margin-bottom: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container > *:first-child {
  margin-bottom: 14px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container > *:last-child {
  margin-bottom: 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container .x-form-field-wrap {
  width: 100% !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container .x-form-field-wrap .x-form-text {
  flex-grow: 1;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-cube-selector-header-container .sql-cube-selector-warning {
  color: var(--neutral-500, #6c7993);
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 17px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector {
  flex: 0 0 16%;
  min-width: 180px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  border-radius: 8px;
  margin-right: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .x-panel-bwrap,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .x-panel-body {
  flex: 1;
  height: 100% !important;
  border-radius: 0 0 8px 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree.cortex-tree-panel {
  height: calc(100% - 113px) !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree .x-tree-root-ct {
  border-radius: 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree ul.x-tree-lines {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree ul.x-tree-lines.filtering .x-tree-root-node > li:not(.matched) {
  display: none;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree .x-tree-node-icon {
  width: 0;
  height: 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree .x-tree-node-disabled {
  cursor: default;
  filter: grayscale(1);
  opacity: 0.6;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree .field-type.measure a span {
  color: var(--measureColor);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree .field-type.dimension a span {
  color: var(--dimensionColor);
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .cube-selector .database-tree .field-type-icon-ct {
  display: inline-block;
  position: relative;
  width: 26px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-editor-custom-marker {
  position: absolute;
  pointer-events: auto;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .error-marker {
  background: #fff7e5;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .icon-access-restriction {
  background: none;
  padding-left: 4px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .icon-access-restriction:before {
  color: #ffae00;
  font-size: 14px;
  vertical-align: bottom;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-editor-ct {
  flex: 1 1 100%;
  min-width: 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-editor-ct:not(.visible) {
  display: none;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-editor-ct .sql-editor {
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-radius: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-editor-ct .sql-editor .ace_tooltip {
  background-color: #2d2d2d;
  background-image: none;
  border: 1px solid #000;
  border-radius: 4px;
  opacity: 0.85;
  color: #ffffff;
  font: normal 11px "Open Sans", sans-serif;
  white-space: pre;
  letter-spacing: normal;
  word-wrap: break-word;
  line-height: normal;
  text-align: left;
  max-width: 100%;
  padding: 3px 4px;
  position: fixed;
  box-sizing: border-box;
  box-shadow: none;
  z-index: 999999;
  cursor: default;
  pointer-events: none;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct {
  flex: 0 0 218px;
  vertical-align: top;
  background-color: #ffffff;
  margin-left: 8px;
  padding: 16px 12px;
  border-radius: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .slimScrollDiv {
  position: static !important;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .removed-part-msg {
  color: red;
  font-weight: bolder;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-data-combo-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-data-combo-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .primary-key-combo-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .primary-key-combo-ct {
  margin: 14px 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct {
  display: flex;
  flex-direction: column;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .analysis-warning-box,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .analysis-warning-box {
  width: 216px;
  border-radius: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .analysis-warning-box .header,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .analysis-warning-box .header {
  padding: 6px 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .analysis-warning-box .header.header-only,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .analysis-warning-box .header.header-only {
  border-radius: 8px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .analysis-warning-box .header .header-icon-full,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .analysis-warning-box .header .header-icon-full {
  vertical-align: middle;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .analysis-warning-box .header .header-title-full,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .analysis-warning-box .header .header-title-full {
  padding: 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .update-data-config-button,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .update-data-config-button {
  padding: 4px 12px;
  width: max-content;
  background: #fff;
  border: 1px solid var(--buttonBgMiddle);
  border-radius: 24px;
  color: var(--buttonBgStart) !important;
  font-family: "Open Sans", serif;
  font-weight: bold;
  line-height: 16px;
  font-size: 12px;
  cursor: pointer;
  margin: 8px auto;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .update-type-config-ct .update-data-config-button.disabled,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .update-type-config-ct .update-data-config-button.disabled {
  background: #fff;
  opacity: 50%;
  border: 1px solid #c5c5c5;
  color: #c5c5c5 !important;
  cursor: default;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .update-data .primary-key-config-box,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .primary-key .primary-key-config-box {
  background-color: #fafafa;
  padding: 5px;
  margin: 5px 0px;
  border-radius: 7px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key {
  padding: 12px 0 0 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-combo-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-combo-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .secondary-key-combo-ct,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .secondary-key-combo-ct {
  margin: 14px 0 8px 0;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-header-icon.icon-warning-round,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-header-icon.icon-warning-round {
  padding-left: 5px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-header-icon.icon-warning-round:before,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-header-icon.icon-warning-round:before {
  color: #ffae00;
  font-size: 14px;
  vertical-align: middle;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-header-icon.icon-warning-round.disabled:before,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-header-icon.icon-warning-round.disabled:before {
  color: #c5c5c5;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-config-box,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-config-box,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .secondary-key-config-box,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .secondary-key-config-box {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  border-radius: 7px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-config-message,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-config-message {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-config-warning,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-config-warning {
  color: #ffae00;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .load-type .load-type-unsupported,
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .secondary-key .load-type-unsupported {
  color: #ec1c24;
  background-color: #ffe9ea;
}
.sql-window .content-ct .sql-builder-ct .sql-cube-selector-editor-ct .sql-config-ct .scroll-ct .sql-config-inner .disabled {
  color: #c5c5c5;
}
.sql-window .content-ct .preview-bar {
  display: flex;
  flex-flow: row nowrap;
  border: none;
  background: #f3f4f6;
  margin: 8px 0 14px 24px;
}
.sql-window .content-ct .preview-bar.warning {
  background: #fffddf;
}
.sql-window .content-ct .preview-bar.error {
  background: #fff2f3;
}
.sql-window .content-ct .preview-bar .left-preview-bar {
  line-height: 28px;
  height: 28px;
  min-width: 180px;
  max-width: 500px;
}
.sql-window .content-ct .preview-bar .cortex-btn {
  width: 85px !important;
  padding: 1px 12px 1px 12px;
  background: #ffffff;
  border-radius: 24px;
}
.sql-window .content-ct .preview-bar .cortex-btn .x-btn-center {
  padding: 0;
}
.sql-window .content-ct .preview-bar .cortex-btn button {
  color: var(--buttonBgStart) !important;
  font-family: "Open Sans", serif;
  font-weight: bold;
  line-height: 16px;
  font-size: 12px;
  padding: 0;
}
.sql-window .content-ct .preview-bar .result-info-ct {
  min-width: 0;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 1px;
}
.sql-window .content-ct .preview-bar .result-info-message {
  flex: 0 1 auto;
  line-height: 24px;
  height: 24px;
  padding-left: 12px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sql-window .content-ct .preview-bar .result-info-message.error {
  color: #de1219;
}
.sql-window .content-ct .preview-bar .result-info-message .execution_time.slow {
  color: #976800;
}
.sql-window .content-ct .preview-bar .result-info-message.link {
  cursor: pointer;
  color: var(--link1Color);
}
.sql-window .content-ct .preview-bar .result-info-message.link:hover {
  text-decoration: underline;
}
.sql-window .content-ct .preview-bar .result-info-message.row-count {
  padding: unset;
}
.sql-window .content-ct .preview-bar .result-info-box {
  flex: 0 1 auto;
  height: 12px;
  border: 1px solid;
  border-radius: 5px;
  padding: 5px 10px 5px 22px;
  margin-left: 10px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sql-window .content-ct .preview-bar .result-info-box:hover {
  cursor: pointer;
  text-decoration: underline;
}
.sql-window .content-ct .preview-bar .result-info-box .icon-warning {
  position: absolute;
  left: 4px;
  top: 3px;
  font-size: 15px;
}
.sql-window .content-ct .preview-bar .result-info-info-box {
  background: none;
  border: none;
  padding: 0;
  margin-top: 3px;
  font-size: 16px;
  height: auto;
}
.sql-window .content-ct .preview-bar .result-info-info-box .icon-check {
  color: #0bc2b4;
}
.sql-window .content-ct .preview-bar .result-info-warning-box {
  border-color: #fb991e;
  background-color: #ffe9c8;
}
.sql-window .content-ct .preview-bar .result-info-warning-box .icon-warning {
  color: #fb991e;
}
.sql-window .content-ct .preview-bar .result-info-alert-box {
  border-color: #ef2d57;
  background-color: #fed2da;
}
.sql-window .content-ct .preview-bar .result-info-alert-box .icon-warning {
  color: #ef2d57;
}
.sql-window .content-ct .result {
  height: 1px;
  flex: 1 1 1px;
  background-color: #ffffff;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
  padding-right: 0;
}
.sql-window .content-ct .result .preview-title {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 6px;
}
.sql-window .content-ct .result .invalid-query {
  padding-top: 50px;
  font-size: 13px;
  text-align: center;
  color: #cb0000;
}
.sql-window .content-ct .result .x-panel-bwrap .x-panel-body {
  overflow: auto;
  height: 100%;
  max-width: 100%;
}
.sql-window .content-ct .result .x-grid3 {
  margin-right: 0.5em;
}
.sql-preview-grid {
  padding-top: 8px;
  background-color: #ffffff;
  width: auto;
  display: flex;
  flex: 1;
  max-width: 100%;
  max-height: calc(100% - 3px);
}
.sql-preview-grid .icon-warning {
  color: #ffae00;
}
.sql-preview-grid .x-grid-panel {
  max-height: calc(100% - 3px);
}
.sql-preview-grid .x-panel-body {
  height: 100% !important;
}
.sql-preview-grid .x-grid3-viewport {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.sql-preview-grid .x-grid3 {
  height: 100%;
  max-height: 100%;
}
.sql-preview-grid .x-grid3 .x-grid3-hd-inner .icon-warning {
  position: absolute;
  right: 2px;
  top: 6px;
  font-size: 13px;
}
.sql-preview-grid .x-grid3 .x-grid3-cell.null-cell {
  text-align: left !important;
}
.sql-preview-grid .x-grid3 .x-grid3-cell.null-cell .x-grid3-cell-inner {
  font-style: italic;
  color: #ccc;
}
.sql-preview-grid .x-grid3 .x-grid3-cell .ignored-column {
  color: #cccccf;
}
.sql-exceeding-columns-window {
  background-color: white;
}
.sql-exceeding-columns-window .x-panel-body {
  border: 0;
}
.sql-exceeding-columns-window .label-description {
  height: 12px;
  padding: 5px 10px 5px 22px;
  background: #f8f8f8;
  position: relative;
}
.sql-exceeding-columns-window .label-description .icon-warning {
  position: absolute;
  left: 4px;
  top: 3px;
  font-size: 15px;
}
.sql-exceeding-columns-window .label-description-warning .icon-warning {
  color: #ffae00;
}
.sql-exceeding-columns-window .label-description-alert .icon-warning {
  color: #cb0000;
}
.sql-exceeding-columns-window .label-preview {
  margin: 10px 0px;
  color: var(--hlColor);
  font-weight: bold;
  font-size: 13px;
}
.sql-exceeding-columns-window .sql-preview-exceeding-columns-grid .x-grid3 .x-grid3-scroller {
  height: 425px;
}
.sql-help-window {
  background-color: white;
}
.sql-help-window .x-panel-body {
  border: 0;
}
.sql-help-window .body ul {
  margin-bottom: 10px;
}
.sql-help-window .body ul li {
  margin-bottom: 10px;
  list-style: disc inside;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) {
  width: auto !important;
  box-shadow: none !important;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) .x-btn-left,
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) .x-btn-center,
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) .x-btn-right {
  background: transparent !important;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) .x-btn-center {
  padding: 0 !important;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) .x-btn-left,
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) .x-btn-right {
  display: none;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button):not(.x-item-disabled) .x-btn-center .x-btn-text {
  color: var(--link1Color) !important;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button):not(.x-item-disabled) .x-btn-center .x-btn-text:hover {
  text-decoration: underline;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button).x-item-disabled .x-btn-center .x-btn-text {
  color: gray !important;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(1) .x-btn-wrap:not(.cortex-link-button) button {
  padding: 2px 0 0 0;
}
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(2) .x-btn-wrap:not(.cortex-link-button) .x-btn-left,
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(2) .x-btn-wrap:not(.cortex-link-button) .x-btn-right,
.cube-sql-change-warning-window .x-window-bl .x-window-br .x-panel-btns-ct td:nth-child(2) .x-btn-wrap:not(.cortex-link-button) .x-btn-center {
  background-color: var(--link1Color) !important;
}
.query-history-container {
  display: flex;
}
.query-history-container .sql-history-icon {
  font-size: 23px;
  margin: auto;
  color: var(--buttonBgStart);
}
.query-history-container .cortex-btn {
  align-self: center;
  background: #ffffff;
  border: none;
  margin-right: 15px;
}
.query-history-container .cortex-btn .x-btn-center {
  padding: 0;
}
.query-history-container .cortex-btn button {
  color: var(--buttonBgStart) !important;
  font-family: "Open Sans", serif;
  font-weight: bold;
  line-height: 16px;
  font-size: 12px;
  padding: 0;
}
.query-history-container .x-btn:hover {
  background-color: #ffffff !important;
}
.version-header-ct {
  display: grid;
  grid-template-columns: 50% 50%;
  font-size: 13px;
}
.version-header-ct .version-label {
  margin: auto 0;
}
.version-header-ct .current-version {
  margin-left: 35px;
}
.version-header-ct .version-ct {
  display: flex;
}
.version-header-ct .version-ct .query-restore-ct {
  display: flex;
  margin-left: 20px;
}
.version-header-ct .version-ct .query-restore-ct .cortex-btn {
  background: #f3f4f6 !important;
}
.version-header-ct .version-ct .diff-close {
  width: 25px;
  font-size: 25px;
  position: relative;
  color: var(--buttonBgStart);
  margin-left: auto;
  margin-right: 10px;
}
.version-header-ct .version-ct .diff-close:before {
  position: absolute;
}
.version-header-ct .version-ct .diff-close .x-btn-left,
.version-header-ct .version-ct .diff-close .x-btn-right {
  display: none;
}
.version-header-ct .version-ct .diff-close .x-btn-center {
  background: none;
}
.sql-diff-editor .acediff__wrap {
  position: relative !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mirror-cube-window {
  width: 420px;
  height: auto;
  min-height: 258px;
  border-radius: 5px;
}
.mirror-cube-window .x-window-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid transparent;
  border-radius: 5px;
}
.mirror-cube-window .mirror-cube-window-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0;
  text-align: left;
}
.mirror-cube-window .mirror-cube-window-title b {
  color: var(--link1Color) !important;
}
.mirror-cube-window .mirror-cube-window-label {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  text-align: left;
  margin-top: 16px;
}
.mirror-cube-window .mirror-cube-window-label b {
  font-weight: bold;
}
.mirror-cube-window .mirror-cube-window-topics-container {
  width: 400px;
  height: 93px;
  margin-top: 16px;
  margin-bottom: 10px;
  background: rgb(var(--warningColor), 0.1);
  display: flex;
}
.mirror-cube-window .mirror-cube-window-topics-container .icon-warning {
  font-size: 14px;
  color: #eb9d37;
  margin: 12px 5px 0 15px;
}
.mirror-cube-window .mirror-cube-window-topics-container .mirror-cube-window-topics-content {
  width: 357px;
  padding-top: 9px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  text-align: left;
}
.mirror-cube-window .mirror-cube-window-topics-container .mirror-cube-window-topics-content b {
  font-weight: bold;
}
.mirror-cube-window .mirror-cube-window-buttons-container {
  display: flex;
  justify-content: end;
  height: 23px;
  margin-top: 15px;
}
.mirror-cube-window .mirror-cube-window-buttons-container .mirror-cube-window-button:first-child {
  margin-right: 10px;
}
.mirror-cube-window .mirror-cube-window-buttons-container .mirror-cube-window-button {
  background: var(--link1Color);
  color: #FFFFFF;
  width: 86px;
  border-radius: 5px;
  border: none !important;
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-webhooks-window {
  width: 100% !important;
  max-width: 730px;
  min-width: var(--mainPanelMinWidth);
}
.cube-webhooks-window .action-icon {
  font-size: 16px;
  color: var(--link1Color);
  cursor: pointer;
}
.cube-webhooks-window .edit-ct {
  display: flex;
  height: 105px;
  flex-flow: column;
}
.cube-webhooks-window .edit-ct .cortex-combo-wrap {
  width: 100%;
}
.cube-webhooks-window .edit-ct .cortex-combo-wrap .request-type-field {
  width: 100%;
}
.cube-webhooks-window .edit-ct .label:not(:first-child) {
  margin-top: 20px;
}
.cube-webhooks-window .disabled-row {
  user-select: none;
}
.cube-webhooks-window .disabled-row .x-grid3-col-checker {
  opacity: 0.5;
}
.cube-webhooks-window .disabled-row .x-grid3-cell-inner {
  font-style: italic;
  color: #aaa;
}
.cube-webhooks-window.edit-window {
  width: 150px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
/* Legacy */
.mount-btn button {
  width: 177px;
  height: 46px;
}
.mount-btn-text-icon .x-btn-center .x-btn-text {
  background-repeat: no-repeat;
  background-position: 0px center;
  color: var(--link1Color);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  padding-left: 33px;
}
.mount-btn .x-btn-left,
.mount-btn .x-btn-center,
.mount-btn .x-btn-right {
  background: transparent !important;
}
/* End legacy */
.cube-editor-window .module-header {
  border-top: 1px solid #ededed;
  padding-top: 70px;
  margin-bottom: 40px;
}
.cube-editor-window .module-header h2 {
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--hlColor);
}
.cube-editor-window .x-grid3-row .key-dimension .x-grid3-cell-inner {
  background-image: url(../images/icons/unique-key-icon.png);
  background-repeat: no-repeat;
  background-position: left 7px;
  padding-left: 16px;
}
.cube-editor-window .x-grid3-row .not-key-dimension .x-grid3-cell-inner {
  padding-left: 16px;
}
.cube-editor-window .x-grid3-row .icon-access-restriction {
  color: grey;
  font-size: 13px;
}
.cube-editor-window .mirror-field .x-form-item-label {
  width: 107px;
}
.cube-editor-window .mirror-field .cube-mirror-links-container {
  display: flex;
  align-items: center;
  width: calc(100% - 110px);
  margin-top: 1em;
  margin-left: 10em;
}
.cube-editor-window .mirror-field .cube-mirror-link {
  background-color: #f6f6f6;
  cursor: pointer;
  margin-right: 10px;
}
.cube-editor-window .mirror-field .x-form-element {
  padding: 0 !important;
}
.cube-editor-window .mirror-field .x-form-element .token-link {
  color: var(--link1Color);
}
.cube-editor-window .mirror-field .x-form-element .cube-mirror-inform-icon {
  font-size: 1.5em;
  padding-left: 2.1em;
  color: #eb9d37;
}
.cube-editor-window .mirror-field .x-form-element .cube-mirror-link,
.cube-editor-window .mirror-field .x-form-element .token-link {
  border-radius: 3px;
  cursor: pointer;
  padding: 8px;
}
.cube-editor-window .link-field {
  color: var(--link1Color);
  cursor: pointer;
}
.cube-editor-window .webhooks-container {
  display: flex;
}
.cube-editor-window .webhooks-container .webhooks-count {
  margin-left: 3px;
  color: var(--paletteColor2x6);
  cursor: pointer;
}
.cube-editor-window .webhooks-container .webhooks-help-icon {
  color: var(--link1Color);
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: auto;
}
.cube-token-warning-window .header {
  font-size: 13px;
  font-weight: bold;
}
.cube-token-warning-window .warning-box {
  display: flex;
  background-color: rgba(255, 184, 30, 0.1);
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
}
.cube-token-warning-window .warning-box .icon-warning {
  font-size: 14px;
  color: #eb9d37;
}
.cube-token-warning-window .warning-box .title {
  font-size: 11px;
  margin-bottom: 5px;
}
.cube-token-warning-window .warning-box .item {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
}
.cube-token-window .header {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
.cube-token-window .token {
  width: 450px;
  height: 63px;
  border-radius: 5px;
  background-color: #fafafa;
  border-color: #d1d1d1;
  padding: 10px;
  margin-top: 10px;
  font-size: 11px;
}
.combo-mirror-type {
  width: 20em;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mirrored-cube-creator-window {
  width: 550px;
}
.mirrored-cube-creator-window .x-window-ml {
  padding: 10px 10px 15px 10px;
}
.mirrored-cube-creator-window .x-window-ml .x-window-mr {
  padding-right: 0px;
}
.mirrored-cube-creator-window .x-window-ml .x-window-mr .x-window-body {
  height: 100% !important;
}
.mirrored-cube-creator-window .x-window-ml .x-window-mr .x-window-body .body-items .field-label {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
}
.mirrored-cube-creator-window .x-window-ml .x-window-mr .x-window-body .body-items .icon-information {
  color: var(--link1Color);
  font-size: 11px;
  width: 11px;
  position: relative;
  top: 0.7px;
}
.mirrored-cube-creator-window .x-window-ml .x-window-mr .x-window-body .body-items .token-item {
  height: 51px !important;
  width: calc(100% - 8px) !important;
  margin-bottom: 5px;
}
.mirrored-cube-creator-window .x-window-ml .x-window-mr .x-window-body .body-items .token-error-label {
  color: #EC1C24;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.overlay-window {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
}
.overlay-window .content-ct {
  display: flex;
  align-items: center;
  height: 100vh;
  justify-content: center;
}
.overlay-window.x-window {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.overlay-window.x-window .x-tool-close {
  background-color: transparent;
  fill: #f5f5f5;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 0;
}
.overlay-window.x-window .x-tool-close:hover {
  fill: #757575;
}
.overlay-window.x-window .x-tool-close svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.overlay-window.x-window .x-tool-close:before {
  content: none;
}
.overlay-window.x-window .x-window-tl {
  background-color: transparent;
  min-height: 0px;
  height: 80px;
  position: absolute;
  right: 0;
  width: 80px;
  z-index: 999;
}
.overlay-window.x-window .x-window-ml {
  padding: 0px !important;
}
.overlay-window.x-window .x-window-mr {
  padding: 0px !important;
}
.overlay-window.x-window .x-window-header .x-tool {
  margin: 45px;
}
.overlay-window.x-window .x-window-body {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #C4C4C4;
}
.overlay-window.x-window .x-window-bl {
  border-top: none;
  background-image: none;
}
.overlay-window-mask {
  z-index: 100011 !important;
  background-color: #000000;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.overlay-menu-window .content-wrapper {
  width: 100%;
}
.overlay-menu-window .description {
  margin-bottom: 20px;
}
.overlay-menu-window .menu {
  display: flex;
  justify-content: center;
  width: 100vw;
  flex-wrap: wrap;
}
.overlay-menu-window .menu .menu-item {
  flex: 0 0 25%;
  max-width: 230px;
  min-width: 50px;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 60px 10px;
  cursor: pointer;
  margin-top: 20px;
  margin-right: 20px;
}
.overlay-menu-window .menu .menu-item.x-item-disabled {
  cursor: auto;
}
.overlay-menu-window .menu .menu-item:hover {
  background-color: #f8f8f8 !important;
}
.overlay-menu-window .menu .menu-item:hover .menu-icon svg .a,
.overlay-menu-window .menu .menu-item:hover .menu-icon svg .b,
.overlay-menu-window .menu .menu-item:hover .menu-icon svg .c {
  opacity: 1;
  mix-blend-mode: normal;
}
.overlay-menu-window .menu .menu-item .menu-text {
  color: var(--link2Color);
  display: block;
  margin-top: 15px;
}
.overlay-menu-window .menu .menu-item .menu-icon svg {
  width: 50px;
  height: 50px;
  fill: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.cube-creator-window {
  z-index: 100012 !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.report-export-template-window dl dt {
  margin-bottom: 15px;
}
.report-export-template-window dl dd {
  color: var(--sl-color-neutral-600);
  background: var(--sl-color-neutral-100);
  border-radius: 4px;
  padding: 12px 15px;
}
.report-export-template-window dl dd:not(:last-child) {
  margin-bottom: 4px;
}
.report-export-template-window .dlg-body {
  font-size: var(--sl-font-size-small);
  color: var(--sl-color-neutral-500);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.report-grid-ct .x-toolbar .import-btn {
  margin-left: 10px;
  cursor: pointer;
}
.report-grid-ct .x-toolbar .import-btn svg {
  width: 23px;
  height: 23px;
  fill: var(--link1Color);
}
.report-grid-ct .x-toolbar .import-btn svg .a {
  opacity: 1;
  mix-blend-mode: normal;
}
.report-grid-ct .x-toolbar .import-btn .x-btn-center .x-btn-text {
  height: 21px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-grid3-body .x-grid3-td-clickable {
  cursor: pointer;
  background: transparent url(../images/blue/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-clickable:hover {
  background: #EBF3FD url(../images/blue/grid/grid3-special-col-sel-bg.gif) repeat-y scroll left bottom;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.report-page-data-view {
  line-height: 18px;
  color: #606060;
}
.report-page-data-view .icon-chevron-sign-down {
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  cursor: pointer;
}
.report-page-data-view .item {
  height: 22px;
  padding: 2px;
  margin: 3px 0;
  background: #eee;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.report-page-data-view .item td.icon {
  display: none;
}
.report-page-data-view .selected {
  background: var(--link1Color);
  color: #fff;
}
.report-page-data-view .selected td.icon {
  display: block;
}
.report-page-data-view .separator {
  height: 0px;
  border-top: 1px dotted #ddd;
  margin: 5px 0;
}
.report-page-data-view .gray-button {
  margin: 0px;
  padding: 0px 0px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #dcdcdc;
  background-color: #f7f7f7;
  color: #5e5d5d;
  line-height: 21px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.report-page-data-view .gray-button:hover {
  background-color: #f2f2f2;
}
.x-dataview-report-page {
  padding: 3px;
}
.x-dataview-report-page-over {
  padding: 2px;
  background: #d1d1d1;
  border: 1px solid #c1c1c1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  o-border-radius: 4px;
  khtml-border-radius: 4px;
}
.x-dataview-report-page-selected {
  padding: 2px;
  background: #d1d1d1;
  border: 1px solid #c1c1c1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  o-border-radius: 4px;
  khtml-border-radius: 4px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.report-viewport .report-viewport-body .x-column-inner {
  display: flex;
}
.report-viewport .report-viewport-body .x-column-inner .report-page-pages-container {
  flex: 0 0 15.3%;
  max-width: 294px;
  min-width: 92px;
}
@media (max-width: 1122px) {
  .report-viewport .report-viewport-body .x-column-inner .report-page-pages-container {
    flex: 0 0 10%;
  }
}
.report-viewport .report-viewport-body .x-column-inner .report-page-container {
  flex: 1 1 100%;
}
.report-viewport .report-viewport-body .x-column-inner .report-page-container .x-panel-bwrap {
  overflow: auto !important;
}
.report-viewport .report-viewport-body .x-column-inner .report-page-container .x-panel-bwrap .report-page-body {
  width: 825px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-pallet-panel {
  display: flex;
  flex-direction: column;
  max-height: 572px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(85vh - 200px);
  align-items: center;
  margin: 0 -8px;
  padding-top: 5px;
}
.portlet-pallet-panel .x-portal-pallet-entry-container {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  text-align: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.portlet-pallet-window {
  z-index: 9000 !important;
}
.portlet-pallet-window#portlet-pallet-window {
  background-color: transparent;
  left: unset !important;
  right: 30px;
  top: 165px !important;
}
.portlet-pallet-window.x-window {
  box-shadow: unset!important;
  -moz-box-shadow: unset!important;
  -webkit-box-shadow: unset!important;
}
.portlet-pallet-window.x-window .x-window-tl {
  display: none;
}
.portlet-pallet-window.x-window .x-window-bwrap {
  overflow: visible;
}
.portlet-pallet-window.x-window .x-window-ml {
  padding: 10px;
  padding-bottom: 0;
  width: 50px;
}
.portlet-pallet-window.x-window .x-window-ml .x-window-mr {
  padding: 0;
}
.portlet-pallet-window.x-window .x-window-ml .x-window-mr .x-window-body {
  width: 100%!important;
  overflow-y: visible!important;
  overflow-x: visible!important;
}
.portlet-pallet-window .instructions {
  font-size: 13px;
  color: #565656;
  margin-bottom: 10px;
}
.portlet-pallet-window .used-units-ct {
  margin: 10px 0 0 0;
  padding: unset!important;
  display: flex;
  background-color: transparent;
}
.portlet-pallet-window .used-units-ct .x-column-inner {
  display: flex;
  flex-flow: column;
  padding: 0 4px;
}
.portlet-pallet-window .used-units-ct .icon-information {
  color: var(--link1Color);
  font-size: 17px;
}
.portlet-pallet-window .used-units-ct .text {
  color: #94A3B8;
  line-height: 17px;
  align-self: center;
}
.portlet-pallet-window .used-units-ct .icon-information.warning,
.portlet-pallet-window .used-units-ct .text .unit-info.warning {
  color: #FFB81E;
}
.portlet-pallet-window .used-units-ct .icon-information.critical,
.portlet-pallet-window .used-units-ct .text .unit-info.critical {
  color: #EC1C24;
}
.portlet-pallet-window .x-portal-pallet-entry {
  cursor: pointer;
  background-color: white;
  height: 32px;
  width: 32px;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0 2px 10px 0 #2F2F3629;
}
.portlet-pallet-window .x-portal-pallet-entry svg {
  fill: var(--link1Color);
}
.portlet-pallet-window .x-portal-pallet-entry-over,
.portlet-pallet-window .x-portal-pallet-entry-drag-start {
  background-color: #f0f0f0;
}
.portlet-pallet-window .x-portal-pallet-entry-over svg,
.portlet-pallet-window .x-portal-pallet-entry-drag-start svg {
  fill: var(--link2Color);
}
.portlet-pallet-window .x-portal-pallet-entry-over svg .st0,
.portlet-pallet-window .x-portal-pallet-entry-drag-start svg .st0,
.portlet-pallet-window .x-portal-pallet-entry-over svg path,
.portlet-pallet-window .x-portal-pallet-entry-drag-start svg path {
  opacity: 1;
  mix-blend-mode: normal;
}
.portlet-pallet-window svg {
  width: 30px;
  height: 30px;
}
.portlet-pallet-window.x-dd-drag-proxy .x-dd-drop-icon {
  display: none;
}
.portlet-pallet-window.x-dd-drag-proxy .x-dd-drag-ghost {
  display: flex;
}
.portlet-pallet-window.x-dd-drag-proxy.x-dd-drop-nodrop .x-portal-pallet-entry {
  box-shadow: none;
  background-color: transparent;
}
.portlet-pallet-window.x-dd-drag-proxy.x-dd-drop-nodrop .x-portal-pallet-entry svg {
  fill: #dcdcdc !important;
}
.portlet-pallet-window .user-units-slider {
  height: 7px;
  overflow: hidden;
  border-radius: 10px;
  background-color: var(--sl-color-gray-300);
}
.portlet-pallet-window .user-units-slider .used-units-background {
  height: 7px;
  min-width: 7px;
  border-radius: 10px;
  background-color: var(--link1Color);
}
.portlet-pallet-window .user-units-slider .used-units-background.warning {
  background-color: #FFB81E;
}
.portlet-pallet-window .user-units-slider .used-units-background.critical {
  background-color: #EC1C24;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.dashboard-grid-export-window.single .export-item .ct-right {
  display: none !important;
}
.dashboard-grid-export-window.multi .x-grid3-cell-inner {
  cursor: pointer;
}
.dashboard-grid-export-window .preview-document-panel {
  width: 23.8%;
  min-width: 150px;
  max-width: 215px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list {
  margin-top: 10px;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .export-item {
  display: flex;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .export-item .ct-left {
  display: flex;
  flex: 1;
  min-width: 10px;
  flex-flow: column;
  justify-content: center;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .export-item .ct-left .item-status {
  font-family: 'Open Sans', sans-serif;
  font-size: 9px;
  color: #757575;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .export-item .ct-left .item-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: var(--link1Color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .export-item .ct-right {
  display: flex;
  align-items: center;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .export-item .ct-right .move {
  cursor: move;
  fill: var(--link2Color);
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-row {
  padding: 0px;
  display: flex;
  border-radius: 4px;
  width: auto !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-row:not(:first-child) {
  margin-top: 5px;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-row:not(.x-grid3-row-over),
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-row.x-grid3-row-selected:not(.x-grid3-row-over) {
  background-color: #f5f5f5 !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid-body {
  border-width: 0;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3 {
  width: 100% !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3 table {
  width: 100% !important;
  border: none !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-row td {
  border: none !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-cell-first {
  width: auto !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-list .x-grid3-scroller {
  border: none !important;
  width: auto !important;
  height: auto !important;
}
.dashboard-grid-export-window .preview-document-panel .preview-document-panel-input,
.dashboard-grid-export-window .preview-document-panel .x-form-check-wrap {
  margin-top: 10px;
  line-height: unset !important;
}
.dashboard-grid-export-window .preview-content-picture-group::before {
  padding: 10px;
  content: attr(title);
  opacity: 0.7;
}
.dashboard-grid-export-window .preview-content-picture-group:last-child:first-child {
  margin-top: 0 !important;
}
.dashboard-grid-export-window .preview-content-picture-group:not(.flex-order-first) {
  margin-top: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.main-panel.full-width .dashboard-grid-ct {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}
.main-panel.full-width .dashboard-grid-ct > .x-panel-bwrap .x-panel-body {
  width: 100% !important;
}
.dashboard-grid-ct .x-toolbar .import-btn {
  margin-left: 10px;
  cursor: pointer;
}
.dashboard-grid-ct .x-toolbar .import-btn svg {
  width: 23px;
  height: 23px;
  fill: var(--link1Color);
}
.dashboard-grid-ct .x-toolbar .import-btn svg .a {
  opacity: 1;
  mix-blend-mode: normal;
}
.dashboard-grid-ct .x-toolbar .import-btn .x-btn-center .x-btn-text {
  height: 21px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-64c3d4d6] {
  --width: 900px;
}
.base-dialog-cortex[data-v-64c3d4d6]::part(body) {
  padding-top: 10px;
}
.dialog-body[data-v-64c3d4d6] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.message-warning[data-v-64c3d4d6] {
  display: flex;
  align-items: center;
}
.message-warning span.icon-warning[data-v-64c3d4d6] {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 15px 0 5px;
  font-size: 26px;
  line-height: 26px;
  color: #FFAE00;
}
.message-warning p[data-v-64c3d4d6] {
  font-size: var(--sl-font-size-small, 14px);
  line-height: 1.3;
  color: var(--sl-color-neutral-500, #777);
}
.content-scroll[data-v-64c3d4d6] {
  max-height: calc(100vh - 350px);
  overflow-y: auto;
  padding: 5px 0;
}
section .row-item[data-v-64c3d4d6] {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 10px 0 10px 10px;
  min-height: 50px;
  font-size: var(--sl-font-size-small, 14px);
  border-top: 1px solid #ededed;
}
section .row-item .column[data-v-64c3d4d6] {
  display: inline-block;
  min-width: 20%;
  white-space: normal;
  overflow-wrap: anywhere;
}
section .row-item[data-v-64c3d4d6]:last-child {
  border-bottom: 1px solid #ededed;
}
section .row-item.header[data-v-64c3d4d6] {
  min-height: auto;
  font-weight: bold;
  border-top: none;
  color: var(--sl-color-neutral-600, #555);
}
.row-item .column[data-v-64c3d4d6]:nth-child(1) {
  width: 300px;
}
.row-item .column[data-v-64c3d4d6]:nth-child(2) {
  width: 270px;
}
.row-item .column[data-v-64c3d4d6]:nth-child(3) {
  width: 200px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.main-panel.full-width .dashboard-ct .x-tab-panel-header {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.restricted-dashboard .restricted-dashboard-icon {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.guide-editor-panel .guide-editor-panel-body {
  width: 100% !important;
}
.main-panel.full-width .guide-editor-panel:not([data-guide-type="DASHBOARD"]):not([data-guide-type="SHARED_DASHBOARD"]) {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}
.main-panel.full-width .guide-editor-panel[data-guide-type="DASHBOARD"] .x-panel-tbar,
.main-panel.full-width .guide-editor-panel[data-guide-type="SHARED_DASHBOARD"] .x-panel-tbar {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.main-panel.full-width .guide-tree-grid-panel {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}
.guide-tree-grid-panel .x-panel-bwrap > .x-panel-body {
  width: 100% !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.main-panel.full-width .guide-tab-panel .x-tab-panel-header {
  width: var(--mainPanelWidth) !important;
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-session-window {
  max-width: 920px;
  width: 100%;
  min-width: var(--mainPanelMinWidth);
}
.warning-session-window .x-window-footer {
  position: relative;
}
.warning-session-window .x-window-footer .reader-enabler {
  position: absolute;
  top: 5px;
  left: 5px;
}
.warning-session-window .x-window-footer .reader-enabler label,
.warning-session-window .x-window-footer .reader-enabler .checkbox-reader-enabled {
  vertical-align: middle;
}
.warning-session-window .x-window-footer .reader-enabler label {
  margin-left: 5px;
}
.warning-session-window .x-window-footer .reader-enabler .icon-tutorial {
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-whatsapp-config-message-dialog {
  --width: 980px;
  padding-top: 10px;
}
.warning-whatsapp-config-message-dialog::part(body) {
  padding-top: 10px;
}
.warning-whatsapp-config-message-dialog .dialog-body {
  display: flex;
  justify-content: space-between;
  font-size: var(--sl-font-size-medium);
}
.warning-whatsapp-config-message-dialog .dialog-body > div:first-child {
  padding-right: 25px;
  border-right: 1px solid #eee;
}
.warning-whatsapp-config-message-dialog .dialog-body > div:last-child {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 300px;
  padding-left: 25px;
}
.warning-whatsapp-config-message-dialog .dialog-body h2 {
  font-size: var(--sl-font-size-small);
}
.warning-whatsapp-config-message-dialog .dialog-footer {
  margin-top: -15px;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}
.warning-whatsapp-config-message-dialog sl-textarea::part(form-control-label) {
  font-size: var(--sl-font-size-small);
}
.warning-whatsapp-config-message-dialog sl-textarea::part(form-control-input) {
  margin: 5px 0;
}
.warning-whatsapp-config-message-dialog sl-textarea::part(form-control-help-text) {
  font-size: var(--sl-font-size-x-small);
}
.warning-whatsapp-config-message-dialog sl-button {
  min-width: 80px;
}
.warning-whatsapp-config-message-dialog .panel-message-hint {
  margin-top: 25px;
  padding: 20px;
  background-color: #F3F4F6;
  border-radius: 5px;
}
.warning-whatsapp-config-message-dialog .panel-message-hint p {
  margin: 10px 0 20px 0;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-color-neutral-500);
}
.warning-whatsapp-config-message-dialog .panel-message-hint .info-text {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-color-sky-500);
}
.warning-whatsapp-config-message-dialog .panel-message-hint .info-text sl-icon {
  width: 20px;
  font-size: var(--sl-font-size-large);
}
.warning-whatsapp-config-message-dialog p.max-limit {
  padding-top: 15px;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-input-help-text-color);
}
.warning-whatsapp-config-message-dialog .preview-messages {
  flex-grow: 1;
  max-height: 400px;
  padding-right: 5px;
  margin-top: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
.warning-whatsapp-config-message-dialog .preview-messages .preview-message-samples {
  min-height: 100px;
}
.warning-whatsapp-config-message-dialog .preview-messages .preview-message-samples .x-fb-mask-loading {
  top: 20px !important;
  left: 125px !important;
}
.warning-whatsapp-config-message-dialog .preview-messages .no-messages {
  text-align: center;
  color: var(--sl-input-help-text-color);
}
.warning-whatsapp-config-message-dialog .preview-messages .no-messages sl-icon {
  margin: 70px 0 20px 0;
}
.warning-whatsapp-config-message-dialog .preview-messages .no-messages p {
  padding: 10px;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-input-help-text-color);
}
.warning-whatsapp-config-message-dialog .preview-messages .whatsapp-message {
  margin: 10px 0;
  padding: 10px;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-color-neutral-600);
  background-color: #E8FFE0;
  border-radius: 5px;
}
.warning-whatsapp-config-message-dialog .preview-messages .whatsapp-message .row-line {
  white-space: nowrap;
}
.warning-whatsapp-config-message-dialog .preview-messages .whatsapp-message a {
  pointer-events: none;
  color: var(--sl-color-sky-500);
  white-space: break-spaces;
  word-break: break-all;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}
.warning-whatsapp-config-message-dialog .preview-messages .whatsapp-message .time {
  text-align: right;
  margin: 0 0 -5px 0;
  font-size: var(--sl-font-size-2x-small);
  color: var(--sl-color-neutral-400);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-inbox-window {
  z-index: 9013 !important;
}
.warning-inbox-window .warning-inbox-window-body {
  display: flex;
  flex-flow: column;
}
.warning-inbox-window .x-panel-btns {
  position: relative;
}
.warning-inbox-window .x-panel-btns .dashboard-info {
  font-size: 10px;
  line-height: 20px;
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  color: gray;
  left: 10px;
  top: 1px;
}
.warning-inbox-window .action-bar .add-doc.x-item-disabled {
  pointer-events: none;
}
.warning-inbox-window .preview-flex-ct {
  display: flex;
  flex: 1 1 100%;
  min-height: 0;
}
.warning-inbox-window .preview-flex-ct > .left-ct {
  flex: 1 1 100%;
  min-width: 0;
  overflow: auto;
  background-color: #FAFAFA;
}
.warning-inbox-window .preview-flex-ct > .left-ct .x-panel-bwrap,
.warning-inbox-window .preview-flex-ct > .left-ct .preview-body {
  overflow: initial !important;
}
.warning-inbox-window .preview-flex-ct > .left-ct .main-table {
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.warning-inbox-window .preview-flex-ct > .left-ct .ext-el-mask-msg {
  top: 50% !important;
  left: 50% !important;
}
.warning-inbox-window .preview-flex-ct > .spacing-ct {
  flex: 0 0 10px;
}
.warning-inbox-window .preview-flex-ct > .right-ct {
  flex: 1 1 30%;
  min-width: 193px;
  max-width: 353px;
  display: flex;
  flex-direction: column;
}
.warning-inbox-window .preview-flex-ct > .right-ct .recipient-chooser-panel {
  flex: 1 1 100%;
}
.ext-ie .warning-inbox-window .preview-flex-ct > .right-ct {
  flex: 0 0 345px;
  max-width: 345px;
}
.ext-gecko .warning-inbox-window .preview-flex-ct > .right-ct {
  flex: 0 0 330px;
  max-width: 330px;
}
.warning-inbox-window .x-toolbar.x-small-editor {
  margin: 0px 0px 5px 0px;
  padding: 4px 10px !important;
}
.warning-inbox-window .x-window-footer .mail-generated-date .cortex-span {
  font-size: 10px;
  line-height: 20px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  color: gray;
}
.warning-inbox-window .last-sent-info {
  width: calc(100% - 10px);
  background-color: #dcdcdc;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.warning-inbox-window .last-sent-info .count-fails {
  padding-left: 3px;
  color: #CB0000;
}
.warning-inbox-window .action-bar {
  background-color: #f0f0f0;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.warning-inbox-window .action-bar .undo,
.warning-inbox-window .action-bar .redo {
  font-size: 21px;
  cursor: pointer;
  color: var(--link1Color);
  padding-right: 5px;
}
.warning-inbox-window .action-bar .add-doc {
  line-height: 21px;
  color: var(--link1Color);
  padding-right: 10px;
  float: right;
  display: flex;
  align-items: center;
}
.warning-inbox-window .action-bar .add-doc:not(.x-item-disabled) {
  cursor: pointer;
}
.warning-preview-tooltip-tutorial {
  width: 220px;
  padding: 10px;
  border-left-width: 2px !important;
  border-bottom-width: 2px !important;
}
.warning-preview-tooltip-tutorial .content {
  float: left;
  width: 220px;
  margin-right: 10px;
}
.warning-preview-tooltip-tutorial .content h2 {
  font: 16px var(--titleFontFace);
  color: #434343;
  margin-bottom: 15px;
  width: 100%;
}
.warning-preview-tooltip-tutorial .content p {
  color: #696969;
  margin-bottom: 15px;
}
.warning-preview-tooltip-tutorial .content label {
  color: #696969;
  margin-left: 5px;
  vertical-align: middle;
}
.warning-preview-tooltip-tutorial .content input[type="checkbox"] {
  vertical-align: middle;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-condition-window {
  width: 392px;
}
.warning-condition-window .btn {
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #ededed 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ededed 100%);
  /* W3C */
  background-repeat: repeat-x;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  color: #5e5d5d;
  height: 20px;
  line-height: 20px;
}
.warning-condition-window .btn:hover {
  background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #e2e2e2 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.warning-condition-window .selection {
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-top: 2px;
  padding-left: 4px;
}
.warning-condition-window .selection .title {
  color: #777;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}
.warning-condition-window .selection .remove-btn {
  cursor: pointer;
}
.warning-condition-window .select-analysis-text.invalid {
  color: red;
}
.warning-condition-window .check-at-label {
  line-height: 24px;
}
.warning-condition-window .fixed-value-label {
  line-height: 23px;
}
.warning-condition-window .and-label {
  line-height: 23px;
}
.warning-condition-window .round-box {
  margin: 10px 0px 0px 0px;
}
.warning-condition-window .loading-img {
  width: 18px;
  margin: -3px 0px 0px 5px;
  position: absolute;
}
.warning-condition-window .occurrences-ct .x-column-inner {
  line-height: 23px;
}
.warning-condition-window .occurrences-ct .x-form-check-wrap {
  line-height: 23px !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mail-send-panel .ext-el-mask {
  z-index: 5000;
}
.mail-send-panel .x-panel-body {
  height: auto !important;
  padding: 5px 5px 1px 5px;
}
.mail-send-panel .button-ct {
  width: 137px;
}
@media (max-width: 1090px) {
  .mail-send-panel .button-ct {
    width: 100%;
  }
}
.mail-send-panel .button-ct .x-btn-wrap {
  box-sizing: border-box;
  width: 137px !important;
}
@media (max-width: 1090px) {
  .mail-send-panel .button-ct .x-btn-wrap {
    width: 100% !important;
    margin-top: 10px;
  }
}
.mail-send-panel .button-ct .check-button {
  background-color: #DEDEDE;
  padding: 5px 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 1090px) {
  .mail-send-panel .button-ct .check-button {
    margin-top: 10px;
    width: 100%;
  }
}
.mail-send-panel .button-ct .check-button .x-column-inner {
  width: 118px !important;
}
.mail-send-panel .button-ct .check-button .icon-check {
  color: lightgray;
}
.mail-send-panel .button-ct .check-button .icon-check.checked {
  color: green;
}
.mail-send-panel .button-ct .check-button .check-button-text {
  color: var(--link1Color);
  text-decoration: none;
  cursor: pointer;
}
.mail-send-panel .button-ct .check-button .check-button-text:hover {
  text-decoration: underline;
}
.mail-send-panel .visualize a {
  color: var(--link1Color);
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
  padding-left: 5px;
}
.mail-send-panel .visualize a:hover {
  text-decoration: underline;
}
.mail-send-panel .not-send-content-empty input[type="checkbox"],
.mail-send-panel .not-send-content-empty label {
  vertical-align: middle;
}
.mail-send-panel .preview-before-sending {
  padding-top: 10px;
}
.mail-send-panel .preview-before-sending input[type="checkbox"],
.mail-send-panel .preview-before-sending label {
  vertical-align: middle;
}
.mail-send-panel .rls-warning .analysis-with-rls-warning-items {
  margin-top: 10px;
}
.mail-send-panel .rls-warning .icon-warning {
  margin-top: 5px;
  font-size: 20px;
  color: #FFAE00;
}
.mail-send-panel .preview-mail-link {
  color: var(--link1Color);
  cursor: pointer;
}
.mail-send-panel .count-fails {
  color: #CB0000;
  padding-left: 3px;
}
.mail-send-panel.x-fb-mask-loading div {
  width: 100px;
}
.mail-send-panel .mail-send-combo {
  width: calc(100% - 148px);
  min-width: 137px;
  padding-right: 10px;
}
@media (max-width: 1090px) {
  .mail-send-panel .mail-send-combo {
    width: 100%;
    min-width: 137px;
    padding-right: 0;
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.warning-panel .full-container-body {
  display: flex;
}
.warning-panel .left-ct {
  flex: 1 1 10%;
  min-width: 377px;
}
.warning-panel .spacing-ct {
  flex: 0 0 1.7%;
  min-width: 10px;
  max-width: 32px;
}
.warning-panel .right-ct {
  flex: 0 0 32.3%;
  min-width: 193px;
  max-width: 617px;
}
.warning-panel .right-ct .container-checkbox-whatsapp {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 0 15px 10px;
  background-color: #f8f8f8;
  border-radius: 4px;
}
.warning-panel .right-ct .container-checkbox-whatsapp .container-title-whatsapp {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-right: 3px;
}
.warning-panel .right-ct .container-checkbox-whatsapp .container-title-whatsapp > div {
  padding-top: 5px;
  font-weight: bold;
  line-height: 1.2;
  color: #333;
}
.warning-panel .right-ct .container-checkbox-whatsapp .container-title-whatsapp .x-btn.cortex-btn-light.x-item-disabled {
  pointer-events: none;
}
.warning-panel .right-ct .container-checkbox-whatsapp label,
.warning-panel .right-ct .container-checkbox-whatsapp input {
  vertical-align: middle;
}
.warning-panel .right-ct .container-checkbox-whatsapp .x-form-checkbox.x-item-disabled + label {
  opacity: 0.4;
}
.warning-panel .right-ct .container-checkbox-whatsapp .warning-message {
  display: block;
  padding: 2px 10px 0 0;
  line-height: 1.2;
  color: #a0a3a3;
}
.warning-panel .html-content-btn-footer {
  margin-top: 8px;
  float: right;
}
.warning-panel .initial-info .image-list-viewer .file-item {
  margin-top: 0px !important;
  line-height: 22px !important;
}
.warning-panel .initial-info .image-list-viewer .file-item .file-name {
  line-height: 22px !important;
}
.warning-panel .initial-info .image-list-viewer .file-item .icon-close {
  line-height: 22px !important;
}
.warning-panel .image-list-viewer .file-item {
  height: 22px;
}
.warning-panel .recipient-chooser-panel .header {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.warning-panel .recipient-chooser-panel .footer {
  background: #f8f8f8;
}
.warning-panel .section-grid .x-grid3 {
  height: 100% !important;
  width: 100% !important;
}
.warning-panel .section-grid .x-grid3-scroller {
  height: 100% !important;
  width: 100% !important;
}
.warning-panel .section-grid .x-grid-empty {
  padding-top: 13px;
}
.warning-panel .section-grid .x-grid3-row {
  width: 100% !important;
}
.warning-panel .section-grid .x-grid3-row-table {
  width: 100% !important;
}
.warning-panel .section-grid .force-fit {
  width: 100% !important;
}
.warning-panel .section-grid .icon-cell-svg.clone.disabled {
  cursor: auto;
}
.warning-panel .section-grid .icon-cell-svg.clone.disabled svg {
  fill: #d4d4d4 !important;
}
.warning-panel .section-grid .icon-cell-svg.clone svg {
  fill: var(--link1Color);
}
.warning-panel .html-content-preview .html-content-box {
  height: 100%;
  max-height: 150px;
  cursor: pointer;
  word-wrap: break-word;
}
.warning-panel .html-content-preview .x-panel-header-title {
  margin-top: 4px;
}
.warning-panel .html-content-preview.no-content .x-panel-bwrap {
  display: none;
}
.warning-panel .html-content-preview.no-content .x-panel-tl {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.warning-panel .html-content-preview.no-content .x-panel-tr {
  border-bottom-right-radius: 8px;
}
.warning-panel .html-content-preview.no-content .header-btn-title {
  float: left;
}
.warning-panel .html-content-preview.no-content .header-btn {
  float: right;
}
.warning-panel .html-content-preview.content .header-btn {
  display: none;
}
.warning-panel .x-panel .x-panel-header,
.warning-panel .x-panel .x-panel-tl,
.warning-panel .x-panel .x-panel-tr,
.warning-panel .x-panel .x-panel-tc,
.warning-panel .x-panel .x-panel-bc,
.warning-panel .x-panel .x-panel-mr,
.warning-panel .x-panel .x-panel-ml,
.warning-panel .x-panel .x-panel-mc,
.warning-panel .x-panel .x-panel-br,
.warning-panel .x-panel .x-panel-bl {
  background: #f8f8f8;
}
.warning-panel .x-panel .x-panel-header.x-panel-header,
.warning-panel .x-panel .x-panel-tl.x-panel-header,
.warning-panel .x-panel .x-panel-tr.x-panel-header,
.warning-panel .x-panel .x-panel-tc.x-panel-header,
.warning-panel .x-panel .x-panel-bc.x-panel-header,
.warning-panel .x-panel .x-panel-mr.x-panel-header,
.warning-panel .x-panel .x-panel-ml.x-panel-header,
.warning-panel .x-panel .x-panel-mc.x-panel-header,
.warning-panel .x-panel .x-panel-br.x-panel-header,
.warning-panel .x-panel .x-panel-bl.x-panel-header {
  margin: 5px;
}
.warning-panel .x-panel .x-panel-header.x-panel-tl,
.warning-panel .x-panel .x-panel-tl.x-panel-tl,
.warning-panel .x-panel .x-panel-tr.x-panel-tl,
.warning-panel .x-panel .x-panel-tc.x-panel-tl,
.warning-panel .x-panel .x-panel-bc.x-panel-tl,
.warning-panel .x-panel .x-panel-mr.x-panel-tl,
.warning-panel .x-panel .x-panel-ml.x-panel-tl,
.warning-panel .x-panel .x-panel-mc.x-panel-tl,
.warning-panel .x-panel .x-panel-br.x-panel-tl,
.warning-panel .x-panel .x-panel-bl.x-panel-tl {
  border-width: 0;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.warning-panel .x-panel .x-panel-header.x-panel-bl,
.warning-panel .x-panel .x-panel-tl.x-panel-bl,
.warning-panel .x-panel .x-panel-tr.x-panel-bl,
.warning-panel .x-panel .x-panel-tc.x-panel-bl,
.warning-panel .x-panel .x-panel-bc.x-panel-bl,
.warning-panel .x-panel .x-panel-mr.x-panel-bl,
.warning-panel .x-panel .x-panel-ml.x-panel-bl,
.warning-panel .x-panel .x-panel-mc.x-panel-bl,
.warning-panel .x-panel .x-panel-br.x-panel-bl,
.warning-panel .x-panel .x-panel-bl.x-panel-bl {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.warning-panel .x-panel .x-panel-header.x-panel-br,
.warning-panel .x-panel .x-panel-tl.x-panel-br,
.warning-panel .x-panel .x-panel-tr.x-panel-br,
.warning-panel .x-panel .x-panel-tc.x-panel-br,
.warning-panel .x-panel .x-panel-bc.x-panel-br,
.warning-panel .x-panel .x-panel-mr.x-panel-br,
.warning-panel .x-panel .x-panel-ml.x-panel-br,
.warning-panel .x-panel .x-panel-mc.x-panel-br,
.warning-panel .x-panel .x-panel-br.x-panel-br,
.warning-panel .x-panel .x-panel-bl.x-panel-br {
  border-bottom-right-radius: 8px;
}
.warning-panel .x-panel .x-panel-header.x-panel-tr,
.warning-panel .x-panel .x-panel-tl.x-panel-tr,
.warning-panel .x-panel .x-panel-tr.x-panel-tr,
.warning-panel .x-panel .x-panel-tc.x-panel-tr,
.warning-panel .x-panel .x-panel-bc.x-panel-tr,
.warning-panel .x-panel .x-panel-mr.x-panel-tr,
.warning-panel .x-panel .x-panel-ml.x-panel-tr,
.warning-panel .x-panel .x-panel-mc.x-panel-tr,
.warning-panel .x-panel .x-panel-br.x-panel-tr,
.warning-panel .x-panel .x-panel-bl.x-panel-tr {
  border-top-right-radius: 8px;
}
.warning-panel .x-panel .x-panel-noborder .x-panel-header-noborder {
  border-bottom: 1px dotted #d7d7d7;
}
.restricted-docs-box {
  margin-top: 10px;
  border: 1px solid #FFCA53;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  display: flex;
}
.restricted-docs-box .restricted-box-text {
  background-color: #FFF7E5;
  padding: 15px 5px 15px 3px;
  flex: 0 0 auto;
  border-radius: 8px 0 0 8px;
}
.restricted-docs-box .restricted-box-text .icon-access-restriction {
  color: #FFCA53;
  font-family: "cortex-icons";
  font-size: 15px;
  vertical-align: text-top;
  display: inline-block;
  transform: translate(0, -2px);
  padding: 0 5px;
}
.restricted-docs-box .restricted-box-combo {
  padding: 10px 5px 10px 5px;
  flex: 1 1 100%;
  min-width: 50px;
}
.restricted-docs-box .icon-tutorial {
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  color: var(--link1Color);
  padding: 13px 10px 0 5px;
  flex: 0 0 auto;
}
.not-send-repeated-content {
  padding-top: 7px;
}
.not-send-repeated-content input[type="checkbox"],
.not-send-repeated-content label {
  vertical-align: middle;
}
.not-send-repeated-content .icon-tutorial {
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  padding: 0px 5px 0px 5px;
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-search-import-searches-uploading-dialog h2 {
  padding: 20px 0 10px 0;
  font-size: var(--sl-font-size-large);
}
.datasignpr-search-import-searches-uploading-dialog h5 {
  font-size: var(--sl-font-size-medium);
}
.datasignpr-search-import-searches-uploading-dialog .container-loading-icon {
  padding: 20px 0 40px 0;
  text-align: center;
  font-size: var(--sl-font-size-small);
  color: #789;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-search-import-searches-dialog {
  --width: 950px;
}
.datasignpr-search-import-searches-dialog::part(body) {
  padding-top: 0;
  padding-bottom: 0;
}
.datasignpr-search-import-searches-dialog [slot=footer] {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-end;
}
.datasignpr-search-import-searches-dialog [slot=footer] > p:first-child {
  margin-right: auto;
}
.datasignpr-search-import-searches-dialog p.instructions {
  padding: 10px 0;
  font-size: var(--sl-font-size-small, 14px);
  color: var(--sl-color-gray-500);
}
.datasignpr-search-import-searches-dialog .flex {
  padding: 13px 0;
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.datasignpr-search-import-searches-dialog .flex p {
  font-size: var(--sl-font-size-medium, 16px);
}
.datasignpr-search-import-searches-dialog .flex sl-input {
  flex: 1;
  max-width: 350px;
}
.datasignpr-search-import-searches-dialog .grid-table {
  min-height: 200px;
  padding: 5px 0;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-scroller {
  max-height: calc(100vh - 450px);
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-header table,
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-row-table {
  box-sizing: border-box;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-row-selected {
  background-color: #f3f4f6 !important;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid-panel {
  min-height: 145px;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid-empty {
  line-height: 50px;
}
.datasignpr-search-import-searches-dialog .grid-table .paging-toolbar {
  margin-right: 0;
  background: #fcfcfc;
}
.datasignpr-search-import-searches-dialog .grid-table .paging-toolbar .x-paging-info {
  margin-top: 1px;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-hd:not(.x-grid3-td-checker) {
  pointer-events: none;
  font-weight: bold;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-cell.x-grid3-td-checker {
  filter: hue-rotate(40deg);
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-scroller {
  width: auto !important;
  overflow-x: hidden !important;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-cell-inner img {
  width: 22px;
  height: 22px;
  margin: -5px 0;
}
.datasignpr-search-import-searches-dialog .grid-table .x-grid3-cell-inner img.disabled {
  opacity: 0.2;
  filter: grayscale(100%);
}
.datasignpr-search-import-searches-dialog .grid-table .icon-refresh-grid {
  display: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-search-export-searches-loading-dialog h2 {
  padding: 20px 0 10px 0;
  font-size: var(--sl-font-size-large);
}
.datasignpr-search-export-searches-loading-dialog h5 {
  font-size: var(--sl-font-size-medium);
}
.datasignpr-search-export-searches-loading-dialog .container-loading-icon {
  padding: 30px 0px 50px 0;
  font-size: var(--sl-font-size-small);
  text-align: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-search-export-searches-dialog {
  --width: 950px;
}
.datasignpr-search-export-searches-dialog::part(body) {
  padding-top: 0;
  padding-bottom: 0;
}
.datasignpr-search-export-searches-dialog [slot=footer] {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-end;
}
.datasignpr-search-export-searches-dialog [slot=footer] > p:first-child {
  margin-right: auto;
}
.datasignpr-search-export-searches-dialog sl-radio-group {
  padding: 10px 0;
}
.datasignpr-search-export-searches-dialog sl-radio-group::part(form-control-label) {
  font-weight: bold;
}
.datasignpr-search-export-searches-dialog sl-radio-group::part(form-control-input) {
  display: flex;
  gap: 30px;
  padding: 10px 0;
}
.datasignpr-search-export-searches-dialog sl-radio-group sl-radio span {
  color: #aaa;
}
.datasignpr-search-export-searches-dialog .flex {
  padding: 13px 0;
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.datasignpr-search-export-searches-dialog .flex p {
  font-size: var(--sl-font-size-medium, 16px);
}
.datasignpr-search-export-searches-dialog .flex sl-input {
  flex: 1;
  max-width: 350px;
}
.datasignpr-search-export-searches-dialog .grid-table {
  min-height: 200px;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-header table,
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-row-table {
  box-sizing: border-box;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-row-selected {
  background-color: #f3f4f6 !important;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid-panel {
  min-height: 145px;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid-empty {
  line-height: 50px;
}
.datasignpr-search-export-searches-dialog .grid-table .paging-toolbar {
  margin-right: 0;
  background: #fcfcfc;
}
.datasignpr-search-export-searches-dialog .grid-table .paging-toolbar .x-paging-info {
  margin-top: 1px;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-hd:not(.x-grid3-td-checker) {
  pointer-events: none;
  font-weight: bold;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-cell.x-grid3-td-checker {
  filter: hue-rotate(40deg);
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-scroller {
  width: auto !important;
  overflow-x: hidden !important;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-cell-inner img {
  width: 22px;
  height: 22px;
  margin: -5px 0;
}
.datasignpr-search-export-searches-dialog .grid-table .x-grid3-cell-inner img.disabled {
  opacity: 0.2;
  filter: grayscale(100%);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex.datasignpr-search-consumption-retroactive-dialog .info-note {
  display: flex;
  align-items: center;
  padding-top: 30px;
  gap: 10px;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-color-neutral-600);
}
.base-dialog-cortex.datasignpr-search-consumption-retroactive-dialog .info-note sl-icon {
  width: 32px;
  height: 32px;
  padding-right: 5px;
  font-size: var(--sl-font-size-large);
  color: var(--sl-color-sky-500);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-grid-panel .message-warn {
  margin-bottom: 10px;
  padding: 7px 10px;
  vertical-align: middle;
  line-height: 20px;
  color: #555;
  background-color: #FFF7E5;
  border: 1px solid #FFAE00;
  border-radius: 5px;
}
.x-panel.datasignpr-search-grid-panel .message-warn span.icon-warning {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  font-size: 20px;
  line-height: 20px;
  color: #FFAE00;
}
.x-panel.datasignpr-search-grid-panel .message-warn.hidden {
  display: none;
}
.x-panel.datasignpr-search-grid-panel .x-grid3-cell-inner img {
  width: 22px;
  height: 22px;
  margin: -5px 0 -5px 0;
}
.x-panel.datasignpr-search-grid-panel .x-grid3-cell-inner img.disabled {
  opacity: 0.2;
  filter: grayscale(100%);
}
.x-panel.datasignpr-search-grid-panel .x-grid3-cell-inner span.error {
  color: #F15F7F;
}
.x-panel.datasignpr-search-grid-panel .x-grid3-cell-inner span.warn {
  color: #F99642;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
h2[data-v-1379f190] {
  padding: 25px 0 5px 0;
  font-size: var(--sl-font-size-x-small);
  font-weight: bold;
  color: var(--sl-color-gray-800);
}
section[data-v-1379f190] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 10px 0;
}
section.is-invalid[data-v-1379f190] {
  animation: anim-shake-medias-1379f190 infinite 0.9s ease alternate;
  animation-iteration-count: 1;
}
section.is-invalid .box-media[data-v-1379f190] {
  background-color: #FFF9F9;
  border-color: #D66;
}
.box-media[data-v-1379f190] {
  display: flex;
  flex: 1;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  padding: 13px;
  border: 1px solid #d6deeb;
  border-radius: 5px;
}
.box-media > div[data-v-1379f190] {
  display: flex;
  align-items: center;
}
.box-media > div[data-v-1379f190]:nth-child(2) {
  flex: 1;
}
.box-media img[data-v-1379f190] {
  width: 28px;
  height: 28px;
  margin: -5px 0 -5px 0;
  padding-right: 5px;
}
.box-media sl-icon[data-v-1379f190] {
  cursor: pointer;
  margin-left: 5px;
  font-size: var(--sl-font-size-medium);
  color: var(--sl-color-sky-500);
}
.box-media.selected[data-v-1379f190] {
  background-color: #EDF8FE;
  border-color: #86C0FF;
}
@media (max-width: 1200px) {
.box-media[data-v-1379f190] {
    flex: 25% !important;
}
}
@keyframes anim-shake-medias-1379f190 {
10%,
  90% {
    transform: translate3d(-1px, 0, 0) scale(0.99);
}
20%,
  80% {
    transform: translate3d(3px, 0, 0) scale(0.99);
}
30%,
  50%,
  70% {
    transform: translate3d(-5px, 0, 0) scale(0.99);
}
40%,
  60% {
    transform: translate3d(5px, 0, 0) scale(0.99);
}
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-name {
  max-width: calc(50% - 8px);
  padding: 25px 0 0 0;
  overflow: auto;
}
.x-panel.datasignpr-search-form-name .x-form-item {
  display: flex;
}
.x-panel.datasignpr-search-form-name .x-form-item label {
  width: auto !important;
  white-space: nowrap;
}
.x-panel.datasignpr-search-form-name .x-form-item .x-form-element {
  padding-left: 5px !important;
  flex: 1;
}
.x-panel.datasignpr-search-form-name .x-form-item .x-form-element input {
  box-sizing: border-box;
  width: 100% !important;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.datasignpr-search-delete-sources-dialog {
  --width: 950px;
}
.datasignpr-search-delete-sources-dialog::part(body) {
  padding-top: 0;
  padding-bottom: 0;
}
.datasignpr-search-delete-sources-dialog [slot=footer] {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-end;
}
.datasignpr-search-delete-sources-dialog [slot=footer] > div:first-child {
  margin-right: auto;
}
.datasignpr-search-delete-sources-dialog .flex {
  padding: 3px 0;
  gap: 15px;
  display: flex;
  align-items: flex-end;
}
.datasignpr-search-delete-sources-dialog .flex sl-select {
  flex: 1;
}
.datasignpr-search-delete-sources-dialog .flex sl-input {
  flex: 1.3;
}
.datasignpr-search-delete-sources-dialog .flex sl-select::part(form-control-label) {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}
.datasignpr-search-delete-sources-dialog .table-container p {
  padding: 20px 0;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-header table,
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-row-table {
  box-sizing: border-box;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-row-selected {
  background-color: #f3f4f6 !important;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid-panel {
  min-height: 445px;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid-empty {
  line-height: 350px;
}
.datasignpr-search-delete-sources-dialog .table-container .paging-toolbar {
  margin-right: 0;
  background: #fcfcfc;
}
.datasignpr-search-delete-sources-dialog .table-container .paging-toolbar .x-paging-info {
  margin-top: 1px;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-hd:not(.x-grid3-td-checker) {
  pointer-events: none;
  font-weight: bold;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-cell.x-grid3-td-checker {
  filter: hue-rotate(40deg);
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-scroller {
  width: auto !important;
  overflow-x: hidden !important;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-cell-inner img {
  width: 22px;
  height: 22px;
  margin: -5px 0;
}
.datasignpr-search-delete-sources-dialog .table-container .x-grid3-cell-inner img.disabled {
  opacity: 0.2;
  filter: grayscale(100%);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-sources-remove {
  margin-left: auto;
  margin-top: 15px;
}
.x-panel.datasignpr-search-form-sources-remove .flex {
  display: flex;
  gap: 15px;
}
.x-panel.datasignpr-search-form-sources-remove .flex.v {
  flex-direction: column;
}
.x-panel.datasignpr-search-form-sources-remove .flex.h {
  align-items: center;
}
.x-panel.datasignpr-search-form-sources-remove p {
  text-align: right;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-color-gray-500);
}
.x-panel.datasignpr-search-form-sources-remove p.status {
  font-weight: bold;
  color: var(--sl-color-gray-800);
}
.x-panel.datasignpr-search-form-sources-remove p.status span {
  color: #ED2A32;
}
.x-panel.datasignpr-search-form-sources-remove button {
  min-width: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-sources-filters {
  margin: 0 0 15px 0;
}
.x-panel.datasignpr-search-form-sources-filters .x-panel-body {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
.x-panel.datasignpr-search-form-sources-filters .column .combo-label {
  padding-bottom: 5px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-sources-table .x-grid3-header table,
.x-panel.datasignpr-search-form-sources-table .x-grid3-row-table {
  box-sizing: border-box;
}
.x-panel.datasignpr-search-form-sources-table .x-grid3-header-inner {
  pointer-events: none;
  width: auto !important;
}
.x-panel.datasignpr-search-form-sources-table .x-grid3-scroller {
  width: auto !important;
  overflow-x: hidden !important;
}
.x-panel.datasignpr-search-form-sources-table .paging-toolbar {
  margin-right: 1px;
}
.x-panel.datasignpr-search-form-sources-table .x-grid3-cell-inner img {
  width: 22px;
  height: 22px;
  margin: -5px 0;
}
.x-panel.datasignpr-search-form-sources-table .x-grid3-cell-inner img.disabled {
  opacity: 0.2;
  filter: grayscale(100%);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-sources-results {
  padding: 15px;
  background-color: white;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.x-panel.datasignpr-search-form-sources-results .row-summary-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.x-panel.datasignpr-search-form-sources-results .x-form-check-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 2px 0 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-sources {
  margin-top: 15px;
  padding: 15px;
  overflow: auto;
  background: #f8f8f8;
  border-style: solid;
  border-color: #d0d0d0;
}
.x-panel.datasignpr-search-form-sources .x-panel-body.x-panel-body-noheader {
  background-color: transparent;
  border: 0;
}
.x-panel.datasignpr-search-form-sources .section-title {
  padding: 0 0 15px 0;
  font-size: var(--sl-font-size-x-small);
  font-weight: bold;
  color: var(--sl-color-gray-800);
}
.x-panel.datasignpr-search-form-sources .row-footer {
  display: flex;
  justify-content: space-between;
}
.x-panel.datasignpr-search-form-sources .row-footer .x-form-check-wrap {
  display: flex;
  align-items: center;
}
.x-panel.datasignpr-search-form-sources button.cortex-link-button.x-btn-text {
  cursor: pointer;
  font: normal 11px Tahoma,Verdana,Helvetica;
  outline: 0 none;
  margin: 0;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--link1Color);
  border: 0 none;
  background: transparent;
}
.x-panel.datasignpr-search-form-sources .flex-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.x-panel.datasignpr-search-form-sources .flex-options .x-form-check-wrap {
  display: flex;
  align-items: center;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.form-terms-help-dialog {
  --width: 800px;
}
.form-terms-help-dialog h2 {
  font-size: var(--sl-font-size-medium);
}
.form-terms-help-dialog .section-title {
  margin-top: -15px;
  padding-bottom: 20px;
  font-weight: bold;
  font-size: var(--sl-font-size-large);
  color: #222;
}
.form-terms-help-dialog p {
  padding-bottom: 10px;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-input-help-text-color);
}
.form-terms-help-dialog p:last-child {
  padding-bottom: 0;
}
.form-terms-help-dialog p b {
  display: block;
  padding-bottom: 5px;
  color: #444;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-form-terms {
  margin-top: 25px;
  padding: 15px;
  overflow: auto;
  background: #f8f8f8;
  border-style: solid;
  border-color: #d0d0d0;
}
.x-panel.datasignpr-search-form-terms .x-panel-body.x-panel-body-noheader {
  background-color: transparent;
  border: 0;
}
.x-panel.datasignpr-search-form-terms .section-title {
  padding: 0 0 15px 0;
  font-size: var(--sl-font-size-x-small);
  font-weight: bold;
  color: var(--sl-color-gray-800);
}
.x-panel.datasignpr-search-form-terms .cortex-ace.cortex-input.editor.x-item-disabled {
  pointer-events: none;
  user-select: none;
}
.x-panel.datasignpr-search-form-terms .row-footer {
  display: flex;
  justify-content: space-between;
}
.x-panel.datasignpr-search-form-terms .row-footer .x-form-check-wrap {
  display: flex;
  align-items: center;
}
.x-panel.datasignpr-search-form-terms button.cortex-link-button.x-btn-text {
  cursor: pointer;
  font: normal 11px Tahoma,Verdana,Helvetica;
  outline: 0 none;
  margin: 0;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--link1Color);
  border: 0 none;
  background: transparent;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-panel.datasignpr-search-panel {
  overflow: auto;
  padding-bottom: 50px;
}
.x-panel.datasignpr-search-panel .message-warn {
  display: flex;
  margin-top: 15px;
  padding: 7px 10px;
  vertical-align: middle;
  line-height: 20px;
  color: #555;
  background-color: #FFF7E5;
  border: 1px solid #FFAE00;
  border-radius: 5px;
}
.x-panel.datasignpr-search-panel .message-warn span.icon-warning {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  font-size: 20px;
  line-height: 20px;
  color: #FFAE00;
}
.x-panel.datasignpr-search-panel .message-warn button {
  cursor: pointer;
  font: normal 11px Tahoma,Verdana,Helvetica;
  outline: 0 none;
  margin-top: -2px;
  margin-left: auto;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--link1Color);
  border: 0 none;
  background: transparent;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container-icon[data-v-5992705d] {
  padding: 10px 0;
  font-size: 60px;
  text-align: center;
  color: var(--sl-color-danger-600);
}
p[data-v-5992705d] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.base-dialog-cortex[data-v-dddf4168] {
  --width: 800px;
}
.base-dialog-cortex[data-v-dddf4168]::part(body) {
  padding-top: 10px;
}
.dialog-remove-feed-link[data-v-dddf4168] {
  --width: 600px;
}
.dialog-body[data-v-dddf4168] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
section label[data-v-dddf4168] {
  display: block;
  padding-bottom: 10px;
  font-size: var(--sl-font-size-medium, 16px);
  color: var(--sl-color-neutral-700, #555);
}
section strong[data-v-dddf4168] {
  display: block;
  margin-top: -5px;
  line-height: 1;
  font-size: var(--sl-font-size-large, 20px);
}
section .container-input[data-v-dddf4168] {
  display: flex;
  gap: 10px;
}
section .container-input sl-input[data-v-dddf4168] {
  flex: 1;
}
section .container-input sl-button[data-v-dddf4168] {
  margin-right: -16px;
}
section .row-item[data-v-dddf4168] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px 0;
  min-height: 55px;
  font-size: var(--sl-font-size-small, 14px);
  border-top: 1px solid #ededed;
}
section .row-item .col-link[data-v-dddf4168] {
  flex: 1;
  white-space: normal;
  overflow-wrap: anywhere;
}
section .row-item .col-date[data-v-dddf4168] {
  width: 180px;
  text-align: center;
}
section .row-item .remove-endpoint[data-v-dddf4168] {
  color: var(--sl-color-primary-500, #2b303b);
}
section .row-item sl-icon-button[data-v-dddf4168] {
  margin-left: auto;
  border-radius: 5px;
}
section .row-item sl-icon-button[data-v-dddf4168]:hover {
  background-color: var(--sl-color-neutral-100, #f3f4f6);
}
section .row-item sl-icon-button[data-v-dddf4168]:focus {
  outline: 2px solid var(--sl-color-primary-200, #ded3f8);
}
section .row-item[data-v-dddf4168]:last-child {
  border-bottom: 1px solid #ededed;
}
section .row-item.empty[data-v-dddf4168] {
  color: var(--sl-color-neutral-400, #aaa);
}
section .row-item.header[data-v-dddf4168] {
  min-height: auto;
  padding: 0 50px 10px 0;
  font-weight: bold;
  border-top: none;
  color: var(--sl-color-neutral-600, #555);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container-button-options[data-v-08d6f78c] {
  position: relative;
  width: 15px;
  height: 10px;
}
.container-button-options.disabled[data-v-08d6f78c] {
  opacity: 0.3;
  pointer-events: none;
  filter: grayscale(100%);
}
.container-button-options .btn-options[data-v-08d6f78c] {
  position: relative;
  width: 25px;
  height: 25px;
  margin-top: -4px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 50px;
}
.container-button-options .btn-options .dot[data-v-08d6f78c] {
  pointer-events: none;
  margin: 2px auto;
  width: 3px;
  height: 3px;
  background: var(--buttonBgStart);
}
.container-button-options .btn-options[data-v-08d6f78c]:hover {
  background: #eee;
}
.container-button-options .btn-options[data-v-08d6f78c]:hover:active {
  opacity: 0.8;
}
.container-button-options sl-dropdown[data-v-08d6f78c] {
  position: absolute;
  z-index: 1;
  left: 0;
  transform: translate(-50px, -5px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container-button-options sl-menu-item::part(base) {
  font-size: 12px;
}
.container-button-options sl-menu-item::part(base):active {
  opacity: 0.8;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.container-icon[data-v-0701ecac] {
  padding: 10px 0;
  font-size: 60px;
  text-align: center;
  color: var(--sl-color-danger-600);
}
p[data-v-0701ecac] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 16px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
section p[data-v-ab208e68] {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-medium, 16px);
}
.container-input-dates[data-v-ab208e68] {
  display: flex;
  gap: 20px;
  padding: 30px 0;
}
sl-input[data-v-ab208e68] {
  flex: 1;
}
sl-input[data-v-ab208e68]::part(form-control-label) {
  padding-bottom: 5px;
  font-size: var(--sl-font-size-small, 14px);
}
sl-checkbox[data-v-ab208e68]::part(label) {
  font-size: var(--sl-font-size-medium, 16px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
p[data-v-c5f5ba8e] {
  font-size: var(--sl-font-size-small, 14px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
p[data-v-636c390b] {
  font-size: var(--sl-font-size-small, 14px);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.card[data-v-42cf6204] {
  display: flex;
  padding: 15px;
  gap: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.card .image[data-v-42cf6204] {
  position: relative;
  overflow: hidden;
}
.card .image img[data-v-42cf6204] {
  width: 80px;
  height: 80px;
  background-color: #eee;
  border: none;
}
.card .image img.icon-paused[data-v-42cf6204] {
  position: absolute;
  inset: 0;
  width: 80px;
  height: 80px;
  background-color: #fff3;
  filter: invert(1);
  opacity: 0.9;
}
.card .content[data-v-42cf6204] {
  min-width: 240px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  text-rendering: geometricPrecision;
}
.card .content .title[data-v-42cf6204] {
  margin-right: auto;
  font-weight: bold;
  font-size: var(--sl-font-size-small);
  color: var(--sl-color-neutral-700);
}
.card .content .status[data-v-42cf6204] {
  font-size: var(--sl-font-size-x-small);
  color: #0B877D;
}
.card .content .status .icon-warning[data-v-42cf6204] {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 18px;
  line-height: 18px;
  color: #FFAE00;
}
.card .content .status .tooltip-text[data-v-42cf6204] {
  display: block;
  padding: 2px 0;
  font-size: 13px;
  line-height: 1.1;
}
.card .content .flex[data-v-42cf6204] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.card .content .flex.start[data-v-42cf6204] {
  align-items: flex-start;
}
.card .content .flex.end[data-v-42cf6204] {
  flex: 1;
  align-items: flex-end;
}
.card .content .flex .details[data-v-42cf6204] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  font-size: 11px;
  white-space: nowrap;
  color: var(--sl-color-neutral-500);
}
.card.PAUSED[data-v-42cf6204] {
  border-color: #FFB81E;
}
.card.PAUSED .title[data-v-42cf6204] {
  opacity: 0.75;
}
.card.PAUSED .image[data-v-42cf6204] {
  opacity: 0.5;
}
.card.PAUSED .image img[data-v-42cf6204] {
  opacity: 0.8;
}
.card.PAUSED .image img.logo[data-v-42cf6204] {
  opacity: 0.4;
  filter: blur(3px);
}
.card.PAUSED .status[data-v-42cf6204] {
  color: #F97F18;
}
button.cortex-light-button[data-v-42cf6204] {
  padding: 0 15px;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  color: #444;
  background-color: #ebebeb;
  border: 1px solid #dcdcdc;
}
button.cortex-light-button[data-v-42cf6204]:active {
  opacity: 0.8;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.message-warning[data-v-4d47bc62] {
  display: flex;
  margin-top: 25px;
  padding: 7px 10px;
  vertical-align: middle;
  line-height: 20px;
  color: #555;
  background-color: #FFF7E5;
  border: 1px solid #FFAE00;
  border-radius: 5px;
}
.message-warning span.icon-warning[data-v-4d47bc62] {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  font-size: 20px;
  line-height: 20px;
  color: #FFAE00;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
main[data-v-1fd49168] {
  padding-bottom: 50px;
}
h2[data-v-1fd49168] {
  padding-top: 25px;
  font-weight: normal;
  font-size: var(--sl-font-size-large);
  color: var(--sl-color-neutral-700);
}
.empty-message[data-v-1fd49168] {
  width: 100%;
  padding: 15px 0 30px 0;
  margin-bottom: 20px;
  text-align: center;
  text-rendering: geometricPrecision;
  font-size: var(--sl-font-size-small);
  color: var(--sl-color-neutral-500);
  border-bottom: 1px solid #f2f2f2;
}
section[data-v-1fd49168] {
  padding: 15px 0;
}
.container-cards[data-v-1fd49168] {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.footer-space[data-v-1fd49168] {
  height: 50px;
}
section.grid > div[data-v-1fd49168] {
  display: flex;
  gap: 55px;
  padding: 15px 75px;
  align-items: center;
  justify-content: flex-start;
  text-rendering: geometricPrecision;
  font-size: 16px;
  border-bottom: 1px solid #f2f2f2;
}
section.grid > div[data-v-1fd49168]:first-child {
  border-top: 1px solid #f2f2f2;
}
section.grid > div .spacer[data-v-1fd49168] {
  margin: auto;
}
section.grid > div img[data-v-1fd49168] {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #eee;
  box-shadow: inset 0 0 3px #aaa;
  border: none;
}
section.grid > div .name[data-v-1fd49168] {
  font-size: var(--sl-font-size-small);
  color: var(--sl-color-neutral-700);
}
section.grid > div .status[data-v-1fd49168] {
  font-style: italic;
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-input-help-text-color);
}
button.cortex-btn.x-btn[data-v-1fd49168] {
  padding: 5px 20px;
  line-height: 1;
  color: #fff;
}
button.cortex-btn.x-btn[data-v-1fd49168]:active {
  opacity: 0.8;
}
button.cortex-btn.x-btn[disabled][data-v-1fd49168] {
  opacity: 0.5;
  pointer-events: none;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
*,
html {
  scrollbar-face-color: #d2d2d2;
  scrollbar-shadow-color: #d2d2d2;
  scrollbar-highlight-color: #d2d2d2;
  scrollbar-darkshadow-color: #d2d2d2;
  scrollbar-arrow-color: #aaa;
  scrollbar-3dlight-color: #eee;
  scrollbar-track-color: #eee;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 8px;
  border-left: none;
  border-right: none;
}
::-webkit-scrollbar:horizontal {
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 28px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:horizontal {
  border-left: 0px;
  border-right: 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 1px;
  width: 1px;
}
.system-base-rounded {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.system-base-shadow {
  box-shadow: 1px 1px 2px #bbb;
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
}
.ipad .main-panel > .x-panel-bwrap > .x-panel-body {
  overflow-x: hidden !important;
}
.main-panel.main-panel-bg {
  background: transparent;
}
.main-panel .top-guide-ct {
  width: 100%;
  float: left;
  height: 31px;
  min-width: calc(var(--mainPanelMinWidth) + 10px);
  border-bottom: calc(var(--guideLineWidth) * 1px) solid var(--guideLineColor);
}
.main-panel .top-guide-ct[data-background-style="vertical-gradient"] {
  background-color: var(--guideBgEnd);
  background-image: -moz-linear-gradient(top, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--guideBgStart)), color-stop(65%, var(--guideBgMiddle)), color-stop(100%, var(--guideBgEnd)));
  background-image: -webkit-linear-gradient(top, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: -o-linear-gradient(top, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: -ms-linear-gradient(top, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: linear-gradient(to bottom, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-repeat: repeat-x;
}
.main-panel .top-guide-ct[data-background-style="horizontal-gradient"] {
  background-color: var(--guideBgEnd);
  background-image: -moz-linear-gradient(left, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--guideBgStart)), color-stop(65%, var(--guideBgMiddle)), color-stop(100%, var(--guideBgEnd)));
  background-image: -webkit-linear-gradient(left, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: -o-linear-gradient(left, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: -ms-linear-gradient(left, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-image: linear-gradient(to right, var(--guideBgStart) 0%, var(--guideBgMiddle) 65%, var(--guideBgEnd) 100%);
  background-repeat: repeat-x;
}
.main-panel .top-guide-ct[data-background-style="solid"] {
  background-color: var(--guideBgStart);
}
.main-panel .top-guide-ct .top-guide {
  width: var(--headerWidth);
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  margin: 0 auto;
  overflow: hidden;
}
.main-panel .main-panel-center .content-panel {
  margin: 15px auto;
  min-height: 500px;
}
.main-panel:not(.full-width).main-panel .main-panel-center .content-panel {
  width: var(--mainPanelWidth);
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
}
.main-panel .main-panel-center .content-panel .x-tab-panel-header:first-of-type {
  margin-bottom: 15px;
}
.main-panel .guide-navigator-panel {
  width: var(--mainPanelWidth);
  max-width: var(--mainPanelMaxWidth);
  min-width: var(--mainPanelMinWidth);
  padding: 15px 10px 0 0;
  margin: 0 auto;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.search-match {
  font-weight: bold;
}
.hit-type {
  color: #888;
  line-height: 12px;
}
.hit-title {
  font-size: 17px;
  color: var(--link1Color);
  line-height: 22px;
  cursor: pointer;
  margin-right: 3px;
}
.hit-title:hover {
  text-decoration: underline;
}
.hit-thumbnail:hover .play-icon {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.hit-thumbnail.disabled:hover .play-icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  cursor: default;
}
.hit-window .x-window-body {
  position: relative;
}
.hit-window .hit-title:hover {
  text-decoration: none !important;
  cursor: text;
}
.hit-title .restricted-content {
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.hit-source {
  color: var(--link2Color);
  text-decoration: none;
  line-height: 16px;
}
.full-hit-ct .hit-source {
  color: #585858;
}
.hit-link {
  cursor: pointer;
}
.hit-link:hover {
  text-decoration: underline !important;
}
.hit-date {
  color: #888;
}
.full-hit-ct .hit-date {
  color: #b2b2b2;
}
.hit-content {
  font-size: 13px;
  color: #3c3c3c;
  line-height: 18px;
  margin-top: 13px;
}
.hit-item {
  margin-bottom: 8px;
  word-break: break-word;
}
.hit-item .button-list .gray-button,
.hit-item .button-list .gray-button.add-button {
  margin-bottom: 0px;
  margin-top: 3px;
  padding: 0px 10px;
  line-height: 16px;
}
.hit-item.full-hit-item {
  padding: 20px 0px;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 0px;
}
.hit-item.full-hit-item.first {
  padding-top: 0;
}
.hit-item.full-hit-item.last {
  border-bottom: none;
}
.hit-item.inline {
  float: left;
  width: 206px;
  border-left: 1px solid #F1F1F1;
  padding-left: 10px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hit-item.inline.first {
  border-left: none;
  padding-left: 0px;
  margin-left: 0px;
}
.hit-item .button-list {
  padding-left: 0px;
}
.hit-item .attachment table {
  margin-top: 5px;
}
.hit-item.full-hit-item .attachment table {
  margin-top: 0px;
  margin-bottom: 5px;
}
.hit-item.full-hit-item .attachment table:last-child {
  margin-top: 0px;
  margin-bottom: 0px;
}
.hit-item:not(.section) span {
  font-size: 13px;
  line-height: 21px;
  color: #3C3C3C;
}
.hit-item:not(.section) div.list-value {
  font-size: 13px;
  line-height: 21px;
  color: #3C3C3C;
}
.hit-item label {
  line-height: 23px;
  margin-right: 7px;
  float: left;
}
.hit-item label.long-name {
  float: none;
  display: block;
}
.hit-item div.list-value {
  font-size: 13px;
  line-height: 21px;
  color: #3C3C3C;
  background: #eee;
  border-radius: 5px;
  float: left;
  padding: 0px 10px;
  margin: 1px 8px 1px 0px;
}
.hit-item div.list-value-mark {
  color: #afafaf;
  float: left;
  padding: 5px;
}
.hit-item.inline label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.hit-item.inline .list-value-wrap {
  float: left;
}
.hit-item.inline div.list-value {
  max-width: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hit-item .list-value-wrap.combo .x-form-text {
  height: 18px;
  border-right: none;
}
.hit-item.inline .list-value-wrap .x-form-text {
  width: 119px;
}
.hit-item div.list-value-wrap.combo img.x-form-arrow-trigger {
  top: 0px;
  height: 18px;
  background: #e8e8e8 url(../images/icons/ico-new-combo-arrow-2.png) no-repeat center center;
}
.full-hit-item label {
  float: left;
  width: 130px;
}
.hit-item a {
  color: var(--link1Color);
  text-decoration: none;
}
.hit-item a:hover {
  text-decoration: underline;
}
.hit-item .links-ct a {
  display: block;
  font: 11px/23px Arial;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.hit-attachment-name {
  color: var(--link1Color);
  cursor: pointer;
  text-decoration: none;
}
.hit-attachment-name:hover {
  text-decoration: underline;
}
.hit-attachment-name.disabled {
  cursor: default;
}
.hit-attachment-name.disabled:hover {
  text-decoration: none;
}
.hit-attachment-size {
  color: #888;
  cursor: pointer;
}
.hit-attachment-size.disabled {
  cursor: default;
}
.hit-other-sources-header {
  color: #888;
}
.hit-other-sources {
  font-weight: bold;
  color: var(--link1Color);
}
.hit-action-bottom-ct {
  background-color: #eee;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.hit-action-top-ct {
  background-color: #eee;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hit-action {
  color: #6d6d75;
  cursor: pointer;
  text-align: center;
  padding: 2px 5px 2px 5px;
  white-space: nowrap;
  float: left;
}
.hit-action:hover {
  color: #1d1d25;
}
.hit-action-small .hit-action-icon:hover {
  color: var(--hlColor);
}
.hit-action-small .hit-action-icon {
  color: var(--link1Color);
  font-size: 15px;
}
.hit-favorite-on {
  width: 17px;
  height: 17px;
  padding-right: 5px;
  cursor: pointer;
  background: transparent url(../images/components/consumption/star-on.png) no-repeat;
}
.hit-favorite-on.disabled {
  cursor: default;
}
.hit-favorite-off {
  width: 17px;
  height: 17px;
  padding-right: 5px;
  cursor: pointer;
  background: transparent url(../images/components/consumption/star-off.png) no-repeat;
}
.hit-favorite-off.disabled {
  cursor: default;
}
.hit-tag {
  color: #fff;
  padding: 1px 6px;
  font-weight: bold;
  line-height: 14px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin-right: 3px;
  margin-top: 3px;
  border: 1px solid transparent;
}
.add-tag {
  color: #fff;
  padding: 1px 6px;
  font-weight: bold;
  line-height: 14px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin-top: 3px;
}
.hit-linked-document-header {
  font-size: 17px;
  color: #444;
  padding: 20px 0px 10px;
}
.hit-linked-document-link {
  cursor: pointer;
}
.hit-linked-document-ct {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 10px;
  position: relative;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.hit-linked-document-ct .content {
  display: table-cell;
  width: 100%;
}
.hit-linked-document-ct .content .title {
  font-size: 16px;
  color: var(--link1Color);
  cursor: pointer;
}
.hit-linked-document-ct .content .date {
  color: #888;
}
.more-attachments-btn {
  margin-top: 15px;
  font-size: 13px;
  font-weight: bold;
  color: var(--link1Color);
  cursor: pointer;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.analysis-hit .hit-analysis-info {
  color: #888;
  margin: 15px 0 10px 0;
}
.analysis-hit .hit-chart-ct {
  border: 1px solid transparent;
  overflow: hidden;
}
.analysis-hit .hit-chart-ct.hit-table {
  border-color: #eee;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 1px #ddd;
  -moz-box-shadow: 0px 2px 1px #ddd;
  -webkit-box-shadow: 0px 2px 1px #ddd;
}
.analysis-hit .hit-date {
  color: #b2b2b2;
  margin-top: 3px;
}
.analysis-hit .hit-date span:first-child {
  padding-right: 10px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.hit-thumbnail-ct {
  padding: 15px 15px 0px 15px;
  border: 1px solid #dadada;
  background-color: #fff;
  margin-bottom: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.hit-thumbnail-ct .actions {
  visibility: hidden;
}
.hit-thumbnail-ct:hover .actions {
  visibility: visible;
}
.hit-thumbnail-ct .hit-title {
  word-wrap: break-word;
  width: 244px;
}
.hit-action-bottom-ct.hit-action-thumbnail.edit-and-delete {
  margin-left: -7px;
}
.hit-date-day {
  font-size: 30px;
  font-weight: bold;
  color: #282927;
  line-height: 25px;
}
.hit-date-month {
  font-weight: bold;
  color: #6e6e6e;
}
.hit-date-year {
  font-weight: bold;
  color: #6e6e6e;
}
.hit-thumbnail-favorite {
  background-color: #f9f9f9;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.image-gallery {
  margin: 0px;
  padding: 0px;
}
.image-gallery .title {
  padding: 25px 0px;
  font: 18px var(--titleFontFace);
  color: #323232;
}
.image-gallery .item {
  float: left;
  padding-right: 2px;
  cursor: pointer;
  max-height: 102px;
}
.image-gallery .item img {
  max-height: 100px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doctype-window {
  width: 100%;
  max-width: 634px;
  min-width: var(--mainPanelMinWidth);
}
.doctype-window .result .full-hit-ct {
  height: 500px;
  margin-right: 5px;
}
.doctype-window .result .full-hit-ct .hit-type {
  display: none;
}
.doctype-window .result .full-hit-ct .hit-title {
  color: #111111;
}
.doctype-window .result .full-hit-ct .hit-item.full-hit-item {
  padding-right: 5px;
}
.doctype-window .result .full-hit-ct .hit-item.full-hit-item .id-automatically-filled-label {
  color: #aaa;
}
.doctype-window .actions {
  float: right;
  background: #f6f6f6;
  height: 500px;
}
.doctype-window .actions .action-btn:hover {
  color: var(--hlColor);
}
.doctype-window .actions .action-btn {
  margin-top: 10px;
  cursor: pointer;
  padding: 2px;
  text-align: center;
  display: block;
  color: #949494;
  font-size: 20px;
}
.doctype-window .actions .action-btn.active:hover {
  color: #c3b129;
}
.doctype-window .actions .action-btn.active {
  color: #ddb508;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mobile-hit header {
  height: 50px;
  background-color: #2B2B2B;
  background-image: -moz-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B5B5B), color-stop(100%, #2B2B2B));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #5B5B5B 0%, #2B2B2B 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #5B5B5B 0%, #2B2B2B 100%);
  /* W3C */
  background-repeat: repeat-x;
}
.mobile-hit header button {
  height: 15px;
  border: none;
  display: inline-block;
  color: #FFF;
  padding: 25px 6px 0px;
  margin-top: 4px;
  background-color: #0D0D0D;
  background-repeat: no-repeat;
  background-position: center 3px;
  opacity: 0.7;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
}
.mobile-hit header button.disabled {
  opacity: 0.3;
}
.mobile-hit header button.back-button {
  background-image: url(../images/mobile/ico-left.png);
  margin-left: 4px;
  float: left;
}
.mobile-hit header button.previous-button {
  background-image: url(../images/mobile/ico-up.png);
  margin-right: 6px;
  float: right;
}
.mobile-hit header button.next-button {
  background-image: url(../images/mobile/ico-down.png);
  margin-right: 6px;
  float: right;
}
.mobile-hit div.body {
  padding: 10px;
}
.mobile-hit div.body h2 {
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 5px;
  color: #1F1F1F;
}
.mobile-hit div.body .date-source-wrap {
  margin-bottom: 5px;
}
.mobile-hit div.body .date-source-wrap .source {
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  color: var(--link2Color);
}
.mobile-hit div.body .date-source-wrap span.separator {
  font-size: 13px;
  line-height: 16px;
  color: #585858;
  margin: 0px 5px;
  float: none;
}
.mobile-hit div.body .date-source-wrap time {
  font-size: 13px;
  line-height: 16px;
  color: #585858;
}
.mobile-hit div.body p.description {
  font-size: 13px;
  line-height: 16px;
  color: #585858;
}
.mobile-hit div.body .hit-item label,
.mobile-hit div.body .hit-item span,
.mobile-hit div.body .hit-item a {
  font-size: 13px;
  margin-top: 0px;
}
.mobile-hit div.body .chart-ct {
  background-color: #FFF;
  overflow: auto;
  max-width: 100%;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.x-report-page-border {
  box-shadow: #ccc 5px 5px 5px;
  -webkit-box-shadow: #ccc 5px 5px 5px;
  -moz-box-shadow: #ccc 5px 5px 5px;
  background-color: #fff !important;
}
.published-report-standalone .hit-title {
  cursor: default !important;
}
.published-report-standalone .hit-title:hover {
  text-decoration: none !important;
}
.x-report-page-center {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-similar-edit-window .top-ct {
  padding: 5px;
  padding-left: 10px;
}
.doc-type-similar-edit-window .top-ct .top-label {
  color: var(--hlColor);
  font-size: 13px;
}
.doc-type-similar-edit-window .bottom-ct {
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #f8f8f8;
}
.doc-type-similar-edit-window .bottom-ct .doc-hit {
  padding-left: 20px;
}
.doc-type-similar-edit-window .bottom-ct .line-option {
  padding-bottom: 5px;
}
.doc-type-similar-edit-window .bottom-ct .label-option {
  margin-left: 7px;
}
.doc-type-similar-edit-window .bottom-ct .similar-hit {
  width: 370px;
}
.doc-type-similar-edit-window .bottom-ct .similar-hit .similar-doc-hit {
  margin-bottom: 5px;
}
.doc-type-similar-edit-window .bottom-ct .hit-title {
  font-size: 13px;
  line-height: 12px;
}
.doc-type-similar-edit-window .bottom-ct .hit-title .restricted-content {
  top: 0;
}
.doc-type-similar-edit-window .bottom-ct .hit-title .restricted-content img {
  height: 12px;
  width: 12px;
  top: 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.doc-type-similar-multiple-edit-window .top-ct {
  padding: 5px;
  padding-left: 10px;
}
.doc-type-similar-multiple-edit-window .top-ct .top-label {
  color: var(--hlColor);
  font-size: 13px;
}
.doc-type-similar-multiple-edit-window .bottom-ct {
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #f8f8f8;
}
.doc-type-similar-multiple-edit-window .bottom-ct .line-option {
  padding-bottom: 10px;
}
.doc-type-similar-multiple-edit-window .bottom-ct .line-option:last-child {
  padding-bottom: 0px;
}
.doc-type-similar-multiple-edit-window .bottom-ct .label-option {
  margin-left: 7px;
}
.doc-type-similar-multiple-edit-window .list-similar-docs-hit {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px;
  max-height: 190px;
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  overflow-y: auto;
}
.doc-type-similar-multiple-edit-window .list-similar-docs-hit .hit-title {
  font-size: 13px;
  line-height: 12px;
}
.doc-type-similar-multiple-edit-window .list-similar-docs-hit .hit-title .restricted-content img {
  height: 12px;
  width: 12px;
}
.doc-type-similar-multiple-edit-window .similar-hit .similar-doc-hit {
  max-width: 360px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 8px;
  background-color: transparent;
}
.doc-type-similar-multiple-edit-window .checkbox-similar-hit {
  margin-top: 11px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.doc-type-similar-multiple-edit-window .line-similar-ct {
  border-bottom: 1px solid #e7e7e7;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.user-type-selection-window {
  z-index: 100012 !important;
}
.user-type-selection-window .menu-icon svg {
  width: 50px;
  height: 50px;
  color: var(--link1Color);
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.personaldata-phone-register sl-input::part(form-control-label) {
  font-size: var(--sl-font-size-small, 16px);
}
.personaldata-phone-register sl-input::part(form-control-help-text) {
  font-size: var(--sl-font-size-x-small, 12px);
}
.personaldata-phone-register sl-input::part(input) {
  padding-left: 50px;
}
.personaldata-phone-register sl-input::part(input)::placeholder {
  color: var(--sl-color-neutral-400);
}
.personaldata-phone-register sl-input::part(form-control-input) {
  position: relative;
  margin: 5px 0;
}
.personaldata-phone-register sl-input::part(form-control-input)::after {
  position: absolute;
  display: inline-block;
  top: 9px;
  left: 15px;
  font-size: var(--sl-font-size-medium, 18px);
  content: "+55";
}
.personaldata-phone-register::part(body) {
  padding-bottom: 0;
}
.personaldata-phone-register .dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.mfa-window {
  width: 380px;
  height: 400px;
}
.mfa-window .ct-icon {
  text-align: center;
  height: 60px;
  margin-top: 10px;
}
.mfa-window .ct-icon svg {
  text-align: center;
  width: 15%;
  fill: #0AA54B;
}
.mfa-window .ct-code-text {
  width: 313px;
  font: normal 11px 'Open Sans', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  text-align: center;
}
.mfa-window .ct-code {
  text-align: center;
  margin: 5px 0 10px;
}
.mfa-window .ct-code input {
  width: 313px;
  height: 28px !important;
  background: none;
  border-radius: 4px;
  text-align: center;
}
.mfa-window .ct-code-expiry {
  padding: 0;
  margin: 10px auto 30px;
  color: #929292;
  width: 313px;
  font: normal 10px Open Sans;
  text-align: center;
}
.mfa-window .ct-code-expiry span {
  font-weight: bold;
}
.mfa-window .ct-verify {
  margin: 0;
  padding: 0;
  width: 100%px;
  height: 27px;
  text-align: center;
}
.mfa-window .ct-verify button {
  background: #0AA54B;
  text-align: center;
  width: 85%;
  height: 100%;
  border-radius: 20px;
}
.mfa-window .ct-code-error-msg,
.mfa-window .ct-code-expired-msg {
  color: #EC1C24;
  visibility: hidden;
  width: 100%;
  text-align: center;
}
.mfa-window .ct-resend {
  font: normal 11px 'Open Sans', sans-serif;
  text-align: center;
  margin: 20px 0;
  margin: 30px 0 20px;
  padding: 0;
  cursor: pointer;
}
.mfa-window .ct-resend strong {
  color: #175282;
}
@media only screen and (max-width: 1025px) {
  .mfa-window {
    width: 96%;
    margin-left: -48%;
    left: 50% !important;
  }
  .mfa-window .ct-code-text {
    margin: 0 auto;
  }
  .mfa-window .ct-verify button {
    width: 313px;
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.captcha-container {
  width: 275px;
  color: #363636;
  background-color: #fafafa;
  margin: 10px 0 0 0;
  z-index: 9010;
  border: 1px solid #FFCA53;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.captcha-container .header {
  -moz-border-top-left-radius: 7px;
  -moz-border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: #FFF7E5;
  background-image: url(../images/components/analysis/alert-icon.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 10px 5px 10px 36px;
}
.captcha-container .text .icon-refresh {
  color: var(--link1Color);
  font-size: 16px;
  margin-left: 10px;
  margin-top: 15px;
  cursor: pointer;
}
.captcha-container .text .field {
  margin-top: 10px;
}
.captcha-container .text .captcha {
  height: 35px;
  margin-left: 20px;
  margin-top: 10px;
}
.captcha-container .text .msg {
  color: #af070a;
  display: none;
  padding: 5px 0;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.login-window.x-combo-list.login-combo-list .x-combo-list-item {
  color: #3c3c3c !important;
}
.login-window.x-combo-list.login-combo-list .x-combo-list-item.x-combo-selected {
  border: 1px dotted transparent !important;
}
.login-window .login-wrapper {
  height: 100vh;
  background-image: var(--loginBgImg);
  background-color: var(--loginBgColor);
  background-repeat: var(--loginBgRepeat);
  background-position: var(--loginBgPosition);
}
.login-window .login-wrapper .flex-ct {
  display: flex;
}
.login-window .login-wrapper .x-panel-body {
  border: none;
  background: transparent;
}
.login-window .login-wrapper .x-combo-list-item {
  font-size: 13px;
  color: #414141;
  width: auto !important;
}
.login-window .login-wrapper .ext-el-mask-msg div {
  color: #fff;
  font-size: 13px;
}
.login-window .login-wrapper .header-panel {
  display: none;
}
.login-window .login-wrapper .content-wrapper {
  width: 870px;
  margin: 0px auto;
  padding-top: 225px;
}
.login-window .login-wrapper .content-wrapper .content-inner > .logo {
  width: 370px;
  height: 370px;
  float: left;
  background: transparent var(--loginImg) no-repeat 0px 35px;
}
.login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper {
  position: absolute;
  width: 370px;
  height: 80px;
  margin-top: 153px;
}
.login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper .header {
  font: 14px var(--mainFontFace);
  margin-bottom: 11px;
  color: #444;
}
.login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper .sign-up-button {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-color: var(--link1Color);
  border: 1px solid var(--link1Color);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #bbb;
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
}
.login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper .sign-up-button:hover {
  background-color: var(--link1DarkenColor);
}
.login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper .sign-up-button div {
  font: 13px/28px var(--mainFontFace);
  color: #fff;
  height: 28px;
  text-align: center;
  width: 370px;
  cursor: pointer;
}
.login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper .bottom {
  font: 12px var(--mainFontFace);
  margin-top: 12px;
  color: #999;
}
.login-window .login-wrapper .content-wrapper .content-inner h2.title {
  font: 24px var(--titleFontFace);
  width: 370px;
  margin: 0px 0px 30px 106px;
  color: var(--hlColor);
}
.login-window .login-wrapper .content-wrapper .content-inner .form-integration {
  display: none;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-integration .saml-information {
  margin: 0 0 0 108px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-integration h2.saml-information-title {
  font-size: 21px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-integration label.saml-information-subtitle {
  font-size: 15px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-integration .login-buttons-wrapper {
  margin-top: 3px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-integration .buttons-wrapper {
  margin: 0;
}
.login-window .login-wrapper .content-wrapper .content-inner.integration-saml .form-integration {
  display: block;
}
.login-window .login-wrapper .content-wrapper .content-inner.integration-saml .form-login {
  display: none;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper {
  float: left;
  background: transparent;
  border: none;
  width: 390px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form label {
  color: #5d5d5d;
  margin-right: 5px;
  text-align: right;
  width: 100px;
  padding-top: 5px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input {
  width: calc(100% - 12px) !important;
  /* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
  /* Firefox 4-18 */
  /* Firefox 19-50 */
  /* - Internet Explorer 10–11
       - Internet Explorer Mobile 10-11 */
  /* Edge (also supports ::-webkit-input-placeholder) */
  /* CSS Pseudo-Elements Level 4 Editor's Draft
       - Browsers not mentioned in vendor prefixes
       - Browser of newer versions than mentioned in vendor prefixes */
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input::-webkit-input-placeholder {
  color: transparent;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input:-moz-placeholder {
  color: transparent;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input::-moz-placeholder {
  color: transparent;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input:-ms-input-placeholder {
  color: transparent !important;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input::-ms-input-placeholder {
  color: transparent;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .cortex-input::placeholder {
  color: transparent;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .text-field {
  width: 274px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .text-field,
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .combo-field {
  height: 20px;
  font: 13px/20px var(--mainFontFace);
  color: #414141;
  padding-top: 0px;
  padding-bottom: 0px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .combo-field {
  width: 235px;
  margin: 0px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper {
  margin: 0 0 0 108px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper a.forgot-password,
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper a.enter-integration-user {
  display: block;
  color: var(--link1Color);
  text-decoration: none;
  min-width: 110px;
  margin: 4px 0 0 0;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper a.forgot-password:hover,
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper a.enter-integration-user:hover {
  text-decoration: underline;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper a.forgot-password {
  float: right;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper a.enter-integration-user {
  margin: 8px 0 0 0;
  text-align: center;
  font: 13px/28px Arial, Helvetica;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .login-buttons-wrapper {
  margin-top: 0px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button {
  width: calc(100% - 3px);
  text-align: center;
  text-decoration: none;
  margin: 20px 0 0 0;
  cursor: pointer;
  display: inline-block;
  background-color: var(--buttonBgStart);
  border: 1px solid var(--buttonBgMiddle);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #bbb;
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button:hover {
  background-color: var(--buttonBgMiddle);
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button div {
  font: 13px/28px var(--mainFontFace);
  color: #fff;
  height: 28px;
  padding: 0px 32px;
  cursor: pointer;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button.saml-button {
  margin: 25px 0 0 8px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button.sign-up-button {
  display: none;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .stay-signed {
  color: #5d5d5d;
  display: inline-block;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .stay-signed .x-form-check-wrap {
  display: flex;
  line-height: 21px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .stay-signed .x-form-check-wrap input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.ext-opera .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .stay-signed .x-form-check-wrap input[type="checkbox"] {
  top: 1px;
}
.ext-ie .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .stay-signed .x-form-check-wrap input[type="checkbox"] {
  top: 4px;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .stay-signed .x-form-check-wrap label {
  width: auto !important;
  padding-top: 0;
}
.login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .x-form-invalid-msg {
  display: none;
  background: transparent !important;
  color: #af070a;
  padding: 5px 0 0 0;
}
.pass-recovery-win {
  max-width: 300px;
  width: 100%;
}
.upgrade-password-window {
  max-width: 680px;
  width: 100%;
  box-shadow: 0 10px 20px 5px #ccc !important;
}
.upgrade-password-window .flex-ct {
  display: flex;
}
@media (max-width: 400px) {
  .upgrade-password-window .flex-ct {
    flex-flow: column;
  }
}
.upgrade-password-window .x-window-tl {
  display: none;
}
.upgrade-password-window .x-window-ml {
  padding: 0px;
}
.upgrade-password-window .x-window-mr {
  padding: 0px;
}
.upgrade-password-window .x-window-mc {
  padding: 0px;
}
.upgrade-password-window .x-window-bl {
  display: none;
}
.upgrade-password-window .upgrade-wrapper {
  min-height: 100%;
}
.upgrade-password-window .cortex-input {
  width: calc(100% - 8px) !important;
}
.upgrade-password-window .left-container {
  background: var(--hlColor);
  color: var(--headerColor);
  font-size: 15px;
  min-width: 160px;
  flex-basis: 100%;
}
.upgrade-password-window .left-container .content-wrapper {
  margin-bottom: 40px;
}
.upgrade-password-window .left-container .content-wrapper .title {
  margin: 50px 50px 0 50px;
  font-size: 28px;
  font-weight: bold;
}
.upgrade-password-window .left-container .content-wrapper .text {
  margin: 40px 45px 0 50px;
}
.upgrade-password-window .left-container .content-wrapper .instruction {
  margin: 20px 45px 0 50px;
}
.upgrade-password-window .right-container {
  flex-basis: 100%;
  min-width: 0;
}
.upgrade-password-window .right-container .recover-password-form {
  margin: 60px 30px;
}
.upgrade-password-window .right-container .recover-password-form .x-form-item-label {
  color: #222;
  font-size: 15px;
  line-height: 30px;
}
.upgrade-password-window .right-container .recover-password-form .x-form-item-label:first-child {
  margin-bottom: 20px;
}
.upgrade-password-window .right-container .button {
  background: var(--link1Color);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  padding: 1px;
  width: 100px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  margin-top: 25px;
}
.upgrade-password-window .right-container .button:hover {
  background: var(--buttonBgStart);
}
.upgrade-password-window .upgrade-password-text {
  padding-bottom: 15px;
}
.sign-up-window {
  max-width: 400px;
  width: 100%;
  box-shadow: 0 10px 20px 5px #ccc !important;
}
.sign-up-window .flex-ct {
  display: flex;
}
.sign-up-window .x-window-tl {
  display: none;
}
.sign-up-window .x-window-ml {
  padding: 0px;
}
.sign-up-window .x-window-mr {
  padding: 0px;
}
.sign-up-window .x-window-mc {
  padding: 0px;
}
.sign-up-window .x-window-bl {
  display: none;
}
.sign-up-window .upgrade-wrapper {
  min-height: 100%;
}
.sign-up-window .cortex-input {
  width: calc(100% - 8px) !important;
}
.sign-up-window .left-container {
  background: var(--link1Color);
  max-width: 10px;
  flex-basis: 100%;
}
.sign-up-window .right-container {
  flex-basis: 100%;
  min-width: 0;
}
.sign-up-window .right-container .title {
  font: 24px var(--mainFontFace);
  font-weight: bold;
  margin: 40px 30px;
}
.sign-up-window .right-container .recover-password-form {
  margin: 0 30px 30px 30px;
}
.sign-up-window .right-container .recover-password-form .x-form-item-label {
  color: #222;
  font-size: 11px;
  color: #999;
  line-height: 24px;
}
.sign-up-window .right-container .recover-password-form .x-form-item-label:first-child {
  margin-bottom: 20px;
}
.sign-up-window .right-container .buttons-wrapper {
  display: flex;
  justify-content: flex-end;
}
.sign-up-window .right-container .buttons-wrapper .button {
  font: 13px/28px var(--mainFontFace);
  cursor: pointer;
  border-radius: 4px;
  padding: 1px;
  display: inline-block;
  text-align: center;
  margin-top: 25px;
}
.sign-up-window .right-container .buttons-wrapper .button.cancel {
  color: var(--link1Color);
  width: 100px;
}
.sign-up-window .right-container .buttons-wrapper .button.sign-up {
  background: var(--buttonBgStart);
  color: #fff;
  width: 160px;
}
.sign-up-window .right-container .buttons-wrapper .button.sign-up:hover {
  background: var(--buttonBgMiddle);
}
.sign-up-window .right-container .success-icon {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.sign-up-window .right-container .success-icon .icon-wrapper {
  width: 72px;
  height: 72px;
}
.sign-up-window .right-container .success-text {
  font: 24px var(--mainFontFace);
  font-weight: bold;
  margin: 0 40px 60px 40px;
  color: #444;
}
.sign-up-window .right-container .success-button-wrapper {
  display: flex;
  justify-content: center;
}
.sign-up-window .right-container .success-button-wrapper .button {
  font: 13px/28px var(--mainFontFace);
  cursor: pointer;
  border-radius: 4px;
  padding: 1px;
  background: var(--buttonBgStart);
  color: #fff;
  width: 160px;
  display: inline-block;
  text-align: center;
}
.sign-up-window .right-container .success-button-wrapper .button:hover {
  background: var(--buttonBgMiddle);
}
.sign-up-window .upgrade-password-text {
  padding-bottom: 15px;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.toast-msg {
  width: 300px;
  padding: 5px;
  font-size: 13px;
  color: #fff;
  z-index: 100001;
  /* 1 a mais que o back to top button */
}
.warning-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFAE00;
  padding: 5px;
  z-index: 100000;
  display: flex;
  flex-direction: column;
}
.warning-bar li {
  display: flex;
  color: white;
  font-size: 13px;
  align-items: center;
  justify-content: center;
}
.warning-bar li .icon {
  margin-right: 8px;
}
.warning-bar li svg {
  height: 16px;
  width: 16px;
  fill: white;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.hit-list-ct {
  border-bottom: 1px solid #e8e8e8;
  margin-top: 13px;
  padding-bottom: 13px;
}
.hit-list-ct:last-child {
  border-bottom: none;
}
.x-window .hit-list-ct {
  border-bottom: none;
  margin-top: 0px;
  padding-bottom: 0px;
}
.hit-list-ct-top-border {
  border-top: 1px solid #e8e8e8;
}
.hit-list-ct.warning-wrapper {
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0px;
  border: none;
}
.hit-list-ct.warning-wrapper div.warning {
  border: 1px solid #DADADA;
  background-color: #F5F5F5;
  padding: 15px 5px 15px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.hit-list-ct.warning-wrapper div.warning:last-child {
  margin-bottom: 0px;
}
.hit-list-ct.warning-wrapper div.warning.unread {
  background-color: #FFF;
}
.hit-list-ct.warning-wrapper div.warning .date-wrapper {
  float: left;
  border-right: 1px solid #DADADA;
  margin-right: 10px;
  width: 64px;
}
.hit-list-ct.warning-wrapper div.warning .date-wrapper .day {
  display: block;
  font-weight: bold;
  font-size: 30px;
  line-height: 25px;
  text-align: center;
  color: #282927;
}
.hit-list-ct.warning-wrapper div.warning .date-wrapper .month,
.hit-list-ct.warning-wrapper div.warning .date-wrapper .year {
  display: block;
  font-weight: bold;
  color: #6E6E6E;
  text-align: center;
}
.hit-list-ct.warning-wrapper div.warning .title-wrapper {
  float: left;
  width: calc(100% - 80px);
}
.hit-list-ct.warning-wrapper div.warning .title-wrapper h3.title {
  font-weight: bold;
  font-size: 19px;
  color: var(--link1Color);
  cursor: pointer;
}
.hit-list-ct.warning-wrapper div.warning .title-wrapper h3.title:hover {
  text-decoration: underline;
}
.hit-list-ct.warning-wrapper div.warning .title-wrapper span.sender {
  color: var(--link2Color);
  font-weight: bold;
  display: block;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.hit-list-title {
  color: var(--link1Color);
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  cursor: pointer;
}
.hit-list-title-mouseover {
  text-decoration: underline;
}
.hit-list-context {
  color: #f08020;
}
.hit-list-source {
  color: #555;
}
.hit-list-other-sources {
  color: #407da2;
}
.hit-list-date {
  color: #62a2c8;
}
.hit-list-attachment {
  color: #777;
  text-decoration: none;
}
.hit-list-content {
  color: #585858;
  line-height: 17px;
}
.hit-list-content-mouseover {
  color: #000;
  line-height: 17px;
}
.hit-list-actions {
  color: #999;
  height: 18px;
  width: 100%;
}
.hit-list-actions-mouseover {
  color: #306d92;
  height: 18px;
  width: 100%;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.hit-thumbnail-title {
  color: #306d92;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  cursor: pointer;
}
.hit-thumbnail-title-mouseover {
  text-decoration: underline;
}
.hit-thumbnail-context {
  color: #f08020;
}
.hit-thumbnail-source {
  color: #111;
}
.hit-thumbnail-date {
  color: #62a2c8;
}
.hit-thumbnail-content {
  color: #555;
  line-height: 17px;
}
.hit-thumbnail-content-mouseover {
  color: #000;
  line-height: 17px;
}
.hit-thumbnail-actions {
  color: #999;
  height: 18px;
  width: 100%;
}
.hit-thumbnail-actions-mouseover {
  color: #306d92;
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
@media (max-width: 1024px), screen and (max-height: 470px) {
  body:not(.ext-ie) .login-window.x-combo-list.login-combo-list .x-combo-list-item {
    font-size: 16px !important;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
  }
}
@media (max-width: 1024px), screen and (max-height: 470px) {
  body:not(.ext-ie) .login-window .login-wrapper {
    background-image: none;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-flow: column;
  }
  body:not(.ext-ie) .login-window .login-wrapper .mobile-bottom-background {
    width: 100%;
    flex: 1 0 160px;
    margin-top: -50px;
    background-image: var(--mobileLoginBgImg);
    background-color: var(--mobileLoginBgColor);
    background-repeat: var(--mobileLoginBgRepeat);
    background-position: var(--mobileLoginBgPosition);
  }
  body:not(.ext-ie) .login-window .login-wrapper .header-panel {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .title {
    display: none;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper {
    width: 100% !important;
    padding-top: 0 !important;
    margin: 0 !important;
    flex: 0 0 60%;
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-bottom: 25px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner h2.title {
    margin: 0 0 30px 76px !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner > .logo {
    height: 75px;
    width: 60%;
    float: none;
    background: transparent var(--mobileLoginImg) no-repeat center;
    background-size: 100% auto;
    max-width: 347px;
    margin: 40px auto;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner > .logo.no-mobile-logo {
    height: 60px;
    visibility: hidden;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner > .sign-up-wrapper {
    display: none;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper {
    float: none;
    width: 60%;
    margin: 20px auto 0;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .x-panel-bwrap,
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .x-panel-body {
    overflow: visible;
    position: static;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .cortex-input {
    width: 100% !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form label {
    display: none;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .saml-information {
    margin: 25px 0 0 0;
    text-align: center;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .saml-information-title {
    font-size: 23px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .saml-information-subtitle {
    font-size: 13px;
    text-align: center;
    display: block;
    width: 100%;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .forgot-password-wrapper {
    display: inline-block;
    width: 100%;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .forgot-password-wrapper a.forgot-password {
    margin: 2px 0 0 0;
    float: right;
    color: var(--mobileLoginLinkColor);
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .forgot-password-wrapper .x-form-invalid-msg {
    display: none !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element {
    padding-left: 0 !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input {
    width: calc(100% - 14px) !important;
    height: 35px !important;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px !important;
    /* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
    /* Firefox 4-18 */
    /* Firefox 19-50 */
    /* - Internet Explorer 10–11
       - Internet Explorer Mobile 10-11 */
    /* Edge (also supports ::-webkit-input-placeholder) */
    /* CSS Pseudo-Elements Level 4 Editor's Draft
       - Browsers not mentioned in vendor prefixes
       - Browser of newer versions than mentioned in vendor prefixes */
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input::-webkit-input-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input:-moz-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input::-moz-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input:-ms-input-placeholder {
    color: #c5c5c5 !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input::-ms-input-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input::placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"] {
    color: #4CC51C !important;
    /* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
    /* Firefox 4-18 */
    /* Firefox 19-50 */
    /* - Internet Explorer 10–11
       - Internet Explorer Mobile 10-11 */
    /* Edge (also supports ::-webkit-input-placeholder) */
    /* CSS Pseudo-Elements Level 4 Editor's Draft
       - Browsers not mentioned in vendor prefixes
       - Browser of newer versions than mentioned in vendor prefixes */
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"]::-webkit-input-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"]:-moz-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"]::-moz-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"]:-ms-input-placeholder {
    color: #c5c5c5 !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"]::-ms-input-placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input[type="password"]::placeholder {
    color: #c5c5c5;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .cortex-input.x-form-invalid {
    border-color: #EC1C24 !important;
    background: transparent !important;
    color: #EC1C24 !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element.language-combo .cortex-combo {
    height: 35px !important;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element.language-combo svg {
    fill: var(--mobileLoginLinkColor);
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .x-form-element .x-form-field-wrap {
    width: 100% !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper {
    margin-left: 0;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .captacha-wrapper {
    height: 110px;
    width: 100%;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .captacha-wrapper .captcha-inner-wrapper {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 25px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .captacha-wrapper .captcha-inner-wrapper .captcha-container {
    margin: 10px auto;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .captacha-wrapper .captcha-inner-wrapper .captcha-container .text .captcha {
    height: 35px;
    margin-left: 10px;
    width: auto !important;
    margin-right: 10px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .captacha-wrapper .captcha-inner-wrapper .captcha-container .text .text-field-wrapper {
    width: 110px !important;
    float: right;
    margin-right: 10px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .captacha-wrapper .captcha-inner-wrapper .captcha-container .text .text-field-wrapper .cortex-input {
    width: calc(100% - 8px) !important;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .login-buttons-wrapper {
    position: absolute;
    width: 80%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    margin-top: -30px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .login-buttons-wrapper .login-buttons {
    margin: 0 auto;
    display: table;
    width: 60%;
    min-width: 190px;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .login-buttons-wrapper .enter-integration-user {
    margin: 10px 5px 0 5px !important;
    border-radius: 21px;
    min-width: 140px;
    background-color: rgba(255, 255, 255, 0.5);
    height: 35px;
    line-height: 33px;
    width: calc(100% - 3px);
    color: var(--link1Color);
    font-family: 'Open Sans', sans-serif;
    box-shadow: 1px 1px 2px #bbb;
    -moz-box-shadow: 1px 1px 2px #bbb;
    -webkit-box-shadow: 1px 1px 2px #bbb;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .login-buttons-wrapper .enter-integration-user:hover {
    background-color: rgba(200, 200, 200, 0.5);
    text-decoration: none;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper .compatibility-view {
    float: left;
    margin: 20px 0;
    padding: 0;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button {
    margin: 10px 5px 0 5px !important;
    min-width: 140px;
    text-align: center;
    background-color: var(--mobileLoginBtnBgColor);
    border-color: var(--mobileLoginBtnBgHoverColor);
    border-radius: 21px;
    height: 35px;
    font-size: 16px;
    line-height: 33px;
    font-family: 'Open Sans', sans-serif;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button:hover {
    background-color: var(--mobileLoginBtnBgHoverColor);
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button.sign-up-button {
    display: inline-block;
    background-color: var(--link1Color);
    border: 1px solid var(--link1Color);
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button.sign-up-button:hover {
    background-color: var(--link1DarkenColor);
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button div {
    color: var(--mobileLoginBtnTextColor);
    display: inline-block;
    padding: 0;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.stay-signed {
    display: inline-block;
  }
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.stay-signed .x-form-check-wrap label {
    color: var(--mobileLoginLabelColor);
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
  }
}
@media (max-width: 1024px) and (max-height: 470px), screen and (max-height: 470px) and (max-height: 470px) {
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper {
    flex: 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 450px), screen and (max-height: 470px) and (max-width: 450px) {
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner > .logo {
    width: 75%;
  }
}
@media (max-width: 1024px) and (max-height: 470px), screen and (max-height: 470px) and (max-height: 470px) {
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner > .logo {
    margin: 15px auto;
  }
}
@media (max-width: 1024px) and (max-height: 470px), screen and (max-height: 470px) and (max-height: 470px) {
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner > .logo.no-mobile-logo {
    height: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 450px), screen and (max-height: 470px) and (max-width: 450px) {
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper {
    min-width: 75%;
  }
}
@media (max-width: 1024px) and (max-width: 450px), screen and (max-height: 470px) and (max-width: 450px) {
  body:not(.ext-ie) .login-window .login-wrapper .content-wrapper .content-inner .form-wrapper .form .buttons-wrapper div.green-button {
    min-width: calc(100% - 23px);
  }
}

/**
 * Evitar adicionar novas variáveis aqui, use o arquivo CssVarKey.java para definir css vars.
 */
/**
 * Ao adicionar/alterar os tipos de dispositivos, lembrar de alterar também em DashboardModel.js -> deviceTypes, DashboardDeviceType.java e CssVarKey.java
 * As classes por tipos de dispositivos são dinâmicas, ao cadastrar um novo tipo nesta lista,
 * e cadastrar o width correspondente com o nome no mesmo padrão, irá automaticamente gerar uma nova classe para ele.
 */
/** Funcoes genericas utilizadas **/
.fullscreen-window {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
.fullscreen-window.x-window {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.fullscreen-window.x-window .x-window-tl {
  background-color: #FFFFFF;
  min-height: 0px;
  height: 25px;
  display: none;
}
.fullscreen-window.x-window .x-window-ml {
  padding: 0px !important;
}
.fullscreen-window.x-window .x-window-mr {
  padding: 0px !important;
}
.fullscreen-window .x-window-body {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-size: 12px;
}
.fullscreen-window .x-tool-close {
  background-color: var(--hlColor);
  color: #FFFFFF;
}
.fullscreen-window .x-window-bl {
  border-top: none;
  background-image: none;
}
.fullscreen-window .full-toolbar {
  background-color: #ffffff;
}
.fullscreen-window .full-toolbar .x-toolbar {
  border: none;
  background: transparent;
  padding: 16px 28px 16px 28px;
}
.fullscreen-window .full-toolbar .full-title .label-title {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}
.fullscreen-window .full-toolbar .cortex-btn-ok,
.fullscreen-window .full-toolbar .cortex-btn-save {
  border-radius: 24px;
  margin-top: 2px;
}
.fullscreen-window .full-toolbar .cortex-btn-ok button,
.fullscreen-window .full-toolbar .cortex-btn-save button {
  min-width: 64px;
  height: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
}
.fullscreen-window .full-toolbar .cortex-btn-cancel {
  background-color: #ffffff;
  text-align: center;
  cursor: pointer;
  border: none !important;
  margin-right: 28px;
}
.fullscreen-window .full-toolbar .cortex-btn-cancel .icon-previous {
  line-height: 24px;
  width: 24px;
  font-size: 16px;
  border: none !important;
  cursor: pointer;
  color: var(--buttonBgStart);
}