@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";#root{width:100%}:root{--font-family: "Poppins", sans-serif;--standered-radius: 10px;--secondry-radius: 4px;--standered-border: 1px solid #f0f0f0;--standered-border-1: 1px dotted #f0f0f0;--active-element-color: rgba(133, 107, 249, .65);--dynamic-font-size: clamp(1rem, 2vw, 2rem);--dynamic-padding: clamp(10px, 5vw, 30px);--standered-backdrop: blur(4px);--standered-bg: rgba(255, 255, 255, .6);--primary-color: #5B4B8A;--publish-btn-color: #5B4B8A;--primary-color-opacity: rgba(133, 107, 249, .05);--draft-copy-btn-color: rgba(68, 120, 197, .2);--secondry-text-color: #595959;--text-color: #988e8e;--placeholder-color: #aca4a4;--text-color-opacity: rgba(89, 89, 89, .6);--main-background-color: #f8f9ff;--btn-background-color: #eaeaea;--tbl-header-color: #fdfdfd;--btns-color: #50bed3;--containers-color: #ffffff;--tbl-text-color: #858585;--out-of-stock-color: #ff8a80;--in-stock-color: #8df9a1;--publish-bg-color: #8df9a11a;--stock-processing-color: #ffc750;--drafted-bg-color: #ffc7501a;--semi-background-color: #f0f0f0;--attributebBtn-background: #50bed3;--border-color: #f0f0f0;--black-color: #000000;--questionMark-color: #453f3d;--delete-color: #d14343;--Light-Blue: #6f75eb;--Dark-Blue: #353cbb;--Direct-Order: #77baf8;--SEO-Order: #9ed2ff;--Ads-Order: #5285b4;--Reference-Order: #78abda;--text-color-1: #757575;--standered-backdrop: blur(10px);--standered-bg: rgba(255, 255, 255, .4);--second-layer-bg: rgba(255, 255, 255, .8);--third-layer-bg: rgba(255, 255, 255, .85);--font-heading-size: 25px;--font-22: 22px;--font-size-extra-large: 20px;--font-15: 15px;--font-size-large: 13.5px;--font-12: 12px;--dynamic-font-12: clamp(.625rem, 1vw, 1rem);--font-size-medium: 14px;--font-size-avg: 11.5px;--font-size-small: 12px;--font-size-extra-small: 10px;--font-34: 34px;--font-18: 18px;--font-16: 16px;--font-26: 26px;--font-weight-semi-bold: 600;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-light: 300;--box-shadow-regular: 0px 1px 4px 0px #00000026;--box-shadow-regular-1: 0px 1px 4px 0px #00000029;--line-height-30: 30px;--line-height-28: 28px;--line-height-22: 22px;--line-height-18: 18px;--line-height-10: 10px;--line-height-20: 20px;--padding-sidebar: 10px 10px 10px 20px}:root .dataTable thead th{height:52px!important;border-radius:5px 5px 0 0!important;background:#fdfdfd!important;text-align:center!important;font-family:Poppins,sans-serif!important;font-weight:500!important;font-size:14px!important;color:var(--text-color)!important;border:none!important;--ck-border-radius: 5px !important}:root .dataTable tbody td{height:66px!important;text-align:center!important;background:#fff!important;border-top:1px solid #f0f0f0!important;font-family:Poppins,sans-serif!important;font-weight:400!important;font-size:12px!important;color:#858585!important}:root .dataTable .action-btn{cursor:pointer!important;width:30px!important;height:30px!important}:root .sc-fAUdSK .sc-dntaoT .sc-dpBQxM .ELGCi .btufXN .NbHYZ .rdt_TableCol{width:5px!important;padding:0!important;margin:0!important}body{margin:0;display:flex;place-items:center;height:100vh;width:100vw;font-family:var(--font-family);background:var(--standered-bg)}input,textarea{font-family:var(--font-family)}.page_viewer{background:var(--second-layer-bg);-webkit-backdrop-filter:var(--standered-backdrop);backdrop-filter:var(--standered-backdrop);box-shadow:#00000029 0 1px 4px;border-radius:var(--standered-radius);padding:10px;height:90vh;overflow:scroll;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.page_viewer::-webkit-scrollbar{display:none}.left-align{text-align:left}.right-align{text-align:right}.center-align{text-align:center}.bold-600{font-weight:600!important}.border-top-1{border-top:1px solid #59595950!important;padding-top:10px}.btn2{width:100%;padding:12px 10px;color:#fff;background-color:#5b4b8a;border-radius:4px;border:1.5px solid #5B4B8A;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px;font-weight:500;text-shadow:0 1px 0 rgba(133,107,249,.4)}.btn2:hover{background-color:transparent;color:#5b4b8a}.btn1{width:100%;padding:12px 10px;color:#595959;background-color:#eceded;border-radius:4px;border:1.5px solid #ECEDED;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px;font-weight:500;text-shadow:0 1px 0 rgba(133,107,249,.4)}.btn1:hover{background-color:#5b4b8a;color:#fff}table,tr,td,th{font-family:var(--font-family)}.btn_3{padding:8px 10px;color:#5b4b8a;background-color:#5b4b8a30;border-radius:4px;border:1.5px dashed #5B4B8A;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px;font-weight:500;text-shadow:0 1px 0 rgba(133,107,249,.4)}.btn_3:hover{background-color:#5b4b8a;color:#fff}.btn_4{padding:8px 10px;color:#5b4b8a;background-color:#5b4b8a30;border-radius:5px;border:1.5px dashed #5B4B8A;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px;font-weight:500;text-shadow:0 1px 0 rgba(133,107,249,.4)}.btn_4:hover,.btn_4.active{background-color:#5b4b8a;color:#fff}.loader_api{width:50px;aspect-ratio:1;display:grid}.loader_api:before,.loader_api:after{content:"";grid-area:1/1;--c:no-repeat radial-gradient(farthest-side,#5B4B8A 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;animation:l12 1s infinite}.loader_api:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes l12{to{transform:rotate(.5turn)}}.app-root{position:relative;min-height:100vh;width:100%;overflow:hidden}.body_container{position:relative;z-index:1;width:100%;height:100%}.background-image{position:fixed;top:0;left:0;height:100vh;width:100vw;background-image:url(../Assets/Images/bg_6.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;z-index:-1}.background-image:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%}.sidebar{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:var(--second-layer-bg);-webkit-backdrop-filter:var(--standered-backdrop);backdrop-filter:var(--standered-backdrop);box-shadow:#00000029 0 1px 4px;border-radius:var(--standered-radius)}.sidebar::-webkit-scrollbar{display:none}.logoSection{display:flex;align-items:center;justify-content:center;background-color:transparent;margin-top:-15px;height:81px;padding:0}.logoImage{width:clamp(200px,10vw,350px);height:auto;margin-top:clamp(23px,10vw,35px);background-color:transparent}.navSection{overflow-y:auto;padding-left:10px;padding-right:10px;padding-top:clamp(10px,6vh,30px);padding-bottom:clamp(10px,6vh,30px);height:90vh}.navSection::-webkit-scrollbar{display:none}.navSection{-ms-overflow-style:none;scrollbar-width:none}.navSection ul{list-style:none;padding:0;margin:0}.navSection li{display:flex;align-content:flex-start;justify-content:space-between;cursor:pointer;position:relative;transition:background-color .3s,box-shadow .3s;font-family:var(--font-family);margin-bottom:10px}.navSection li:after{content:"";position:absolute;top:0;right:-10px;bottom:0;width:8px;background-color:#5b4b8a;border-radius:10px 0 0 10px;z-index:0;transition:opacity .3s;opacity:0}.navSection li:hover:after{opacity:1}.navSection li.active:after{opacity:1}.navItem{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;color:var(--containers-color)}.navItem>span:first-child{display:flex;align-items:center;gap:10px}.navSection li:hover,.navItem.active{background-color:#5b4b8a;box-shadow:none;border-radius:0 10px 10px 0}.catName{color:var(--text-color-1);font-size:clamp(var(--font-size-medium),.8vw,calc(var(--font-size-medium) + 4px));font-weight:var(--font-weight-regular);line-height:var(--line-height-10)}.navSection li:hover .catName{color:var(--containers-color)}.catImage{width:20px;height:20px;margin-left:5px;object-fit:contain}.dropdownIcon{font-size:16px;transform:scale(.8);color:var(--text-color-1);margin-right:5px;transition:transform .7s}.dropdownIcon.open{transform:rotate(180deg)}.dropdownIcon.select{color:var(--containers-color)}.dropdownList{list-style:none;max-height:500;line-height:var(--line-height-10);border-radius:5px;transition:max-height .3s ease-in-out}.navSection li.open .dropdownList{max-height:100px}.dropdownItem{padding:10px 10px 10px 20px;line-height:var(--line-height-20);cursor:pointer;font-size:var(--font-size-avg);font-weight:var(--font-weight-regular);transition:background-color .3s,color .3s;color:var(--text-color-1);border:none;border-radius:0}.dropdownItem:hover{background-color:transparent;color:var(--containers-color)!important;border:none;border-radius:0!important}.dropdownItem.active{background-color:#856bf9a6;color:var(--containers-color);border:none;border-radius:0}.navSection .dropdownItem:hover:after{opacity:0!important}.navSection .dropdownItem.active:after{opacity:0!important}.navSection li.active .catName{color:var(--containers-color)}.category-item.active .catName,.category-item.active img,.category-item.active .dropdownIcon{color:#fff;fill:#fff;filter:brightness(0) invert(1)}.category-item:hover .dropdownIcon{color:#fff}.category-item:hover img{filter:brightness(0) invert(1)}.generate_invoice{width:90%;height:150px;background-color:var(--standered-bg);margin:0 auto 10px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;padding:10px 0}.generate_inv_btn{display:flex;align-items:center;justify-content:center;background-color:var(--active-element-color);padding:12px;border-radius:100px;color:#fff;box-shadow:#5b4b8ae6 0 0 5px;cursor:pointer}.logoutSection{margin-top:auto;padding:5px;width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px}.generate_invoice span{color:#5b4b8a;font-size:12px;font-weight:600;line-height:10px;margin-top:5px;text-align:center}.logoutButton{display:flex;align-items:center;justify-content:start;gap:10px;width:32px;height:32px;background-color:transparent;color:#d81f1f;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:width .3s ease-in-out,height .3s ease-in-out,padding .3s ease-in-out,border-radius .3s ease-in-out,opacity .2s ease-in-out;overflow:hidden;white-space:nowrap;padding:4px;min-width:32px}.logoutButton.square{width:100%;height:40px;padding:5px 15px;border-radius:5px}.logoutIcon{width:20px;height:20px;transition:width .3s ease-in-out,height .3s ease-in-out}.logoutIcon-hovered{width:20px;height:20px}.logoutButton.square span{opacity:0;transition:opacity .2s ease-in-out}.logoutButton.square span{opacity:1;color:#d81f1f}.logoutButton:hover{background-color:transparent}.subdropdownItem:hover,.subdropdownItem.active{background-color:#856bf9a6;color:var(--containers-color)}.subdropdownIcon{margin-left:auto;transition:transform .3s ease-in-out;font-size:14px;color:var(--text-color-1)}.subdropdownIcon.open{transform:rotate(90deg);color:var(--containers-color)}.dropdownItemContent{display:flex;justify-content:space-between;align-items:center;width:100%}.subdropdownIcon{transition:transform .3s;margin-left:8px}.subdropdownIcon.open{transform:rotate(180deg)}.subDropdownItem{padding:17px 20px 17px 55px;cursor:pointer;font-size:12px;color:var(--text-color-1)}.subDropdownItem:hover,.subDropdownItem.active{background-color:#856bf9a6;color:#fff}.header_component{width:100%;background:var(--second-layer-bg);-webkit-backdrop-filter:var(--standered-backdrop);backdrop-filter:var(--standered-backdrop);box-shadow:#00000029 0 1px 4px;border-radius:5px;padding:10px;height:6vh;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.header_component h2{font-size:18px;line-height:16px;font-weight:600;color:#595959}.main_loader_overlay{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;top:0;left:0;background-color:#0000004d;z-index:999999}.main_loader_overlay h3{font-size:12px;line-height:12px;margin:5px 0 0;padding:0;color:#fff}.Layout{margin:0;padding:10px;width:100%;height:100vh;box-sizing:border-box;display:flex;flex-direction:row;gap:15px;position:relative}.abc{width:16%;box-sizing:border-box;min-width:230px;z-index:1;display:flex;flex-shrink:0;height:100%;overflow-y:auto}.def{width:84%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;gap:10px}.ContentWrapper{margin:5px 30px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;position:relative;justify-content:flex-start;align-items:center;box-sizing:border-box}.ContentWrapper::-webkit-scrollbar{display:none}.Footer{flex-shrink:0}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:200px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invoice_generation_screen{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%;box-sizing:border-box}.left_section_igs{flex:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.right_section_igs{flex:1;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.invoice_header{display:flex;border-radius:10px;background-color:#595959;align-items:center;justify-content:space-between;gap:10px;padding:35px 20px;width:100%;box-sizing:border-box}.our_logo_section{display:flex;align-items:center;justify-content:flex-start;gap:5px}.our_logo_section img{height:90px;width:90px}.company_details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.company_details h2{font-size:18px;line-height:20px;color:#fff;margin:0;padding:0}.company_details p{font-size:12px;line-height:20px;color:#fff;margin:0;padding:0}.company_details_2{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.company_details_2 span{color:#fff;font-size:14px;font-weight:500}.invoice_details_section{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 30px;background-color:var(--standered-bg);border-radius:10px;box-sizing:border-box;width:100%;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.invoice_no{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.invoice_to{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.invoice_details_section h2{font-size:18px;line-height:18px;margin-bottom:10px;font-weight:600;color:#595959}.invoice_details_section p{font-size:14px;line-height:14px;margin-bottom:0;font-weight:500;color:#595959}.invoice_table{display:flex;flex-direction:column;background-color:var(--standered-bg);width:100%;padding:30px 20px;border-radius:10px;gap:15px;overflow-x:auto;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box}.header_it{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;width:100%}.header_it h2{font-size:18px;line-height:18px;margin:0;font-weight:600;color:#595959}.header_it span{font-size:14px;line-height:14px;margin:0;font-weight:400;color:#595959}.header_it{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.header_it h2{font-size:18px;margin:0;font-weight:600;color:#595959}.header_it{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.header_it h2{font-size:18px;font-weight:600;color:#595959;margin:0}.header_it span{font-size:14px;color:#595959}.invoice_table_grid{display:flex;flex-direction:column;width:100%;overflow-x:auto;margin-top:20px}.table_header,.table_row{display:grid;grid-template-columns:20px 2fr 60px 80px 100px 100px 100px 40px;align-items:center;gap:8px;padding:4px 0;min-width:850px}.table_header{font-size:15px;line-height:15px;margin:0 0 10px;font-weight:600;color:#595959}.table_row input{width:100%;padding:6px;border:0px solid #59595960;font-size:13px;box-sizing:border-box;height:35px;font-size:14px;font-weight:600;outline:none;color:#595959;transition:all .2s ease;background-color:var(--standered-bg);border-radius:4px;box-shadow:#0000000a 0 3px 5px}.table_row input:focus{border-color:#5b4b8a;box-shadow:0 0 4px #5b4b8a80}.table_row input::placeholder{font-size:14px;font-weight:400;color:#59595990}.add_min_btn{background-color:transparent;color:#595959;border:none;border-radius:6px;font-size:18px;cursor:pointer;padding:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.add_min_btn:hover{background-color:#5b4b8a;color:#fff}.drag_handle{cursor:grab;font-size:18px;color:#888;-webkit-user-select:none;user-select:none}.table_row.dragging{background-color:#f3f9ff;box-shadow:0 4px 8px #00000026;border-radius:6px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.invoice_calculations_section{display:flex;align-items:center;justify-content:center;width:100%;padding:0 50px 0 0;box-sizing:border-box}.left_side_ics{width:65%}.right_side_ics{width:35%;display:flex;flex-direction:column;gap:10px;border-top:1px solid #59595950;padding:15px 0 0}.icsrs_tab{width:100%;display:flex;align-items:center;justify-content:space-between;height:24px}.icsrs_tab span{font-size:14px;line-height:14px;margin:0;font-weight:500;color:#59595990}.icsrs_tab button{padding:4px 12px;border:1px solid #5B4B8A;background:#5b4b8a20;color:#5b4b8a;cursor:pointer;font-size:12px;font-weight:600;border-radius:5px;transition:all .2s}.icsrs_tab button:hover{background-color:#5b4b8a;color:#fff}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;opacity:0;visibility:hidden;display:flex;justify-content:flex-end;align-items:center;z-index:999;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-popup{background:#f8f8fa;width:400px;height:95%;transform:translate(100%);transition:transform .4s ease;position:relative;box-shadow:-2px 0 10px #0003;border-radius:10px;overflow-y:auto;margin-right:10px}.sidebar-overlay.active .sidebar-popup{transform:translate(0)}.close-btn{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:28px;cursor:pointer;z-index:99999}.heading_popup_side{font-size:21px;color:#595959;line-height:22px;font-weight:500;position:absolute;top:16px;left:16px}.sidebar-content{padding:35px 16px 0;height:96%;box-sizing:border-box;position:relative}.discount_popups{width:100%;max-width:700px;margin:20px auto;background:transparent;padding:0;border-radius:0;height:100%;box-sizing:border-box}.left_side_code{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0px}.discount_popups h3{text-align:start;margin:0 0 15px;color:#595959;font-size:16px}.tax-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.bottom-bar{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.bottom-bar p{margin:0;padding:0;font-size:12px}.tax-card{background:#fff;border-radius:8px;padding:15px;transition:all .2s ease;cursor:pointer;border:1px solid #C8C3D8}.tax-card.selected{border:1px solid #5B4B8A;background-color:#5b4b8a;color:#fff!important}.tax-card.selected>.tax-header>.left_side_code>h4{color:#fff!important}.tax-card.selected>.tax-header>.left_side_code>p{color:#fff!important}.tax-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0000001a}.tax-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative;width:100%;box-sizing:border-box}.left_side_code h4{margin:0;color:#595959;font-size:16px;font-weight:600;line-height:16px;padding:0}.left_side_code p{margin:0;color:#59595995;font-size:12px;padding:0}.status{padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700;position:absolute;top:-5px;right:-5px}.status.active{background-color:#d1fae5;color:#065f46}.status.inactive{background-color:#fee2e2;color:#991b1b}.total-tax{margin-top:20px;text-align:right;font-size:1.1rem;font-weight:700;color:#222}.right_side_inv{width:100%;height:100vh;background-color:var(--standered-bg);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.customer_list_tab{width:100%;box-sizing:border-box;padding:20px 10px 10px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--standered-bg);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.header_clt h2{font-size:18px;line-height:18px;margin:0 0 10px;font-weight:600;color:#595959}.customer_list_clt{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.customer_lc_ind{display:flex;align-items:center;justify-content:center;gap:5px}.customer_select_section{width:100%;box-sizing:border-box}.select_wrapper label{font-size:14px;font-weight:500;color:#595959;margin-bottom:6px}.css-1xc3v61-indicatorContainer,.css-15lsz6c-indicatorContainer{color:#5b4b8a!important;padding:0!important;border-radius:100px!important;background:#5b4b8a20!important}.invoice_basic_info{width:100%;padding:20px 10px;border-radius:10px;background-color:var(--standered-bg);box-sizing:border-box;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.inv_b_i_header{width:100%;display:flex;align-items:center;justify-content:space-between}.inv_b_i_header h2{font-size:18px;line-height:18px;margin:0 0 10px;font-weight:600;color:#595959}.label_2{font-size:12px;font-weight:600;color:#595959}.input_field_2{width:100%;padding:4px 8px;height:45px;border-radius:6px;box-sizing:border-box;border:0px solid #59595980;font-size:14px;font-weight:500;color:#595959;outline:none;background-color:transparent;box-shadow:#0000000a 0 3px 5px}.input_field_2:focus{border-color:#5b4b8a;box-shadow:0 0 4px #5b4b8a80}.input_field_2::placeholder{font-size:14px;font-weight:500;color:#595959}.input_field_3{width:100%;padding:4px 8px;height:45px;border-radius:6px;box-sizing:border-box;border:0px solid #59595980;font-size:16px;position:relative;cursor:pointer;font-size:14px;font-weight:500;color:#595959;display:flex;align-items:center;justify-content:flex-start;box-shadow:#0000000a 0 3px 5px}.calendar_icon{position:absolute;right:10px;color:#5b4b8a;cursor:pointer}.inv_basic_info_list{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.invoice_number_field{width:100%}.input_field_4{width:100%;padding:4px 8px;height:45px;border-radius:6px;box-sizing:border-box;border:0px solid #59595980;font-size:16px;position:relative;cursor:pointer;font-size:14px;font-weight:500;color:#595959;display:flex;align-items:center;justify-content:space-between;box-shadow:#0000000a 0 3px 5px}.country_name{display:flex;align-items:flex-start;justify-content:flex-start;gap:5px}.country_name p{font-size:12px;line-height:14px;margin:0;padding:0}.country_name img{height:27px;width:27px}.currency_name{font-size:12px;font-weight:600;color:#fff;background:#5b4b8a;border-radius:4px;padding:6px;margin:0;width:fit-content}.customer_page{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box;gap:10px}.left_bar_customer_page{flex:1;height:100%;box-sizing:border-box;padding:20px 10px 10px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--standered-bg);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.right_bar_customer_page{position:relative;flex:4;height:100%;box-sizing:border-box;padding:10px;border-radius:10px;gap:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--standered-bg);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;max-height:100%;overflow:auto}.right_bar_customer_page::-webkit-scrollbar{display:none}.right_bar_customer_page{scrollbar-width:none}.right_bar_customer_page{-ms-overflow-style:none}.company_profile_options{width:75.5%;box-sizing:border-box;background-color:#595959;display:flex;align-items:flex-start;justify-content:space-between;padding:10px;position:fixed;border-radius:6px}.company_profile_options>.btn1{width:200px!important}.tab_item{padding:14px 12px;font-size:14px;color:#595959;cursor:pointer;border-right:4px solid transparent;transition:.2s;width:100%;box-sizing:border-box}.tab_item:hover{background:#5b4b8a20}.tab_item.active{background:#5b4b8a20;border-right:4px solid #5B4B8A;color:#5b4b8a;font-weight:600}.tab_content{font-size:15px;color:#333}.logo_image_Section_company{width:80px;height:80px;border-radius:5px;background-color:#eceded;overflow:hidden;position:relative;cursor:pointer;border:1.5px dashed #fff}.upload_placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#eceded;border:0 dashed #ccc;border-radius:0%;color:#595959;font-size:10px;font-weight:600;text-align:center;cursor:pointer;padding:0 5px;box-sizing:border-box}.company_logo_preview{width:100%;height:100%;object-fit:cover;cursor:pointer}.left_side_details_cpo{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}.company_other_details_cpo{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px}.company_other_details_cpo h2{font-size:21px;line-height:21px;margin:0;font-weight:600;color:#fff}.company_other_details_cpo p{font-size:12px;line-height:12px;margin:0;font-weight:400;color:#fff}.social_plateforms{display:flex;align-items:flex-start;justify-content:flex-start;gap:7px;margin-top:5px}.social_plateforms>span>img{height:24px;width:24px}.section_to_show_rbcp{margin-top:120px;width:100%;box-sizing:border-box}.address_contact_tab,.tax_tab_details,.accounting_tab,.sales_team_tab,.customer_details_tab{display:flex;flex-direction:column;gap:15px;width:100%}.form_section_title{font-size:20px;font-weight:600;margin-bottom:10px;color:#222}.form_section{background:transparent;padding:0 10px;border-radius:10px;box-shadow:0 1px 3px #0000000a,0 0 5px 2px #00000005}.section_heading{font-size:16px;font-weight:600;color:#444;margin-bottom:8px;border-left:4px solid #5B4B8A;padding-left:8px;margin-top:12px}.form_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0px 15px}.form_group{display:flex;flex-direction:column;margin-bottom:16px;width:100%;box-sizing:border-box;position:relative}.form_group label{font-size:14px;font-weight:500;color:#595959;margin-bottom:6px}.icon_to_set_input{position:absolute;top:40px;right:10px}.input_field{width:100%;padding:4px 8px;height:45px;border-radius:6px;box-sizing:border-box;border:0px solid #59595980;font-size:14px;font-weight:500;color:#595959;outline:none;background-color:transparent;box-shadow:0 1px 3px #0000000a,0 0 5px 2px #0000000f}.input_field::placeholder{color:#999;font-size:13px}.input_field:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d}.input_field:hover{border-color:#999}.input_field:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.select_wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0px;width:100%;box-sizing:border-box;margin-bottom:16px}.dropdown_rs{width:100%}.css-1ql3i73-control{width:100%;padding:4px 8px;height:45px;border-radius:6px;box-sizing:border-box;border:0px solid #59595980!important;font-size:14px;font-weight:500;color:#595959;outline:none!important;background-color:transparent!important;box-shadow:0 1px 3px #0000000a,0 0 5px 2px #0000000f!important}.css-1u9des2-indicatorSeparator{display:none!important}.css-1xc3v61-indicatorContainer{color:#5b4b8a!important;padding:0!important;border-radius:100px!important;background:#5b4b8a20!important}.css-15lsz6c-indicatorContainer{color:#5b4b8a!important;padding:0!important;border-radius:100px!important;background:#5b4b8a40!important}.css-1jqq78o-placeholder,.css-1dimb5e-singleValue{color:#595959!important;font-size:14px!important;font-weight:500!important}.css-hlgwow{padding:2px 0!important}.file_input_wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;border-radius:6px;background-color:transparent;box-shadow:0 1px 3px #0000000a,0 0 5px 2px #0000000f;padding:0 10px;box-sizing:border-box;overflow:hidden}.file_input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.file_icon_fiw{position:absolute;right:8px;top:12px;color:#5b4b8a}.file_name{font-size:14px;color:#595959;font-weight:500;pointer-events:none}.file_input_wrapper:hover{box-shadow:0 0 4px #007bff33}.file_input:disabled+.file_name{color:#999}.textarea_field{width:100%;padding:10px;height:45px;border-radius:6px;box-sizing:border-box;border:0px solid #59595980;font-size:14px;font-weight:500;color:#595959;outline:none;background-color:transparent;box-shadow:0 1px 3px #0000000a,0 0 5px 2px #0000000f}.snackbar-wrapper{position:fixed;bottom:20px;right:20px;z-index:9999;pointer-events:none}.snackbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;color:#fff;box-shadow:0 4px 10px #0003;transform:translateY(100%);opacity:0;pointer-events:auto;animation:slideIn .3s ease forwards}.snackbar-wrapper:not(.show) .snackbar{animation:slideOut .3s ease forwards}.snackbar.success{background-color:#16a34a}.snackbar.error{background-color:#dc2626}.snackbar.warning{background-color:#f59e0b}.snackbar.info{background-color:#2563eb}.snackbar-icon{width:20px;height:20px}.snackbar-message{font-size:14px;font-weight:500;flex:1}.snackbar-close{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s}.snackbar-close:hover{opacity:1}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.main_table_viewer{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;background-color:transparent;border-radius:10px;background-color:var(--standered-bg);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;padding:10px}.custom_table_container{width:100%;background:transparent;height:auto;border-radius:5px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;padding:0;box-sizing:border-box}.custom_table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.custom_table th,.custom_table td{text-align:left;padding:8px 12px;border-bottom:1px solid #f0f0f0}.custom_table th{background-color:#fbfbfa90;font-weight:600;color:#5b4b8a;font-size:14px;text-align:center}.custom_table td{color:#555;font-size:12px;text-align:center}.custom_table thead{box-shadow:#00000014 2px 1px 10px}.no_data{text-align:center;color:#888;padding:20px}.actions_cell{position:relative;text-align:center}.three_dots_button{background:none;border:none;font-size:14px;font-weight:700;cursor:pointer;color:#fff;padding:4px;background-color:#5b4b8a;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:4px;box-shadow:#0000000d 0 0 0 1px;transform:rotate(90deg);margin:0 auto}.three_dots_button:hover{color:#fff}.action_dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:6px;box-shadow:#0000001a 0 4px 8px;padding:6px 0;min-width:160px;z-index:1000;animation:fadeIn .2s ease}.action_dropdown_item{padding:8px 12px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;text-align:start}.action_dropdown_item:hover{background-color:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);background-size:400% 100%;animation:shimmerAnimation 2.5s ease infinite;border-radius:4px}.shimmer-cell{height:24px;width:100%;margin:6px 0}.shimmer-row td:nth-child(1) .shimmer-cell{width:40%}.shimmer-row td:nth-child(2) .shimmer-cell{width:60%}.shimmer-row td:nth-child(3) .shimmer-cell{width:80%}@keyframes shimmerAnimation{0%{background-position:-400px 0}to{background-position:400px 0}}.accordion{background:transparent;border-radius:5px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;margin-bottom:12px;overflow:visible;transition:all .3s ease;width:100%}.accordion_header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 10px;background-color:transparent;box-shadow:#00000014 2px 1px 10px;background-color:#fbfbfa90;border-radius:5px}.accordion_header h4{margin:0;font-size:16px;font-weight:500;color:#595959}.accordion_icon{font-size:18px;transition:transform .3s ease;background-color:#5b4b8a;color:#fff;border-radius:30px;padding:2px}.accordion_icon.rotate{transform:rotate(180deg)}.accordion_body{background:transparent}.accordion_content{padding:16px 18px;font-size:14px;color:#555;line-height:1.5}.cummulation_card_1{width:auto;height:120px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;border-radius:5px;position:relative;padding:8px;box-sizing:border-box;overflow:hidden}.heading_Section_cc1{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.heading_Section_cc1 span{margin:0;padding:0;font-size:12px;font-weight:500;color:#595959}.heading_Section_cc1 h3{margin:0;padding:0;font-size:19px;line-height:15px}.amount_section{position:absolute;bottom:5px;right:15px}.amount_section h1{margin:0;padding:0;font-size:35px;color:#5b4b8a}.cummulation_card_icon{position:absolute;top:0;right:0;color:#5b4b8a;background-color:#5b4b8a20;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:0 0 0 10px}.main_table_viewer{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;background-color:transparent;border-radius:10px;background-color:var(--standered-bg);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;padding:10px;position:relative}.main_table_viewer h2{font-size:18px;line-height:18px;margin:0 0 5px;font-weight:600;color:#595959}.cards-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch;width:100%;box-sizing:border-box;padding:12px 0}.filters_section{display:flex;flex-direction:column;gap:0px;margin-top:10px}.filters_row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.filters_actions{display:flex;gap:12px;justify-content:flex-end}.btn_primary{background-color:#5b4b8a;color:#fff;padding:10px 18px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:.2s ease}.btn_primary:hover{background-color:#6b53e0}.btn_secondary{background-color:#f5f5f5;color:#333;padding:10px 18px;border:1px solid #ddd;border-radius:6px;font-weight:500;cursor:pointer;transition:.2s ease}.btn_secondary:hover{background-color:#ebebeb}.main_table_header{width:100%;box-sizing:border-box;display:flex;align-items:end;justify-content:space-between;padding:5px 2px}.dashboard_main{display:flex;width:100%;box-sizing:border-box;align-items:flex-start;justify-content:flex-start;gap:10px}.left_side_dm{width:65%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;box-sizing:border-box}.right_side_dm{flex:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.cummulations_grid_header_dm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:0;width:100%;box-sizing:border-box}.sales_chart_1,.recent_invoices{width:100%;box-sizing:border-box;padding:0}.recent_profits{padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;background-color:transparent;border-radius:5px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.recent_profits_header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0 15px;box-sizing:border-box}.recent_profits_header h2,.chart_title{font-size:21px;color:#595959;margin:0;padding:0}.cummulation_card_2{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;position:relative;width:auto;height:auto;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;border-radius:5px;padding:12px;box-sizing:border-box}.cummulation_card_2 h3{margin:0;padding:0;font-size:14px;color:#59595995}.cummulation_card_2 h1{margin:0;padding:0;font-size:28px;color:#595959;line-height:30px;font-weight:600}.result_indicator{position:absolute;bottom:8px;right:8px;font-size:14px;font-weight:600;padding:6px;border-radius:4px;background-color:#59595920;color:#595959;line-height:12px;background-color:#4f805710;color:#4f8057}.icon_cc2{padding:6px;background-color:#5b4b8a30;color:#5b4b8a;display:flex;align-items:center;justify-content:center;border-radius:3px;border:0px solid #5B4B8A;margin-bottom:10px}.ellipses_card_2{position:absolute;top:10px;right:10px;color:#595959;padding:4px;border-radius:20px;cursor:pointer}.gradient_area_chart{background:transparent;padding:12px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;border-radius:5px;transition:all .3s ease;width:100%!important;box-sizing:border-box}.chart_title{font-size:21px;color:#595959;margin:0;padding:0}.chart_title_sub{font-size:14px;line-height:14px;margin:3px 0 10px;padding:0;text-align:start;color:#595959;font-weight:400}.btns_pallete{display:flex;align-items:flex-start;justify-content:flex-start;gap:5px}.chart_header{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.recent_invoices_container{background:transparent;padding:12px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;border-radius:5px;transition:all .3s ease;width:100%!important;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}.recent_invoices_header{width:100%;display:flex;align-items:center;justify-content:space-between}.recent_invoices_header h2{font-size:21px;color:#595959;margin:0;padding:0}.customer_list_tab{width:100%;box-sizing:border-box;padding:10px;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:transparent;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.header_clt{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.header_clt h2{font-size:22px;line-height:22px;margin:0 0 10px;font-weight:600;color:#595959}.customer_list_clt{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%}.customer_lc_ind{display:flex;align-items:center;justify-content:flex-start;gap:5px;position:relative;width:100%}.profile_image_customer{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:100px;font-size:22px;font-weight:600}.profile_image_customer img{height:50px;width:50px;border-radius:100px}.profile_image_customer span{padding:8px}.client_pic_details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;margin-bottom:4px}.client_pic_details h3{font-size:16px;color:#595959;line-height:16px;font-weight:500;margin:0;padding:0}.client_pic_details p{font-size:12px;color:#59595995;line-height:12px;margin:0;padding:0;font-weight:400}.transaction_status_dm{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;top:10px;right:10px}.transaction_status_dm span{font-size:10px;font-weight:500;margin:0;color:#4f8057;background-color:#4f805729;padding:2px 4px;border-radius:5px;display:flex;align-items:center;justify-content:center}.transaction_status_dm p{font-size:10px;font-weight:600;margin:0;padding:0}.overlay_theme_2{height:100%;width:100%;display:none;align-items:center;justify-content:flex-start;position:fixed;top:0;left:0;background-color:#0000004d;z-index:999999}.overlay_theme_2.show{display:flex}.confirmation_popup{width:380px;padding:14px 10px;box-sizing:border-box;height:auto;border-radius:10px;background:#fff;position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-50px);opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-weight:700;transition:all .5s ease;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}.confirmation_popup.show{opacity:1;transform:translate(-50%) translateY(0)}.icon_section_cp{padding:15px;border-radius:50px;display:flex;align-items:center;justify-content:center}.confirmation_popup h2{font-size:18px;color:#595959;font-weight:700!important;margin:10px 0 0;padding:0}.confirmation_popup p{font-size:14px;font-weight:500;color:#595959;margin:0;padding:0}.btns_pallete_cp{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:30px}.btns_pallete_cp button{padding:8px 12px;border:0px solid #595959;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;background-color:#e6e0e4;color:#595959}.btns_pallete_cp .no:hover,.btns_pallete_cp .yes{background-color:#5b4b8a;color:#fff}.overlay_theme{height:100vh;width:100vw;background-color:#0009;z-index:99999}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease}.calendar_popup_container{background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 30px #0003;z-index:1000;text-align:center;animation:slideIn .3s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}.calendar_title{margin-bottom:15px;color:#333;font-weight:600}.calendar_footer{margin-top:15px;display:flex;justify-content:flex-end;align-items:flex-end;gap:10px;width:100%;box-sizing:border-box}.calendar_btn{background:#5b4b8a;color:#fff;border:none;padding:8px 16px;border-radius:4px;border:1px solid #5B4B8A;cursor:pointer;transition:background .2s}.calendar_btn.cancel{background:transparent;color:#5b4b8a;border:1px solid #5B4B8A}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:.5}to{transform:translateY(0);opacity:1}}.react-calendar{border:0px!important}.react-calendar__tile--now{background-color:transparent;border:1px solid #5B4B8A!important;border-radius:2px!important}.react-calendar__tile--active{background-color:#5b4b8a!important;color:#fff!important;border-radius:2px}.react-calendar__tile{color:#000}.react-calendar__month-view__weekdays abbr[title]{text-decoration:none!important;font-size:12px;color:#595959;font-weight:500}.react-calendar__navigation__label{border-radius:4px;background:#5b4b8a20!important}.react-calendar__navigation__label__labelText{color:#5b4b8a;font-weight:600!important;font-size:14px!important}.react-calendar__navigation__arrow{border-radius:4px;background:#5b4b8a20!important;font-size:14px;color:#5b4b8a}.react-calendar__navigation{gap:5px!important;height:35px!important}.react-calendar__navigation{margin-bottom:.5rem!important}.react-calendar__navigation button{min-width:45px!important}.react-calendar__navigation button:hover{background-color:#5b4b8a60!important;color:#fff}.calendar_title{margin-bottom:10px!important}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background-color:#5b4b8a!important;color:#fff!important}.react-calendar__tile:hover{background-color:#5b4b8a30!important;border-radius:4px!important}.calendar_title{width:100%;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-start;gap:5px}.calendar_header_title{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.calendar_title h3{font-size:14px;font-weight:600;margin:0;padding:0;line-height:14px;color:#5b4b8a}.calendar_header_title p{font-size:12px;font-weight:400;color:#595959;margin:0;padding:0;line-height:12px}.login_2_page{height:100vh;width:100vw;background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box;position:relative}.overlay_l2p{width:60vw;height:75vh;position:absolute;bottom:0%;left:50%;transform:translate(-50%);border-radius:30px 30px 0 0;background:#ff8416;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 40px 10px;box-sizing:border-box;animation:flipBlurIn .5s ease-out forwards;opacity:0;transform-style:preserve-3d;backface-visibility:hidden}.header_ol2p{width:100%;display:flex;align-items:center;justify-content:space-between;transition:all .8s ease-out}.header_ol2p a{display:block;max-width:200px}.header_ol2p>a>img{width:100%;height:auto}.header_ol2p h2{font-size:24px;line-height:26px;margin:0;padding:0;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);font-weight:400}.header_ol2p span{font-size:24px;line-height:26px;margin:0;padding:0;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.form_l2p{display:flex;flex-direction:column;align-items:start;justify-content:center;width:25vw;gap:21px;transition:all .8s ease-out}.form_l2p p{margin:0;padding:0;font-size:21px;font-weight:600;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);text-align:start}.greet_p{margin:0;padding:0;font-size:16px;font-weight:400;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);text-align:start}.login_2_page_btn{position:relative;overflow:hidden;padding:8px 40px;border-radius:50px;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer;transition:all .3s ease;z-index:1;box-shadow:#00000059 0 5px 15px}.login_2_page_btn span{color:#fff}.login_2_page_btn:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:#fff;z-index:0;transition:width .4s ease;border-radius:50px}.login_2_page_btn:hover:before{width:100%}.login_2_page_btn:hover,.login_2_page_btn:hover span{color:#ff8416!important;border-color:#ff8416!important}.login_2_page_btn>span{position:relative;z-index:2}.footer_ol2p{display:flex;align-items:center;justify-content:space-between;width:100%}.designed_Managed_1{display:inline-flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:4px;width:auto;position:absolute;bottom:10px;left:10px}.designed_Managed_1>h3{font-size:12px;line-height:14px;color:#fff;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.designed_Managed_1>a>img{width:100px;height:auto;cursor:pointer}.footer_ol2p h4{font-size:12px;color:#fff;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.3);margin:20px 0 0}.otp_input_0{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.otp_input_0 h4{font-size:16px;color:#fff;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,.3);margin:20px 0 0;text-align:center}.otp_input_0>h4>span{font-size:16px;color:#ff8416;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,.3);margin:20px 0 0;text-align:center}.otp_input_0>h4>span:hover{color:#fff;cursor:pointer}.content_tfolp{display:flex;align-items:center;justify-content:flex-start;width:100%;position:absolute;bottom:10px;left:40px}.otp_screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;position:absolute;top:30%}.content_tfolp h4{font-size:12px;color:#fff;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.3);margin:20px 0 0;text-align:start}.login_successfully{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;height:100%;width:100%;opacity:0;animation:smokeFadeIn .5s ease-out forwards;filter:blur(10px)}.login_successfully h3{font-size:29px;color:#ff8416;line-height:32px;margin:40px 0 0;text-shadow:1px 1px 3px rgba(0,0,0,.3);background-color:#fff;padding:5px 8px;border-radius:5px}.authenticating h3{font-size:29px;color:#fff;line-height:32px;margin:40px 0 0;text-shadow:1px 1px 3px rgba(0,0,0,.3);padding:5px 8px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:17px}.login_successfully h5{font-size:18px;color:#fff;line-height:21px;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.3);padding:0;font-weight:500}.pulse_success_loader{width:100px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 #fff4;animation:l2 3s infinite linear;position:relative;display:flex;align-items:center;justify-content:center}.pulse_success_loader img{width:60px;height:60px}.pulse_success_loader:before,.pulse_success_loader:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 #fff4;animation:l2 1.5s infinite linear;animation-delay:-.5s}.pulse_success_loader:after{animation-delay:-1s}.fade-out{animation:fadeOut .8s ease-out forwards}@keyframes l2{to{box-shadow:0 0 0 40px #fff4}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-20px);filter:blur(6px)}}@keyframes smokeFadeIn{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}50%{opacity:.5;filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slideUpFadeIn{0%{transform:translate(-50%,100%);opacity:0;filter:blur(10px)}60%{transform:translate(-50%,-10%);opacity:1;filter:blur(1px)}to{transform:translate(-50%);filter:blur(0);opacity:1}}@keyframes flipBlurIn{0%{transform:translate(-50%,100%) rotateX(90deg) scale(.95);opacity:0;filter:blur(12px)}50%{transform:translate(-50%) rotateX(-10deg) scale(1.02);opacity:1;filter:blur(2px)}to{transform:translate(-50%) rotateX(0) scale(1);opacity:1;filter:blur(0)}}@keyframes fadeInInner{to{opacity:1}}.loader_2{width:30px;aspect-ratio:1;--c: linear-gradient(#FF8416 0 0);--m: radial-gradient(farthest-side,#FF8416 92%,#FF8416);background:var(--c),var(--m),var(--c),var(--m),var(--c),var(--m);background-size:6px 16px,6px 6px;background-repeat:no-repeat;animation:l14 1s infinite alternate}@keyframes l14{0%,10%{background-position:0 0,0 100%,50% 0,50% 100%,100% 0,100% 100%}33%{background-position:0 100%,0 0,50% 0,50% 100%,100% 0,100% 100%}66%{background-position:0 100%,0 0,50% 100%,50% 0,100% 0,100% 100%}90%,to{background-position:0 100%,0 0,50% 100%,50% 0,100% 100%,100% 0}}.underlined-text-field{display:flex;align-items:center;border-bottom:2px solid #c6c2c2;padding:8px 0;width:100%;transition:border-color .3s ease}.icon-wrapper{margin-right:8px}.icon_utf{width:20px;height:20px;background-color:#c6c2c2;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;transition:background-color .3s ease}.underlined-text-field.active .icon_utf,.underlined-text-field:focus-within .icon_utf{background-color:#fff}.text-input{border:none;outline:none;flex:1;font-size:16px;background:transparent;color:#fff}.trailing-icon{margin-left:8px;cursor:pointer;display:flex;align-items:center;color:#fff}.underlined-text-field{display:flex;align-items:center;border-bottom:2px solid #c6c2c2;padding:8px 0;width:100%;transition:border-color .3s ease;position:relative}.underlined-text-field.active,.underlined-text-field:focus-within{border-bottom-color:#fff}.text-input{flex:1;border:none;outline:none;font-size:16px;background:transparent;color:#fff}.trailing-icon{margin-left:8px;cursor:pointer;display:flex;align-items:center;color:#c6c2c2;transition:color .3s ease}.underlined-text-field.active .trailing-icon{color:#fff}.text-input::placeholder{color:#c6c2c2;opacity:1}.spinner_l3{border-radius:50%;padding:3.4px;background:radial-gradient(farthest-side,#fff 95%,#0000) 50% 0/13.4px 13.4px no-repeat,radial-gradient(farthest-side,#0000 calc(100% - 5.6px),#fff calc(100% - 4.5px)) content-box;animation:spinner-x3enp9-l3 .75s infinite}@keyframes spinner-x3enp9-l3{to{transform:rotate(1turn)}}.container{width:100%;height:100vh;background-image:url(https://testingapi.skyhub.pk/proxy?url=https://myfurnituremecca.com/wp-content/uploads/2024/08/Cypress-Bedroom-Set-02-1.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}.mainCont{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;height:100%;width:100%;z-index:999}.shadowGradient{width:100%;height:100%;position:absolute;inset:0;opacity:57%;background:linear-gradient(90deg,#484f59,#856bf9e6 35%,#000)}.otherDivLeft{width:12%}.otherDivRight{width:5%}.mainDiv{height:100%;width:83%;display:flex;flex-direction:row;align-items:center;justify-content:center}.leftDiv{width:60%;height:100%;flex-direction:column;display:flex;align-items:center;justify-content:center}.rightDiv{width:40%;display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.logo{width:20vw}.Wel{width:100%;text-align:left;color:#fff;font-family:Poppins,sans-serif;font-size:36px;font-weight:600;letter-spacing:.8px;text-transform:capitalize;text-shadow:0 0 10px black}.desc-div{margin-bottom:5px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.descOther{width:35%}.descMain{width:65%;font-size:15px;color:#fff;font-weight:400;font-family:poppins;text-shadow:0 0 4px black}.InputDiv{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:0 5px 5px 0;overflow:hidden}.InputMainDiv{width:65%;position:relative;overflow:hidden!important}.InputOtherDiv{width:35%}.InputMainDiv>input{width:91%;padding:12px 12px 12px 28px;border-radius:5px;font-family:Poppins,sans-serif;border:none;outline:none}.InputMainDiv>input::placeholder{font-family:Poppins,sans-serif;text-transform:capitalize;font-weight:400}.InputDivHolder{margin-top:5px;line-height:65px}.IconCont{position:absolute;top:11px;right:0;width:50px;display:flex;cursor:pointer;background-color:#4487c5;height:45px;border:radius 0px 4px 4px 0px;align-items:center;justify-content:center}.icon{color:#fff;width:23px;height:23px}.inputCont{margin-top:15px}.radioDiv{display:flex;align-items:center;justify-content:left;flex-direction:row;width:100%}.radioDivMain,.radioDivOther{width:50%}.mainNewRadioDiv{display:flex;flex-direction:row;align-items:center;justify-content:center;width:150px;cursor:pointer;border-radius:30px;height:35px;padding:3px 10px;background-color:#fff;transition:.5s all ease!important}.onhover{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center}.text{width:90%;font-family:Poppins,sans-serif;font-size:13px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:500}.divider{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.iconofdivider{width:20%;display:flex;align-items:center;justify-content:center;height:100%}.text{width:80%;height:100%}.rememberMeDiv{font-size:13px;font-weight:500}.LoginDivMain{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.LoginOther{width:35%}.LoginMain{text-align:center;height:60px;width:65%}.Loginbtn{margin-top:30px;background-color:transparent;border:2px solid #fff;font-family:Poppins,sans-serif;padding:7px 50px;border-radius:20px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;text-transform:uppercase;position:relative;transition:.4s all ease}.Loginbtn:hover{box-shadow:inset 9.5em 0 #4487c5;border:2px solid #4487C5}.forSignMainDiv{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.forSignMain{margin-top:35px;width:65%;display:flex;flex-direction:row;align-items:center;justify-content:center}.forSignOther{width:35%}.forSignMainLeft{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:left;height:100%;margin-top:-88px}.forSignMainRight{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:right;height:100%}.newUser,.forgot{font-family:Poppins,sans-serif;text-decoration:none;color:#fff;font-size:14px;font-weight:400}.spanof-forg-signleft{width:100%;text-align:left;text-decoration:underline;text-decoration-color:#fff}.spanof-forg-signright{width:100%;text-align:right;text-decoration:underline;text-decoration-color:#fff}.otp_inputs{display:flex;gap:15px}.otp_inputs input{width:60px;height:70px;text-align:center;font-size:24px;border-radius:6px;border:2px solid #fff;outline:none;transition:all .2s ease;background-color:transparent;color:#fff;box-shadow:#63636333 0 2px 8px}.otp_inputs input:focus{border-color:#ff8416;box-shadow:0 0 5px #ff841699}.otp_inputs input::placeholder{color:#fff;opacity:1}.otp_inputs input.filled{border-color:#ff8416;box-shadow:0 0 5px #ff841699}@media only screen and (min-width:2000px){.logo{width:510px}}