/* /Shared/CadFatorConversao.razor.rz.scp.css */


@media(min-width: 768px) {

    .register-conteudo-fator-conversao-produto[b-kl95irrmuc] {
        display: grid;
        grid-template-columns: .7fr .5fr .7fr .5fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-gap: 1rem;
        grid-template-areas: "a a a aa b c" "d dd e e f g";
        
        border-radius: 5px;
        border: 1px solid;
        color: #7e8dd7;
        margin: 0px;
        padding: 5px;
    }



}


.fornecedor-conversao[b-kl95irrmuc]{
    grid-area: a;
   
}

.button-fornecedor-conversao[b-kl95irrmuc] {
    grid-area: aa;
    margin-top: 17px;
}


.codigo-fornecedor-conversao[b-kl95irrmuc] {
    grid-area: b;
}

.codigo-produto-conversao[b-kl95irrmuc] {
    grid-area: d;
}

.button-produto-conversao[b-kl95irrmuc] {
    grid-area: dd;
    margin-top: 17px;
}

.fator-conversao[b-kl95irrmuc] {
    grid-area: g;
}

.unidade-conversao[b-kl95irrmuc] {
    grid-area: e;
}

.descricao-unidade-conversao[b-kl95irrmuc] {
    grid-area: f;
}
/* /Shared/ConsorcioCPT.razor.rz.scp.css */
@media (min-width: 737px) { /* 768px */

    .consorcio[b-0vn6sni6qw] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr .5fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-gap: .2rem;
        grid-template-areas: "fornecedor fornecedor fornecedor fornecedor fornecedor fornecedor fornecedor fornecedor"
            "descricao descricao descricao descricao descricao grupo cota contrato"
            "numero-parela taxa-administracao  fundo-reserva seguro primeira-parcela valor-parcela valor-pagar parcela";
        width: 100%;
    }

    .dados-fornecedor[b-0vn6sni6qw] {
        display: grid;
        grid-template-columns: .5fr .1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-gap: .2rem;
        grid-template-areas: "cnpj button-procurar-fornecedor razao-social nome-fantasia";
        width: 100%;
        border-radius: 5px;
        border: 1px solid;
        color: #7e8dd7;
        padding: 5px;
    }
}


@media screen and (max-width: 736px) {

    .consorcio[b-0vn6sni6qw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: .2rem;
        grid-template-areas: "fornecedor"
                             "descricao"
                             "grupo"
                             "cota"
                             "contrato"
                             "numero-parela"
                             "taxa-administracao"
                             "fundo-reserva"
                             "seguro"
                             "primeira-parcela"
                             "valor-parcela"
                             "valor-pagar"
                             "parcela";
        width: 100%;
    }

    .dados-fornecedor[b-0vn6sni6qw] {
        display: grid;
        grid-template-columns: 1fr .1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-gap: .2rem;
        grid-template-areas: "cnpj button-procurar-fornecedor" "razao-social razao-social" "nome-fantasia nome-fantasia";
        width: 100%;
        border-radius: 5px;
        border: 1px solid;
        color: #7e8dd7;
        
        padding: 5px;
    }

    



}


    .fornecedor[b-0vn6sni6qw] {
        grid-area: fornecedor;
    }

    .cnpj[b-0vn6sni6qw] {
        grid-area: cnpj;
    }

    .button-procurar-fornecedor[b-0vn6sni6qw] {
        grid-area: button-procurar-fornecedor;
    }

    .razao-social[b-0vn6sni6qw] {
        grid-area: razao-social;
    }

    .nome-fantasia[b-0vn6sni6qw] {
        grid-area: nome-fantasia;
    }

    .descricao[b-0vn6sni6qw] {
        grid-area: descricao;
    }

    .grupo[b-0vn6sni6qw] {
        grid-area: grupo;
    }

.cota[b-0vn6sni6qw] {
    grid-area: cota;
}

