.m-0 {
  margin: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.p-0 {
  padding: 0;
}

.pb-0 {
  padding-bottom: 0;
}

html body {
  color: #222222;
  font-family: Arial;
  font-size: 13px;
}

html body div#header {
  z-index: 9;
  position: relative;
}

html body div#header div.nav-menu {
  margin: 0 20px;
}

html body div#header div.nav-menu>ul {
  list-style: none;
  margin: 0;
}

html body div#header div.nav-menu li {
  display: inline-block;
  position: relative;
}

html body div#header div.nav-menu li a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
}

html body div#header div.nav-menu ul ul {
  display: none;
  position: absolute;
  padding: 10px;
  background-color: #f1f1f1;
}

html body div#header div.nav-menu ul li:hover ul {
  display: block;
}

html body div#header div.nav-menu li li {
  width: 100%;
}

html body div#header div.nav-menu li li a {}

html body div#header div.nav-menu button {}

html body div#header div.cpanel {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

html body div#header div.cpanel div.centro {
  height: 30px;
  line-height: 30px;
  margin: 0 20px;
}

html body div#header div.cpanel div.centro div.data {
  float: right;
}

html body div#header div.cpanel div.centro div.opcoes-usuario {
  float: left;
}

html body div#painel.painel {
  margin: 0 20px;
  min-height: 300px;
}

