*{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, .p {
    margin-bottom: 0 !important;
}


::placeholder {
    color: #D6D6D6; 
    font-style: italic; 
    font-size: 12px; 
}

/* Para compatibilidade com navegadores */
::-webkit-input-placeholder {
    color: #D6D6D6;
    font-style: italic;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #D6D6D6;
    font-style: italic;
    font-size: 12px;
}

:-moz-placeholder {
    color: #D6D6D6;
    font-style: italic;
    font-size: 12px;
}

::-moz-placeholder {
    color: #D6D6D6;
    font-style: italic;
    font-size: 12px;
}
body{
    margin: 0 !important;
    background-color: #F7F7F7;
}
a{
    text-decoration: none !important;
    color: inherit;
}
input:focus{
    border-color: #0D71B9;
    outline: none;
}

.header {

    position: fixed;  /* Remove do fluxo normal */

    top: 0;

    left: 0;

    background-color: #fff;

    display: flex;

    flex-direction: column;

    justify-content: space-between;  

    align-items: center;

    padding: 0 16px 16px 16px;

    width: 100px; 

    height: 100vh;

    z-index: 1001;

    transition: width 0.3s ease;

    overflow-y: scroll;

    overflow-x: hidden;

}



/* Expansão no hover */

.header:hover {

    width: 240px; 

}



/* Overlay que cobre toda a tela */

.overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background: transparent;

    transition: background 0.3s ease;

    z-index: 1000; /* Fica abaixo do header, mas acima do conteúdo */

    pointer-events: none; /* Permite a interação com os elementos abaixo */

}



/* Ativa o overlay quando o header está em hover */

.header:hover ~ .overlay {

    background: rgba(0, 0, 0, 0.5);

}

.hover-only {

    opacity: 0;

    display: none !important; 

    transition: opacity 0.3s ease;

}



.header:hover .hover-only {

    opacity: 1;

    display: block !important;

}

.header:hover .btn-alt-contrato{

    margin-top: 0;

}

.logos-container{

    display: flex;

    flex-direction: column;

    gap: 16px;

    align-items: center;

}

.header:hover .logos-container{

    flex-direction: row;

}