.cotrato[b-0vn6sni6qw] {
    grid-area: contrato;
}

    .valor-pagar[b-0vn6sni6qw] {
        grid-area: valor-pagar;
    }

    .numero-parcala[b-0vn6sni6qw] {
        grid-area: numero-parcela;
    }

    .primeira-parcela[b-0vn6sni6qw] {
        grid-area: primeira-parcela;
    }

    .taxa-administracao[b-0vn6sni6qw] {
        grid-area: taxa-administracao;
    }

    .fundo-reserva[b-0vn6sni6qw] {
        grid-area: fundo-reserva;
    }

    .seguro[b-0vn6sni6qw] {
        grid-area: seguro;
    }

    .valor-parcela[b-0vn6sni6qw] {
        grid-area: valor-parcela;
    }

    .parcela[b-0vn6sni6qw]{
        grid-area: parcela;
    }

button.parcela[b-0vn6sni6qw] {
    margin-top: 21px;
    background-color: #42a5f5;
    border-color: #42a5f5;
}
/* /Shared/ContasReceber/AntecipacaoRecebiveis.razor.rz.scp.css */

.modal-atencipacao[b-5jfzghph9s] {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    top: 75px;
    padding: 10px;
    border: 1px solid #888;
    width: 95%;
    height: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}


.container[b-5jfzghph9s] {
    border: 1px solid;
    border-color: #42a5f5;
    padding: 10px;
    
    height: 15.5vh;
    background-color: azure;
}

#myHeader-antecipacao[b-5jfzghph9s] {
    background-color: rgb(200, 227, 252);
}


.item-container-antecipacao-modal[b-5jfzghph9s] {
    display: grid;
    grid-template-columns: 3.5fr 1.5fr;
}

.celula[b-5jfzghph9s] {
    border-right: 1px solid #42a5f5;
    border-bottom: 1px solid #42a5f5;
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}

.celula-left[b-5jfzghph9s] {
    border-left: 1px solid #42a5f5;
}

.celula-titulo[b-5jfzghph9s] {
    border-top: 1px solid #42a5f5 !important;
}

.total-recebiveis[b-5jfzghph9s] {
    text-align: right !important;
}

@media (min-width: 768px) { /* 768px */

    .container[b-5jfzghph9s] {
        border: 1px solid;
        border-color: #42a5f5;
        padding-left: 10px;
        padding-top: 5px;
        margin-top: 10px;
        height: 21.5vh;
        background-color: azure;
    }


    


    .item-container-antecipacao-modal[b-5jfzghph9s] {
        display: grid;
        grid-template-columns: 3.5fr 1.5fr;
    }

    .modal-atencipacao[b-5jfzghph9s] {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        top: 120px;
        padding: 10px;
        border: 1px solid #888;
        width: 40%;
        height: 70%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
    }

   


}
/* /Shared/DraggableModal.razor.rz.scp.css */


.draggable-modal[b-y2ui9x4vcm] {
    position: fixed; /* Essencial para o posicionamento com left e top */
    z-index: 1050;
    width: 350px;
    background-color: white;
    border: 1px solid #888;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* Adiciona uma transição suave para a visibilidade */
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

    .draggable-modal.hidden[b-y2ui9x4vcm] {
        display: none;
        opacity: 0;
    }

.modal-header[b-y2ui9x4vcm] {
    background-color: #f1f1f1;
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: move; /* Indica que o elemento pode ser arrastado */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .modal-header h5[b-y2ui9x4vcm] {
        margin: 0;
        font-weight: 600;
    }

.modal-body[b-y2ui9x4vcm] {
    padding: 20px;
}

.modal-header .close[b-y2ui9x4vcm] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    color: #555;
}

    .modal-header .close:hover[b-y2ui9x4vcm] {
        color: #000;
    }
/* /Shared/FormacaoVenda/CadastroFormaPagamento.razor.rz.scp.css */
margim-parcela[b-e415ntp0nv]{
    margin-top: 0;

}

@media(min-width: 768px) {
    .forma-pagamento[b-e415ntp0nv] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "descricao descricao" " tipo parcela" "dia-semana antecipa" "minima desconto";
        padding: 5px;
        margin-bottom: 5px;
    }
   

}

