#root{box-sizing:border-box;background-color:#fff;width:100%;min-height:100svh;display:flex}*{margin:0;padding:0}.main_container{background-color:var(--back-color);width:88%;overflow:scroll}.stock_container{box-sizing:border-box;background-color:var(--back-color);height:100vh;padding:.8rem 2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative}.stock_container:after{content:"";display:none}.active:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background-color:#f6f6f632;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.stock_header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:.5rem 0;display:flex}.stock_header button{color:#fff;cursor:pointer;background-color:#11111f;border:none;border-radius:.5rem;outline:none;padding:.5rem 1rem;font-size:1rem;transition:all .2s ease-in-out}.stock_header button:hover{background-color:#34345e;transform:scale(1.01)}.warehouse{box-sizing:border-box;background-color:var(--card-color);border:1px solid #d0cdcd;border-radius:.2rem;width:100%;padding:1rem 1.5rem}.warehouse .title{justify-content:space-between;margin-bottom:1rem;display:flex}.warehouse .title button{color:#fff;cursor:pointer;background-color:#11111f;border:none;border-radius:.5rem;outline:none;padding:.5rem 1rem;font-size:.9rem;transition:all .2s ease-in-out}.warehouse .title button:hover{background-color:#34345e;transform:scale(1.01)}.cards{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;width:100%;display:grid}.cards .details_card{background-color:var(--back-color);border:1px solid #d0cdcd;border-radius:.2rem;min-height:50px;padding:.8rem 1rem}.cards .details_card h2{margin-bottom:.3rem;font-size:1.2rem;font-weight:500}.cards .details_card h3{font-size:1rem;font-weight:500}.table_container{margin-top:1rem}table{border-collapse:collapse;background-color:#fff;border:1px solid #d0cdcd;width:100%;font-size:14px;overflow:hidden}table thead{background-color:#f5f7fa}table thead th{text-align:left;color:#333;border:1px solid #d0cdcd;padding:12px 16px;font-weight:600}table td img{object-fit:contain;width:100px;height:50px}table td{border:1px solid #d0cdcd;padding:5px 10px}table tbody tr:hover{color:#fff;background-color:#4f4f60;transition:background .2s}table td:nth-child(5),table td:nth-child(6),table td:nth-child(7){text-align:right;font-weight:500}@media (width<=750px){.cards .details_card h2{font-size:.9rem}.cards .details_card h4{font-size:.7rem}}.create_new_warehouse_modal{color:#fff;z-index:2;background-color:#11111f;border-radius:.5rem 1rem;flex-direction:column;width:400px;padding:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-80%)}.create_new_warehouse_modal input{box-sizing:border-box;border:none;border-radius:.2rem;outline:none;width:100%;margin-top:1rem;padding:.4rem;font-size:1rem}.action_buttons{align-self:flex-end;margin-top:1rem;display:flex}.action_buttons button{background-color:var(--card-color);cursor:pointer;border:1px solid #0000;border-radius:.3rem;outline:none;margin-left:.5rem;padding:.3rem 1rem;font-size:.8rem;transition:all .2s ease-out}.action_buttons .discard_btn:hover{color:#fff;background-color:#9d362a;border:1px solid #fff}.action_buttons .save_btn:hover{color:#fff;background-color:#752a9d;border:1px solid #fff}.action_buttons .remove_btn:hover{color:#fff;background-color:#ff4000;border:1px solid #fff}.selector_menus{gap:10px;display:flex}:root{--border-color:#d0cdcd;--card-color:#fff;--complete:#d6bbbb}.popUp_container{pointer-events:none;border:2px solid var(--border-color);background-color:var(--complete);opacity:0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:flex-start;width:350px;height:50px;padding:.5rem .5rem .5rem 30px;transition:transform .3s ease-out,opacity .25s ease-out;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 20px 10px #d9d9d9}.popUp_container h4{padding-bottom:.3rem}.popUp_container.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.sales_container{box-sizing:border-box;gap:10px;width:100%;height:100vh;padding:.8rem 2rem;display:flex}.sales_left_container{flex-direction:column;gap:10px;width:70%;display:flex}.sales_resume_container{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.3rem;width:30%;padding:1rem}.search_sales_title{box-sizing:border-box;background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.2rem;justify-content:space-between;align-items:center;width:100%;max-height:20%;padding:1rem;display:flex}.search_sales_title .search_item{border:1px solid var(--border-color);border-radius:.4rem;align-items:center;gap:10px;width:200px;padding:.3rem .6rem;display:flex}.search_sales_title .search_item input{background-color:#0000;border:none;outline:none;width:90%}.search_sales_title .search_item .search_item_btn{cursor:pointer;background-color:#0000;border:none;width:10%}.search_sales_title select{border:1px solid var(--border-color);padding:.4rem .8rem}.sales_items_grid{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.1rem;height:100%;overflow:scroll}.sales_items_grid .cards_container{box-sizing:border-box;cursor:pointer;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;width:100%;padding:1rem;display:grid}.item_grid_container{border:1px solid var(--border-color);background-color:#f5f3f3;border-radius:.2rem;flex-direction:column;align-items:center;height:200px;display:flex;position:relative}.item_grid_container img{border:1px solid var(--border-color);object-fit:contain;width:100%;height:70%}.item_grid_container .product_name_price{flex-direction:column;justify-content:center;width:90%;margin:auto;display:flex}.item_grid_container .product_name_price section{justify-content:space-between;margin-top:.4rem;display:flex}.item_grid_container .product_name_price section button{border:1px solid var(--border-color);cursor:pointer;color:var(--card-color);background-color:#11111f;border-radius:.2rem;outline:none;padding:.1rem .3rem;font-weight:500;transition:all .2s ease-out}.item_grid_container .product_name_price section button:hover{background-color:#3b3b6f}.item_grid_container .product_name_price .item_name_cart{font-weight:600}.item_grid_container .product_name_price .item_price_cart{font-weight:300}.item_grid_container .quantity_info{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.4rem;justify-content:center;align-items:center;width:40px;height:20px;display:flex;position:absolute;top:10px;right:10px}.curren_sale{border:1px solid var(--border-color);border-radius:.2rem;flex-direction:column;gap:6px;height:71.2%;margin:.5rem;padding:.5rem;display:flex;overflow:scroll}.curren_sale_items{border:1px solid #000;border:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;width:100%;height:80px;padding:.2rem;display:flex}.curren_sale_items .image{width:40%}.curren_sale_items .image img{object-fit:contain;width:100%;height:100%}.curren_sale .item_details{flex-direction:column;justify-content:space-evenly;width:55%;font-size:.85rem;display:flex}.curren_sale .item_details .quantity_opt{justify-content:space-between;align-items:center;width:70px;display:flex}.curren_sale .item_details .quantity_opt button{cursor:pointer;width:20px}.sales_prices_resume{height:20%;padding:0 .5rem}.sales_prices_resume section{justify-content:space-between;margin-bottom:.5rem;display:flex}.action_buttons_sales{justify-content:space-between;width:100%;display:flex}.action_buttons_sales button{cursor:pointer;border:1px solid #000;border-radius:.3rem;outline:none;width:40%;padding:.3rem 1rem;font-size:.8rem}.invoices_main_container{box-sizing:border-box;background-color:var(--back-color);flex-direction:column;gap:10px;height:100vh;padding:.8rem 2rem;display:flex;position:relative}.invoices_main_container h1{margin:0}.invoices_main_container .invoices_title{box-sizing:border-box;background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.3rem;width:100%;max-height:25%;padding:1rem}.invoices_title .filter_invoices_types_container{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.filter_invoices_types_container .button_group{border:2px solid var(--border-color);border-radius:.3rem;width:240px}.filter_invoices_types_container .button_group button{cursor:pointer;outline:none;width:80px;padding:.3rem .5rem}.button_group .all_btn{border:#0000;border-radius:.2rem 0 0 .2rem}.button_group .price_btn{border:none;border-radius:0 .2rem .2rem 0}.sells_btn{border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);border-top:0;border-bottom:0}.generate_report_btn{color:#fff;border:1px solid var(--border-color);background-color:#11111f;border-radius:.3rem;outline:none;padding:.3rem .5rem;font-size:.9rem;font-weight:600}.invoices_resume_information{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;display:grid}.invoice_mini_resume_container{border:1px solid var(--border-color);background-color:var(--back-color);border-radius:.3rem;min-height:60px;padding:.5rem 1rem}.invoice_mini_resume_container h3{font-size:1.1rem;font-weight:400}.invoice_mini_resume_container h2{font-size:1.2rem;font-weight:500}.invoice_mini_resume_container p{font-size:.8rem}.invoices_table_container{background-color:var(--card-color);border:1px solid var(--border-color);flex-direction:column;width:100%;height:100%;display:flex}.invoices_table_container .table_title{justify-content:space-between;align-items:center;height:10%;padding:.5rem 1.5rem;display:flex}.table_title .table_filters{justify-content:space-between;width:240px;padding:.5rem;display:flex}.table_title .table_filters .sort{border:1px solid var(--border-color);background-color:var(--back-color);border-radius:.3rem;outline:none;padding:.2rem .3rem}.table_title .table_filters input{border:1px solid var(--border-color);border-radius:.3rem;padding:.3rem .5rem}.invoices_table_container{box-sizing:border-box;border-radius:.3rem;padding:1rem;overflow:scroll}.invoices_table_container .invoices_table{border:1px solid var(--border-color);border-radius:5px;height:90%}.invoices_table_container .invoices_table table{table-layout:fixed;box-sizing:border-box;border-collapse:separate;border-spacing:0;background-color:#fff;border:1px solid #0000;border-radius:5px 5px 0 0;width:100%;font-size:14px;overflow:hidden}.invoices_table_container .invoices_table table thead th{text-align:left;color:#333;border:1px solid #0000;padding:5px 10px;font-weight:600}.invoices_table_container .invoices_table table thead th:first-child{border-radius:2px 0 0}.invoices_table_container .invoices_table table thead th:nth-child(6){border-radius:0 2px 0 0}.invoices_table_container .invoices_table table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;padding:6px 10px;overflow:hidden}.invoices_table_container .invoices_table table tbody tr:hover{color:#fff;background-color:#787892;transition:background .2s}.invoices_table_container .invoices_table table th:first-child,.invoices_table_container .invoices_table table td:first-child{width:25%}.invoices_table_container .invoices_table table th:nth-child(6),.invoices_table_container .invoices_table table td:nth-child(6){text-align:center;width:2%}.drop_down_button{border:1px solid var(--border-color);border-radius:.2rem;padding:.1rem}.side_bar{background-color:#11111f;width:12%;min-width:150px;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.side_bar header{height:15%}.side_bar header h2{color:#fff;border-bottom:1px solid #242645;padding:1rem 0 1rem 1rem;font-size:2rem}.menu_options{color:#fff;flex-direction:column;justify-content:space-between;height:85%;padding:0 1rem;display:flex}.menu_options .menu_option{color:#fff;cursor:pointer;background-color:#10101e;border:none;border-radius:5px;outline:none;justify-content:start;margin-bottom:1rem;padding:.5rem;font-size:1rem;text-decoration:none;transition:all .1s ease-in-out;display:flex}.menu_options .menu_option:hover{background-color:#232341}.menu_options .menu_option span{margin-right:15px}.menu_options .menu_option.active{background-color:#232341}:root{--border-color:#c2c0c0;--card-color:#fff}.principal_main_container{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;height:100vh;padding:.8rem 2rem;display:flex;overflow:scroll}main{box-sizing:border-box;gap:10px;width:100%;height:100%;display:flex}main .principal_rigth_side{flex-direction:column;gap:10px;width:70%;height:100%;display:flex}.principal_main_container .principal_header_contaier{grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px;height:40%;display:grid}.principal_header_contaier .header_box{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.3rem;justify-content:space-between;align-items:center;padding:0 1rem;transition:all .2s ease-in-out;display:flex}.principal_header_contaier .header_box section{margin-left:.5rem}.principal_header_contaier .header_box p{font-size:1.1rem;font-weight:300}.principal_header_contaier .header_box h3{font-size:1.7rem;font-weight:500}.principal_header_contaier .header_box .icon{color:#a3a2a26f;margin-right:1rem;font-size:3rem}.header_box:hover{border:1px solid var(--border-color);color:#fff;background-color:#2c2c58;scale:1.04}.header_box:hover .icon{color:#f1f1f1a5;margin-right:1rem;font-size:3rem}main .principal_rigth_side .chart_container{border:1px solid var(--border-color);background-color:var(--card-color);box-sizing:border-box;border-radius:.3rem;flex-direction:column;width:100%;height:100%;padding:.5rem;display:flex}main .principal_rigth_side .chart_container .chart_header{justify-content:space-between;align-items:center;height:10%;padding:0 1rem;display:flex}main .principal_rigth_side .chart_container .chart{border:1px solid var(--border-color);background-color:#fcfafa;border-radius:.3rem;align-self:center;width:100%}.chart_header .button_group{border:2px solid var(--border-color);border-radius:.3rem}.chart_header .button_group button{cursor:pointer;outline:none;width:80px;padding:.3rem .5rem}.chart_header .button_group .year{border:#0000;border-right:2px solid var(--border-color);border-radius:.2rem 0 0 .2rem}.month{border:#0000;border-radius:0 .2rem .2rem 0}.button_group .active{color:#fff;background-color:#11111f;transition:all .2s ease-in-out}main .principal_left_side{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.3rem;flex-direction:column;width:30%;padding:.3rem;display:flex}.principal_left_side .last_sales_header{justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.principal_left_side .last_sales_header h4{font-size:1.2rem;font-weight:500}.principal_left_side .last_sales_header button{border:1px solid var(--border-color);cursor:pointer;border-radius:.3rem;outline:none;padding:.2rem .6rem;font-size:1rem;transition:all .2s ease-in-out}.principal_left_side .last_sales_header button:hover{color:var(--card-color);background-color:#2c2c75}.principal_left_side .last_sales_container{flex-direction:column;align-items:center;gap:10px;height:100%;margin:0 .4rem .4rem;display:flex;overflow-x:scroll}.last_sales_container .sale_container_box{box-sizing:border-box;border:1px solid var(--border-color);border-radius:.3rem;width:95%;margin-top:.1rem;padding:.5rem .9rem;box-shadow:3px 3px 2px 1px #a0a0a06f}.last_sales_container .sale_container_box h2{margin-bottom:.5rem;font-size:1.2rem;font-weight:500}.last_sales_container .sale_container_box .sale_details{justify-content:space-between;display:flex}.create_new_item_container{box-sizing:border-box;width:100%;height:100vh;padding:1rem 2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:scroll}.add_item_section{gap:1rem;height:93%;display:flex}.add_item_section_left_side,.add_item_section_rigth_side{height:100%}.add_item_section_left_side{width:70%}.add_item_section_left_side .fee_information_container{border:1px solid var(--border-color);margin:2rem 0}.add_item_section_left_side .basic_information_container{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.2rem;align-items:flex-start;margin:1rem 0;padding:1.5rem 2rem;display:flex}.add_item_section_left_side .basic_information_container .title{width:30%}.add_item_section_left_side .basic_information_container .basic_information{width:100%}.add_item_section_left_side .basic_information_container .basic_information label:first-of-type{margin-bottom:1.5rem}.add_item_section_left_side .fee_information_container{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.2rem;align-items:flex-start;margin:1rem 0;padding:1.5rem 2rem;display:flex}.add_item_section_left_side .fee_information_container .title{width:30%}.add_item_section_left_side .fee_information_container .fee_information_information{width:100%}.add_item_section_left_side .fee_information_container .fee_information_information section:first-of-type{margin-bottom:1.5rem}.add_item_section_left_side .fee_information_container .fee_information_information section{width:100%;display:flex}.add_item_section_left_side .fee_information_container .fee_information_information section label:first-of-type{width:80%;margin-right:10px}.create_new_item_container label{border:1px solid var(--border-color);color:#252525;border-radius:.2rem;flex-direction:column;padding:.5rem;font-size:.9rem;font-weight:600;display:flex}.create_new_item_container label input{border:none;outline:none;margin-top:.3rem;font-size:1rem}.add_item_section_rigth_side{flex-direction:column;justify-content:space-between;width:30%;height:auto;margin:1rem auto;display:flex}.image_container{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;height:50%;display:flex}.image_box{width:100%}.image_box label{cursor:copy;border:2px dotted var(--border-color);justify-content:center;align-items:center;width:80%;height:200px;margin:.5rem auto;display:flex}.image_box label input{display:none}.image_box label img{object-fit:contain;width:100%;height:100%}.image_box label .uploadIcon{color:#11111f;opacity:.5;font-size:5rem}.add_item_section_rigth_side .action_buttons button{border:1px solid var(--border-color);font-size:1rem}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.PDF_CONTAINER{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:1rem;display:flex}.PDF_CONTAINER_HEADER{justify-content:space-between;width:100%;display:flex}.PDF_CONTAINER_HEADER .INVOICE h1{font-size:1rem}.PDF_CONTAINER_HEADER .INVOICE p{font-size:.4rem}.PDF_CONTAINER_HEADER img{object-fit:contain;width:15%}.personal_data{justify-content:space-between;gap:10px;width:100%;margin:1rem 0;display:flex}.personal_data .data{border:1px solid #dfdfdf;width:50%;padding:.5rem}.personal_data .data h2{font-size:.7rem}.personal_data .data p{font-size:.5rem}.pdf_preview_table{border:1px solid #0000}.pdf_preview_table thead tr{background-color:#fff}.pdf_preview_table thead tr th{border:#0000;border-bottom:1px solid #000;padding:.1rem .2rem;font-size:.5rem}.pdf_preview_table tbody tr{background-color:#fff}.pdf_preview_table tbody tr td{border:#0000;border-bottom:1px solid #bebebe;padding:.1rem .2rem;font-size:.5rem}.pdf_preview_table tbody tr:hover{color:#000;background-color:#fff}.summary_row td:first-child,.total_row td:first-child{border:none}.summary_row td:nth-child(2),.summary_row td:nth-child(3),.total_row td:nth-child(2),.total_row td:nth-child(3){background-color:#dce9fa;font-weight:600}.summary_row td:nth-child(3),.total_row td:nth-child(3){width:20%}.total_content_container{background-color:#f0f8ff;border:1px solid #c2c2c2;align-self:flex-end;width:200px;margin-top:1rem;padding:.5rem}.total_content_container section .sub_total,.total_content_container section .IVA{justify-content:space-between;align-items:center;font-size:.5rem;display:flex}.total_content_container section{border-bottom:1px solid #000;padding-bottom:.3rem}.total_content_container .TOTAL{padding-top:.2rem;font-size:.6rem;font-weight:700;display:flex}.modify_invoice_main_container{box-sizing:border-box;gap:10px;height:100vh;padding:.8rem 2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;position:relative}.modify_invoice_main_container.active:after{content:"";background-color:#f5f2f203;width:100%;height:100%}.invoice_details_main_container{border-radius:.3rem;flex-direction:column;gap:10px;width:60%;padding:.5rem;display:flex}.invoice_details_header{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.3rem;height:20%;padding:1rem}.invoice_details_header .client_section label{padding-bottom:.5rem;font-size:1.1rem;font-weight:500;display:flex}.invoice_details_header .client_section .client_selector{gap:10px;width:100%;margin-bottom:.5rem;display:flex}.invoice_details_header .client_section .client_selector select{border:1px solid var(--border-color);border-radius:.2rem;width:80%;padding:.3rem .5rem;font-size:.9rem;font-weight:400}.invoice_details_header .client_section .client_selector button{border:1px solid var(--border-color);cursor:pointer;border-radius:.3rem;outline:none;width:20%}.invoice_details_header .invoice_details{gap:10px;width:100%;display:flex}.invoice_details_header .invoice_details label{flex-direction:column;width:50%;display:flex}.invoice_details_header .invoice_details label p{padding-bottom:.2rem;font-size:1rem;font-weight:500}.invoice_details_header .invoice_details input{border:1px solid var(--border-color);border-radius:.2rem;padding:.5rem;font-size:.9rem;font-weight:400}.invoices_table_main_container{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.3rem;height:80%;padding:.5rem}.invoices_table_main_container h3{margin:.5rem .2rem;font-weight:500}.table_scroll{border:1px solid var(--border-color);border-radius:6px;height:90%;overflow-y:auto}.invoices_table_main_container table{table-layout:fixed;box-sizing:border-box;border-spacing:0;background-color:#fff;border-radius:5px 5px 0 0;width:100%;font-size:14px;overflow:hidden}.invoices_table_main_container table thead th{text-align:left;color:#333;border:1px solid #0000;padding:5px 10px;font-weight:600}.invoices_table_main_container table thead th:first-child{border-radius:2px 0 0}.invoices_table_main_container table thead th:nth-child(6){border-radius:0 2px 0 0}.invoices_table_main_container table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;overflow:hidden}.invoices_table_main_container table tbody tr:hover{color:#fff;background-color:#787892;transition:background .2s}.invoices_table_main_container table tbody tr:hover button{color:#fff;transition:background .2s}.invoices_table_main_container table tbody tr:hover .remove_one_invoice,.invoices_table_main_container table tbody tr:hover .add_one_invoice{color:#000}.invoices_table_main_container table th:first-child,.invoices_table_main_container table td:first-child{width:20%}.invoices_table_main_container table th:nth-child(2),.invoices_table_main_container table td:nth-child(2){text-align:center}:is(.invoices_table_main_container table th:nth-child(2),.invoices_table_main_container table td:nth-child(2)) span{margin:0 6px}:is(.invoices_table_main_container table th:nth-child(2),.invoices_table_main_container table td:nth-child(2)) button{border:1px solid var(--border-color);background-color:var(--back-color);cursor:pointer;border-radius:.1rem;outline:none;width:20px}.invoices_table_main_container table th:nth-child(6),.invoices_table_main_container table td:nth-child(6){text-align:center;cursor:pointer;width:4%;padding:5px}:is(.invoices_table_main_container table th:nth-child(6),.invoices_table_main_container table td:nth-child(6)) button{cursor:pointer;background-color:#0000;border:none;outline:none}.cancel_invoice_modification{border:1px solid var(--border-color);cursor:pointer;border-radius:.3rem;outline:none;align-self:flex-end;margin-bottom:.3rem;padding:.2rem .3rem}.invoice_preview_container{flex-direction:column;width:40%;padding:.5rem 0;display:flex}.invoice_preview_container .pdf_preview_container{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.3rem;flex-direction:column;height:100vh;padding:.5rem;display:flex}.pdf_preview_container .pdf{border:1px solid var(--border-color);width:100%;height:92%}.pdf_preview_container .invoice_pdf_action_buttons{justify-content:flex-end;align-items:center;gap:5px;height:8%;display:flex}.pdf_preview_container .invoice_pdf_action_buttons button{border:1px solid var(--border-color);cursor:pointer;border-radius:.3rem;outline:none;width:80px;padding:.2rem .3rem}.pdf_preview_container .invoice_pdf_action_buttons .pdf_button{border:1px solid var(--border-color);background-color:var(--back-color);color:#000;cursor:pointer;border-radius:.3rem;outline:none;width:100px;padding:.2rem .3rem;font-size:.9rem;text-decoration:none}:root{--border-color:#d0cdcd;--back-color:#f5f2f2;--card-color:#fff}.clientes_main_container{box-sizing:border-box;flex-direction:column;height:100vh;padding:1rem 2rem;display:flex;position:relative}.clientes_main_container.active:after{content:"";background-color:#f5f2f203;width:100%;height:100%}.clients_container{justify-content:space-between;align-items:center;width:100%;display:flex}.clients_container .add_new_client{border:1px solid var(--border-color);background-color:var(--card-color);cursor:pointer;border-radius:.2rem;padding:.4rem .6rem}.clientes_dashboard{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:.3rem;flex-direction:column;height:100vh;margin-top:1rem;padding:1rem;display:flex;overflow:hidden}.clientes_dashboard .title{margin-bottom:.5rem;display:flex}.title .input{border:1px solid var(--border-color);background-color:var(--back-color);border-radius:.3rem;align-self:flex-start;padding:.3rem .4rem;font-size:.8rem}.title .input input{background-color:#0000;border:none;outline:none;margin-left:.3rem;font-size:.8rem}.clients_table{border:1px solid var(--border-color);border-radius:.2rem;height:100%;overflow:scroll}.clients_table table{box-sizing:border-box;border-spacing:0;background-color:#fff;width:100%;font-size:14px;overflow:hidden}.clients_table thead th{text-align:left;color:#333;border:1px solid #0000;padding:10px 15px;font-weight:600}.clients_table thead th:nth-child(6){text-align:center;width:5%}.clients_table tbody td{text-align:left;border:1px solid #0000;padding:15px}.clients_table tbody tr:hover{background-color:#4c4e6b}.clients_table tbody td:nth-child(6){text-align:center;width:5%}.add_new_client_container{z-index:99;border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.5rem;flex-direction:column;width:450px;height:500px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add_new_client_container .add_client_header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;display:flex}.add_new_client_container .add_client_header .close_client_form_btn{border:1px solid var(--border-color);color:#333;cursor:pointer;border-radius:50%;outline:none;width:25px;height:25px;font-size:1rem;font-weight:800}.add_new_client_container .add_client_form{padding:1rem 2rem}.add_client_form form .company_name{flex-direction:column;margin-bottom:.5rem;display:flex}.add_client_form form .company_name input{border:1px solid var(--border-color);border-radius:.5rem;margin-top:.5rem;padding:.5rem}.add_client_form textarea{border:1px solid var(--border-color);resize:none;box-sizing:border-box;border-radius:.5rem;width:100%;min-height:100px;margin-top:.3rem;padding:.8rem 1rem}.add_client_form .form_section{justify-content:space-between;gap:10px;display:flex}.add_client_form .form_section label{flex-direction:column;width:50%;margin-bottom:1rem;display:flex}.add_client_form .form_section label input{border:1px solid var(--border-color);border-radius:.5rem;margin-top:.6rem;padding:.5rem}.new_client_action_buttons{align-self:flex-end;padding:0 1.5rem}.new_client_action_buttons button{border:1px solid var(--border-color);background-color:var(--back-color);cursor:pointer;border-radius:.5rem;margin-left:1rem;padding:.5rem 1rem}:root{--border-color:#d0cdcd;--back-color:#f5f2f2;--card-color:#fff;--main-color:#11111f}.user_main_container{box-sizing:border-box;height:100vh;padding:.8rem 2rem;position:relative}.user_main{border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;align-items:center;height:100%;display:flex}.user_main_container .header{border-radius:.5rem .5rem 0 0;width:100%;height:30%;margin-bottom:1rem;position:relative}.user_main_container .header .image_container{object-fit:contain;border-radius:50%;width:150px;height:150px;padding:.3rem;position:absolute;right:20px}.user_main_container .header .image_container img{object-fit:contain;border-radius:50%;width:100%;height:100%}.user_main_container .header .image_container .user_picture_profile_change{object-fit:contain;opacity:.3;width:95%;height:95%;position:absolute}.user_main_container .header .image_container .user_placeholder_icon{font-size:4rem}.user_main_container .header .image_container .uploadIcon{font-size:2.5rem;position:relative}.user_main_container .header .image_container input{opacity:0;background-color:brown;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user_main_container .header .top{background-color:var(--main-color);border-radius:.5rem .5rem 0 0;width:100%;height:60%}.user_main_container .header .bottom{background-color:var(--card-color-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;height:40%;padding:.5rem 0;display:flex}.user_main_container .header .bottom h1{color:var(--main-color);border-bottom:3px solid #0000;margin-bottom:.3rem}.user_main_container .header .bottom input{color:var(--main-color);border:none;border-bottom:3px solid var(--border-color);background-color:var(--card-color);outline:none;margin-bottom:.3rem;font-size:3rem;font-weight:800}.user_main_container .header .bottom button{background-color:var(--main-color);color:var(--back-color);cursor:pointer;border:1px solid #0000;border-radius:.3rem;padding:.2rem .4rem;transition:all .2s ease-in-out}.user_main_container .header .bottom button:hover{background-color:var(--back-color);border:1px solid var(--main-color);color:var(--main-color)}.user_information{border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;width:90%;margin-bottom:1rem;padding:.5rem 1rem;display:flex}.user_information button{background-color:var(--main-color);color:var(--back-color);cursor:pointer;border:1px solid #0000;border-radius:.3rem;align-self:flex-end;padding:.2rem .4rem;transition:all .2s ease-in-out}.user_information button:hover{background-color:var(--back-color);border:1px solid var(--main-color);color:var(--main-color)}.user_information form{width:100%;display:flex}.user_information .left,.user_information .rigth{flex-direction:column;width:50%;display:flex}.user_information .left label,.user_information .rigth label{box-sizing:border-box;align-items:center;width:100%;padding:.5rem;display:flex}:is(.user_information .left label,.user_information .rigth label) .icon{color:var(--main-color);margin-right:1rem;font-size:1.5rem}:is(.user_information .left label,.user_information .rigth label) .label_data{flex-direction:column;width:100%;display:flex}:is(.user_information .left label,.user_information .rigth label) .label_data p{margin:0;padding:0;font-size:.7rem}:is(.user_information .left label,.user_information .rigth label) .label_data h2{border:1px solid #0000;padding:.2rem;font-size:1rem;font-weight:500}:is(.user_information .left label,.user_information .rigth label) .label_data input{border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.3rem;outline:none;width:70%;padding:.2rem;font-size:1rem}.change_password_form{border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;width:90%;padding:.5rem 1rem;display:flex}.change_password_form form{width:100%;display:flex}.change_password_form .password_title{justify-content:space-between;display:flex}.change_password_form .password_title p{font-weight:600}.change_password_form .password_title button{align-self:first flex-end;background-color:var(--main-color);color:var(--back-color);cursor:pointer;border:1px solid #0000;border-radius:.3rem;padding:.2rem .4rem;transition:all .2s ease-in-out}.change_password_form .password_title button:hover{background-color:var(--back-color);border:1px solid var(--main-color);color:var(--main-color)}.change_password_form label{box-sizing:border-box;align-items:center;width:100%;padding:.5rem;display:flex}.change_password_form label .icon{color:var(--main-color);margin-right:.5rem;font-size:1.5rem}.change_password_form label .label_data{flex-direction:column;width:100%;display:flex}.change_password_form label .label_data p{margin:0;padding:0;font-size:.7rem}.change_password_form label .label_data input{border:1px solid var(--border-color);background-color:#0000;border-radius:.5rem;outline:none;width:90%;padding:.2rem .5rem;font-size:.8rem}:root{--main-color:#11111f;--border-color:#d0cdcd;--back-color:#f5f2f2;--card-color:#fff}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.log_in_container{background-color:var(--main-color);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.login_form{box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.5rem;width:500px;height:450px;padding:1rem}.header{flex-direction:column;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.header h1{color:var(--card-color);font-size:3rem;font-weight:800}.header p{text-align:center;color:var(--card-color);width:70%;margin-top:.3rem;font-size:.9rem}.login_form .form{flex-direction:column;align-items:center;height:70%;display:flex}.login_form .form h2{color:var(--main-color);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.form form{flex-direction:column;gap:10px;width:80%;display:flex}.login_form .form form p{margin-top:.5rem;font-size:1.2rem;font-weight:500}.login_form .form form input:nth-child(2){border:1px solid var(--border-color);box-sizing:border-box;background-color:#0000;border-radius:.3rem;width:100%;padding:.5rem .7rem}.log_in_container .form .password_input{border:1px solid var(--border-color);box-sizing:border-box;border-radius:.3rem;align-items:center;width:100%;padding:0 .7rem;display:flex}.log_in_container .form .password_input input{box-sizing:border-box;background-color:#0000;border:none;border-radius:.3rem;outline:none;width:100%;padding:.5rem 0}.log_in_container .form .password_input .see_password_btn{cursor:pointer}.login_form .form form .login_btn{border:1px solid var(--border-color);box-sizing:border-box;background-color:var(--main-color);width:100%;color:var(--card-color);cursor:pointer;border-radius:.3rem;margin-top:1.5rem;padding:.5rem .7rem;font-size:1rem;transition:all .2s ease-in-out}.change_section{flex-direction:column;align-items:center;display:flex}.change_section p{text-align:center;border-bottom:1px solid #15152856;width:80%;padding-bottom:.4rem}.change_section .create_account_btn{border:1px solid var(--border-color);box-sizing:border-box;background-color:var(--main-color);width:80%;color:var(--card-color);cursor:pointer;border-radius:.3rem;margin-top:1rem;padding:.5rem .7rem;font-size:1rem;transition:all .2s ease-in-out}.create_account_btn:hover,.login_form .form form .login_btn:hover{background-color:var(--card-color);color:var(--main-color);border:1px solid var(--main-color);font-weight:500}.create_account_form{box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--card-color);border-radius:.5rem;width:500px;height:520px;padding:1rem}.create_account_form .form{flex-direction:column;align-items:center;display:flex}.create_account_form .form h2{color:var(--main-color);font-size:2.5rem;font-weight:700}.create_account_form .form form p{margin-top:.5rem;font-size:1.2rem;font-weight:500}.create_account_form .form form input:nth-child(2){border:1px solid var(--border-color);box-sizing:border-box;border-radius:.3rem;width:100%;padding:.5rem .7rem}.create_account_form .form .password_input{border:1px solid var(--border-color);box-sizing:border-box;border-radius:.3rem;align-items:center;width:100%;padding:0 .7rem;display:flex}.create_account_form .form .password_input input{box-sizing:border-box;border:none;border-radius:.3rem;outline:none;width:100%;padding:.5rem 0}.create_account_form .form .password_input .see_password_btn{cursor:pointer}.create_account_form .form form .create_account_btn{border:1px solid var(--border-color);box-sizing:border-box;background-color:var(--main-color);width:100%;color:var(--card-color);cursor:pointer;border-radius:.3rem;margin-top:.5rem;padding:.5rem .7rem;font-size:1rem;transition:all .2s ease-in-out}.change_section{flex-direction:column;align-items:center;margin:.5rem;display:flex}.change_section p{text-align:center;border-bottom:1px solid #15152856;width:80%;padding-bottom:.4rem}.go_to_login{border:1px solid var(--border-color);box-sizing:border-box;background-color:var(--main-color);width:80%;color:var(--card-color);cursor:pointer;border-radius:.3rem;margin-top:1rem;padding:.5rem .7rem;font-size:1rem;transition:all .2s ease-in-out}.go_to_login:hover,.create_account_form .form form .create_account_btn:hover{background-color:var(--card-color);color:var(--main-color);border:1px solid var(--main-color);font-weight:500}