@charset "UTF-8";
@import url(/static/djtools/jquery-1.6.2/css/jquery.ui.all.css);
@import url(/static/djtools/jquery-1.6.2/css/jquery.ui.core.css);
@import url(/static/djtools/jquery-1.6.2/css/jquery.ui.datepicker.css);
@import url(/static/djtools/jquery-1.6.2/css/jquery.ui.theme.css);
@import url(/static/djtools/jstree/themes/default/style.min.css);
@import url(/static/djtools/fancybox/fancybox-core.css);
@import url(/static/djtools/fancybox/custom.css);
@import url(/static/djtools/css/font-awesome.min.css);
@import url(/static/djtools/css/nouislider.min.css);
a.btn,
input.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
.deletelink,
.selector-chooser a, button.btn {
  background-color: #292929;
  border: 0 none;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 100%;
  min-height: 35px;
  padding: 8px 14px;
  white-space: nowrap; }

.btn.disabled:hover, .btn.disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  opacity: 0.5 !important; }

a.btn:active, a.btn:hover,
button.btn:active,
button.btn:hover,
input.btn:active,
input.btn:hover,
input[type="button"]:active,
input[type="button"]:hover,
input[type="reset"]:active,
input[type="reset"]:hover,
input[type="submit"]:active,
input[type="submit"]:hover,
.deletelink:active,
.deletelink:hover,
.selector-chooser a:active,
.selector-chooser a:hover {
  background-color: #666;
  color: #fff;
  opacity: 1;
  text-decoration: none; }

.btn.danger,
.deletelink,
.selector-chooser .selector-remove {
  background-color: #e74c3c; }

.submit-row button.danger:not(.btn):active, .submit-row button.danger:not(.btn):hover,
.submit-row input.danger:not(.btn):active,
.submit-row input.danger:not(.btn):hover, .btn.danger:hover,
.deletelink:hover,
.selector-chooser .selector-remove:hover {
  background-color: #d62c1a; }

.search-and-filters .submit-button button,
.search-and-filters .submit-button input[type="submit"],
.search-and-filters .submit-row button,
.search-and-filters .submit-row input[type="submit"], .submit-row button[name="_addanother"]:not(.btn), .submit-row button[name="_continue"]:not(.btn), .submit-row button[name="receber_e_encaminhar"]:not(.btn), .submit-row button[name="receber_e_finalizar"]:not(.btn), .submit-row button[name="wizard_goto_step"]:not(.btn), .submit-row button[type="submit"]:not(.btn) + button,
.submit-row input[name="_addanother"]:not(.btn),
.submit-row input[name="_continue"]:not(.btn),
.submit-row input[name="receber_e_encaminhar"]:not(.btn),
.submit-row input[name="receber_e_finalizar"]:not(.btn),
.submit-row input[name="wizard_goto_step"]:not(.btn),
.submit-row input[type="submit"]:not(.btn) + button, .btn.default,
#changelist-search input[type="submit"],
.search-and-filters input[type="submit"] {
  background-color: #e6e6e6;
  color: #292929; }

.search-and-filters .submit-button button:active, .search-and-filters .submit-button button:hover,
.search-and-filters .submit-row button:active,
.search-and-filters .submit-row button:hover, .search-and-filters input[type="submit"]:active, .submit-row button[name="_addanother"]:not(.btn):active, .submit-row button[name="_addanother"]:not(.btn):hover, .submit-row button[name="_continue"]:not(.btn):active, .submit-row button[name="_continue"]:not(.btn):hover, .submit-row button[name="receber_e_encaminhar"]:not(.btn):active, .submit-row button[name="receber_e_encaminhar"]:not(.btn):hover, .submit-row button[name="receber_e_finalizar"]:not(.btn):active, .submit-row button[name="receber_e_finalizar"]:not(.btn):hover, .submit-row button[name="wizard_goto_step"]:not(.btn):active, .submit-row button[name="wizard_goto_step"]:not(.btn):hover, .submit-row button[type="submit"]:not(.btn) + button:active, .submit-row button[type="submit"]:not(.btn) + button:hover,
.submit-row input[name="_addanother"]:not(.btn):active,
.submit-row input[name="_addanother"]:not(.btn):hover,
.submit-row input[name="_continue"]:not(.btn):active,
.submit-row input[name="_continue"]:not(.btn):hover,
.submit-row input[name="receber_e_encaminhar"]:not(.btn):active,
.submit-row input[name="receber_e_encaminhar"]:not(.btn):hover,
.submit-row input[name="receber_e_finalizar"]:not(.btn):active,
.submit-row input[name="receber_e_finalizar"]:not(.btn):hover,
.submit-row input[name="wizard_goto_step"]:not(.btn):active,
.submit-row input[name="wizard_goto_step"]:not(.btn):hover,
.submit-row input[type="submit"]:not(.btn) + button:active,
.submit-row input[type="submit"]:not(.btn) + button:hover, .btn.default:hover,
#changelist-search input[type="submit"]:hover,
.search-and-filters input[type="submit"]:hover {
  background-color: #ccc;
  color: #292929; }

.btn.primary {
  background-color: #3498db; }

.btn.primary:active, .btn.primary:focus, .btn.primary:hover {
  background-color: #217dbb; }

.selector .selector-chooser .selector-add, .submit-row button:not(.btn):only-child:not(.danger), .submit-row button[name="_save"]:not(.btn), .submit-row button.default:not(.btn),
.submit-row input:not(.btn):only-child:not(.danger),
.submit-row input[name="_save"]:not(.btn),
.submit-row input.default:not(.btn), .btn.success,
.pagination input[name="_save"] {
  background-color: #25a25a; }

.selector .selector-chooser .selector-add:hover, .submit-row button:not(.btn):only-child:not(.danger):active, .submit-row button:not(.btn):only-child:not(.danger):hover, .submit-row button[name="_save"]:not(.btn):active, .submit-row button[name="_save"]:not(.btn):hover, .submit-row button.default:not(.btn):active, .submit-row button.default:not(.btn):hover,
.submit-row input:not(.btn):only-child:not(.danger):active,
.submit-row input:not(.btn):only-child:not(.danger):hover,
.submit-row input[name="_save"]:not(.btn):active,
.submit-row input[name="_save"]:not(.btn):hover,
.submit-row input.default:not(.btn):active,
.submit-row input.default:not(.btn):hover, .btn.success:active, .btn.success:focus, .btn.success:hover,
.pagination input[name="_save"]:active,
.pagination input[name="_save"]:focus,
.pagination input[name="_save"]:hover {
  background-color: #1c7943; }

.btn.warning {
  background-color: #c29d0b; }

.btn.warning:active, .btn.warning:focus, .btn.warning:hover {
  background-color: #927608; }

:not(.search-and-filters) > form > .submit-row button.btn.success,
:not(.search-and-filters) > form > .submit-row input.btn.success, .submit-row button:not(.btn):only-child:not(.danger), .submit-row button[name="_save"]:not(.btn), .submit-row button.default:not(.btn), .submit-row button.danger:not(.btn),
.submit-row input:not(.btn):only-child:not(.danger),
.submit-row input[name="_save"]:not(.btn),
.submit-row input.default:not(.btn),
.submit-row input.danger:not(.btn) {
  font-size: 110%;
  padding: 10px 18px; }

body.index h3 + .btn,
body.index h4 + .btn, .submit-row button[name="_addanother"]:not(.btn), .submit-row button[name="_continue"]:not(.btn), .submit-row button[name="receber_e_encaminhar"]:not(.btn), .submit-row button[name="receber_e_finalizar"]:not(.btn), .submit-row button[name="wizard_goto_step"]:not(.btn), .submit-row button[type="submit"]:not(.btn) + button,
.submit-row input[name="_addanother"]:not(.btn),
.submit-row input[name="_continue"]:not(.btn),
.submit-row input[name="receber_e_encaminhar"]:not(.btn),
.submit-row input[name="receber_e_finalizar"]:not(.btn),
.submit-row input[name="wizard_goto_step"]:not(.btn),
.submit-row input[type="submit"]:not(.btn) + button, .submit-row button.btn.default,
.submit-row input.btn.default, .deletelink, td .btn, fieldset .btn, .modulo-info .action-bar .btn, .modulo-alertas .btn, details .btn,
main aside .btn,
.action-bar.inside-container .btn,
.box-telefone .btn,
.boxes.services .btn,
.btn.small,
.card .btn,
.gallery .btn,
.general-box .btn,
.lista-comentarios .btn,
.person .btn,
.tab-container .btn {
  font-size: 95%;
  line-height: 19px;
  min-height: 27px;
  opacity: 0.85;
  padding: 4px 14px; }

button.input-group-addon, textarea, select, input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="time"], input[type="url"] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 100%;
  height: 38px; }

#feedback_message.msg.info,
.errornote, .msg.success, .msg.warning, .msg.error {
  color: #fff;
  display: inline-block;
  font-size: 110%;
  margin: 0;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

span.status.status-aguardando, span.status.status-aguardando-assinatura, span.status.status-aguardando-avaliacao, span.status.status-aguardando-cadastrar-horario, span.status.status-aguardando-cadastro-em-folha, span.status.status-aguardando-ciencia, span.status.status-aguardando-envio-para-o-chefe, span.status.status-aguardando-juntada-de-documentos, span.status.status-aguardando-recebimento, span.status.status-aguardando-validacao, span.status.status-aguardando-validacao-da-chefia, span.status.status-aguardando-validacao-do-chefe, span.status.status-aguardando-validacao-do-rh, span.status.status-alert, span.status.status-alterando-horario, span.status.status-bom, span.status.status-em-acompanhamento, span.status.status-em-analise, span.status.status-em-andamento, span.status.status-em-atendimento, span.status.status-em-correcao, span.status.status-em-desenvolvimento, span.status.status-em-edicao, span.status.status-em-execucao, span.status.status-em-homologacao, span.status.status-em-implantacao, span.status.status-em-negociacao, span.status.status-em-progresso, span.status.status-em-revisao, span.status.status-em-tramite, span.status.status-em-validacao-de-juntada-de-documentos, span.status.status-iniciado, span.status.status-inscricao-em-analise, span.status.status-manutencao, span.status.status-medio, span.status.status-nao-aplicado, span.status.status-novos-documentos-solicitados-pelo-rh, span.status.status-identificado, span.status.status-pendente, span.status.status-preparando-para-producao, span.status.status-rascunho, span.status.status-sigiloso {
  background-color: rgba(194, 157, 11, 0.2);
  border-color: #c29d0b; }

span.status.status-alta, span.status.status-alto, span.status.status-baixado, span.status.status-bug, span.status.status-cancelada, span.status.status-cancelado, span.status.status-error, span.status.status-expirada, span.status.status-impedido, span.status.status-inativa, span.status.status-inativado, span.status.status-indeferida, span.status.status-indeferido, span.status.status-indeferido-pelo-chefe, span.status.status-invalidado, span.status.status-invalidado-pela-chefia, span.status.status-irrelevante, span.status.status-nao, span.status.status-nao-alcancado, span.status.status-nao-concluida, span.status.status-nao-iniciado, span.status.status-nao-selecionado, span.status.status-negativo, span.status.status-regular, span.status.status-restrito, span.status.status-rejeitada, span.status.status-rejeitado, span.status.status-ruim, span.status.status-suspensa, span.status.status-suspenso, span.status.status-solicitacao-indeferida, span.status.status-viagem-nao-realizada {
  background-color: rgba(231, 76, 60, 0.2);
  border-color: #e74c3c; }

span.status.status-aberta, span.status.status-aberto, span.status.status-acompanhamento-prioriario, span.status.status-assinado, span.status.status-baixo, span.status.status-horario-cadastrado, span.status.status-info, span.status.status-neutro, span.status.status-novo, span.status.status-reaberta, span.status.status-reaberto, span.status.status-reportado, span.status.status-revisado, span.status.status-solicitada {
  background-color: rgba(52, 152, 219, 0.2);
  border-color: #3498db; }

span.status.status-aceita, span.status.status-aceito, span.status.status-acompanhamento-finalizado, span.status.status-alcancado, span.status.status-aprovada, span.status.status-aprovada-para-desenvolvimento, span.status.status-ativa, span.status.status-ativo, span.status.status-cadastrado, span.status.status-cadastrado-em-folha, span.status.status-cadastrado-no-siape, span.status.status-ciente, span.status.status-concluida, span.status.status-concluida-pelo-solicitado, span.status.status-concluido, span.status.status-considerado-ciente, span.status.status-parcialmente-deferida, span.status.status-deferida, span.status.status-deferido, span.status.status-de-interesse, span.status.status-encerrada---realizada, span.status.status-entregue, span.status.status-excelente, span.status.status-finalizada, span.status.status-finalizado, span.status.status-funcionalidade, span.status.status-homologada, span.status.status-homologado, span.status.status-otimo, span.status.status-participante, span.status.status-positivo, span.status.status-publico, span.status.status-recebido, span.status.status-resolvido, span.status.status-sim, span.status.status-success, span.status.status-validada, span.status.status-validado, span.status.status-validado-pela-chefia, span.status.status-solicitacao-deferida, span.status.status-viagem-encerrada {
  background-color: rgba(37, 162, 90, 0.2);
  border-color: #25a25a; }

h2 + .msg + .action-bar + span.status + span.status,
h2 + .msg + span.status + span.status, h2 + .msg + .action-bar + span.status,
h2 + .msg + span.status, h2 + .action-bar + dl.status,
h2 + .action-bar + span.status, h2 + span.status + span.status, h2 + span.status {
  clear: left;
  float: left;
  margin: -17px 0 20px; }

.modulo-alertas li, .calendario-mensal td > span, .boxes > a,
.boxes > div,
.boxes > li, aside, main, nav > ul > li, a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

/* CSS para layout principal */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("/static/comum/font/lato-light-webfont.eot");
  src: url("/static/comum/font/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-light-webfont.woff") format("woff"), url("/static/comum/font/lato-light-webfont.ttf") format("truetype"), url("/static/comum/font/lato-light-webfont.svg#latolight") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: url("/static/comum/font/lato-lightitalic-webfont.eot");
  src: url("/static/comum/font/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-lightitalic-webfont.woff") format("woff"), url("/static/comum/font/lato-lightitalic-webfont.ttf") format("truetype"), url("/static/comum/font/lato-lightitalic-webfont.svg#latolight_italic") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("/static/comum/font/lato-regular-webfont.eot");
  src: url("/static/comum/font/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-regular-webfont.woff") format("woff"), url("/static/comum/font/lato-regular-webfont.ttf") format("truetype"), url("/static/comum/font/lato-regular-webfont.svg#latoregular") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url("/static/comum/font/lato-italic-webfont.eot");
  src: url("/static/comum/font/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-italic-webfont.woff") format("woff"), url("/static/comum/font/lato-italic-webfont.ttf") format("truetype"), url("/static/comum/font/lato-italic-webfont.svg#latoitalic") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("/static/comum/font/lato-bold-webfont.eot");
  src: url("/static/comum/font/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-bold-webfont.woff") format("woff"), url("/static/comum/font/lato-bold-webfont.ttf") format("truetype"), url("/static/comum/font/lato-bold-webfont.svg#latobold") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url("/static/comum/font/lato-bolditalic-webfont.eot");
  src: url("/static/comum/font/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-bolditalic-webfont.woff") format("woff"), url("/static/comum/font/lato-bolditalic-webfont.ttf") format("truetype"), url("/static/comum/font/lato-bolditalic-webfont.svg#latobold_italic") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("/static/comum/font/lato-black-webfont.eot");
  src: url("/static/comum/font/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-black-webfont.woff") format("woff"), url("/static/comum/font/lato-black-webfont.ttf") format("truetype"), url("/static/comum/font/lato-black-webfont.svg#latoblack") format("svg"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src: url("/static/comum/font/lato-blackitalic-webfont.eot");
  src: url("/static/comum/font/lato-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/comum/font/lato-blackitalic-webfont.woff") format("woff"), url("/static/comum/font/lato-blackitalic-webfont.ttf") format("truetype"), url("/static/comum/font/lato-blackitalic-webfont.svg#latoblack_italic") format("svg"); }

* {
  margin: 0;
  outline: 0 none;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

::-moz-selection {
  background-color: #347b3e;
  color: #fff; }

body {
  background-color: #292929;
  color: #292929;
  font-family: "Lato", sans-serif;
  font-size: 82%; }

a {
  color: #347b3e;
  outline: 0 none;
  text-decoration: none; }
  a img {
    border: 0 none; }
  a:hover {
    color: #292929;
    text-decoration: underline; }

abbr {
  cursor: help; }

blockquote {
  border-left: 5px solid #ccc;
  padding: 5px 20px;
  margin: 5px 30px 10px; }

caption {
  background-color: #ddd;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: 700;
  font-size: 110%;
  padding: 8px 5px;
  text-align: center;
  text-transform: uppercase; }
  caption a {
    color: #292929;
    font-size: 120%;
    font-weight: 700; }

code {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 120%;
  padding: 0 4px;
  white-space: nowrap; }

dl {
  display: inline; }
  dl dd {
    padding: 6px 0 1px; }
    dl dd > ul {
      clear: both; }
    dl dd p {
      text-align: left !important; }
  dl dt {
    float: left;
    font-weight: 700;
    padding: 6px 5px 0 0; }
  dl.striped {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%; }
    dl.striped > dd {
      background-color: #f6f6f6;
      clear: both;
      display: inline-block;
      padding: 8px;
      width: 100%; }
    dl.striped > dt {
      font-weight: 800;
      padding: 15px 8px 4px; }

h2 {
  color: #292929;
  float: left;
  font-size: 200%;
  margin: 0 0 20px;
  max-width: 80%;
  padding: 0 0 5px; }
  h2 + dl,
  h2 + h3,
  h2 + p,
  h2 + table,
  h2 + ul:not(.action-bar) {
    clear: both; }
  h2 + p {
    color: #666;
    padding: 10px 0 20px; }
  h2 + dl {
    clear: both;
    display: block; }

h4,
h5,
h6 {
  padding: 15px 0 3px; }

h3 {
  border-bottom: 1px solid #eee;
  clear: both;
  color: #292929;
  font-size: 140%;
  font-weight: 400;
  padding: 15px 0 10px; }

h4 {
  clear: both;
  color: #666;
  font-size: 130%;
  margin: 20px 0 5px; }

h5 {
  color: #555;
  font-size: 110%;
  margin: 10px 0 0; }

h6 {
  color: #444;
  font-size: 100%;
  margin: 5px 0 0; }

iframe {
  width: 100%; }

ol,
ul {
  padding: 0 0 5px 18px; }
  ol li,
  ul li {
    line-height: 1.5em; }

ol li {
  list-style: decimal; }

ul li {
  list-style: square; }

ul.no-style {
  padding-left: 0; }
  ul.no-style li {
    list-style: none;
    margin-bottom: 5px; }
    ul.no-style li:last-child {
      margin-bottom: 0; }

pre {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-family: Monaco, monospace;
  font-size: 95%;
  line-height: 1.5em;
  padding: 10px;
  white-space: pre-wrap; }

small {
  color: #666;
  display: block;
  font-size: 90%;
  padding: 5px 0 0; }

strong {
  font-weight: 900; }

svg text {
  cursor: pointer;
  font-size: 80%;
  font-weight: normal; }

/* Tables */
table {
  border: 1px solid #ddd;
  border-collapse: collapse;
  overflow: auto;
  width: 100%; }
  table table {
    margin: 0 20px;
    width: calc(100% - 40px); }
    table table.info {
      margin: 0; }
  table tr.error td {
    background-color: rgba(231, 76, 60, 0.2) !important; }
  table tr.extra td {
    background-color: rgba(233, 139, 57, 0.2) !important; }
  table tr.highlight td, table tr.highlight:hover td, table tr.highlight td:hover, table tr.selected td, table tr.selected:hover td, table tr.selected td:hover {
    background-color: rgba(194, 157, 11, 0.2) !important; }
  table td dt {
    clear: left; }
  table.dashboard > tbody > tr > td {
    padding: 20px;
    vertical-align: top; }
    table.dashboard > tbody > tr > td span + h4 {
      margin-top: 0;
      padding-top: 10px; }
  table.dashboard table.info tr:nth-child(even) td {
    background-color: transparent; }
  table.dashboard table.info td {
    padding: 3px; }
  table.info {
    border: 0 none;
    display: table;
    margin: 0 0 20px; }
    table.info td {
      background-color: transparent;
      border: 0 none;
      box-shadow: 0 0 0 transparent;
      padding: 7px; }
      table.info td:first-child {
        width: 10%; }
      table.info td:first-child .obs {
        font-weight: 300;
        text-align: right; }
      table.info td:nth-child(odd) {
        color: #666;
        font-weight: 900;
        text-align: right; }
    table.info tr:nth-child(even) td {
      background-color: #f6f6f6; }
    table.info .status {
      display: inline-block; }
    table.info.large td:first-child {
      width: 25%; }

*:not(.calendario-mensal) > table:not(.calendario-dias):not(.timeline-horizontal) tbody tr:hover > td,
*:not(.calendario-mensal) > table:not(.calendario-dias):not(.timeline-horizontal) tbody tr:hover > th {
  background-color: #f6f6f6; }

thead th {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  color: #666;
  font-weight: 900;
  padding: 10px 8px;
  text-align: left; }
  thead th > span.info {
    color: #666;
    display: inline-block;
    font-size: 85%;
    font-weight: 300;
    height: 16px;
    line-height: 16px;
    margin: 0 0 0 5px; }
  thead th .clear {
    display: inline;
    margin: 0; }
  thead th.sorted {
    background-color: #eee; }

tbody td,
tbody th {
  background-color: #f9f9f9;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #eee;
  box-shadow: 1px 1px 0 #fff inset;
  padding: 8px; }

tbody td > h4:first-child {
  margin-top: 0;
  padding-top: 0; }

tbody td > ol, tbody td > ul {
  padding: 0 0 0 15px; }

tbody td > ol li, tbody td > ul li {
  line-height: 1.1em;
  margin: 0 0 10px; }

tbody td > ol li {
  list-style: decimal; }

tbody td > ul li {
  list-style: square; }

tbody td.alert {
  background-color: rgba(194, 157, 11, 0.2) !important; }

tbody td.error {
  background-color: rgba(231, 76, 60, 0.2) !important; }

tbody td.info {
  background-color: rgba(52, 152, 219, 0.2) !important; }

tbody td.success {
  background-color: rgba(37, 162, 90, 0.2) !important; }

tbody td.warning {
  background-color: rgba(233, 139, 57, 0.2) !important; }

tbody th {
  text-align: left; }

tfoot tr {
  color: #292929; }

tfoot td {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  font-size: 110%;
  font-weight: 600;
  padding: 8px;
  text-align: right;
  white-space: nowrap; }

.results {
  clear: both;
  overflow: auto; }

.sortable .text {
  float: left; }

.sortoptions {
  float: right; }
  .sortoptions a {
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    height: 14px;
    line-height: 14px;
    opacity: 0.5;
    padding: 0 !important;
    position: relative;
    vertical-align: text-top;
    width: 14px; }
    .sortoptions a:after {
      position: absolute;
      left: 0;
      top: 0; }
    .sortoptions a:hover {
      opacity: 1; }
    .sortoptions a.ascending:after {
      content: "\f077"; }
    .sortoptions a.descending:after {
      content: "\f078"; }
    .sortoptions a.sortremove:after {
      content: "\f00d"; }
  .sortoptions span {
    float: left;
    height: 14px;
    opacity: 0.5;
    padding: 0 !important;
    width: 14px; }
    .sortoptions span.sortpriority {
      text-align: center; }

.tabela-congelada tr > th:first-of-type,
.tabela-congelada tr > td:first-of-type {
  background-color: #fff;
  margin: 0; }

.tabela-congelada tr th {
  background-color: #f6f6f6 !important;
  height: 35px; }

.tabela-congelada tr td {
  height: 30px; }

.text[data-hint] {
  border-bottom: 1px dotted #999;
  cursor: help; }

header {
  width: 100%; }
  header h1 {
    float: left;
    height: 28px;
    margin: 23px 15px 10px;
    width: 72px; }
    header h1 a {
      background-image: url("/static/comum/img/logo.png");
      background-position: 0 center;
      background-repeat: no-repeat;
      display: block;
      height: 28px;
      text-indent: -9000px;
      width: 72px; }

.toggleSidebar {
  background-color: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  height: 100vh;
  opacity: 0.4;
  position: fixed;
  left: 246px;
  top: 0;
  text-align: center;
  width: 24px;
  z-index: 1; }
  .toggleSidebar:hover {
    background-color: black;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 1; }
  .toggleSidebar span.fas {
    color: #666;
    font-size: 110%;
    padding-top: 48vh; }

body.hideSidebar .toggleSidebar {
  left: 60px; }

#user-tools {
  display: inline-block;
  margin: 15px 15px 0;
  width: calc(100% - (15px * 2)); }
  #user-tools > div {
    display: block;
    overflow: hidden; }
  #user-tools a {
    display: block;
    overflow: hidden; }
    #user-tools a:hover {
      opacity: 0.7;
      text-decoration: none; }
  #user-tools span {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #999;
    display: inline-block;
    margin-left: -22px;
    padding: 11px 0 0 30px;
    height: 40px;
    width: calc(100% - 25px); }
  #user-tools .photo-circle {
    margin: 0 7px 0 0;
    position: relative; }

nav > ul {
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  width: 100%; }

nav li {
  list-style: none; }

nav > ul > li {
  display: block; }
  nav > ul > li > a {
    color: #fff;
    display: block;
    font-size: 105%;
    line-height: 1.2em;
    margin: 0 15px;
    padding: 9px 0;
    text-transform: uppercase; }
    nav > ul > li > a i,
    nav > ul > li > a > span.fas {
      margin-right: 7px;
      opacity: 0.75;
      text-align: center;
      width: 16px; }
  nav > ul > li.menu-logout > a {
    color: #e74c3c; }
  nav > ul > li li {
    border-bottom: 2px solid #111;
    margin: 0 0 0 30px; }
    nav > ul > li li > a {
      color: #fff;
      display: block;
      line-height: 1.2em;
      padding: 8px 0; }
    nav > ul > li li li {
      border-bottom: 1px solid #292929;
      margin-left: 0; }
      nav > ul > li li li:last-child {
        border-bottom: 0 none; }
      nav > ul > li li li > a {
        color: #bbb;
        font-size: 100%;
        font-weight: 300;
        padding: 6px 0; }
      nav > ul > li li li li > a {
        border-left: 1px solid #666;
        color: #ddd;
        font-size: 95%;
        padding: 5px 0 5px 10px; }
      nav > ul > li li li li li > a {
        color: #999;
        font-size: 90%;
        margin: 0 0 0 20px; }
      nav > ul > li li li li li li > a {
        color: #999; }
  nav > ul > li ul {
    display: none;
    padding: 0 0 15px; }
  nav > ul > li > ul {
    padding: 0 20px 10px 10px; }

nav li:hover > a {
  color: #75ad0a;
  text-decoration: none; }

nav li.active > a {
  color: #75ad0a;
  text-decoration: none; }

nav li.active > ul {
  display: block; }

nav > ul > li li.has-child > a {
  position: relative; }
  nav > ul > li li.has-child > a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 8px; }
  nav > ul > li li.has-child > a span {
    display: inline-block;
    padding-right: 15px; }

nav > ul > li li.has-child.opened > a:after {
  content: "\f078"; }

body:not(.hideSidebar) nav > ul > li:hover {
  background-color: rgba(41, 41, 41, 0.2); }

.fa-administracao:before {
  content: "\f0ae"; }

.fa-atividades-estudantis:before {
  content: "\f19d"; }

.fa-saude:before {
  content: "\f21e"; }

.fa-seguranca-institucional:before {
  content: "\f3ed"; }

.fa-central-de-servicos:before {
  content: "\f562"; }

.fa-comunicacao-social:before {
  content: "\f075"; }

.fa-des-institucional:before {
  content: "\f080"; }

.fa-documentosprocessos:before {
  content: "\f573"; }

.fa-gerenciador-de-projetos:before {
  content: "\f470"; }

.fa-ensino:before {
  content: "\f51c"; }

.fa-extensao:before {
  content: "\f0f2"; }

.fa-gestao-de-pessoas:before {
  content: "\f0c0"; }

.fa-pesquisa:before {
  content: "\f0ac"; }

.fa-tec-da-informacao:before {
  content: "\f109"; }

.fa-catalogo-digital:before {
  content: "\f058"; }

main {
  background-color: #fff;
  grid-area: main;
  height: auto;
  overflow: auto;
  padding: 40px 40px 80px 50px;
  position: relative;
  width: 100%; }
  main:only-child {
    max-width: 100%; }
  main > dl {
    clear: both;
    display: block;
    margin: 0 0 20px; }

section p {
  line-height: 1.5em;
  margin: 0 0 5px;
  text-align: justify; }

#breadcrumbs {
  color: #999;
  display: inline-block;
  font-size: 90%;
  padding-bottom: .5rem;
  width: 100%; }
  #breadcrumbs a {
    color: #666;
    padding-right: 6px; }
    #breadcrumbs a:after {
      color: #ccc;
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-size: 80%;
      font-weight: 700;
      padding-left: 6px; }
    #breadcrumbs a:last-child:after {
      display: none; }

.action-links {
  padding: 0;
  position: absolute;
  bottom: 30px;
  right: 40px;
  width: 100%; }
  .action-links a,
  .action-links button {
    color: #292929;
    font-family: "Lato", sans-serif;
    font-size: 100%; }
    .action-links a:hover,
    .action-links button:hover {
      color: #347b3e;
      text-decoration: none; }
  .action-links li {
    border-left: 1px solid #ddd;
    color: #999;
    float: right;
    font-size: 90%;
    list-style: none;
    margin: 0 0 0 11px;
    padding: 3px 0 0 10px; }
    .action-links li:last-child {
      border: 0 none; }
  .action-links .fas {
    color: #999;
    padding-right: 5px; }

aside {
  background-color: #292929;
  min-height: 100vh;
  position: relative;
  width: 100%; }
  aside.nav {
    grid-area: asidenav;
    width: 246px; }
    aside.nav form {
      display: inline-block;
      padding: 25px 15px 0;
      width: 100%; }
  aside.right {
    background-color: #f6f6f6;
    grid-area: asideright;
    padding: 50px 40px 40px; }
    aside.right > .action-bar {
      float: left;
      margin-bottom: 30px;
      width: 100%; }
      aside.right > .action-bar li {
        margin-left: 0;
        margin-right: 5px; }
    aside.right #collapseAsideRight {
      background-color: transparent;
      float: right;
      position: relative; }
      aside.right #collapseAsideRight:before {
        color: #666;
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-size: 110%;
        font-weight: 700;
        position: absolute;
        bottom: 10px; }
  aside input[type="search"] {
    background-color: transparent;
    border: 0 none;
    border-bottom: 1px solid #666;
    border-radius: 0;
    color: #999;
    font-size: 95%;
    font-weight: 300;
    height: 31px;
    margin: 0;
    max-width: 100%;
    padding-left: 25px;
    width: 100%;
    -webkit-text-fill-color: #999; }
    aside input[type="search"]:active, aside input[type="search"]:focus {
      border: 0 none;
      border-bottom: 1px solid #fff;
      border-radius: 0;
      color: #fff; }
  aside .buscar_menu {
    position: relative; }
    aside .buscar_menu:before {
      color: #999;
      content: "\f002";
      float: left;
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      position: absolute;
      bottom: 10px; }

body.AsideRightCollapsed aside.right {
  padding-left: 20px; }
  body.AsideRightCollapsed aside.right details {
    display: none; }
  body.AsideRightCollapsed aside.right #collapseAsideRight:before {
    content: "\f100"; }

details {
  clear: right;
  float: right;
  padding-bottom: 18px;
  width: 100%; }
  details + details {
    padding-top: 18px; }
  details > dl {
    clear: none; }
  details dl.striped dt {
    font-weight: 300;
    margin-right: 0; }
  details dd {
    padding: 6px 0 1px; }
  details dt {
    font-weight: 300; }
  details h4 {
    font-size: 115%;
    font-weight: 300;
    margin: 0 0 5px; }
  details li p {
    padding: 0; }
    details li p a {
      color: #75ad0a; }
  details summary {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-size: 120%;
    font-weight: 400;
    margin: 40px 0 5px;
    opacity: 0.6;
    padding: 0 0 10px; }
    details summary span {
      background-color: #eee;
      border-radius: 50%;
      color: #666;
      display: inline-block;
      float: right;
      font-size: 75%;
      font-weight: 300;
      height: 20px;
      line-height: 20px;
      margin-left: 5px;
      text-align: center;
      width: 20px; }
    details summary::-webkit-details-marker {
      display: none; }
    details summary:first-child {
      margin-top: 5px; }
    details summary::before {
      color: #ccc;
      content: "\f078";
      float: left;
      font-family: "Font Awesome 5 Free";
      font-size: 90%;
      font-weight: 900;
      line-height: 1em;
      margin-top: 2px;
      width: 18px; }
    details summary + .details-container {
      display: inline-block;
      margin-left: 20px;
      width: calc(100% - 20px);
      word-break: break-word; }
  details .action-bar {
    margin: 5px 0 0; }
    details .action-bar li {
      margin: 5px 5px 0 0; }
  details .action-bar + .pagination {
    margin-top: 5px; }
  details .boxes.services h4 {
    font-size: 120%; }
  details .foto {
    border-radius: 5px;
    float: left;
    margin: 8px 10px 10px 0;
    width: 30px; }
  details .icon-delete.float-right {
    margin: 8px 0 0; }
  details .person {
    background-color: #eee; }
  details .search-and-filters {
    padding: 15px 0 0; }
    details .search-and-filters:before {
      content: ""; }
    details .search-and-filters form .submit-row {
      margin-top: 0; }
    details .search-and-filters > form .form-row,
    details .search-and-filters .filter {
      margin-right: 0;
      max-width: 100%;
      min-width: 100%; }
    details .search-and-filters .select2-container {
      min-width: 100%;
      max-width: 100%; }
  details .timeline .alert .timeline-content {
    background-color: rgba(194, 157, 11, 0.1); }
    details .timeline .alert .timeline-content:after {
      border-right-color: rgba(194, 157, 11, 0.1); }
  details .timeline .error .timeline-content {
    background-color: rgba(231, 76, 60, 0.1); }
    details .timeline .error .timeline-content:after {
      border-right-color: rgba(231, 76, 60, 0.1); }
  details .timeline .extra .timeline-content {
    background-color: rgba(233, 139, 57, 0.1); }
    details .timeline .extra .timeline-content:after {
      border-right-color: rgba(233, 139, 57, 0.1); }
  details .timeline .info .timeline-content {
    background-color: rgba(52, 152, 219, 0.1); }
    details .timeline .info .timeline-content:after {
      border-right-color: rgba(52, 152, 219, 0.1); }
  details .timeline .success .timeline-content {
    background-color: rgba(37, 162, 90, 0.1); }
    details .timeline .success .timeline-content:after {
      border-right-color: rgba(37, 162, 90, 0.1); }
  details[open] summary {
    opacity: 1; }
    details[open] summary:before {
      content: "\f054"; }

#footer {
  clear: both;
  display: inline-block;
  grid-area: footer;
  padding: 20px 20px 20px 30px;
  width: 100%; }
  #footer > div .flex-item {
    flex-basis: 180px;
    margin: 20px; }
  #footer dt {
    clear: left;
    color: #999;
    font-size: 95%;
    font-weight: 300;
    line-height: 1.3em;
    padding-top: 5px; }
  #footer dd {
    color: #eee;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 0; }
    #footer dd a {
      color: #eee;
      text-decoration: underline; }
      #footer dd a:hover {
        color: #75ad0a;
        text-decoration: underline; }
  #footer h3 {
    border: 0 none;
    color: #fff;
    font-size: 120%;
    font-weight: 300;
    padding-top: 0; }
  #footer h4 {
    color: #fff;
    line-height: 1.3em;
    margin-top: 0;
    padding-top: 5px; }
  #footer img {
    border-radius: 5px; }
  #footer p {
    color: #ccc;
    font-size: 120%;
    font-weight: 300;
    line-height: 1.3em; }
    #footer p a {
      color: #eee;
      text-decoration: underline; }
      #footer p a:hover {
        color: #75ad0a;
        text-decoration: underline; }
  #footer ul {
    padding-left: 0; }
    #footer ul li {
      list-style: none;
      padding-top: 5px; }
      #footer ul li a {
        color: #fff; }
        #footer ul li a:hover {
          color: #75ad0a;
          text-decoration: none; }
        #footer ul li a .fab,
        #footer ul li a .fas {
          margin-right: 8px;
          opacity: 0.5;
          width: 16px; }
  #footer .footer-django {
    background-image: url("/static/comum/img/django.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 124px;
    margin-top: 5px;
    text-indent: -9000px; }