@media screen and (max-width: 50px) {


    .forma-pagamento[b-e415ntp0nv] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        padding: 5px;
        margin-bottom: 5px;
    }

    .dia-semana[b-e415ntp0nv] {
        margin-top: 15px
    }
}



.descricao[b-e415ntp0nv] {
    grid-area: descricao;
}

.tipo[b-e415ntp0nv] {
    grid-area: tipo;
}

.parcela[b-e415ntp0nv] {
    
    grid-area: parcela;
}

.dia-semana[b-e415ntp0nv] {
    grid-area: dia-semana;
}

.antecipa[b-e415ntp0nv] {
    grid-area: antecipa;
}


.minima[b-e415ntp0nv] {
    grid-area: minima;
}

.desconto[b-e415ntp0nv] {
    grid-area: desconto;
}
/* /Shared/FormacaoVenda/CadastroParcelaFormaPagamento.razor.rz.scp.css */
.caixa-selecao-parcela[b-9b0hkdvk3c] {
    margin-top: 1px;
    position: absolute;
    max-width: 700px;
    height: auto;
    min-height: 25px;
    border: 1px solid;
    background-color: white;
    border-radius: 2px;
    color: #7e8dd7;
    background-color: azure;
}

.titulo-tabela[b-9b0hkdvk3c] {
    background-color: #00d8ffd8;
}

.totais-parcela[b-9b0hkdvk3c] {
    background-color: #8fcaf5;
}

.margim-parcela[b-9b0hkdvk3c] {
    margin-top: 5px;
    margin-bottom: 5px;
}


@media(min-width: 768px) {
    
    .margim-parcela[b-9b0hkdvk3c] {
        margin-top: 17px;
    }
}
/* /Shared/FormacaoVenda/CadastroPrecoVenda.razor.rz.scp.css */
.descricao-preco-venda[b-zkkuly4qcz] {
   
       
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.produto[b-zkkuly4qcz] {
    display: grid;
    row-gap: .5rem;
    column-gap: .5rem;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    color: #7e8dd7;
    border: 1px solid;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 5px;
}

.periodo-preco-venda[b-zkkuly4qcz] {
    display: grid;
    row-gap: .5rem;
    column-gap: .5rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    color: #7e8dd7;
    border: 1px solid;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 5px;
}

.valor[b-zkkuly4qcz] {
    display: grid;
    row-gap: .5rem;
    column-gap: .5rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    color: #7e8dd7;
    border: 1px solid;
    border-radius: 2px;
    padding: 5px;
    background-color: azure
}

.adicionar-cliente[b-zkkuly4qcz]{

    border:none;
}


@media(min-width: 600px) {



    .valor[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        background-color: azure;
        

    }

   

    
}


@media(min-width: 1210px) {

    descricao-preco-venda[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        padding: 5px;
    }


    .produto[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        margin-bottom: 5px;
    }

    .periodo-preco-venda[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        margin-bottom: 5px;
    }

    .valor[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        background-color: azure
    }

    .button-adicionar[b-zkkuly4qcz] {
        margin-top: 21px;
    }
}


@media(min-width: 1211px) {
    descricao-preco-venda[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        padding: 5px;
    }


    .produto[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1.5fr 5fr 2fr;
        grid-template-rows: 1fr;
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        margin-bottom: 5px;
    }

    .periodo-preco-venda[b-zkkuly4qcz] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr;
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        margin-bottom: 5px;
    }
}
/* /Shared/LocalizarProdutos.razor.rz.scp.css */


@media(min-width: 1900px) {

    
    .list-produtos[b-tyjxvzbmf5] {
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        height: 63vh;
    }
}

