@charset "UTF-8";

/* hover dos icones */
.tooltip {
  position: relative;
  display: inline-block;
  padding: 3px 3px;
  cursor: pointer;
  transition: transform 0.1s;
}
.tooltip .text {
  position: absolute;
  width: 60px;
  height: auto;
  background-color: #5f5963;
  color: #fff;
  text-align: center;
  padding: 0px 1px;
  z-index: 1;
  border-radius: 3px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 1s;
  visibility: hidden;
  display: inline-table;
}

.tooltip .text::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 2px;
  border-color: #5f5963 transparent transparent transparent;
  top: 100%;
  left: 50%;
  margin-left: -2px;
}

.tooltip:hover .text {
  visibility: visible;
  opacity: 1;
  font-size: 8.5px;
  text-wrap: wrap !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}

.tooltip:hover {
  transform: scale(1.3);
}
/* fim do hover dos icones */

body {
  background-image: url(../images/bg.png);
  font: 62.5% "Trebuchet MS", sans-serif;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-size: cover;
  overflow: hidden;
}

label {
  font: 100% "Trebuchet MS", sans-serif;
}

.div-principal {
  position: fixed;
  left: 0px;
  top: 60px;
  /**height: 500px;**/
  bottom: 0px;
  right: 0px;
  padding: 10px;
  overflow: auto;
  border: none !important;
}

.sombra-principal {
  position: fixed;
  left: 12px;
  top: 62px;
  right: 10px;
  bottom: 10px;
}

/** Toolbar principal **/
.toolbar-main {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 10pt;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 58px;
  border: none !important;
  background-color: #8dc63f;
}

#login {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ui-dialog-titlebar {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: row;
}

#imglogin {
  margin-top: 10px;
  margin-bottom: 10px;
}

/** Toolbar tabela **/
.toolbar-table {
  height: 55px;
  /* margin-top: 3px; */
  margin-left: 10px;
  margin-right: 15px;
  padding: 0px;
  width: 98%;
}

/** Container do grid **/
.searchResultsContainer {
  background: #fafafa;
  position: absolute;
  top: 130px;
  left: 0px;
  right: 0px;
  bottom: 50px;
  overflow: auto;
  padding: 15px 23px 15px 13px;
  overflow-x: hidden;
}

/** Container dos resultados da busca **/
.reportViewerContainer {
  background: none;
  position: absolute;
  top: 120px;
  left: 5px;
  right: 5px;
  bottom: 50px;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 4px;
}

/** Container dos resultados da busca **/
.consolidacaoViewerContainer {
  background: none;
  position: absolute;
  top: 135px;
  left: 5px;
  right: 5px;
  bottom: 50px;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 4px;
}

/** Toolbar botões **/
.toolbar-button {
  font-size: 8pt;
  margin-top: 6px;
}

.toolbar-button:hover {
  background-color: #5b8f24;
  color: white;
}

/** DIV Loading **/
.loading {
  background: none;
  height: 19px;
  left: 50%;
  margin: -9px 0 0 -110px;
  position: absolute;
  top: 50%;
  width: 220px;
}

/** H1 **/
h1 {
  color: #000000;
  font-size: 18pt;
}

/** Inputs de texto **/
.text {
  height: 18px;
  width: 300px;
}

input[type="text"] {
  height: 25px !important;
  width: 300px;
}
input[type="file"] {
  height: 18px;
  width: 300px;
}
select {
  height: 31px !important;
  width: 300px;
}

/** Container da busca **/
.searchContainer {
  width: 100%;
}

/** Grid de listagem **/
.listGrid {
  background-color: #ccc;
  width: 100%;
}

.listGridSmallFont {
  background-color: #ccc;
  width: 100%;
  font-size: 7pt;
}

.listGridTdPesquisaParceiro {
  padding: 5px;
  background-color: #fff;
}

.listGridTd {
  /* padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px; */
  background-color: #fff;
}
.listGridTdAlter {
  /* padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px; */
  background-color: #e1e1ff;
}
.listGridHover {
  background-color: #fff;
  width: 100%;
}
.listGridHoverTd {
  /* padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px; */
  background-color: #ccc;
}