.new-icons-container{

    display: flex;

    flex-direction: column;

    gap: 2rem;

    align-items: center;

}
#main-content{
    padding: 12px;
    width: 100%;
    margin-left: 100px;
}
.container-dashboard{
    padding: 16px;
    display: flex;
}
.container-register{
    height: 100vh;
    background-color: #F1FAFF;
}
.container-register::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60vh;
    background: linear-gradient(0deg, rgba(13, 113, 185, 0.50) 0%, rgba(13, 113, 185, 0.50) 100%), 
                linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    z-index: 1;
    pointer-events: none; /* Ensures that the overlay does not interfere with clicks */
}
.container-register-form{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 10px 25px 0px #BEF3FF;
    display: inline-flex;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    width: 400px;
}
.container-card{
    border-radius: 10px;
    background: #FFF;
    padding: 20px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    width: 100%;
    border-radius: 8px;
    border: 0.5px solid #E0E0E0;  
}
.container-card-maxpd{
    border-radius: 10px;
    background: #FFF;
    padding: 36px 16px 36px 16px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    width: 100%;
    border-radius: 8px;
    border: 0.5px solid #E0E0E0;  
}
.container-card-maxpd-no-bt{
    border-radius: 10px;
    background: #FFF;
    padding: 36px 16px 36px 16px;
    border-radius: 0 0 8px 8px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    width: 100%;    
    border: 0.5px solid #E0E0E0;  
}
.container-card-db{
    border-radius: 10px;
    background: #FFF;
    padding: 20px;
    width: 100%;
}
.container-card-header{
    border-radius: 10px 10px 0px 0px;
    background: #0D71B9;
    padding: 3px 67px;
    color: #fff;
    font-family: Inter;
    font-size: 10px;
    width: 90%;
    margin-left: 5%;
    text-align: center;
}
.container-25w{
    width: 25%;
}
.container-card-footer{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px 0 32px;
}
.modal-header{
    text-align: center;
    display: block;
    border-bottom: 0 !important;
    padding: 32px 0 32px 0;
}
/*.modal-header::after {
    content: '';
    position: absolute;
    left: 20%;
    width: 70%;
    border-bottom: 1px solid #D9D9D9;
}*/
.modal-footer{
    border-top: 0 !important;
    justify-content: space-between;
    padding: 2.5% 5% 2.5% 4.8%;
}
.modal-dialog {
    max-width: 80%;   
}
.modal-body{
    padding: 0 5% 0 5%;
}
.form-input{
    display: flex;
    height: 30px;
    width: 100%;
    padding: 3px 10px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 4px;
    border: 0.5px solid #E0E0E0;
}
.form-input-br-right{
    display: flex;
    height: 30px;
    width: 100%;
    padding: 3px 10px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 4px 0 0 4px;
    border: 0.5px solid #E0E0E0;
}
.input-form{
    display: block;    
    border: none;
    margin-top: 0.5rem;
    width: 100%;
    height: 26px;
    border-radius: 4px;
    border: 0.5px #D9D9D9 solid;
    padding-left: 12px;
    height: 30px;
}
.input-form-textarea{
    display: block;
    border-radius: 4px;
    border: 0.5px #D9D9D9 solid !important;
    border: none;
    margin-top: 0.5rem;
    width: 100%;
    padding-left: 12px;
}
.input-form-textarea:focus {
    border-color: #0D71B9;
    outline: none; 
}
.form-group{
    width: 200px;
    overflow: hidden;
}
.form-group-auto{
    width: 100%;
    overflow: hidden;
}
.form-group-50{
    width: 50%;
    overflow: hidden;
}
.form-group-300x{
    width: 300px;
    overflow: hidden;
}
.form-group-23{
    width: 23%;
    overflow: hidden;
}
.form-group-max label, .form-group-custom label, .form-group-300x label, .form-group-23 label, .form-group label, .form-group-auto label, .form-group-50 label{
    margin-bottom: 10px;
}
.form-group-custom-fit-content{
    width: fit-content;
}
.form-group-custom{
    width: 30%;
}
.form-group-w400{
    width: 400px;
}
.label-form{
    display: block;
}
.container-csf-inputs{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: flex-start;
}
.container-contrato-inputs{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: flex-start;
}
.container-cadastro-sobre-fornecedor{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
}
.container-cadastro-contrato{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
    max-width: 1300px;
}
.container-cadastro-sobre-contato-db{
    display: flex;
    gap: 32px;
    padding: 32px 0 32px 0;
    border-bottom: 1px solid #D9D9D9;
}
.divide-line{
    background-color: #D9D9D9;
    width: 1px;
    height: auto;
    align-self: stretch;
}
.container-fornecedores{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px;
}
.container-fornecedor{
    width: 200px;
    padding: 16px;
    margin: 16px 0 16px 0;
    border-radius: 8px;
}
.container-fornecedor:hover{
    box-shadow: 0px 10px 20px 0px rgba(83, 183, 255, 0.30);
}
.container-custom-message{
    background-image: url('../images/msg-bg.png');
    background-size: cover;
    height: 100px;
    width: 100%;
    color: #fff;
    padding: 16px;
    border-radius: 10px;
}
.select-td{
    display: block;
    margin: auto;
    width: 200px;
    box-shadow: 0px 4px 4px 0px rgba(83, 183, 255, 0.30);
}
.input-file{
    display: block;
    margin: auto;
    width: 200px;
}
.select-parcelas{
    border: none;
    background-color: #F1F1F1;
    margin-top: 0.5rem;
    height: 26px;
}
.pr-4{
    padding-right: 1.5rem;
}
.status-em-aberto{
    border-radius: 20px;
    background-color: #CEA511;
    padding: 2px 10px;
    color: #fff;
    font-weight: 300;
}
.status-pago{
    border-radius: 20px;
    background-color: #47A739;
    padding: 2px 10px;
    color: #fff;
    font-weight: 300;
}
.status-vencido{
    border-radius: 20px;
    background-color: #E30324;
    padding: 2px 10px;
    color: #fff;
    font-weight: 300;
}
.search-input{
    box-shadow: 0px 4px 4px 0px rgba(83, 183, 255, 0.30);
    border: none;
    height: 30px;
    width: 100%;
}
.search-input::placeholder{
    color: #0D71B9;
}
.search-input-icon{
    background-color: #0D71B9;
    box-shadow: 0px 4px 4px 0px rgba(83, 183, 255, 0.30);
    width: 50px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Aplica o fundo azul e o border-radius ao ícone ativo */
.side-bar-icons-container.active {
    background-color: #0D71B9;
    border-radius: 10px;
}

/* Estilização para o ícone "Início" ativo */
.side-bar-icons-container-inicio.active {
    background-color: #0D71B9;
    border-radius: 10px;
}

/* Adiciona o ::after somente quando a sidebar está aberta */
.side-bar-icons-container.sidebar-open::after {
    content: "";
    position: absolute;
    right: -10px;
    width: 30px;
    height: 68px;
    margin-top: -12px;
    background-color: #0D71B9;
    z-index: 1; /* Garante que o ::after esteja visível */
}

/* Remove o ::after para ícones ativos sem sidebar aberta */
.side-bar-icons-container.active:not(.sidebar-open)::after {
    content: none;
}


/*.side-bar-icons-container.active svg path {
    fill: white; 
}*/
.side-bar-icons-container-inicio.active svg path {
    fill: white; /* Opcional, para mudar a cor do ícone */
}

.side-bar-icons-container.active p {
    color: white; /* Opcional, para mudar a cor do texto */
}
.side-bar-icons-container-inicio.active p {
    color: white; /* Opcional, para mudar a cor do texto */
}
.offcanvas.offcanvas-start{
    left: 144px !important;
    background-color: #0D71B9;
    padding-left: 0.3%;
    color: #fff;
}
.sidebar-category-divider{
    height: 1px;
    width: 100%;
    background-color: #fff;
    margin: 16px 0 16px 0;
}
.new-sidebar-category-divider{
    height: 1px;
    width: 100%;
    background-color: #6D6D6D;
    margin: 8px 0 8px 0;
}
.new-divider{
    height: 1px;
    width: 100%;
    background-color: #B3B3B3   ;
    margin: 8px 0 8px 0;
}
.offcanvas-sidebar-body{
    padding-top: 1.5rem;
}
.sidebar-category-container a{
    text-decoration: none;
    color: #fff;
}
.input-search{
    box-shadow: 0px 6.085px 6.085px 0px rgba(83, 183, 255, 0.30);
    border: none;
    padding: 6px;
    width: 400px;
}
.input-search-svg{
    width: 32px;
    height: auto;
    background-color: #0D71B9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-search-svg-wbg{
    width: 32px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-search::placeholder{
    color: #0D71B9;
}
.rubrica-container{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 1.5rem;
    width: 100%;
    padding: 12px;
}
.fornecedor-container{
    display: flex;
    align-items: center;
    width: 280px;
    height: 100%;
    gap: 16px;
    padding: 8px;
    overflow: hidden;
    border-radius: 4px;
    border: 0.5px #B3B3B3 solid;
}
.fornecedores-flex{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.fornecedor-container:hover{
    border-radius: 8px;
    box-shadow: 0px 10px 20px 0px rgba(83, 183, 255, 0.30)
}
.container-flex-end{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.input-search-container{
    width: 100%;
}
.fornecedores-flex a{
    text-decoration: none;
    color: #000000
}
.cnd-section{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
}
.flex-input{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
.table-relatorio td, tr{
    width: 12.5%;
}
.td-container-rubrica-nome{
    display: flex;
    flex-wrap: wrap;
    gap: 11px 9px;
}
.rubrica-group, .fornecedor-group{
    border-right: solid 1px #D9D9D9;
    padding-right: 32px;
}
.flex-buttons{
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}
.flex-top-container-contrato-show{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    min-height: 150px;
}
.flex-mid-container-contrato-show{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
    justify-content: space-between;
    width: 100%;
    height: 200px;
}
.flex-midh-container-contrato-show{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
    justify-content: space-between;
    width: 100%;
}
.table-pd th, .table-pd td{
    padding: 16px;
}
.container-pd{
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    align-items: center;
}
.container-divider{
    width: 1px;
    min-height: 150px;
    background-color: #D9D9D9;
}
.container-flex-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.container-investimentos-mensais{
    display: flex;
    justify-content: space-between;

}
.container-bb{
    border-bottom: 1px #D9D9D9 solid;
    padding-bottom: 48px;
    width: 100%;
    max-width: 1300px;
}
.container-bb-min{
    border-bottom: 1px #D9D9D9 solid;
    padding-bottom: 16px;
    padding-top: 16px;
}
.container-bb-min-nop{
    border-bottom: 1px #D9D9D9 solid;
}
.container-bb-min-nopt{
    border-bottom: 1px #D9D9D9 solid;
    padding-bottom: 16px;
}
.container-input-form{
    display: block;
    background-color: #F1F1F1;;
    border: none;
    margin-top: 0.5rem;
    width: 100%;
    height: 26px;
}
.mx-800{
    max-width: 800px;
}
.container-svg{
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    width: 180px;
    height: 87px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    cursor: pointer;
}
tbody a{
    text-decoration: none;
    color: #000000;
}
.form-control-sidebar{
    background-color: #F1F1F1;
    padding: 0px 8px;
    border: none;
    width: 90%;
}
.container-produtos-sidebar{
    border-bottom: #D9D9D9 1px solid;
    padding-bottom: 3rem;
}
.container-produtos-med-sidebar{
    display: flex;
}
.form-g{
    width: 100%;
}
.container-btns{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
}
.container-tips h5{
    font-size: 16px;
}
.container-plus{
    border-radius: 32px;
    border: 1px #A9A9A9 solid;
    width: 49%;
    height: 375px;
    display: flex;
    align-items: center;
}
.container-header-fixed{
    position: fixed;
    background-color: #fff;
    height: 100%;
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 0px 32px 0px;
}
.container-input {
    border-radius: 4px;
    background-color: #F1F1F1;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 93px;
    cursor: pointer; /* Adiciona um cursor de pointer para indicar que é clicável */
}
.container-input-cnd {
    border-radius: 4px;
    background-color: #F1F1F1;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    cursor: pointer; /* Adiciona um cursor de pointer para indicar que é clicável */
}
.container-input-mini {
    border-radius: 4px;
    background-color: #F1F1F1;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    cursor: pointer; /* Adiciona um cursor de pointer para indicar que é clicável */
}

.container-input svg {
    margin-right: 8px; /* Ajusta o espaçamento entre o SVG e o texto */
}

.d-none {
    display: none;
}
.container-adc-custeio-global-max{
    width: 25%;    
}
.container-adc-custeio-global{
    border-radius: 4px;
    border: 1px #0D71B9 solid;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #0D71B9;
    cursor: pointer;
    order: 999;
}
.bg-table-white {
    background-color: #fff !important;
    vertical-align: middle;
}

.bg-table-alternate {
    background-color: #F7F7F7 !important;
    vertical-align: middle;
}
.th-custom-table{
    background-color: #0D71B9 !important;
    color: #fff !important;
}
.container-cadastrar-novo-cg{
    display: flex;
    width: 250px;
    height: 300px;
    padding: 70px 31px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px #D9D9D9 solid;
}
.side-bar-icons-container.active svg path {
    stroke: white; /* Altera a cor da linha (bordas) dos ícones SVG */
}
.container-brasao-altcont{
    position: relative;
    margin-top: 1.5rem;
}
.svg-brasao-altcont{
    position: absolute;
    top: 90%;
    right: 20%;
}
.container-meses-custom{
    width: 110px;
    height: 20px;
    padding: 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background-color: #E7F1F8;
    color: #084571;
    cursor: pointer;
}
.container-mes-visualizar{
    display: block;
    margin: auto;
    width: 50%;
    height: 132px;
    padding: 38px 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 10px;
    background-color: #E7F1F8;
    color: #084571;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.container-contrato-visualizar{
    display: block;
    margin: auto;
    width: 100%;
    height: 132px;
    padding: 38px 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 10px;
    background-color: #F8EE96;
    color: #084571;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
#conteudoCnd {
    display: flex;
    justify-content: center;
    align-items: center;    
}
.container-svg-plus{
    display: flex;
    flex-direction: column;
    width: 229px;
    height: 110px;
    /*padding: 36px 43px;*/
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 0.5px solid #B3B3B3;
    order: 999;
    cursor: pointer;
}
.container-retencao{
    display: flex;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 0.5px solid #0D71B9;
    background-color: #E7F1F8;
    padding: 12px;
}
.container-retencao-fonte{
    display: inline-flex;
    padding: 10px 20px;
    flex-direction: row;
    align-items: center;
    color: #fff;
    gap: 10px;
    border-radius: 4px;
    background-color: #0D71B9;
}
.container-substituicao-tributaria{
    display: inline-flex;
    padding: 10px 20px;
    flex-direction: row;
    align-items: center;
    color: #fff;
    gap: 10px;
    border-radius: 4px;
    background-color: #0D71B9;
}
#documentos-reembolso-container{
    display: flex;
    flex-direction: column;
}
#add-documento-reembolso{
    order: 999;
}
.w-27{
    width: 26.85% !important;
}
.w-30{
    width: 30% !important;
}
.w-33{
    width: 33% !important;
}
.w-40{
    width: 40% !important;
}
.w-60{
    width: 60% !important;
}
.w-70{
    width: 70% !important;
}
.input-container {
    position: relative;
    width: 100%; /* Mantém o contêiner em 100% de largura */
    margin-bottom: 20px;
}

.input-wrapper {
    position: relative;
    width: 40%; /* Define a largura desejada do input */
}

.input-wrapper input {
    width: 100%; /* O input ocupa 100% da largura do wrapper (40% da tela) */
    padding-right: 35px; /* Espaço para o ícone */
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
}

.input-wrapper svg {
    position: absolute;
    right: 10px; /* Espaço da borda direita do input */
    top: 50%;
    transform: translateY(-50%); /* Centraliza o ícone verticalmente */
    pointer-events: none; /* O ícone não interfere no clique */
}
.input-form:disabled{
    background-color: #fff;
}
.tooltip-container {
    position: relative; /* Necessário para posicionar a div dentro do container */
    display: inline-block;
}

.tooltip-content {
    visibility: hidden; 
    width: 300px;
    background-color: #E7F1F8;
    color: #fff;
    text-align: left;
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    bottom: 125%; 
    left: 50%;
    margin-left: -100px; 
    opacity: 0; 
    transition: opacity 0.3s; 

}
.tooltip-content h6{
    color: #084571;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.tooltip-content p{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.tooltip-container:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}
.modalMessageSuccess{
    background-color: #E9FBE6 !important;
}
.modalMessageSuccess h5{
    color: #128100 !important;
}
.modalMessageError{

}
.h6-green{
    color: #128100;
    font-size: 14px;    
    font-weight: 700;
}
.p-date{
    color: #6D6D6D;
    font-size: 12px;
    font-weight: 700;
}
.h6-blue{
    color: #0D71B9;
    font-size: 14px;
    font-weight: 700;
}
.h6-grey{
    color: #6D6D6D;
    font-size: 14px;
    font-weight: 700;
}
.divide-line-vertical{
    background-color: #D9D9D9;
    width: 100px;
    height: 1px;    
}
.container-exibir-conteudo-sensivel{
    width: 350px;
    display: flex;
    height: 30px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 0.5px solid #0D71B9;
    cursor: pointer;
}
.container-exibir-conteudo-sensivel p{
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.container-desativar-fornecedor{
    width: 250px;
}
.desativar-fornecedor-label{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px; 
}
.input-checkbox{
    accent-color: #0D71B9;
    height: 16px;
    width: 16px;
}
.container-yellow-alert{
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 10px;
    background-color: #FDFBE6;
}
.container-yellow-alert h5{ 
    color: #918300;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.container-yellow-alert p{
    color: #6D6D6D;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}
select option:hover {
    background-color: #0d71b9; /* Cor de fundo ao passar o mouse */
    color: white; /* Cor do texto ao passar o mouse */
}
.container-total-avl{
    display: flex;
    height: 28px;
    padding: 0px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #E0E0E0;
    color: #6D6D6D;
}
.container-muito-bom-avl{
    display: flex;
    height: 28px;
    padding: 0px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #E7F1F8;
    color: #084571;
}
.container-bom-avl{
    display: flex;
    height: 28px;
    padding: 0px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #E9FBE6;
    color: #128100;
}
.container-ruim-avl{
    display: flex;
    height: 28px;
    padding: 0px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #FDFBE6;
    color: #918300;
}
.container-muito-ruim-avl{
    display: flex;
    height: 28px;
    padding: 0px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #FCE6E7;
    color: #8A040C;
}
.span-container-avl{
    width: 16px;
    display: inline-block;
}
.graficos-slider {
    display: flex;         
    flex-wrap: nowrap;     
    overflow-x: auto;       
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    cursor: grab;
    padding-bottom: 1rem;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}

.graficos-item {
    flex: 0 0 auto;          
    margin-right: 1rem;   
    width: 200px;
    height: 200px;
    transition: 0.3s;
}
.graficos-item:hover{
    transform: scale(1.2);
}

.graficos-slider.active {
    cursor: grabbing;
}
/* Para navegadores baseados em WebKit (Chrome, Safari, Edge, etc.) */
.graficos-slider::-webkit-scrollbar {
    height: 5px; /* Altura da barra de rolagem horizontal */
}

.graficos-slider::-webkit-scrollbar-track {
    background: transparent; /* Cor de fundo da pista, pode ser transparente ou outra cor */
    border-radius: 20px;
}

.graficos-slider::-webkit-scrollbar-thumb {
    background-color: #0D71B9; /* Cor do thumb */
    border-radius: 20px;
    border: none; /* Sem borda, mas se desejar, adicione uma borda */
}

/* Para Firefox */
.graficos-slider {
    /* Define a largura do scrollbar como 'thin' */
    scrollbar-width: thin;
    /* Define a cor do thumb e da track (track fica transparente) */
    scrollbar-color: #0D71B9 transparent;
}
.container-filtro-graficos-nome{
    display: inline-flex;
    height: 25px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #E0E0E0;
}
.container-filtro-graficos-avaliacao-ruim{
    display: inline-flex;
    height: 25px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #FDFBE6;
    color: #918300;
}
.container-filtro-graficos-avaliacao-muito-ruim{
    display: inline-flex;
    height: 25px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #FCE6E7;
    color: #8A040C;
}
.new-icons-container-bg{
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
}

.new-icons-container-bg:hover{
    background-color: #E7F1F8;
    border-radius: 4px;
    width: 100%;   
}

.new-icons-container-bg:hover .p-new-icons{
    color: #0D71B9
}

.new-icons-container-bg:hover .plus-icon path{
    fill: #9CC5E2 !important;
}

.header:hover .container-brasao-altcont-flex {
    display: flex;
    align-items: center;
    gap: 1rem;    
}

.new-icons-container-bg.administrativo,
.new-icons-container-bg.financeiro,
.new-icons-container-bg.juridico {
  position: relative;
}
.start-components{
    height: 500px;
}
.acesso-rapido-text{
    height: 100% !important;
}
.acesso-rapido-text p{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



/* Ao passar o mouse, oculta o SVG original */

.new-icons-container-bg:hover svg.icon-new-icons {
  opacity: 0;
  transition: opacity 0.3s ease;
}



/* Administrativo */

.new-icons-container-bg.administrativo:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px; /* ajuste conforme necessário */
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cg%20clip-path='url(%23clip0_1684_2548)'%3E%3Cpath%20d='M11.875%200H2.29167C1.025%200%200%201.025%200%202.29167V15.2083C0%2016.475%201.025%2017.5%202.29167%2017.5H7.78333C7.32081%2016.5232%207.08168%2015.4557%207.08333%2014.375C7.08333%2013.4167%207.26667%2012.5%207.61667%2011.6583C7.78333%2011.2333%207.99167%2010.825%208.23333%2010.45C8.77178%209.61177%209.47488%208.89165%2010.3%208.33333C10.725%208.04167%2011.175%207.8%2011.6583%207.61667C12.4537%207.28466%2013.3049%207.10651%2014.1667%207.09167V2.29167C14.1667%201.025%2013.1417%200%2011.875%200Z'%20fill='%239CC5E2'/%3E%3Cpath%20d='M11.6667%207.49998C11.6667%207.54165%2011.6667%207.58331%2011.6583%207.61665C11.175%207.79998%2010.725%208.04165%2010.3%208.33331H3.33333C2.875%208.33331%202.5%207.95831%202.5%207.49998C2.5%207.04165%202.875%206.66665%203.33333%206.66665H10.8333C11.2917%206.66665%2011.6667%207.04165%2011.6667%207.49998ZM8.23333%2010.45C7.99167%2010.825%207.78333%2011.2333%207.61667%2011.6583C7.58333%2011.6666%207.54167%2011.6666%207.5%2011.6666H3.33333C2.875%2011.6666%202.5%2011.2916%202.5%2010.8333C2.5%2010.375%202.875%209.99998%203.33333%209.99998H7.5C7.81667%209.99998%208.1%2010.1833%208.23333%2010.45ZM6.66667%204.99998H3.33333C3.11232%204.99998%202.90036%204.91218%202.74408%204.7559C2.5878%204.59962%202.5%204.38766%202.5%204.16665C2.5%203.94563%202.5878%203.73367%202.74408%203.57739C2.90036%203.42111%203.11232%203.33331%203.33333%203.33331H6.66667C6.88768%203.33331%207.09964%203.42111%207.25592%203.57739C7.4122%203.73367%207.5%203.94563%207.5%204.16665C7.5%204.38766%207.4122%204.59962%207.25592%204.7559C7.09964%204.91218%206.88768%204.99998%206.66667%204.99998Z'%20fill='%23E7F1F8'/%3E%3Cpath%20d='M14.375%2020C11.2733%2020%208.75%2017.4767%208.75%2014.375C8.75%2011.2733%2011.2733%208.75%2014.375%208.75C17.4767%208.75%2020%2011.2733%2020%2014.375C20%2017.4767%2017.4767%2020%2014.375%2020Z'%20fill='%230D71B9'/%3E%3Cpath%20d='M14.375%2017.5C14.1539%2017.5%2013.942%2017.4122%2013.7857%2017.2559C13.6294%2017.0996%2013.5416%2016.8877%2013.5416%2016.6667V12.0833C13.5416%2011.8623%2013.6294%2011.6504%2013.7857%2011.4941C13.942%2011.3378%2014.1539%2011.25%2014.375%2011.25C14.596%2011.25%2014.8079%2011.3378%2014.9642%2011.4941C15.1205%2011.6504%2015.2083%2011.8623%2015.2083%2012.0833V16.6667C15.2083%2016.8877%2015.1205%2017.0996%2014.9642%2017.2559C14.8079%2017.4122%2014.596%2017.5%2014.375%2017.5Z'%20fill='%23E7F1F8'/%3E%3Cpath%20d='M16.6667%2015.2084H12.0833C11.8623%2015.2084%2011.6504%2015.1206%2011.4941%2014.9643C11.3378%2014.808%2011.25%2014.596%2011.25%2014.375C11.25%2014.154%2011.3378%2013.942%2011.4941%2013.7858C11.6504%2013.6295%2011.8623%2013.5417%2012.0833%2013.5417H16.6667C16.8877%2013.5417%2017.0996%2013.6295%2017.2559%2013.7858C17.4122%2013.942%2017.5%2014.154%2017.5%2014.375C17.5%2014.596%2017.4122%2014.808%2017.2559%2014.9643C17.0996%2015.1206%2016.8877%2015.2084%2016.6667%2015.2084Z'%20fill='%23E7F1F8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_1684_2548'%3E%3Crect%20width='20'%20height='20'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}



/* Financeiro */

.new-icons-container-bg.financeiro:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cg%20clip-path='url(%23clip0_1686_2314)'%3E%3Cpath%20d='M15%2010C12.25%2010%2010%2012.25%2010%2015C10%2017.75%2012.25%2020%2015%2020C17.75%2020%2020%2017.75%2020%2015C20%2012.25%2017.75%2010%2015%2010ZM17.75%2016.5833C17.5833%2017.5%2016.8333%2018.1667%2015.9167%2018.1667H15.6667V18.5C15.6667%2018.8333%2015.3333%2019.1667%2015%2019.1667C14.6667%2019.1667%2014.3333%2018.8333%2014.3333%2018.5V18.1667H14.1667C13.5833%2018.1667%2013.0833%2017.9167%2012.6667%2017.5C12.3333%2017.0833%2012.6667%2016.4167%2013.1667%2016.4167C13.6667%2016.4167%2013.5833%2016.5%2013.75%2016.6667C13.8333%2016.75%2014%2016.8333%2014.1667%2016.8333H15.9167C16.1667%2016.8333%2016.3333%2016.6667%2016.4167%2016.4167C16.4167%2016.1667%2016.3333%2015.9167%2016%2015.8333L13.6667%2015.3333C12.75%2015.1667%2012.0833%2014.25%2012.25%2013.3333C12.4167%2012.4167%2013.1667%2011.75%2014.0833%2011.75H14.3333V11.4167C14.3333%2011.0833%2014.6667%2010.75%2015%2010.75C15.3333%2010.75%2015.6667%2011.0833%2015.6667%2011.4167V11.75H15.8333C16.4167%2011.75%2016.9167%2012%2017.3333%2012.4167C17.6667%2012.8333%2017.3333%2013.5%2016.8333%2013.5C16.3333%2013.5%2016.4167%2013.4167%2016.25%2013.25C16.1667%2013.1667%2016%2013.0833%2015.8333%2013.0833H14.0833C13.8333%2013.0833%2013.6667%2013.25%2013.5833%2013.5C13.5833%2013.75%2013.6667%2014%2013.9167%2014.0833L16.25%2014.5833C17.1667%2014.75%2017.8333%2015.6667%2017.6667%2016.5833H17.75ZM20%201.66667V5C20%205.5%2019.6667%205.83333%2019.1667%205.83333C18.6667%205.83333%2018.3333%205.5%2018.3333%205V2.83333L14.9167%206.25C13.8333%207.33333%2012%207.33333%2010.8333%206.25L8.75%204.16667C8.25%203.66667%207.5%203.66667%207.08333%204.16667L1.41667%209.75C1.25%209.91667%201%2010%200.833333%2010C0.666667%2010%200.416667%2010%200.25%209.75C-0.0833333%209.41667-0.0833333%208.91667%200.25%208.58333L5.91667%202.91667C7%201.83333%208.83333%201.83333%2010%202.91667L12.0833%205C12.5833%205.5%2013.3333%205.5%2013.75%205L17.1667%201.58333H15C14.5%201.58333%2014.1667%201.25%2014.1667%200.75C14.1667%200.25%2014.5%200%2015%200H18.3333C19.25%200%2020%200.75%2020%201.66667Z'%20fill='%230D71B9'/%3E%3Cpath%20d='M2.49992%2012.5V19.1667C2.49992%2019.6667%202.16659%2020%201.66659%2020C1.16659%2020%200.833252%2019.6667%200.833252%2019.1667V12.5C0.833252%2012%201.16659%2011.6667%201.66659%2011.6667C2.16659%2011.6667%202.49992%2012%202.49992%2012.5Z'%20fill='%239CC5E2'/%3E%3Cpath%20d='M6.66667%208.75002V19.1667C6.66667%2019.6667%206.33333%2020%205.83333%2020C5.33333%2020%205%2019.6667%205%2019.1667V8.75002C5%208.25002%205.33333%207.91669%205.83333%207.91669C6.33333%207.91669%206.66667%208.25002%206.66667%208.75002Z'%20fill='%239CC5E2'/%3E%3Cpath%20d='M10.0001%2010.8333C9.50008%2010.8333%209.16675%2010.5%209.16675%2010V8.33333C9.16675%207.83333%209.50008%207.5%2010.0001%207.5C10.5001%207.5%2010.8334%207.83333%2010.8334%208.33333V10C10.8334%2010.5%2010.5001%2010.8333%2010.0001%2010.8333Z'%20fill='%239CC5E2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_1686_2314'%3E%3Crect%20width='20'%20height='20'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}



/* Jurídico */

.new-icons-container-bg.juridico:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cg%20clip-path='url(%23clip0_1689_2496)'%3E%3Cpath%20d='M10.832%200.832005C10.832%200.800755%2010.832%200.773412%2010.8281%200.746068C10.7383%20-0.253932%209.16797%20-0.226588%209.16406%200.832005V1.66404H9.16016V3.33201H9.16406V18.332H4.16797C3.07812%2018.3359%203.07812%2019.9961%204.16797%2020H15.8359C16.9258%2019.9961%2016.9258%2018.3359%2015.8359%2018.332H10.8359' fill='%239CC5E2'/%3E%3Cpath%20d='M19.9531%2010.5586L17.4258%203.33984C17.0742%202.33594%2016.1289%201.66406%2015.0664%201.66406H10.832V3.33203H15.0664C15.1016%203.33203%2015.1367%203.33203%2015.1719%203.33984L12.5508%2010.5469C12.5156%2010.6367%2012.5%2011.25%2012.5%2011.25C12.5%2012.2734%2012.9258%2013.2656%2013.668%2013.9688C16.0078%2016.2188%2020.043%2014.5937%2020%2011.0859C20%2011.0859%2019.9844%2010.6484%2019.9531%2010.5586ZM14.5234%2010L16.2891%205.14063L17.9922%2010H14.5234Z' fill='%230D71B9'/%3E%3Cpath%20d='M9.62602e-05%2011.0859C-0.0428725%2014.5977%203.99228%2016.2227%206.33213%2013.9688C7.07432%2013.2656%207.5001%2012.2734%207.5001%2011.25C7.5001%2011.25%207.48057%2010.6406%207.44932%2010.5469L4.82822%203.33984C4.86338%203.33594%204.89853%203.33203%204.93369%203.33203H9.16807V1.66406H4.93369C3.87119%201.66406%202.92197%202.33594%202.57432%203.33984L0.0469713%2010.5586C0.0157213%2010.6484%209.62602e-05%2011.0859%209.62602e-05%2011.0859ZM2.00791%2010L3.71103%205.14063L5.47666%2010H2.00791Z' fill='%230D71B9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_1689_2496'%3E%3Crect%20width='20'%20height='20'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.container-a-new-icons{
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.master-container-new-icons-gradbg {
    width: 100%;
    background: none; /* sem gradient por padrão */
}
.master-container-new-icons-gradbg.active-gradient {
    background: linear-gradient(180deg, #E7F1F8 0%, rgba(231, 241, 248, 0) 100%);
    border: 1px solid #E7F1F8;
}
.plus-icon {
    transition: transform 0.3s ease;
}

/* Quando rotacionado, o ícone gira 45 graus (ajuste conforme necessário) */
.plus-icon.rotated {
    transform: rotate(45deg);
}
.cnds-message-container{
    display: flex;
    width: 400px;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    align-self: stretch;
    border-radius: 10px;
    background-color: #FDFBE6;
}
.cnds-message-container-mpd{
    display: flex;
    width: 100%;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    align-self: stretch;
    border-radius: 10px;
    background-color: #FDFBE6;
}
.cnds-message-container-mpd h6{
    color: #918300;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    text-align: left;
    padding-bottom: 0 !important;
}
.cnds-message-container-b{
    display: flex;
    width: 400px;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    align-self: stretch;
    border-radius: 10px;
    background-color: #E7F1F8;
}
.cnds-message-container-b h6{
    color: #0D71B9;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    text-align: left;
    padding-bottom: 0 !important; 
}
.cnds-message-container-b p{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    text-align: left;
    padding-bottom: 0 !important;
}
.cnds-message-container-sidebar{
    display: flex;
    width: auto;
    padding: 10px;
    gap: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;    
    align-self: stretch;
    border-radius: 10px;
    background-color: #FDFBE6;
    margin-top: 8px;
    margin-bottom: 8px;
}
.cnds-message-container h6{
    margin-top: 12px;
    color: #918300;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    text-align: left;
    padding-bottom: 0 !important;
}
.cnds-message-container-sidebar h6{
    color: #918300;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    text-align: left;
    padding-bottom: 0 !important; 
}
.cnds-message-container p, .cnds-message-container-sidebar p{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    text-align: left;
    padding-bottom: 0 !important;
}
.container-login-message {
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 1000;
    background: #E9FBE6; /* ou outra cor de fundo conforme o seu design */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    display: flex;
    padding: 40px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: 400px;
    /* Inicia fora da tela com translateX */
    transform: translateX(100%);
    transition: transform 0.5s ease;
}
.container-login-message p{
    color: #128100;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/* Classe que traz o alerta para dentro da tela */
.container-login-message.show {
    transform: translateX(0);
}
.container-despesa-cards{
  display: grid;
  gap: 12px;
  width: 100%;                           /* ocupa toda a largura do container */
  grid-template-columns: repeat(4, minmax(0, 1fr));  /* 4 por linha em telas largas */
}

/* quando a tela apertar, vai para 2 por linha */
@media (max-width: 1280px){
  .container-despesa-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* mobile: 1 por linha */
@media (max-width: 600px){
  .container-despesa-cards{
    grid-template-columns: 1fr;
  }
}

/* card interno continua flex, com ellipsis nos textos */
.despesa-card{
  display: flex; align-items: center; gap: 8px; padding: 16px;
  border-radius: 8px; border: 0.5px solid #E0E0E0; background: #FFF;
  min-width: 0; /* importante p/ não “forçar” largura no grid */
}
.despesa-card > div:first-child{ flex-shrink: 0; }
.despesa-card > div:last-child{ flex: 1 1 auto; min-width: 0; }
.despesa-card .h5-title, .despesa-card .subtitle-p{
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0;
}
.svg-despesa-card-aberto-filtro-bg{
    border-radius: 8px;
    background-color: #F8EE96;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
}
.svg-despesa-card-aberto-total-bg{
    border-radius: 8px;
    background-color: #F7F7F7;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
}
.svg-despesa-card-atraso-bg{
    border-radius: 8px;
    background-color: #FCE6E7;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
}
.svg-despesa-card-pagos-bg{
    border-radius: 8px;
    background-color: #E7F1F8;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
}


.container-notas-table{

}
.container-new-view-file{
    display: flex;
    height: 30px;
    padding: 0 8px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background-color: #F1F1F1;
}
.container-yellow-svg-alert{
    width: 100%;
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    background-color: #FDFBE6;
    color: #918300;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
.parcela-valor-input {
    margin-top: 10px;
}

.upload-area {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 32px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
}

.upload-area:hover,
.upload-area.dragover {
    border-color: #6366f1;
    background-color: #fafaff;
}

.upload-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.upload-placeholder p {
    color: #6b7280;
    font-size: 14px;
    margin: 0;
}

.file-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.file-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: #f3f4f6;
    border-radius: 6px;
    font-size: 13px;
}

.file-item span {
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
}

.file-item button {
    background: none;
    border: none;
    color: #ef4444;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
}

.file-item button:hover {
    color: #dc2626;
}





/****IMAGES****/
.img-guest{
    height: 60vh;
    object-fit: cover;
    object-position: 100% 20%;
    width: 100%;
    background-blend-mode: color, multiply, normal;
    display: block;
    position: relative;
}
.input-login{
    background-color: #F1F1F1;
    border: none;
}
.img-auth-user-header{
    width: 40px;
    height: 40px;
    border-radius: 60px;
    border: 2px solid #0D71B9;
    padding: 4px;
}
.logo-bio-header{
    width: 50px;
    height: 22px;
    flex-shrink: 0;
}
.container-img-auth-check-header{
    position: relative;
}
.img-auth-check-header{
    position: absolute;
    bottom: 0;
    right: 0;
}
.container-fornecedor img{
    border-radius: 8px;
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.fornecedor-container img{
    width: 90px;
    height: 90px;
    border-radius: 4px;
    flex-shrink: 0;
    object-fit: contain;
}
.input-hidden{
    background-color: #F1F1F1;
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: space-between;
    height: 26px;
    margin-top: 0.5rem;
}
.custom-sidebar{
    width: 50% !important;
}
.custom-sidebar-70{
    width: 70% !important;
}
.offcanvas-header-second{
    display: flex;
    flex-direction: column;    
    padding: 1rem;
}
.container-inputs-sidebar-offcanvascg{
    display: flex;
    justify-content: space-between;    
}
.container-offcanvas-bb{
    border-bottom: 1px #D9D9D9 solid;
    padding-bottom: 32px;
    padding-top: 32px;
}

.categoria-section{
    margin-top: 32px;
}
.container-cg-gm{
    margin-top: 2rem;
    display: flex;
    gap: 64px;
    width: 100%;
}
.container-list-custeio-global-max{
    width: 65%;
}
.rubrica-adc-container{
    background-color: #E7F1F8 !important;
    padding: 0px 20px !important;
    border-radius: 20px !important;
    width: fit-content !important;
    white-space: nowrap !important;
    color: #084571 !important;
    font-weight: 400 !important;
}
.container-list-cgm-mini{
    display: flex;
    gap: 16px;
    border-bottom: 1px #D9D9D9 solid;
    padding-bottom: 10px;
    padding-top: 10px;
    align-items: center;
}
.rubrica-list{
    display: flex;
    gap: 16px;
    align-items: center;
    max-width: 100%;
    overflow-x: auto;
    width: 900px;
    padding-bottom: 10px;
}
/* Estiliza a barra de rolagem horizontal */
.rubrica-list::-webkit-scrollbar {
    height: 4px; /* Define a altura da barra de rolagem */
    background-color: transparent; /* Torna o fundo da barra transparente */
}

/* Estiliza a trilha (track) da barra de rolagem */
.rubrica-list::-webkit-scrollbar-track {
    background-color: transparent; /* Torna a trilha da barra de rolagem transparente */
}

/* Estiliza o polegar (thumb) da barra de rolagem */
.rubrica-list::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Define uma cor para o polegar (thumb) */
    border-radius: 10px; /* Adiciona bordas arredondadas ao polegar */
}

/* Opcional: reduz ainda mais a visibilidade do polegar da barra de rolagem */
.rubrica-list::-webkit-scrollbar-thumb:hover {
    background-color: #999; /* Cor um pouco mais escura ao passar o mouse */
}

/* Para navegadores que suportam scrollbars nativas */
.rubrica-list {
    scrollbar-width: thin; /* Define a largura da barra de rolagem */
    scrollbar-color: #ccc transparent; /* Define a cor do polegar e da trilha da barra de rolagem */
}
.card-contratogestao{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(83, 183, 255, 0.30);
    display: flex;
    width: 250px;
    height: 300px;
    padding: 20px 30px;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.img-card-contratogestao{
    width: 120px;
    height: 121px;
    flex-shrink: 0;
    object-fit: contain;
}
.img-contrato-main-sidebar{
    width: 50%;
    height: auto;
    object-fit: cover;
    margin: auto;
    display: block;    
}
.container-compra-aprovada{
    display: flex;
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    background-color: #E9FBE6;
    border: none;
}
.custom-sidebar-medium{
    width: 30% !important;
}
.container-remover-svg{
    display: flex;
    height: 30px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;    
    border-radius: 4px;
    border: 1px solid #E30613;
    cursor: pointer;
}
.container-parcelas-date{
    display: flex;
    height: 30px;
    padding: 0 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 0.5px solid #6D6D6D;    
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.154px;
}
.btn-clear-filtros {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 20px;
    border: 1px solid #DC3545;
    background: #FFF;
    color: #DC3545;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s ease;
}
.btn-clear-filtros:hover {
    background: #DC3545;
    color: #FFF;
}
.btn-clear-filtros svg {
    width: 14px;
    height: 14px;
}













/****TEXTS****/
.container-parcelas-date-bottomp {
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.132px;
}
.h5-blue{
    color: #0D71B9;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.176px;
    display: flex;
}
.container-a-new-icons h6{
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.143px;
    color: #6D6D6D;
}
.a-new-icon{
    font-weight: 500;
    font-size: 13px;
    color: #6D6D6D;
    letter-spacing: -0.143px;
}
.p-new-icons{
    font-size: 14px;
    font-weight: 700;
    color: #6D6D6D;
}
.p-mudar-contrato{
    display: flex;    
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-top: 0.5px solid #B3B3B3;
    border-bottom: 0.5px solid #B3B3B3;
    font-size: 12px;
    color: #6D6D6D;
    text-align: center;
    padding: 5px 0 5px 0;
}
.p-user-type-new-sidebar{
    font-size: 12px;
    color: #6D6D6D;
}
.p-user-name-new-sidebar{
    color: #0D71B9;
    font-size: 14px;    
    font-weight: 700;
}
.p-questao-nome{
    align-self: stretch;
    color: #000;    
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.p-questao-resposta-muito-ruim{
    display: flex;
    height: 28px;
    width: fit-content;
    padding: 0px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background-color: #FCE6E7;
    color: #8A040C;
}
.p-questao-resposta-ruim{
    display: flex;
    height: 28px;
    width: fit-content;
    padding: 0px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background-color: #FDFBE6;
    color: #918300;
}
.p-questao-resposta-bom{
    display: flex;
    height: 28px;
    width: fit-content;
    padding: 0px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background-color: #E9FBE6;
    color: #128100;
}
.p-questao-resposta-muito-bom{
    display: flex;
    height: 28px;
    width: fit-content;
    padding: 0px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background-color: #E7F1F8;    
    color: #084571;
}
.p-date-avaliacao-sidebar{
    color: #B3B3B3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.176px;
}
.a-vis{
    color: #0D71B9;    
    font-size: 12px;    
    font-weight: 400;
}
.p-validar{
    color: #0D71B9;
    cursor: pointer;
}
.container-remover-svg p{
    color: #E30613;    
    font-size: 14px;
    font-weight: 400;    
}
.container-cadastrar-novo-cg h5{
    color: #404040;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.modal-title{
    color: #0D71B9;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.176px;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
}
.container-list-custeio-global-max h5{
    color: #0D71B9;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.container-list-custeio-global-max p{
    color: #084571;
    font-size: 12px;
    font-weight: 400;
}
.label-form-title{
    color: #0D71B9;
    font-weight: 700;
    font-size: 14px;
}
.container-cadastro-sobre-fornecedor h5, .container-cadastro-sobre-contato-db h5, .container-cadastro-dados-bancarios h5, .container-cadastro-contrato h5 {
    color: #0D71B9;
    font-weight: 700;
    padding-bottom: 1rem;
}
.container-fornecedor h4{
    font-size: 14px;
    text-align: left;
}
.container-fornecedor p{
    font-size: 12px;
}
.p-email{
    font-size: 8px !important;
}
.td-file-extension{
    border-radius: 20px;
    border: 1px solid #000;
    padding: 0px 10px;
    width: auto;
    display: inline-block;
}
.side-bar-icons-container{
    color: #0D71B9;
    padding: 12px;
}
.side-bar-icons-container-inicio{
    color: #0D71B9;
    padding: 12px;
}
.side-bar-links{
    text-decoration: none;
    cursor: pointer;
}
.sidebar-title h6{
    font-weight: 700;
    padding-bottom: 16px;
}
.show-fornecedores-container h5{
    color: #0D71B9;
    font-style: normal;
    font-weight: 700;    
}
.fornecedor-container p{
    font-size: 14px;
}
.offcanvas-att-cnds h5{
    color: #0D71B9;
    font-weight: 700;
}
.p-emitido-valido{
    color: #0D71B9;
    font-weight: 700;
}
.h6-label-cnd{
    padding: 0 !important;
}
.container-ev-attcnd p{
    background-color: #E7E7E7;
    padding: 0px 10px;
    color: #0D71B9;
    font-weight: 700;
}
.h5-title{
    width: 100%;
    text-align: left;
    color: #0D71B9;
    font-weight: 700;
}
.h5-title-fw-500{
    width: 100%;
    text-align: left;
    color: #0D71B9;
    font-weight: 500;
}
.h5-title-b{
    width: 100%;
    text-align: left;
    font-weight: 700;
    color: #000 !important;
}
.label-rubrica-nome{
    border-radius: 50px;
    border: 1px solid #000;
    padding: 2px 10px;
    font-size: 12px;
}
.a-visualizar{
    color: #0D71B9;
    font-weight: 700;
    text-decoration: none;
}
.p-money{
    font-size: 24px;
    font-weight: 700;
}
.flex-mid-container-contrato-show h5{
    font-weight: 700;
    text-align: center;
    padding: 16px;
}
.flex-mid-container-contrato-show h6{
    font-weight: 700;
}
.flex-mid-container-contrato-show p{
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}
.flex-midh-container-contrato-show h5{
    font-weight: 700;
    text-align: start;
    padding: 16px 0 16px 0;
}
.flex-midh-container-contrato-show h6{
    font-weight: 400;
    font-size: 16px;
}
.flex-midh-container-contrato-show p{
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px;
}
.container-svg p{
    color: #0D71B9;
    font-size: 12px;
    font-weight: 700;
}
.h5-title-sidebar{
    color: #0D71B9;
    font-weight: 700;
    border-bottom: 1px #D9D9D9 solid;
    padding-bottom: 16px;
}
.form-check-label{
    font-size: 12px;
    font-style: italic;
}
.form-check-label-normal{
    font-size: 14px;
}
.container-top-reembolso{
    display: flex;
    align-items: center;    
    gap: 32px;
    border-bottom: 1px #D9D9D9 solid;
    padding: 16px 0 16px 0;
}
.container-top-reembolso-wb{
    display: flex;
    align-items: end;    
    gap: 32px;    
    padding: 16px 0 16px 0;
}
.container-top-reembolso-divider{
    width: 1px;
    background-color: #D9D9D9;
    height: 100px;
}
.documento-reembolso{
    display: flex;
    gap: 16px;
}
.input-cnd{
    font-size: 12px;
    color: #0D71B9;
    font-weight: 700;
}
.table-pd th, .table-pd td {
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
}
.documento-reembolso label{
    font-size: 12px;
}
.p-disclaimer{
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: #B3B3B3;
    margin-top: 8px;
    text-align: center;
}
.card-contratogestao{
    color: #0D71B9;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
.page-title{
    text-transform: uppercase;
}
.page-subtitle{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
    letter-spacing: -0.154px;
    width: 100%;
    margin-top: 8px;
}
.subtitle-p{
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
    letter-spacing: -0.154px;
    width: 100%;
}
.p-30w{
    width: 30px;
    margin-top: 0.5rem;
}
.fz-12px{
    font-size: 12px;
}
table td {
    font-size: 14px; 
    color: #6D6D6D !important;
}
.fs-12{
    font-size: 12px !important;
}
.white-space-now-flex-zz{
    white-space: nowrap; 
    flex: 0 0 auto;
}
.container-historico-oficio-date{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container-historico-oficio-date h4{
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;    
    letter-spacing: -0.33px;
}
.container-historico-oficio-date h5{
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.154px;
}
.container-historico-oficio-status{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.container-historico-oficio-status h6{
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.154px;
}
.container-historico-oficio-status p{
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.154px;
}
.btn-reg-respo-rec{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #6D6D6D;
    background-color: #F7F7F7;
    color: #6D6D6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-cancelar-sidebar-resp{
    display: flex;
    height: 40px;
    padding: 5px 44px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #E30613;
    color: #E30613;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: transparent;
}
.btn-adc-sidebar-resp{
    display: flex;
    height: 40px;
    padding: 5px 44px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-custom-gray{
    display: flex;
    width: 300px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #6D6D6D;
    background-color: #F7F7F7;
    color: #6D6D6D;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.132px;
}











/****BTN****/

.btn-cnd-red{
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #8A040C;
    background-color: #FCE6E7;
    color: #8A040C;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-cnd-yellow{
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #918300;
    background-color: #FDFBE6;
    color: #918300;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-register{
    background-color: #0D71B9;
    padding: 2px 8px;
    margin-left: 12px;
}
.btn-registrar{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-cadastrar-new{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    color:  #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-cadastro{
    border-radius: 10px;
    background: #0D71B9;
    padding: 6px 12px;
    color: #fff;
    border: none;
    font-size: 16px;
    text-decoration: none;
}
.btn-cadastro-mdr{
    width: 100%;
    border-radius: 4px;
    background: #0D71B9;
    padding: 6px 12px;
    color: #fff;
    border: none;
    font-size: 14px;
    text-decoration: none;
}
.btn-ver-todos-fornecedores{
    border-radius: 10px;
    background: #FFF;
    padding: 6px 12px;
    color: #0D71B9;
    font-size: 12px;
    border: none;
}
.btn-fechar-modal{
    border: 0.5px solid #E30613;
    background-color: #FFF;
    padding: 5px 50px;
    color: #E30613;
    border-radius: 4px;
}
.btn-cadastrar{
    background-color: #0D71B9;
    padding: 5px 50px;
    color: #fff;
    border: none;
    text-decoration: none;
    border-radius: 4px;
}
.btn-ver-comprovante{
    background-color: #0D71B9;
    padding: 5px 35px;
    color: #fff;
    border: none;
    text-decoration: none;
    border-radius: 4px;
}
.btn-atualizar-cnds{
    padding: 5px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    background-color: #0D71B9;
    color: #fff;
    border: none;
}
.btn-atualizar-cnd{
    padding: 5px 20px;
    color: #fff;
    border: none;
    background-color: #0D71B9;
}
.btn-cnd-vencida{
    border-radius: 20px;
    background-color: #F4999E;
    padding: 2px 10px;
    border: none;
    color: #000;
}
.btn-cnd-vh{
    border-radius: 20px;
    background-color: #F8EE96;
    padding: 2px 10px;
    border: none;
    color: #000;
}
.btn-cnd-dpv{
    border-radius: 20px;
    background-color: #A3ED96;
    padding: 2px 10px;
    border: none;
    color: #000;
}
.btn-anexado{
    border-radius: 10px;
    background-color: #A3ED96;
    border: none;
    padding: 4px 14px;
    text-decoration: none;
    color: #000;
}
.btn-n-anexado{
    border-radius: 10px;
    background-color: #F8EE96;
    border: none;
    padding: 4px 14px;
    text-decoration: none;
    color: #000;
}
.btn-pago{
    border-radius: 10px;
    background: #A3ED96;
    padding: 4px 14px;
    border: none;
    text-decoration: none;
    color: #000;
}
.btn-n-pago{
    border-radius: 10px;
    background: #F2918F;
    padding: 4px 14px;
    border: none;
    text-decoration: none;
    color: #fff;
}
.btn-pendente{
    border-radius: 10px;
    background: #FFD200;
    padding: 4px 14px;
    border: none;
    text-decoration: none;
    color: #fff;
}
.btn-adc-doc{
    width: 100%;
    border-radius: 8px;
    border: 1px #D9D9D9 solid;
    padding: 8px 77px;
    color: #0D71B9;
    background-color: #fff;
}
.btn-login{    
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background-color: #0D71B9;
    color: #fff;
    border: none;
}
.btn-logout{
    border: none;
    font-size: 14px;
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    border: 0.5px #0D71B9 solid;
    background-color: #fff;
    color: #0D71B9;
}
.btn-adc{
    border: none;
    font-size: 14px;
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: flex-start;
    gap: 10px;
    width: fit-content;
    border-radius: 4px;
    border: 0.5px #0D71B9 solid;
    background-color: #fff;
    color: #0D71B9;
}
.btn-alt-contrato{

    border: none;
    font-size: 12px;
    display: flex;
    height: 20px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;    
    border-radius: 4px;
    border: 0.5px #6D6D6D solid;
    background-color: #fff;
    color: #6D6D6D;
    width: 80%;
    margin: 12px auto 0 auto;
}
.btn-status-orcamento{
    display: flex;
    height: 20px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #E0E0E0;
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
}
.btn-salvar{
    display: inline-flex;
    height: 30px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #918300;
    background-color: #fff;
    color: #918300;
}
.btn-salvar-blue{
    display: flex;
    height: 30px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    color: #084571;
    background-color: #fff;
}
.btn-info-salvas{
    display: inline-flex;
    height: 40px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #159400;
    background-color: #fff;    
    color: #159400;
}
.btn-m-op{
    display: flex;
    height: 20px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #E9FBE6;
    color: #128100;
    font-size: 12px;
    border: none;
}
.btn-voltar-modal-alert{
    padding: 5px 50px;
    background-color: #E9FBE6;
    color: #128100;
    border: 0.5px solid #128100;
}
.btn-voltar{
    display: inline-flex;
    height: 30px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #E30613;
    color: #E30613;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn-fechar-modal-alert{
    background-color: #128100;
    padding: 5px 50px;
    color: #fff;
    border: none;
    text-decoration: none;
    border-radius: 4px;
}
.remove-rubrica-btn{
    height: 100%;
}
.btn-select-contrato{
    display: flex;
    height: 30px;
    padding: 5px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 4px;
    background-color: #0D71B9;
    color: #F7F7F7;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    white-space: nowrap;
}
.btn-edit-contrato{
    display: flex;
    height: 30px;
    padding: 5px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 4px;
    border: 0.5px solid #0D71B9;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.btn-export{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-export-v2{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-export-v3{
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.btn-visualizar{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
}
.btn-visualizar p{
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-filtro-despesa-atraso{
    display: flex;
    height: 40px;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #8A040C;
    background-color:#FCE6E7;
    color: #8A040C;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-filtro-despesa-vhj{
    display: flex;
    height: 40px;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #918300;
    background-color: #FDFBE6;
    color: #918300;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-filtro-despesa-atraso,
.btn-filtro-despesa-vhj{
  white-space: nowrap;   /* tudo numa linha */
  flex: 0 0 auto;        /* não encolher a ponto de forçar quebra */
}

/* ajustar o <p> interno */
.btn-filtro-despesa-atraso p,
.btn-filtro-despesa-vhj p{
  margin: 0;
  white-space: nowrap;   /* garante no elemento de texto */
}

/* o ícone não deve encolher */
.btn-filtro-despesa-atraso svg,
.btn-filtro-despesa-vhj svg{
  flex-shrink: 0;
}
.btn-excluir-wsvg{
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 4px;    
    border: 1px solid #E8303B;
    background-color: #fff;
    color: #E8303B;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-adc-container-new{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 0.5px solid #0D71B9;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #fff;
    width: 100%;
    margin: 24px 0 24px 0
}
.btn-adc-destinatario{
    display: flex;
    height: 30px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    border: 0.5px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    margin: 24px 0 24px 0;
}
.btn-adc-vincula{
    display: flex;
    height: 30px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 0 4px 4px 0 ;
    border: 0.5px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}
.btn-status-cnd-n{
    display: flex;
    height: 30px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    width: 300px;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn-registrar-doc-comuni{
    display: flex;
    height: 40px;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #0D71B9;
    background-color: #E7F1F8;
    color: #0D71B9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 24px 0 24px 0;
}
.btn-oficios-enviados{
    display: flex;
    height: 32px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #EED600;
    background-color: #FDFBE6;
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn-oficios-recebidos{
    display: flex;
    height: 32px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #1ED300;
    background-color: #E9FBE6;
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn-oficios-arquivados{
    display: flex;
    height: 32px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #6D6D6D;
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: #fff;
}