@media(min-width: 1600px) {

    .list-produtos[b-tyjxvzbmf5] {
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        height: 65vh;
    }
}

@media(min-width: 1400px) {

    .list-produtos[b-tyjxvzbmf5] {
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        height: 60vh;
    }
}


@media(min-width: 768px) {

    .campos-pesquisa[b-tyjxvzbmf5] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 3fr 1fr 1fr;
        grid-template-areas: "nome btn-gravar btn-remover";
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
    }
    .btn-gravar[b-tyjxvzbmf5] {
       
        margin-top: 17px
    }

    .btn-remover[b-tyjxvzbmf5] {
       
        margin-top: 17px
    }


}

@media(max-width: 420px) {

    .campos-pesquisa[b-tyjxvzbmf5] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "nome" "btn-gravar" "btn-remover";
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
    }

    .btn-gravar[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .btn-remover[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .list-produtos[b-tyjxvzbmf5] {
        max-width: 390px;
    }
}

@media(max-width: 400px) {

    .campos-pesquisa[b-tyjxvzbmf5] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "nome" "btn-gravar" "btn-remover";
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
    }

    .btn-gravar[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .btn-remover[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .list-produtos[b-tyjxvzbmf5] {
        max-width: 370px;
    }
}

@media(max-width: 376px) {

    .campos-pesquisa[b-tyjxvzbmf5] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "nome" "btn-gravar" "btn-remover";
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
       
    }

    .btn-gravar[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .btn-remover[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .list-produtos[b-tyjxvzbmf5] {
        max-width: 360px;
    }
}


@media(max-width: 360px) {

    .campos-pesquisa[b-tyjxvzbmf5] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "nome" "btn-gravar" "btn-remover";
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
    }
    .btn-gravar[b-tyjxvzbmf5] {
        margin-top: 5px
    }

    .btn-remover[b-tyjxvzbmf5] {
        margin-top:5px
    }

    .list-produtos[b-tyjxvzbmf5]{
        max-width: 345px;
       
    }

}





.nome[b-tyjxvzbmf5] {
    grid-area: nome;
}

.btn-gravar[b-tyjxvzbmf5] {
    grid-area: btn-gravar;
  
}

.btn-remover[b-tyjxvzbmf5] {
    grid-area: btn-remover;
   
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-55o67rk1r7] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-55o67rk1r7] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-55o67rk1r7] {
    font-size: 1.1rem;
}

.oi[b-55o67rk1r7] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-55o67rk1r7] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-55o67rk1r7] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-55o67rk1r7] {
        padding-bottom: 1rem;
    }

    .nav-item[b-55o67rk1r7]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-55o67rk1r7]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-55o67rk1r7]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 768px) {
    .navbar-toggler[b-55o67rk1r7] {
        display: none;
    }

    .collapse[b-55o67rk1r7] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/ObservacaoCPT.razor.rz.scp.css */
.observacao-registro[b-fdg4mzzzcm] {
    display: grid;
    row-gap: .5rem;
    column-gap: .5rem;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "inclusao" "origem" "descricao";
}

@media (min-width: 768px) { /* 768px */
    .observacao-registro[b-fdg4mzzzcm] {
        display: grid;
        row-gap: .5rem;
        column-gap: .5rem;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "inclusao origem . . ." "descricao descricao descricao descricao descricao";
    }
}


.inclusao[b-fdg4mzzzcm] {
    grid-area: inclusao;
}

.origem[b-fdg4mzzzcm]{
    grid-area: origem
}

.descricao[b-fdg4mzzzcm] {
    grid-area: descricao;
}
/* /Shared/Processo/ProcessFive.razor.rz.scp.css */
.proc[b-cf6t792j1t] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border: 3px;
    border-style: solid;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    color: blue;
    background-color: Gainsboro;
    cursor: pointer;
}



