ol.progtrckr {
    margin-top: -5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.25em;
}

ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%;
}

ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 33%;
}

ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 24%;
}

ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%;
}

ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%;
}

ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%;
}

ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%;
}

ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%;
}

ol.progtrckr[data-progtrckr-steps="10"] li {
    width: 11%;
}


ol.progtrckr li.progtrckr-todo {
    color: silver;
    font-family: arial;
    font-size: 11px;
    border-bottom: 4px solid silver;
}

ol.progtrckr li.progtrckr-pending {
    color: silver;
    font-family: arial;
    font-size: 11px;
    border-bottom: 4px solid #F1AE1F;
}

ol.progtrckr li.progtrckr-analise {
    color: silver;
    font-family: arial;
    font-size: 11px;
    border-bottom: 4px solid #2e8cdf;
}

ol.progtrckr li.progtrckr-fail {
    color: silver;
    font-family: arial;
    font-size: 11px;
    border-bottom: 4px solid #FF0000;
}

ol.progtrckr li.progtrckr-done {
    color: #98978B;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 4px solid yellowgreen;
}

ol.progtrckr li.progtrckr-excluir {
    display: none;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2em;
    bottom: -1.2em;
}

ol.progtrckr li.progtrckr-pending:before {
    content: "!";
    color: white;
    background-color: #ffae00;
    height: 1.6em;
    width: 1.6em;
    line-height: 1.6em;
    border: none;
    border-radius: 2.0em;
}

ol.progtrckr li.progtrckr-analise:before {
    content: "!";
    color: white;
    background-color: #2e8cdf;
    height: 1.6em;
    width: 1.6em;
    line-height: 1.6em;
    border: none;
    border-radius: 2.0em;
}

ol.progtrckr li.progtrckr-fail:before {
    content: "\00d7";
    color: white;
    background-color: #FF0000;
    height: 1.6em;
    width: 1.6em;
    line-height: 1.6em;
    border: none;
    border-radius: 2.0em;
}

ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 1.6em;
    width: 1.6em;
    line-height: 1.6em;
    border: none;
    border-radius: 2.0em;
}

ol.progtrckr li.progtrckr-excluir:before {
    display: none;
}

.btn {
  border-radius: 0px!important;
  background-color: #0a7734!important;
}

#ctlSearchFor1 {
  color: white!important;
  font-size: 15px;
}

.r-edit-label{
    color: #98978B !important;
}

.control-label{
    color: #98978B !important;
}

@media print {
  @page {
    margin: 20px;
  }

  body.modal-open .modal-content {
    padding: 15mm 10mm !important;
  }

  body.modal-open * {
    visibility: hidden;
  }

  body.modal-open .modal-content,
  body.modal-open .modal-content * {
    visibility: visible;
  }

  /* MUDE AQUI: Se precisar forçar a posição para a folha, aplique no contêiner 
     pai (.modal-dialog ou .modal) e não no .modal-content. 
     Se puder, use apenas static ou fixed para não quebrar o script. */
  body.modal-open .modal-content {
    position: static !important; /* Tente static primeiro, costuma resolver sem quebrar */
    width: 100% !important;
    height: auto !important;
  }

  /* MUDE AQUI: Em vez de arrancar o header/footer do DOM com display: none 
     (o que quebra a altura para o JS), esconda apenas o conteúdo deles, ou use
     a classe .no-print (ver Passo 2) */
  body.modal-open .modal-header,
  body.modal-open .modal-footer {
    /* visibility: hidden já está sendo herdado, então eles não vão sair no papel,
       mas vão manter o "espaço" estrutural para o JS não surtar. */
    border: none !important; /* Remove as linhas divisórias se houver */
  }

  /* Esconde as alças (isso está ok) */
  body.modal-open .ui-resizable-handle {
    visibility: hidden !important; 
  }

  body.modal-open .modal-content,
  body.modal-open .modal-content * {
    background-color: initial !important;
    color: initial !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

/* Trava o r-body na largura disponível da tela sem quebrar menus ocultos */
.r-body, .r-content-col {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}