/* Dispositivos grandes (1200px e acima) */
.geral {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.form {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
}

.ft10 {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.link {
  color: #0066CC;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.link:visited {
  color: #003366;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}

.formII {
  background-color: #e4ebef;
}

.formIII {
  background-color: #daebe9;
}

.formII, .formIII {
  border: 1px solid rgba(0, 0, 0, .125);
  box-shadow: 2px 1px 2px rgba(0, 0, 0, .1);
  border-radius: .1rem;
  font-size: 0.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: .5rem;
}

.formII strong, .formIII strong {
  font-weight: 600 !important;
}

.Tabela {
  background-color: #f1f3fa;
  border-color: #666666;
  border-style: none;
  border-width: 2px;
  color: #666666;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
}

.linkMaior {
  color: #0033cc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.linkMaior:visited {
  color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: underline;
}

.formIV {
  background-color: #ccccff;
  border: 1px double #0099ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
}

.formSelect {
  background-image: url("../images/fundo.gif");
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 255px;
  background-color: white;
  -webkit-appearance: inner-spin-button;
}

.SenhaAtendimento {
  color: #0000cc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
}

.formSelectMenor {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 210px;
}

.formSelectTotal {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 675px;
}

.formSelectData {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 170px;
}

.formSelectDataCampo {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 37px;
}

.formSelectDataDireita {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 213px;
  background-color: white;
  -webkit-appearance: inner-spin-button;
}

.formSelectMEsquerda {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 83px;
}

.formSelectDEsquerda {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 100px;
}

.formSelectDDivida {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 141px;
}

.formSelectCarteiras {
  border: 1px solid #aec9ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  width: 69px;
}

input[type="submit"], input[type="button"], a[role="button"] {
  cursor: pointer !important;
}

.passo_a_passo {
  display: none;
}

.mensagemSistema, .avisoSistema, .erroSistema {
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  color: #fff;
  font-weight: bold;
  height: auto;
  left: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999
}

.mensagemSistema {
  background-color: green
}

.avisoSistema {
  background-color: orange
}

.erroSistema {
  background-color: #d43533
}

.erroSistema a, .avisoSistema a, .mensagemSistema a {
  color: #fff;
}

.erroSistema span, .avisoSistema span, .mensagemSistema span {
  float: left;
  margin-left: 15% !important;
  min-width: 200px;
  padding: 2% 0;
  position: relative;
  width: 70%;
  z-index: 9999999;
}

.wait {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%) repeat scroll 0 0;
  height: 1024px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.wait img {
  left: 34vw;
  position: fixed;
  top: 35vh;
  width: 30vw;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  color: #006600;
  text-decoration: underline;
}

td, th {
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

.conteudoGeral {
  border: 1px solid #f1f1f1;
  box-shadow: none;
  margin: 0 auto 27px;
  max-width: 1280px;
  width: 100%;
  min-width: 1264px
}

.infoTopoIconeAberto, .infoTopoIconeFechado {
  cursor: pointer;
  height: 18px;
  width: 30px;
}

.infoTopo {
  overflow: hidden;
}

.infoTopo table {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 0 0 10px 10px;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

.infoTopo td, .infoTopo tr {
  height: auto;
  width: auto;
}

.conteudo {
  height: auto;
}

.homeData {
  bottom: 0;
  position: fixed;
  right: 0;
  width: 100% !important;
}

.homeData td {
  bottom: 0;
  height: 22px;
  left: -1px;
  position: fixed;
  width: 100% !important;
  z-index: 9;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h2 {
  color: #000;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 0 15px;
}

.menuPrincipal {
  background: #f1f1f1 none repeat scroll 0 0;
  box-shadow: 0 0 6px #666;
  left: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.menuPrincipal table {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.menuPrincipal #tabsJ {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%) repeat scroll 0 0;
  border: 1px solid #ccc;
  float: none;
  height: 36px;
  margin: 0 auto !important;
  width: auto;
}

#tabsJ {
  font-size: 93%;
  height: 30px;
  line-height: normal;
  width: 100%;
}

#tabsJ ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#tabsJ li {
  border-bottom: 2px solid transparent;
  display: block;
  float: left;
  height: auto;
  margin: 0;
  padding: 8px 14px;
  position: relative;
  width: auto;
}

#tabsJ li:hover {
  border-bottom: 2px solid #299a0b;
}

#tabsJ li#current {
  border-bottom: 2px solid #299a0b;
  box-shadow: 0 0 15px #fff inset;
  color: #fff;
}

#tabsJ a {
  color: #333;
  font-size: 14px;
  height: auto;
  text-decoration: none;
}

#tabsJ ul ul {
  display: none;
  left: 0;
  margin: 10px 0 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

#tabsJ ul li:hover ul {
  display: block;
}

#tabsJ ul ul li {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%) repeat scroll 0 0;
  border-bottom: 2px solid transparent;
  float: left;
  padding: 5px 10px 5px 23px;
  text-align: left;
  width: 127%;
}

