*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}.link{text-decoration:none}button{border:none;background-color:transparent}p,h1,h2,h3,h4,h5,h6{margin-bottom:0}input,textarea{outline-color:#00f;outline-width:1px}select{outline-color:#00f;outline-width:1px;border:none}ul,li{list-style:none}.app{display:grid;grid-template-areas:"Navbar Navbar" "menu content";position:relative}.app .main__body{min-height:83vh;grid-area:content;display:none}@media (max-width: 778px){.app{grid-template-areas:"Navbar Navbar" "content content"}.container-fluid>div{width:100%}div:has(>form){width:90%!important}form>div{display:flex;flex-direction:column}form .input__form{display:flex;flex-direction:column;width:100%!important}form .input__form>div{display:flex;flex-direction:column}form .input__form button{height:50px}form .InputForm{display:flex;width:100%!important;flex-wrap:wrap}form .InputForm select{width:100%}form textarea{display:block}}table{width:100%;font-size:12px;color:gray;margin-top:20px}table thead{width:100%;background:#fff}table tr{height:50px;border:1px solid lightgray}table tr th,table tr td{font-weight:500!important;padding:0 20px}div:has(>table){overflow-x:auto}.sub__subLinks{position:absolute;right:0;top:40px;display:flex;flex-direction:column;background-color:#fff;padding:5px 0}.sub__subLinks .link{min-width:130px;color:inherit;font-size:13px;padding:5px 13px}.sub__subLinks .link:hover{background-color:#f5f5f5}.rightLinks{position:relative}.rightLinks .icon{cursor:pointer}.rightLinks .icon:hover{color:#5390f4}.rightLinks div{z-index:1;position:absolute;display:flex;flex-direction:column;top:40px;right:0;background-color:#fff!important;width:270px}.rightLinks div .link{min-width:fit-content;color:gray!important;text-transform:capitalize;font-size:13px;text-align:left;display:block}.rightLinks div .link:hover{background-color:#f5f5f5}.rightLinks div .link.active{background-color:#5390f4;color:#fff}.Navbar{grid-area:Navbar;height:3.5rem;position:sticky;top:0;z-index:999;background-color:#fff}.Navbar__2 .icon{height:100%;width:3.5rem;padding:15px}.Navbar__2 .icon:hover{background-color:#ebe6e6}.Navbar__2 .icon:last-child{height:3.5rem;width:2rem;padding:5px}.Navbar__2 .setting{position:relative}.Navbar__2 .setting .icon{padding:15px;width:3.5rem}.Navbar__2 .setting__item{z-index:1;position:absolute;right:0;display:flex;flex-direction:column;background-color:#fff;width:160px}.Navbar__2 .setting__item .link{font-size:13px;padding:7px 15px;color:#4a4848}.Navbar__2 .setting__item .link:hover{background-color:#f5f5f5}.Navbar__2 .profile p{background-color:#a46060;height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:15px}.Navbar__2 .profile:hover{background-color:#ebe6e6}.Navbar__2 .sub_links{position:absolute;margin-top:1px;width:220px;height:fit-content;right:0;background-color:#fff}.Navbar__2 .sub_links div{line-height:30px;background-color:#f5f7fa}.Navbar__2 .sub_links div p{font-size:15px}.Navbar__2 .sub_links .link{display:block;font-size:13px;color:#000}.Navbar__2 .sub_links .link:hover{background-color:#f5f5f5}.Navbar__2 .sub_links hr{padding:0;margin:0;border:.00000001rem solid gray}@media (max-width: 480px){.Navbar__2 .messages{display:none}}@media (max-width: 778px){.Navbar .SearchBar{display:none}}.SearchBar{position:relative}.SearchBar .nav-links{position:absolute;background-color:#fff;width:100%;z-index:1;font-size:13px;margin-top:2px;border:1px solid lightgray}.SearchBar .nav-links p{padding:5px 15px;color:gray;font-size:12px}.SearchBar .nav-links .link{padding:7px 15px}.SearchBar .nav-links .link:hover{background-color:#f5f5f5}.feedback{position:fixed;bottom:0;left:2rem;z-index:1;background-color:#fff;width:330px;height:500px;box-shadow:#0000001a 0 7px 7px}.feedback__1{position:relative;background-color:red}.feedback__1 .hide-icon{position:absolute;color:#0ff;top:10px;right:20px;cursor:pointer}.feedback__1 .back-icon{position:absolute;color:#0ff;top:12px;left:20px;cursor:pointer}.feedback__1 .SearchBar{padding:0!important;border-radius:8px;height:40px}.feedback__1 .SearchBar .icon{height:50px!important;font-size:30px!important;font-weight:w00}.feedback__1 .SearchBar input{font-size:16px!important}.feedback__2{max-height:377px;min-height:320px;overflow-y:scroll;font-size:15px}.feedback__2 ol li{color:red}.feedback__2 ol li .list{text-decoration:none;color:red;font-size:13px}.feedback__2 ol li:hover .list{text-decoration:underline}.feedback__2 label{font-weight:700;font-size:13px}.feedback__2 label span{font-weight:500}.feedback__2 .attachments div{position:relative;border:2px solid lightgray;border-style:dashed;display:flex;align-items:center;justify-content:center;font-size:13px}.feedback__2 .attachments div .icon{width:2.5rem;font-size:10px}.feedback__2 .attachments div input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.feedback__2 .form__footer{box-shadow:#0000001a 0 -2px 5px;height:70px;font-size:14px;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;bottom:0;z-index:1;left:0;right:0}.feedback__2 .form__footer button{color:#fff;background-color:red;display:flex;align-items:center}.feedback__2 .form__footer p{height:100%;display:flex;align-items:end;font-weight:700}.feedback__2::-webkit-scrollbar{width:5px}.feedback__2::-webkit-scrollbar-thumb{padding-right:10px;background-color:#d3d3d3}.feedback__3{box-shadow:#0000001a 0 -2px 5px;height:10vh;font-size:14px;display:flex;align-items:center;justify-content:space-between}.feedback__3 button{color:#fff;background-color:red;display:flex;align-items:center}.feedback__3 p{height:100%;display:flex;align-items:end;font-weight:700}.login{background-color:#f5f7fa;min-height:100vh;display:flex;align-items:center}.login p{font-size:12px}.login__container{width:600px!important}.login__body{border-radius:5px;box-shadow:#00000026 0 2px 8px}.login__body__1{text-align:center;border-top-left-radius:5px;border-top-right-radius:5px}.login__body__2{padding:0 4rem;display:flex;flex-direction:column}.login__body__2 .link{font-size:13px;text-align:right}.login__body__2 button{background-color:#5390f4;color:#fff;font-size:14px}.login__body__3{text-align:center;background-color:#f5f5f5}.login__body__3 .google{width:30%;margin:auto;padding:15px 0;cursor:pointer;box-shadow:#00000026 0 2px 8px}.login__footer hr{width:20%;margin:auto}.login__footer img{height:40px;width:130px;object-fit:cover}.login__footer .bottom p{font-size:11px}.login__footer .bottom p:last-child{display:block}.signup{background-color:#f5f7fa;min-height:100vh}.signup .container{width:75%}.signup__left__3 img{height:350px}.signup__right{height:fit-content}.signup__right__top{box-shadow:#00000026 0 2px 8px}.signup__right p{font-size:12px}.signup__right form{display:flex;flex-direction:column}.signup__right form button{background-color:#5390f4;color:#fff;font-size:14px}.signup__right .bottom{background-color:#f5f5f5}.signup__right .bottom p:first-child{opacity:.7}.signup__right .bottom p:last-child{font-size:14px;opacity:.8}.signup__right .bottom .google{width:60%;margin:auto;box-shadow:#00000040 0 2px 8px}.signup .form-control{padding:0;border:none}.signup .form-control label{font-weight:700;font-size:13px}.signup .form-control select{font-size:13px;border:1px solid gray;border-radius:3px;padding:10px}.menu{grid-area:menu;position:fixed;font-size:14px!important;top:50px;width:100%;height:100%}.menu__items{outline:none}.menu__items .link{outline:hidden}.menu__items .link .menu__icon{color:gray!important}.menu__items .link .menu__name{color:gray}.menu__items .active{outline:hidden}.menu__items .active .menu__icon{color:inherit!important}.menu__items .active .menu__name{color:#000;font-weight:600}.mobile__menu{display:none;position:fixed;font-size:14px!important;top:50px;left:-10px;width:100%;height:100%;z-index:999;background-color:#0003}.mobile__menu>div{background-color:#fff;height:100%;width:75%}.mobile__menu__items{outline:none}.mobile__menu__items .link{outline:hidden}.mobile__menu__items .link .menu__icon{color:gray!important}.mobile__menu__items .link .menu__name{color:gray}.mobile__menu__items .active{outline:hidden}.mobile__menu__items .active .menu__icon{color:inherit!important}.mobile__menu__items .active .menu__name{color:#000;font-weight:600}@media (max-width: 778px){.mobile__menu{display:block}}.home{height:100px;width:100%}.home__right{min-height:calc(100vh - 3rem);width:100%;background-color:#f5f5f5}.home__right>div{max-width:600px;margin:auto}.home__right>div .apps__item{height:150px;min-width:150px;overflow:hidden;position:relative;cursor:pointer}.home__right>div .apps__item>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.4s}.home__right>div .apps__item small{position:absolute;left:0;bottom:-100%;transition:.4s}.home__right>div .apps__item:hover>div{top:-100%}.home__right>div .apps__item:hover small{bottom:30%}@media (max-width: 720px){.home__right>div .apps__item>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.4s}.home__right>div .apps__item small{display:none}.home__right>div .apps__item:hover>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.4s}.home__right>div .apps__item:hover small{bottom:30%}}@media (max-width: 440px){.home__right>div .apps__item{width:100px}}@media (max-width: 550px){.home__left{display:none}}.Header{position:fixed;background-color:#fff;height:50px;font-size:15px}.Header .Header-top{height:100%;flex-basis:93%}.Header .Header-top .header__link{min-width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.Header .Header-top .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:2px;background-color:#fff;animation:leftback .2s ease-in-out}.Header .Header-top .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:2px;background-color:#fff;animation:rightback .2s ease-in-out}.Header .Header-top .active{position:relative;color:#4a4848;font-weight:600}.Header .Header-top .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:2px;background-color:#01bcae;animation:left .3s ease-in-out}.Header .Header-top .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:2px;background-color:#01bcae;animation:right .3s ease-in-out}.Header .Header-top .more__link{color:gray;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.Header .Header-top .more__link .sub__links{min-width:200px;position:absolute;top:53px;text-align:left;background-color:#fff!important}.Header .Header-top .more__link .sub__links .link{color:gray;font-size:14px;width:100%}.Header .Header-top .more__link .sub__links .link:hover{background-color:#5390f4;color:#fff}.Header .header__2{flex-basis:7%;text-align:center;color:gray;position:relative}.Header .header__2 div:first-child{cursor:pointer}.Header .header__2__links{position:absolute;display:flex;flex-direction:column;top:35px;background-color:#fff;width:170px}.Header .header__2__links .link{min-width:fit-content;color:gray!important;text-transform:capitalize;font-size:13px;text-align:left;display:block}.Header .header__2__links .link:hover{background-color:#f5f5f5}.Header .header__2__links .link.active{background-color:#5390f4;color:#fff}@media (max-width: 778px){.Header{width:100%!important}.Header .Header-top{justify-content:start!important;overflow-x:scroll;overflow-y:hidden}.Header .Header-top .header__link{min-width:100px}.Header .Header-top::-webkit-scrollbar{height:5px}.Header .Header-top::-webkit-scrollbar-thumb{color:red}}.Sales{background-color:#f5f5f5;position:relative;height:fit-content;width:100%}.Sales__content{position:relative;top:50px}.Sales__content__1{height:400px;background-color:#01bcae}.Sales__content__1 .row{width:65%;margin:auto}.Sales__content__1__right img{height:250px}@media (max-width: 1080px){.Sales__content__1 .row{width:80%}}@media (max-width: 1000px){.Sales__content__1__right{display:none}}@media (max-width: 480px){.Sales__content__1{height:fit-content}.Sales__content__1 .row{width:95%}.Sales__content__1 .row p,.Sales__content__1 .row .link{font-size:14px}}.Sales__content__1 .link{transition:.3s;background-color:orange}.Sales__content__1 .link:hover{background-color:#f09d01}.Sales__content__2{margin-bottom:100px}.Sales__content__2 .icon{font-size:40px;color:#01bcae}.Sales__content__2 strong{padding:10px 0 5px}.Sales__content__2 small{font-size:13px;color:gray}.Sales__content__2 hr{width:80%;margin:auto}.Sales__content__2 .link{transition:.3s;background-color:orange}.Sales__content__2 .link:hover{background-color:#f09d01}.VatRates .container-fluid{width:75%;margin:auto;font-size:14px;position:relative;top:50px}.VatRates__top button{background-color:#5390f4;color:#fff;padding:7px 10px;cursor:pointer}.VatRates__search{border-bottom:1px solid lightgray}.VatRates__search input{border:0;outline:none;width:100%}.VatRates__list table{border:0}.VatRates__list table tr{border:0;border-bottom:1px solid lightgray;height:35px}.VatRates__list table thead tr{color:#000;font-size:13px;border-bottom:2px solid lightgray}.VatRates__list table tbody tr:nth-child(odd){background-color:#f5f5f5}.VatRates__page .icon{color:gray;cursor:pointer}.VatRates__page .icon:hover{color:#5390f4}.VatRates__footer{background-color:#f5f7fa;color:#5390f4}.VatRates__footer span{cursor:pointer}.VatRates__footer span:hover{background-color:#5390f4;color:#fff}.PayenmentTerms .container-fluid{width:75%;margin:auto;font-size:14px;position:relative;top:50px}.PayenmentTerms__top button{background-color:#5390f4;color:#fff;padding:7px 10px;cursor:pointer}.PayenmentTerms__search{border-bottom:1px solid lightgray}.PayenmentTerms__search input{border:0;outline:none;width:100%}.PayenmentTerms__list table{border:0}.PayenmentTerms__list table tr{border:0;border-bottom:1px solid lightgray;height:35px}.PayenmentTerms__list table thead tr{color:#000;font-size:13px;border-bottom:2px solid lightgray}.PayenmentTerms__list table tbody tr:nth-child(odd){background-color:#f5f5f5}.PayenmentTerms__page .icon{color:gray;cursor:pointer}.PayenmentTerms__page .icon:hover{color:#5390f4}.PayenmentTerms__footer{background-color:#f5f7fa;color:#5390f4}.PayenmentTerms__footer span{cursor:pointer}.PayenmentTerms__footer span:hover{background-color:#5390f4;color:#fff}.Reports{width:100%;height:100%}.Reports .container{height:100%}@media (max-width: 1080px){.Reports .container{width:100%!important}}.Reports__top .header{box-shadow:#00000026 0 20px}.Reports__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative}.Reports__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:3px;background-color:#fff;animation:leftback .2s ease-in-out}.Reports__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:3px;background-color:#fff;animation:rightback .2s ease-in-out}@keyframes leftback{0%{left:0%;background-color:#fe586c}to{left:50%;background-color:#fe586c}}@keyframes rightback{0%{right:0%;background-color:#fe586c}to{right:50%;background-color:#fe586c}}.Reports__top .header .active{position:relative;color:#4a4848;font-weight:500}.Reports__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:3px;background-color:#fe586c;animation:left .3s ease-in-out}.Reports__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:3px;background-color:#fe586c;animation:right .3s ease-in-out}.Reports__content{background-color:#f5f5f5;height:100%}.Reports__content .row{width:60%!important;margin:auto}@media (max-width: 1080px){.Reports__content .row{width:95%!important}}.Reports__content .link{box-shadow:#00000026 0 2px 8px;display:flex;transition:.2s ease-in-out;position:relative;bottom:0}.Reports__content .link .icon{color:#000;opacity:.8;font-size:65px;position:relative;top:-10px}.Reports__content .link p{color:#000;font-size:13px}.Reports__content .link:hover{position:relative;bottom:5px;box-shadow:#0000008c 0 2px 8px}.Reports__content .link:hover .icon{color:inherit;opacity:1}.Apps{background-color:#f5f5f5}@media (max-width: 778px){.Apps .container{width:95%!important}}.Apps__top small{font-size:13px}.Apps__top small strong{opacity:.8}.Apps__content .Apps__item span{font-size:60px}.Apps__content .Apps__item p{font-size:18px;text-transform:capitalize}.Apps__content .Apps__item small,.Apps__content .Apps__item .link{font-size:13px}.Apps__content .Apps__item .link:hover{color:#fff;background-color:#5390f4}.Costumer{background-color:#f5f5f5;position:relative}.Costumer__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Costumer__content__1 .icon{background-color:#fff;font-size:35px;width:25px}.Costumer__content__2__right hr{height:30px;padding:1px}.Costumer__content__2__right div{position:relative}.Costumer__content__2__right div button{font-size:13px;border:1px solid lightgray;display:flex;align-items:center;gap:5px}.Costumer__content__2__right div button:hover{border:1px solid #5390F4;color:#5390f4}.Costumer__content__2__right div button .icon{transform:rotate(90deg);padding:0;font-size:15px}.Costumer__content__2__right div ul{position:absolute;min-width:250px;right:0;top:100%;background-color:#fff}.Costumer__content__2__right div ul li{font-size:13px;padding:5px 20px;width:100%;cursor:pointer}.Costumer__content__2__right div ul li:hover{background-color:#f5f5f5}.Costumer__content__2__right div ul hr{padding:0;margin:5px 0!important;height:1px}.Costumer__content__2__right .view{display:flex;align-items:center}.Costumer__content__2__right .view .icon{border:1px solid gray;height:30px;width:50px;padding:5px}.Costumer__content__2__right .view .icon:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.Costumer__content__2__right .view .icon:first-child:hover{border:1px solid #5390F4;color:#5390f4}.Costumer__content__2__right .view .icon:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.Costumer__content__2__right .view .icon:last-child:hover{border:1px solid #5390F4;color:#5390f4}.Costumer__content__2__right .view .icon.active{border:1px solid #5390F4;color:#5390f4}.Costumer__content__3 .costumer__title .costumer__id{font-size:14px}.Costumer__content__3 .costumer__delete{background-color:#f5f7fa}@media (max-width: 480px){.Costumer__content__3 p{font-size:14px}}.Costumer__content__3 table{width:100%}.Costumer__content__3 table thead{background-color:#fff}.Costumer__content__3 table thead tr th{font-size:13px;opacity:.8;padding:10px 15px}.Costumer__content__3 table tbody tr td{font-size:13px;padding:10px 15px;border-top:1px solid lightgray}.Costumer__content__3 table tbody tr td .icon{cursor:pointer}.Costumer__content__3 table tbody tr:nth-child(odd){background-color:#f5f5f5}.Costumer__content__3 table tbody tr:nth-child(2n){background-color:#fff}.Quotes{background-color:#f5f5f5;position:relative}.Quotes__top .header{box-shadow:#00000026 0 1px 5px}.Quotes__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.Quotes__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.Quotes__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}.Quotes__top .header .active{position:relative}.Quotes__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.Quotes__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}.Quotes__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Quotes__content__1 .icon{background-color:#fff;font-size:35px;width:30px}@media (max-width: 720px){.StaticContent .icon{font-size:60px!important}.StaticContent p{font-size:14px!important}.StaticContent small{font-size:12px!important}}.Invoice{background-color:#f5f5f5;position:relative}.Invoice__top .header{box-shadow:#00000026 0 1px 5px}.Invoice__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.Invoice__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.Invoice__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}.Invoice__top .header .active{position:relative}.Invoice__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.Invoice__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}.Invoice__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Invoice__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.AddCustomer{min-height:100vh;background-color:#f5f7fa}.AddCustomer__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.AddCustomer__header button{height:80%;font-size:20px}.AddCustomer__header button:hover{background-color:#ebe6e6}.AddCustomer__header h4{width:100%;text-align:center}.AddCustomer__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.AddCustomer__form hr{height:.01rem}.AddCustomer__form__1{display:flex;gap:15px}.AddCustomer__form__1__left{flex-basis:25%;text-align:end}.AddCustomer__form__1__right{font-weight:700;flex-basis:75%}.AddCustomer__form__1__right>div{padding-bottom:10px}.AddCustomer__form__1__right button{padding:3px 25px;border:1px solid #ebe6e6;font-weight:600}.AddCustomer__form__1__right button.active{background-color:#5390f4;color:#fff}.AddCustomer__form__1__right .input__form{display:flex;gap:20px}.AddCustomer__form__1__right .input__form .InputForm{width:100%;display:flex;justify-content:center;flex-direction:column}.AddCustomer__form__1__right .input__form small{color:gray}.AddCustomer__form__1__right .input__form button:hover{color:#fff!important;background-color:#5390f4}.AddCustomer__form__advanced button{color:#5390f4}.AddCustomer__form__advanced button .icon{font-size:20px}.AddCustomer__form__advanced button:hover{text-decoration:underline}.AddCustomer__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.AddCustomer__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.AddCustomer__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.AddCustomer__form__submit div button:last-child{background-color:#5390f4;color:#fff}.header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:1}.header button{height:80%;font-size:20px}.header button:hover{background-color:#ebe6e6}.header h5{width:100%;text-align:center;opacity:.8}@media (max-width: 720px){.header{padding:0 10px!important;height:50px}.header button{font-size:16px}.header h5{font-size:18px}}.AddQuotes{min-height:100vh;background-color:#f5f7fa}.AddQuotes__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.AddQuotes__header button{height:80%;font-size:20px}.AddQuotes__header button:hover{background-color:#ebe6e6}.AddQuotes__header h4{width:100%;text-align:center}.AddQuotes__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.AddQuotes__form hr{height:.01rem}.AddQuotes__form__1__right{font-weight:700;display:grid;grid-template-columns:1fr 1fr}.AddQuotes__form__1__right>div{padding-bottom:10px;display:flex!important;justify-content:end}.AddQuotes__form__1__right button{padding:3px 25px;border:1px solid #ebe6e6;font-weight:600}.AddQuotes__form__1__right button.active{background-color:#5390f4;color:#fff}.AddQuotes__form__1__right .input__form{font-weight:500;display:flex}.AddQuotes__form__1__right .input__form .InputQuotesForm{width:100%;display:flex;justify-content:center;flex-direction:column}.AddQuotes__form__1__right .input__form small{color:gray}.AddQuotes__form__1__right .input__form button:hover{color:#fff!important;background-color:#5390f4}.AddQuotes__form__advanced{display:flex;flex-direction:column}.AddQuotes__form__advanced button{color:#5390f4}.AddQuotes__form__advanced button .icon{font-size:20px}.AddQuotes__form__advanced button:hover{text-decoration:underline}.AddQuotes__form__advanced .AddQuotes__form__1__right{display:flex;flex-direction:column;justify-content:start;align-items:start}.AddQuotes__form__advanced .AddQuotes__form__1__right .input__form{flex-basis:50%}.AddQuotes__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.AddQuotes__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.AddQuotes__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.AddQuotes__form__submit div button:last-child{background-color:#5390f4;color:#fff}.UserProfile{background-color:#f5f7fa;width:100%;min-height:calc(100vh + -0px);margin-bottom:30px}.UserProfile .container-fluid{width:75%;margin:auto;background-color:#fff;height:100%}@media (max-width: 720px){.UserProfile .container-fluid{width:90%}}@media (max-width: 480px){.UserProfile .container-fluid{width:95%}}.UserProfile__header{height:60px;background-color:#f5f5f5;display:flex;justify-content:center;gap:50px}.UserProfile__header .link{width:120px;font-size:16px;color:gray;height:100%;align-items:end;padding-bottom:10px;font-weight:600;text-align:center;display:flex;justify-content:center}.UserProfile__header .link.active{color:#000;border-bottom:2px solid #5390F4}@media (max-width: 720px){.UserProfile__header{height:50px;gap:30px}}@media (max-width: 480px){.UserProfile__header{height:40px;gap:20px}.UserProfile__header .link{width:fit-content;font-size:14px}}.UserProfile__content>div>div{display:flex;padding:20px 0}.UserProfile__content>div>div p{flex-basis:30%}.UserProfile__content>div>div .profileImg{display:flex;gap:100px}.UserProfile__content>div>div .profileImg h1{height:100px;width:100px;background-color:#8a2be2;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:35px}.UserProfile__content>div>div .profileImg p{font-size:13px;width:500px}.UserProfile__content>div>div .profileImg p p{padding:10px 0}.UserProfile__content>div>div .changeEmail,.UserProfile__content>div>div .changePass{width:40%}.UserProfile__content>div>div .changeEmail label,.UserProfile__content>div>div .changePass label{font-size:12px}.UserProfile__content>div>div .changeEmail input,.UserProfile__content>div>div .changePass input{font-size:14px}.UserProfile__content>div>div .changeEmail button,.UserProfile__content>div>div .changePass button{margin-top:10px;background-color:#5390f4;color:#fff;font-size:14px}.UserProfile__content__2{width:100%}.UserProfile__content__2 .Notification{display:block}.UserProfile__content__2 .Notification>div{display:flex}.UserProfile__content__2 .Notification>div>p{flex-basis:25%}.UserProfile__content__2 .Notification>div>div{display:flex}.UserProfile__content__2 .Notification>div>div p{flex-basis:25%}.UserProfile__content__2 .Notification>div>div div{display:block}@media (max-width: 1280px){.UserProfile__content__2 .Notification>div{display:block}.UserProfile__content__2 .Notification>div>p{padding-bottom:10px}.UserProfile__content__2 .Notification>div>div{padding-bottom:10px;display:block}.UserProfile__content__2 .Notification>div>div p{font-size:14px}}.UserProfile__content__3 div{flex-basis:500px}.UserProfile__content__3 p{font-weight:600}.UserProfile__content__3 .inputForm{margin-bottom:10px;display:flex;flex-direction:column;border-bottom:1px solid gray}.UserProfile__content__3 .inputForm label{font-size:13px;font-weight:700}.UserProfile__content__3 .inputForm select{font-size:13px;outline:none;border:none;padding:5px 0;-webkit-appearance:none}.UserProfile__content__3 .userInterface>div{padding:10px 0;font-size:13px}.UserProfile__content__3 .userInterface>div p{font-weight:700}.UserProfile__content__3 .userInterface>div p:last-child{font-weight:600;color:gray}.UserProfile__content__3 .userInterface>div>div{display:flex;padding:5px 0}@media (max-width: 1080px){.UserProfile__content>div>div .profileImg{display:block}.UserProfile__content>div>div .profileImg p{width:100%}.UserProfile__content>div>div .changeEmail,.UserProfile__content>div>div .changePass{width:70%}}@media (max-width: 620px){.UserProfile__content>div>div{display:block;width:100%}.UserProfile__content>div>div .changeEmail,.UserProfile__content>div>div .changePass{width:100%}}.toggle-switch input{display:none}.toggle-switch .slider{position:relative;display:block;width:40px;height:20px;border-radius:20px;background-color:#ccc;cursor:pointer}.toggle-switch input:checked+.slider{background-color:#2196f3}.toggle-switch .slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:transform .2s}.toggle-switch input:checked+.slider:before{transform:translate(20px)}label.radio{cursor:pointer}label.radio input{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}label.radio span{padding:7px 14px;display:inline-block;border:1px solid gray;text-transform:capitalize}label.radio input:checked+span{border:1px solid gray;background-color:#5390f4;color:#fff}.Suppliers{background-color:#f5f5f5;position:relative}.Suppliers__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Suppliers__content__1 .icon{background-color:#fff;font-size:35px;width:25px}.Suppliers__content__2__right hr{height:30px;padding:1px}.Suppliers__content__2__right div{position:relative}.Suppliers__content__2__right div button{font-size:13px;border:1px solid lightgray;display:flex;align-items:center;gap:5px}.Suppliers__content__2__right div button:hover{border:1px solid #5390F4;color:#5390f4}.Suppliers__content__2__right div button .icon{transform:rotate(90deg);padding:0;font-size:15px}.Suppliers__content__2__right div ul{position:absolute;min-width:250px;right:0;top:100%;background-color:#fff}.Suppliers__content__2__right div ul li{font-size:13px;padding:5px 20px;width:100%;cursor:pointer}.Suppliers__content__2__right div ul li:hover{background-color:#f5f5f5}.Suppliers__content__2__right div ul hr{padding:0;margin:5px 0!important;height:1px}.Suppliers__content__2__right .view{display:flex;align-items:center}.Suppliers__content__2__right .view .icon{border:1px solid gray;height:30px;width:50px;padding:5px}.Suppliers__content__2__right .view .icon:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.Suppliers__content__2__right .view .icon:first-child:hover{border:1px solid #5390F4;color:#5390f4}.Suppliers__content__2__right .view .icon:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.Suppliers__content__2__right .view .icon:last-child:hover{border:1px solid #5390F4;color:#5390f4}.Suppliers__content__2__right .view .icon.active{border:1px solid #5390F4;color:#5390f4}.Suppliers__content__3 .suppliers__title .suppliers__id{font-size:14px}.Suppliers__content__3 .suppliers__delete{height:100%;background-color:#f5f7fa}.Suppliers__content__3 table{width:100%}.Suppliers__content__3 table thead{background-color:#fff}.Suppliers__content__3 table thead tr th{font-size:13px;opacity:.8;padding:10px 15px}.Suppliers__content__3 table tbody tr td{font-size:13px;padding:10px 15px;border-top:1px solid lightgray}.Suppliers__content__3 table tbody tr td .icon{cursor:pointer}.Suppliers__content__3 table tbody tr:nth-child(odd){background-color:#f5f5f5}.Suppliers__content__3 table tbody tr:nth-child(2n){background-color:#fff}.Expenses{background-color:#f5f5f5;position:relative}.Expenses__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Expenses__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.ProfitAndLoss{min-height:100vh;background-color:#f5f7fa}.ProfitAndLoss__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.ProfitAndLoss__header button{height:80%;font-size:20px;position:absolute}.ProfitAndLoss__header button:hover{background-color:#ebe6e6}.ProfitAndLoss__header h5{width:100%;text-align:center}@media (max-width: 480px){.ProfitAndLoss__header button{font-size:16px;left:0}.ProfitAndLoss__header h5{font-size:18px;text-align:end}}.ProfitAndLoss__content{width:75%;margin:auto}.ProfitAndLoss__content__header{text-align:center;color:#fff;background-color:#8150e4}.ProfitAndLoss__content__header>div div{padding:0 40px}.ProfitAndLoss__content__header>div div p{font-size:28px;font-weight:400!important}.ProfitAndLoss__content__header>div div small{font-size:12px;font-weight:600}.ProfitAndLoss__content__filter__1{display:flex;justify-content:space-between}.ProfitAndLoss__content__filter__1 button{font-size:13px;font-weight:400}.ProfitAndLoss__content__filter__1 button .icon{transform:rotate(270deg);font-size:16px;padding:0;margin:0}.ProfitAndLoss__content__filter__1 button:first-child:hover{background-color:#5390f4!important;color:#fff!important}.ProfitAndLoss__content__filter__1 button:last-child:hover{background-color:#4040e3!important}.ProfitAndLoss__content__filter__2{background-color:#fff;font-size:13px}.ProfitAndLoss__content__filter__2 .filter__modes{border-bottom:2px solid lightgrey;display:flex;gap:25px;flex-wrap:wrap}@media (max-width: 720px){.ProfitAndLoss__content__filter__2 .filter__modes{gap:15px}}.ProfitAndLoss__content__filter__2 .filter__modes .mode button{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.ProfitAndLoss__content__filter__2 .filter__modes .mode button:hover{color:#fff;background-color:#5390f4}.ProfitAndLoss__content__filter__2 .filter__modes .mode button.active{background-color:#5390f4;border:0;padding:5px 15px;color:#fff}.ProfitAndLoss__content__filter__2 .filter__modes .mode select{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.ProfitAndLoss__content__filter__2 .filter__modes .mode select option{border:0;margin:10px}.ProfitAndLoss__content__filter__2 .filter__periods{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}.ProfitAndLoss__content__filter__2 .filter__periods strong{display:block;width:100%;padding-bottom:5px}.ProfitAndLoss__content__filter__2 .filter__periods .item{background-color:#ebe6e6;display:flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:30px;gap:10px}.ProfitAndLoss__content__filter__2 .filter__periods .item .icon{cursor:pointer}.ProfitAndLoss__content__filter__2 .filter__periods .add__period{border:1px solid lightgray;display:flex;align-items:center;width:fit-content;padding:4px 15px;border-radius:30px;color:#5390f4;gap:3px;cursor:pointer}.ProfitAndLoss__content__filter__2 .filter__periods .add__period:hover{background-color:#5390f4;color:#fff}.ProfitAndLoss__content__filter__2 .filter__periods .add{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#0006}.ProfitAndLoss__content__filter__2 .filter__periods .add .container{margin-top:30px;width:40%;background-color:#fff}.ProfitAndLoss__content__filter__2 .filter__periods .add .container>div{display:flex;align-items:center;justify-content:center;background-color:#ebe6e6;font-weight:600;font-size:20px;position:relative}.ProfitAndLoss__content__filter__2 .filter__periods .add .container>div .icon{position:absolute;right:15px;cursor:pointer;color:#00000080}.ProfitAndLoss__content__filter__2 .filter__periods .add .container>div .icon:hover{color:#000000b3}.ProfitAndLoss__content__filter__2 .filter__periods .add .container form{font-size:15px}.ProfitAndLoss__content__filter__2 .filter__periods .add .container form div input{outline:none;border-top:none;border-left:none;border-right:none;background-color:transparent;width:40%}.ProfitAndLoss__content__filter__2 .filter__periods .add .container form .footer{background-color:#ebe6e6}.ProfitAndLoss__content__filter__2 .filter__periods .add .container form .footer button{background-color:#5390f4;color:#fff}.ProfitAndLoss__content__data{color:gray;font-weight:600}.ProfitAndLoss__content__data small{font-size:12px}.ProfitAndLoss__content__data p{font-size:13px}.ProfitAndLoss__content__data__1{border-bottom:2px solid lightgrey}@media (max-width: 1250px){.ProfitAndLoss__content{width:85%}}@media (max-width: 1100px){.ProfitAndLoss__content{width:95%}}@media (max-width: 480px){.ProfitAndLoss__content{width:95%}.ProfitAndLoss__content__header>div div{padding:0 10px}.ProfitAndLoss__content__header h6{font-size:14px}.ProfitAndLoss__content__header .total__income p{font-size:20px}.ProfitAndLoss__content__header .total__income small{font-size:12px}}.BalanceSheet{min-height:100vh;background-color:#f5f7fa}.BalanceSheet__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.BalanceSheet__header button{height:80%;font-size:20px;position:absolute}.BalanceSheet__header button:hover{background-color:#ebe6e6}.BalanceSheet__header h5{width:100%;text-align:center}@media (max-width: 480px){.BalanceSheet__header button{font-size:16px;left:0}.BalanceSheet__header h5{font-size:18px;text-align:end}}.BalanceSheet__content{width:75%;margin:auto}.BalanceSheet__content__header{text-align:center;color:#fff;background-color:#8150e4}.BalanceSheet__content__header>div div{padding:0 40px}.BalanceSheet__content__header>div div p{font-size:28px;font-weight:400!important}.BalanceSheet__content__header>div div small{font-size:12px;font-weight:600}.BalanceSheet__content__filter__1{display:flex;justify-content:space-between}.BalanceSheet__content__filter__1 button{font-size:13px;font-weight:400}.BalanceSheet__content__filter__1 button .icon{transform:rotate(270deg);font-size:16px;padding:0;margin:0}.BalanceSheet__content__filter__1 button:first-child:hover{background-color:#5390f4!important;color:#fff!important}.BalanceSheet__content__filter__1 button:last-child:hover{background-color:#4040e3!important}.BalanceSheet__content__filter__2{background-color:#fff;font-size:13px}.BalanceSheet__content__filter__2 .filter__modes{border-bottom:2px solid lightgrey;display:flex;gap:25px;flex-wrap:wrap}@media (max-width: 720px){.BalanceSheet__content__filter__2 .filter__modes{gap:15px}}.BalanceSheet__content__filter__2 .filter__modes .mode button{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.BalanceSheet__content__filter__2 .filter__modes .mode button:hover{color:#fff;background-color:#5390f4}.BalanceSheet__content__filter__2 .filter__modes .mode button.active{background-color:#5390f4;border:0;padding:5px 15px;color:#fff}.BalanceSheet__content__filter__2 .filter__modes .mode select{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.BalanceSheet__content__filter__2 .filter__modes .mode select option{border:0;margin:10px}.BalanceSheet__content__filter__2 .filter__periods{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}.BalanceSheet__content__filter__2 .filter__periods strong{display:block;width:100%;padding-bottom:5px}.BalanceSheet__content__filter__2 .filter__periods .item{background-color:#ebe6e6;display:flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:30px;gap:10px}.BalanceSheet__content__filter__2 .filter__periods .item .icon{cursor:pointer}.BalanceSheet__content__filter__2 .filter__periods .add__period{border:1px solid lightgray;display:flex;align-items:center;width:fit-content;padding:4px 15px;border-radius:30px;color:#5390f4;gap:3px;cursor:pointer}.BalanceSheet__content__filter__2 .filter__periods .add__period:hover{background-color:#5390f4;color:#fff}.BalanceSheet__content__filter__2 .filter__periods .add{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#0006}.BalanceSheet__content__filter__2 .filter__periods .add .container{margin-top:30px;width:40%;background-color:#fff}.BalanceSheet__content__filter__2 .filter__periods .add .container>div{display:flex;align-items:center;justify-content:center;background-color:#ebe6e6;font-weight:600;font-size:20px;position:relative}.BalanceSheet__content__filter__2 .filter__periods .add .container>div .icon{position:absolute;right:15px;cursor:pointer;color:#00000080}.BalanceSheet__content__filter__2 .filter__periods .add .container>div .icon:hover{color:#000000b3}.BalanceSheet__content__filter__2 .filter__periods .add .container form{font-size:15px}.BalanceSheet__content__filter__2 .filter__periods .add .container form div input{outline:none;border-top:none;border-left:none;border-right:none;background-color:transparent;width:40%}.BalanceSheet__content__filter__2 .filter__periods .add .container form .footer{background-color:#ebe6e6}.BalanceSheet__content__filter__2 .filter__periods .add .container form .footer button{background-color:#5390f4;color:#fff}.BalanceSheet__content__data{color:gray;font-weight:600}.BalanceSheet__content__data small{font-size:12px}.BalanceSheet__content__data p{font-size:13px}.BalanceSheet__content__data__1{border-bottom:2px solid lightgrey}.GeneralLedger{min-height:100vh;background-color:#f5f7fa}.GeneralLedger__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.GeneralLedger__header button{height:80%;font-size:20px;position:absolute}.GeneralLedger__header button:hover{background-color:#ebe6e6}.GeneralLedger__header h5{width:100%;text-align:center}@media (max-width: 480px){.GeneralLedger__header button{font-size:16px;left:0}.GeneralLedger__header h5{font-size:18px;text-align:end}}.GeneralLedger__content{width:75%;margin:auto}.GeneralLedger__content__header{text-align:center;color:#fff;background-color:#8150e4}.GeneralLedger__content__header>div div{padding:0 40px}.GeneralLedger__content__header>div div p{font-size:28px;font-weight:400!important}.GeneralLedger__content__header>div div small{font-size:12px;font-weight:600}.GeneralLedger__content__filter__1{display:flex;justify-content:space-between}.GeneralLedger__content__filter__1 button{font-size:13px;font-weight:400}.GeneralLedger__content__filter__1 button .icon{transform:rotate(270deg);font-size:16px;padding:0;margin:0}.GeneralLedger__content__filter__1 button:first-child:hover{background-color:#5390f4!important;color:#fff!important}.GeneralLedger__content__filter__1 button:last-child:hover{background-color:#4040e3!important}.GeneralLedger__content__filter__2{background-color:#fff;font-size:13px}.GeneralLedger__content__filter__2 .filter__modes{border-bottom:2px solid lightgrey;display:flex;flex-wrap:wrap;gap:25px}.GeneralLedger__content__filter__2 .filter__modes .mode button{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.GeneralLedger__content__filter__2 .filter__modes .mode button:hover{color:#fff;background-color:#5390f4}.GeneralLedger__content__filter__2 .filter__modes .mode button.active{background-color:#5390f4;border:0;padding:5px 15px;color:#fff}.GeneralLedger__content__filter__2 .filter__modes .mode select{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.GeneralLedger__content__filter__2 .filter__modes .mode select option{border:0;margin:10px}.GeneralLedger__content__filter__2 .filter__periods{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}.GeneralLedger__content__filter__2 .filter__periods strong{display:block;width:100%;padding-bottom:5px}.GeneralLedger__content__filter__2 .filter__periods .item{background-color:#ebe6e6;display:flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:30px;gap:10px}.GeneralLedger__content__filter__2 .filter__periods .item .icon{cursor:pointer}.GeneralLedger__content__filter__2 .filter__periods .add__period{border:1px solid lightgray;display:flex;align-items:center;width:fit-content;padding:4px 15px;border-radius:30px;color:#5390f4;gap:3px;cursor:pointer}.GeneralLedger__content__filter__2 .filter__periods .add__period:hover{background-color:#5390f4;color:#fff}.GeneralLedger__content__filter__2 .filter__periods .add{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#0006}.GeneralLedger__content__filter__2 .filter__periods .add .container{margin-top:30px;width:40%;background-color:#fff}.GeneralLedger__content__filter__2 .filter__periods .add .container>div{display:flex;align-items:center;justify-content:center;background-color:#ebe6e6;font-weight:600;font-size:20px;position:relative}.GeneralLedger__content__filter__2 .filter__periods .add .container>div .icon{position:absolute;right:15px;cursor:pointer;color:#00000080}.GeneralLedger__content__filter__2 .filter__periods .add .container>div .icon:hover{color:#000000b3}.GeneralLedger__content__filter__2 .filter__periods .add .container form{font-size:15px}.GeneralLedger__content__filter__2 .filter__periods .add .container form div input{outline:none;border-top:none;border-left:none;border-right:none;background-color:transparent;width:40%}.GeneralLedger__content__filter__2 .filter__periods .add .container form .footer{background-color:#ebe6e6}.GeneralLedger__content__filter__2 .filter__periods .add .container form .footer button{background-color:#5390f4;color:#fff}.GeneralLedger__content .warning{font-size:13px;background-color:#f4f4c2;opacity:.8}.GeneralLedger__content__data{color:gray;font-weight:600}.GeneralLedger__content__data small{font-size:12px}.GeneralLedger__content__data p{font-size:13px}.GeneralLedger__content__data__1{border-bottom:2px solid lightgrey}.GeneralLedger__content__data__1 table{display:flex;flex-direction:column;width:100%}.GeneralLedger__content__data__1 table thead,.GeneralLedger__content__data__1 table tbody{font-size:12px}.GeneralLedger__content__data__1 table thead tr,.GeneralLedger__content__data__1 table tbody tr{display:flex;justify-content:space-between}.GeneralLedger__content__data__1 table thead tr td,.GeneralLedger__content__data__1 table tbody tr td{width:100%;text-align:right}.GeneralLedger__content__data__1 table thead tr td:first-child,.GeneralLedger__content__data__1 table tbody tr td:first-child{text-align:left}.GeneralLedger__content__data__1 table tbody tr{padding:10px 20px;justify-content:space-between}.GeneralLedger__content__data__1 table tbody tr:hover{background-color:#f5f7fa}@media (max-width: 1250px){.GeneralLedger__content{width:85%}}@media (max-width: 1100px){.GeneralLedger__content{width:95%}}@media (max-width: 480px){.GeneralLedger__content{width:95%}.GeneralLedger__content__header>div div{padding:0 10px}.GeneralLedger__content__header h6{font-size:14px}.GeneralLedger__content__header .total__income p{font-size:20px}.GeneralLedger__content__header .total__income small{font-size:12px}}.TrailBalance{min-height:100vh;background-color:#f5f7fa}.TrailBalance__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.TrailBalance__header button{height:80%;font-size:20px;position:absolute}.TrailBalance__header button:hover{background-color:#ebe6e6}.TrailBalance__header h5{width:100%;text-align:center}@media (max-width: 480px){.TrailBalance__header button{font-size:16px;left:0}.TrailBalance__header h5{font-size:18px;text-align:end}}.TrailBalance__content{width:75%;margin:auto}.TrailBalance__content__header{text-align:center;color:#fff;background-color:#8150e4}.TrailBalance__content__header>div div{padding:0 40px}.TrailBalance__content__header>div div p{font-size:28px;font-weight:400!important}.TrailBalance__content__header>div div small{font-size:12px;font-weight:600}.TrailBalance__content__filter__1{display:flex;justify-content:space-between}.TrailBalance__content__filter__1 button{font-size:13px;font-weight:400}.TrailBalance__content__filter__1 button .icon{transform:rotate(270deg);font-size:16px;padding:0;margin:0}.TrailBalance__content__filter__1 button:first-child:hover{background-color:#5390f4!important;color:#fff!important}.TrailBalance__content__filter__1 button:last-child:hover{background-color:#4040e3!important}.TrailBalance__content__filter__2{background-color:#fff;font-size:13px}.TrailBalance__content__filter__2 .filter__modes{border-bottom:2px solid lightgrey;display:flex;flex-wrap:wrap;gap:25px}.TrailBalance__content__filter__2 .filter__modes .mode button{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.TrailBalance__content__filter__2 .filter__modes .mode button:hover{color:#fff;background-color:#5390f4}.TrailBalance__content__filter__2 .filter__modes .mode button.active{background-color:#5390f4;border:0;padding:5px 15px;color:#fff}.TrailBalance__content__filter__2 .filter__modes .mode select{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.TrailBalance__content__filter__2 .filter__modes .mode select option{border:0;margin:10px}.TrailBalance__content__filter__2 .filter__periods{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}.TrailBalance__content__filter__2 .filter__periods strong{display:block;width:100%;padding-bottom:5px}.TrailBalance__content__filter__2 .filter__periods .item{background-color:#ebe6e6;display:flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:30px;gap:10px}.TrailBalance__content__filter__2 .filter__periods .item .icon{cursor:pointer}.TrailBalance__content__filter__2 .filter__periods .add__period{border:1px solid lightgray;display:flex;align-items:center;width:fit-content;padding:4px 15px;border-radius:30px;color:#5390f4;gap:3px;cursor:pointer}.TrailBalance__content__filter__2 .filter__periods .add__period:hover{background-color:#5390f4;color:#fff}.TrailBalance__content__filter__2 .filter__periods .add{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#0006}.TrailBalance__content__filter__2 .filter__periods .add .container{margin-top:30px;width:40%;background-color:#fff}.TrailBalance__content__filter__2 .filter__periods .add .container>div{display:flex;align-items:center;justify-content:center;background-color:#ebe6e6;font-weight:600;font-size:20px;position:relative}.TrailBalance__content__filter__2 .filter__periods .add .container>div .icon{position:absolute;right:15px;cursor:pointer;color:#00000080}.TrailBalance__content__filter__2 .filter__periods .add .container>div .icon:hover{color:#000000b3}.TrailBalance__content__filter__2 .filter__periods .add .container form{font-size:15px}.TrailBalance__content__filter__2 .filter__periods .add .container form div input{outline:none;border-top:none;border-left:none;border-right:none;background-color:transparent;width:40%}.TrailBalance__content__filter__2 .filter__periods .add .container form .footer{background-color:#ebe6e6}.TrailBalance__content__filter__2 .filter__periods .add .container form .footer button{background-color:#5390f4;color:#fff}.TrailBalance__content .warning{font-size:13px;background-color:#f4f4c2;opacity:.8}.TrailBalance__content__data{color:gray;font-weight:600}.TrailBalance__content__data small{font-size:12px}.TrailBalance__content__data p{font-size:13px}.TrailBalance__content__data__1{border-bottom:2px solid lightgrey}.TrailBalance__content__data__1 table{display:flex;flex-direction:column;width:100%}.TrailBalance__content__data__1 table thead,.TrailBalance__content__data__1 table tbody{font-size:12px}.TrailBalance__content__data__1 table thead tr,.TrailBalance__content__data__1 table tbody tr{display:flex;justify-content:space-between}@media (max-width: 1250px){.TrailBalance__content{width:85%}}@media (max-width: 1100px){.TrailBalance__content{width:95%}}@media (max-width: 480px){.TrailBalance__content{width:95%}.TrailBalance__content__header>div div{padding:0 1px}.TrailBalance__content__header h6{font-size:13px}.TrailBalance__content__header .total__income p{font-size:16px}.TrailBalance__content__header .total__income small{font-size:10px}}.VatReport{min-height:100vh;background-color:#f5f7fa}.VatReport__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.VatReport__header button{height:80%;font-size:20px;position:absolute}.VatReport__header button:hover{background-color:#ebe6e6}.VatReport__header h5{width:100%;text-align:center}@media (max-width: 480px){.VatReport__header button{font-size:16px;left:0}.VatReport__header h5{font-size:18px;text-align:end}}.VatReport__warning span{cursor:pointer}.VatReport__content{width:75%;margin:auto}.VatReport__content__header{text-align:center;color:#fff;background-color:#8150e4}.VatReport__content__header>div div{padding:0 40px}.VatReport__content__header>div div p{font-size:25px;font-weight:200}.VatReport__content__header>div div small{font-size:12px;font-weight:600}.VatReport__content__filter__1{display:flex;justify-content:space-between}.VatReport__content__filter__1 button{font-size:13px;font-weight:400}.VatReport__content__filter__1 button .icon{transform:rotate(270deg);font-size:16px;padding:0;margin:0}.VatReport__content__filter__1 button:first-child:hover{background-color:#5390f4!important;color:#fff!important}.VatReport__content__filter__1 button:last-child:hover{background-color:#4040e3!important}.VatReport__content__filter__2{background-color:#fff;font-size:13px}.VatReport__content__filter__2 .filter__modes{border-bottom:2px solid lightgrey;display:flex;gap:25px;flex-wrap:wrap}@media (max-width: 720px){.VatReport__content__filter__2 .filter__modes{gap:15px}}.VatReport__content__filter__2 .filter__modes .mode button{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.VatReport__content__filter__2 .filter__modes .mode button:hover{color:#fff;background-color:#5390f4}.VatReport__content__filter__2 .filter__modes .mode button.active{background-color:#5390f4;border:0;padding:5px 15px;color:#fff}.VatReport__content__filter__2 .filter__modes .mode select{border:1px solid lightgray;padding:5px 15px;color:#5390f4}.VatReport__content__filter__2 .filter__modes .mode select option{border:0;margin:10px}.VatReport__content__filter__2 .filter__periods{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}.VatReport__content__filter__2 .filter__periods strong{display:block;width:100%;padding-bottom:5px}.VatReport__content__filter__2 .filter__periods .item{background-color:#ebe6e6;display:flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:30px;gap:10px}.VatReport__content__filter__2 .filter__periods .item .icon{cursor:pointer}.VatReport__content__filter__2 .filter__periods .add__period{border:1px solid lightgray;display:flex;align-items:center;width:fit-content;padding:4px 15px;border-radius:30px;color:#5390f4;gap:3px;cursor:pointer}.VatReport__content__filter__2 .filter__periods .add__period:hover{background-color:#5390f4;color:#fff}.VatReport__content__filter__2 .filter__periods .add{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#0006}.VatReport__content__filter__2 .filter__periods .add .container{margin-top:30px;width:40%;background-color:#fff}.VatReport__content__filter__2 .filter__periods .add .container>div{display:flex;align-items:center;justify-content:center;background-color:#ebe6e6;font-weight:600;font-size:20px;position:relative}.VatReport__content__filter__2 .filter__periods .add .container>div .icon{position:absolute;right:15px;cursor:pointer;color:#00000080}.VatReport__content__filter__2 .filter__periods .add .container>div .icon:hover{color:#000000b3}.VatReport__content__filter__2 .filter__periods .add .container form{font-size:15px}.VatReport__content__filter__2 .filter__periods .add .container form div input{outline:none;border-top:none;border-left:none;border-right:none;background-color:transparent;width:40%}.VatReport__content__filter__2 .filter__periods .add .container form .footer{background-color:#ebe6e6}.VatReport__content__filter__2 .filter__periods .add .container form .footer button{background-color:#5390f4;color:#fff}.VatReport__content__data{color:gray;font-weight:600}.VatReport__content__data small{font-size:12px}.VatReport__content__data p{font-size:13px}.VatReport__content__data__1{border-bottom:2px solid lightgrey}@media (max-width: 1250px){.VatReport__content{width:85%}}@media (max-width: 1100px){.VatReport__content{width:95%}}@media (max-width: 480px){.VatReport__content{width:95%}.VatReport__content__header>div div{padding:0 10px}.VatReport__content__header h6{font-size:14px}.VatReport__content__header .total__income p{font-size:20px}.VatReport__content__header .total__income small{font-size:12px}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.CustomerInvoice{min-height:100vh;width:100%;background-color:#f5f7fa;position:relative}.CustomerInvoice .mySwiper{width:50%;height:fit-content;position:absolute;top:50px;left:50%;transform:translate(-50%);background-color:#fff}.CustomerInvoice .swiper__changer{padding:0 20px;height:60px;background-color:#ebe6e680}.CustomerInvoice .swiper__changer div{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.CustomerInvoice .swiper__changer div button{background-color:#5390f4;color:#fff;padding:3px 10px}.CustomerInvoice__form{padding:25px 0;display:flex;flex-direction:column;align-items:center;font-size:12px;width:90%;margin:auto}.CustomerInvoice__form h4{padding-bottom:30px;font-weight:600}.CustomerInvoice__form p{padding-bottom:10px}.CustomerInvoice__form>div{width:100%;display:flex;gap:20px}.CustomerInvoice__form>div>div{width:100%}.CustomerInvoice__form .form__input{display:flex;flex-direction:column;border:.01rem solid #ebe6e6;position:relative;padding:0 20px;font-weight:600;margin:7px 0;min-height:50px;justify-content:center}.CustomerInvoice__form .form__input input{border:none;outline:none;font-size:15px}.CustomerInvoice__form .form__input span{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.CustomerInvoice__form .chooseImg{display:flex;justify-content:center;margin-top:40px}.CustomerInvoice__form .chooseImg .form__input{border:1px solid gray;border-style:dashed;display:flex;flex-direction:column;padding:10px 5px;overflow:hidden;position:relative;align-items:center;text-align:center}.CustomerInvoice__form .chooseImg .form__input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.CustomerInvoice__form .chooseImg .form__input .icon{font-size:50px;color:gray}.CustomerInvoice__form .chooseImg .form__input label{line-height:30px;padding-top:10px}.NewInvoice{min-height:100vh;background-color:#f5f7fa}.NewInvoice__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewInvoice__header button{height:80%;font-size:20px}.NewInvoice__header button:hover{background-color:#ebe6e6}.NewInvoice__header h4{width:100%;text-align:center}.NewInvoice__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewInvoice__form hr{height:.01rem}.NewInvoice__form__1{padding:10px 0;display:flex;gap:30px}.NewInvoice__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewInvoice__form__1 .input__form label{width:30%;text-align:end}.NewInvoice__form__1 .input__form select,.NewInvoice__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewInvoice__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewInvoice__form__1 .input__form span{width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewInvoice__form__1 .input__form span.active{background-color:#5390f4!important;color:#fff}.NewInvoice__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewInvoice__form__1 table{width:100%;margin:20px 0}.NewInvoice__form__1 table thead,.NewInvoice__form__1 table tbody{justify-content:space-between}.NewInvoice__form__1 table thead tr,.NewInvoice__form__1 table tbody tr{height:40px}.NewInvoice__form__1 table thead{border-bottom:2px solid lightgray}.NewInvoice__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewInvoice__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewInvoice__form__advanced button{color:#5390f4}.NewInvoice__form__advanced button .icon{font-size:20px}.NewInvoice__form__advanced button:hover{text-decoration:underline}.NewInvoice__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewInvoice__form .choose__file .input p span{cursor:pointer}.NewInvoice__form .choose__file .input p span:hover{text-decoration:underline}.NewInvoice__form .choose__file .input svg{color:red!important}.NewInvoice__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewInvoice__form .choose__file button{width:fit-content}.NewInvoice__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewInvoice__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewInvoice__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewInvoice__form__submit div button:last-child{background-color:#5390f4;color:#fff}.Stock{background-color:#f5f5f5;position:relative}.Stock__content__1 .link{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Stock__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.Stock__content__2 table tbody{color:#000}.Stock__content__2 table tr{cursor:pointer}.Stock__content__2 table tr .title,.Stock__content__2 table tr .desc{color:#5390f4}.Stock__content__2 table tr .desc{position:relative;height:100%}.Stock__content__2 table tr .desc div{position:absolute;display:none;bottom:-15px;right:85%;min-height:70px;align-items:center;color:gray}.Stock__content__2 table tr .desc div p{width:100px}.Stock__content__2 table tr .desc .icon:hover+div{display:flex}.AutoInventory{min-height:100vh;background-color:#f5f7fa}.AutoInventory__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.AutoInventory__header button{height:80%;font-size:20px}.AutoInventory__header button:hover{background-color:#ebe6e6}.AutoInventory__header h4{width:100%;text-align:center}.AutoInventory__content{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.AutoInventory__content__1{background-color:#d9edf7;color:#097bb4}.AutoInventory__content__1 p span{font-weight:700}.AutoInventory__content table tr{border:none}.AutoInventory__content table tr th,.AutoInventory__content table tr td{width:fit-content}.AutoInventory__content table thead{border-bottom:2px solid lightgray}.AutoInventory__content table thead tr{height:40px;color:#000!important}.AutoInventory__content table thead tr th{font-weight:700!important;opacity:.7;padding-bottom:5px}.AutoInventory__content .buttons button:hover{background-color:#5390f4;color:#fff!important}.AutoInventory__content hr{height:.15rem}.AutoInventory__footer{display:flex;padding:8px;position:fixed;bottom:0;left:0;right:0;background-color:#fff;font-size:13px;justify-content:end}.AutoInventory__footer div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.AutoInventory__footer div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.AutoInventory__footer div button:last-child{background-color:#5390f4;color:#fff}.PurchaseOrder{background-color:#f5f5f5;position:relative}.PurchaseOrder__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.PurchaseOrder__content__1 .icon{background-color:#fff;font-size:35px;width:25px}.PurchaseOrder__content__2__right hr{height:30px;padding:1px}.PurchaseOrder__content__2__right div{position:relative}.PurchaseOrder__content__2__right div button{font-size:13px;border:1px solid lightgray;display:flex;align-items:center;gap:5px}.PurchaseOrder__content__2__right div button:hover{border:1px solid #5390F4;color:#5390f4}.PurchaseOrder__content__2__right div button .icon{transform:rotate(90deg);padding:0;font-size:15px}.PurchaseOrder__content__2__right div ul{position:absolute;min-width:250px;right:0;top:100%;background-color:#fff}.PurchaseOrder__content__2__right div ul li{font-size:13px;padding:5px 20px;width:100%;cursor:pointer}.PurchaseOrder__content__2__right div ul li:hover{background-color:#f5f5f5}.PurchaseOrder__content__2__right div ul hr{padding:0;margin:5px 0!important;height:1px}.PurchaseOrder__content__2__right .view{display:flex;align-items:center}.PurchaseOrder__content__2__right .view .icon{border:1px solid gray;height:30px;width:50px;padding:5px}.PurchaseOrder__content__2__right .view .icon:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.PurchaseOrder__content__2__right .view .icon:first-child:hover{border:1px solid #5390F4;color:#5390f4}.PurchaseOrder__content__2__right .view .icon:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.PurchaseOrder__content__2__right .view .icon:last-child:hover{border:1px solid #5390F4;color:#5390f4}.PurchaseOrder__content__2__right .view .icon.active{border:1px solid #5390F4;color:#5390f4}.PurchaseOrder__content__3{display:flex;gap:5px;background-color:#fff}.PurchaseOrder__content__3 .category{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:7px;padding:7px 0;cursor:pointer;width:150px}.PurchaseOrder__content__3 .category div{display:flex;align-items:center;gap:7px;font-size:14px}.PurchaseOrder__content__3 .category div span{min-width:30px;border-radius:20px;text-align:center;border:2px solid gray}.PurchaseOrder__content__3 .category p{text-align:center}.PurchaseOrder__content__3 .category.active{color:#5390f4;font-weight:600;border-bottom:2px solid #5390F4}.PurchaseOrder__content__3 .category.active span{background-color:#5390f4;border:0;color:#fff}.PurchaseOrder__content__4 .order__item{padding:0}.PurchaseOrder__content__4 .order__item>div{padding:10px 15px;display:flex;align-items:center;justify-content:space-between;font-weight:500}.PurchaseOrder__content__4 .order__item>div .icon{cursor:pointer}.PurchaseOrder__content__4 .order__item__1 h6{color:#5390f4}.PurchaseOrder__content__4 .order__item__1 small{color:gray}.PurchaseOrder__content__4 .order__item__2{padding:10px 15px;font-size:14px;color:gray;font-weight:600}.PurchaseOrder__content__4 .order__item__3 p:first-child{padding:1px 5px;font-size:12px;color:red;background-color:#ff00001a}.PurchaseOrder__content__4 .order__item__3 p:last-child{font-size:15px}.PurchaseOrder__content__4 .order__item__4{background-color:#f5f5f5}.PurchaseOrder__content__4 .order__item__4 div{display:flex;align-items:center;gap:5px}.PurchaseOrder__content__4 .order__item__4 div:last-child{gap:15px}.PriceList{min-height:100vh;background-color:#f5f7fa}.PriceList__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.PriceList__form hr{height:.01rem}.PriceList__form .border-bottom{border-bottom:1px solid lightgray!important}.PriceList__form .border-bottom-2{border-bottom:2px solid lightgray!important}.PriceList__form__1{display:flex;gap:15px}.PriceList__form__1__left{flex-basis:25%;text-align:end}.PriceList__form__1__right{font-weight:700;flex-basis:75%}.PriceList__form__1__right>div{padding-bottom:10px}.PriceList__form__1__right button{padding:3px 25px;border:1px solid #ebe6e6;font-weight:600}.PriceList__form__1__right button.active{background-color:#5390f4;color:#fff}.PriceList__form__1__right .input__form{display:flex;gap:20px}.PriceList__form__1__right .input__form .InputForm{width:100%;display:flex;justify-content:center;flex-direction:column}.PriceList__form__1__right .input__form small{color:gray}.PriceList__form__1__right .input__form button:hover{color:#fff!important;background-color:#5390f4}.PriceList__form__advanced button{color:#5390f4}.PriceList__form__advanced button .icon{font-size:20px}.PriceList__form__advanced button:hover{text-decoration:underline}.PriceList__form__table table{font-size:13px;width:100%}.PriceList__form__table table tr{border:0;text-align:left}.PriceList__form__table table tr th,.PriceList__form__table table tr td{width:10%}.PriceList__form__table table thead tr th{color:#000!important;font-weight:700!important}.PriceList__form__table table tbody,.PriceList__form__table table p{width:100%}.PriceList__form__add span{width:fit-content;display:inline-block;cursor:pointer}.PriceList__form__add span .icon{border-radius:50%}.PriceList__form__add span:hover{background-color:#5390f4;color:#fff}.PriceList__form__add span:hover .icon{background-color:#fff!important;color:#5390f4!important}.footer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;z-index:1}.footer div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.footer div button{font-size:14px;border:1px solid #ebe6e6;padding:7px 25px;border-radius:5px}.footer div button:hover{background-color:#5390f4;color:#fff}.footer div button:last-child{background-color:#5390f4;color:#fff}.CompanySetting{min-height:100vh;background-color:#f5f7fa}.CompanySetting__content{width:65%;margin:auto auto 60px;background-color:#fff;font-size:13px}.CompanySetting__content h6{font-weight:600;font-size:17px}.CompanySetting__content__1{padding:5px 0;z-index:-1}.CompanySetting__content__1 .chooseImg{display:flex;flex-wrap:wrap;justify-content:center}@media (max-width: 480px){.CompanySetting__content__1 .chooseImg .row:first-child .col-4{display:none}.CompanySetting__content__1 .chooseImg .row:first-child .col-8{flex-basis:100%}}.CompanySetting__content__1 .chooseImg .form__input{width:100%;border:1px solid gray;border-style:dashed;display:flex;flex-direction:column;padding:10px 5px;overflow:hidden;position:relative;align-items:center;text-align:center}.CompanySetting__content__1 .chooseImg .form__input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.CompanySetting__content__1 .chooseImg .form__input .icon{font-size:50px;color:gray}.CompanySetting__content__1 .chooseImg .form__input label{line-height:30px;padding-top:10px}.CompanySetting__content__1 .inputForm{align-items:center;margin-top:10px;opacity:.9}.CompanySetting__content__1 .inputForm .lcol{display:flex;justify-content:end}.CompanySetting__content__1 .inputForm .rcol{align-items:center}.CompanySetting__content__1 .inputForm .rcol input,.CompanySetting__content__1 .inputForm .rcol select{border:0;width:100%;outline:0;border-bottom:1px solid lightgray;padding:10px 0}.CompanySetting__content__1 .inputForm .rcol input:focus,.CompanySetting__content__1 .inputForm .rcol select:focus{border-bottom:1px solid #5390F4}.CompanySetting__content__1 .inputForm .rcol .link.active{background-color:#5390f4;color:#fff;border:1px solid #5390F4}.CompanySetting__content__1 .inputForm .rcol .radiobtn{position:relative;width:50px;padding:0!important;text-align:center}.CompanySetting__content__1 .inputForm .rcol .radiobtn input[type=radio]{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.CompanySetting__content__1 .inputForm .rcol .radiobtn span{height:100%;width:100%;padding:10px 15px}.CompanySetting__content__1 .inputForm .rcol .radiobtn input[type=radio]:checked+span{background-color:#5390f4;color:#fff}.Popup{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#0006;z-index:2}.Popup .popup__container{width:100vw;margin:auto}.Popup .popup__container .popup__message{min-height:100px}.Popup .popup__container .popup__message small{font-size:13px}.Popup .popup__container .popup__message .form-input{width:60%;position:relative;height:45px;margin-top:15px}.Popup .popup__container .popup__message .form-input label{padding:0 10px;color:#5390f4;z-index:999}.Popup .popup__container .popup__message .form-input select{position:absolute;left:0;top:0;bottom:0;right:0;padding:10px 5px 0;z-index:1;background:transparent}.Popup .popup__container .popup__message .form-input select::selection+label{display:none}.Popup .popup__container .popup__message .form-input input{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;padding:0 10px;z-index:1;background:transparent}.Popup .popup__container .popup__message .form-input:active{border:1px solid blue}.Popup .popup__header,.Popup .popup__footer{background-color:#f5f5f5;font-size:15px}.Popup .popup__header button.active,.Popup .popup__footer button.active{background-color:#5390f4;color:#fff}.ManageUsers{background-color:#f5f7fa;font-size:13px}.ManageUsers .container-fluid{max-width:80%;background-color:#fff}.ManageUsers__table tr{font-size:13px!important;height:30px}.ManageUsers__table thead tr th{font-weight:700!important;color:#000}.ManageUsers__table tbody tr{border:2px solid lightgray;background-color:#5390f4}.ManageUsers__table tbody tr td{color:#fff}.ManageUsers__form .inputForm{margin-top:10px;opacity:.9}.ManageUsers__form .inputForm .lcol{display:flex;justify-content:end}.ManageUsers__form .inputForm .lcol label{font-weight:700}.ManageUsers__form .inputForm .rcol{align-items:center}.ManageUsers__form .inputForm .rcol input,.ManageUsers__form .inputForm .rcol select{border:0;width:100%;outline:0;border-bottom:2px solid lightgray;padding:5px 0}.ManageUsers__form .inputForm .rcol input:focus,.ManageUsers__form .inputForm .rcol select:focus{border-bottom:2px solid #5390F4}.ManageUsers__form .inputForm .rcol .link.active{background-color:#5390f4!important;color:#fff;border:1px solid #5390F4}.ManageUsers__form form .submit{background-color:#f5f5f5;display:flex;justify-content:end;gap:2}.ManageUsers__form form .submit button{padding:5px 10px;margin-right:10px}.ManageUsers__form__right .inputForm .rcol{display:flex}.ManageUsers__form__right .inputForm .rcol .radiobtn{position:relative;width:50px;text-align:center}.ManageUsers__form__right .inputForm .rcol .radiobtn input[type=radio]{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.ManageUsers__form__right .inputForm .rcol .radiobtn span{height:100%;width:100px;padding:10px 15px}.ManageUsers__form__right .inputForm .rcol .radiobtn input[type=radio]:checked+span{background-color:#5390f4;color:#fff}.ManageUsers__footer{background-color:#f5f5f5}.ManageSubscription{background-color:#f5f7fa;font-size:13px}.ManageSubscription .container-fluid{max-width:80%;background-color:#fff}.ManageSubscription .container-fluid h6{font-weight:600}.ManageSubscription__plan__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.ManageSubscription__plan__item{border:1px solid rgb(151,150,150);position:relative}.ManageSubscription__plan__item .popular{width:100%;position:absolute;background-color:#5390f4;top:-30px;left:0;right:0;color:#fff;font-size:11px;text-align:center;font-weight:300;border-top-right-radius:2px;border-top-left-radius:2px}.ManageSubscription__plan__item>div{min-height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ManageSubscription__plan__item>div .title{color:#5390f4;font-size:16px;font-weight:600}.ManageSubscription__plan__item>div small{font-weight:500;color:gray}.ManageSubscription__plan__item>div h4{font-weight:600}.ManageSubscription__plan__item>div hr{max-height:.001rem}.ManageSubscription__plan__item>div .user{font-weight:600}.ManageSubscription__plan__item>div .service{color:gray;font-weight:600}.ManageSubscription__plan__item>div .link{width:90%;background-color:#5390f4;color:#fff;text-align:center}.Opportunities{background-color:#f5f5f5;position:relative}.Opportunities__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Opportunities__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.Tasks{background-color:#f5f5f5;position:relative}.Tasks__top .header{box-shadow:#00000026 0 1px 5px}.Tasks__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.Tasks__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.Tasks__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}.Tasks__top .header .active{position:relative}.Tasks__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.Tasks__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}.Tasks__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Tasks__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.Calls{background-color:#f5f5f5;position:relative}.Calls__top .header{box-shadow:#00000026 0 1px 5px}.Calls__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.Calls__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.Calls__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}.Calls__top .header .active{position:relative}.Calls__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.Calls__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}.Calls__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Calls__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.Leads{background-color:#f5f5f5;position:relative}.Leads__top .header{box-shadow:#00000026 0 1px 5px}.Leads__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.Leads__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.Leads__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}.Leads__top .header .active{position:relative}.Leads__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.Leads__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}.Leads__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Leads__content__1 .icon{background-color:#fff;font-size:35px;cursor:pointer}.ImportLeads{min-height:100vh;background-color:#f5f7fa}.ImportLeads__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.ImportLeads__header button{height:80%;font-size:20px}.ImportLeads__header button:hover{background-color:#ebe6e6}.ImportLeads__header h4{width:100%;text-align:center}.ImportLeads__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.ImportLeads__form__1{background-color:#27c2ff33;opacity:.8}.ImportLeads__form__1 p{padding:9px 0}.ImportLeads__form__2{display:flex;align-items:center;gap:20px}.ImportLeads__form__2 div{position:relative;color:#5390f4;width:fit-content}.ImportLeads__form__2 div input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.ImportLeads__form__2 div span{padding:5px 13px}.ImportLeads__form__2 div input:hover+span{cursor:pointer;background:#5390F4;color:#fff}.ImportLeads__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.ImportLeads__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.ImportLeads__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.ImportLeads__form__submit div button:last-child{background-color:#5390f4;color:#fff}.EmployeeList{margin-top:30px;width:100%;font-size:14px}.EmployeeList__top button{background-color:#5390f4;color:#fff;padding:7px 10px;cursor:pointer}.EmployeeList__search{border-bottom:1px solid lightgray}.EmployeeList__search input{border:0;outline:none;width:100%}.EmployeeList__list table{border:0}.EmployeeList__list table tr{border:0;border-bottom:1px solid lightgray;height:35px}.EmployeeList__list table thead tr{color:#000;font-size:13px;border-bottom:2px solid lightgray}.EmployeeList__list table tbody tr:nth-child(odd){background-color:#f5f5f5}.EmployeeList__page .icon{color:gray;cursor:pointer}.EmployeeList__page .icon:hover{color:#5390f4}.EmployeeList__footer{background-color:#f5f7fa;color:#5390f4}.EmployeeList__footer span{cursor:pointer}.EmployeeList__footer span:hover{background-color:#5390f4;color:#fff}.NewEmployee{min-height:100vh;background-color:#f5f7fa}.NewEmployee__content{width:65%;margin:auto auto 60px;background-color:#fff;font-size:13px}.NewEmployee__content h6{font-weight:600;font-size:17px}.NewEmployee__content__1{padding:5px 0}.NewEmployee__content__1 .chooseImg{display:flex;justify-content:center}.NewEmployee__content__1 .chooseImg .form__input{width:100%;border:1px solid gray;border-style:dashed;display:flex;flex-direction:column;padding:10px 5px;overflow:hidden;position:relative;align-items:center;text-align:center}.NewEmployee__content__1 .chooseImg .form__input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.NewEmployee__content__1 .chooseImg .form__input .icon{font-size:50px;color:gray}.NewEmployee__content__1 .chooseImg .form__input label{line-height:30px;padding-top:10px}.NewEmployee__content__1 .inputForm{align-items:center;margin-top:10px;opacity:.9}.NewEmployee__content__1 .inputForm .lcol{display:flex;justify-content:end}.NewEmployee__content__1 .inputForm .rcol{align-items:center}.NewEmployee__content__1 .inputForm .rcol input,.NewEmployee__content__1 .inputForm .rcol select{border:0;width:100%;outline:0;border-bottom:1px solid lightgray;padding:10px 0}.NewEmployee__content__1 .inputForm .rcol input:focus,.NewEmployee__content__1 .inputForm .rcol select:focus{border-bottom:1px solid #5390F4}.NewEmployee__content__1 .inputForm .rcol .link.active{background-color:#5390f4;color:#fff;border:1px solid #5390F4}.NewEmployee__content__1 .inputForm .rcol .radiobtn{position:relative;width:50px;padding:0!important;text-align:center}.NewEmployee__content__1 .inputForm .rcol .radiobtn input[type=radio]{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.NewEmployee__content__1 .inputForm .rcol .radiobtn span{height:100%;width:100%;padding:10px 15px}.NewEmployee__content__1 .inputForm .rcol .radiobtn input[type=radio]:checked+span{background-color:#5390f4;color:#fff}.Attachments{background-color:#f5f5f5;position:relative;font-size:13px}.Attachments__content__1 button{color:#fff;background-color:#5390f4;opacity:1}.Attachments__content__1 .icon{background-color:#fff;font-size:35px;width:25px}.Attachments__content__2__right hr{height:30px;padding:1px}.Attachments__content__2__right div{position:relative}.Attachments__content__2__right div button{font-size:13px;border:1px solid lightgray;display:flex;align-items:center;gap:5px}.Attachments__content__2__right div button:hover{border:1px solid #5390F4;color:#5390f4}.Attachments__content__2__right div button .icon{transform:rotate(90deg);padding:0;font-size:15px}.Attachments__content__2__right div ul{position:absolute;min-width:250px;right:0;top:100%;z-index:999;background-color:#fff}.Attachments__content__2__right div ul li{font-size:13px;padding:5px 20px;width:100%;cursor:pointer}.Attachments__content__2__right div ul li:hover{background-color:#f5f5f5}.Attachments__content__2__right div ul hr{padding:0;margin:5px 0!important;height:1px}.Attachments__content__3{opacity:.9}.Attachments__content__3__1 button{padding:10px 20px;color:#4a4848}.Attachments__content__3__1 button:hover{color:#5390f4}.Attachments__content__3__1 button:hover span{border:1px solid #5390F4}.Attachments__content__3__1 button span{font-size:12px;padding:2px 9px;margin-left:7px;border-radius:10px;border:1px solid gray}.Attachments__content__3__1 button.active{font-weight:600;position:relative;color:#000}.Attachments__content__3__1 button.active:hover{color:#000}.Attachments__content__3__1 button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;top:95%;background-color:#5390f4}.Attachments__content__3__1 button.active span{background-color:#5390f4;border:0;color:#fff}.Attachments__content__3 p{color:#4a4848}.Attachments__content__3 p span{color:#5390f4}.Attachments__content__3 p span:hover{color:#3636e4;text-decoration:underline}.NewMemo{min-height:100vh;background-color:#f5f7fa;z-index:-1}.NewMemo__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewMemo__header button{height:80%;font-size:20px}.NewMemo__header button:hover{background-color:#ebe6e6}.NewMemo__header h4{width:100%;text-align:center}.NewMemo__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewMemo__form hr{height:.01rem}.NewMemo__form__1{padding:10px 0;display:flex;gap:30px}.NewMemo__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewMemo__form__1 .input__form label{width:30%;text-align:end}.NewMemo__form__1 .input__form select,.NewMemo__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewMemo__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewMemo__form__1 .input__form span{width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewMemo__form__1 .input__form span:hover{background-color:#5390f4;color:#fff}.NewMemo__form__1 .input__form span:hover{background-color:#5390f4!important;color:#fff}.NewMemo__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewMemo__form__1 table{width:100%;margin:20px 0 10px}.NewMemo__form__1 table thead,.NewMemo__form__1 table tbody{justify-content:space-between}.NewMemo__form__1 table thead tr,.NewMemo__form__1 table tbody tr{height:40px}.NewMemo__form__1 table thead tr:first-child th:first-child,.NewMemo__form__1 table thead tr:first-child td:first-child,.NewMemo__form__1 table tbody tr:first-child th:first-child,.NewMemo__form__1 table tbody tr:first-child td:first-child{width:50%;text-align:center}.NewMemo__form__1 table thead{border-bottom:2px solid lightgray}.NewMemo__form__1 table thead th{color:#000;font-weight:700!important;font-size:13px}.NewMemo__form__1 table p{font-weight:15px!important}.NewMemo__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewMemo__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewMemo__form__advanced button{color:#5390f4}.NewMemo__form__advanced button .icon{font-size:20px}.NewMemo__form__advanced button:hover{text-decoration:underline}.NewMemo__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewMemo__form .choose__file .input p span{cursor:pointer}.NewMemo__form .choose__file .input p span:hover{text-decoration:underline}.NewMemo__form .choose__file .input svg{color:red!important}.NewMemo__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewMemo__form .choose__file button{width:fit-content}.NewMemo__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewMemo__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewMemo__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewMemo__form__submit div button:last-child{background-color:#5390f4;color:#fff}.ProductsAndServices{height:100%;width:100%;position:fixed;top:0;font-size:14px;background-color:#0006;z-index:1}.ProductsAndServices .container{overflow:hidden}.ProductsAndServices__header{background-color:#f5f5f5;text-align:center}.ProductsAndServices__top button{background-color:#5390f4;color:#fff;padding:7px 10px;cursor:pointer}.ProductsAndServices__search{border-bottom:1px solid lightgray}.ProductsAndServices__search input{border:0;outline:none;width:100%}.ProductsAndServices__list table{border:0}.ProductsAndServices__list table tr{border:0;border-bottom:1px solid lightgray;height:35px}.ProductsAndServices__list table thead tr{color:#000;font-size:13px;border-bottom:2px solid lightgray}.ProductsAndServices__list table tbody tr:nth-child(odd){background-color:#f5f5f5}.ProductsAndServices__list table tbody tr:hover{background-color:#5390f4;color:#fff}.ProductsAndServices__page .icon{color:gray;cursor:pointer}.ProductsAndServices__page .icon:hover{color:#5390f4}.ProductsAndServices__footer{background-color:#f5f7fa;color:#5390f4;display:flex;justify-content:end;gap:10px}.ProductsAndServices__footer button{padding:5px 10px;border:1px solid grey}.ProductsAndServices__footer button.active{background-color:#5390f4;border:0px solid black;color:#fff}.ProductsAndServices__footer button.active:hover{background-color:#00f9}.NewProductService{min-height:100vh;width:100%;position:fixed;top:0;background-color:#0006;z-index:2}.NewProductService hr{max-height:1px}.NewProductService .container{width:60%;height:650px;margin:auto;background-color:#fff}.NewProductService__header{background-color:#f5f5f5;height:50px}.NewProductService__content{height:600px;font-size:13px;margin-bottom:60px;position:relative}.NewProductService__content h6{font-weight:600;font-size:17px}.NewProductService__content .NewProductService__form{overflow-y:scroll;overflow-x:hidden;height:525px}.NewProductService__content .NewProductService__form::-webkit-scrollbar-track{display:none}.NewProductService__content .NewProductService__form .chooseType{width:60%;margin:auto;display:flex;justify-content:center}.NewProductService__content .NewProductService__form .chooseType span{width:50%;border:1px solid #ebe6e6;padding:7px 0;text-align:center;cursor:pointer}.NewProductService__content .NewProductService__form .chooseType span.active{background-color:#5390f4;color:#fff}.NewProductService__content__1{padding:5px 0}.NewProductService__content__1 .chooseImg{display:flex;justify-content:center}.NewProductService__content__1 .chooseImg .form__input{width:100%;border:1px solid gray;border-style:dashed;display:flex;flex-direction:column;padding:10px 5px;overflow:hidden;position:relative;align-items:center;text-align:center}.NewProductService__content__1 .chooseImg .form__input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.NewProductService__content__1 .chooseImg .form__input .icon{font-size:50px;color:gray}.NewProductService__content__1 .chooseImg .form__input label{line-height:30px;padding-top:10px}.NewProductService__content__1 .option__type{position:relative}.NewProductService__content__1 .option__type input{text-transform:capitalize;cursor:pointer}.NewProductService__content__1 .option__type .option__item{position:absolute;top:100%;left:35%;text-align:start;background-color:#fff;z-index:99;padding:0;width:150px;min-height:60px;max-height:160px;overflow-y:scroll}.NewProductService__content__1 .option__type .option__item::-webkit-scrollbar{display:none}.NewProductService__content__1 .option__type .option__item li{padding:5px 15px}.NewProductService__content__1 .option__type .option__item li:hover{background-color:#5390f4;color:#fff}.NewProductService__content__1 .inputForm{align-items:center;margin-top:10px;opacity:.9}.NewProductService__content__1 .inputForm .lcol{display:flex;justify-content:end}.NewProductService__content__1 .inputForm .rcol{align-items:center}.NewProductService__content__1 .inputForm .rcol input,.NewProductService__content__1 .inputForm .rcol select{border:0;width:100%;outline:0;border-bottom:1px solid lightgray;padding:10px 0}.NewProductService__content__1 .inputForm .rcol input:focus,.NewProductService__content__1 .inputForm .rcol select:focus{border-bottom:1px solid #5390F4}.NewProductService__content__1 .inputForm .rcol .link.active{background-color:#5390f4;color:#fff;border:1px solid #5390F4}.NewProductService__content__1 .inputForm .rcol .radiobtn{position:relative;width:50px;padding:0!important;text-align:center}.NewProductService__content__1 .inputForm .rcol .radiobtn input[type=radio]{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.NewProductService__content__1 .inputForm .rcol .radiobtn span{height:100%;width:100%;padding:10px 15px}.NewProductService__content__1 .inputForm .rcol .radiobtn input[type=radio]:checked+span{background-color:#5390f4;color:#fff}.NewProductService__content form .footer{height:60px;position:relative;bottom:0;display:flex;background-color:#ebe6e6;padding:0;margin:0}.NewProductService__content form .footer div{width:100%}.NewProductService__content form .footer div button{border:1px solid lightgray}.ResetAccount{min-height:100vh;background-color:#f5f7fa}.ResetAccount__content{width:65%;margin:auto auto 60px;background-color:#fff;font-size:13px}.ResetAccount__content h4{font-weight:600;font-size:24px}.ResetAccount__content__1 p{height:50px;background-color:#27c2ff33;opacity:.8;display:flex;align-items:center;padding:0 20px}.ResetAccount__content__form{padding:5px 0}.ResetAccount__content__form .inputForm{margin-top:10px;opacity:.9;display:flex;gap:20px}.ResetAccount__content__form .inputForm .lcol{flex-basis:35%;display:flex;justify-content:end;font-weight:700}.ResetAccount__content__form .inputForm .rcol{flex-basis:75%;width:100%}.ResetAccount__content__form .inputForm .rcol>div{display:flex;gap:10px;padding-bottom:13px}.ResetAccount__content__form .inputForm .rcol textarea,.ResetAccount__content__form .inputForm .rcol input[type=text],.ResetAccount__content__form .inputForm .rcol input[type=password]{border-top:0;border-left:0;border-right:0;width:100%;outline:none}.ResetAccount__content__form .inputForm .rcol textarea:focus,.ResetAccount__content__form .inputForm .rcol input[type=text]:focus,.ResetAccount__content__form .inputForm .rcol input[type=password]:focus{border-bottom:1px solid blue!important}.ResetAccount__content__form .inputForm .rcol input[type=password]{padding:5px;background-color:#0000ff1a}.ResetAccount__content .ResetAccount__content__2{background-color:#ff00001a;color:#873333}.ResetAccount__content .ResetAccount__content__2 p{padding-bottom:10px}.ResetAccount__content .ResetAccount__content__3{background-color:#ebe6e6}.ResetAccount__content .ResetAccount__content__3 button.cancel{border:1px solid gray}.ResetAccount__content .ResetAccount__content__3 button.confirm{background-color:#5390f4;color:#fff}.DeleteAccount{min-height:100vh;background-color:#f5f7fa}.DeleteAccount__content{width:65%;margin:auto auto 60px;background-color:#fff;font-size:13px}.DeleteAccount__content h4{font-weight:600;font-size:24px}.DeleteAccount__content__form{padding:5px 0}.DeleteAccount__content__form .inputForm{margin-bottom:10px;opacity:.9;display:flex;gap:20px}.DeleteAccount__content__form .inputForm .lcol{flex-basis:35%;display:flex;justify-content:end;font-weight:700}.DeleteAccount__content__form .inputForm .rcol{flex-basis:75%;width:100%}.DeleteAccount__content__form .inputForm .rcol>div{display:flex;gap:10px;padding-bottom:7px}.DeleteAccount__content__form .inputForm .rcol textarea,.DeleteAccount__content__form .inputForm .rcol input[type=text],.DeleteAccount__content__form .inputForm .rcol input[type=password]{border-top:0;border-left:0;border-right:0;width:100%;outline:none}.DeleteAccount__content__form .inputForm .rcol textarea:focus,.DeleteAccount__content__form .inputForm .rcol input[type=text]:focus,.DeleteAccount__content__form .inputForm .rcol input[type=password]:focus{border-bottom:1px solid blue!important}.DeleteAccount__content__form .inputForm .rcol input[type=password]{padding:5px;background-color:#0000ff1a}.DeleteAccount__content .DeleteAccount__content__2{background-color:#ff00001a;color:#873333}.DeleteAccount__content .DeleteAccount__content__2 p{padding-bottom:10px}.DeleteAccount__content .DeleteAccount__content__3{background-color:#ebe6e6}.DeleteAccount__content .DeleteAccount__content__3 button.cancel{border:1px solid gray}.DeleteAccount__content .DeleteAccount__content__3 button.confirm{background-color:#5390f4;color:#fff}.SalesOrder{background-color:#f5f5f5;position:relative}.SalesOrder__top .header{box-shadow:#00000026 0 1px 5px}.SalesOrder__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.SalesOrder__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.SalesOrder__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}.SalesOrder__top .header .active{position:relative}.SalesOrder__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.SalesOrder__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}.SalesOrder__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.SalesOrder__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.NewSalesOrder{min-height:100vh;background-color:#f5f7fa}.NewSalesOrder__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewSalesOrder__header button{height:80%;font-size:20px}.NewSalesOrder__header button:hover{background-color:#ebe6e6}.NewSalesOrder__header h4{width:100%;text-align:center}.NewSalesOrder__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewSalesOrder__form hr{height:.01rem}.NewSalesOrder__form__1{padding:10px 0;display:flex;gap:30px}.NewSalesOrder__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewSalesOrder__form__1 .input__form label{width:30%;text-align:end}.NewSalesOrder__form__1 .input__form select,.NewSalesOrder__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewSalesOrder__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewSalesOrder__form__1 .input__form span{width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewSalesOrder__form__1 .input__form span.active{background-color:#5390f4!important;color:#fff}.NewSalesOrder__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewSalesOrder__form__1 table{width:100%;margin:20px 0}.NewSalesOrder__form__1 table thead,.NewSalesOrder__form__1 table tbody{justify-content:space-between}.NewSalesOrder__form__1 table thead tr,.NewSalesOrder__form__1 table tbody tr{height:40px}.NewSalesOrder__form__1 table thead{border-bottom:2px solid lightgray}.NewSalesOrder__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewSalesOrder__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewSalesOrder__form__advanced button{color:#5390f4}.NewSalesOrder__form__advanced button .icon{font-size:20px}.NewSalesOrder__form__advanced button:hover{text-decoration:underline}.NewSalesOrder__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewSalesOrder__form .choose__file .input p span{cursor:pointer}.NewSalesOrder__form .choose__file .input p span:hover{text-decoration:underline}.NewSalesOrder__form .choose__file .input svg{color:red!important}.NewSalesOrder__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewSalesOrder__form .choose__file button{width:fit-content}.NewSalesOrder__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewSalesOrder__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewSalesOrder__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewSalesOrder__form__submit div button:last-child{background-color:#5390f4;color:#fff}.RecevingNotes{background-color:#f5f5f5;position:relative}.RecevingNotes__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.RecevingNotes__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.NewReceivingNotes{min-height:100vh;background-color:#f5f7fa}.NewReceivingNotes__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewReceivingNotes__header button{height:80%;font-size:20px}.NewReceivingNotes__header button:hover{background-color:#ebe6e6}.NewReceivingNotes__header h4{width:100%;text-align:center}.NewReceivingNotes__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewReceivingNotes__form hr{height:.01rem}.NewReceivingNotes__form__1{padding:10px 0;display:flex;gap:30px}.NewReceivingNotes__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewReceivingNotes__form__1 .input__form label{width:30%;text-align:end}.NewReceivingNotes__form__1 .input__form select,.NewReceivingNotes__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewReceivingNotes__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewReceivingNotes__form__1 .input__form span{width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewReceivingNotes__form__1 .input__form span.active{background-color:#5390f4!important;color:#fff}.NewReceivingNotes__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewReceivingNotes__form__1 table{width:100%;margin:20px 0}.NewReceivingNotes__form__1 table thead,.NewReceivingNotes__form__1 table tbody{justify-content:space-between}.NewReceivingNotes__form__1 table thead tr,.NewReceivingNotes__form__1 table tbody tr{height:40px}.NewReceivingNotes__form__1 table thead{border-bottom:2px solid lightgray}.NewReceivingNotes__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewReceivingNotes__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewReceivingNotes__form__advanced button{color:#5390f4}.NewReceivingNotes__form__advanced button .icon{font-size:20px}.NewReceivingNotes__form__advanced button:hover{text-decoration:underline}.NewReceivingNotes__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewReceivingNotes__form .choose__file .input p span{cursor:pointer}.NewReceivingNotes__form .choose__file .input p span:hover{text-decoration:underline}.NewReceivingNotes__form .choose__file .input svg{color:red!important}.NewReceivingNotes__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewReceivingNotes__form .choose__file button{width:fit-content}.NewReceivingNotes__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewReceivingNotes__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewReceivingNotes__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewReceivingNotes__form__submit div button:last-child{background-color:#5390f4;color:#fff}.NewDeliveryNotes{min-height:100vh;background-color:#f5f7fa}.NewDeliveryNotes__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewDeliveryNotes__header button{height:80%;font-size:20px}.NewDeliveryNotes__header button:hover{background-color:#ebe6e6}.NewDeliveryNotes__header h4{width:100%;text-align:center}.NewDeliveryNotes__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewDeliveryNotes__form hr{height:.01rem}.NewDeliveryNotes__form__1{padding:10px 0;display:flex;gap:30px}.NewDeliveryNotes__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewDeliveryNotes__form__1 .input__form label{width:30%;text-align:end}.NewDeliveryNotes__form__1 .input__form select,.NewDeliveryNotes__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewDeliveryNotes__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewDeliveryNotes__form__1 .input__form span{width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewDeliveryNotes__form__1 .input__form span.active{background-color:#5390f4!important;color:#fff}.NewDeliveryNotes__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewDeliveryNotes__form__1 table{width:100%;margin:20px 0}.NewDeliveryNotes__form__1 table thead,.NewDeliveryNotes__form__1 table tbody{justify-content:space-between}.NewDeliveryNotes__form__1 table thead tr,.NewDeliveryNotes__form__1 table tbody tr{height:40px}.NewDeliveryNotes__form__1 table thead{border-bottom:2px solid lightgray}.NewDeliveryNotes__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewDeliveryNotes__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewDeliveryNotes__form__advanced button{color:#5390f4}.NewDeliveryNotes__form__advanced button .icon{font-size:20px}.NewDeliveryNotes__form__advanced button:hover{text-decoration:underline}.NewDeliveryNotes__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewDeliveryNotes__form .choose__file .input p span{cursor:pointer}.NewDeliveryNotes__form .choose__file .input p span:hover{text-decoration:underline}.NewDeliveryNotes__form .choose__file .input svg{color:red!important}.NewDeliveryNotes__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewDeliveryNotes__form .choose__file button{width:fit-content}.NewDeliveryNotes__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewDeliveryNotes__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewDeliveryNotes__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewDeliveryNotes__form__submit div button:last-child{background-color:#5390f4;color:#fff}.DeliveryNotes{background-color:#f5f5f5;position:relative}.DeliveryNotes__top .header{box-shadow:#00000026 0 1px 5px}.DeliveryNotes__top .header .header__link{width:130px;color:gray;text-transform:capitalize;padding:13px 0;position:relative;text-decoration:none}.DeliveryNotes__top .header .header__link:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#fff;animation:leftback .2s ease-in-out}.DeliveryNotes__top .header .header__link:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#fff;animation:rightback .2s ease-in-out}@keyframes leftback{0%{left:0%;background-color:#01bcae}to{left:50%;background-color:#01bcae}}@keyframes rightback{0%{right:0%;background-color:#01bcae}to{right:50%;background-color:#01bcae}}.DeliveryNotes__top .header .active{position:relative}.DeliveryNotes__top .header .active:before{position:absolute;content:"";bottom:0;left:0%;right:50%;top:95%;height:1px;background-color:#01bcae;animation:left .3s ease-in-out}.DeliveryNotes__top .header .active:after{position:absolute;content:"";bottom:0;left:50%;right:0;top:95%;height:1px;background-color:#01bcae;animation:right .3s ease-in-out}@keyframes left{0%{left:50%}to{left:0}}@keyframes right{0%{right:50%}to{right:0}}.DeliveryNotes__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.DeliveryNotes__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.AddLead{min-height:100vh;background-color:#f5f7fa}.AddLead__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.AddLead__header button{height:80%;font-size:20px}.AddLead__header button:hover{background-color:#ebe6e6}.AddLead__header h4{width:100%;text-align:center}.AddLead__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.AddLead__form hr{height:.01rem}.AddLead__form__1{display:flex;gap:15px}.AddLead__form__1__left{flex-basis:25%;text-align:end}.AddLead__form__1__right{font-weight:700;flex-basis:75%}.AddLead__form__1__right>div{padding-bottom:10px}.AddLead__form__1__right button{padding:3px 25px;border:1px solid #ebe6e6;font-weight:600}.AddLead__form__1__right button.active{background-color:#5390f4;color:#fff}.AddLead__form__1__right .input__form{display:flex;gap:20px}.AddLead__form__1__right .input__form .InputForm{width:100%;display:flex;justify-content:center;flex-direction:column}.AddLead__form__1__right .input__form small{color:gray}.AddLead__form__1__right .input__form button:hover{color:#fff!important;background-color:#5390f4}.AddLead__form__advanced button{color:#5390f4}.AddLead__form__advanced button .icon{font-size:20px}.AddLead__form__advanced button:hover{text-decoration:underline}.AddLead__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.AddLead__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.AddLead__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.AddLead__form__submit div button:last-child{background-color:#5390f4;color:#fff}@media (max-width: 1000px){.AddLead__form{width:80%}}@media (max-width: 720px){.AddLead__form{width:95%}}@media (max-width: 480px){.AddLead__form form{padding:10px!important}.AddLead__form__1{display:block}.AddLead__form__1__left{padding-bottom:10px;text-align:start}.AddLead__form__advanced .AddLead__form__1__right .input__form{flex-wrap:wrap}}.DublicateLeads{min-height:100vh;background-color:#f5f7fa}.DublicateLeads__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.DublicateLeads__header button{height:80%;font-size:20px}.DublicateLeads__header button:hover{background-color:#ebe6e6}.DublicateLeads__header h4{width:100%;text-align:center}.DublicateLeads__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.DublicateLeads__form button{color:#5390f4}.DublicateLeads__form button:hover{color:#fff;background-color:#5390f4}.DublicateLeads__form .i{background-color:#000;border-radius:50%;color:#fff}.DublicateLeads__form__1 p{padding:9px 0}.DublicateLeads__form__2 table{font-size:13px}.DublicateLeads__form__2 table thead tr{height:35px;padding:0;border:0;border-bottom:2px solid lightgray}.DublicateLeads__form__2 table thead tr th{font-weight:700!important;color:#000}.DublicateLeads__form__2 table tbody{margin-bottom:10px}.DublicateLeads__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.DublicateLeads__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.DublicateLeads__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.DublicateLeads__form__submit div button:last-child{background-color:#5390f4;color:#fff}.ExportItems{background-color:#fff;z-index:999;position:fixed;bottom:5%;left:15%;width:350px;font-size:14px}.ExportItems__header{background-color:#5390f4;color:#fff}.ExportItems__header .icon{font-size:18px;cursor:pointer}.ExportItems__content img{height:25px}.NewOpportunity{min-height:100vh;background-color:#f5f7fa;z-index:-1}.NewOpportunity__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewOpportunity__header button{height:80%;font-size:20px}.NewOpportunity__header button:hover{background-color:#ebe6e6}.NewOpportunity__header h4{width:100%;text-align:center}.NewOpportunity__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewOpportunity__form hr{height:.01rem}.NewOpportunity__form__1{padding:10px 0;display:flex;gap:30px}.NewOpportunity__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewOpportunity__form__1 .input__form label{width:30%;text-align:end}.NewOpportunity__form__1 .input__form select,.NewOpportunity__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewOpportunity__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewOpportunity__form__1 .input__form span{width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewOpportunity__form__1 .input__form span:hover{background-color:#5390f4;color:#fff}.NewOpportunity__form__1 .input__form span:hover{background-color:#5390f4!important;color:#fff}.NewOpportunity__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewOpportunity__form__1 table{width:100%}.NewOpportunity__form__1 table thead,.NewOpportunity__form__1 table tbody{justify-content:space-between}.NewOpportunity__form__1 table thead tr,.NewOpportunity__form__1 table tbody tr{height:40px}.NewOpportunity__form__1 table thead tr:first-child th:first-child,.NewOpportunity__form__1 table thead tr:first-child td:first-child,.NewOpportunity__form__1 table tbody tr:first-child th:first-child,.NewOpportunity__form__1 table tbody tr:first-child td:first-child{width:50%;text-align:center}.NewOpportunity__form__1 table thead{border-bottom:2px solid lightgray}.NewOpportunity__form__1 table thead th{color:#000;font-weight:700!important;font-size:13px}.NewOpportunity__form__1 table p{font-weight:15px!important}.NewOpportunity__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewOpportunity__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewOpportunity__form__advanced button{color:#5390f4}.NewOpportunity__form__advanced button .icon{font-size:20px}.NewOpportunity__form__advanced button:hover{text-decoration:underline}.NewOpportunity__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewOpportunity__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewOpportunity__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewOpportunity__form__submit div button:last-child{background-color:#5390f4;color:#fff}.NewTasks{min-height:100vh;background-color:#f5f7fa}.NewTasks__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewTasks__header button{height:80%;font-size:20px}.NewTasks__header button:hover{background-color:#ebe6e6}.NewTasks__header h4{width:100%;text-align:center}.NewTasks__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewTasks__form hr{height:.01rem;margin:0}.NewTasks__form__1{padding:10px 0;display:flex;gap:30px}.NewTasks__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewTasks__form__1 .input__form label{width:30%;text-align:end}.NewTasks__form__1 .input__form select,.NewTasks__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewTasks__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewTasks__form__1 .input__form span{height:35px;width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewTasks__form__1 .input__form span.active{background-color:#5390f4!important;color:#fff}.NewTasks__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewTasks__form__1 table{width:100%;margin:20px 0}.NewTasks__form__1 table thead,.NewTasks__form__1 table tbody{justify-content:space-between}.NewTasks__form__1 table thead tr,.NewTasks__form__1 table tbody tr{height:40px}.NewTasks__form__1 table thead{border-bottom:2px solid lightgray}.NewTasks__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewTasks__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewTasks__form__advanced button{color:#5390f4}.NewTasks__form__advanced button .icon{font-size:20px}.NewTasks__form__advanced button:hover{text-decoration:underline}.NewTasks__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewTasks__form .choose__file .input p span{cursor:pointer}.NewTasks__form .choose__file .input p span:hover{text-decoration:underline}.NewTasks__form .choose__file .input svg{color:red!important}.NewTasks__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewTasks__form .choose__file button{width:fit-content}.NewTasks__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewTasks__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewTasks__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewTasks__form__submit div button:last-child{background-color:#5390f4;color:#fff}.NewCalls{min-height:100vh;background-color:#f5f7fa}.NewCalls__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.NewCalls__header button{height:80%;font-size:20px}.NewCalls__header button:hover{background-color:#ebe6e6}.NewCalls__header h4{width:100%;text-align:center}.NewCalls__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.NewCalls__form hr{height:.01rem;margin:0}.NewCalls__form__1{padding:10px 0;display:flex;gap:30px}.NewCalls__form__1 .input__form{width:100%;display:flex;padding:10px 0;gap:20px}.NewCalls__form__1 .input__form label{width:30%;text-align:end}.NewCalls__form__1 .input__form select,.NewCalls__form__1 .input__form input{border:none;border-bottom:1px solid lightgray;outline:none;padding-bottom:10px;width:70%}.NewCalls__form__1 .input__form .textarea{outline:none;border:1px solid lightgray;width:70%}.NewCalls__form__1 .input__form span{height:35px;width:50%;font-weight:600;text-align:center;padding:5px 0;cursor:pointer;color:#5390f4}.NewCalls__form__1 .input__form span.active{background-color:#5390f4!important;color:#fff}.NewCalls__form__1 .text__area{width:48%;border-bottom:1px solid lightgray}.NewCalls__form__1 table{width:100%;margin:20px 0}.NewCalls__form__1 table thead,.NewCalls__form__1 table tbody{justify-content:space-between}.NewCalls__form__1 table thead tr,.NewCalls__form__1 table tbody tr{height:40px}.NewCalls__form__1 table thead{border-bottom:2px solid lightgray}.NewCalls__form__1 .disabled{padding:10px 0;border-bottom:1px solid lightgray;width:100%}.NewCalls__form__1 .disabled input{text-align:right;padding-right:5px;border:0}.NewCalls__form__advanced button{color:#5390f4}.NewCalls__form__advanced button .icon{font-size:20px}.NewCalls__form__advanced button:hover{text-decoration:underline}.NewCalls__form .choose__file .input{color:gray;position:relative;border:1px solid gray;border-style:dashed;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.NewCalls__form .choose__file .input p span{cursor:pointer}.NewCalls__form .choose__file .input p span:hover{text-decoration:underline}.NewCalls__form .choose__file .input svg{color:red!important}.NewCalls__form .choose__file .input input{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;margin:0}.NewCalls__form .choose__file button{width:fit-content}.NewCalls__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.NewCalls__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.NewCalls__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.NewCalls__form__submit div button:last-child{background-color:#5390f4;color:#fff}.Payenment{background-color:#f5f5f5;position:relative}.Payenment__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Payenment__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.SalesReceipts{background-color:#f5f5f5;position:relative}.SalesReceipts__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.SalesReceipts__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.CreditMemo{background-color:#f5f5f5;position:relative}.CreditMemo__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.CreditMemo__content__1 .icon{background-color:#fff;font-size:35px;width:30px}.Projects{background-color:#f5f5f5;position:relative}.Projects__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.Projects__content__1 .icon{background-color:#fff;font-size:35px;width:25px}.Projects__content__2__right hr{height:30px;padding:1px}.Projects__content__2__right div{position:relative}.Projects__content__2__right div button{font-size:13px;border:1px solid lightgray;display:flex;align-items:center;gap:5px}.Projects__content__2__right div button:hover{border:1px solid #5390F4;color:#5390f4}.Projects__content__2__right div button .icon{transform:rotate(90deg);padding:0;font-size:15px}.Projects__content__2__right div ul{position:absolute;min-width:250px;right:0;top:100%;background-color:#fff}.Projects__content__2__right div ul li{font-size:13px;padding:5px 20px;width:100%;cursor:pointer}.Projects__content__2__right div ul li:hover{background-color:#f5f5f5}.Projects__content__2__right div ul hr{padding:0;margin:5px 0!important;height:1px}.Projects__content__2__right .view{display:flex;align-items:center}.Projects__content__2__right .view .icon{border:1px solid gray;height:30px;width:50px;padding:5px}.Projects__content__2__right .view .icon:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.Projects__content__2__right .view .icon:first-child:hover{border:1px solid #5390F4;color:#5390f4}.Projects__content__2__right .view .icon:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.Projects__content__2__right .view .icon:last-child:hover{border:1px solid #5390F4;color:#5390f4}.Projects__content__2__right .view .icon.active{border:1px solid #5390F4;color:#5390f4}.Projects__content__3 .Projects__title .Projects__id{font-size:14px}.Projects__content__3 .Projects__delete{background-color:#f5f7fa}.Projects__content__3 table{width:100%}.Projects__content__3 table thead{background-color:#fff}.Projects__content__3 table thead tr th{font-size:13px;opacity:.8;padding:10px 15px}.Projects__content__3 table tbody tr td{font-size:13px;padding:10px 15px;border-top:1px solid lightgray}.Projects__content__3 table tbody tr td .icon{cursor:pointer}.Projects__content__3 table tbody tr:nth-child(odd){background-color:#f5f5f5}.Projects__content__3 table tbody tr:nth-child(2n){background-color:#fff}.ProductService{background-color:#f5f5f5;position:relative}.ProductService__content__1 button{font-size:14px;color:#fff;background-color:#5390f4;opacity:1}.ProductService__content__1 .icon{background-color:#fff;font-size:35px;width:25px}.ProductService__content__2__right hr{height:30px;padding:1px}.ProductService__content__2__right div{position:relative}.ProductService__content__2__right div button{font-size:13px;border:1px solid lightgray;display:flex;align-items:center;gap:5px}.ProductService__content__2__right div button:hover{border:1px solid #5390F4;color:#5390f4}.ProductService__content__2__right div button .icon{transform:rotate(90deg);padding:0;font-size:15px}.ProductService__content__2__right div ul{position:absolute;min-width:250px;right:0;top:100%;background-color:#fff}.ProductService__content__2__right div ul li{font-size:13px;padding:5px 20px;width:100%;cursor:pointer}.ProductService__content__2__right div ul li:hover{background-color:#f5f5f5}.ProductService__content__2__right div ul hr{padding:0;margin:5px 0!important;height:1px}.ProductService__content__2__right .view{display:flex;align-items:center}.ProductService__content__2__right .view .icon{border:1px solid gray;height:30px;width:50px;padding:5px}.ProductService__content__2__right .view .icon:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.ProductService__content__2__right .view .icon:first-child:hover{border:1px solid #5390F4;color:#5390f4}.ProductService__content__2__right .view .icon:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.ProductService__content__2__right .view .icon:last-child:hover{border:1px solid #5390F4;color:#5390f4}.ProductService__content__2__right .view .icon.active{border:1px solid #5390F4;color:#5390f4}.ProductService__content__3 .ProducrService__title .ProducrService__id{font-size:14px}.ProductService__content__3 .ProducrService__delete{background-color:#f5f7fa}.ProductService__content__3 table{width:100%}.ProductService__content__3 table thead{background-color:#fff}.ProductService__content__3 table thead tr th{font-size:13px;opacity:.8;padding:10px 15px}.ProductService__content__3 table tbody tr td{font-size:13px;padding:10px 15px;border-top:1px solid lightgray}.ProductService__content__3 table tbody tr td .icon{cursor:pointer}.ProductService__content__3 table tbody tr:nth-child(odd){background-color:#f5f5f5}.ProductService__content__3 table tbody tr:nth-child(2n){background-color:#fff}.AddSupplier{min-height:100vh;background-color:#f5f7fa}.AddSupplier__header{height:60px;background-color:#fff;display:flex;align-items:center;position:sticky;top:0}.AddSupplier__header button{height:80%;font-size:20px}.AddSupplier__header button:hover{background-color:#ebe6e6}.AddSupplier__header h4{width:100%;text-align:center}.AddSupplier__form{width:65%;margin:20px auto 60px;background-color:#fff;font-size:13px}.AddSupplier__form hr{height:.01rem}.AddSupplier__form__1{display:flex;gap:15px}.AddSupplier__form__1__left{flex-basis:25%;text-align:end}.AddSupplier__form__1__right{font-weight:700;flex-basis:75%}.AddSupplier__form__1__right>div{padding-bottom:10px}.AddSupplier__form__1__right button{padding:3px 25px;border:1px solid #ebe6e6;font-weight:600}.AddSupplier__form__1__right button.active{background-color:#5390f4;color:#fff}.AddSupplier__form__1__right .input__form{display:flex;gap:20px}.AddSupplier__form__1__right .input__form .InputForm{width:100%;display:flex;justify-content:center;flex-direction:column}.AddSupplier__form__1__right .input__form small{color:gray}.AddSupplier__form__1__right .input__form button:hover{color:#fff!important;background-color:#5390f4}.AddSupplier__form__advanced button{color:#5390f4}.AddSupplier__form__advanced button .icon{font-size:20px}.AddSupplier__form__advanced button:hover{text-decoration:underline}.AddSupplier__form__submit{position:fixed;bottom:0;left:0;right:0;background-color:#fff}.AddSupplier__form__submit div{width:67%;margin:auto;display:flex;justify-content:end;gap:10px}.AddSupplier__form__submit div button{border:1px solid #ebe6e6;padding:10px 15px;border-radius:5px}.AddSupplier__form__submit div button:last-child{background-color:#5390f4;color:#fff}.Accounting{background-color:#f5f5f5}.Accounting__content{font-weight:600;font-size:14px;height:fit-content;padding-top:20px}.Accounting__content .container{background-color:#fff}.Accounting__content__header__2>div{padding:5px 10px;cursor:pointer;border:1px solid white}.Accounting__content__header__2>div>div{position:relative}.Accounting__content__header__2>div .sub__links{z-index:1;position:absolute;top:100%;right:5%;background-color:#fff;display:flex;flex-direction:column}.Accounting__content__header__2>div .sub__links span{border:1px solid lightgray;padding:5px 10px}.Accounting__content__header__2>div:hover{border:1px solid lightgray}@media (max-width: 650px){.Accounting__content__header{display:flex;flex-direction:column}}.Accounting__content__data .data__1{cursor:pointer;border-radius:5px}.Accounting__content__data .data__1:hover{border:1px solid blue!important}.Accounting__content .highcharts-title{display:none}@media (max-width: 720px){.Accounting .row,.Accounting__content{padding:0!important}}.BankAccount{background-color:#f5f5f5;width:100%}.BankAccount__content__1{width:75%;margin:auto}.BankAccount__content__1 p{width:80%;margin:auto;font-weight:500}.BankAccount__content__1 .form-control{width:600px;margin:auto;display:flex;gap:20px;position:relative;cursor:pointer}.BankAccount__content__1 .form-control input{height:100%;display:flex;align-items:start}.BankAccount__content__1 .form-control input:checked+.form-control{border:1px solid blue}.BankAccount__content__1 .form-control div{display:flex;flex-direction:column}.BankAccount__content__1 .form-control div span{font-weight:600}.BankAccount__content__1 .form-control div small{color:gray}.BankAccount__content__1__footer{background-color:#f5f5f5}.BankAccount__content__1__footer button{background-color:#5390f4;color:#fff}@media (max-width: 990px){.BankAccount__content .form-control{width:100%}}