header{margin-left:400px;display:flex;justify-content:space-between;padding:10px 40px;background-color:var(--a3);box-shadow:0 0 20px var(--a3)}header .header-img{display:flex;align-items:center}header .header-img img{width:70px;margin-right:15px;border-radius:50%}header .header-img-pessoa{display:flex;align-items:center}header .header-img-pessoa img{width:50px;margin-left:15px;border-radius:50%}#DeshBoard{margin-left:400px;width:calc(100vw - 400px)}.div-fluxo-lista{grid-template-columns:14% 20% 11% 20% 20% 8% 8%;width:calc((100vw - 420px)/2);display:grid;font-size:.35em;height:302px;grid-auto-rows:20px;border:1px solid black;overflow-y:auto;overflow-x:hidden}.div-fluxo-lista div{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--fosco);border-bottom:1px solid var(--fosco)}.div-fluxo-lista svg{border:none;height:15px;width:15px}.div-fluxo-lista h1{font-family:Arial,Helvetica,sans-serif;font-weight:lighter;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deshboard-filtro{padding:15px 0;margin:40px 0;display:flex;justify-content:space-around;background-color:var(--c3)}.deshboard-filtro div *{margin-right:20px}.deshboard-filtro select{width:100px;border:1px solid black;background-color:var(--c3);color:#fff;padding:5px;border-radius:5px;cursor:pointer}.div-tabelas{display:flex}.div-tabelas canvas{width:calc((100vw - 420px)/2)!important;height:calc(((100vw - 420px) / 2) / 1.75)!important}.div-lista-informações{display:flex;align-items:center;justify-content:space-around}.div-informações{border:1px solid black}.div-ganho-gastos{display:flex}.div-ganho-gastos div{border:1px solid black;height:100px;width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.div-ganho-gastos h1{font-size:1.3em;height:50%;display:flex;justify-content:start;align-items:start}.div-ganho-gastos p{height:50%}.div-saldo{display:flex;height:100px;border:1px solid black}.div-saldo h1{font-size:1.3em;border:1px solid black;min-width:150px;display:flex;flex-direction:column;align-items:center}.div-saldo h1 span{margin-top:15px;height:50%;font-size:.8em;font-weight:lighter}.div-saldo p{font-size:.867em;display:flex;align-items:center;justify-content:center;flex-direction:column;width:98.5px}.deshboard-diastrabalhados h1{font-size:1em;display:flex;justify-content:space-between}.deshboard-diastrabalhados span{font-weight:lighter;width:50%}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#282c34}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content{text-align:center;font-size:24px;padding:20px}.div-true{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:100}.navbar{align-items:center;padding-left:20px;display:flex;flex-direction:column;height:100vh;width:380px;justify-content:space-around;background-color:var(--a2);position:fixed}.nav-serviços-Todositens,.nav-clientes-Todositens,.nav-DiasTrabalhados-Todositens,.nav-FluxoDeCaixa-Todositens,.nav-Estoque-Todositens{display:flex;flex-direction:column;align-items:center}.nav-serviços-Todositens a,.nav-clientes-Todositens a,.nav-DiasTrabalhados-Todositens a,.nav-FluxoDeCaixa-Todositens a,.nav-Estoque-Todositens a{transition:.3s;color:#fff;margin-top:15px;text-decoration:none}.nav-serviços-Todositens a:hover,.nav-clientes-Todositens a:hover,.nav-DiasTrabalhados-Todositens a:hover,.nav-FluxoDeCaixa-Todositens a:hover,.nav-Estoque-Todositens a:hover{transform:translate(10px)}.nav-serviços,.nav-clientes,.nav-DiasTrabalhados,.nav-Estoque{display:flex;flex-direction:column;align-items:center}#div-true{width:10px;height:10px;border-radius:50%;background-color:green}#div-false{width:10px;height:10px;border-radius:50%;background-color:red}.div-edit{position:absolute;background-color:green;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;height:500px}.form-1{display:flex;flex-direction:column;align-items:center;justify-content:center}.form-1 div{margin-top:3px;width:100%;display:flex;align-items:center;justify-content:space-between}.form-1 div input{border:none;font-family:Arial,Helvetica,sans-serif;color:#fff;background-color:var(--c2);width:45%;height:15px;border-radius:5px;padding:5px}.form-1 div input::placeholder{color:#ffffff61;font-size:.8em}.form-1 div input[type=text]:focus,.form-1 div input[type=number]:focus{outline:none}.form-1 div input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-1 button{margin-top:20px}.div-serviços-filtros{background-color:var(--c3);display:flex;width:100%;justify-content:center;padding:20px;transform:translate(-20px);margin:20px 0}.div-serviços-filtros select{margin-right:10px}.div-serviços-lista{grid-template-columns:12% 20% 5% 5% 5% 5% 5% 5% 10% 10% 8% 5% 5%;width:80vw;display:grid;color:#fff;font-size:.37em;margin-top:30px;grid-template-rows:auto;border-top:1px solid var(--fosco);border-right:1px solid var(--fosco);border-left:1px solid var(--fosco);background-color:var(--c3);max-height:402px;overflow-y:auto;overflow-x:hidden}.div-serviços-lista div{width:100%;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--fosco);border-bottom:1px solid var(--fosco)}.div-serviços-lista svg{border:none;height:25px;width:25px}.div-serviços-lista h1{font-weight:lighter;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.div-verserviços{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--c2);padding:20px}.div-verserviços-lista{display:grid;grid-template-columns:10% 30% 60%;border-top:1px solid var(--fosco);border-right:1px solid var(--fosco);border-left:1px solid var(--fosco);max-height:402px;overflow-y:auto;overflow-x:hidden;width:50vw}.div-verserviços-lista div{width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--fosco);border-bottom:1px solid var(--fosco)}.div-verserviços-lista h1{font-weight:lighter;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.div-clientes-lista{grid-template-columns:18% 28% 15% 23% 8% 8%;display:grid;color:#fff;margin-top:30px;font-size:.37em;width:80vw;grid-template-rows:auto;border-top:1px solid var(--fosco);border-right:1px solid var(--fosco);border-left:1px solid var(--fosco);background-color:var(--c3);max-height:402px;overflow-y:auto;overflow-x:hidden}.div-clientes-lista div{width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--fosco);border-bottom:1px solid var(--fosco)}.div-clientes-lista svg{border:none;height:25px;width:25px}.div-clientes-lista h1{font-weight:lighter;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.div-historicoDias{grid-template-columns:10% 15% 20% 12% 8% 21% 7% 7%;display:grid;color:#fff;margin-top:30px;font-size:.37em;width:60vw;grid-template-rows:auto;border-top:1px solid var(--fosco);border-right:1px solid var(--fosco);border-left:1px solid var(--fosco);background-color:var(--c3);max-height:402px;overflow-y:auto;overflow-x:hidden}.div-historicoDias div{width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--fosco);border-bottom:1px solid var(--fosco)}.div-historicoDias svg{border:none;height:25px;width:25px}.div-historicoDias h1{font-weight:lighter;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-btn{height:30px;font-size:.7em;color:#fff;border-radius:5px;cursor:pointer;transition:all .5s ease;position:relative;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;outline:none}.btn-3{background:var(--v2);background:linear-gradient(0deg,var(--c1) 0%,var(--c4) 100%);line-height:42px;border:none}.btn-3 span{position:relative;display:block;width:100%;height:100%}.btn-3:before,.btn-3:after{position:absolute;content:"";right:0;top:0;background:var(--c1);transition:all .3s ease}.btn-3:before{height:0%;width:2px}.btn-3:after{width:0%;height:2px}.btn-3:hover{background:transparent;box-shadow:none}.btn-3:hover:before{height:100%}.btn-3:hover:after{width:100%}.btn-3 span{width:100%;display:flex;align-items:center;justify-content:center}.btn-3 span:hover{color:#fff}.btn-3 span:before,.btn-3 span:after{position:absolute;content:"";left:0;bottom:0;background:#fff;transition:all .3s ease}.btn-3 span:before{width:2px;height:0%}.btn-3 span:after{width:0%;height:2px}.btn-3 span:hover:before{height:100%}.btn-3 span:hover:after{width:100%}.div-editar{position:absolute;top:50%;left:50%;background-color:var(--c3);transform:translate(-50%,-50%);padding:20px}.div-editar-titulo{display:flex;justify-content:space-around}.div-modelo-overflow{width:100vw;height:100vh;background-color:#000;opacity:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.div-modelo{font-family:Arial,Helvetica,sans-serif;padding:20px;background-color:var(--a2);color:#ffffffa1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.div-modelo-titulo{color:#fff;margin-bottom:20px;display:flex;justify-content:space-around}.div-modelo-titulo h1{font-size:1.5em;margin:0 20px}.div-login{position:absolute;border:1px solid black;background-color:var(--c3);top:50%;left:50%;transform:translate(-50%,-50%);width:350px;padding:10px;border-radius:20px;display:flex;flex-direction:column;align-items:center}.div-login-titulo{margin:20px 0}.div-login-usuarios{width:100%}.div-login-mateuz,.div-login-bruno{background-color:var(--c3);transition:all .3s;height:50px;display:flex;margin:30px 0;border:1px solid black;width:100%}.div-login-mateuz img,.div-login-bruno img{width:50px}.div-login-mateuz:hover,.div-login-bruno:hover{background-color:var(--c1)}:root{--c1: #9a9a9a;--c2: #808080;--c3: #424242;--a4: #1c1f26;--a3: #2c3e50;--a2: #34495e;--a1: #5d6d7e;--branco: #ffffff;--fosco: rgba(0, 0, 0, .454)}*{margin:0;padding:0}body{font-family:Montserrat Alternates,sans-serif;background-color:gray;overflow-x:hidden}select{border:1px solid black;background-color:var(--c3);color:#fff;padding:5px;border-radius:5px;cursor:pointer}h1{cursor:default}