#tabsJ ul ul li span {
  text-align: center;
}

#dialog {
  display: none;
}

.ui-widget.ui-widget-content {
  top: 45px !important;
  z-index: 999
}

.ui-dialog .ui-dialog-content {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  margin: 0 !important;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.ui-dialog {
  height: 100% !important;
  overflow: hidden;
  position: fixed;
  width: 100% !important;
  background: rgba(0, 0, 0, 0.8);
}

.ui-draggable .ui-dialog-titlebar {
  display: block !important;
  margin: 0 !important;
  position: fixed;
  right: 0;
  z-index: 999999999;
  cursor: pointer;
}

.ui-dialog-titlebar-close {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 48, 25, 1) 0%, rgba(207, 4, 4, 1) 100%) repeat scroll 0 0;
}

.ui-dialog-titlebar-close {
  color: #fff;
  cursor: pointer;
}

.ui-icon-closethick {
  background-image: url("../images/x.png") !important;
  background-position: center center;
  background-size: 10px auto;
  content: "X";
}

#btnImprimir {
  background: rgba(0, 0, 0, 0) url("../images/printer-icon.png") no-repeat scroll 0 0 / 25px auto;
  cursor: pointer;
  display: none;
  height: 25px;
  position: fixed;
  right: 0;
  top: 85px;
  width: 25px;
  z-index: 9999;
}

.ui-widget-overlay {
  opacity: 0.8 !important;
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .menuPrincipal {
    display: none;
  }

  .infoTopo {
    height: 70px !important;
    margin-top: 0 !important;
    width: 100%;
  }

  .infoTopo table {
    border-radius: 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 1264px) {
  .menuPrincipal {
    position: relative;
  }

  .menuPrincipal table {
    border-spacing: 0;
  }

  .infoTopo {
    margin-top: 0 !important;
  }
}

#timer {
  bottom: 0;
  height: 17px;
  position: fixed;
  right: 0;
  width: 54px;
  z-index: 9999;
}

.aviso_obrigatorio {
  display: none;
}

.foto_cadastro {
  background: #fff none repeat scroll 0 0;
  margin: 50px 0 0;
}

.foto_cadastro table {
  border: 1px solid #ddd;
  margin: 0 auto;
  text-align: center;
  width: 500px;
}

.foto_cadastro img {
  margin: 0 auto;
  max-height: 200px;
  max-width: 200px;
}

.transition {
  transform: scale(1.6);
}

.docs-preview {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #ccc;
  display: block;
  height: 143px;
  position: absolute;
  right: 0;
  top: 0;
  width: 107px;
}

.preview-lg {
  height: 143px;
  width: 255px;
}

.img-preview {
  float: left;
  overflow: hidden;
}

.menuPendentes {
  float: none;
  list-style: outside none none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 113px;
  cursor: pointer;
}

.menuPendentes ul {
  background: #000 none repeat scroll 0 0;
  display: none;
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 5px 0 0 -6px;
}

.menuPendentes li {
  background-color: #ccccff;
  border: 1px double #0099ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 5px;
  text-decoration: none;
  text-transform: none;
  width: 100px;
}

.menuPendentes li:hover ul {
  display: block;
}

.menuPendentes ul li a {
  border: none;
}

.docs-buttons {
  position: fixed !important;
  bottom: 30px;
  width: 100%;
}

.aprovar[type=submit] {
  position: fixed;
  bottom: 0;
  margin: 0 0 0 -115px;
}