* {
  border: 0 none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

form textarea {
  height: auto;
}

a {
  cursor: pointer;
  text-decoration: none;
}

button {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(center top, #f5f5f5, #f1f1f1);
  border: 1px solid #bbbbbb;
  color: #444444;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  margin: 3px 0;
  min-width: 54px;
  padding: 6px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

button:hover,
.btn:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

button.openLink,
.btn.openLink {
  background-image: url("../img/iconLink.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px;
  margin-top: 1px;
  min-width: 0;
  vertical-align: middle;
  width: 31px;
  top: 0;
  right: 0;
}

select.lista {
  min-height: 320px;
  min-width: 280px;
}

.botaovermelho {
  background-color: #c73a2a;
  background-image: -moz-linear-gradient(center top, #dd4b39, #b0281a);
  border: 1px solid #992a1b;
  color: #ffffff;
}

.botaoazul,
.nav-menu button.active,
div.tab ul.tabs li a.active {
  background-color: #417ad7;
  background-image: -moz-linear-gradient(center top, #4d90fe, #3666b3);
  border: 1px solid #3079ed;
  color: #ffffff;
}

.titulotabela {
  text-align: left;
}

.tituloSessao {
  background-color: #dddddd;
  background-image: -moz-linear-gradient(center top, #dddddd, #cccccc);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  margin: 3px;
  padding: 6px;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.descricaotabela {
  color: #222222;
  font-size: 12px;
  font-weight: bold;
  padding: 0 5px;
  text-align: right;
}

.mapa {
  background-color: #cccccc;
  height: 500px;
}

input[type="text"],
input[type="password"],
select,
textarea {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #f5f5f5, #f1f1f1);
  border-color: #c0c0c0 #d9d9d9 #d9d9d9;
  border-style: solid;
  border-width: 1px;
  color: #222222;
  font-size: 12px;
  margin: 5px 0;
  padding: 6px;
  width: 100%;
}

form#frmSenha :not(.fa) {
  font-family: monospace;
  font-size: 16px;
}

select#listaSenhas {
  height: 400px;
}

.telaLogin .centro {
  position: absolute;
  right: 40px;
  text-align: right;
  top: 40px;
}

optgroup option {
  padding-left: 10px;
}

.telaLogin form {
  border: 1px solid #dddddd;
  padding: 15px;
  text-align: left;
  width: 270px;
}

.telaLogin form input {
  width: 257px;
}

.telaLogin label {
  display: block;
  font-weight: bold;
}

.telaLogin h2 {
  font-weight: normal;
  margin-bottom: 10px;
}

div.tab ul.tabs {
  display: table;
  height: 40px;
  line-height: 40px;
}

div.tab ul.tabs li {
  float: left;
  list-style: outside none none;
}

div.tab ul.tabs li a {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(center top, #f5f5f5, #f1f1f1);
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  color: #444444;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  margin: 3px;
  min-width: 54px;
  padding: 6px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

div.tab ul.content {
  clear: both;
  margin: 0;
  padding: 0;
}

div.tab ul.content>li {
  list-style: outside none none;
  margin: 0;
  text-align: center;
}

ul.fotos li {
  border: 1px solid #bbbbbb;
  float: left;
  height: 180px;
  list-style: outside none none;
  margin: 5px;
  overflow: hidden;
  position: relative;
  width: 200px;
}

ul.fotos button {
  font-weight: normal;
  line-height: 12px;
  margin: 0;
  padding: 0;
}

ul.fotos li.upload {
  background-image: url("../img/upload-imagem.png");
  background-position: center center;
  background-repeat: no-repeat;
  border-style: dashed;
  border-width: 4px;
  height: 174px;
  overflow: hidden;
  width: 194px;
}

ul.fotos li .opcoes {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

ul.fotos li:hover .opcoes {
  display: block;
}

ul.fotos li.upload input {
  margin-top: 55px;
  opacity: 0;
}

ul.fotos li.upload div.barra-progresso {
  background-color: #aaaaaa;
  display: none;
  height: 8px;
  margin: 5px 20px 0;
}

ul.fotos li.upload div.barra-progresso>div {
  background-color: #595959;
  height: 8px;
}

ul.fotos li.upload .progresso {
  display: none;
  font-weight: bold;
  margin-top: 138px;
}

ul.fotos li img {
  max-width: 300px;
}

ul.fotos li div.legenda {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 5px;
  color: #ffffff;
  margin-top: 1px;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  text-align: center;
  width: 190px;
}

fieldset {
  margin-bottom: 20px;
}

ul.fotos li div.legenda input {
  width: 165px !important;
}

fieldset legend {
  background-color: #f5f5f5;
  border: 1px solid #bbbbbb;
  color: #444444;
  font-size: 11px;
  font-weight: bold;
  margin: 3px;
  min-width: 50px;
  padding: 6px;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

nota {
  display: inline;
}

table.lista {
  text-align: center;
  width: 100%;
}

table.lista thead tr td {
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
}

table.lista tr td {
  border: 1px solid #bbbbbb;
  padding: 0 10px;
}

table.lista tr td button {
  padding: 0;
}

table.pre {
  word-spacing: pre-wrap;
  font-family: monospace;
}

table.text-left td {
  text-align: left;
}

div.nicEdit-main ul li {
  list-style: inside none disc;
}

div.nicEdit-main ol li {
  list-style: inside none decimal;
}

.badge-dark {
  background-color: #333333;
  color: #ffffff;
}

.badge-primary {
  background-color: #417ad7;
  color: #ffffff;
}

.badge-windows {
  background-color: #0063b2;
  color: #ffffff;
}

.badge-linux {
  background-color: #e95420;
  color: #ffffff;
}

.listaJobs tr td {
  padding: 5px;
  border-bottom: 1px solid #dddddd;
}

.listaJobs tr .editPrazo [name="prazo"] {
  width: 112px !important;
}

.listaJobs tr[prioridade="3"] td:nth-child(5) {
  padding: 0 10px;
}

.listaJobs tr.job-concluido {
  background-color: #f2f2f2;
}

.listaJobs tr.job-normal {
  background-color: #fdf6d8;
}

.listaJobs tr.job-arquivado {
  background-color: #dcdcdc;
}

.listaJobs tr.job-alta {
  background-color: #fbe0e0;
}

.listaJobs tr.job-andamento {
  background-color: #dbe9fb;
}

.listaJobs tr.pagamento {
  background-image: linear-gradient(45deg, #b0dbad, transparent);
}

.listaJobs tr.pagamento-alta-prioridade {
  background-image: linear-gradient(45deg, #f5aac9, transparent);
}

.listaJobs tr.trabalhando {
  background: #111;
  color: white;
}

.listaJobs tr:not([prioridade="1"]):not([prioridade="-1"]) {
  font-weight: bold;
}

body {
  --fundo-prioridade-1: #c6efcd;
  --borda-prioridade-1: #ffffff;
  --cor-prioridade-1: #016155;
  --fundo-prioridade-2: #ffcfa7;
  --borda-prioridade-2: #ffffff;
  --cor-prioridade-2: #733400;
  --fundo-prioridade-3: #feeb9c;
  --borda-prioridade-3: #ffffff;
  --cor-prioridade-3: #ab663f;
  --fundo-prioridade-4: #ffc6cf;
  --borda-prioridade-4: #ffffff;
  --cor-prioridade-4: #9b0006;
  --fundo-prioridade-5: #4f81bd;
  --borda-prioridade-5: #ffffff;
  --cor-prioridade-5: #ffffff;
}

.listaJobs tr[prioridade="1"] td:nth-child(5),
.listaJobs tr[prioridade="1"] td:nth-child(3):before,
.btn1 {
  background-color: var(--fundo-prioridade-1);
  color: var(--cor-prioridade-1);
}

.listaJobs tr[prioridade="2"] td:nth-child(5),
.listaJobs tr[prioridade="2"] td:nth-child(3):before,
.btn2 {
  background-color: var(--fundo-prioridade-2);
  color: var(--cor-prioridade-2);
}

.listaJobs tr[prioridade="3"] td:nth-child(5),
.listaJobs tr[prioridade="3"] td:nth-child(3):before,
.btn3 {
  background-color: var(--fundo-prioridade-3);
  color: var(--cor-prioridade-3);
}

.listaJobs tr[prioridade="4"] td:nth-child(5),
.listaJobs tr[prioridade="4"] td:nth-child(3):before,
.btn4 {
  background-color: var(--fundo-prioridade-4);
  color: var(--cor-prioridade-4);
}

.listaJobs tr[prioridade="5"] td:nth-child(5),
.listaJobs tr[prioridade="5"] td:nth-child(3):before,
.btn5 {
  background-color: var(--fundo-prioridade-5);
  color: var(--cor-prioridade-5);
}

.listaJobs tr[prioridade="1"] td:nth-child(3):before,
.listaJobs tr[prioridade="2"] td:nth-child(3):before,
.listaJobs tr[prioridade="3"] td:nth-child(3):before,
.listaJobs tr[prioridade="4"] td:nth-child(3):before,
.listaJobs tr[prioridade="5"] td:nth-child(3):before {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 40%;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.listaJobs button {
  min-width: 0;
}

.listaJobs .btn-switcher {
  width: 30px;
  height: 30px;
  border: 1px;
}

.listaJobs .btn-switcher[data-prioridade="-1"] {
  background-color: #ffffff;
}

.listaJobs .btn-switcher[data-prioridade="1"] {
  background-color: var(--fundo-prioridade-1);
}

.listaJobs .btn-switcher[data-prioridade="2"] {
  background-color: var(--fundo-prioridade-2);
}

.listaJobs .btn-switcher[data-prioridade="3"] {
  background-color: var(--fundo-prioridade-3);
}

.listaJobs .btn-switcher[data-prioridade="4"] {
  background-color: var(--fundo-prioridade-4);
}

.listaJobs .btn-switcher[data-prioridade="5"] {
  background-color: var(--fundo-prioridade-5);
}

.relatorio .p-1 {
  background-color: #c6efcd;
  color: #016155;
}

.relatorio .p-2 {
  background-color: #f79646;
  color: #ffffff;
}

.relatorio .p-3 {
  background-color: #feeb9c;
  color: #ab663f;
}

.relatorio .p-4 {
  background-color: #ffc6cf;
  color: #9b0006;
}

.relatorio .p-5 {
  background-color: #4f81bd;
  color: #ffffff;
}

.relatorio .p-X {
  background-color: #333;
  color: #ffffff;
}

.listaJobs input {
  color: #000;
}

@media print {

  .no-print,
  .no-print * {
    display: none !important;
  }
}

.dashboard-favoritos .dashboard-item {
  font-size: 4px;
  margin: 0;
  padding: 0;
}

.dashboard-favoritos.active .dashboard-item {
  font-size: inherit;
  margin: 10px;
  padding: 0;
}

.dashboard-favoritos .dashboard-item.dashboard-item-active {
  font-size: inherit;
}


.dashboard-favoritos .dashboard-item-active {}

div.upload-de-arquivos div.tab ul.content {
  clear: both;
  margin: 0;
  padding: 0
}

div.upload-de-arquivos div.tab ul.content>li {
  list-style: none;
  margin: 0;
  text-align: center
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li {
  border: 1px solid #bbb;
  float: left;
  height: 180px;
  list-style: none;
  margin: 5px;
  overflow: hidden;
  position: relative;
  width: 200px
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li div.opcoes button {
  font-weight: 400;
  line-height: 12px;
  margin: 0;
  padding: 3px 15px
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li.upload {
  background-image: url(../img/upload-imagem.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-style: dashed;
  border-width: 4px;
  height: 174px;
  overflow: hidden;
  width: 194px
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li div.opcoes {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: auto
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li:hover .opcoes {
  display: block
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li.upload input {
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li.upload div.barra-progresso {
  background-color: #aaa;
  display: none;
  height: 4px;
  margin: 5px 20px 0
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li.upload div.barra-progresso>div {
  background-color: #595959;
  height: 100%
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li.upload .progresso {
  display: none;
  font-size: 12px;
  font-weight: 400;
  margin-top: 134px
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li img {
  max-width: 100%
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li div.legenda {
  background-color: rgba(0, 0, 0, .7);
  bottom: 5px;
  color: #fff;
  margin-top: 1px;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  text-align: center;
  width: 100%
}

div.upload-de-arquivos div.tab ul.content li ul.arquivos li div.legenda input {
  color: #000;
  width: 165px !important
}

/* Campo de filtro persistente com botão X (Filtros.vincular) */
.filtro-campo {
  position: relative;
  display: block;
}

.navbar-form .filtro-campo {
  display: inline-block;
}

.filtro-campo>input {
  padding-right: 28px;
}

.filtro-limpar {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #a0aec0;
  z-index: 2;
  line-height: 1;
}

.filtro-limpar:hover {
  color: #e53e3e;
}

.filtro-limpar.filtro-limpar-select {
  right: 28px;
}

.filtro-campo>input[type="date"]~.filtro-limpar {
  right: 36px;
}

.filtro-campo>input[type="date"] {
  padding-right: 56px;
}