.concluido[b-cf6t792j1t] {
    background-color: PaleGreen;
    border-color: green
}

.processando[b-cf6t792j1t] {
    background-color: Gold;
    border-color: Orange;
}


.caminhando[b-cf6t792j1t] {
    width: 162px;
    height: 30px;
    border: 1px;
    border-top: solid;
    margin-top: 35px;
    color: green;
}

.caminho[b-cf6t792j1t] {
    width: 162px;
    height: 30px;
    border: 1px;
    border-top: solid;
    margin-top: 35px;
    color: blue;
}

.processos[b-cf6t792j1t] {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 73px 161px 73px 161px 73px 161px 73px 161px;
    grid-template-areas: "a b c d e f g h i";
}

.inicio[b-cf6t792j1t] {
    grid-area: a;
}

.inicio-cadastro[b-cf6t792j1t] {
    grid-area: b;
}

.cadastro[b-cf6t792j1t] {
    grid-area: c;
}

.cadastro-conciliacao[b-cf6t792j1t] {
    grid-area: d;
}

.conciliacao[b-cf6t792j1t] {
    grid-area: e;
}

.conciliacao-lancamento[b-cf6t792j1t] {
    grid-area: f;
}

.lancamento[b-cf6t792j1t] {
    grid-area: g;
}

.lancamento-fim[b-cf6t792j1t] {
    grid-area: h;
}

.fim[b-cf6t792j1t] {
    grid-area: i;
}
/* /Shared/SelecionarUFs.razor.rz.scp.css */


@media(min-width: 1900px) {


    .list-produtos[b-x41d59l6p5] {
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        height: 63vh;
    }
}

@media(min-width: 1600px) {

    .list-produtos[b-x41d59l6p5] {
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        height: 65vh;
    }
}

@media(min-width: 1400px) {

    .list-produtos[b-x41d59l6p5] {
        color: #7e8dd7;
        border: 1px solid;
        border-radius: 2px;
        padding: 5px;
        height: 60vh;
    }
}