.aprovar[type=button] {
  position: fixed;
  bottom: 0;
  margin: 0 0 0 49px;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.table thead th {
  vertical-align: bottom !important;
  border-bottom: 2px solid #dee2e6 !important;
}

.table td, table th {
  padding: .35rem;
  vertical-align: top !important;
  border-top: 1px solid #dee2e6 !important;
}

.table tbody tr:hover {
  color: #212529 !important;
  background-color: rgba(0, 0, 0, .075) !important;
}

.table {
  width: 100% !important;
  margin-bottom: 1rem !important;
  color: #212529 !important;
  border-collapse: collapse;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
  top: 5px !important;
  right: 3px !important;
  left: initial !important;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #0275d8;
}

.dtr-details {
  list-style: none !important;
  padding: 0;
}

.dtr-title {
  width: 100% !important;
  float: left;
  background: #f9f9f9;
  border-left: 1px solid #888;
  padding: 0 0 0 4px;
}

.dtr-data {
  width: 100% !important;
  float: left;
  background: #f1f1f1;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #888;
  border-left: 1px solid #888;
  padding: 0 0 0 5px;
  font-weight: bold;
}

.modal-header {
  display: block !important;
  text-align: right !important;
}

.modal-header a {
  font-size: 20px !important;
  float: left;
  width: 100%;
}

.modal-header .close {
  padding: 1rem;
  margin: -6rem -1rem -1rem auto !important;
}

.file-caption-icon {
  left: 0 !important;
  top: 6px !important;
}

button.btn.btn-default.btn-outline-secondary.btn-navigate.btn-kv-next {
  right: 0;
}

span.kv-zoom-caption {
  display: none;
}

div#kvFileinputModal {
  background: rgba(0, 0, 0, 0.7);
}

.file-zoom-content {
  text-align: center;
  min-height: 300px;
  height: 85vh !important;
}

.file-zoom-content .file-preview-image {
  max-height: 98% !important;
}

table.dataTable tbody tr.selected a {
  color: white;
}

/* [Elias] Barra de scroll personalizada */
body::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
}

body::-webkit-scrollbar-track {
  background-color: #fff;
}

body::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}

body::-webkit-scrollbar-button {
  display: none;
}

.zoom {
  position: fixed;
  bottom: 23px;
  right: 0;
}

.homeData {
  z-index: 99999;
}

#dialog {
  height: 88% !important;
}

#dialog iframe {
  height: 88% !important;
  width: 80rem;
  max-width: 94%;
  display: block;
  margin: 0 auto;
  background: #f1f1f1 !important;
}

tr, td, th {
  margin: 0;
  padding: 0;
}

#buscaGeral {
  position: absolute;
  top: 40px;
  left: 10%;
  width: 1024px;
  right: 10%;
  height: 20px;
  z-index: 1;
}

#resultadoBusca {
  position: absolute;
  top: 36px;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 35px 10px 10px 10px;
  display: none;
  right: 1.2%;
  flex-wrap: wrap;
  box-shadow: 5px 2px 4px #ccc;
  border-collapse: separate;
}

.preVisualizar {
  margin: 1px 0 0 0;
  position: absolute;
  z-index: 9;
  width: 100%;
  height: auto;
  background: #fff;
  box-shadow: 2px 2px 6px #999;
  left: 0;
}

.preVisualizar .close {
  content: "X";
  padding: 4px 6px;
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  color: #FFF;
  border-radius: 5px;
  display: none;
  cursor: pointer;
}

.botoesResultados {
  margin: 5px 0 0 0;
}

.botoesResultados a {
  margin: 5px 0 0 5px;
  padding: 0 5px;
}

.botoesResultados {
  width: 100%;
}

.itemResultado {
  width: calc(50% - 18px);
  border: 1px solid #ddd;
  margin: 0;
  padding: 8px;
}

.itemResultado:nth-child(2n+1):hover {
  background: #eee;
}

.itemResultado:nth-child(2n+2):hover {
  background: #ddd;
}

div[align="center"] {
  width: 100%;
}

.tox-promotion {
  display: none !important;
}

/* [Elias] padroes populares mundialmente */
.d-none {
  display: none;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-normal, .font-weight-normal, .font-weight-400 {
  font-weight: normal;
}

.text-bold, .font-weight-bold, .font-weight-700 {
  font-weight: bold;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}