.app-branding .logo-icon {
    width: 80% !important;
    height: 100% !important;
}
.app-auth-wrapper .app-logo .logo-icon {
    width: 85%;
    height: 65%;
}

.form-control{
    border-color: #ccc !important;
    background: #fff !important;
    color: #2c2c2c !important; /*e10505*/
}


.app-btn-primary {
    background: #2c2c2c !important;
    color: #ffffff !important;
    border-color: #2c2c2c !important;
}

.app-btn-primary:hover {
    opacity: 0.8; 
}

.app-btn-secondary:hover {
    color: #ea1d2c;
    border: 1px solid #ea1d2c !important;
    background: #fff;
}

.app-nav-tabs .nav-link:hover {
    background: #e0e0e0;
    color: #bcbebf;
}

.app-nav-tabs .nav-link.active {
    color: #ea1d2c !important;
    border-bottom: 2px solid #ea1d2c !important;
}

a {
    color: #2c2c2c !important;
    text-decoration: none;
}

.app-login .auth-background-holder {
    background: url(../images/background/background-1.jpg?token=1) no-repeat center center !important;
}

.form-check-input:checked {
    background-color: #2c2c2c !important;
    border-color: #2c2c2c !important;
}

.app-nav .nav-link.active {
    color: #2c2c2c !important;
    background: #e5e5e5 !important;
    border-left: 3px solid #2c2c2c !important;
    font-weight: 500;
}

.app-nav .nav-link:hover {
    color: #ea1d2c !important;
    background: #eeeded !important;
}

.app-card.border-left-decoration {
    border-left: 3px solid #2c2c2c !important;
}

.app-card .app-icon-holder {
    background: #e5e5e5 !important;
    color: #2c2c2c !important;
}

.t-resp{
  white-space: nowrap !important;
}

.info{
    font-size: 11px;
    font-family: arial;
}

.app-pagination .pagination .page-item.active .page-link {
    color: #ffffff !important;
}

/* Estilos para a barra de rolagem com a classe barraPer */
.barraPer {
    /* Track */
    scrollbar-track-color: #f1f1f1; /* Cor de fundo da barra de rolagem */

    /* Handle */
    scrollbar-thumb-color: #888; /* Cor da barra de rolagem */
    scrollbar-thumb-radius: 5px; /* Raio da borda da barra de rolagem */

    /* Handle on hover */
    scrollbar-thumb-hover-color: #555; /* Cor da barra de rolagem ao passar o mouse */

    /* Track horizontal */
    scrollbar-horizontal-track-color: #f1f1f1; /* Cor de fundo da barra de rolagem horizontal */

    /* Handle horizontal */
    scrollbar-horizontal-thumb-color: #888; /* Cor da barra de rolagem horizontal */
    scrollbar-horizontal-thumb-radius: 5px; /* Raio da borda da barra de rolagem horizontal */

    /* Handle horizontal on hover */
    scrollbar-horizontal-thumb-hover-color: #555; /* Cor da barra de rolagem horizontal ao passar o mouse */
}


table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    /*padding: 8px 16px;
    border: 1px solid #ddd;
    text-align: left;*/
    white-space: nowrap; /* Impede quebra de linha */
    overflow: hidden; /* Oculta o conteúdo que não cabe */
    text-overflow: ellipsis; /* Adiciona reticências ao conteúdo que não cabe */
}

.btZero {
    position: fixed;
    bottom: 0;
    width: 80%;
    background-color: #f5f6fe; 
    text-align: center;
    padding: 10px;
}

.btZeroFull {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f5f6fe; 
    text-align: center;
    padding: 10px;
}

.carregando{
  display:none;
  height: 45px;
  line-height: 45px;
  margin: -40px 0 0 50px;
  font-size: 12px;
}

.circular-image {
    width: 150px; /* Ajuste conforme necessário */
    height: 150px; /* Ajuste conforme necessário */
    border-radius: 50%;
    object-fit: cover; /* Mantém a proporção da imagem e cobre o container */
}

.circular-opr {
    margin-top: -13px;
    width: 75px; /* Ajuste conforme necessário */
    height: 75px; /* Ajuste conforme necessário */
    border-radius: 50%;
    object-fit: cover; /* Mantém a proporção da imagem e cobre o container */
}

pre {
    padding: 40px 0 0 30px;
    margin: 0 auto; /* Define margens automáticas nas laterais */
    width: fit-content; /* Define a largura com base no conteúdo */
}

.ui-autocomplete {
    z-index: 9998; /* O modal do Bootstrap geralmente tem um z-index de 1050 */
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #fff !important;
}

/* Para navegadores WebKit (Chrome, Safari) */
.barcode::-webkit-scrollbar {
    width: 12px; /* Largura da barra de rolagem */
}

.barcode::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor de fundo da trilha */
    border-radius: 10px; /* Arredondar os cantos da trilha */
}

.barcode::-webkit-scrollbar-thumb {
    background: #888; /* Cor do "polegar" (parte que rola) */
    border-radius: 10px; /* Arredondar os cantos do polegar */
}

.barcode::-webkit-scrollbar-thumb:hover {
    background: #555; /* Cor do polegar quando está sendo passado o mouse sobre ele */
}

/* Para navegadores que suportam o padrão de barra de rolagem de usuário (Firefox) */
.barcode {
    scrollbar-width: thin; /* Largura da barra de rolagem */
    scrollbar-color: #888 #f1f1f1; /* Cor do polegar e da trilha */
}

/* Exemplo de estilo para o contêiner .barcode */
.barcode {
    overflow-y: hidden; /* Adiciona rolagem vertical */
    overflow-x: scroll; /* Adiciona rolagem vertical */
    padding: 3px; /* Espaçamento interno */
    border: 0px solid #ddd; /* Borda ao redor do contêiner */
    border-radius: 0px; /* Arredondar os cantos */
    background-color: #fff; /* Cor de fundo do contêiner */
}

.app-card-stat .stats-figure {
    font-size: 1.7rem !important;
}

.cursor {
    cursor: pointer !important;
}

.bg-blue{
    background-color: #c2ecff !important;
    color: #0056b6 !important;
}

.bg-red{
    background-color: #f8cfd3 !important;
    color: #ab0000 !important;
}

.bg-total{
    background-color: #b2ddb4 !important;
    color: #054308 !important;
}


.text-detalhe{
    font-size: 12px !important;
    line-height: 15px !important;
}

thead, tr, td, tbody, tfooter{
    font-size: 15px;
    font-family: calibri;
}

.highlight {
    background-color: yellow;
    font-weight: bold;
    padding: 0 2px;
}