@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);body{font-family:Raleway,Tahoma,Geneva,sans-serif}body,figure,h1,h2,h3,input,ul{margin:0;padding:0}button{border:none;font-family:inherit;background:none}:root{--menu-bg-color:#535e87;--sub-menu-bg-color:#b4c0ee;--bg-color:#efefef;--cor-verde:#04a777;--cor-vermelho:#ff495c;--cor-azul:#a8e0ff;--cor-rosa:#ffd5c2}a{text-decoration:none;color:#fff}a:hover{text-decoration:underline}.body{background-color:var(--bg-color)}.body,.fundo{display:flex;align-items:stretch;min-height:100vh}.fundo{background-color:aqua}ul{list-style-type:none}h1{font-size:30px}h1,h2{font-weight:400}h2{font-size:25px}.-cor-verde{color:var(--cor-verde)}.-cor-vermelho{color:var(--cor-vermelho)}.main-menu{background-color:var(--menu-bg-color);display:flex;width:15%;justify-content:center;padding-top:40px}.main-menu .logo{display:flex;flex-direction:column;align-items:center}.main-menu .logo img{width:50%}.main-menu .logo figcaption{display:flex;flex-direction:column;align-items:center}.main-menu .logo h1{color:#fff;font-size:25px;font-weight:600}.main-menu .logo h2{color:#fff;font-size:17px}.main-menu .botoes{display:flex;flex-direction:column;align-items:stretch}.botao{display:flex;justify-content:center;padding:20px 35px;border-radius:30px;border:1px solid #fff;margin:10px 0;color:#fff;font-size:25px;font-weight:300;text-decoration:none}.botao img{padding-right:10px}.botao:hover{transform:scale(1.08)}.botao:active{background-color:#fff;color:var(--menu-bg-color)}.main-menu-mobile{display:none}@media (max-width:980px){.main-menu{display:none}.main-menu-mobile{display:flex;flex-direction:column;padding:0 40px}.botao{background-color:var(--menu-bg-color)}}.main-body{display:flex;flex-direction:column;width:85%;align-items:stretch}.main-body .head{background-color:#fff;display:flex;justify-content:space-between;padding:10px 20px 20px}.main-body .head h1{font-size:50px}.main-body .head .logo{display:flex}.main-body .head .logo-mobile{display:none}.main-body .head .profile{display:flex;justify-content:end;align-items:center;gap:15px;width:60%}.main-body .head .profile figcaption{display:flex;flex-direction:column;text-align:end}.main-body .main{display:flex;height:450px;justify-content:space-around;align-items:center}.main-body .main .quadro{display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:30px;height:400px;width:40%;box-shadow:-3px 1px 34px -15px rgba(0,0,0,.75)}.main-body .main .quadro.-menor{height:250px;width:20%}@media (max-width:980px){.main-menu{display:none}.main-body{width:100%}.main-body .main .quadro{width:90%;background-color:#fff;height:430px}.main-body .main .quadro.-menor{display:none}.main-body .head{background-color:var(--menu-bg-color);justify-content:space-between;padding:10px 10px 10px;color:#fff}.main-body .head .logo{display:none}.main-body .head .logo-mobile{display:flex}.main-body .head .logo-mobile .img-logo{width:25%}.main-body .head h1{font-size:30px;font-weight:600}.main-body .head h2{font-size:15px}.main-body .head h3{font-size:11px;font-weight:600}}.main-destaque{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:stretch;min-height:30px;margin-top:20px}.main-destaque .quadro{background-color:#fff;border-radius:30px 30px 0 0;width:25%}.main-destaque .quadro .titulo{display:flex;justify-content:center;align-items:center;padding-top:10px;flex-direction:column;border-radius:30px 30px 0 0;color:#fff}.main-destaque .quadro .titulo h1{font-size:40px}.main-destaque .quadro .titulo.-verde{background-color:var(--cor-verde)}.main-destaque .quadro .titulo.-vermelho{background-color:var(--cor-vermelho)}.main-destaque .quadro .titulo.-azul{background-color:var(--menu-bg-color)}.main-destaque .quadro .titulo .msg{font-weight:300;font-size:13px}.main-destaque .quadro .documentos{padding:10px 5px;border-bottom:2px solid var(--bg-color)}.main-destaque .quadro .linha{display:flex;justify-content:space-between}@media (max-width:980px){.main-destaque{display:none}}.main-grafico{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:90%;height:95%}.main-grafico .btn-grafico{display:flex;background-color:#fff}.main-grafico button{display:none;background:none;border:none}.main-grafico .grafico,.main-grafico .wrapper-grafico{display:flex}.main-grafico .legendas h3{font-weight:400}.main-grafico .legendas .linha{display:flex;flex-direction:column;align-items:center;padding:10px 0}.main-grafico .legendas .linha.-verde{color:var(--cor-verde)}.main-grafico .legendas .linha.-vermelho{color:var(--cor-vermelho)}.main-grafico .legendas .linha.-azul{color:var(--menu-bg-color)}.main-grafico .grafico-bottom{display:flex;justify-content:space-around;width:100%}.main-grafico .grafico-bottom button{width:30%;height:40px;background-color:#c7c5c5;border-radius:10px}@media (max-width:980px){.main-grafico .legendas{display:flex;height:350px;flex-wrap:wrap;align-items:center;justify-content:space-around}.main-grafico .legendas .linha{width:200px;font-size:20px}.main-grafico button{display:inline-block}}.main-login{background-color:var(--menu-bg-color);min-height:100vh}.main-login .wrapper{display:flex;align-items:center}.main-login .logo{margin-bottom:50px}.main-login .logo,.main-login .logo figcaption{display:flex;flex-direction:column;align-items:center}.main-login .logo h1{color:#fff;font-size:25px;font-weight:600}.main-login .logo h2{color:#fff;font-size:17px}.sub-menu,.sub-menu-body{display:flex}.sub-menu{background-color:var(--cor-azul);flex-direction:column;width:20%;padding:5px}.sub-menu-suspenso{display:none;flex-direction:row;align-items:flex-start;gap:5px;position:absolute;top:115px;left:5px}.sub-menu .botao-top{display:flex;width:98%;justify-content:flex-end}.sub-menu a{color:#000}.wrapper{display:flex;flex-direction:column;align-items:center;padding:10px 10px}.wrapper h1{color:#000;font-weight:600}.sub-menu .botao{display:flex;justify-content:center;padding:10px 35px;border-radius:30px;border:0;margin:10px 0;background-color:var(--sub-menu-bg-color);color:#000;font-size:25px;font-weight:300;text-decoration:none}.sub-menu .btn-fechar-menu{display:none}.sub-menu-body .main{display:flex;justify-content:flex-start;align-items:flex-start;width:80%;padding:10px 5px;min-height:800px;height:100%}@media (max-width:980px){.sub-menu-suspenso{display:flex}.sub-menu .btn-fechar-menu{display:inline-block}.sub-menu{position:absolute;top:120px;left:0;width:100%;height:100%}.sub-menu-body .main{width:95%}}.relatorio{flex-direction:column;margin-top:10px}.relatorio,.relatorio .selecionar-mes{display:flex;width:100%;align-items:center}.relatorio .selecionar-mes{justify-content:space-around}.relatorio .table-container{width:100%;overflow-x:auto;margin:0 auto}.relatorio table{width:80%;margin:20px auto;border-collapse:collapse;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.relatorio th,td{border:1px solid #ddd;padding:10px;text-align:right;font-family:Courier New,Courier,monospace}.relatorio .-esquerda{text-align:left}.relatorio th{background-color:#4caf50;color:#fff}.relatorio tr:nth-child(2n){background-color:#f2f2f2}.relatorio tr:hover{background-color:#ddd}.relatorio h2{color:#333}.totais{display:flex;justify-content:space-evenly;gap:60px}.totais .colunas{display:flex;gap:10px;flex-direction:column;min-width:200px}.totais .linha h2,label{align-items:flex-end}.totais .linha h2,.valor-detalhe,label{display:flex;flex-direction:column}.valor-detalhe .linha{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:600px){td,th{padding:8px}table{width:100%}.totais{gap:10px}.totais .colunas{gap:5px;min-width:100px}}.form-grid{display:flex;flex-direction:column;justify-content:flex-start;font-family:Tahoma,Arial,sans-serif;margin:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.form-grid .wrapper{background-color:#fff;border-radius:10px;padding:0 0 20px}.form-grid .header{display:flex;flex-direction:row;justify-content:space-between;align-self:stretch;padding:30px;gap:10px;border-bottom:1px solid #e0e0e0}.form-grid .header h3{font-weight:100;color:#929292}.form-grid .pagecontrol{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;padding:10px 30px 0}.form-grid .pagecontrol .tabs{display:flex;list-style:none;padding:0;margin:0;border-bottom:1px solid #e0e0e0}.form-grid .pagecontrol .tabs li a{text-decoration:none;color:#000;padding:8px 30px;display:block;font-family:Tahoma,Arial,sans-serif;font-weight:400;font-size:20px;border-bottom:1px solid #e0e0e0}.form-grid .pagecontrol .tabs li a.active{color:blue;border-bottom:1px solid blue}.form-grid .pagecontrol .tabs li a:hover{color:blue}.form-grid .periodo-inputs{display:flex}.form-grid .periodo-inputs .input-date{border:none;background:transparent;font-size:18px;font-weight:500;color:#333;margin:0;padding:5px;width:180px}.form-grid .paginacao{display:flex;padding:10px 0;color:#686868;gap:5px;align-items:center}.form-grid .paginacao button{border:1px solid #bcbaba;border-radius:5px;cursor:pointer;padding:5px}.form-grid .grid-colunas{display:flex;flex-direction:row;justify-content:space-around;align-content:stretch;align-self:stretch}.form-grid .grid-colunas .grid-col{flex:1;padding:5px 10px 15px;display:block;font-family:Tahoma,Arial,sans-serif;font-weight:400;font-size:18px;color:#797878;border-bottom:1px solid #e0e0e0}.form-grid .grid-colunas .grid-col.-conteudo{color:#444;border:0;padding:5px 10px}.form-grid .wrapper-filtro{display:flex;justify-content:space-between}.form-grid .filtro{display:flex;justify-content:flex-start;margin:10px 0;gap:10px;flex-wrap:wrap}.form-grid .wrapper-filtro .totais{display:flex;flex-direction:column;justify-content:flex-start;text-align:right;gap:5px}.form-grid .wrapper-filtro .totais h2{font-size:20px}.form-grid .grid-thin{display:none}.form-grid .grid-large{display:flex;flex-direction:column}@media (max-width:1300px){.form-grid{width:100%}.form-grid .grid-thin{display:flex;flex-direction:column}.form-grid .grid-large{display:none}.form-grid .grid-card{display:flex;flex-direction:column;font-family:Tahoma,Arial,sans-serif;font-weight:100;font-size:18px;border:1px solid #e0e0e0;margin-bottom:10px;border-radius:6px;padding:10px;gap:10px}.form-grid .grid-card .card-linha{display:flex;flex-direction:row;justify-content:space-between}}.custom-select-wrapper{display:flex;align-items:center;border:1px solid #ccc;border-radius:6px;padding:6px;background:#fff;width:-moz-fit-content;width:fit-content;cursor:pointer;font-family:system-ui,sans-serif;gap:10px}.custom-select{border:none;background:transparent;font-size:18px;font-weight:500;color:#333;margin:0;padding:5px;width:180px;cursor:pointer}.form-novo{display:flex;flex-direction:column;justify-content:center;font-family:Arial,sans-serif;width:100%}.form-novo .header h1{text-align:center;margin-bottom:20px}.form-novo .card{background-color:#f9f9f9;margin:0 50px;padding:20px 30px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px}.form-novo .card.-semfundo{background-color:transparent;border-radius:0;box-shadow:0 0 0 transparent;margin-bottom:0}.form-novo .input-group{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:15px;width:100%}.form-novo .input-group label{display:block;margin-bottom:5px}.form-novo input[type=text],input[type=date],input[type=login],input[type=number],input[type=password],select{padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px;font-size:25px;width:95%}.form-novo .radio-group{display:flex;flex-direction:column;margin-top:5px}.form-novo .radio-group label{display:block;margin:5px 0}.form-novo .button-group{text-align:center}.form-novo button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:0 5px}.form-novo button:hover{background-color:#0056b3}.form-novo button.-vermelho{background-color:#b92c2c}.form-novo .btn-mini{padding:3px;margin:0}.form-novo .input-colunas{display:flex;justify-content:space-evenly;width:95%;border-bottom:1px solid #afafaf;margin-bottom:10px;gap:20px}.form-novo .lista-etiqueta{display:flex;flex-wrap:wrap;align-items:flex-start}.form-novo .etiqueta{display:inline-block;padding:8px 16px;margin:4px;font-size:16px;color:#fff;background-color:#ccc;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.form-novo .etiqueta.-azul{background-color:#007bff}.form-novo .etiqueta.-vermelho{background-color:#b92c2c}.form-novo .etiqueta.-verde{background-color:#009b00}.form-novo.etiqueta.ativo{background-color:#28a745}.form-novo .etiqueta:hover{background-color:#0056b3}.form-novo .check{font-size:16px}.form-novo .group-colunas{display:flex;justify-content:space-around;gap:30px}.form-novo .autocomplete-wrapper{position:relative;width:100%}.form-novo .autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #ccc;border-top:none;max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0}.form-novo .autocomplete-list li{padding:8px 12px;cursor:pointer}.form-novo .autocomplete-list li:hover{background-color:#f8f9fa}.form-novo .wrapper-list,.form-novo .wrapper-list .linha{display:flex;justify-content:space-between}.form-novo .wrapper-list .linha{width:100%;border:1px solid #000}@media (max-width:980px){.form-novo .card{margin:0 10px;padding:5px 15px}.form-novo .input-colunas{flex-wrap:wrap;gap:0}.form-novo .input-group{margin-bottom:2px}.form-novo .group-colunas{gap:0;flex-wrap:wrap}}.caixa-grid{flex-direction:row;align-items:stretch;margin:10px 30px}.caixa-grid,.caixa-grid .menu{display:flex;justify-content:flex-start}.caixa-grid .menu{width:100%}.caixa-grid .lista{display:flex;flex-direction:column;justify-content:flex-start;background-color:#fff;border-radius:10px;border:1px solid #e0e0e0;width:30%;margin:10px;padding:10px 10px 30px}.caixa-grid .grid-card{display:flex;min-height:80px;justify-content:space-between;font-family:Tahoma,Arial,sans-serif;font-weight:100;font-size:18px;border:1px solid #e0e0e0;margin-top:20px;border-radius:6px;gap:10px}.caixa-grid .grid-card .dados-conta{padding:10px;width:100%;color:#000}.caixa-grid .grid-card .dados-conta a{color:#000;cursor:pointer}.caixa-grid .grid-card .dados-conta h2{font-size:22px}.caixa-grid .grid-card .dados-conta .linha{display:flex;justify-content:space-between;flex-wrap:wrap}.caixa-grid .grid-card button{background-color:#e0e0e0}.caixa-grid .grid-card button.active,.caixa-grid .grid-card button:hover{background-color:#a8e0ff}@media (max-width:1300px){.caixa-grid .lista{width:100%}}