@media(max-width: 767px) {

    .campos-pesquisa[b-x41d59l6p5] {
       width: 95%;
    }
}

    @media(min-width: 768px) {

        .campos-pesquisa[b-x41d59l6p5] {
            display: grid;
            row-gap: .5rem;
            column-gap: .5rem;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-areas: "btn-mostrar btn-gravar btn-remover";
            color: #7e8dd7;
            border: 1px solid;
            border-radius: 2px;
            padding: 5px;
        }

        .btn-mostrar[b-x41d59l6p5] {
            margin-top: 5px;
        }

        .btn-gravar[b-x41d59l6p5] {
            margin-top: 3px
        }

        .btn-remover[b-x41d59l6p5] {
            margin-top: 3px
        }
    }

    @media(max-width: 420px) {

        .campos-pesquisa[b-x41d59l6p5] {
            display: grid;
            row-gap: .5rem;
            column-gap: .5rem;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            grid-template-areas: "btn-mostrar" "btn-gravar" "btn-remover";
            color: #7e8dd7;
            border: 1px solid;
            border-radius: 2px;
            padding: 5px;
           
        }

        .btn-mostrar[b-x41d59l6p5] {
            margin-top: 0;
        }

        .btn-gravar[b-x41d59l6p5] {
            margin-top: 0;
        }

        .btn-remover[b-x41d59l6p5] {
            margin-top: 0;
        }

        .list-produtos[b-x41d59l6p5] {
            max-width: 390px;
        }
    }

    @media(max-width: 400px) {

        .campos-pesquisa[b-x41d59l6p5] {
            display: grid;
            row-gap: .5rem;
            column-gap: .5rem;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            grid-template-areas: "btn-mostrar" "btn-gravar" "btn-remover";
            color: #7e8dd7;
            border: 1px solid;
            border-radius: 2px;
            padding: 5px;
        }


        .btn-mostrar[b-x41d59l6p5] {
            margin-top: 5px
        }


        .btn-gravar[b-x41d59l6p5] {
            margin-top: 5px
        }

        .btn-remover[b-x41d59l6p5] {
            margin-top: 5px
        }

        .list-produtos[b-x41d59l6p5] {
            max-width: 370px;
        }
    }

    @media(max-width: 376px) {

        .campos-pesquisa[b-x41d59l6p5] {
            display: grid;
            row-gap: .5rem;
            column-gap: .5rem;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            grid-template-areas: "btn-mostrar" "btn-gravar" "btn-remover";
            color: #7e8dd7;
            border: 1px solid;
            border-radius: 2px;
        }

        .btn-mostrar[b-x41d59l6p5] {
            margin-top: 5px
        }

        .btn-gravar[b-x41d59l6p5] {
            margin-top: 5px
        }

        .btn-remover[b-x41d59l6p5] {
            margin-top: 5px
        }

        .list-produtos[b-x41d59l6p5] {
            max-width: 360px;
        }
    }


    @media(max-width: 360px) {

        .campos-pesquisa[b-x41d59l6p5] {
            display: grid;
            row-gap: .5rem;
            column-gap: .5rem;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            grid-template-areas: "btn-mostrar" "btn-gravar" "btn-remover";
            color: #7e8dd7;
            border: 1px solid;
            border-radius: 2px;
            padding: 5px;
        }

        .btn-mostrar[b-x41d59l6p5] {
            margin-top: 5px
        }

        .btn-gravar[b-x41d59l6p5] {
            margin-top: 5px
        }

        .btn-remover[b-x41d59l6p5] {
            margin-top: 5px
        }

        .list-produtos[b-x41d59l6p5] {
            max-width: 345px;
        }
    }





    .btn-mostrar[b-x41d59l6p5] {
        grid-area: btn-mostrar;
    }

    .btn-gravar[b-x41d59l6p5] {
        grid-area: btn-gravar;
    }

    .btn-remover[b-x41d59l6p5] {
        grid-area: btn-remover;
    }
/* /Shared/SelectCheckBox.razor.rz.scp.css */


.caixa-selecao[b-io03tecxzf] {
    margin-top: 1px;
    position: absolute;
    width: auto;
    max-height: 45vh;
    border: 1px solid;
    background-color: azure;
    border-radius: 2px;
    color: #7e8dd7;
    
}

.pesquisa[b-io03tecxzf] {
   
    width: 100%;
    height: 65px;
    border: 1px solid;
    background-color: #4ec5f2;
    color: #7e8dd7;
}

.pesquisa-label[b-io03tecxzf]{

    font-size: 12px
}

.pesquisa-campo[b-io03tecxzf] {
    font-size: 12px;
    border: 1px solid;
    width: 90%;
    min-height: 20px;
}

.selecionar-opcao[b-io03tecxzf] {
    max-height: 37vh;
    overflow-x: auto;
}
/* /Shared/SelectCheckTextBox.razor.rz.scp.css */


.caixa-selecao-check[b-hn1e541l3m] {
    margin-top: 1px;
    position: absolute;
    width: auto;
    max-height: 45vh;
    border: 1px solid;
    background-color: azure;
    border-radius: 2px;
    color: #7e8dd7;
}

.fechar[b-hn1e541l3m] {
    width: 100%;
    height: 35px;    
    background-color: azure;
    color: #000000;
}

.pesquisa-label[b-hn1e541l3m] {
    font-size: 12px
}

.pesquisa-campo[b-hn1e541l3m] {
    font-size: 12px;
    border: 1px solid;
    width: 90%;
    min-height: 20px;
}

.selecionar-opcao[b-hn1e541l3m] {
    max-height: 37vh;
    overflow-x: auto;
}
/* /Shared/SubTituloForm.razor.rz.scp.css */
.titulo[b-dcv4lxnhmn] {
    font-weight: 900;
    /*font-variant: small-caps;*/
    /* font-stretch: expanded;*/
    color: #757575;
}

