:root{--kit-color-primary:#1b55e3;--kit-font-family:Montserrat;--blue:#fff;--black:#161537;--gray-1:#f2f4f8;--gray-2:#e4e9f0;--gray-3:#dde2ec;--gray-4:#c3bedc;--gray-5:#aca6cc;--gray-6:#786fa4;--dark-gray-1:#aeaee0;--dark-gray-2:#7575a3;--dark-gray-3:#4f4f7a;--dark-gray-4:#2a274d;--dark-gray-5:#161537;--dark-gray-6:#100f28;--yellow:#ffc83d;--orange:#f2a654;--pink:#fd3995;--red:#f91d5f;--primary:#1b55e3;--secondary:#aca6cc;--success:#25cf73;--info:#3d6ee7;--warning:#f2a654;--danger:#f91d5f;--light:#f2f4f8;--dark:#161537}.invoices{gap:2rem}.invoices,.invoices .filters{width:100%;display:flex;flex-direction:column}.invoices .filters{gap:1rem;border-radius:.6rem;background-color:#fff;padding:1.6rem}@media(min-width:640px){.invoices .filters{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:768px){.invoices .filters{grid-template-columns:3fr 2fr 1fr}}.invoices .filters .client-filter{display:flex;flex-direction:column;gap:.4rem;width:100%;height:100%}.invoices .filters .client-filter .header{display:flex;gap:.4rem;align-items:center;width:100%;padding-left:.6rem}.invoices .filters .client-filter .header>:first-child{font-size:2rem;color:#7575a3}.invoices .filters .client-filter .header h5{text-transform:uppercase;margin:0;padding:0;color:#7575a3}.invoices .filters .client-filter .client-content{display:flex;flex-direction:column;gap:.4rem;width:100%;border:.1rem dashed #7575a3;padding:1rem;border-radius:.4rem;height:-moz-fit-content;height:fit-content}@media(min-width:640px){.invoices .filters .client-filter .client-content{height:100%}}.invoices .filters .client-filter .client-content .client-check p{color:#aca6cc;font-weight:500}.invoices .filters .client-filter .client-content .clients{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.invoices .filters .period-filter{display:flex;flex-direction:column;gap:.4rem;width:100%;height:100%}.invoices .filters .period-filter .header{display:flex;gap:.4rem;align-items:center;width:100%;padding-left:.6rem}.invoices .filters .period-filter .header>:first-child{font-size:2rem;color:#7575a3}.invoices .filters .period-filter .header h5{text-transform:uppercase;margin:0;padding:0;color:#7575a3}.invoices .filters .period-filter .period-content{width:100%;border:.1rem dashed #7575a3;padding:1rem;border-radius:.4rem;display:flex;flex-direction:column;gap:1rem;height:-moz-fit-content;height:fit-content}@media(min-width:640px){.invoices .filters .period-filter .period-content{height:100%}}.invoices .filters .period-filter .period-content .end-date,.invoices .filters .period-filter .period-content .start-date{display:flex;flex-direction:column;gap:.2rem}.invoices .filters .period-filter .period-content .end-date h5,.invoices .filters .period-filter .period-content .start-date h5{margin:0;padding:0;text-transform:uppercase;font-size:1rem;color:#aca6cc;padding-left:.6rem}.invoices .filters .buttons-filter{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;height:-moz-fit-content;height:fit-content;justify-self:self-start}@media(min-width:640px){.invoices .filters .buttons-filter{grid-column:1/3}}@media(min-width:768px){.invoices .filters .buttons-filter{grid-column:3/4}}.invoices .filters .buttons-filter>:first-child{text-transform:uppercase;font-weight:500;width:100%;grid-area:1/1/2/3}.invoices .content{width:100%}.invoices .content .heading-rigth{display:flex;gap:.4rem}.invoices .content .card-body>:nth-child(5),.invoices .content .card-body>:nth-child(6),.invoices .content .card-body>:nth-child(7),.invoices .content .card-body>:nth-child(8){display:none}[data-kit-theme=dark] .invoices .filters{background-color:#100f28;border:.05rem solid #2a274d}