.box {
  clear: both;
  margin-bottom: 30px;
  width: 100%; }
  .box > div {
    padding: 18px 0 18px 20px; }
    .box > div .pagination {
      margin: 0 0 5px; }
      .box > div .pagination:last-child {
        margin-top: 10px; }
  .box > div > dl {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%; }
  .box form {
    display: inline-block;
    width: 100%; }
  .box > h3 {
    border: 0 none;
    cursor: pointer;
    padding-bottom: 0; }
  .box h4 {
    font-size: 130%; }
  .box > div > h4 {
    margin: 25px 0 15px;
    padding: 0; }
    .box > div > h4:first-child {
      margin: 0 0 15px; }
  .box h5 {
    clear: left;
    font-size: 120%; }
  .box h6 {
    font-size: 110%; }
  .box pre {
    background-color: #292929;
    color: #eee;
    margin: 5px 0 0; }
  .box .action-bar {
    margin: 0 0 10px; }
  .box .box.child {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #f5f5f5 100%) repeat scroll 0 0;
    border: 1px solid #eee;
    margin: 0 0 5px !important; }
    .box .box.child h3 {
      font-size: 110%;
      font-weight: 400;
      margin: 0;
      padding: 13px; }
    .box .box.child h5 {
      margin: 0;
      padding: 30px 0 5px; }
    .box .box.child li:first-child h5 {
      margin: 0;
      padding: 0 0 5px; }
  .box .box.child > div > ul {
    padding: 0 0 0 40px; }
  .box .box.child h3:before {
    color: #666; }
  .box .msg {
    display: inline-block; }
  .box.bordered > div {
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 20px; }
  .box.collapsed {
    margin-bottom: 15px;
    opacity: 0.65; }
    .box.collapsed > div {
      display: none; }
  .box.filters li {
    float: left;
    margin: 0 100px 0 0; }
  .box.filters label {
    margin: 4px 5px 0 0; }
  .box.help a {
    color: #3498db;
    text-decoration: underline; }
  .box.help > div {
    background-color: rgba(52, 152, 219, 0.4);
    color: #3498db; }
  .box.help h3 {
    background-color: rgba(52, 152, 219, 0.4);
    border-bottom: 1px solid #ccc;
    color: #3498db; }
  .box.no-overflow > div {
    overflow: initial; }
  .box.publicacoes h4 {
    margin: 15px 0 5px; }
    .box.publicacoes h4:first-child {
      margin: 0 0 5px; }
  .box.publicacoes > div > img {
    display: inline-block;
    margin: 5px 0;
    max-width: 100%; }
  .box.publicacoes iframe, .box.publicacoes p {
    display: inline-block;
    margin: 5px 0 15px !important; }

:not(.counter-container) > .box > h3::before {
  color: #ccc;
  content: "\f078";
  float: left;
  font-family: "Font Awesome 5 Free";
  font-size: 70%;
  font-weight: 900;
  line-height: 1em;
  margin-top: 5px;
  width: 20px; }

:not(.counter-container) > .box.collapsed > h3::before {
  content: "\f054"; }

.boxes {
  margin-left: -3px;
  margin-right: -3px;
  padding-left: 0; }
  .boxes > a,
  .boxes > div,
  .boxes > li {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 3px;
    padding: 40px; }
    .boxes > a.flex-basis-100,
    .boxes > div.flex-basis-100,
    .boxes > li.flex-basis-100 {
      flex-basis: calc(100% + 6px); }
    .boxes > a > .fas,
    .boxes > div > .fas,
    .boxes > li > .fas {
      color: #ddd;
      float: right;
      font-size: 500%;
      margin-bottom: 10px;
      margin-left: 10px; }
  .boxes > a > span.status:first-child,
  .boxes > div > span.status:first-child,
  .boxes > li > span.status:first-child,
  .boxes > li > a > span.status:first-child {
    border-left: 0 none;
    border-radius: 1px 1px 5px 5px;
    float: left;
    margin-left: 0;
    margin-top: -40px; }
  .boxes > a:hover,
  .boxes > div:hover,
  .boxes > li:hover {
    border-color: #eee !important; }
  .boxes:hover > a,
  .boxes:hover > div,
  .boxes:hover > li {
    border-color: #eee !important; }
  .boxes:hover > a:hover,
  .boxes:hover > div:hover,
  .boxes:hover > li:hover {
    background-color: #fff;
    border-color: #666 !important;
    z-index: 1; }
  .boxes h4 {
    font-size: 140%;
    margin: 0; }
  .boxes span.status {
    padding-bottom: 3px;
    padding-top: 3px; }
  .boxes .error {
    background-color: rgba(231, 76, 60, 0.2) !important; }
    .boxes .error > a > .fas,
    .boxes .error > .fas,
    .boxes .error .icon-colored {
      color: #e74c3c !important; }
    .boxes .error div.flex-container.indicators {
      border-top-color: #e74c3c; }
  .boxes .info {
    background-color: rgba(52, 152, 219, 0.2) !important; }
    .boxes .info > a > .fas,
    .boxes .info > .fas,
    .boxes .info .icon-colored {
      color: #3498db !important; }
    .boxes .info div.flex-container.indicators {
      border-top-color: #3498db; }
  .boxes .success {
    background-color: rgba(37, 162, 90, 0.2) !important; }
    .boxes .success > a > .fas,
    .boxes .success > .fas,
    .boxes .success .icon-colored {
      color: #25a25a !important; }
    .boxes .success div.flex-container.indicators {
      border-top-color: #25a25a; }
  .boxes .warning {
    background-color: rgba(194, 157, 11, 0.2) !important; }
    .boxes .warning > a > .fas,
    .boxes .warning > .fas,
    .boxes .warning .icon-colored {
      color: #c29d0b !important; }
    .boxes .warning div.flex-container.indicators {
      border-top-color: #c29d0b; }
  .boxes .icon-colored {
    color: #999; }
  .boxes .indicator {
    color: #666;
    font-size: 300%;
    line-height: 1em;
    padding-top: 10px; }
    .boxes .indicator + * {
      padding-top: 10px; }
    .boxes .indicator a {
      color: #666; }
    .boxes .indicator + .obs {
      color: #999;
      margin-top: 0;
      padding-top: 0; }
    .boxes .indicator small {
      display: inline;
      font-size: 40%; }
  .boxes.align-center {
    text-align: center; }
    .boxes.align-center p {
      text-align: center; }
  .boxes.flex-container.flex-basis-240 > li {
    flex-basis: 240px; }
  .boxes.flex-container.flex-basis-400 > .box-item {
    flex-basis: 400px; }
  .boxes.flex-container.no-grow > div, .boxes.flex-container.no-grow > li {
    flex-grow: 0; }
  .boxes.flex-container.no-wrap {
    flex-wrap: nowrap;
    overflow-x: auto; }
  .boxes.indicators > .box-item,
  .boxes.indicators > div,
  .boxes.indicators > li {
    flex-basis: 180px;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0;
    text-align: center; }
    .boxes.indicators > .box-item > a,
    .boxes.indicators > div > a,
    .boxes.indicators > li > a {
      display: block;
      padding: 40px; }
      .boxes.indicators > .box-item > a:hover,
      .boxes.indicators > div > a:hover,
      .boxes.indicators > li > a:hover {
        text-decoration: none; }
  .boxes.indicators.no-links > div,
  .boxes.indicators.no-links > li {
    padding: 40px; }
  .boxes.indicators > a:hover, .boxes.indicators > div:hover {
    text-decoration: none; }
  .boxes.indicators h4 {
    display: inline-block;
    font-size: 500%;
    line-height: 1em;
    padding-bottom: 10px;
    padding-top: 0;
    white-space: nowrap; }
    .boxes.indicators h4 small {
      display: inline;
      font-size: 30%;
      position: static; }
  .boxes.indicators h4 + h5 {
    font-weight: 500;
    margin-top: 5px;
    padding-top: 0; }
  .boxes.indicators > small {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px; }
  .boxes.indicators .indicator {
    font-size: 300%;
    padding-top: 0; }
    .boxes.indicators .indicator + * {
      padding-top: 10px;
      text-transform: uppercase; }
    .boxes.indicators .indicator strong {
      display: block; }
  .boxes.links.flex-container > li {
    flex-basis: 200px; }
  .boxes.links > li {
    padding: 0; }
    .boxes.links > li > a {
      display: block;
      padding: 40px;
      text-align: center; }
      .boxes.links > li > a:hover {
        text-decoration: none; }
  .boxes.links h4 {
    padding-bottom: 0;
    text-transform: uppercase; }
  .boxes.links .fas {
    color: #ddd;
    font-size: 600%; }
  .boxes.links .msg {
    color: #292929; }
  .boxes.no-background > .box-item {
    background-color: #f6f6f6 !important;
    border-left: 2px solid #999 !important; }
  .boxes.no-background .error {
    border-left: 2px solid #e74c3c !important; }
  .boxes.no-background .info {
    border-left: 2px solid #3498db !important; }
  .boxes.no-background .success {
    border-left: 2px solid #25a25a !important; }
  .boxes.no-background .warning {
    border-left: 2px solid #c29d0b !important; }
  .boxes.services dl {
    display: inline-block;
    line-height: 1.2em;
    width: 100%; }
    .boxes.services dl dt {
      color: #292929;
      font-weight: 300; }
    .boxes.services dl dd {
      font-weight: 600; }
  .boxes.services footer {
    color: #666;
    font-size: .8rem;
    padding-top: 5px; }
  .boxes.services h4,
  .boxes.services .title {
    border: 0 none;
    clear: none;
    color: #292929;
    font-size: 1.6rem;
    line-height: 1em;
    padding-bottom: 20px;
    padding-top: 0; }
    .boxes.services h4 a,
    .boxes.services .title a {
      color: #292929; }
      .boxes.services h4 a .fas,
      .boxes.services .title a .fas {
        font-size: 80%;
        margin-left: 5px;
        opacity: 0.5; }
    .boxes.services h4 + h5,
    .boxes.services .title + h5 {
      margin-top: -15px;
      padding-top: 0; }
    .boxes.services h4 small,
    .boxes.services .title small {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 5px 0 50% 0;
      color: #666;
      font-size: .75rem;
      font-weight: 600;
      height: 24px;
      line-height: 13px;
      position: absolute;
      top: -1px;
      left: -1px;
      text-align: center;
      width: 24px; }
  .boxes.services span.status + h4 {
    padding-top: 10px; }
  .boxes.services h5 + ol {
    margin-top: 0; }
  .boxes.services img {
    width: 100%; }
  .boxes.services > li {
    flex-basis: 270px;
    float: left;
    list-style: none;
    position: relative;
    width: calc(33.33% - 6px); }
    .boxes.services > li.flex {
      display: flex;
      flex-direction: column; }
  .boxes.services:hover > li:hover {
    z-index: 1; }
  .boxes.services li.alert {
    background-color: rgba(194, 157, 11, 0.3); }
  .boxes.services > li > span.far,
  .boxes.services > li > span.fas,
  .boxes.services > .box-item > span.far,
  .boxes.services > .box-item > span.fas {
    color: #ddd;
    float: right;
    font-size: 400%;
    margin: -15px -10px 5px 20px; }
  .boxes.services ol {
    clear: both;
    counter-reset: service-counter;
    margin-top: 15px;
    overflow: hidden;
    padding: 0; }
    .boxes.services ol > li {
      border-bottom: 1px solid #eee;
      float: left;
      list-style: none;
      position: relative;
      width: 100%; }
      .boxes.services ol > li:before {
        border-radius: 50%;
        color: #999;
        content: counter(service-counter, decimal);
        counter-increment: service-counter;
        font-size: 90%;
        font-weight: 900;
        height: 30px;
        line-height: 30px;
        position: absolute;
        left: 0;
        top: 3px;
        text-align: center;
        width: 30px; }
      .boxes.services ol > li a {
        display: block;
        font-size: 105%;
        line-height: 1.2em;
        padding: 10px 0 10px 30px; }
        .boxes.services ol > li a:hover {
          background-color: #eee;
          text-decoration: none; }
        .boxes.services ol > li a span.fas {
          color: #ccc;
          display: block;
          float: right;
          height: 30px;
          line-height: 30px;
          margin: -7px 5px 0 0;
          text-align: center;
          width: 30px; }
        .boxes.services ol > li a:hover span.fas {
          opacity: 1; }
    .boxes.services ol ul {
      padding: 0 10px 0 38px; }
  .boxes.services pre {
    clear: both; }
  .boxes.services ul:not(.tags):not(.action-bar) {
    clear: both;
    padding: 0; }
    .boxes.services ul:not(.tags):not(.action-bar) > li {
      border-bottom: 1px solid #eee;
      line-height: 1.2em;
      list-style: none;
      padding: 6px 0 6px 15px;
      position: relative;
      width: 100%; }
      .boxes.services ul:not(.tags):not(.action-bar) > li:before {
        background-color: #347b3e;
        content: "";
        height: 5px;
        position: absolute;
        left: 0;
        top: 11px;
        width: 5px; }
  .boxes.services .action-bar {
    margin: 15px 0 0; }
    .boxes.services .action-bar > li {
      margin: 5px 0 0 5px; }
  .boxes.services .btn {
    float: right;
    margin-top: 20px; }
  .boxes.services .flex-container.indicators {
    border-top: 1px dotted #ddd;
    margin: 20px -10px 0;
    padding-top: 10px;
    width: calc(100% + 20px); }
  .boxes.services .flex-container.indicators > .flex-item {
    flex-basis: 50px;
    margin: 0 10px; }
    .boxes.services .flex-container.indicators > .flex-item dt {
      float: none; }
    .boxes.services .flex-container.indicators > .flex-item dd {
      font-size: 140%; }
      .boxes.services .flex-container.indicators > .flex-item dd small {
        color: #666;
        display: inline;
        font-size: 70%;
        font-weight: 300; }
  .boxes.services .indicator {
    font-size: 300%;
    padding-top: 10px; }
    .boxes.services .indicator + * {
      padding-top: 10px; }
  .boxes.services .msg {
    color: #292929;
    line-height: 1.3em; }
  .boxes.services .note {
    color: #666;
    line-height: 1.3em;
    padding: 5px 0 0; }
    .boxes.services .note strong {
      display: inline-block;
      font-size: 140%;
      font-weight: 900;
      padding-right: 5px;
      text-align: right; }
    .boxes.services .note.default {
      background-color: #eee; }
  .boxes.services .notes .note {
    border-radius: 5px;
    flex-grow: 1;
    float: left;
    margin: 2px;
    padding: .75rem; }
    .boxes.services .notes .note strong {
      display: block;
      padding-right: 0;
      text-align: left; }
  .boxes.services .photo-circle {
    float: right;
    margin-top: 0; }
  .boxes.services .progress p {
    padding-top: 0 !important; }
  .boxes.services .radiobutton_container {
    margin-bottom: 15px; }
    .boxes.services .radiobutton_container label {
      float: none;
      font-size: 110%;
      font-weight: 600; }
    .boxes.services .radiobutton_container input[type="checkbox"],
    .boxes.services .radiobutton_container input[type="radio"] {
      float: left;
      margin-right: 5px; }
  .boxes.services .tags {
    width: 100%; }
  .boxes.services.absolute-icons > li > span.far,
  .boxes.services.absolute-icons > li > span.fas,
  .boxes.services.absolute-icons > .box-item > span.far,
  .boxes.services.absolute-icons > .box-item > span.fas {
    float: none;
    margin: 0;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem; }
  .boxes.services.absolute-icons h4,
  .boxes.services.absolute-icons .title {
    position: relative; }
    .boxes.services.absolute-icons h4 small,
    .boxes.services.absolute-icons .title small {
      left: -41px;
      top: -41px; }
  .boxes.services.compact > .box-item {
    padding: 20px; }
    .boxes.services.compact > .box-item h4,
    .boxes.services.compact > .box-item .title {
      font-size: 110%;
      padding-bottom: 0; }
    .boxes.services.compact > .box-item > span.status:first-child {
      float: right;
      font-size: 90%;
      margin-top: -20px; }
  .boxes.services.linkable > li {
    padding: 0; }
    .boxes.services.linkable > li > a {
      background-color: transparent;
      border: 0 none;
      display: block;
      margin: 0;
      padding: 40px;
      text-decoration: none; }
      .boxes.services.linkable > li > a > h3 {
        padding-top: 0; }
      .boxes.services.linkable > li > a > .fas {
        color: #ddd;
        float: right;
        font-size: 500%;
        margin-bottom: 10px;
        margin-left: 10px; }
  .boxes.small > a,
  .boxes.small > div,
  .boxes.small > li {
    padding: 15px; }
  .boxes.small h4 {
    font-size: 120%; }
  .boxes.small.flex-container > div {
    flex-basis: 100px; }
  .boxes.small.services .indicator {
    font-size: 260%; }
  .boxes.texts > div,
  .boxes.texts > li {
    padding: 25px; }
  .boxes.texts dl,
  .boxes.texts p {
    font-size: 110%; }
  .boxes.texts dt {
    float: none;
    font-size: 95%;
    padding: 5px 0 0;
    text-transform: uppercase; }
  .boxes.texts dd {
    padding-bottom: 2px;
    padding-top: 0; }
    .boxes.texts dd + dt {
      padding-top: 13px; }
  .boxes.texts h4 {
    font-weight: 300;
    padding-bottom: 15px;
    padding-top: 0; }
  .boxes.texts p {
    line-height: 1.5em;
    padding-bottom: 10px; }
    .boxes.texts p:last-child {
      padding-bottom: 0; }

ul.boxes {
  padding-left: 0; }

details .boxes > a,
details .boxes > div,
details .boxes > li {
  background-color: #eee;
  padding: 20px; }

.card {
  background-color: #eee;
  border-radius: 35px 5px 5px 5px;
  display: grid;
  float: left;
  grid-template-columns: 81px auto;
  grid-template-rows: auto auto;
  height: auto;
  margin: 10px;
  padding: 25px;
  position: relative;
  width: calc(33.33% - 20px); }
  .card:hover {
    background-color: #ddd; }
  .card dl {
    display: block; }
  .card dd {
    color: #666;
    font-weight: 900;
    padding: 6px 0 0; }
  .card dt {
    font-weight: 300;
    padding-right: 5px; }
  .card footer {
    background-color: #ddd;
    color: #666;
    font-size: 95%;
    align-self: end;
    grid-column: 1 / 3;
    order: 5;
    line-height: 1.1em;
    margin: 25px -25px -25px;
    padding: 10px 25px;
    width: calc(100% + 50px); }
  .card h4,
  .card h5 {
    color: #666;
    font-size: 125%;
    font-weight: 700;
    margin-top: 0 !important;
    padding: 0;
    text-transform: uppercase; }
  .card p,
  .card .clear,
  .card .content,
  .card .note,
  .card div.status {
    grid-column: 1 / 3; }
  .card textarea {
    height: 60px; }
  .card #categoria_form {
    margin: 0.33%; }
  .card .action-bar {
    grid-column: 1 / 3;
    margin: 15px 0 0; }
    .card .action-bar li {
      margin: 5px 5px 0 0; }
  .card .action-bar a:hover, .card:hover .action-bar a {
    opacity: 1; }
  .card a.default {
    background-color: #fff; }
  .card .clear {
    border-color: rgba(41, 41, 41, 0.1); }
  .card .note {
    margin-top: 5px; }
    .card .note strong {
      display: inline-block;
      font-size: 140%;
      font-weight: 900;
      padding-right: 5px;
      text-align: right; }
  .card .photo {
    border: 3px solid #fff;
    border-radius: 50%;
    grid-row: 1 / 3;
    height: 66px;
    margin: -5px 15px 15px -5px;
    overflow: hidden;
    width: 66px; }
    .card .photo img {
      height: auto;
      margin: -3px 0 0;
      overflow: hidden;
      width: 60px; }
  .card div.status {
    margin: 10px 0 0; }
  .card.alert {
    background-color: rgba(194, 157, 11, 0.4); }
    .card.alert div.status-alert {
      border-left: 2px solid #614f06; }
  .card.error {
    background-color: rgba(231, 76, 60, 0.4); }
    .card.error div.status-error {
      border-left: 2px solid #a82315; }
  .card.info {
    background-color: rgba(52, 152, 219, 0.4); }
  .card.success {
    background-color: rgba(37, 162, 90, 0.4); }
  .card.center {
    border-radius: 35px 35px 5px 5px;
    flex-basis: 195px;
    grid-template-rows: 66px auto; }
    .card.center h5.subtitle {
      font-size: 110%;
      font-weight: 300;
      grid-column: 1 / 3;
      margin-bottom: 5px;
      margin-top: 5px !important;
      text-transform: none; }
    .card.center .photo {
      float: none;
      grid-row: 1 / 2;
      margin: -5px 0 15px; }

.box-telefone {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 5px;
  float: left;
  height: auto;
  margin: 0 0.5% 1%;
  overflow: auto;
  padding: 1%;
  width: 97%; }
  .box-telefone dd {
    padding: 4px 0 0; }
  .box-telefone dl {
    float: right;
    width: 100%; }
  .box-telefone dt {
    padding: 4px 3px 0 0; }
  .box-telefone h4,
  .box-telefone h5 {
    border-bottom: 1px solid #ddd;
    clear: none;
    color: #999;
    float: right;
    margin: 0 !important;
    padding: 0 0 3px;
    width: 100%; }
  .box-telefone .action-bar {
    clear: both;
    float: right;
    margin: -28px 0 0; }
    .box-telefone .action-bar a:hover {
      opacity: 1; }
    .box-telefone .action-bar li {
      margin: 0 0 5px 5px; }

.general-box-container {
  padding-left: 0; }
  .general-box-container li {
    list-style: none; }
  .general-box-container .general-box-container {
    padding-left: 30px; }

.general-box {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
  margin: 15px 0 0;
  width: 100%; }
  .general-box:hover {
    background-color: #fff;
    border-color: #666; }
  .general-box + .general-box {
    margin-top: 1rem; }
  .general-box h4,
  .general-box h5 {
    margin: 0;
    padding: 0; }
  .general-box table {
    margin-bottom: 10px;
    margin-top: 20px; }
  .general-box li table {
    margin-top: 10px;
    margin-bottom: 15px; }
  .general-box textarea {
    width: 100%; }
  .general-box .primary-info {
    display: inline-block;
    padding: 30px 30px 10px;
    position: relative;
    width: 100%; }
    .general-box .primary-info:only-child {
      padding-bottom: 30px; }
    .general-box .primary-info h4,
    .general-box .primary-info h5 {
      clear: both;
      float: left;
      font-weight: 300;
      margin: 0 0 5px;
      padding: 0; }
    .general-box .primary-info .photo-circle + h4 {
      clear: right;
      float: left;
      margin-top: 10px; }
    .general-box .primary-info h4 label {
      text-align: left; }
    .general-box .primary-info h4 small {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 50%;
      color: #666;
      font-size: 65%;
      font-weight: 600;
      height: 24px;
      line-height: 13px;
      position: absolute;
      left: -12px;
      top: 28px;
      text-align: center;
      width: 24px; }
    .general-box .primary-info h4 strong {
      font-weight: 600; }
    .general-box .primary-info > p {
      clear: none;
      color: #666;
      float: none;
      margin: 5px 0 0; }
    .general-box .primary-info > .action-bar {
      position: absolute;
      right: 30px;
      top: 0; }
      .general-box .primary-info > .action-bar > li a {
        border-radius: 0 0 10px 10px; }
    .general-box .primary-info > .status {
      border-left: 0;
      border-radius: 1px 1px 5px 5px;
      display: inline-block;
      float: left;
      font-size: 90%;
      margin: -30px 5px 15px 0;
      padding-bottom: 3px;
      padding-top: 3px; }
      .general-box .primary-info > .status + .status {
        margin-left: 5px; }
    .general-box .primary-info .tags {
      position: absolute;
      top: -2px; }
      .general-box .primary-info .tags li {
        border-radius: 0 0 2px 2px; }
  .general-box .custom-checkbox + .primary-info {
    clear: none;
    padding-left: 20px;
    width: calc(100% - 60px); }
    .general-box .custom-checkbox + .primary-info:nth-last-child(3) {
      width: calc(80% - 50px); }
  .general-box:hover .primary-info h4 small {
    border-color: #666; }
  .general-box .custom-checkbox {
    clear: left;
    float: left;
    margin-left: 30px;
    margin-top: 30px; }
  .general-box .extra-info {
    float: left;
    width: 100%; }
    .general-box .extra-info h4 {
      width: 100%; }
    .general-box .extra-info h5 {
      float: none; }
      .general-box .extra-info h5:first-child {
        margin-top: 10px; }
      .general-box .extra-info h5:not(:first-child) {
        margin-top: 30px; }
  .general-box .secondary-info {
    border-top: 1px dashed #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 95%;
    padding: 0 30px 10px;
    width: 100%; }
    .general-box .secondary-info dl {
      color: #666;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 140px;
      margin-left: 20px;
      margin-right: 10px;
      padding: 15px 10px 0 0;
      position: relative; }
      .general-box .secondary-info dl:only-child {
        flex-grow: 1; }
    .general-box .secondary-info dt {
      float: none;
      line-height: 1.1em;
      padding: 0; }
    .general-box .secondary-info dt .fas {
      font-size: 110%;
      opacity: 0.3;
      position: absolute;
      left: -20px;
      top: 17px;
      text-align: center;
      width: 15px; }
    .general-box .secondary-info dd {
      padding-top: 2px; }
  .general-box .photo-circle {
    clear: left;
    float: left;
    margin-top: 0; }
  .general-box.alert {
    background-color: rgba(194, 157, 11, 0.1) !important;
    background-image: none; }
  .general-box.error {
    background-color: rgba(231, 76, 60, 0.1) !important;
    background-image: none; }
    .general-box.error:hover {
      background-color: rgba(231, 76, 60, 0.2) !important; }
    .general-box.error h4 a,
    .general-box.error p a {
      color: #e74c3c; }
    .general-box.error .secondary-info {
      border-top: 1px dashed #e74c3c; }
  .general-box.indented {
    float: right;
    width: 95%; }
  .general-box.success {
    background-color: rgba(37, 162, 90, 0.1) !important;
    background-image: none;
    border-left-color: #25a25a; }

.boards.flex-container {
  flex-wrap: nowrap;
  margin-left: -10px;
  margin-right: -10px;
  overflow-x: auto;
  width: calc(100% + 20px); }
  .boards.flex-container > .board-container {
    border: 1px dashed #ddd;
    border-radius: 5px;
    box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.05);
    margin: 10px 10px 30px;
    padding: 25px; }
    .boards.flex-container > .board-container h3 {
      margin-bottom: 10px;
      padding-top: 0; }
      .boards.flex-container > .board-container h3 span {
        background-color: #f6f6f6;
        border-radius: 10px;
        color: #999;
        float: right;
        font-size: 80%;
        font-weight: normal;
        margin-left: 5px;
        padding: 3px 7px;
        text-align: center; }
    .boards.flex-container > .board-container.error {
      background-color: rgba(231, 76, 60, 0.1); }
    .boards.flex-container > .board-container.info {
      background-color: rgba(52, 152, 219, 0.1); }
    .boards.flex-container > .board-container.success {
      background-color: rgba(37, 162, 90, 0.1); }
    .boards.flex-container > .board-container.warning {
      background-color: rgba(194, 157, 11, 0.1); }
  .boards.flex-container .board-item {
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 25px;
    width: 100%; }
    .boards.flex-container .board-item:hover {
      border: 1px dashed #999;
      cursor: move; }
    .boards.flex-container .board-item h4 {
      margin-top: 0;
      padding-top: 0; }
    .boards.flex-container .board-item .progress {
      color: #292929;
      margin-bottom: 0; }
    .boards.flex-container .board-item span.status {
      border-left: 0 none;
      border-top-width: 2px;
      border-top-style: solid;
      border-radius: 0 0 5px 5px;
      float: right;
      margin-bottom: 5px;
      margin-top: -25px;
      padding: 3px 8px; }
    .boards.flex-container .board-item.error {
      background-color: rgba(231, 76, 60, 0.1); }
    .boards.flex-container .board-item.info {
      background-color: rgba(52, 152, 219, 0.1); }
    .boards.flex-container .board-item.success {
      background-color: rgba(37, 162, 90, 0.1); }
    .boards.flex-container .board-item.warning {
      background-color: rgba(194, 157, 11, 0.1); }
  .boards.flex-container .beautiful-board-item {
    width: 100%; }
    .boards.flex-container .beautiful-board-item:hover {
      cursor: move; }
  .boards.flex-container .infos {
    border-top: 1px solid #ddd;
    display: inline-block;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 10px;
    width: 100%; }
    .boards.flex-container .infos > li {
      color: #666;
      float: right;
      list-style: none;
      margin-left: 20px;
      margin-top: 5px; }
      .boards.flex-container .infos > li:last-child {
        margin-left: 0; }
      .boards.flex-container .infos > li span.fas {
        width: 14px; }
    .boards.flex-container .infos > li.no-margin {
      margin-top: 0; }
    .boards.flex-container .infos .action-bar .has-child > a {
      padding: 2px 8px; }
  .boards.flex-container .ui-state-highlight {
    border-style: dashed;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 25px; }

div.status {
  border-radius: 5px;
  display: inline-block;
  padding: 10px 12px 12px;
  width: 100%; }
  div.status dl {
    border-top: 1px solid #ddd;
    display: inline-block;
    float: none;
    margin: 3px 0 4px;
    padding: 3px 0 0;
    width: 100%; }
  div.status h5,
  div.status h6 {
    color: #666;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-transform: none;
    width: 100%; }
  div.status p {
    margin: 2px 0 0 !important;
    text-align: left !important; }
  div.status.status-alert {
    background-color: rgba(194, 157, 11, 0.2); }
  div.status.status-default {
    background-color: rgba(52, 152, 219, 0.2); }
  div.status.status-error {
    background-color: rgba(231, 76, 60, 0.2); }
    div.status.status-error a {
      color: #a82315;
      text-decoration: underline; }
  div.status.status-success {
    background-color: rgba(37, 162, 90, 0.2); }

.tbox h2 {
  float: none; }

.tbox select {
  max-width: 785px !important; }

.tbox #breadcrumbs,
.tbox .action-links {
  display: none; }

.popup-user {
  display: inline-block;
  position: relative; }

.popup-user-container {
  background-color: #666;
  border-radius: 5px;
  color: #ddd;
  display: none;
  min-width: 296px;
  opacity: 0;
  padding: 20px;
  z-index: 6; }
  .popup-user-container:after {
    border-bottom: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 6px;
    position: absolute;
    top: -6px; }
  .popup-user-container.popup-left:after {
    left: 156px; }
  .popup-user-container.active {
    display: block;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 23px; }
  .popup-user-container a {
    color: #75ad0a; }
  .popup-user-container dd {
    padding: 6px 0 0; }
  .popup-user-container h3,
  .popup-user-container h4,
  .popup-user-container h5 {
    color: #fff;
    font-size: 120%;
    margin: 0;
    padding: 0 0 3px; }
  .popup-user-container p {
    line-height: 1.2em !important;
    margin: 0 !important;
    padding: 5px 0 0;
    text-align: left !important; }
  .popup-user-container .action-bar {
    margin: 10px 0 0; }

.calendarios {
  display: inline-block;
  margin: 10px 0;
  width: 100%; }

.calendarios-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin: 0 -15px;
  width: calc(100% + 30px); }
  .calendarios-container > .calendario {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666667%; }

.calendario {
  padding: 20px 15px; }
  .calendario caption {
    background-color: transparent;
    border: 0 none;
    color: #555;
    font-weight: 400;
    padding: 0 0 5px; }
  .calendario li {
    list-style: none; }
  .calendario p {
    background-color: #999;
    font-size: 110%;
    font-weight: 700;
    margin: 0 !important;
    outline: 1px solid #999;
    padding: 3px 1%;
    text-align: center !important;
    width: 98%; }
  .calendario ul {
    padding: 0 !important; }
  .calendario .fds {
    background-color: #eee;
    color: #999; }
  .calendario .alert,
  .calendario .recesso {
    background-color: rgba(194, 157, 11, 0.4); }
  .calendario .error,
  .calendario .feriado {
    background-color: rgba(231, 76, 60, 0.4); }
  .calendario .info,
  .calendario .evento {
    background-color: rgba(52, 152, 219, 0.4); }
  .calendario .success,
  .calendario .ferias {
    background-color: rgba(37, 162, 90, 0.4); }
  .calendario .extra {
    background-color: rgba(233, 139, 57, 0.4); }
  .calendario .extra2 {
    background-color: rgba(155, 89, 182, 0.4); }
  .calendario .extra3 {
    background-color: rgba(33, 125, 187, 0.4); }
  .calendario .extra4 {
    background-color: rgba(22, 160, 133, 0.4); }
  .calendario .extra5 {
    background-color: rgba(139, 195, 74, 0.4); }
  .calendario .hoje {
    background-color: #eee;
    cursor: help;
    font-size: 115%;
    font-weight: 900; }
  .calendario .avaliacao,
  .calendario .conflito,
  .calendario .ferias_conflito_varios {
    background-color: #e74c3c;
    color: #fff; }
  .calendario .conflito_leve,
  .calendario .ferias_conflito_leve {
    background-color: rgba(231, 76, 60, 0.8);
    color: #fff; }
  .calendario .evento.feriado span, .calendario .evento.ferias span, .calendario .evento.recesso span {
    border-bottom: 1px dotted #a82315 !important;
    cursor: help; }
  .calendario .ferias.feriado span, .calendario .ferias.recesso span {
    border-bottom: 1px dotted #a82315 !important;
    cursor: help; }
  .calendario .recesso.feriado span {
    border-bottom: 1px dotted #a82315 !important;
    cursor: help; }
  .calendario.calendario-mensal {
    margin: 0 0 20px;
    width: 100%; }

.calendario-dias {
  border: 0 none;
  margin: 0 0 3px; }
  .calendario-dias td,
  .calendario-dias th {
    border: 0 none;
    box-shadow: 0 0 0 transparent;
    float: left;
    margin: 1px 0 0;
    outline: 1px solid #ccc;
    padding: 0;
    text-align: center;
    width: 14.28%; }
  .calendario-dias td {
    background-color: #fff;
    height: 23px;
    line-height: 23px; }
  .calendario-dias th {
    background-color: #ddd;
    color: #666;
    font-size: 80%;
    font-weight: 400;
    line-height: 1.8em; }

.calendario-mensal li {
  border-radius: 5px;
  line-height: 1.3em;
  margin: 3px 0 0;
  padding: 4px 6px; }

.calendario-mensal td {
  vertical-align: top;
  width: 14.2857%; }
  .calendario-mensal td > span {
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin: 0 0 7px;
    text-align: center;
    width: 22px; }
  .calendario-mensal td:hover > span {
    background-color: #999;
    color: #fff; }
  .calendario-mensal td.alert > span {
    background-color: #614f06;
    color: #fff; }
  .calendario-mensal td.error > span {
    background-color: #a82315;
    color: #fff; }
  .calendario-mensal td.info > span {
    background-color: #3498db;
    color: #fff; }
  .calendario-mensal td.success > span {
    background-color: #347b3e;
    color: #fff; }

.calendario-mensal strong {
  display: block;
  margin: 0 0 3px; }

.calendario-mensal .calendario-referencia li {
  font-size: 100%;
  padding: 8px; }

.calendario-mensal .alert > a {
  color: #614f06; }

.calendario-mensal .error > a {
  color: #a82315; }

.calendario-mensal .evento > a {
  color: #3498db; }

.calendario-mensal .success > a {
  color: #347b3e; }

.calendario-mensal .alert .calendario-referencia li,
.calendario-mensal .error .calendario-referencia li,
.calendario-mensal .info .calendario-referencia li,
.calendario-mensal .success .calendario-referencia li {
  border: 0 none; }

.calendario-referencia {
  display: block;
  width: 100%; }
  .calendario-referencia dd,
  .calendario-referencia dt {
    line-height: 1.2em;
    padding-top: 2px; }
  .calendario-referencia dt {
    font-weight: 400; }
  .calendario-referencia dd {
    font-weight: 600; }
  .calendario-referencia h4 {
    color: #292929;
    font-size: 120%;
    font-weight: 400;
    margin-top: 0;
    padding-top: 0; }
  .calendario-referencia li {
    background-color: #eee;
    border: 0 none;
    color: #292929;
    float: left;
    font-size: 85%;
    margin-top: 6px;
    padding: 4px;
    width: 100%; }
    .calendario-referencia li > a,
    .calendario-referencia li p {
      display: block;
      font-size: 90%;
      text-decoration: none; }
    .calendario-referencia li > a:hover {
      opacity: 0.5; }
    .calendario-referencia li p {
      background-color: transparent;
      font-weight: 400;
      line-height: 1.2em;
      outline: 0 none;
      text-align: left !important; }

.legenda {
  display: inline-block;
  margin: 0 0 15px;
  width: 100%; }
  .legenda li {
    color: #292929;
    float: left;
    font-size: 95%;
    line-height: 1.2em;
    list-style: none;
    margin: 0 2px 2px 0 !important;
    padding: 4px 7px; }
  .legenda p {
    background-color: transparent;
    border: 0 none;
    border-radius: 3px 0 0 3px;
    color: #666;
    float: left;
    font-size: 95%;
    font-weight: normal;
    outline: 0 none;
    padding: 5px 5px 5px 0;
    width: auto; }
  .legenda ul {
    float: left;
    padding: 0 !important; }
  .legenda .alert,
  .legenda .recesso {
    background-color: rgba(194, 157, 11, 0.4); }
    .legenda .alert span.fas,
    .legenda .recesso span.fas {
      color: #c29d0b; }
  .legenda .error,
  .legenda .feriado {
    background-color: rgba(231, 76, 60, 0.4); }
    .legenda .error span.fas,
    .legenda .feriado span.fas {
      color: #e74c3c; }
  .legenda .info,
  .legenda .evento {
    background-color: rgba(52, 152, 219, 0.4); }
    .legenda .info span.fas,
    .legenda .evento span.fas {
      color: #3498db; }
  .legenda .extra {
    background-color: rgba(233, 139, 57, 0.4); }
    .legenda .extra span.fas {
      color: #e98b39; }
  .legenda .extra2 {
    background-color: rgba(155, 89, 182, 0.4); }
    .legenda .extra2 span.fas {
      color: #9b59b6; }
  .legenda .extra3 {
    background-color: rgba(33, 125, 187, 0.4); }
    .legenda .extra3 span.fas {
      color: #217dbb; }
  .legenda .extra4 {
    background-color: rgba(22, 160, 133, 0.4); }
    .legenda .extra4 span.fas {
      color: #16a085; }
  .legenda .extra5 {
    background-color: rgba(139, 195, 74, 0.4); }
    .legenda .extra5 span.fas {
      color: #8bc34a; }
  .legenda .success,
  .legenda .ferias {
    background-color: rgba(37, 162, 90, 0.4); }
    .legenda .success span.fas,
    .legenda .ferias span.fas {
      color: #25a25a; }
  .legenda .avaliacao,
  .legenda .conflito,
  .legenda .ferias_conflito_varios {
    background-color: #e74c3c;
    color: #fff; }
  .legenda .conflito_leve,
  .legenda .ferias_conflito_leve {
    background-color: rgba(231, 76, 60, 0.8);
    color: #fff; }
  .legenda .default,
  .legenda .hoje {
    background-color: #eee; }
    .legenda .default span.fas,
    .legenda .hoje span.fas {
      color: #ccc; }
  .legenda .hoje {
    font-weight: 900; }
  .legenda.flat li {
    border-left: 1px solid #292929;
    color: #fff; }
  .legenda.flat .black {
    background-color: #292929; }
  .legenda.flat .blue {
    background-color: #3498db; }
  .legenda.flat .grey {
    background-color: #999; }
  .legenda.flat .orange {
    background-color: #e98b39; }
  .legenda.flat .red {
    background-color: #e74c3c; }
  .legenda.flat .yellow {
    background-color: #c29d0b; }

.pagination {
  display: inline-block;
  margin: 20px 0 5px;
  padding: 0;
  width: 100%; }
  .pagination ul {
    padding: 0; }
  .pagination li {
    float: left;
    list-style: none;
    margin: 0 10px 0 0; }
    .pagination li.active a {
      color: #292929;
      font-weight: 700; }
  .pagination a {
    line-height: 1.5em; }
  .pagination input[name="_save"] {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0 0;
    font-size: 110%;
    padding: 8px 12px; }

.steps {
  clear: left;
  float: left;
  margin-bottom: 30px;
  padding: 0; }
  .steps li {
    float: left;
    list-style: none;
    margin: 0 0 3px; }
    .steps li span {
      background-color: #eee;
      border: 0 none;
      color: #292929;
      display: block;
      padding: 5px 5px 5px 30px;
      position: relative; }
      .steps li span:after {
        background-color: #eee;
        border-radius: 0 5px 0 50px;
        box-shadow: 2px -2px 0 2px #fff, 3px -3px 0 2px rgba(255, 255, 255, 0.1);
        content: '';
        height: 29px;
        position: absolute;
        right: -15px;
        top: 0;
        transform: scale(0.707) rotate(45deg);
        width: 29px;
        z-index: 1; }
      .steps li span.active {
        color: #fff;
        text-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
      .steps li span:not(.active) {
        background-color: #eee; }
  .steps li:first-child span {
    padding: 5px 5px 5px 15px; }
  .steps li:last-child span {
    padding: 5px 15px 5px 30px; }
  .steps li:last-child span::after {
    display: none; }
  .steps span.step-alert, .steps span.step-em-analise, .steps span.step-em-desenvolvimento, .steps span.step-em-homologacao, .steps span.step-em-implantacao, .steps span.step-em-negociacao {
    background-color: #c29d0b; }
    .steps span.step-alert.active:after, .steps span.step-em-analise.active:after, .steps span.step-em-desenvolvimento.active:after, .steps span.step-em-homologacao.active:after, .steps span.step-em-implantacao.active:after, .steps span.step-em-negociacao.active:after {
      background-color: #c29d0b; }
  .steps span.step-info, .steps span.step-solicitada {
    background-color: #3498db; }
    .steps span.step-info.active:after, .steps span.step-solicitada.active:after {
      background-color: #3498db; }
  .steps span.step-error {
    background-color: #e74c3c; }
    .steps span.step-error.active:after {
      background-color: #e74c3c; }
  .steps span.step-success, .steps span.step-aprovada, .steps span.step-concluida, .steps span.step-homologada {
    background-color: #25a25a; }
    .steps span.step-success.active:after, .steps span.step-aprovada.active:after, .steps span.step-concluida.active:after, .steps span.step-homologada.active:after {
      background-color: #25a25a; }

.guia-estilo .steps {
  margin-bottom: 0; }

.ancoras {
  margin-bottom: 10px;
  padding-left: 0;
  width: 100%; }
  .ancoras a,
  .ancoras span {
    border-bottom: 1px solid #eee;
    display: block;
    line-height: 1.2em;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-bottom: 5px; }
  .ancoras a.active {
    background-color: #ddd;
    font-weight: 600; }
  .ancoras a:hover {
    text-decoration: none; }
  .ancoras li {
    list-style: none; }
  .ancoras li li {
    font-size: 90%; }
  .ancoras li:hover > a,
  .ancoras li:hover > span {
    background-color: #eee; }

ol.ancoras li {
  color: #666;
  font-size: 80%;
  list-style: decimal-leading-zero;
  margin-left: 15px; }
  ol.ancoras li li {
    margin: 0; }
  ol.ancoras li a {
    font-size: 130%;
    margin-right: 15px; }

ol.ancoras span {
  font-size: 125%;
  margin: 0; }

.pills,
.tabs {
  clear: both;
  display: inline-block;
  padding: 0;
  width: 100%; }
  .pills li,
  .tabs li {
    list-style: none; }

.pills {
  margin: 10px 0 15px; }
  .pills a {
    background-color: #ddd;
    border-radius: 5px;
    color: #292929;
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 2.5px 2px;
    padding: 0 12px; }
    .pills a:hover {
      background-color: #999;
      color: #fff;
      text-decoration: none;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  .pills li {
    float: left; }
  .pills > li {
    margin: 0; }
  .pills .active a {
    background-color: #666;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  .pills.lots > li {
    margin: 5px 0 0; }

.tabs {
  border-bottom: 1px solid #666;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 100%; }
  .tabs a {
    color: #666;
    display: block;
    opacity: 0.7;
    min-height: 36px;
    padding: 10px 15px 7px;
    text-decoration: none; }
    .tabs a:hover {
      color: #292929;
      opacity: 1; }
  .tabs li {
    background-color: #f6f6f6;
    border: 1px solid #fff;
    border-bottom-color: #666;
    border-radius: 10px 10px 0 0;
    float: left;
    line-height: 1.2em;
    margin: 5px 5px -1px 0; }
    .tabs li:hover {
      background-color: #eee; }
    .tabs li.active {
      background-color: #fff;
      border-bottom: 1px solid #fff;
      border-left: 1px solid #999;
      border-right: 1px solid #999;
      border-top: 1px solid #999;
      font-weight: 900;
      position: relative;
      z-index: 2; }
      .tabs li.active:hover {
        background-color: #fff; }
      .tabs li.active > a {
        color: #666;
        font-size: 105%;
        opacity: 1; }
        .tabs li.active > a:hover {
          color: #347b3e; }
      .tabs li.active span {
        background-color: #eee; }
    .tabs li span {
      background-color: #fff;
      border-radius: 10px;
      color: #292929;
      font-size: 85%;
      font-weight: normal;
      height: 19px;
      line-height: 19px;
      margin-left: 5px;
      min-width: 19px;
      padding: 3px 7px;
      text-align: center; }
  .tabs.with-content {
    border-bottom: 0 none;
    margin-bottom: 0; }
    .tabs.with-content li {
      border-bottom-color: #fff;
      margin-bottom: 0; }
  .tabs a.checked:after {
    color: #25a25a;
    content: "\f058";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-weight: 900;
    margin-left: 10px; }
  .tabs a.unchecked:after {
    color: #e74c3c;
    content: "\f056";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    font-weight: 900;
    margin-left: 10px; }
  .tabs .alert,
  .tabs .error {
    background-image: url("/static/comum/img/icons/icon-aviso-error.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 0 0 0 18px; }
  .tabs .info {
    background-image: url("/static/comum/img/icons/icon-aviso-info.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 0 0 0 18px; }
  .tabs .success {
    background-image: url("/static/comum/img/icons/icon-aviso-success.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 0 0 0 18px; }

.tabs.disabled > li,
.tabs .disabled {
  opacity: 0.5; }

.tabs.disabled > li a,
.tabs .disabled a {
  cursor: not-allowed; }

.tabs.disabled > li.active a {
  cursor: default; }

.tabs.disabled > li.active {
  opacity: 1; }

.tab-container {
  border: 1px solid #999;
  border-radius: 0 5px 5px 5px;
  clear: both;
  display: inline-block;
  margin-top: -4px;
  padding: 30px;
  position: relative;
  width: 100%; }

.timeline {
  padding: 0;
  position: relative;
  width: 100%; }
  .timeline:before {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
    bottom: 0;
    content: '';
    margin-bottom: 7px;
    position: absolute;
    left: 97px;
    top: 0;
    width: 6px; }
  .timeline > li {
    display: inline-block;
    list-style: none;
    margin: 0 0 10px;
    position: relative;
    width: 100%; }
  .timeline .timeline-content {
    background-color: #eee;
    border-radius: 10px;
    float: right;
    padding: 20px;
    position: relative;
    width: calc(100% - 132px); }
    .timeline .timeline-content:after {
      border: solid transparent;
      border-right-color: #eee;
      border-width: 10px;
      content: "";
      height: 0;
      pointer-events: none;
      position: absolute;
      right: 100%;
      top: 10px;
      width: 0; }
    .timeline .timeline-content + .action-bar {
      clear: both;
      margin-right: 15px; }
      .timeline .timeline-content + .action-bar a {
        border-radius: 0 0 15px 15px; }
    .timeline .timeline-content dl {
      display: block; }
    .timeline .timeline-content fieldset {
      border: 0 none !important; }
    .timeline .timeline-content form div {
      padding: 0 !important; }
    .timeline .timeline-content h4 {
      font-size: 130%;
      margin: 0;
      padding: 0; }
      .timeline .timeline-content h4 small {
        color: #999;
        display: inline-block;
        font-size: 80%;
        font-weight: 400;
        line-height: 1.2em;
        padding-left: 2px;
        padding-top: 0; }
      .timeline .timeline-content h4 span.status {
        font-size: 80%; }
      .timeline .timeline-content h4 .popup-profile {
        display: inline; }
    .timeline .timeline-content label {
      font-weight: 300;
      text-align: left;
      width: 100%; }
    .timeline .timeline-content p {
      margin: 5px 0 0; }
    .timeline .timeline-content p:only-child {
      margin: 0; }
    .timeline .timeline-content textarea {
      height: 110px;
      width: 100%; }
    .timeline .timeline-content ul.ajaxmultiselect_field {
      padding: 0; }
    .timeline .timeline-content div.alert {
      background-color: rgba(194, 157, 11, 0.4); }
      .timeline .timeline-content div.alert h4 {
        color: #614f06; }
    .timeline .timeline-content div.default {
      background-color: #999; }
      .timeline .timeline-content div.default h4 {
        color: #292929; }
    .timeline .timeline-content div.error {
      background-color: rgba(231, 76, 60, 0.4); }
      .timeline .timeline-content div.error h4 {
        color: #e74c3c; }
    .timeline .timeline-content div.extra {
      background-color: rgba(233, 139, 57, 0.4); }
      .timeline .timeline-content div.extra h4 {
        color: #e98b39; }
    .timeline .timeline-content div.info {
      background-color: rgba(52, 152, 219, 0.4); }
      .timeline .timeline-content div.info h4 {
        color: #3498db; }
    .timeline .timeline-content div.success {
      background-color: rgba(37, 162, 90, 0.4); }
      .timeline .timeline-content div.success h4 {
        color: #25a25a; }
    .timeline .timeline-content .checkboxes {
      margin-left: 0; }
    .timeline .timeline-content .form-row {
      background: none;
      border: 0 none !important;
      padding: 0 !important; }
    .timeline .timeline-content .obs {
      color: #999; }
    .timeline .timeline-content div.photo-circle {
      float: right;
      height: 30px;
      padding: 0;
      margin: 8px 0 0 8px;
      width: 30px; }
      .timeline .timeline-content div.photo-circle.small img {
        width: 30px; }
    .timeline .timeline-content .submit-row {
      padding: 0 !important; }
    .timeline .timeline-content div:not(.popup-profile):not(.popup-user) {
      padding: 10px; }
  .timeline .timeline-date {
    color: #666;
    float: left;
    padding: 5px 0 0;
    text-align: right;
    width: 75px; }
  .timeline .timeline-icon {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #eee;
    height: 14px;
    left: 93px;
    position: absolute;
    top: 12px;
    width: 14px; }
  .timeline .timeline-photo {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #eee;
    height: 30px;
    margin: 3px 0 0;
    overflow: hidden;
    position: absolute;
    left: 85px;
    top: 0;
    width: 30px; }
    .timeline .timeline-photo img {
      height: 40px;
      margin: -5px 0;
      width: 100%; }
  .timeline .obs .timeline-content {
    background-color: #f6f6f6;
    padding: 10px 20px; }
    .timeline .obs .timeline-content:after {
      border-right-color: #f6f6f6; }
  .timeline .alert .timeline-content {
    background-color: rgba(194, 157, 11, 0.1); }
    .timeline .alert .timeline-content:after {
      border-right-color: rgba(194, 157, 11, 0.1); }
  .timeline .alert .timeline-date {
    color: #614f06; }
  .timeline .alert .timeline-icon {
    box-shadow: 0 0 0 5px #c29d0b; }
  .timeline .default .timeline-content {
    background-color: #ccc; }
    .timeline .default .timeline-content:after {
      border-right-color: #ccc; }
  .timeline .default .timeline-date {
    color: #292929; }
  .timeline .default .timeline-icon {
    box-shadow: 0 0 0 5px #292929; }
  .timeline .error .timeline-content {
    background-color: rgba(231, 76, 60, 0.1); }
    .timeline .error .timeline-content:after {
      border-right-color: rgba(231, 76, 60, 0.1); }
  .timeline .error .timeline-date {
    color: #e74c3c; }
  .timeline .error .timeline-icon {
    box-shadow: 0 0 0 5px #e74c3c; }
  .timeline .extra .timeline-content {
    background-color: rgba(233, 139, 57, 0.1); }
    .timeline .extra .timeline-content:after {
      border-right-color: rgba(233, 139, 57, 0.1); }
  .timeline .extra .timeline-date {
    color: #e98b39; }
  .timeline .extra .timeline-icon {
    box-shadow: 0 0 0 5px #e98b39; }
  .timeline .info .timeline-content {
    background-color: rgba(52, 152, 219, 0.1); }
    .timeline .info .timeline-content:after {
      border-right-color: rgba(52, 152, 219, 0.1); }
  .timeline .info .timeline-date {
    color: #3498db; }
  .timeline .info .timeline-icon {
    box-shadow: 0 0 0 5px #3498db; }
  .timeline .success .timeline-content {
    background-color: rgba(37, 162, 90, 0.1); }
    .timeline .success .timeline-content:after {
      border-right-color: rgba(37, 162, 90, 0.1); }
  .timeline .success .timeline-date {
    color: #25a25a; }
  .timeline .success .timeline-icon {
    box-shadow: 0 0 0 5px #25a25a; }
  .timeline.compact .timeline-content {
    padding: 12px; }
    .timeline.compact .timeline-content h4 {
      font-size: 115%; }
    .timeline.compact .timeline-content p {
      margin-top: 0;
      clear: both; }
  .timeline.with-photos::before {
    left: 103px; }
  .timeline.with-photos .timeline-content {
    width: calc(100% - 137px); }
  .timeline.with-photos .timeline-icon {
    left: 99px; }
  .timeline.with-photos .timeline-photo {
    left: 91px; }

details .timeline:before {
  left: 7px; }

details .timeline .timeline-content {
  padding: 15px;
  width: calc(100% - 30px); }
  details .timeline .timeline-content dd p:first-of-type {
    margin-top: 0; }
  details .timeline .timeline-content h4 {
    font-size: 110%;
    font-weight: 600; }

details .timeline .timeline-date {
  float: right;
  font-size: 90%;
  width: 100%; }

details .timeline .timeline-icon {
  height: 10px;
  left: 5px;
  top: 31px;
  width: 10px; }

.action-bar + .timeline {
  display: inline-block;
  margin: 10px 0 0; }

.timeline-horizontal {
  margin: 50px 0 0;
  width: calc(100% - 20px); }
  .timeline-horizontal td {
    border-left: 2px dashed #3498db;
    padding: 4px; }
    .timeline-horizontal td:first-child {
      border: 0 none;
      padding: 4px 8px;
      text-align: right; }
    .timeline-horizontal td:last-child {
      border-right: 2px dashed #e74c3c; }
    .timeline-horizontal td:nth-child(2) {
      border-left: 2px dashed #347b3e !important; }
    .timeline-horizontal td.alert {
      background-color: #c29d0b; }
    .timeline-horizontal td.default {
      background-color: rgba(52, 152, 219, 0.4); }
    .timeline-horizontal td.error {
      background-color: #e74c3c; }
    .timeline-horizontal td.success {
      background-color: #25a25a; }
  .timeline-horizontal th {
    background-color: transparent !important;
    border: 0 none;
    font-size: 110%;
    padding: 4px 4px 8px !important;
    position: relative; }
    .timeline-horizontal th:first-child {
      border-left: 0 none;
      border-bottom: 1px solid #ddd;
      width: 10%; }
    .timeline-horizontal th:last-child span.final:after {
      border-top: 6px solid #e74c3c; }
    .timeline-horizontal th:nth-child(even) {
      border-left: 2px dashed #666; }
    .timeline-horizontal th:nth-child(2) {
      border-left: 2px dashed #25a25a !important; }
    .timeline-horizontal th:nth-child(2) span:after {
      border-top: 6px solid #25a25a; }
    .timeline-horizontal th:nth-child(2) span:not(.final) {
      background-color: #25a25a; }
    .timeline-horizontal th:nth-child(even) span {
      bottom: auto;
      left: -27px;
      top: -40px; }
    .timeline-horizontal th:last-child {
      border-right: 2px dashed #e74c3c !important; }
  .timeline-horizontal span {
    background-color: #3498db;
    border-radius: 50%;
    color: #eee;
    font-size: 80%;
    height: 40px;
    line-height: 1.1em;
    opacity: 0.8;
    padding: 9px 0;
    position: absolute;
    bottom: 5px;
    left: -25px;
    text-align: center !important;
    width: 40px; }
    .timeline-horizontal span:hover {
      z-index: 1;
      opacity: 1; }
    .timeline-horizontal span:after:hover {
      border-top: 6px solid #292929; }
    .timeline-horizontal span.final {
      background-color: #e74c3c;
      left: auto !important;
      right: -22px; }
    .timeline-horizontal span:after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #3498db;
      content: "";
      position: absolute;
      left: 14px;
      top: 39px; }
    .timeline-horizontal span strong {
      clear: both;
      display: inline-block; }

ul.tags {
  display: inline-block;
  padding: 0; }

.tags > li {
  background-color: #eee;
  color: #666;
  float: left;
  font-size: 95%;
  list-style: none;
  margin: 2px 4px 2px 0;
  padding: 3px 7px; }
  .tags > li button {
    padding: 2px 5px; }
  .tags > li form {
    float: right;
    margin-left: 10px; }

dl.tags-container {
  display: inline-block;
  margin-top: 10px; }
  dl.tags-container dt {
    color: #666;
    font-size: 90%;
    font-weight: 400;
    padding: 0 0 5px; }

.progress {
  border-radius: 5px;
  box-shadow: inset 0 1px 35px rgba(0, 0, 0, 0.2);
  clear: both;
  font-size: 90%;
  height: 26px;
  margin: 0 0 15px;
  overflow: hidden; }
  .progress p {
    background-color: rgba(231, 76, 60, 0.5);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    font-size: 110%;
    font-weight: 600;
    height: 26px;
    line-height: 26px !important;
    margin: 0 !important;
    text-align: center !important;
    width: 0;
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
    .progress p::after {
      content: attr(data-prefix);
      font-size: 90%;
      font-weight: 300;
      padding-left: 3px; }
  .progress[data-progress="0%"] p, .progress[data-progress="1%"] p, .progress[data-progress="2%"] p, .progress[data-progress="3%"] p, .progress[data-progress="4%"] p, .progress[data-progress="5%"] p, .progress[data-progress="6%"] p, .progress[data-progress="7%"] p, .progress[data-progress="8%"] p, .progress[data-progress="9%"] p, .progress[data-progress="10%"] p, .progress[data-progress="11%"] p, .progress[data-progress="12%"] p, .progress[data-progress="13%"] p, .progress[data-progress="14%"] p, .progress[data-progress="15%"] p, .progress[data-progress="16%"] p, .progress[data-progress="17%"] p, .progress[data-progress="18%"] p, .progress[data-progress="19%"] p, .progress[data-progress="20%"] p, .progress[data-progress="21%"] p, .progress[data-progress="22%"] p, .progress[data-progress="23%"] p, .progress[data-progress="24%"] p, .progress[data-progress="25%"] p, .progress[data-progress="26%"] p, .progress[data-progress="27%"] p, .progress[data-progress="28%"] p, .progress[data-progress="29%"] p, .progress[data-progress="30%"] p, .progress[data-progress="31%"] p, .progress[data-progress="32%"] p, .progress[data-progress="33%"] p {
    background-color: rgba(231, 76, 60, 0.5); }
  .progress[data-progress="34%"] p, .progress[data-progress="35%"] p, .progress[data-progress="36%"] p, .progress[data-progress="37%"] p, .progress[data-progress="38%"] p, .progress[data-progress="39%"] p, .progress[data-progress="40%"] p, .progress[data-progress="41%"] p, .progress[data-progress="42%"] p, .progress[data-progress="43%"] p, .progress[data-progress="44%"] p, .progress[data-progress="45%"] p, .progress[data-progress="46%"] p, .progress[data-progress="47%"] p, .progress[data-progress="48%"] p, .progress[data-progress="49%"] p, .progress[data-progress="50%"] p, .progress[data-progress="51%"] p, .progress[data-progress="52%"] p, .progress[data-progress="53%"] p, .progress[data-progress="54%"] p, .progress[data-progress="55%"] p, .progress[data-progress="56%"] p, .progress[data-progress="57%"] p, .progress[data-progress="58%"] p, .progress[data-progress="59%"] p, .progress[data-progress="60%"] p, .progress[data-progress="61%"] p, .progress[data-progress="62%"] p, .progress[data-progress="63%"] p, .progress[data-progress="64%"] p, .progress[data-progress="65%"] p, .progress[data-progress="66%"] p {
    background-color: rgba(233, 139, 57, 0.5); }
  .progress[data-progress="67%"] p, .progress[data-progress="68%"] p, .progress[data-progress="69%"] p, .progress[data-progress="70%"] p, .progress[data-progress="71%"] p, .progress[data-progress="72%"] p, .progress[data-progress="73%"] p, .progress[data-progress="74%"] p, .progress[data-progress="75%"] p, .progress[data-progress="76%"] p, .progress[data-progress="77%"] p, .progress[data-progress="78%"] p, .progress[data-progress="79%"] p, .progress[data-progress="80%"] p, .progress[data-progress="81%"] p, .progress[data-progress="82%"] p, .progress[data-progress="83%"] p, .progress[data-progress="84%"] p, .progress[data-progress="85%"] p, .progress[data-progress="86%"] p, .progress[data-progress="87%"] p, .progress[data-progress="88%"] p, .progress[data-progress="89%"] p, .progress[data-progress="90%"] p, .progress[data-progress="91%"] p, .progress[data-progress="92%"] p, .progress[data-progress="93%"] p, .progress[data-progress="94%"] p, .progress[data-progress="95%"] p, .progress[data-progress="96%"] p, .progress[data-progress="97%"] p, .progress[data-progress="98%"] p, .progress[data-progress="99%"] p {
    background-color: rgba(194, 157, 11, 0.5); }
  .progress[data-progress="100%"] p {
    background-color: rgba(37, 162, 90, 0.5); }
  .progress.quarter[data-progress="26%"] p, .progress.quarter[data-progress="27%"] p, .progress.quarter[data-progress="28%"] p, .progress.quarter[data-progress="29%"] p, .progress.quarter[data-progress="30%"] p, .progress.quarter[data-progress="31%"] p, .progress.quarter[data-progress="32%"] p, .progress.quarter[data-progress="33%"] p {
    background-color: rgba(233, 139, 57, 0.5); }
  .progress.quarter[data-progress="51%"] p, .progress.quarter[data-progress="52%"] p, .progress.quarter[data-progress="53%"] p, .progress.quarter[data-progress="54%"] p, .progress.quarter[data-progress="55%"] p, .progress.quarter[data-progress="56%"] p, .progress.quarter[data-progress="57%"] p, .progress.quarter[data-progress="58%"] p, .progress.quarter[data-progress="59%"] p, .progress.quarter[data-progress="60%"] p, .progress.quarter[data-progress="61%"] p, .progress.quarter[data-progress="62%"] p, .progress.quarter[data-progress="63%"] p, .progress.quarter[data-progress="64%"] p, .progress.quarter[data-progress="65%"] p, .progress.quarter[data-progress="66%"] p {
    background-color: rgba(194, 157, 11, 0.5); }
  .progress.quarter[data-progress="76%"] p, .progress.quarter[data-progress="77%"] p, .progress.quarter[data-progress="78%"] p, .progress.quarter[data-progress="79%"] p, .progress.quarter[data-progress="80%"] p, .progress.quarter[data-progress="81%"] p, .progress.quarter[data-progress="82%"] p, .progress.quarter[data-progress="83%"] p, .progress.quarter[data-progress="84%"] p, .progress.quarter[data-progress="85%"] p, .progress.quarter[data-progress="86%"] p, .progress.quarter[data-progress="87%"] p, .progress.quarter[data-progress="88%"] p, .progress.quarter[data-progress="89%"] p, .progress.quarter[data-progress="90%"] p, .progress.quarter[data-progress="91%"] p, .progress.quarter[data-progress="92%"] p, .progress.quarter[data-progress="93%"] p, .progress.quarter[data-progress="94%"] p, .progress.quarter[data-progress="95%"] p, .progress.quarter[data-progress="96%"] p, .progress.quarter[data-progress="97%"] p, .progress.quarter[data-progress="98%"] p, .progress.quarter[data-progress="99%"] p {
    background-color: rgba(37, 162, 90, 0.5); }
  .progress.warning p {
    background-color: #c29d0b; }
  .progress.success p, .progress.resolvido p {
    background-color: #25a25a; }
  .progress.fechado p {
    background-color: #292929; }

dd .progress {
  clear: both;
  margin: 0; }

td .progress {
  margin: 5px 0; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

.tinner .tab-container {
  margin-top: 30px; }
  .tinner .tab-container:before {
    color: #347b3e;
    content: attr(data-title);
    font-size: 140%;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: -28px; }
  .tinner .tab-container + .tab-container {
    margin-top: 50px; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .pace .pace-progress {
    background-color: #75ad0a;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px; }

.pace-inactive {
  display: none; }

#sortable .ui-state-highlight {
  border-radius: 5px;
  border-style: dashed;
  margin-top: 10px;
  padding: 25px; }

.box-video {
  background-color: #eee;
  border-radius: 5px;
  float: left;
  height: auto;
  margin: 1%;
  overflow: auto;
  padding: 15px;
  width: 31.33%;
  min-height: 300px; }
  .box-video iframe {
    width: 100%;
    min-height: 300px; }

.comments {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  width: 100%; }
  .comments h4 {
    clear: none;
    display: inline-block;
    margin: 0;
    padding: 0 0 5px; }
    .comments h4 span {
      color: #999;
      float: right;
      font-size: 80%;
      font-weight: normal;
      margin: 0 0 0 5px; }
    .comments h4 .popup-user {
      float: left; }
  .comments img {
    border-radius: 5px;
    float: left;
    margin: 0 20px 10px 0;
    width: 40px; }
  .comments li {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    list-style: none;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 15px;
    width: 100%; }
  .comments p {
    padding: 0 0 5px; }
  .comments .author {
    float: right;
    width: 80%; }
  .comments .history {
    background-color: #fff;
    border: 0 none;
    float: right;
    width: 80%; }

.container {
  display: inline-block;
  margin: 10px 0;
  width: 100%; }
  .container h3,
  .container h4,
  .container h5,
  .container h6 {
    margin: 10px 0; }
  .container.container-pessoa .card .msg {
    border-radius: 5px 5px 0 0;
    line-height: 1.3em !important;
    margin: -5% -5% 15px !important;
    padding: 10px 5%; }
  .container.container-pessoa .card .status .msg.error {
    background-color: transparent;
    color: #e74c3c;
    margin: 0 !important;
    padding: 10px 0;
    text-shadow: 0 0 0 transparent; }
  .container.container-pessoa .msg {
    margin: 0 1% 15px !important; }

.counter-container {
  counter-reset: suap-counter;
  padding: 0;
  position: relative; }
  .counter-container > li {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    list-style: none;
    margin: 0 0 0 35px;
    padding: 8px 10px;
    position: relative;
    width: calc(100% - 35px); }
  .counter-container.more-padding > li {
    padding: 15px; }
  .counter-container > div:before {
    background-color: #999;
    border-radius: 50%;
    color: #fff;
    content: counter(suap-counter, decimal);
    counter-increment: suap-counter;
    font-size: 220%;
    font-weight: 900;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px; }
  .counter-container > div > h4 {
    margin: 8px 0 0 65px;
    padding-top: 0; }
  .counter-container > li:before {
    background-color: #eee;
    border-radius: 50%;
    color: #666;
    content: counter(suap-counter, decimal);
    counter-increment: suap-counter;
    display: inline-block;
    font-size: 120%;
    font-weight: 900;
    height: 30px;
    left: -35px;
    line-height: 30px;
    margin: 7px 10px 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: top;
    width: 30px; }
  .counter-container > li:last-child {
    border-bottom: 0 none; }
  .counter-container > li > dl, .counter-container > li > h3, .counter-container > li > h4, .counter-container > li > p {
    display: inline-block;
    width: 100%; }
  .counter-container > li > h3 {
    color: #666;
    font-size: 140%;
    margin: 0;
    padding: 0 0 20px; }
  .counter-container > li > h4 {
    color: #666;
    font-size: 140%;
    margin: 0;
    padding: 0 0 20px; }
    .counter-container > li > h4:only-child {
      padding: 6px; }
  .counter-container > li li {
    margin: 0 0 10px; }
  .counter-container > li > p {
    color: #666;
    float: left;
    padding: 0;
    width: 83%; }
  .counter-container > li > span {
    float: right;
    text-indent: 0;
    width: 15%; }

.definition-list {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0; }
  .definition-list .list-item {
    max-width: 550px;
    padding: 0 1.5rem 1rem; }
    .definition-list .list-item dt {
      font-size: .75rem;
      font-weight: 400;
      text-transform: uppercase; }
    .definition-list .list-item dd {
      clear: both;
      font-weight: 600; }

.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin: 10px 0;
  width: 100%; }
  .flex-container > div {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 290px; }
  .flex-container.flex-basis-100 > div {
    flex-basis: 100px; }
  .flex-container > li {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 290px;
    list-style: none; }
  .flex-container .card {
    margin: 12px;
    width: auto; }
    .flex-container .card:only-child {
      flex-grow: 0; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-grow-2 {
  flex-grow: 2 !important; }

.foto {
  width: 90px; }
  .foto img {
    max-width: 90px;
    min-width: 75px;
    width: 100%; }

.gallery {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 0; }
  .gallery > li {
    margin: 20px; }
    .gallery > li > h4:first-child {
      margin-top: 0;
      padding-top: 0; }
  .gallery img {
    margin-top: 10px;
    width: 100%; }

.go-to-bottom {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(/static/comum/img/go-to-bottom.svg);
  background-position: center 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  bottom: 40px;
  display: inline-block;
  height: 40px;
  position: fixed;
  right: 40px;
  opacity: 0;
  overflow: hidden;
  text-indent: 100%;
  visibility: hidden;
  white-space: nowrap;
  width: 40px;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
  .go-to-bottom.cd-is-visible, .go-to-bottom.cd-fade-out {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s; }
  .go-to-bottom.cd-is-visible {
    visibility: visible;
    opacity: 1; }
  .go-to-bottom.cd-fade-out {
    opacity: .5; }

.grid {
  overflow: hidden;
  width: 100%; }
  .grid > div {
    float: left;
    margin: 1%;
    width: 98%; }
  .grid img {
    max-width: 100%; }
  .grid .grid12 {
    width: 98%; }
  .grid .grid9 {
    width: 73%; }
  .grid .grid8 {
    width: 64.6667%; }
  .grid .grid6 {
    width: 48%; }
  .grid .grid4 {
    width: 31.3333%; }
  .grid .grid3 {
    width: 23%; }
  .grid .grid2 {
    width: 14.6666%; }
  .grid .grid1 {
    width: 6.3333%; }

.grid-container {
  display: grid; }

.icon {
  margin-bottom: 7px; }
  .icon:before {
    color: #292929;
    font-family: "Font Awesome 5 Free";
    font-size: 110%;
    font-weight: 900; }
  .icon:hover {
    color: #999;
    opacity: 0.5;
    text-decoration: none; }
  .icon + .icon {
    margin-left: 7px; }

.icon-delete:before {
  content: "\f1f8"; }

.icon-edit:before {
  content: "\f044"; }

.icon-view:before {
  content: "\f002"; }

td .icon,
th .icon {
  font-size: 90%;
  margin-bottom: 2px;
  margin-top: 5px;
  opacity: 0.9; }

.list-tree {
  padding: 0; }
  .list-tree li {
    border-left: 1px dashed #999;
    list-style: none;
    margin: 5px 0; }
    .list-tree li span:before {
      content: "→";
      padding: 0 10px 0 0; }
    .list-tree li span.negrito:after {
      color: #ccc;
      content: "»";
      padding: 0 5px; }
  .list-tree ul {
    padding: 0 0 0 25px; }
  .list-tree .tree-tag {
    background-color: #eee;
    color: #444;
    display: inline-block;
    font-size: 95%;
    margin: 0 5px 0 0;
    padding: 3px 8px; }

.lista-comentarios {
  display: inline-block;
  margin: 10px 0;
  padding: 0;
  width: 100%; }
  .lista-comentarios img {
    border-radius: 2px;
    float: left;
    margin: 0 1% 0 0;
    width: 3.5%; }
  .lista-comentarios li {
    list-style: none; }
    .lista-comentarios li > div {
      display: inline-block;
      width: 100%; }
  .lista-comentarios > li {
    margin: 0 0 7px;
    overflow: hidden; }
  .lista-comentarios .comentario {
    background-color: #eee;
    border-radius: 5px;
    display: inline-block;
    float: right;
    padding: 15px;
    position: relative;
    width: calc(100% - 56px); }
    .lista-comentarios .comentario:hover {
      background-color: #ddd; }
  .lista-comentarios ul .comentario {
    border-radius: 0 5px 5px 5px;
    border-top: 1px solid #ddd; }
  .lista-comentarios .comentario:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #eee;
    border-width: 10px;
    top: 19px; }
  .lista-comentarios .comentario:hover:after {
    border-right-color: #ddd; }
  .lista-comentarios > li li {
    margin: -7px 0 0 5px; }
  .lista-comentarios span {
    color: #999;
    font-size: 85%; }
  .lista-comentarios ul {
    margin: -7px 0 0;
    padding: 0 0 0 56px; }
  .lista-comentarios .btn {
    float: right;
    margin: 5px 0 0; }

.lista-inline {
  padding: 0; }
  .lista-inline li {
    float: left;
    list-style: none; }

.lista-numerada li {
  list-style: decimal !important; }
  .lista-numerada li ol li {
    list-style: lower-latin !important; }
  .lista-numerada li ul li {
    list-style: circle !important; }

.lista-numeros dd {
  text-align: right; }

.lista-numeros input {
  margin: -8px 0 0; }

.lista-simples {
  display: inline-block;
  float: right;
  margin: 5px 0 15px; }
  .lista-simples dt {
    font-weight: normal; }
  .lista-simples dd {
    display: inline-block;
    font-weight: 700; }

.object-image {
  float: left;
  max-width: 40%;
  padding-right: 40px; }
  .object-image img {
    width: 100%; }
  .object-image + div {
    display: flex;
    flex-wrap: wrap;
    max-width: 60%; }

.person {
  background-color: #f6f6f6;
  border-radius: 5px;
  margin-bottom: 10px;
  min-height: 30px;
  overflow: hidden;
  padding: 10px;
  position: relative; }
  .person > .photo-circle {
    float: left; }
    .person > .photo-circle + div {
      display: inline-block;
      float: left;
      padding-left: 10px;
      width: calc(100% - 70px);
      min-width: 180px;
      line-height: normal; }
  .person h4 {
    clear: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 7px; }
  .person h5 {
    margin-top: 0;
    padding-top: 5px; }
  .person p {
    padding-top: 7px; }

div.photo-circle {
  border-radius: 50%;
  float: left;
  height: 60px;
  margin: 7px 10px 10px 0;
  overflow: hidden;
  width: 60px; }
  div.photo-circle + div {
    display: flex; }
  div.photo-circle + dl {
    display: inline; }
  div.photo-circle img {
    height: auto;
    margin: -3px 0 0;
    overflow: hidden;
    width: 60px; }
  div.photo-circle.big {
    height: 150px;
    width: 150px; }
    div.photo-circle.big img {
      margin-top: -25px;
      width: 150px; }
  div.photo-circle.large {
    height: 300px;
    width: 300px; }
    div.photo-circle.large img {
      margin-top: 70px;
      width: 300px; }
  div.photo-circle.small {
    height: 40px;
    margin-bottom: 7px;
    margin-right: 7px;
    width: 40px; }
    div.photo-circle.small img {
      width: 40px; }
  div.photo-circle.smallest {
    border: 1px solid #aaa;
    height: 20px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 0;
    width: 20px; }
    div.photo-circle.smallest + .popup-user {
      margin-top: 3px; }
    div.photo-circle.smallest img {
      width: 20px; }

.process {
  display: inline-block;
  font-size: 600%;
  text-align: center;
  width: 100%; }

.richtext h1,
.richtext h2,
.richtext h3 {
  margin-bottom: 0.67em;
  margin-top: 0.67em; }

.richtext li {
  line-height: 1.5em;
  margin: 6px 0 0; }

.richtext ol > li {
  list-style: decimal; }

.richtext p {
  line-height: 1.5em;
  margin-bottom: 1em;
  margin-top: 1em; }

.richtext ol, .richtext ul {
  padding: 0 0 1em 30px; }

.stars {
  padding-left: 0; }
  .stars a,
  .stars li {
    float: left;
    margin-right: 3px; }
  .stars a:hover {
    opacity: 0.6; }
  .stars a .fas {
    font-size: 150%; }
  .stars li {
    list-style: none;
    margin-top: 5px; }
    .stars li .fas {
      font-size: 130%; }
  .stars .fas.fa-star {
    color: #25a25a; }
    .stars .fas.fa-star.disabled {
      color: #999;
      opacity: 0.3; }
      .stars .fas.fa-star.disabled:hover {
        opacity: 0.6; }

.tooltip {
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 5px;
  color: #fff;
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 10; }

.wiki h1 {
  font-size: 160%; }

.wiki h2 {
  font-size: 150%; }

.wiki h3 {
  font-size: 140%; }

.wiki h4 {
  font-size: 130%; }

.wiki h5 {
  font-size: 120%; }

.x-boundlist {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px; }
  .x-boundlist li {
    line-height: 22px;
    list-style: none;
    margin: 5px 0; }
    .x-boundlist li:hover {
      cursor: pointer;
      text-decoration: underline; }

.xfull {
  background-color: #f6f6f6;
  border-radius: 5px;
  display: inline-block;
  margin: 10px 0;
  padding: 12px 15px 5px;
  position: relative;
  width: 100%; }
  .xfull::before {
    color: #292929;
    content: "FILTRAR POR DATA:";
    font-size: 85%;
    font-weight: 300;
    left: 15px;
    position: absolute;
    top: -5px; }
  .xfull ul {
    padding: 0; }
  .xfull li {
    float: left;
    font-weight: 700;
    list-style: none;
    margin: 0; }
  .xfull a {
    display: block;
    font-weight: normal;
    margin-right: 20px; }
    .xfull a:hover {
      background-color: #ddd;
      text-decoration: none; }
  .xfull .date-back a {
    color: #292929; }

.errors {
  background-color: rgba(194, 157, 11, 0.4) !important; }
  .errors input,
  .errors select,
  .errors textarea {
    border-color: #e74c3c; }
  .errors label {
    color: #e74c3c; }

.errorlist {
  padding: 0 0 15px; }
  .errorlist li {
    display: list-item;
    list-style: none;
    margin: 0; }
  .errorlist a {
    color: #e74c3c;
    text-decoration: underline; }
  .errorlist li {
    color: #e74c3c; }

.errornote {
  background-color: #e74c3c; }
  .errornote a {
    color: #fff;
    text-decoration: underline; }
  .errornote ul {
    padding: 10px 0 5px 15px; }

.msg {
  border-radius: 5px;
  clear: both;
  margin-bottom: 15px;
  padding: 12px;
  width: 100%; }
  .msg h4 {
    margin-top: 0;
    padding-top: 0; }
  .msg p {
    padding-bottom: 5px; }
    .msg p:last-child {
      padding-bottom: 0; }
  .msg ul {
    padding: 0 0 0 15px; }
  .msg.alert {
    background-color: rgba(194, 157, 11, 0.2);
    padding-left: 30px;
    position: relative; }
    .msg.alert a {
      color: #614f06; }
    .msg.alert:before {
      color: #c29d0b;
      content: "\f06a";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 12px;
      top: 12px; }
  .msg.critical {
    background-color: rgba(231, 76, 60, 0.2);
    padding-left: 30px;
    position: relative; }
    .msg.critical:before {
      color: #e74c3c;
      content: "\f06a";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 12px;
      top: 12px; }
  .msg.fixed {
    position: fixed; }
  .msg.help {
    background-color: #eee;
    padding-left: 30px;
    position: relative; }
    .msg.help:before {
      color: #ccc;
      content: "\f059";
      font-family: "Font Awesome 5 Free";
      position: absolute;
      left: 12px;
      top: 12px; }
  .msg.info:not(#feedback_message) {
    background-color: rgba(52, 152, 219, 0.2);
    padding-left: 30px;
    position: relative; }
    .msg.info:not(#feedback_message) a {
      color: #217dbb; }
    .msg.info:not(#feedback_message):before {
      color: #3498db;
      content: "\f06a";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 12px;
      top: 12px; }
  .msg.success, .msg.warning, .msg.error {
    border-radius: 0; }
  .msg.error {
    background-color: #e74c3c; }
  .msg.warning {
    background-color: #c29d0b; }
  .msg.error a, .msg.success a, .msg.warning a {
    color: #fff;
    text-decoration: underline; }

.guia-estilo .msg {
  margin-bottom: 0; }

.msg.success + .msg.success {
  top: 24px; }

p.msg.info {
  line-height: 1.5em; }

#feedback_message.msg.info,
.msg.success {
  background-color: #25a25a;
  border: 0 none;
  border-radius: 0; }
  #feedback_message.msg.info a,
  .msg.success a {
    color: #fff;
    text-decoration: underline; }

.notifications {
  float: right;
  margin: 23px 15px 0 0; }
  .notifications a {
    border: 1px solid #666;
    border-radius: 50%;
    display: block;
    height: 28px;
    line-height: 28px;
    position: relative;
    text-align: center;
    width: 28px; }
    .notifications a:hover {
      background-color: #eee;
      border-color: #eee; }
      .notifications a:hover .fas {
        color: #292929; }
  .notifications .counter {
    background-color: #e74c3c;
    border-radius: 50%;
    color: #fff;
    font-size: 85%;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -5px;
    top: -10px;
    width: 18px; }
  .notifications .fas {
    color: #fff; }

#notifications-non-read {
  background: linear-gradient(#666, #292929);
  border-radius: 5px;
  box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.25);
  display: none;
  max-width: 30vw;
  padding: 40px 0;
  position: absolute;
  left: calc((100% - 30vw)/2);
  top: 10vh;
  z-index: 600; }
  #notifications-non-read .list-articles {
    background-color: transparent;
    display: inline-block; }
    #notifications-non-read .list-articles button.close-list {
      background-color: transparent;
      font-size: 120%;
      opacity: 0.5;
      padding-right: 40px; }
    #notifications-non-read .list-articles h2 {
      color: #fff;
      font-size: 160%;
      margin-bottom: 10px;
      padding: 0 40px 5px; }
    #notifications-non-read .list-articles > ul {
      border: 0 none;
      clear: both;
      max-height: calc(100vh - 260px);
      overflow-y: auto;
      width: 100%; }
    #notifications-non-read .list-articles .anchor-article {
      width: calc(100% - 71px); }
      #notifications-non-read .list-articles .anchor-article + .action-bar {
        max-width: 71px; }
    #notifications-non-read .list-articles .article-container {
      border-color: #666;
      border-right: 0 none; }
    #notifications-non-read .list-articles .msg {
      color: #fff;
      margin: 0 40px;
      width: calc(100% - 80px); }
  #notifications-non-read .action-bar.inside-container,
  #notifications-non-read .obs {
    padding: 0 40px; }

span.status {
  background-color: rgba(194, 157, 11, 0.2);
  border-color: #614f06;
  border-left: 2px solid;
  border-radius: 1px 5px 5px 1px;
  color: #292929;
  display: block;
  font-size: 95%;
  font-weight: 400;
  padding: 5px 8px;
  white-space: nowrap; }
  span.status i {
    float: left;
    margin-right: 8px; }
  span.status.inline {
    display: inline; }
  span.status.status-default, span.status.status-feito-pull-request {
    background-color: #ddd;
    border-color: #666;
    color: #292929; }
  span.status.status-final, span.status.status-merged, span.status.status-fechado {
    background-color: #999;
    border-color: #292929;
    color: #f6f6f6; }
  span.status.disabled {
    background-color: #eee;
    border-color: #666;
    color: #666;
    opacity: 0.6; }
  span.status.status[data-hint] {
    border-bottom-style: dotted;
    border-bottom-width: 1px; }

dd span.status {
  display: inline-block; }

input + span.status {
  display: inline; }

h2 + .action-bar + dl.status dd {
  float: left; }

h2 + .action-bar + dl.status dt {
  display: inline; }

h2 + .action-bar ~ span.status {
  float: left;
  margin: -17px 6px 20px 0; }

li span.status {
  display: inline;
  margin: 0 0 0 5px; }

.no-style li span.status {
  display: block; }

li a span.status {
  display: inline-block; }

li a:hover span.status {
  opacity: 0.75; }

td .status,
tr .status {
  margin: 1px; }

td.status-error,
tr.status-error {
  background-color: rgba(231, 76, 60, 0.2) !important; }
  td.status-error:hover,
  tr.status-error:hover {
    background-color: rgba(231, 76, 60, 0.2) !important; }

td.status-info,
tr.status-info {
  background-color: rgba(52, 152, 219, 0.2) !important; }
  td.status-info:hover,
  tr.status-info:hover {
    background-color: rgba(52, 152, 219, 0.2) !important; }

td.disabled,
tr.disabled {
  background-color: #eee !important;
  opacity: 0.6; }

td.status-success,
tr.status-success {
  background-color: rgba(37, 162, 90, 0.2) !important; }
  td.status-success:hover,
  tr.status-success:hover {
    background-color: rgba(52, 152, 219, 0.6) !important; }

tr.status-error td {
  background-color: rgba(231, 76, 60, 0.6) !important; }

tr.disabled:hover {
  background-color: #fff !important;
  opacity: 0.6; }

#print {
  background-color: #fff;
  margin: 0 auto;
  min-height: 600px;
  overflow: hidden;
  padding: 2%;
  width: 100%; }
  #print caption {
    padding: 5px !important; }
  #print h2 {
    float: none; }
    #print h2 + p {
      color: #000;
      padding: 0; }
  #print h3 {
    display: inline-block;
    font-size: 105%;
    margin: 10px 0 0;
    padding: 0 0 2px;
    width: 100%; }
  #print img {
    width: 70px; }
  #print p {
    line-height: 1.3em; }
  #print table {
    margin: 0 0 20px; }
    #print table.info {
      border: 1px solid #ccc !important;
      color: #666; }
      #print table.info td {
        border: 0 none;
        line-height: 1.1em;
        padding: 4px 2px !important; }
  #print td dd {
    font-weight: bold; }
  #print td dt {
    float: none;
    font-weight: normal; }
  #print th {
    padding: 4px 2px !important;
    text-align: center; }
  #print .assinatura {
    clear: right;
    display: inline-block;
    float: right;
    width: 280px; }
  #print .assinatura span {
    font-size: 95%; }
  #print .marcador {
    border-top: 1px dashed #ccc;
    clear: both;
    display: inline-block !important;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 10px 0 0;
    width: 100% !important; }
    #print .marcador dt {
      float: left !important; }
    #print .marcador table {
      display: inline-block; }
  #print .print-corpo {
    margin: 20px auto !important;
    width: 100%; }
  #print .print-titulo {
    text-align: center; }
    #print .print-titulo p {
      font-size: 130%; }
  #print .titulo {
    clear: left;
    float: left;
    margin: 0 !important;
    padding: 0 !important; }

.print {
  display: none; }

.print .assinatura {
  clear: right;
  display: inline-block;
  float: right;
  width: 280px; }

#print .assinatura.float-left,
.print .assinatura.float-left {
  float: left; }

#print .assinatura p,
.print .assinatura p {
  border-top: 1px solid #000;
  display: inline-block;
  margin: 45px 0 0 !important;
  padding: 2px 0 0 !important;
  text-align: center !important;
  width: 100%; }

body.debug, body.debug aside.nav {
  background-color: #800; }

body.popup_ {
  background-color: #fff; }
  body.popup_ .holder {
    display: block; }
  body.popup_ main {
    padding: 40px; }

body.fullscreen main {
  height: 100vh; }

body.fullscreen .action-links {
  display: none; }

body.hideSidebar aside.nav form,
body.hideSidebar header h1,
body.hideSidebar nav ul ul,
body.hideSidebar #user-tools span {
  display: none !important; }

body.hideSidebar aside.nav {
  width: 60px; }

body.hideSidebar header {
  display: flex;
  flex-direction: column; }

body.hideSidebar nav > ul > li {
  display: table;
  margin: 0 auto 10px; }
  body.hideSidebar nav > ul > li > a {
    height: 25px;
    margin: 0 auto;
    padding: 5px 0;
    width: 25px; }
    body.hideSidebar nav > ul > li > a i,
    body.hideSidebar nav > ul > li > a span.fas {
      font-size: 140%;
      opacity: 1; }
    body.hideSidebar nav > ul > li > a i + span,
    body.hideSidebar nav > ul > li > a span.fas + span {
      display: block;
      text-indent: -9000px; }

body.hideSidebar #user-tools {
  display: block;
  margin: 40px auto 0;
  order: 1;
  width: 40px; }
  body.hideSidebar #user-tools .photo-circle {
    margin-left: 4px; }

body.hideSidebar .notifications {
  margin-left: 15px;
  margin-top: 25px;
  order: 2; }

body.hideSidebar .photo-circle.small {
  height: 30px;
  width: 30px; }
  body.hideSidebar .photo-circle.small img {
    width: 30px; }

body.hideSidebar .secao > .grid-container {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto; }
  body.hideSidebar .secao > .grid-container .coluna-direita {
    grid-column: 3;
    grid-row: 1; }

body.index h2 {
  margin: 0 0 30px; }

body.index h3 i {
  color: #666;
  font-size: 85%;
  margin-right: 5px;
  opacity: 0.7; }

body.index h3 + .btn,
body.index h4 + .btn {
  float: right;
  margin: -30px 0 0; }

body.index main {
  background-color: #f6f6f6; }

body.index .fancybox-content main {
  background-color: #fff;
  padding: 40px; }

body.index #breadcrumbs {
  display: none; }

body.index .container {
  margin: 0; }

body.index .flex-container {
  align-content: flex-start;
  margin: 0; }
  body.index .flex-container > div.modulo-indicador {
    flex-basis: 100px;
    margin: 0 15px 15px; }
  body.index .flex-container > .modulo {
    align-content: flex-start;
    border-radius: 0 0 5px 5px;
    flex-basis: 180px;
    margin-bottom: 35px; }
  body.index .flex-container.coluna100 > .modulo {
    margin: 0 20px 40px; }
  body.index .flex-container.modulos {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px); }
    body.index .flex-container.modulos > .modulo-info {
      margin-left: 30px;
      margin-right: 30px; }

body.index .icon-warning {
  color: #f1c40f;
  font-size: 150%;
  margin-right: 8px; }

body.index .icon-error {
  color: #e74c3c;
  font-size: 150%;
  margin-right: 8px; }

body.index .icon-success {
  color: #25a25a;
  font-size: 150%;
  margin-right: 8px; }

body.index .search-and-filters {
  box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.05);
  flex-basis: 100%;
  margin: 0 0 30px;
  width: 100%; }

body.index .tabs .active {
  background-color: transparent;
  border-bottom: 1px solid #eee; }

body.index .wrapper {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.05);
  display: inline-block;
  padding: 20px;
  width: 100%; }
  body.index .wrapper > h4:first-child {
    padding: 0 0 10px; }
  body.index .wrapper > .modulo-info {
    box-shadow: 0 0 0 transparent;
    padding: 35px 25px; }

main.fullscreen {
  background-color: #eee;
  padding: 0 2% 25px !important; }
  main.fullscreen h3 {
    margin: 10px 0; }

.tab-container .action-bar button {
  padding-bottom: 6px;
  padding-top: 6px; }

.action-bar.inside-container .btn:hover,
.box .action-bar a:hover {
  opacity: 1; }

.acesso-rapido {
  margin-bottom: 10px;
  padding-left: 0;
  position: absolute;
  right: 40px;
  top: 0; }
  .acesso-rapido li {
    float: left;
    list-style: none;
    margin: 20px 0 20px 5px; }
  .acesso-rapido a {
    background-color: #ddd;
    border-radius: 25px;
    color: #666;
    font-size: 120%;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px; }
    .acesso-rapido a:hover {
      background-color: #292929;
      color: #fff;
      width: 60px; }

.with-quick-access .secao {
  padding-top: 40px; }

.alertas + main#content .secao > .flex-container,
.alertas + main#content .secao > .grid-container {
  padding-left: 40px; }

.alertas {
  background-color: #eee;
  grid-area: asideleft;
  padding: 40px; }
  .alertas + main {
    padding-left: 0; }

.coluna {
  min-height: 80px;
  width: 100%; }
  .coluna h3:hover {
    cursor: move; }

.form-busca-rapida {
  clear: both;
  position: relative; }
  .form-busca-rapida:before {
    color: #666;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    bottom: 12px;
    left: 10px; }
  .form-busca-rapida input[type="search"] {
    max-width: 100%;
    padding-left: 30px;
    width: 100%; }

.modulo img {
  max-width: 100%; }

.modulo li:hover a {
  opacity: 1; }

.modulo.modulo-info li p {
  float: left;
  width: 83%; }

.modulo-alertas {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0;
  width: 100%; }
  .modulo-alertas h3 {
    border: 0 none;
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    padding: 30px 0 10px;
    text-transform: uppercase; }
    .modulo-alertas h3 span {
      color: #666;
      display: block;
      font-weight: 400; }
  .modulo-alertas > h3:first-of-type {
    padding: 0 0 10px; }
  .modulo-alertas li {
    background-color: rgba(153, 153, 153, 0.15);
    border-left: 3px solid #999;
    border-radius: 0 2px 2px 0;
    list-style: none;
    margin: 0 0 2px;
    width: 100%; }
    .modulo-alertas li:hover {
      opacity: 0.7; }
    .modulo-alertas li:last-child {
      border-bottom: 0 none; }
    .modulo-alertas li a {
      color: #292929;
      display: inline-block;
      line-height: 1.25em;
      opacity: 1;
      padding: 7px 10px;
      text-decoration: none;
      width: 100%; }
      .modulo-alertas li a:hover {
        padding-left: 15px; }
  .modulo-alertas p {
    color: #666;
    font-size: 90%;
    padding: 10px 0 5px;
    text-align: right; }
  .modulo-alertas span {
    clear: both;
    color: #666;
    display: block;
    font-size: 90%;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 2px; }
  .modulo-alertas ul {
    padding: 0; }
  .modulo-alertas .btn,
  .modulo-alertas + .btn {
    float: right;
    margin: 10px 0 0; }
  .modulo-alertas > .alert li {
    background-color: rgba(194, 157, 11, 0.15);
    border-left: 3px solid #c29d0b; }
  .modulo-alertas > .error li {
    background-color: rgba(231, 76, 60, 0.15);
    border-left: 3px solid #e74c3c; }
  .modulo-alertas .info li {
    background-color: rgba(52, 152, 219, 0.15);
    border-left: 3px solid #3498db; }
  .modulo-alertas > .success li {
    background-color: rgba(37, 162, 90, 0.15);
    border-left: 3px solid #25a25a; }

.modulo-info h3 {
  background-color: #f6f6f6;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .modulo-info h3 > span {
    background-color: #eee;
    border-radius: 15px 15px 0 0;
    color: #666;
    display: inline-block;
    font-size: 70%;
    font-weight: 400;
    margin: 0;
    padding: 5px 20px;
    text-transform: uppercase; }
  .modulo-info h3 .esconder-quadro {
    font-size: 90%;
    opacity: 0.2;
    position: absolute;
    right: 5px;
    top: 2px; }
    .modulo-info h3 .esconder-quadro:hover {
      opacity: 0.65; }

.modulo-info h4 {
  font-size: 120%;
  font-weight: 300;
  margin: 0;
  padding: 30px 0 10px; }

.modulo-info .action-bar {
  float: left;
  margin-top: 20px;
  width: 100%; }
  .modulo-info .action-bar:first-child, .modulo-info .action-bar:only-child {
    margin-top: 0; }
  .modulo-info .action-bar li {
    margin: 0 5px 5px 0; }
  .modulo-info .action-bar .btn {
    white-space: normal; }

.modulo-info .calendario {
  margin-bottom: 10px;
  min-height: 100px;
  padding: 2px;
  width: 100%; }
  .modulo-info .calendario + .legenda + .calendario {
    margin-top: 25px; }

.modulo-info .calendario-referencia li {
  margin: 6px 6px 0 0;
  padding: 2px 5px;
  width: auto; }

.modulo-info .legenda {
  margin: 0; }
  .modulo-info .legenda li {
    font-size: 90%; }

body.index .modulo-info .modulo-alertas {
  border: 0 none;
  margin: 0;
  padding: 10px 0; }
  body.index .modulo-info .modulo-alertas li a {
    padding-left: 25px; }
    body.index .modulo-info .modulo-alertas li a:hover {
      padding-left: 15px; }
  body.index .modulo-info .modulo-alertas ul {
    margin-left: -20px; }

.modulo-atalhos {
  margin: -5px 0;
  padding: 0;
  width: 100%; }
  .modulo-atalhos li {
    float: left;
    list-style: none;
    width: 33.33%; }
    .modulo-atalhos li a {
      color: #666;
      display: block;
      font-size: 95%;
      padding: 3px 5px; }
      .modulo-atalhos li a:hover {
        opacity: 0.6;
        text-decoration: none; }
    .modulo-atalhos li span {
      color: #666;
      margin: 0 5px 0 0;
      width: 15px; }

.modulo-indicador a {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .modulo-indicador a:hover, .modulo-indicador a:focus, .modulo-indicador a:active {
    -webkit-transform: scale(1.1);
    text-decoration: none;
    transform: scale(1.1); }

.modulo-indicador h4 {
  font-size: 400%;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-align: center; }
  .modulo-indicador h4 .false {
    color: #e74c3c; }

.modulo-indicador h5,
.modulo-indicador p {
  margin: 0;
  text-align: center; }

.modulo-indicador h5 {
  padding: 0 0 3px;
  text-transform: uppercase; }

.modulo-indicador p {
  color: #e74c3c; }

.modulo-lista {
  display: inline-block;
  margin: 0 0 50px;
  padding: 0;
  width: 100%; }
  .modulo-lista li {
    background-color: #fff;
    float: left;
    list-style: none;
    margin: 0 0 3px;
    width: 100%; }
    .modulo-lista li:hover {
      background-color: #f6f6f6; }
    .modulo-lista li a {
      color: #292929;
      display: block;
      font-size: 105%;
      font-weight: 300;
      line-height: 1.2em;
      padding: 9px;
      text-decoration: none; }

.modulo-noticias li {
  list-style: none;
  margin-bottom: 20px; }
  .modulo-noticias li a {
    display: block; }
    .modulo-noticias li a span {
      color: #666;
      display: block;
      font-weight: 300; }

.modulo-noticias ul {
  padding-left: 0; }

.portlet-placeholder {
  border: 1px dotted #292929;
  margin: 0 1em 1em 0;
  height: 50px; }

.secao {
  width: 100%; }
  .secao > h3 {
    background-color: #ddd;
    border-radius: 15px 15px 0 0;
    color: #666;
    display: inline-block;
    font-size: 95%;
    font-weight: 400;
    margin: 0;
    padding: 5px 20px;
    text-transform: uppercase; }
  .secao .coluna {
    padding-bottom: 40px; }
  .secao > .grid-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 40px; }
    .secao > .grid-container .grid-container {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      grid-gap: 40px;
      align-content: flex-start; }
    .secao > .grid-container .coluna-esquerda {
      grid-column: 1;
      grid-row: 1; }
    .secao > .grid-container .coluna-centro {
      grid-column: 2;
      grid-row: 1; }
    .secao > .grid-container .coluna-direita {
      grid-column: 1 / 3;
      grid-row: 2; }
  .secao > .wrapper {
    margin: 0 0 15px; }
  .secao > .wrapper + h3,
  .secao > .wrapper + .search-and-filters {
    margin-top: 15px; }

.secoes50 .secao50:nth-child(odd) {
  padding-right: 20px; }

.secoes50 .secao50:nth-child(even) {
  padding-left: 20px; }

[hidden] {
  display: none !important; }

#debug {
  background-color: #e74c3c;
  bottom: 0;
  color: #fff;
  font-size: 90%;
  height: 21px;
  line-height: 21px;
  padding: 0 40px;
  position: fixed;
  text-align: right;
  width: 100%;
  z-index: 10; }

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

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

.auto-width {
  width: auto; }

.block {
  display: block !important; }

.capitalize {
  text-transform: capitalize; }

.clear {
  border-bottom: 1px dashed #eee;
  clear: both;
  display: inline-block;
  margin: 10px 0 5px;
  width: 100%; }

.detail {
  border-top: 1px solid #ccc;
  color: #292929;
  display: inline-block;
  margin-top: 15px;
  padding: 15px 0;
  width: 100%; }
  .detail:hover {
    padding-left: 10px;
    text-decoration: none; }
    .detail:hover .far {
      opacity: 1; }
  .detail h5 {
    color: #292929;
    line-height: 1.3em;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0; }
  .detail .far {
    color: #347b3e;
    float: left;
    font-size: 220%;
    margin: 2px 15px 5px 0;
    opacity: 0.25; }
  .detail + .detail {
    margin-top: 5px; }

details .clear {
  display: inline-block;
  width: 100%; }

.clear-left {
  clear: left; }

.cinza,
.disabled {
  color: #666; }

.disabled a {
  text-decoration: none; }

.fab {
  font-family: "Font Awesome 5 Brands" !important; }

.fas.warning {
  color: #c29d0b; }

.false,
.False {
  color: #e74c3c; }

.fancybox-container.fancybox-can-swipe .fancybox-content {
  cursor: default; }

.field-show_list_display_icons {
  white-space: nowrap; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.fontSize80 {
  font-size: 80%; }

.fontSize300 {
  font-size: 300%; }

.fontWeight400 {
  font-weight: 400; }

.format-html {
  background-color: #fff;
  border: 2px solid #ddd;
  clear: both;
  display: inline-block;
  margin: 0 auto;
  padding: 40px;
  position: relative;
  width: 100%;
  line-height: 1.5em; }
  .format-html:before {
    background-color: rgba(37, 162, 90, 0.1);
    border-radius: 0 0 25px 0;
    color: #25a25a;
    content: "\f06e";
    font-family: "Font Awesome 5 Free";
    font-size: 130%;
    font-weight: 600;
    padding: 5px 12px 12px 5px;
    position: absolute;
    left: 0;
    top: 0; }
  .format-html h1 {
    font-size: 120%; }
  .format-html h2 {
    font-size: 150%; }
  .format-html h3 {
    border: 0 none;
    font-size: 130%;
    padding-bottom: 5px; }

.format-html.non-read:before {
  background-color: rgba(194, 157, 11, 0.1);
  color: #c29d0b;
  content: "\f0f3"; }

.foto-miniatura {
  width: 45px; }

.grafico100 {
  display: inline-block;
  margin: 0 auto 40px;
  width: 100%; }

.grafico50 {
  border-bottom: 1px solid #ddd;
  float: left;
  margin: 2%;
  padding: 0 0 2%;
  width: 46%; }

.grafico33 {
  border-bottom: 1px solid #ddd;
  float: left;
  margin: 2%;
  padding: 0 0 2%;
  width: 29%; }

.help {
  color: #666;
  line-height: 1.2em; }

.hidden {
  display: none !important; }

.highcharts-subtitle {
  color: #666; }

.hint,
[data-hint] {
  cursor: help; }

[data-hint] {
  position: relative; }
  [data-hint]:before, [data-hint]:after {
    position: absolute;
    z-index: 200; }
  [data-hint]:hover:before {
    background-color: #292929;
    border-radius: 5px;
    color: #fff;
    content: attr(data-hint);
    font-family: "Lato", sans-serif;
    line-height: 1.1em;
    padding: 10px 20px;
    left: 0;
    top: calc(100% + 10px); }
  [data-hint]:hover:after {
    color: #292929;
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
    font-size: 160%;
    font-weight: 900;
    left: 10px;
    top: calc(100% - 2px); }

.holder {
  display: grid;
  grid-template-areas: "asidenav main" "asidenav footer";
  grid-template-columns: 246px auto; }

body.anonima .holder {
  grid-template-columns: 360px auto; }

body.anonima.hideSidebar .holder {
  grid-template-columns: 0 auto; }

body.hasAsideLeft .holder {
  grid-template-areas: "asidenav asideleft main" "asidenav footer footer";
  grid-template-columns: 246px 280px auto; }

body.hasAsideRight .holder {
  grid-template-areas: "asidenav main asideright" "asidenav footer footer";
  grid-template-columns: 246px auto 320px; }

body.hasAsideRight.AsideRightCollapsed .holder {
  grid-template-columns: 246px auto 60px; }

body.hideSidebar .holder {
  grid-template-columns: 60px auto; }

body.hideSidebar.hasAsideLeft .holder {
  grid-template-columns: 60px 280px auto; }

body.hideSidebar.hasAsideRight .holder {
  grid-template-columns: 60px auto 320px; }

body.hideSidebar.hasAsideRight.AsideRightCollapsed .holder {
  grid-template-columns: 60px auto 60px; }

body.fullscreen .holder {
  grid-template-areas: "main";
  grid-template-columns: auto; }

.imagem-centralizada {
  clear: both;
  display: block;
  margin: 0 auto;
  overflow: hidden; }

.img-inside-container {
  max-height: 60px;
  max-width: 60px; }

h3.indented {
  clear: both;
  margin-left: 5%; }

.italico {
  font-style: italic; }

.letter-spaced {
  letter-spacing: 1px; }

.line-through {
  text-decoration: line-through; }

.list-articles {
  background-color: #eee;
  display: flex;
  position: relative;
  width: 100%; }
  .list-articles > ul {
    background-color: #fff;
    padding: 0;
    flex-basis: 30%; }
  .list-articles .article-container {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-left: 5px solid #ddd;
    display: table;
    list-style: none;
    position: relative;
    width: 100%; }
    .list-articles .article-container:first-child {
      border-top: 1px solid #ddd; }
    .list-articles .article-container:hover {
      background-color: #f6f6f6;
      text-decoration: none; }
    .list-articles .article-container.active {
      background-color: rgba(37, 162, 90, 0.1);
      border-left-color: rgba(37, 162, 90, 0.5);
      padding-left: 25px; }
      .list-articles .article-container.active::before {
        color: #25a25a;
        content: "\f06e";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        left: 15px;
        top: 25px; }
    .list-articles .article-container.non-read {
      background-color: rgba(194, 157, 11, 0.15);
      border-left-color: rgba(194, 157, 11, 0.5) !important;
      padding-left: 25px; }
      .list-articles .article-container.non-read::before {
        color: #c29d0b;
        content: "\f0f3";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        left: 15px;
        top: 25px; }
  .list-articles .anchor-article {
    display: block;
    float: left;
    padding: 15px 0 15px 15px;
    width: calc(100% - 85px); }
    .list-articles .anchor-article h3 {
      border: 0 none;
      font-size: 105%;
      font-weight: 700;
      line-height: 1.2em;
      padding: 0 0 5px; }
    .list-articles .anchor-article .date {
      color: #999;
      font-size: 90%;
      line-height: 1.2em; }
    .list-articles .anchor-article + .action-bar {
      float: right;
      max-width: 85px;
      padding: 15px 15px 0; }
      .list-articles .anchor-article + .action-bar > li > a {
        min-height: 22px;
        padding: 2px 8px; }
  .list-articles article {
    background-color: #fff;
    box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.05);
    flex-basis: 70%;
    margin: 40px; }
    .list-articles article .format-html {
      border: 0 none;
      line-height: 1.5em;
      margin: 0; }

.marginBottom20 {
  margin-bottom: 20px !important; }

.marginBottom40 {
  margin-bottom: 40px !important; }

.marginBottomTop {
  margin: 20px 0 !important; }

.marginTop10 {
  margin-top: 10px !important; }

.marginTop20 {
  margin-top: 20px !important; }

.marginTop40 {
  margin-top: 40px !important; }

.marginTop70 {
  margin-top: 70px !important; }

.mt-1 {
  margin-top: 1rem !important; }

.mt-2 {
  margin-top: 2rem; }

.masterTooltip {
  display: flex; }

.module {
  clear: both; }

.negrito {
  font-weight: 700; }

.nowrap {
  white-space: normal; }

.no-input {
  display: inline-block;
  padding: 8px 0; }

.obs {
  color: #666;
  line-height: 1.2em;
  margin: 5px 0; }

table + .obs {
  margin-top: 10px; }

.oculto {
  display: none !important; }

.opacity {
  opacity: 1; }

.options {
  padding-bottom: 10px; }

.photo-gallery {
  width: 100%; }

td .popup-profile {
  display: inline; }

.star i {
  font-size: 130%; }

.tabular.inline-related,
.table-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.text p {
  padding: 0 0 10px; }

.text-break-word {
  word-break: break-word; }

.text-nowrap {
  white-space: nowrap; }

.text-nowrap-normal {
  white-space: normal !important; }

pre.texto {
  background-color: transparent;
  border: 0 none;
  color: #292929;
  font-size: 100%;
  margin: 0;
  padding: 0; }

.help pre.texto {
  color: #666; }

.title-container {
  display: grid;
  grid-template-columns: auto auto;
  width: 100%; }
  .title-container > h2 {
    order: 2;
    max-width: 100%; }
  .title-container > .action-bar-container {
    order: 3;
    padding-left: 25px; }
    .title-container > .action-bar-container:empty {
      display: none; }
    .title-container > .action-bar-container .action-bar {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-end; }
      .title-container > .action-bar-container .action-bar > li {
        align-self: flex-end; }
  .title-container > .object-status {
    grid-column: 1 / 3;
    order: 1;
    margin: 5px 0; }
    .title-container > .object-status:empty {
      display: none; }
    .title-container > .object-status span.status {
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 5px; }

body.large-action-bar .title-container .action-bar-container {
  flex-basis: 50%; }

.tmp-msg {
  -moz-animation: tmpMsg 0s ease-in 5s forwards;
  -webkit-animation: tmpMsg 0s ease-in 5s forwards;
  -o-animation: tmpMsg 0s ease-in 5s forwards;
  animation: tmpMsg 0s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes tmpMsg {
  to {
    width: 0;
    height: 0;
    overflow: hidden; } }

.total {
  font-weight: bold;
  text-align: right; }

.true,
.True {
  color: #25a25a; }

.vertical-align-bottom {
  vertical-align: bottom; }

.with-title[title] {
  border-bottom: 1px dotted #666;
  padding-bottom: 1px;
  position: relative; }
  .with-title[title]:hover::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ddd;
    content: "";
    height: 0;
    position: absolute;
    top: -6px;
    left: 0;
    width: 0; }
  .with-title[title]:hover::after {
    background-color: #ddd;
    content: attr(title);
    font-size: 90%;
    padding: 10px;
    position: absolute;
    bottom: 22px;
    left: 0; }

.word-break-all {
  word-break: break-all; }

#odontograma.visualizacao svg text {
  cursor: default; }

.contratos .action-bar {
  margin: 10px 0 15px;
  overflow: hidden; }

.dependencia td {
  background-color: rgba(194, 157, 11, 0.4) !important; }

.document iframe {
  background-color: #fff;
  min-height: 800px; }

.view-tela-servidor .ancoras {
  clear: both;
  margin: 10px 0 0; }
  .view-tela-servidor .ancoras.hide {
    position: fixed;
    right: 2%;
    top: 80px;
    width: 0; }

.view-usuarios-por-grupo .card {
  height: 92px; }

#manutencao_programada {
  background-color: #c29d0b;
  display: inline-block;
  padding: 7px 10px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 10; }
  #manutencao_programada a:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    float: right;
    width: 20px;
    margin-top: 1px; }

/* CSS para impressão */
@media print {
  @page {
    size: A4; }
  body {
    background: none;
    color: #000;
    font: 9pt serif;
    margin: 0;
    padding: 0; }
  a:link, a:visited {
    color: #292929;
    text-decoration: none; }
  aside.nav,
  details summary:before,
  h1,
  #footer,
  thead th .clear,
  #breadcrumbs,
  #changelist-search input[type="submit"],
  #debug,
  #frequencias_pessoa textarea,
  #ui-datepicker-div,
  #user-tools,
  .actions,
  .action-checkbox,
  .action-checkbox-column,
  .action-bar,
  .action-links,
  .ancoras,
  .box.collapsed,
  :not(.counter-container) > .box > h3:before,
  .btn,
  .icon,
  .no-print,
  .pagination li,
  .sortoptions,
  .submit-row,
  .tabs,
  .toggleSidebar,
  .xfull {
    display: none !important; }
  caption {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999; }
  details {
    padding-left: 0;
    padding-right: 0; }
  details summary {
    margin-left: 0; }
  fieldset,
  form fieldset .form-row,
  .box {
    border: 0 none !important; }
  form > div,
  .holder,
  .pagination,
  .pagination li:first-child,
  .print,
  .tabs > li.active {
    display: block !important; }
  form fieldset.module {
    margin: 10px 0 !important; }
  h2 {
    padding-bottom: 20px !important; }
    h2 + .action-bar + span.status {
      margin-bottom: 20px !important; }
  input {
    height: 24px !important;
    width: auto !important; }
    input.ac_input {
      height: 24px !important;
      width: auto !important; }
  main {
    padding: 0;
    width: 100%; }
  select {
    height: 24px !important;
    width: auto !important; }
  span.status {
    border: 0 none !important;
    white-space: normal; }
  table {
    border: 0 none;
    font: 8pt serif;
    margin: 10px 0 !important; }
  tbody td,
  thead th {
    border: 1px solid black;
    box-shadow: 0 0 0 transparent; }
  tbody td {
    padding: 1px 5px !important; }
  thead th {
    padding: 3px 5px !important; }
  tbody td > ol,
  tbody td > ul {
    padding-left: 15px !important; }
  th.column-show_list_display_icons, th.field-show_list_display_icons {
    display: none !important; }
  #print h3 {
    padding: 20px 0 10px !important; }
  #print td {
    padding: 6px !important; }
  .box > div {
    padding-left: 0; }
  .box h3 {
    background: none;
    border: 0 none;
    font-size: 140%;
    padding-bottom: 0; }
  .box table td, .box table.info td,
  .box table th, .box table.info th {
    padding: 3px !important; }
  .boxes.services > li > span.fas {
    font-size: 200%; }
  .grafico50 {
    float: none;
    width: 95%; }
  .grafico33 {
    float: none;
    width: 33.33%; }
  .grid .grid8, .grid .grid6, .grid .grid4 {
    width: 98%; }
  .grid .grid3, .grid .grid2, .grid .grid1 {
    width: 48%; }
  .legenda.flat li {
    border: 0 none;
    float: none;
    list-style: square; }
  .legenda.flat ul {
    clear: left; }
  .masonry > div,
  .masonry > li {
    position: relative !important;
    left: 0 !important;
    top: 0 !important; }
  .msg.alert, .msg.info {
    border-left: 0 none; }
  .page-break {
    page-break-before: always; }
  .pagination:before {
    content: "Página(s): ";
    float: left;
    padding-right: 2px;
    padding-top: 1px; }
  .search-and-filters {
    border: 1px solid;
    margin-bottom: 15px !important;
    overflow: hidden;
    padding: 10px !important; }
    .search-and-filters:before {
      content: "" !important; }
    .search-and-filters label {
      display: inline;
      float: left;
      margin: 6px 0 0;
      width: auto; }
    .search-and-filters select {
      border: 0 none;
      float: left;
      font-size: 85%;
      font-weight: 700;
      width: auto; }
    .search-and-filters .filter {
      display: inline-block;
      margin: 0 20px 0 0;
      width: 100%; }
  .search-and-filters > form .form-row,
  .search-and-filters .filter {
    margin: 0 15px 15px 0 !important; }
  .status {
    border-left: 0 none; }
  .tab-container {
    display: block !important; }
    .tab-container.no-print.active {
      display: block !important; }
    .tab-container.ajax-rendered.oculto, .tab-container.no-print {
      display: none !important; } }

/* Para larguras de telas maiores que 1370px */
@media screen and (min-width: 1370px) {
  body.index .flex-container > .modulo {
    flex-basis: 195px; } }

/* Para larguras de telas maiores que 1451px */
@media screen and (min-width: 1451px) {
  body.index .flex-container > .modulo {
    flex-basis: 205px; } }

/* Para larguras de telas maiores que 1530px */
@media screen and (min-width: 1530px) {
  .secao > .grid-container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto; }
    .secao > .grid-container .coluna-direita {
      grid-column: 3;
      grid-row: 1; } }

/* Para larguras de telas maiores que 1800px */
@media screen and (min-width: 1800px) {
  body.index .flex-container > .modulo {
    flex-basis: 245px; } }

/* Para larguras de telas menores que 1450px */
@media screen and (max-width: 1450px) {
  div.photo-circle.responsive {
    height: 40px;
    margin-bottom: 7px;
    margin-right: 7px;
    width: 40px; }
    div.photo-circle.responsive img {
      width: 40px; } }

/* Para larguras de telas menores que 1200px */
@media screen and (max-width: 1200px) {
  .boxes.services > li {
    width: calc(50% - 6px); }
  .calendarios-container > .calendario {
    flex-basis: 25%; }
  div.photo-circle.responsive {
    border: 1px solid #aaa;
    height: 20px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 0;
    width: 20px; }
    div.photo-circle.responsive + .popup-user {
      margin-top: 3px; }
    div.photo-circle.responsive img {
      width: 20px; } }

/* Para larguras de telas menores que 1100px */
@media screen and (max-width: 1100px) {
  aside.right {
    padding-left: 20px;
    padding-right: 20px; } }

/* Para larguras de telas menores que 940px e iPhone e iPad */
@media screen and (max-width: 940px), only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  body.hasAsideLeft .holder {
    grid-template-areas: "asidenav asideleft" "asidenav main" "asidenav footer" !important; }
  body.hasAsideRight .holder {
    grid-template-areas: "asidenav main" "asidenav asideright" "asidenav footer" !important; }
  .holder {
    grid-template-columns: auto auto !important;
    position: relative; }
    .holder .toggleSidebar {
      left: 75%; }
    .holder aside.nav {
      grid-area: none;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 75%;
      z-index: 9; }
    .holder aside.right {
      min-height: auto; }
    .holder main {
      overflow: unset; }
  body.index .flex-container > div {
    flex-basis: 250px; }
  .counter-container > li > p,
  .definition-list,
  .list-articles > ul {
    width: 100%; }
  aside.right {
    padding-bottom: 25px;
    padding-top: 25px; }
  aside.right #collapseAsideRight,
  body.hideSidebar aside.nav nav,
  body.hideSidebar #user-tools,
  body.hideSidebar .notifications,
  .hide-sm {
    display: none !important; }
  main {
    padding: 35px 20px 30px 30px; }
  .alertas + main {
    padding-left: 30px; }
  #footer {
    padding-left: 20px;
    padding-right: 20px; }
  body.hideSidebar .toggleSidebar {
    left: 0; }
  body.hideSidebar .toggleSidebar span.fas {
    background-color: #999;
    border-radius: 0 50% 50% 0;
    color: #fff;
    font-size: 90%;
    margin-left: -5px;
    margin-top: 48vh;
    padding: 8px; }
  body.hideSidebar aside.nav {
    width: 0; }
  body.hideSidebar nav > ul {
    clear: none;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 12px 30px 8px;
    width: 100%; }
    body.hideSidebar nav > ul > li {
      display: inline-block;
      float: left;
      margin: 0 14px 10px 0; }
  body.hideSidebar #user-tools span {
    display: none; }
  details {
    padding: 20px 0;
    width: 100%; }
  dl.striped dt {
    width: auto; }
  dl.striped dd {
    padding: 8px; }
  h2 {
    max-width: 100%; }
    h2 + .action-bar ~ span.status,
    h2 + .msg + .action-bar ~ span.status {
      margin-top: 10px; }
      h2 + .action-bar ~ span.status + span.status,
      h2 + .msg + .action-bar ~ span.status + span.status {
        margin-top: -15px; }
  div.secao33,
  .box25,
  .box50,
  .box75,
  .box-video {
    width: 98%; }
  #notifications-non-read {
    left: 5vw;
    max-width: 90vw;
    padding: 20px; }
  .acesso-rapido {
    position: static; }
    .acesso-rapido li {
      margin: 0 0 5px 5px; }
  .action-links {
    padding-top: 2rem;
    position: relative;
    bottom: 0; }
  .alertas {
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 20px;
    width: 100%; }
  .alertas + main#content .secao > .flex-container,
  .alertas + main#content .secao > .grid-container,
  .coluna {
    padding-left: 0; }
  .box > div {
    padding: 18px 0; }
  .box25,
  .box50,
  .box75 {
    width: 98%; }
  .boxes > a,
  .boxes > div,
  .boxes > li,
  .boxes.services.linkable > li > a {
    padding: 20px; }
  .boxes.flex-container.flex-basis-400 > .box-item,
  .boxes.services > li,
  .flex-container > div,
  .flex-container > li {
    flex-basis: 200px; }
  .boxes > a > span.status:first-child,
  .boxes > div > span.status:first-child,
  .boxes > li > span.status:first-child,
  .boxes > li > a > span.status:first-child {
    margin-bottom: 15px;
    margin-top: -20px; }
  .card {
    width: calc(100% - 20px); }
  .coluna.coluna-direita .modulo {
    margin-left: 0; }
  .container > .secao {
    padding: 0;
    width: 100%; }
  .counter-container > li > span {
    float: left;
    margin: 10px 0 0;
    width: auto; }
  .boxes.flex-container.no-grow > div,
  .boxes.flex-container.no-grow > li {
    flex-grow: 1; }
  .format-html {
    overflow-x: auto;
    padding: 50px 20px 30px; }
  .general-box .primary-info {
    padding-left: 20px;
    padding-right: 20px; }
    .general-box .primary-info > .action-bar {
      clear: both;
      margin: 10px 0;
      position: static; }
      .general-box .primary-info > .action-bar > li a {
        border-radius: 5px; }
  .general-box .extra-info {
    overflow-x: auto; }
    .general-box .extra-info:nth-last-child(2) {
      width: 70%; }
  .general-box .secondary-info {
    padding-left: 20px;
    padding-right: 20px; }
  .grid .grid8,
  .grid .grid6,
  .grid .grid4 {
    width: 98%; }
  .grid .grid3,
  .grid .grid2,
  .grid .grid1 {
    width: 48%; }
  td .icon,
  th .icon {
    display: inline-block;
    font-size: 115%;
    margin: 5px; }
  .icon + .icon {
    margin-left: 5px; }
  .list-articles article {
    margin: 20px;
    overflow-x: auto;
    position: static;
    width: calc(100% - 40px); }
  .modulo-alertas ul {
    margin-left: 0; }
  .modulo-alertas li {
    padding-left: 10px; }
  .modulo-atalhos li {
    width: 50%; }
  .modulo-lista a {
    font-size: 1.2vw; }
  .secao > .grid-container,
  body.hideSidebar .secao > .grid-container {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto; }
    .secao > .grid-container .coluna-esquerda,
    body.hideSidebar .secao > .grid-container .coluna-esquerda {
      grid-column: 1;
      grid-row: 1; }
    .secao > .grid-container .coluna-centro,
    body.hideSidebar .secao > .grid-container .coluna-centro {
      grid-column: 1;
      grid-row: 2; }
    .secao > .grid-container .coluna-direita,
    body.hideSidebar .secao > .grid-container .coluna-direita {
      grid-column: 1;
      grid-row: 3; }
    .secao > .grid-container .grid-container,
    body.hideSidebar .secao > .grid-container .grid-container {
      grid-gap: 20px; }
  .boxes.services > li {
    width: calc(100% - 6px); }
  .tab-container {
    padding: 20px; }
  .timeline::before,
  .timeline.with-photos::before {
    left: 10px; }
  .timeline .timeline-content,
  .timeline.with-photos .timeline-content {
    width: calc(100% - 42px); }
    .timeline .timeline-content span.status,
    .timeline.with-photos .timeline-content span.status {
      display: inline-block; }
    .timeline .timeline-content + .action-bar,
    .timeline.with-photos .timeline-content + .action-bar {
      float: right; }
  .timeline .timeline-date,
  .timeline.with-photos .timeline-date {
    float: right;
    font-size: 85%;
    width: 100%; }
  .timeline .timeline-icon,
  .timeline.with-photos .timeline-icon {
    left: 6px;
    top: 30px; }
  .timeline .timeline-photo,
  .timeline.with-photos .timeline-photo {
    top: 30px;
    left: -2px; }
  .tinner {
    width: 94% !important; }
  .title-container > h2,
  .title-container > .action-bar-container {
    grid-column: 1 / 3; }
  .title-container > .action-bar-container {
    padding-left: 0; }
  .title-container > .action-bar-container .action-bar {
    justify-content: flex-start; }
  .tbox {
    left: 5% !important; }
  .tclose {
    right: 4%; }
  body.index .flex-container.coluna100 > .modulo {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0; } }

/* Para larguras de telas menores que 640px */
@media screen and (max-width: 640px) {
  .calendarios-container > .calendario {
    flex-basis: 50%; } }

@media screen and (min-width: 790px) and (max-width: 990px) {
  body.index .flex-container > div.coluna-centro {
    margin-left: 30px;
    margin-right: 30px; } }

@media screen and (min-width: 540px) and (max-width: 789px) {
  body.index .flex-container > div.coluna-esquerda {
    margin-right: 15px; }
  body.index .flex-container > div.coluna-centro {
    margin-left: 15px; } }

/* Para iPhone e iPad */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  input[type="button"], input[type="submit"] {
    -webkit-appearance: none; }
  table {
    font-size: 90%; }
  #breadcrumbs {
    display: none; }
  .general-box .extra-info:nth-last-child(2) {
    width: 100%; }
  .grafico50 {
    margin-left: 0;
    margin-right: 0;
    width: 100%; } }

/* Para iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
  h2 {
    font-size: 160%; }
  pre {
    font-size: 70%; }
  .calendario-dias {
    display: inline-table; } }

/* Para iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .box-video {
    width: 48%; } }

/* CSS para forms */
form > div {
  display: inline-block;
  width: 100%; }

form fieldset > h2,
form fieldset > h3,
form fieldset > h5 {
  background-color: #eee;
  color: #666;
  float: none;
  font-size: 120%;
  margin: 0;
  max-width: 100%;
  padding: 10px; }

form fieldset.campos input[type="checkbox"],
form fieldset.campos label {
  margin: 0 0 10px; }

form fieldset.module {
  margin: 0 0 10px; }
  form fieldset.module fieldset {
    border: 0 none;
    margin-bottom: 0; }

form td > ul > li {
  list-style-type: square;
  margin: 0 0 7px; }
  form td > ul > li:last-child {
    margin-bottom: 0; }

form.errors {
  box-shadow: 1px 1px 5px #999; }

form .aligned p.help_marginless {
  color: #666;
  padding: 0; }

fieldset {
  border: 1px solid #eee;
  border-radius: 5px;
  clear: both; }
  fieldset .coluna {
    float: left;
    margin: 20px; }
    fieldset .coluna label {
      float: none; }
  fieldset .field-box label + input[type="email"], fieldset .field-box label + input[type="text"], fieldset .field-box label + input[type="url"] {
    max-width: calc(100% - 165px); }

button {
  background-color: transparent;
  border: 0 none;
  cursor: pointer; }

button.btn:active {
  background-color: #666;
  color: #fff;
  text-decoration: none; }

button.btn[disabled="disabled"] {
  background-color: #e6e6e6 !important;
  color: #292929 !important;
  cursor: not-allowed; }

input {
  outline: 0 none; }
  input[type="button"][disabled="disabled"], input[type="reset"][disabled="disabled"], input[type="submit"][disabled="disabled"] {
    background-color: #f6f6f6 !important;
    color: #292929 !important;
    cursor: wait; }
  input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="time"], input[type="url"] {
    padding: 5px 8px; }
  input[type="email"], input[type="file"], input[type="search"], input[type="text"], input[type="url"] {
    max-width: 60%;
    width: 60%; }
  input[type="date"], input[type="datetime-local"], input[type="timee"] {
    font-family: "Lato", sans-serif; }
  input[type="search"] {
    -webkit-appearance: textfield; }
  input.md[type="text"], input[type="number"].integer-widget {
    max-width: 110px; }
  input[type="text"].disabled:focus {
    border: 1px solid #ddd; }
  input[type="text"].error {
    background-color: rgba(231, 76, 60, 0.35); }
  input[type="number"].pq, input[type="text"].int, input[type="password"].pq, input[type="text"].pq {
    width: 80px; }
  input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="text"]:focus {
    border-color: #347b3e; }
  input.form-row.several-items, input.ac_filled_hidden {
    background-color: #d5f6da; }

label + p:not(.help) {
  line-height: 1.7em; }

label input[type="checkbox"] {
  margin-right: 3px; }

label span {
  font-size: 90%;
  font-weight: normal; }

label,
form label.labelForm {
  color: #292929;
  float: left;
  font-size: 100%;
  margin: 5px 0;
  padding: 0 !important; }

label,
form p.labelForm {
  line-height: 1.2em;
  text-align: right;
  width: 150px; }

legend {
  color: #666;
  font-size: 110%;
  font-weight: 600;
  margin: 15px;
  padding: 0 5px; }

select {
  padding: 3px 0; }
  select[multiple="multiple"] {
    height: auto; }
  select option {
    padding: 3px 5px; }
  select[multiple="multiple"] option {
    padding: 5px; }
  select + option.filled {
    background-color: #d5f6da !important; }

select:focus,
textarea:focus {
  border-color: #347b3e; }

textarea {
  font-family: "Lato", sans-serif;
  height: 190px;
  padding: 8px;
  width: 60%; }
  textarea.change_value {
    border-color: transparent;
    height: 100px;
    width: 100%; }
    textarea.change_value:hover {
      border-color: #ddd; }
  textarea.pq {
    height: 40px; }

.textarea-counter {
  color: #666;
  font-size: .7rem;
  padding: 2px 8px;
  text-align: right; }

select[readonly="readonly"],
textarea[readonly="readonly"],
select[disabled="disabled"] {
  background-color: #ccc; }

body.readonly label + p {
  padding: 7px 0 0; }

body.readonly p.help,
body.readonly .ajaxmultiselect_remove,
body.readonly .ajaxmultiselect_field li:last-child {
  display: none !important; }

form fieldset > h2 .inline-deletelink,
form fieldset > h3 .inline-deletelink {
  font-size: 90%; }

form fieldset div.form-row {
  background-color: #f6f6f6;
  border-bottom: 1px solid #eee;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
  font-size: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  width: 100%; }
  form fieldset div.form-row > div {
    flex-basis: 220px;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 10px; }
  form fieldset div.form-row.data {
    text-align: left; }
  form fieldset div.form-row.several-items input {
    float: left; }
  form fieldset div.form-row input[type="checkbox"] {
    margin: 5px 5px 0 0; }
  form fieldset div.form-row label {
    font-size: 100%;
    margin: 5px 10px 0 0;
    text-align: right;
    width: 150px; }
    form fieldset div.form-row label + input[type="email"], form fieldset div.form-row label + input[type="text"], form fieldset div.form-row label + input[type="url"] {
      width: 80%; }
    form fieldset div.form-row label + span {
      line-height: 25px; }
    form fieldset div.form-row label + textarea {
      max-width: calc(100% - 160px);
      width: 100%; }
    form fieldset div.form-row label + ul:not(.ajaxmultiselect_field) {
      margin-left: 165px;
      padding-left: 0; }
    form fieldset div.form-row label + .clearable_file_input {
      display: inline-block;
      max-width: calc(100% - 160px);
      width: 100%; }
    form fieldset div.form-row label + .related-widget-wrapper {
      display: inline-block;
      max-width: calc(100% - 160px); }
      form fieldset div.form-row label + .related-widget-wrapper .select2-container {
        min-width: 100%; }
  form fieldset div.form-row ul li {
    list-style: none; }
    form fieldset div.form-row ul li label {
      font-weight: normal !important;
      margin-right: 20px;
      width: auto; }
  form fieldset div.form-row .help {
    clear: both;
    color: #666;
    display: inline-block;
    font-size: 95%;
    line-height: 1.2em;
    margin: 5px 0 0 165px;
    width: calc(100% - 175px); }
  form fieldset div.form-row .field-box-later .help {
    float: left; }
  form fieldset div.form-row label + ul + .help {
    margin-top: 10px; }
  form fieldset div.form-row .has-child {
    position: relative; }
    form fieldset div.form-row .has-child > a:after {
      content: "\f107";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 7px;
      opacity: .75; }
    form fieldset div.form-row .has-child button {
      background-color: #fff;
      color: #292929; }
      form fieldset div.form-row .has-child button:hover {
        color: #fff; }
  form fieldset div.form-row .related-widget-wrapper .help {
    margin: 5px 0 0 !important; }

form.long-form fieldset div.form-row {
  border-color: #ddd; }
  form.long-form fieldset div.form-row:last-child {
    border-bottom: 0 none; }
  form.long-form fieldset div.form-row > div {
    padding: 20px; }
  form.long-form fieldset div.form-row > div > label {
    font-size: 110%;
    margin: 0 0 15px;
    text-align: left;
    width: 100%; }
    form.long-form fieldset div.form-row > div > label + textarea {
      max-width: 100%; }
    form.long-form fieldset div.form-row > div > label + ul:not(.ajaxmultiselect_field),
    form.long-form fieldset div.form-row > div > label + ul:not(.ajaxmultiselect_field) li {
      margin-left: 0; }
  form.long-form fieldset div.form-row ul li label {
    margin: 0 20px 0 0; }
    form.long-form fieldset div.form-row ul li label input {
      margin-right: 5px; }

:not(.search-and-filters) > form fieldset .form-row label + input[type="email"], :not(.search-and-filters) > form fieldset .form-row label + input[type="file"], :not(.search-and-filters) > form fieldset .form-row label + input[type="text"], :not(.search-and-filters) > form fieldset .form-row label + input[type="url"] {
  max-width: calc(100% - 160px);
  min-width: calc(100% - 160px); }

:not(.search-and-filters) > form fieldset .form-row label + input.password-input {
  max-width: calc(100% - 37px) !important;
  min-width: calc(100% - 37px); }

:not(.search-and-filters) > form fieldset .form-row label + input[type="number"] {
  max-width: calc(100% - 160px);
  min-width: 80px; }

:not(.search-and-filters) > form fieldset .form-row label + input.hasDatepicker,
:not(.search-and-filters) > form fieldset .form-row label + input.short-time-widget {
  max-width: 120px;
  min-width: 80px;
  width: calc(100% - 160px); }

:not(.search-and-filters) > form fieldset .form-row label + select:not(.select2-hidden-accessible) {
  max-width: calc(100% - 160px);
  min-width: calc(100% - 160px); }

form p.labelForm {
  margin: 5px 0 5px 5px !important; }

form .integer-widget {
  width: auto; }

div.autocomplete {
  background-color: #effbe7;
  max-width: 60%;
  border: 1px solid darkgray;
  font-size: 100%;
  padding: 11px 5px;
  width: 398px;
  border-radius: 5px;
  float: left; }

td label {
  float: none;
  width: auto; }

#recaptcha_table #recaptcha_response_field,
.recaptcha_theme_blackglass #recaptcha_response_field,
.recaptcha_theme_white #recaptcha_response_field {
  position: static !important; }

.aligned .vCheckboxLabel {
  float: left !important; }

.btn.as_button {
  border-radius: 5px;
  padding-bottom: 9px;
  padding-top: 9px; }

.calendarbox,
.clockbox {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px; }

.change-list .filtered {
  background-color: transparent !important; }

.checkbox {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-flex;
  margin-bottom: 5px;
  padding: 5px 10px;
  z-index: 2; }

.checkboxes {
  margin-left: 142px; }
  .checkboxes label {
    text-align: left !important; }
  .checkboxes li {
    float: left;
    list-style: none;
    margin-right: 5px;
    width: 300px; }
  .checkboxes + .btn.danger {
    display: block;
    float: right;
    margin-top: 1rem; }

.checkbutton {
  clear: both;
  float: left;
  margin: 15px 0 0 160px; }

input.cke_dialog_ui_input_text {
  max-width: 100%; }

.cleanValue {
  background-color: transparent !important;
  color: #e74c3c;
  cursor: pointer;
  display: inline;
  float: right;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 0; }

.clearable-file-input {
  float: right;
  margin: 0 50px 0 0; }

.custom-checkbox {
  position: relative;
  width: 30px; }
  .custom-checkbox label {
    background-color: #fff;
    border: 2px solid #999;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 30px; }
  .custom-checkbox.disabled label {
    background-color: #eee;
    cursor: default; }
  .custom-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1; }
  .custom-checkbox label:after {
    background-color: transparent;
    border: 3px solid #347b3e;
    border-top: none;
    border-right: none;
    content: '';
    height: 7px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 9px;
    width: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.django-ckeditor-widget {
  width: calc(100% - 170px); }
  .django-ckeditor-widget > div {
    width: 100% !important; }

.empty-form {
  display: none; }

.field-box .datetimeshortcuts {
  float: right; }

.field-box > .related-widget-wrapper > input.autocomplete {
  max-width: 100%;
  width: 100%; }

.filled {
  background-color: #eee; }

.form-large-labels form fieldset .form-row label {
  width: 50%; }

.form-large-labels form fieldset .form-row ul.errorlist {
  width: 100%;
  text-align: center; }

.form-options {
  margin: -20px 0 0 150px; }
  .form-options label {
    margin: 0; }
  .form-options li {
    display: inline-block;
    margin: 0 0 5px;
    width: 100%; }
    .form-options li label {
      margin: 0 !important;
      width: auto !important; }
    .form-options li input[type="checkbox"] {
      margin: 0 !important; }

.form-row .errorlist {
  flex-basis: 100%;
  margin: 0;
  padding: 10px 10px 0 175px; }

.form-row.width400 p.labelForm {
  float: left;
  width: 400px !important; }

.form-row.width400 textarea {
  float: left;
  height: 80px;
  margin: 10px 5px 0 10px;
  width: 500px; }

.form-row.width400 ul.checkboxes {
  float: left;
  margin: 7px 0 0 5px; }

.form-row-photo {
  float: right;
  padding: 15px;
  width: 30%; }
  .form-row-photo canvas {
    width: 100%; }
  .form-row-photo video {
    display: none; }
  .form-row-photo ~ .form-row {
    float: left;
    width: 70%; }

.formQuiz label {
  font-size: 1rem !important;
  margin: 0 0 10px !important;
  text-align: left !important;
  width: 100% !important; }
  .formQuiz label input[type="radio"] {
    margin: 0 5px 0 0; }
  .formQuiz label + ul li {
    display: inline-block;
    margin: 5px 0; }

.formQuiz li label {
  margin: 5px 10px 0 0 !important; }

.formQuiz .form-row {
  padding: 15px; }
  .formQuiz .form-row .errorlist {
    padding: 10px 10px 5px 0; }
  .formQuiz .form-row p.help {
    margin: 5px 0 0 10px !important; }

.formQuiz select,
.formQuiz textarea {
  max-width: 100% !important;
  width: 100% !important; }

.formQuiz textarea {
  height: 200px; }

.formQuiz input[type="number"] {
  margin: 10px; }

.formQuiz .checkboxes {
  clear: both;
  column-width: 230px;
  column-gap: 2rem;
  display: inline-block;
  margin-left: 0 !important;
  width: 100%; }
  .formQuiz .checkboxes li {
    width: 100%; }

.hiddenfields {
  display: none; }

.inline-deletelink {
  float: right;
  font-weight: normal; }

.inline-group h2 {
  max-width: 100%; }

.inline-related {
  clear: both; }
  .inline-related h3 {
    background-color: #eee;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 10px 15px; }
  .inline-related table {
    margin: 0.5%;
    width: 99%; }
  .inline-related .datetime {
    clear: both;
    padding: 0 0 0 160px; }
  .inline-related :not(td).delete {
    float: right; }
    .inline-related :not(td).delete label.inline {
      margin: 0 5px 0 0; }

.password-container {
  display: flex;
  flex-wrap: wrap;
  width: 50%; }

input.password-input {
  border-radius: 5px 0 0 5px;
  width: 40%; }

button.input-group-addon {
  border-left: 0 none;
  border-radius: 0 5px 5px 0;
  width: 37px; }

.invalid {
  background-color: rgba(231, 76, 60, 0.4) !important;
  border: 1px solid #e74c3c !important; }

.jstree-default li a:hover {
  background-color: #d5f6da !important;
  border: 1px solid green !important; }

.jstree-default .jstree-clicked {
  background-color: #effbe7 !important;
  border: 1px solid green !important; }

.multiFileUploaderContainer {
  margin: 0 0 0 160px; }
  .multiFileUploaderContainer li {
    background-color: #eee;
    background-image: url("/static/comum/img/close_modal_box.png");
    background-position: 98% 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    margin: 10px 10px 0 0;
    min-height: 50px;
    min-width: 250px;
    padding: 10px 25px 10px 15px; }
    .multiFileUploaderContainer li:hover {
      background-color: #fff; }
    .multiFileUploaderContainer li.error {
      background-color: rgba(231, 76, 60, 0.4); }
  .multiFileUploaderContainer ul {
    padding: 0; }
  .multiFileUploaderContainer .progress {
    height: 20px;
    margin: 0 0 5px; }
    .multiFileUploaderContainer .progress p {
      font-size: 95%;
      height: 20px;
      line-height: 20px !important; }

.popup_multiple_choice_container {
  display: inline-block;
  min-width: calc(100% - 180px);
  max-width: calc(100% - 180px);
  position: relative;
  width: auto; }
  .popup_multiple_choice_container .popup_multiple_choice_field {
    background-color: #fff;
    max-width: 100%;
    padding-left: 25px !important;
    width: 100%; }
    .popup_multiple_choice_container .popup_multiple_choice_field::placeholder {
      color: #999; }
    .popup_multiple_choice_container .popup_multiple_choice_field.selected {
      background-color: rgba(37, 162, 90, 0.2); }
      .popup_multiple_choice_container .popup_multiple_choice_field.selected + .popup_multiple_choice_icon {
        color: #347b3e; }
  .popup_multiple_choice_container .popup_multiple_choice_icon {
    color: #ccc;
    font-size: .75rem;
    position: absolute;
    left: 8px;
    top: 12px; }

.radiobuttons {
  padding: 0; }
  .radiobuttons label {
    float: none;
    margin-left: 5px; }
  .radiobuttons li {
    list-style: none;
    margin-left: 0;
    margin-top: 5px; }

.related-widget-wrapper {
  width: 100%; }
  .related-widget-wrapper ul.ajaxmultiselect_field {
    padding-left: 0; }

.related-widget-wrapper-link {
  display: none; }

.tree-container {
  margin: 0 20px 0 165px; }
  .tree-container > ul {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 0; }

.ui-datepicker .ui-datepicker-today a {
  background-color: #ddd;
  color: #292929;
  font-weight: bold; }

.action-bar {
  background-color: transparent;
  border: 0 none;
  float: right;
  padding: 0;
  width: auto; }
  .action-bar + p {
    clear: both; }
  .action-bar form {
    display: flex; }
    .action-bar form .submit-row {
      margin: 0; }
      .action-bar form .submit-row input[type="submit"] {
        margin: 0; }
  .action-bar li {
    float: left;
    list-style: none;
    margin: 0 0 5px 5px; }
  .action-bar > li > ul {
    background-color: #eee;
    border-radius: 5px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
    display: none;
    margin-left: 13px;
    max-width: 200px;
    min-width: 120px;
    padding: 0;
    position: absolute;
    right: 0;
    width: calc(100% - 26px);
    z-index: 5; }
  .action-bar ul a {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    color: #292929;
    display: inline-block;
    font-size: 100%;
    height: auto;
    line-height: 1.2em;
    padding: 6px 8%;
    white-space: inherit;
    width: 100%; }
    .action-bar ul a:hover {
      background-color: #292929;
      color: #fff;
      text-decoration: none; }
  .action-bar ul li {
    border-bottom: 1px solid #fff;
    float: none;
    margin: 0; }
    .action-bar ul li:first-child a {
      border-radius: 5px 5px 0 0; }
    .action-bar ul li:last-child {
      border: 0 none; }
      .action-bar ul li:last-child a {
        border-radius: 0 0 5px 5px; }
    .action-bar ul li:only-child a {
      border-radius: 5px; }
    .action-bar ul li.disabled a {
      color: #ccc; }
      .action-bar ul li.disabled a:hover {
        background-color: #ddd;
        cursor: default;
        color: #fff; }
  .action-bar .checked {
    font-weight: 700;
    opacity: 1 !important; }
  .action-bar .has-child {
    position: relative; }
    .action-bar .has-child > a:after {
      content: "\f107";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 7px;
      opacity: .75; }
    .action-bar .has-child button {
      background-color: #fff;
      color: #292929; }
      .action-bar .has-child button:hover {
        color: #fff; }
  .action-bar .btn.danger + ul a:hover {
    background-color: #d62c1a; }
  .action-bar .btn.default + ul a:hover {
    background-color: #999; }
  .action-bar .btn.primary + ul a:hover,
  .action-bar .btn.primary + ul button:hover {
    background-color: #217dbb; }
  .action-bar .btn.success + ul a:hover {
    background-color: #1c7943; }
  .action-bar .btn.warning + ul a:hover {
    background-color: #927608; }
  .action-bar.guia-estilo {
    margin: 0;
    width: 100%; }
  .action-bar.inside-container {
    float: left; }
    .action-bar.inside-container li {
      margin: 0 5px 5px 0; }

.btn .fa,
.btn .far,
.btn .fas {
  opacity: 0.7; }
  .btn .fa:only-child,
  .btn .far:only-child,
  .btn .fas:only-child {
    margin-right: 5px; }

.btn.checked {
  font-weight: 700;
  opacity: 1 !important; }
  .btn.checked::before {
    content: "✓ ";
    margin-right: 5px; }

.btn.unchecked {
  background-color: #999;
  padding: 2px 4px; }

.action-bar:not(.search-and-filters) + table {
  clear: both;
  margin: 50px 0 0; }

td .action-bar {
  float: none;
  margin: 0; }
  td .action-bar li {
    margin: 0 5px 5px 0; }
    td .action-bar li:only-child {
      margin: 0; }

table + .action-bar {
  margin-top: 10px; }

.several-items .btn {
  margin: 0 0 0 5px; }

.several-items.form-row .btn {
  align-self: center;
  margin-right: 10px; }

.submit-row {
  background: none transparent;
  border: 0 none;
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding: 0; }
  .submit-row a.btn {
    margin-right: 10px; }
  .submit-row button,
  .submit-row input {
    margin-right: 10px; }
  .submit-row p.deletelink-box {
    flex-grow: 1;
    order: 10; }
    .submit-row p.deletelink-box .deletelink {
      float: right; }

.submit-row + table,
table + .submit-row {
  margin-top: 10px; }

td .action-bar form .submit-row input[type="submit"] {
  font-size: 95%; }

.select2-container {
  min-width: calc(100% - 160px);
  max-width: calc(100% - 160px);
  width: auto !important; }
  .select2-container.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    font-size: 100% !important;
    height: 38px !important; }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 36px;
      left: 9px; }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:before {
      color: #ccc;
      content: "\f002";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      top: 12px; }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none; }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
      margin-left: 10px;
      margin-top: 2px;
      padding: .5rem; }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 38px;
      padding-left: 27px;
      padding-right: 10px; }
      .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
        background-color: rgba(52, 123, 62, 0.2); }
        .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered[title] + .select2-selection__arrow:before {
          color: #347b3e; }
  .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(52, 123, 62, 0.2);
    color: #292929; }
  .select2-container.select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    font-size: 100% !important; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-search--inline:before {
      color: #ccc;
      content: "\f002";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      top: 11px;
      left: 10px; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-search__field {
      height: 24px !important; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
      color: #999 !important; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      color: #e74c3c;
      font-size: 1rem;
      margin-right: 5px;
      margin-left: 0px;
      background: none;
      padding: 0;
      min-height: 10px; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
      margin-top: 0;
      padding: .5rem; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
      line-height: 38px;
      padding-left: 27px; }
      .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered.option-selected {
        display: block;
        background-color: rgba(52, 123, 62, 0.2); }
        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered.option-selected .select2-search--inline:before {
          color: #347b3e; }
      .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        margin-top: 8px;
        background-color: #fff; }
      .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
        margin-top: 7px;
        margin-bottom: 2px; }
  .select2-container .select2-dropdown {
    border: 1px solid #ddd; }
  .select2-container .select2-results__option {
    border-bottom: 1px solid #ddd;
    display: block;
    line-height: 1.1em;
    overflow: hidden;
    padding: 10px; }
    .select2-container .select2-results__option:last-child {
      border-bottom: 0 none; }
    .select2-container .select2-results__option h3 {
      font-size: 120%;
      line-height: 1.2em;
      margin-bottom: 5px;
      padding-bottom: 5px;
      padding-top: 0; }
    .select2-container .select2-results__option p:not(:last-of-type) {
      padding-bottom: 2px; }
    .select2-container .select2-results__option span.disabled {
      display: inline-block;
      margin-top: 5px; }
    .select2-container .select2-results__option .person {
      margin: -15px; }
  .select2-container .select2-search--dropdown .select2-search__field {
    max-width: 100%; }

table .related-widget-wrapper {
  width: 100%; }

table .select2-container {
  max-width: 100%;
  width: 100% !important; }

.search-and-filters {
  background-color: #f6f6f6;
  border-radius: 5px;
  clear: both;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  float: none;
  margin: 4px 0 10px;
  padding: 20px 10px 5px;
  position: relative;
  width: 100%; }
  .search-and-filters::before {
    color: #292929;
    content: "FILTROS:";
    font-size: 85%;
    font-weight: 300;
    left: 20px;
    position: absolute;
    top: -5px; }
  .search-and-filters fieldset {
    border: 0 none;
    margin: 0; }
  .search-and-filters form {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    float: left;
    width: 100%; }
    .search-and-filters form > div {
      display: inline;
      float: left;
      width: auto; }
    .search-and-filters form fieldset {
      border: 0 none;
      margin: 0; }
      .search-and-filters form fieldset div.form-row {
        background-color: transparent;
        border: 0 none;
        float: left;
        width: auto; }
        .search-and-filters form fieldset div.form-row > div {
          padding: 0; }
        .search-and-filters form fieldset div.form-row .help {
          margin-left: 0;
          width: 100%; }
        .search-and-filters form fieldset div.form-row label + input[type="text"] {
          margin-top: 2px;
          width: 100%; }
    .search-and-filters form .submit-row {
      margin: 16px 0 0; }
    .search-and-filters form > .submit-row {
      margin: 16px 0 16px; }
  .search-and-filters input[type="number"].integer-widget {
    max-width: 100%; }
  .search-and-filters input.autocomplete {
    max-width: 200px;
    width: 200px; }
  .search-and-filters input[type="text"] {
    max-width: 100%;
    padding: 4px;
    width: 100%; }
    .search-and-filters input[type="text"].hasDatepicker, .search-and-filters input[type="text"].short-time-widget {
      max-width: 210px !important;
      width: 100%; }
    .search-and-filters input[type="text"].search-query {
      width: calc(100% - 44px) !important; }
  .search-and-filters label,
  .search-and-filters form div.form-row label {
    color: #666;
    display: block;
    float: none;
    font-size: 90%;
    margin: 0;
    max-width: 158px;
    text-align: left !important;
    width: auto; }
  .search-and-filters select {
    margin-top: 2px;
    max-width: 100%;
    width: 100%; }
  .search-and-filters .add-another {
    background: none;
    padding: 0; }
  .search-and-filters .field-box {
    margin: 0;
    max-width: 50%; }
  .search-and-filters .filter,
  .search-and-filters > form .form-row {
    flex-basis: 210px;
    flex-grow: 1;
    float: left;
    margin: 0 10px 15px;
    max-width: 210px;
    min-width: 160px;
    padding: 0;
    width: auto; }
    .search-and-filters .filter.data_inicio, .search-and-filters .filter.data_fim,
    .search-and-filters > form .form-row.data_inicio,
    .search-and-filters > form .form-row.data_fim {
      min-width: 80px; }
  .search-and-filters .filter.active label,
  .search-and-filters .filter.active .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 900; }
  .search-and-filters .form-row .errorlist {
    padding: 0 0 5px !important; }
  .search-and-filters .select2-container {
    margin-top: 2px;
    min-width: 210px;
    max-width: 210px; }
  .search-and-filters .submit-button,
  .search-and-filters .submit-row {
    flex-basis: 100px;
    flex-grow: 1;
    margin: 16px 10px; }
    .search-and-filters .submit-button button[disabled],
    .search-and-filters .submit-button input[type="submit"][disabled],
    .search-and-filters .submit-row button[disabled],
    .search-and-filters .submit-row input[type="submit"][disabled] {
      color: #eee;
      opacity: 0.75; }
  .search-and-filters.large-filters form fieldset .form-row label {
    width: auto; }
  .search-and-filters.large-filters form fieldset .form-row input[type=text] {
    font-size: 110%;
    height: 40px;
    padding: 10px;
    width: 300px; }
  .search-and-filters.large-filters > form .form-row {
    max-width: 500px; }
  .search-and-filters.large-filters .select2-container {
    min-width: 300px;
    max-width: 500px; }

.filter.daterangefilter input {
  float: left;
  width: 48% !important; }

.filter.large {
  max-width: 410px;
  min-width: 360px; }
  .filter.large:only-child {
    max-width: 100%;
    min-width: 100%; }

.filter.filter-large-select label,
.filter.filter-large-select select {
  width: 240px; }

.filter.separator {
  margin-left: 25px;
  position: relative; }
  .filter.separator:before {
    background-color: #ddd;
    content: "";
    height: 34px;
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 1px; }

.filter.show-condition-or {
  margin-right: 25px;
  position: relative; }
  .filter.show-condition-or:after {
    color: #666;
    content: "ou";
    font-weight: 300;
    position: absolute;
    bottom: 10px;
    right: -20px; }

select.filter-large-select {
  width: 240px; }

.ac_results {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.05);
  margin-left: 5px;
  padding: 0 !important;
  z-index: 500; }
  .ac_results h3 {
    font-size: 105%;
    margin: 0;
    padding: 0 0 4px; }
  .ac_results li {
    background-color: #eee !important;
    border-bottom: 1px dashed #ccc;
    cursor: pointer !important;
    font-size: 95% !important;
    line-height: 1.3em !important;
    overflow: hidden;
    padding: 10px !important;
    width: 100% !important; }
    .ac_results li:last-child {
      border-bottom: 0 none; }
    .ac_results li.ac_odd {
      background-color: #f6f6f6 !important; }
    .ac_results li.ac_over {
      background-color: #ddd !important; }
  .ac_results > ul {
    padding: 0; }
  .ac_results .person {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0; }
    .ac_results .person p {
      padding-top: 3px; }

.actions {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  display: inline-block;
  margin: 0 0 -1px;
  padding: 0.5% 1% 0;
  width: 100%; }
  .actions button {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #292929;
    font-size: 90%;
    height: 32px;
    margin: 0 2px;
    padding: 0 5px; }
  .actions label {
    margin: 0 0 8px;
    width: auto; }
  .actions .action-counter {
    color: #666;
    font-size: 90%; }
  .actions .all,
  .actions .clear,
  .actions .question {
    display: none !important; }

div.actions h4 span {
  margin: 0 10px; }

.results + .actions {
  border-radius: 0 0 3px 3px;
  margin: -4px 0 0; }

.selector {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 185px); }
  .selector h2 {
    color: #999;
    font-size: 110%;
    margin: 0;
    max-width: 90px;
    text-transform: capitalize; }
    .selector h2 img.help {
      margin: 0 !important; }
  .selector select {
    font-size: 95%;
    height: 160px;
    width: 100%; }
  .selector .selector-available,
  .selector .selector-chosen {
    background-color: #eee;
    flex-basis: 200px;
    flex-grow: 5;
    padding: 1rem; }
  .selector .selector-available label + input[type="text"] {
    max-width: 100% !important; }
  .selector .selector-available .selector-filter {
    clear: none;
    float: right;
    padding: 0 !important; }
    .selector .selector-available .selector-filter label {
      margin-right: 0;
      width: auto !important; }
      .selector .selector-available .selector-filter label + input[type="text"] {
        float: right; }
  .selector .selector-chooser {
    align-self: center;
    padding: 1rem;
    text-align: center; }
    .selector .selector-chooser a {
      margin: 2px 0; }
    .selector .selector-chooser li {
      list-style: none;
      margin: 0 10px; }
  .selector .selector-chosen .selector-filter img {
    height: 14px; }

.selector-chooseall,
.selector-clearall {
  display: block;
  margin: 5px 0 0; }

label.required,
.required > label {
  font-weight: 600 !important; }
  label.required::before,
  .required > label::before {
    color: #e74c3c;
    content: "* "; }

ul.ajaxmultiselect_field {
  padding: 0 0 5px 165px; }
  ul.ajaxmultiselect_field a {
    width: auto; }
  ul.ajaxmultiselect_field li {
    background-color: rgba(37, 162, 90, 0.2);
    color: #347b3e;
    display: inline-block;
    float: left;
    list-style: none;
    margin: 0 4px 4px 0;
    padding: 4px 6px;
    width: auto; }
    ul.ajaxmultiselect_field li:last-child {
      background-color: transparent;
      border: 0 none;
      clear: left;
      padding: 0;
      position: relative;
      width: 100%; }
      ul.ajaxmultiselect_field li:last-child:before {
        color: #ccc;
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: 10px;
        top: 10px; }
    ul.ajaxmultiselect_field li:only-child {
      clear: none !important; }
    ul.ajaxmultiselect_field li#li_alunos_add {
      display: table; }
  ul.ajaxmultiselect_field .ajaxmultiselect_add {
    text-indent: 20px; }
    ul.ajaxmultiselect_field .ajaxmultiselect_add.ac_loading {
      background-image: url("/static/comum/img/loading.gif");
      background-position: 99% 10px;
      background-repeat: no-repeat; }
  ul.ajaxmultiselect_field + .help {
    display: inline-block;
    width: 100%; }

img.ajaxmultiselect_add, img.ajaxmultiselect_remove {
  cursor: pointer; }

input.ajaxmultiselect_add {
  max-width: 100%;
  width: 100% !important; }

input[disabled="disabled"], input[readonly], input[readonly="readonly"] {
  background-color: #ccc; }

.timeline-content ul.ajaxmultiselect_field li {
  width: 100%; }

.qq-progress-bar-container-selector {
  display: none; }

.qq-upload-button {
  background-color: #25a25a;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 5px 0;
  text-align: center;
  width: 85px; }
  .qq-upload-button:hover {
    background-color: #1c7943; }

.qq-upload-cancel {
  float: right;
  margin: -22px 0 0;
  padding: 3px 8px; }

.qq-upload-file {
  display: block;
  float: left;
  font-size: 110%; }

.qq-upload-list {
  padding: 0; }
  .qq-upload-list li {
    background-color: #eee;
    border-radius: 2px;
    float: left;
    list-style: none;
    margin: 0 0.5% 1%;
    padding: 10px;
    width: calc(32.33% - 20px); }
    .qq-upload-list li.qq-upload-fail {
      background-color: rgba(231, 76, 60, 0.6); }
    .qq-upload-list li.qq-upload-success {
      background-color: rgba(37, 162, 90, 0.6); }

.qq-upload-result {
  display: block; }

.qq-upload-size {
  clear: both;
  color: #666;
  display: block; }

.qq-upload-spinner {
  background-image: url("/static/comum/img/loading.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  height: 15px;
  margin: 0 10px 0 0;
  width: 15px; }

.qq-uploads-wrap {
  margin: 1% -0.5%; }

#add_id_user_permissions,
#add_id_groups {
  float: left;
  margin: 5px 0 0; }

#changelist {
  clear: both; }
  #changelist.loader, #changelist.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em; }
  #changelist.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(52, 123, 62, 0.2);
    border-right: 1.1em solid rgba(52, 123, 62, 0.2);
    border-bottom: 1.1em solid rgba(52, 123, 62, 0.2);
    border-left: 1.1em solid #347b3e;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

#changelist-search {
  float: left; }
  #changelist-search input[type="submit"] {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0;
    float: left;
    font-size: 100%;
    height: 38px;
    margin: 0 0 0 2px;
    padding: 0 10px;
    width: 34px; }
    #changelist-search input[type="submit"]:hover {
      background-color: #fff; }
  #changelist-search input[type="text"] {
    float: left;
    max-width: 100%;
    width: auto; }

#li_usuarios_add {
  clear: both;
  display: inline-block;
  margin: 0 0 0 145px; }

.ajaxmultiselect_field #li_usuarios_add {
  margin-left: 0; }

.ac_input {
  max-width: 60%; }
  .ac_input[readonly] {
    color: #999; }

.field-box-first > .star-cb-group {
  direction: rtl; }

.field-box-first > .star-cb-group > input {
  display: none; }

.field-box-first > .star-cb-group > input + label {
  cursor: pointer;
  display: inline-block;
  margin-right: 3px;
  width: 21px; }

.field-box-first > .star-cb-group > input + label span.fas {
  color: #ccc;
  font-size: 150%; }

.field-box-first > .star-cb-group > input:hover + label span.fas {
  color: #999; }

.field-box-first > .star-cb-group > input:checked + label span.fas,
.field-box-first > .star-cb-group > input + label.clicado span.fas {
  color: #25a25a; }

#ui-datepicker-div {
  font-family: "Lato", sans-serif;
  font-size: 100%;
  z-index: 400 !important; }

.ui-datepicker-calendar thead th {
  padding: 1px 3px; }
  .ui-datepicker-calendar thead th span {
    background: none;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    float: none;
    margin: 0; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background-color: #d5f6da !important;
  border: 1px solid #999 !important; }

.ui-state-default, .ui-widget-content .ui-state-default {
  background-color: #eee;
  border: 1px solid #ddd; }

.ui-widget-header {
  background-color: #ccc;
  border-radius: 0 !important; }
  .ui-widget-header .ui-state-default {
    background-color: #eee;
    border: 1px solid #ddd; }

form.featured-form div.form-row > div {
  padding: 20px; }

form.featured-form div.form-row label {
  color: #999;
  font-size: 160%;
  font-weight: 300;
  margin: 0 0 5px;
  text-align: left;
  width: 100%; }

form.featured-form div.form-row .select2-container {
  max-width: 100%;
  width: 100% !important; }

form.featured-form div.form-row .select2-container.select2-container--default .select2-selection--single {
  height: 50px !important; }
  form.featured-form div.form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 40px; }
  form.featured-form div.form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 15px;
    top: 6px; }
  form.featured-form div.form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 110%; }

.popup-choice-field {
  height: 50vh;
  margin: 15px 0;
  overflow-y: auto; }

#editardocumento_form .cke,
#editarmodelodocumento_form .cke {
  width: 100%; }

@media screen and (max-width: 940px), only screen and (max-device-width: 480px), only screen and (min-device-width: 481px) and (max-device-width: 991px) and (orientation: portrait), only screen and (min-device-width: 481px) and (max-device-width: 991px) and (orientation: landscape) {
  :not(.search-and-filters) > form fieldset .form-row > div {
    padding: 10px; }
  :not(.search-and-filters) > form fieldset .form-row label {
    display: inline-block;
    margin: 0 0 5px;
    text-align: left;
    width: 100%; }
    :not(.search-and-filters) > form fieldset .form-row label + input[type="email"],
    :not(.search-and-filters) > form fieldset .form-row label + input[type="file"],
    :not(.search-and-filters) > form fieldset .form-row label + input[type="text"],
    :not(.search-and-filters) > form fieldset .form-row label + input[type="url"],
    :not(.search-and-filters) > form fieldset .form-row label + textarea,
    :not(.search-and-filters) > form fieldset .form-row label + .related-widget-wrapper {
      max-width: 100%;
      width: 100%; }
    :not(.search-and-filters) > form fieldset .form-row label + input[type="number"] {
      min-width: 100%; }
    :not(.search-and-filters) > form fieldset .form-row label + select {
      max-width: 100%; }
    :not(.search-and-filters) > form fieldset .form-row label + ul:not(.ajaxmultiselect_field) {
      clear: both;
      margin-left: 0; }
  :not(.search-and-filters) > form fieldset .form-row .help {
    margin: 5px 0 0;
    width: 100%; }
  :not(.search-and-filters) > form li {
    margin-left: 0; }
  select,
  textarea {
    width: 100%; }
  ul.ajaxmultiselect_field {
    padding-left: 0; }
  #changelist-search input[type="text"] {
    width: 85%; }
  .action-bar {
    float: left;
    margin-bottom: 20px; }
    .action-bar a {
      height: auto; }
    .action-bar > li {
      margin: 0 5px 5px 0; }
  .form-row .errorlist {
    padding-left: 10px; }
  .form-row-photo {
    width: 100%; }
    .form-row-photo ~ .form-row {
      width: 100%; }
  .related-widget-wrapper {
    width: 100%; }
  .search-and-filters {
    padding-bottom: 20px; }
    .search-and-filters form .submit-row {
      margin: 0; }
    .search-and-filters .filter {
      margin-bottom: 10px;
      margin-right: 0;
      max-width: 100%;
      width: 100%; }
    .search-and-filters .select2-container {
      min-width: 100%;
      max-width: 100%; }
  .select2-container {
    min-width: 100%;
    max-width: 100%; }
  .selector .selector-available,
  .selector .selector-chooser,
  .selector .selector-chosen {
    flex-basis: 100%; } }

@media only screen and (min-width: 992px) {
  form .submit-row.floated {
    background-color: rgba(41, 41, 41, 0.1);
    border-radius: 2px 0 0 2px;
    bottom: 124px;
    padding: 10px 40px 10px 10px;
    position: fixed;
    right: 0;
    width: auto; }
    form .submit-row.floated input:last-child {
      margin: 0; } }

@media only screen and (min-height: 480px) {
  .popup-choice-field {
    height: calc(100vh - 380px); } }

@media screen and (max-width: 480px) {
  .selector-available .selector-chooser .selector-chosen {
    width: 100%; } }

@media only screen and (max-width: 600px) {
  .selector {
    width: 100% !important; }
  .selector select {
    overflow-x: scroll !important; } }