.contener-titulo-form[b-dcv4lxnhmn] {
    display: grid;
    grid-template-columns: auto auto 30px;
    grid-template-areas: "titulo-form titulo-form  close-form";
    margin-left: 10px;
    margin-bottom: 10px;
}

.titulo-form[b-dcv4lxnhmn] {
    grid-area: titulo-form;
    font-size: 15px;
    color: #3f51b5;
    text-align: left;
}

.close-form[b-dcv4lxnhmn] {
    grid-area: close-form;
    text-align: center;
    font-size: 22px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    align-content: flex-end;
    padding: 3px;
}

    .close-form:hover[b-dcv4lxnhmn],
    .close-form:focus[b-dcv4lxnhmn] {
        text-decoration: none;
        cursor: pointer;
        font-size: 25px;
        background-color: deepskyblue;
    }

@media screen and (max-width: 736px) {
    .titulo-form[b-dcv4lxnhmn] {
        grid-area: titulo-form;
        font-size: 22px;
        color: #3f51b5;
        text-align: left;
    }

    .close-form[b-dcv4lxnhmn] {
        grid-area: close-form;
        text-align: center;
        font-size: 18px;
        margin-right: 10px;
        width: 30px;
        height: auto;
        align-content: flex-end;
        padding: 3px;
    }

        .close-form:hover[b-dcv4lxnhmn],
        .close-form:focus[b-dcv4lxnhmn] {
            text-decoration: none;
            cursor: pointer;
            font-size: 20px;
            background-color: deepskyblue;
        }
}
/* /Shared/TituloForm.razor.rz.scp.css */
.titulo[b-e1f7cr4xil] {
    font-weight: 900;
    /*font-variant: small-caps;*/
    /* font-stretch: expanded;*/
    color: #757575;
}

.contener-titulo-form[b-e1f7cr4xil] {
    display: grid;
    grid-template-columns: auto auto 30px;
    grid-template-areas: "titulo-form titulo-form  close-form";
    margin-left: 10px;
    margin-bottom: 5px;
    
}

.titulo-form[b-e1f7cr4xil] {
    grid-area: titulo-form;
    font-size: 25px;
    color: #3f51b5;
    text-align: left;
}





.close-form[b-e1f7cr4xil] {
    grid-area: close-form;
    text-align: center;
    font-size: 22px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    align-content: flex-end;
    padding: 3px;
}

    .close-form:hover[b-e1f7cr4xil],
    .close-form:focus[b-e1f7cr4xil] {
       
        text-decoration: none;
        cursor: pointer;
        font-size: 25px;
        background-color: deepskyblue;
    }

@media screen and (max-width: 736px) {
    .titulo-form[b-e1f7cr4xil] {
        grid-area: titulo-form;
        font-size: 22px;
        color: #3f51b5;
        text-align: left;
    }

    .close-form[b-e1f7cr4xil] {
        grid-area: close-form;
        text-align: center;
        font-size: 18px;
        margin-right: 10px;
        width: 30px;
        height: auto;
        align-content: flex-end;
        padding: 3px;
    }

        .close-form:hover[b-e1f7cr4xil],
        .close-form:focus[b-e1f7cr4xil] {
            text-decoration: none;
            cursor: pointer;
            font-size: 20px;
            background-color: deepskyblue;
        }


}
/* /Shared/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-7k5w9znm1w] {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 1rem 1.5rem;
    animation: fadein-b-7k5w9znm1w 2s ease-out;
}

.floating-update-button[b-7k5w9znm1w] {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 1rem 1.5rem;
    animation: fadein-b-7k5w9znm1w 2s ease-out;
    width: auto;
    background-color: rgb(247, 213, 10)
}

@keyframes fadein-b-7k5w9znm1w {
    from {
        right: -100%;
    }

    to {
        right: 2rem;
    }
}