/** Toolbar - rodapé - botões de ação **/
.footerToolbar {
  background: none;
  left: 5px;
  right: 5px;
  bottom: 5px;
  height: 30px;
  position: absolute;
  text-align: right;
  vertical-align: middle;
  padding-bottom: 8px;
  padding-right: 28px;
}

/** Toolbar de formulário - botões de ação **/
.formToolbar {
  background: none;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: middle;
  padding-top: 5px;
  padding-right: 5px;
}

/** Botão de download **/
.linkDownload {
  background: url(../images/file.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
  text-decoration: none;
  font-size: 14px;
  /*margin-left:95px;*/
  margin-left: 10px;
}

/** Botão de busca **/
.searchButton {
  background: url(../images/search.png) no-repeat;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border: none;
}

/** Botão editar **/
.editButton {
  background: url(../images/edit.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Deletar **/
.deleteButton {
  background: url(../images/delete.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

.downloadButton {
  background: url(../images/download-button.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
  display: inline-block;
  background-size: 16px 16px;
}

/** Botão Visualizar **/
.viewButton {
  background: url(../images/view.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Vínculos **/
.vinculosButton {
  background: url(../images/vinculos.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Enviar **/
.enviarButton {
  background: url(../images/email_go.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Classificar **/
.classificarButton {
  background: url(../images/classificar.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Consolidar **/
.consolidarButton {
  background: url(../images/consolidar.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Lista Convite **/
.listaConviteButton {
  background: url(../images/lista_convite.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Relatorio **/
.relatorioButton {
  background: url(../images/relatorio.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Teleatendimento **/
.teleAtendimentoButton {
  background: url(../images/teleatendimento.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão EVE **/
.eveButton {
  background: url(../images/eve.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Empresa **/
.empresaButton {
  background: url(../images/building.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Imagens **/
.imageButton {
  background: url(../images/image.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Deletar 2 **/
.deleteButton2 {
  background: url(../images/delete2.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Avaliacoes **/
.avaliacoesButton {
  background: url(../images/avaliacoes.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão de Adicionar **/
.addButton {
  background: url(../images/add.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão de Remover **/
.removeButton {
  background: url(../images/remove.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Visualizar Newsletter **/
.viewNewsletter {
  background: url(../images/viewNewsletter.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

/** Botão Visualizar Home **/
.viewHome {
  background: url(../images/viewHome.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: none;
}

.validationError {
  font-style: italic;
  color: #f00;
}

input.validationError {
  border-color: #f00;
  font-style: normal;
  color: #000;
}

label {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 10pt;
}

/** Paginação **/
.paginator {
  list-style: none;
  float: right;
  margin-bottom: 13px;
}
.paginator li {
  display: inline;
  width: 20px;
  height: 20px;
}

.paginator li button {
  background: #4caf50;
  color: #e6e6e6;
  border: 0px;
  cursor: pointer;
}
.paginator li button:hover {
  background: rgb(83, 194, 89);
  color: #fff;
  border: 0px;
}
.paginator li button:focus {
  background: #4caf50;
  color: #ffffff;
  border: 0px;
}
.paginator li button.selected {
  background: #0d959f;
  color: #ffffff;
  border: 0px;
  cursor: default;
}
.paginator li button.disabled {
  opacity: 0.5;
  background-color: #ccc;
  color: #fff;
  cursor: default;
}
.paginator li button.disabled:focus {
  opacity: 0.5;
  background-color: #ccc;
  color: #fff;
  cursor: default;
}

/** Menu com submenu **/
.hidden {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.fg-button {
  clear: left;
  margin: 6px 4px 0px 20px;
  padding: 0.4em 1em;
  text-decoration: none !important;
  font-size: 8pt;
  cursor: pointer;
  position: relative;
  text-align: center;
  zoom: 1;
}
.fg-button .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}
a.fg-button {
  float: left;
}
button.fg-button {
  width: auto;
  overflow: visible;
} /* removes extra button width in IE */

.fg-button-icon-left {
  padding-left: 2.1em;
}
.fg-button-icon-right {
  padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon {
  right: auto;
  left: 0.2em;
  margin-left: 0;
}
.fg-button-icon-right .ui-icon {
  left: auto;
  right: 0.2em;
  margin-left: 0;
}
.fg-button-icon-solo {
  display: block;
  width: 8px;
  text-indent: -9999px;
} /* solo icon buttons must have block properties for the text-indent to work */

.fg-button.ui-state-loading .ui-icon {
  background: url(spinner_bar.gif) no-repeat 0 0;
}

.ui-datepicker-trigger {
  background: url(../images/calendar.png) no-repeat;
  border: 0px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.taheader {
  cursor: pointer;
}

.hide {
  display: none;
}

/**
 * Menus de permissões
 */
.formMenu {
  list-style: none;
  margin-left: -10px;
  margin-bottom: 15px;
}
.formMenu li {
  margin-top: 10px;
}
.formMenu li label {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}

.formSubMenu {
  list-style: none;
}
.formSubMenu li label {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

.formAcao {
  list-style: none;
}
.formAcao li label {
  color: #000;
  font-weight: normal;
  font-size: 12px;
}

#view-order {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style-type: none;
  width: 250px;
}
#view-order li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -2px;
  margin-right: -2px;
  cursor: e-resize;
}

#order-order {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style-type: none;
  width: 250px;
}
#order-order li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -2px;
  margin-right: -2px;
  cursor: e-resize;
}

#view-order-view {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style-type: none;
  width: 250px;
}
#view-order-view li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -2px;
  margin-right: -2px;
  cursor: default;
}

#view-order-order {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style-type: none;
  width: 250px;
}
#view-order-order li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -2px;
  margin-right: -2px;
  cursor: default;
}

/** Grid de listagem **/
.listGridCustom {
  background-color: #ccc;
}

.listGridCustomSmallFont {
  background-color: #ccc;
  width: 100%;
  font-size: 7pt;
}

.listGridCustomTd {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #fff;
}
.listGridCustomTdAlter {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #e1e1ff;
}
.listGridCustomHover {
  background-color: #fff;
  width: 100%;
}
.listGridCustomHoverTd {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #ccc;
}

button.ui-button.ui-widget {
  border: none !important;
}
input[type="button"] {
  border: none !important;
}

/*Botões internos do modal*/
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix > button {
  background-color: #2190c0d5;
  color: #fff;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix > button:hover {
  background-color: #00638e;
  color: #fff;
}

/*Botões do rodapé das páginas*/
.footerToolbar > input[type="button"] {
  background-color: rgb(164, 164, 164);
  color: white;
}

.footerToolbar > input[type="button"]:hover {
  background-color: #bcbcbc7c;
  color: rgb(0, 0, 0);
}

/*Cabeçalho das tabelas*/
.searchResultsContainer > table > tbody > .ui-widget-header {
  background-color: #a4a4a4 !important;
} 

[aria-labelledby="ui-dialog-title-login"] > div > a {
  display: none;
}

[aria-labelledby="ui-dialog-title-login"]
  > .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
  justify-content: center;
  align-items: center;
}

[aria-labelledby="ui-dialog-title-login"] > div > button[type="button"] {
  background: #6eac2c !important;
}

[aria-labelledby="ui-dialog-title-login"] > div > button[type="button"]:hover {
  background: #5b8f24 !important;
}

/*Tabela da página principal*/
#listaEstatisticas {
  /* width: 850px; */
  margin: auto;
}

@media screen and (max-width: 860px) {
  #listaEstatisticas {
    width: max-content;
  }
}

#listaEstatisticas > tbody > tr.ui-state-active {
  background-color: #6eac2c !important;
  font-size: large;
}

#listaEstatisticas > tbody > tr:hover td {
  background-color: rgb(224, 224, 224) !important;
}