.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 84%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: -11px;
}

h2 {
  font-size: 0.82rem;
  font-weight: 600;
}

.hide {
  display: none;
}

.avisos-background {
    background-color: #FEEEA5;
}

.card {
  border: none;
}

.middle-box {
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}

.box-accordion {
  background-color: #f2f2f2;
  padding: 10px;
  margin-top: 10px;
}

.card__content__label {
  margin-top: 8px;
  font-size: 0.75rem;
  font-weight: 600;
}

.card__content {
  margin-left: 5px;
  font-size: 0.75rem;
  font-weight: 400;
}

.btn-ver-mais {
  border-color: #17629E;
  color: #17629E;
  background-color: #fff;
}
.btn-ver-mais:hover {
  text-decoration: underline;
  border-color: #17629E;
  color: #17629E;
  background-color: #fff;
}

.btn-filtro {
  border-color: #17629E;
  color: #17629E;
  padding: 10px !important;  
}
.btn-filtro:hover {
  color: #fff;
  background-color: #17629E;
}
.btn-filtro:hover svg {
  fill: #fff;
}

.tab__subtitle {
  display: flex;
  align-items: center;
}
.tab__subtitle h2 {
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0;
}
.tab__subtitle span {
  font-size: 0.85rem;
  font-weight: 400;
  padding-left: 5px;
  padding-top: 2px;
}

.msg-fixa {
  position: fixed;
  right: 24px;
  width: 90.5% !important;
  height: 85px;
  bottom: 0;
  background-color: white;
  z-index: 1;
}

.btn-pesquisar {
  background-color: #44a7e9;
  color: #fff;
}
.btn-pesquisar .iconBotao {
  transform: scale(0.9);
  vertical-align: middle;
}
.btn-pesquisar:hover {
  background-color: var(--cor-apoio-azul-claro);
  color: #fff;
}

.btn-lixeira {
  border: none;
  background-color: transparent;
}

.btn-secondary {
  color: #7c7c7c;
  background-color: #E8E8E8;
  border: none;
}
.btn-secondary:hover {
  background-color: #ddd;
  color: #7c7c7c;
}

.btn-card {
    border: 1px solid #ddd;
    border-radius: 50%;
}  

.box-pesquisa {
  background-color: rgb(243, 243, 243);
  width: 100%;
  height: 130px;
  padding: 32px 15px 15px 15px;
  margin-bottom: 25px;
  border-radius: 5px;
}

.table-box {
    padding: 16px;
    margin-top: 42px;
    border-radius: 5px;
    background-color: #fff;
    max-width: 100%;
}

.table-title {
  font-size: 1rem;
  color: var(--cor-primaria);
  font-weight: 700;
  padding: 10px;
}

.tabela-completa {
  max-width: 100%;
  overflow-x: auto;
}

.tabela__head th {
  padding: 0 16px;
}

.white-column {
  background-color: #fff !important;
}

th[colspan="3"] {
  border: 1px solid #ddd;
}

tr:nth-child(2) th {
  border-top: 1px solid #ddd;
}

.sticky-column { /* Para suporte ao Safari */
  position: sticky;
  left: 0;
  z-index: 1; /* Para garantir que a coluna fixa fique acima das outras colunas */
}

/*.big-cell {
  min-width: 205px;
}*/

.truncate-text {
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px !important;
    padding: 0 16px;
}

@media screen and (min-width: 1450px) {
  .tabela-completa {
    width: 100%;
  }
}
.subtitle {
  font-size: 0.85rem;
  color: var(--cor-primaria);
  font-weight: 700;
}

.ellipsis {
  -webkit-box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 365px !important;
}

.links {
  color: #17629E;
  font-size: 0.75rem;
  text-decoration: underline;
}

.text-wine {
    color: #971515;
    font-weight: 600;
}

.text-gray {
    color: #757575;
    font-weight: 400;
}

.tabelaGLME {
  border: 1px solid #000000;
  margin: 10px;
}
.tabelaGLME th, .tabelaGLME td {
  max-width: 250px !important;
}

table.plain th, table.plain td {
  border: 2px solid #ddd;
  width: 100%;
}

table.invisible td, table.invisible th, table.plain td, table.plain th, table.listing td, table.listing th {
    vertical-align: top;
    line-height: normal;
}

.TabelaSubtitulo {
  text-align: center;
  font-size: 0.65rem;
  color: #000000;  
}

.textoGLME {
  font-size: 0.6rem;
  color: #000000;
}

.Tabeladireita {
  text-align: right; 
  color: #000000;  
}/*# sourceMappingURL=duimp.css.map */

.login-box {
    margin-left: 100px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #fff;
}

.cabecalho {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 58px;
}

.cabecalho__fundo-logo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 20px;
}

.cabecalho__titulo {
    font-size: 1rem;
    color: #fff;
}

.form-control__ICMS {
    width: 20%;
    padding: 5px 15px;
}

.input-with-icon {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="undefined"><path d="M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z"/></svg>') no-repeat right 10px center;
    padding-right: 30px; /* Adjust padding to make space for the icon */
}

@media (max-width: 415px) {

    .ellipsis {
        white-space: wrap;
        overflow: hidden;
        min-width: 90px !important;
    }

    .label-flutuante {
        font-size: 0.52rem;
        margin-left: -8px;
        pointer-events:none;
    }

    .box-pesquisa {
        height: 150px;
        margin-top: 10px;
    }

        .box-pesquisa .btn-pesquisar {
            padding: 5px 17px !important;
            margin-top: 5px;
        }
}

@media (max-width: 793px) {

    .msg-fixa {
        height: auto;
    }
}

.dataTables_filter .fa-search {
    position: absolute;
    top: 10px;
    left: auto;
    right: 8px;
}

.highlight-yellow {
    background-color: yellow;
}

.yellow-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: yellow;
    border-radius: 50%;
    margin-left: 5px;
    vertical-align: middle;
}

.highlight-yellow {
    background-color: yellow !important;
}

#tabela-item tbody tr.highlight-yellow {
    background-color: yellow !important;
}
