@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Overpass:wght@200&display=swap);.sidebar{background-color:#cc5656;bottom:0;height:90vh;left:0;position:fixed;top:0;transition:width .4s;width:200px}.logo{margin-bottom:10px;margin-top:10px}._subMenu{padding-left:40px}._subMenu label{cursor:pointer;margin-top:10px}._menuWord{border-bottom-left-radius:20px;border-top-left-radius:20px;margin-top:10px;padding:5px}._menuWord span{cursor:pointer;font-size:11px;font-weight:700}#active{border-bottom-left-radius:20px;border-top-left-radius:20px;height:auto}._menuWord ion-icon{bottom:-5px;font-size:20px;padding-right:15px;position:relative}.scrollMenu{height:80vh;overflow-x:hidden;overflow-y:auto}.scrollMenu::-webkit-scrollbar{background-color:#f1faff;height:40px;width:6px}.fixedToSide{bottom:0;position:fixed;width:15%;z-index:100}.fixedToSide ul{list-style:none}.pageReport{display:flex}.SideBarSection{background-color:#6e2929;overflow:hidden;width:40px}.SideBarSection,.SideBarSection:hover{position:fixed;top:0;transition:width .5s ease-in-out;z-index:1000}.SideBarSection:hover{background-color:hsla(0,12%,78%,.5);width:240px}.togBox{background-color:#fff;width:240px}.SideBar{height:85vh!important}.TopBarSection{left:0;position:fixed;top:10px;width:100%}.tabx{background-color:#fff;border-radius:3px;box-shadow:-1px -2px 11px 9px hsla(0,8%,88%,.71);margin:auto;padding:13px;width:83.5%}.icontopfixed ion-icon{color:#1e1d1d;font-size:25px;margin-left:20px}.icontopfixed{padding-right:80px;padding-top:5px}.icontopfixed ion-icon:nth-child(4){background-color:#f4cebf;border-radius:50%;color:#1e1d1d;color:#f08156;font-size:25px;margin-left:20px;padding:13px;position:absolute;top:8px}@media only screen and (orientation:portrait){.sidebar{overflow:none;width:40px}.menuName{display:none}.sidebar:hover{background-color:#fff;bottom:0;color:#000;height:100vh;left:0;overflow:none;position:fixed;top:0;width:150px;z-index:100}.sidebar:hover .menuName{display:inline-block}._subMenu{padding-left:40px}}@media screen and (max-width:1300px){.sidebar{overflow:none;width:40px}.sidebar:hover{background-color:#fff;bottom:0;color:#000;height:100vh;left:0;overflow:none;position:fixed;top:0;width:200px;z-index:100}}._menuWord ._subMenu{font-size:14px}._menuWord span{font-size:16px}.navimg{margin-top:15vh}.navScroll{height:80%;overflow:auto}.navimg{position:absolute;width:150px}.floatswitch{background-color:#fff;border:1px solid light;bottom:0;font-weight:700;position:fixed;right:0;width:20%}.floatswitch ul{display:flex;list-style:none;margin:0;padding:0}.floatswitch ul li{flex:1 1;font-size:14px;margin:0;padding:10px;text-align:center}.floatswitch ul li:first-child{background-color:#9d3488;border-left:1px solid pink;color:#fff}.floatswitch ul li:nth-child(2){background-color:#dd3e76;border-left:1px solid pink;color:#fff}.Switch{margin-right:40px;margin-top:-20px;position:fixed;right:0}.Switch ul{display:flex;list-style:none;margin:0;padding:0}.Switch ul li{height:40px;margin:0;padding:10px;text-align:center;width:100px}.Switch ul li:nth-child(2){border:1px solid grey}.ExpenseTab{margin:10vh auto auto;width:60%}.ExpenseTab h1{font-size:25px;font-weight:700;text-align:center}.ExpenseTab li{list-style:none}.add li div{display:flex;margin:15px}.add li div h5{font-size:14px;padding-top:15px;text-align:right;width:30%}.add li div input{border:1px solid #d3d3d3;width:10%}.add li div select{background-color:#169597;color:#fff}.add li div input,.add li div select,.add li div textarea{margin-left:10px;width:30%}.addexpense{width:30%}.saveBtn{padding-left:30%}@media only screen and (orientation:portrait){.ExpenseTab{margin:10vh auto auto;width:100%}.add li div h5{font-size:14px;padding-top:15px;text-align:right;width:50%}.add li div select{margin-left:10px;width:50%}}.bg-video-wrap{background:url(https://st.hzcdn.com/simgs/pictures/bedrooms/5-star-hotel-project-sara-ho-design-llc-img~a79172fa09234dda_14-6073-1-deba2d1.jpg) no-repeat 50%/cover;height:100vh;overflow:hidden;position:relative;width:100%}video{min-height:100vh;min-width:100%;z-index:1}.overlay{background-image:linear-gradient(45deg,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 0);background-size:3px 3px;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:2}._TopForm{display:flex}._TopForm ._inputBox{flex:1 1;margin:20px}._itemTab ul{display:flex;font-size:14px;list-style:none;margin:0;padding:0}._itemTab ul li{border-right:1px solid #fff;margin:0;padding:4px 4px 4px 10px;width:12%}._itemTab ul li:first-child{width:5%}._itemTab ul li:nth-child(2){display:flex;width:20%}._itemTab ul li:nth-child(3),._itemTab ul li:nth-child(4){width:15%}._itemTab ul li:nth-child(5){width:14%}._itemTab ul li:nth-child(6){width:18%}._itemTab ul li:nth-child(7),._itemTab ul li:nth-child(8){width:5%}._itemTab ul li:nth-child(9){text-align:right;width:10%}.ItemsList{background:snow;border:1px solid #e1fafa;border-top:none;height:auto}.ItemsList,.ItemsList li{margin:0;padding:0}.ItemsList input{border:none;height:90%;width:98%}.ItemsList #select{margin:0;padding:8px;width:9em}.Invoices{border:1px solid #e1fafa;height:40vh}.Cal ul{display:flex;list-style:none;margin:0;padding:0}.Cal ul li{flex:1 1;margin:10px}.Cal ul li:first-child{text-align:right}.Cal input{border:none;border-radius:8px;height:30px;width:60%}.bal{font-size:17px;font-weight:700}.tabPayment{display:flex;list-style:none;margin:0;padding:0}.tabPayment li{flex:1 1;margin:0;padding:0}.tabPayment li div{cursor:pointer;height:100px;margin:10px;padding-top:10px}.tabPayment ion-icon{font-size:40px}.itemsList{font-size:13px;text-transform:uppercase}.customerDiv input{border-radius:9px;height:30px;padding:10px;width:40%}.customerDiv input:first-child{margin-right:10px}.customerDiv input:nth-child(2){margin-left:10px}.customerDiv ul{display:flex;list-style:none;margin:0;padding:0;text-transform:capitalize}.customerDiv ul li{flex:1 1;padding:6px}.selectCust{font-size:12px}.selectCust ul{border-radius:8px;cursor:pointer}.selectCust ul:hover{border:1px solid #d3d3d3;border-radius:8px;width:100%}.Invoices ion-icon{display:block}.icon_button ion-icon{margin-bottom:5px;margin-top:5px}.paymentDiv{font-size:12px}.paymentDiv select{background-color:#d3d3d3;height:45px;padding:10px;width:150px}.paymentDiv input{border:1px solid #d3d3d3;height:45px;padding:10px;width:20%}.deleteButton{margin-top:15px}.searchInvoice{left:0;margin-left:35%;position:absolute;top:10px;width:30%;z-index:2000}.searchInvoice input{background-color:#f1faff;text-align:center;width:"150px"}.ManageTab{background-color:#fff;box-shadow:1px 0 21px 6px rgba(0,0,0,.75);height:100px;margin-top:10px;overflow-y:auto}.ManageTab ul{display:flex;list-style:none;margin:0;padding:0}.ManageTab ul li{flex:1 1;margin:0;padding:0}.custdate{background-color:#f0f8ff;bottom:-18px;height:6vh;margin-right:30px;position:relative;width:250px}.importData{display:absolute}.narrationBox{border:1px solid #d3d3d3;margin-top:-60px;position:absolute}.rowtab{display:flex}.rowtab ul li{align-items:center;display:flex}.purchasetab{padding:10px}a{text-decoration:none}@font-face{font-family:CustomFont;font-style:normal;font-weight:300;src:url(/static/media/Helvetica.06113bf748ae7dc33e05.ttf)}a,body{color:#000}body{background-color:#f8f7fa;font-family:CustomFont;font-size:10px}.Page{margin:auto;width:70%}input{border:1px solid green;font-family:DM Sans,sans-serif!important;padding-left:5px}.dateReport{background-color:#169597;color:#fff;font-size:12px;height:40px;width:10%}h3{font-size:16px;font-weight:700}@media print{.no-printme{display:none}.printme{display:block}.sidebar{display:none}#invoice{width:100%}}.pageFont{font-size:12px}@-webkit-keyframes loadlogo{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes loadlogo{0%{opacity:1}50%{opacity:0}to{opacity:1}}.loadingLogo{-webkit-animation:loadlogo 4s infinite;animation:loadlogo 4s infinite;opacity:1}.InvociesDash{display:none}.FixedTop{background-color:#fff;height:60px;left:0;margin-left:10%;padding:10px 10px 10px 16%;position:fixed;top:0;width:90%;z-index:0}.FixedTop ul{display:flex;list-style:none;margin:0;padding:0}.FixedTop ul li{flex:1 1;margin:0;padding:0}.FixedTop svg{margin-left:15px}.topSearch input{background-color:#f1faff;border:none;border-radius:6px;height:30px;outline:none;padding:10px;width:80%}.topSearch svg{margin-left:-35px;margin-top:5px;position:absolute}.searchObject{background-color:#fff;border:1px solid grey;border-radius:3px;height:80px;overflow:auto;padding-left:10px;padding-right:10px;position:absolute;width:450px;z-index:100}.InvociesDash{margin-bottom:9px;margin-top:10px}.topTabCV{z-index:100}.InvociesDash .fa{color:#fff;display:none;font-size:90px;margin-top:-70px;opacity:.5;position:absolute}.InvociesDash ul{display:flex;list-style:none;margin:0;padding:0}.InvociesDash ul .Tab1{border-radius:8px;flex:1 1;height:130px;margin:0 0 10px;padding:0 0 20px 10px}.InvociesDash ul .Tab1:first-child{background-color:#f0dff1;margin-right:10px}.InvociesDash ul .Tab1:nth-child(2){background-color:#dff1e6;margin-right:10px}.InvociesDash ul .Tab1:nth-child(3){background-color:#f1e6df;margin-right:10px}.InvociesDash ul .Tab1:nth-child(4){background-color:#ecf1df}.InvociesDash .Tab1 ul li{flex:1 1;padding:10px;text-align:center}.InvociesDash .Tab1 ul{margin:auto;padding:0;width:60%;z-index:100}.InvociesDash .Tab1 ul li{font-size:15px;margin:0;padding:0;text-align:right}.InvociesDash .Tab1 ul li:first-child{font-weight:700;margin-right:6px;text-align:right;text-align:left;z-index:100}.InvociesDash .Tab1 ul li:nth-child(2){color:#007ea7;font-weight:700;margin-left:6px;z-index:100}.InvociesDash h4{color:#fff;font-size:50px;font-weight:700;margin-top:20px;opacity:.4;position:absolute;text-align:center}.nawdash{background-color:#fff;margin-bottom:10px;padding:0 10px 10px}.nawdash ul{list-style:none}.nawdash .col:first-child{margin-top:10px}.nawdash label{background-color:#5a9ed3;border-radius:8px;color:#fff;margin:2px;padding:6px;width:150px}.itemsearch input{background-color:#f1faff;height:30px;outline:none;width:20%}.itemsearch ul{list-style:none}.nawdash span{background-color:#509a9a;border-radius:6px;color:#fff;font-size:11px;height:40px;margin-left:10px;padding:6px 10px;width:30px}.nawdash span:first-child{background-color:#e4b7b7;color:#a01c1c}.nawdash span:nth-child(2){background-color:#d1ddf7;color:#093240}.nawdash span:nth-child(3){background-color:#c6f6d1;color:#0a6323}.nawdashLabel label:first-child{background-color:#e4b7b7;color:#a01c1c}.nawdashLabel label:nth-child(2){background-color:#d1ddf7;color:#093240}.nawdashLabel label:nth-child(3){background-color:#c6f6d1;color:#0a6323}.nawdash ul{display:flex;margin:0;padding:0}.nawdash input{border:1px solid #d3d3d3;border-radius:5px;margin-right:30px}.topDex ul{display:flex;list-style:none;margin:0;padding:0}.topDex ul li{flex:1 1}.topDex input{border:1px solid #d3d3d3;border-radius:5px;margin-right:30px;padding-left:20px}.invoiceListBox ul{display:flex;list-style:none;margin:0;padding:7px;text-align:left}.invoiceListBox ul li{padding-left:10px}.invoiceListBox ul li:first-child{width:3%}.invoiceListBox ul li:nth-child(2),.invoiceListBox ul li:nth-child(3){width:12%}.invoiceListBox ul li:nth-child(4),.invoiceListBox ul li:nth-child(5){width:15%}.invoiceListBox ul li:nth-child(6){width:13%}.invoiceListBox ul li:nth-child(7),.invoiceListBox ul li:nth-child(8){width:7%}.invoiceListBox ul li:nth-child(10),.invoiceListBox ul li:nth-child(9){width:10%}.txBox ul{display:flex;list-style:none;margin:0;padding:7px;text-align:left}.txBox ul li{padding-left:10px}.txBox ul li:first-child{width:3%}.txBox ul li:nth-child(2),.txBox ul li:nth-child(3){width:10%}.txBox ul li:nth-child(4){width:18%}.txBox ul li:nth-child(5){width:15%}.txBox ul li:nth-child(6){width:13%}.txBox ul li:nth-child(7){width:10%}.txBox ul li:nth-child(8),.txBox ul li:nth-child(9){width:8%}.txBox ul li:nth-child(10){width:15%}.txBox ul li svg{margin-left:15px}.status div{border-radius:8px;padding:3px;text-align:center;width:40%}.invoiceListBox ul li svg{margin-left:10px}.paginationBtn{margin-top:20px}.paginationBtn button{background-color:#169597;border:none;border-radius:8px;color:#fff;margin:5px;padding:5px;width:40px}.puchaseNav ul{display:flex;list-style:none;margin:auto;width:50%}.puchaseNav ul li{flex:1 1;font-size:12px;font-weight:700;list-style:none;text-align:center}.importTab{padding-top:30px}.btndata{display:flex;width:550px}.btndata button{margin:10px;width:150px}.addbutton{background-image:linear-gradient(-180deg,#e6f7f7,#36cdd0);box-shadow:0 1rem 1.25rem 0 rgba(22,75,195,.5),inset 0 -.25rem 1.5rem rgba(#cbf6f7,1),inset 0 .75rem .5rem hsla(0,0%,100%,.4),inset 0 .25rem .5rem 0 rgba(#cbf6f7,1);font-size:13px;margin-left:98%;width:10px}.addbutton,.addbutton2{background-color:#169597;background-color:#fff;border-radius:10px;color:#000;font-weight:700;height:40px;margin-top:-40px;padding:10px;position:relative}.addbutton2{box-shadow:-2px -2px 5px 0 hsla(0,9%,70%,.75);box-shadow:-7px 9px 57px 7px hsla(0,7%,75%,.95);margin-left:115%;width:120px}.InvociesDash .Tab1,.newTabDesk{margin-top:10px}.itembox{background-color:#fff;border-radius:10px;box-shadow:-2px -1px 16px 1px hsla(0,24%,93%,.75);margin-top:40px;padding:10px;position:absolute;width:11.4%}.lineData{background-image:linear-gradient(-180deg,#cbf6f7,#36cdd0);border:1px solid #cbf6f7;border-radius:10px;border-radius:1rem;box-shadow:0 1rem 1.25rem 0 rgba(22,75,195,.5),inset 0 -.25rem 1.5rem rgba(#cbf6f7,1),inset 0 .75rem .5rem hsla(0,0%,100%,.4),inset 0 .25rem .5rem 0 rgba(#cbf6f7,1)}.lineData,.lineDatab{cursor:pointer;font-size:11px;font-weight:600;padding:10px 20px 10px 10px;position:relative;text-align:center}.lineDatab{background-image:linear-gradient(-180deg,#fceded,#f6d5d5);border:1px solid #fff4f3;border-radius:10px;border-radius:1rem;box-shadow:0 1rem 1.25rem 0 rgba(22,75,195,.5),inset 0 -.25rem 1.5rem rgba(#fefafa,1),inset 0 .75rem .5rem hsla(0,0%,100%,.4),inset 0 .25rem .5rem 0 rgba(#fefafa,1)}.lineData label{font-size:11px;margin-left:30px}.lineData span{font-size:12px;font-weight:700}.ubtbn{background-image:linear-gradient(-180deg,#e6f7f7,#36cdd0);box-shadow:0 1rem 1.25rem 0 rgba(22,75,195,.5),inset 0 -.25rem 1.5rem rgba(#cbf6f7,1),inset 0 .75rem .5rem hsla(0,0%,100%,.4),inset 0 .25rem .5rem 0 rgba(#cbf6f7,1)}.ubttrans{background-image:linear-gradient(-180deg,#fceded,#f6d5d5);border:1px solid #f7efda;box-shadow:0 1rem 1.25rem 0 #fceded,inset 0 -.25rem 1.5rem rgba(#fceded,1),inset 0 .75rem .5rem rgba(#fceded,.4),inset 0 .25rem .5rem 0 rgba(#fceded,1)}.rectrans{background-image:linear-gradient(-180deg,#dbfbdb,green);border:1px solid #dbfbdb;box-shadow:0 1rem 1.25rem 0 #dbfbdb,inset 0 -.25rem 1.5rem rgba(#dbfbdb,1),inset 0 .75rem .5rem rgba(#dbfbdb,.4),inset 0 .25rem .5rem 0 rgba(#dbfbdb,1)}.purchasecolorblend{background-image:linear-gradient(-180deg,#ebebeb,#959494);border:1px solid #ebebeb;box-shadow:0 1rem 1.25rem 0 #ebebeb,inset 0 -.25rem 1.5rem rgba(#ebebeb,1),inset 0 .75rem .5rem rgba(#ebebeb,.4),inset 0 .25rem .5rem 0 rgba(#ebebeb,1)}.expensescolorblend{background-image:linear-gradient(-180deg,#ebf0df,#bafd02);border:1px solid #ebf0df;box-shadow:0 1rem 1.25rem 0 #ebf0df,inset 0 -.25rem 1.5rem rgba(#ebf0df,1),inset 0 .75rem .5rem rgba(#ebf0df,.4),inset 0 .25rem .5rem 0 rgba(#ebf0df,1)}.invoicefloat{background-color:#fff;border:1px solid grey;height:80vh;left:0;left:25%;overflow:auto;position:absolute;top:3vh;width:50%}*{box-sizing:border-box;margin:0;-webkit-print-color-adjust:exact}::selection{background:#f31544;color:#fff}::moz-selection{background:#f31544;color:#fff}.clearfix{margin:auto;width:90%}.clearfix:after{clear:both;content:"";display:table}.col-left{float:left}.col-right{border:1px solid #d3d3d3;float:right;padding:10px;width:60%}.col-right button{border:none;font-size:25px;height:50px;margin-top:20px}#invoice h1{color:#444}#invoice h2{font-size:.9em}#invoice h3{font-weight:300;line-height:2em}.xxd{margin-left:20%}#invoicep{color:#666;line-height:1.2em}#invoice a{color:#00a63f;text-decoration:none}#invoiceholder{height:100%;margin-left:-8vh;padding:50px 0;width:100%}#invoice{background:#fff;margin:0 auto;min-height:90vh;position:relative;width:80%}.backimg{background-color:#00a63f;height:60vh;margin-left:20%;position:absolute}[id*=invoice-]{padding:20px}#invoice-top{border-bottom:2px solid #00a63f}#invoice-mid{min-height:110px}#invoice-bot{min-height:240px}.logo{overflow:hidden}.info,.logo{display:inline-block;vertical-align:middle}.info{margin-left:20px}.clientlogo img,.logo img{width:100%}.clientlogo{width:50px}.clientinfo,.clientlogo{display:inline-block;vertical-align:middle}.clientinfo{margin-left:20px}.title{float:right}.title p{text-align:right}#message{display:block;margin-bottom:30px}h2{color:#444;margin-bottom:5px}.col-right td{border:0;color:#666;padding:5px 8px}.col-right td label{color:#444;font-weight:400;margin-left:5px}.cta-group a{background:#c4390a;border-radius:4px;color:#fff;display:inline-block;margin-right:10px;min-width:100px;padding:7px;text-align:center}.cta-group .btn-primary{background:#00a63f}.cta-group.mobile-btn-group{display:none}.ind h3{font-weight:400}footer{border-top:1px solid #eee;padding:15px 20px}.effect2{position:relative}.effect2:after,.effect2:before{background:#777;bottom:15px;box-shadow:0 15px 10px #777;content:"";left:10px;max-width:300px;position:absolute;top:80%;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);width:50%;z-index:-1}.effect2:after{left:auto;right:10px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}td,th{border:1px solid #ddd;padding:8px;text-align:left}tr{height:10px}tr:nth-child(2n){background-color:#ddd}.table{margin-bottom:30px}.table td:first-child{width:5%}.table td:nth-child(2){width:25%}.table td:nth-child(5),.table td:nth-child(6){width:15%}.clientinfo div,.ind div{padding:3px}.floatstau{color:red;font-size:50px;margin-top:-5vh;opacity:.1;position:absolute}.thanks{font-size:30px}.imgf{opacity:.2;position:absolute}.tpDiv{position:relative}.floatImageBg{height:50%;left:35%;opacity:.07;position:absolute;top:30vh;width:50%}.invostat{margin:auto;width:98%}.invostat ul{display:flex;width:100%}.invostat ul,.invostat ul li{list-style:none;margin:0;padding:0}.invostat ul li{flex:1 1}.ifmcontentstoprint .invostat ul{display:flex;list-style:none;margin:0;padding:0}.ifmcontentstoprint .invostat ul li{flex:1 1;list-style:none;margin:0;padding:0}.xxd{border:1px solid #d3d3d3}.stat2{background-color:#add8e6;margin-top:20px;padding:10px}.btninv{background-color:#00a6ff;border:none;border-radius:8px;color:#fff;font-weight:400;margin:10px;padding:10px;width:100px}.btninv .fa{font-size:18px;margin-right:10px}.payInvoice{background-color:#fff;height:60vh;margin-left:-40px;overflow:auto;padding:10px;position:fixed;right:0;top:10vh;width:20vw}.payInvoice input{border:1px solid #d3d3d3;border-radius:7px;height:40px;margin-bottom:30px;width:50%}.checkbox{height:20px;margin-left:-18px;margin-top:-10px;position:absolute}.payInvoice button{height:30px;width:60%}.paymentMethod{background-color:#d3d3d3;font-size:16px;height:145px;margin-left:70px;padding:10px;position:absolute}.paymentMethod,.paymentMethod div{margin-top:10px}.wordsTx{background-color:#fff;border:1px solid #d3d3d3;font-weight:400;margin-left:5%;margin-top:145px;padding:10px;position:absolute;text-transform:uppercase;width:63%}.invoiceTable ul{border:1px solid #d3d3d3;border-left:none;display:flex;height:30px;list-style:none;margin:auto;padding:0;width:85%}.invoiceTable ul li{border-left:1px solid #d3d3d3;margin:0;padding:8px 0 0 8px}.invoiceTable ul li:first-child{width:5%}.invoiceTable ul li:nth-child(2){width:30%}.invoiceTable ul li:nth-child(3){width:20%}.invoiceTable ul li:nth-child(4){width:15%}.invoiceTable ul li:nth-child(5){width:20%}.invoiceTable ul li:nth-child(6){padding-right:10px;text-align:right;width:10%}.balInv{font-size:13px!important}.balInv ul{border:none;display:flex;height:30px;list-style:none;margin:auto;padding:0;width:85%}.balInv ul li{margin:0;padding:8px 0 0 8px}.TableOne{font-weight:300}.balInv ul li:first-child{border:none;width:70%}.balInv ul li:nth-child(2){border:1px solid #d3d3d3;border-bottom:none;border-right:none;width:20%}.balInv ul li:nth-child(3){border:1px solid #d3d3d3;border-bottom:none;padding-right:10px;text-align:right;width:10%}.bottbal{border-bottom:1px solid #d3d3d3}.invoice-ribbon{height:138px;margin-left:-20px;margin-top:-12%;overflow:hidden;position:absolute;-webkit-transform:rotate(1turn);transform:rotate(1turn);width:135px}.ribbon-inner{background-color:#66c591;color:#fff;font-size:15px;font-weight:400;height:40px;left:-15px;margin-left:-50px;margin-right:10px;margin-top:40px;padding:10px 0 7px 40px;position:absolute;right:30px;text-align:center;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:210px}.ribbon-inner:after,.ribbon-inner:before{content:"";position:absolute}.ribbon-inner:before{left:0}.ribbon-inner:after{right:0}.dataViewTab{border:1px solid #d3d3d3;margin:auto;width:85%}.no-printme,.prep{margin:auto;width:90%}.prep ul{display:flex;list-style:none;margin:0;padding:0}.prep ul li{flex:1 1;text-align:center}.payTab{left:10%;margin-top:-165px;position:absolute}.payTab label{margin-right:20px}.title h3{font-size:13px;margin:0;padding:0}.datetab{color:red;font-size:14px;font-weight:400;padding-left:18%;padding-top:65px;position:absolute}#invoice-mid h1{font-size:26px}#invoice-mid h3{font-size:20px}.no-printme button{display:inline-block}.importData input[type=file]{height:0;opacity:0;overflow:hidden;width:0}.importbtn{background-color:#225976;border-radius:5px;color:#fff;margin-bottom:10px;padding:6px 15px;width:200px}.rePoppay{background-color:green;margin-top:-200px;position:absolute}.noteSide{font-size:12px}.noteSide input{height:15px}.FORTAB label{border-radius:8px;height:40px;padding:10px}.invoiceTab p{color:#169597}.invoiceTab input{color:green;font-size:9px}.refundBox{margin:auto;width:50%}.refundBox ul{display:flex;list-style:none;margin:0 0 10px;padding:0}.refundBox ul li{font-size:13px}.refundBox ul li:first-child{font-weight:400;width:25%}.refundBox ul li:nth-child(2){border-bottom:1px dotted grey;font-weight:400;padding-left:5px;text-align:left;width:30%}.impMsg{margin-left:25px;margin-top:-30px;padding:5px;position:absolute;text-align:left}.impMsg ul{display:block;margin:0 0 0 12px;padding:0;text-align:left}.impMsg h3{font-weight:400;margin:0;padding:0}.impMsg ul li{list-style:number;margin:0;padding:0;text-align:left}.prep label{margin-top:8vh}.prep{position:relative}.Stats{width:100%}.Stats ul{display:flex;list-style:none}.Stats ul li:first-child{border-left:1px solid #d3d3d3;padding:5px;width:35%}.Stats ul li:nth-child(2){border-left:1px solid #d3d3d3;padding:5px;width:50%}.Stats ul li:nth-child(3){border-left:1px solid #d3d3d3;padding:5px;width:20%}._amt{font-size:17px;font-weight:700;padding-right:10px}._staff{padding:5px}.reportPage{background-color:#fff;margin:20px auto auto;width:90%}.mode{display:flex}.mode div{flex:1 1}form{font-size:15px}.itemDiv{margin:0 auto;width:65%}input,select{border:1px solid #d3d3d3;font-size:10px;height:40px;width:60%}.inputcontrol input,select{border:1px solid #d3d3d3;font-size:13px;height:40px;width:40%}._itemList{margin:auto;width:90%}._itemList .h4data{color:#169597;font-weight:700}._itemList ul{border-radius:8px;display:flex;list-style:none;margin:0;padding:0}._itemList ul li{margin:0;padding:10px}.ITEMS select{font-size:10px}._itemList ul li:first-child{font-weight:700;padding-left:15px;width:13%}._itemList ul li:nth-child(2){width:25%}._itemList ul li:nth-child(3),._itemList ul li:nth-child(4){width:20%}._itemList ul li:nth-child(5),._itemList ul li:nth-child(6),._itemList ul li:nth-child(7){width:15%}._itemList svg{margin-left:10px}.page h4{color:#169597;font-size:16px;font-weight:700}.itemListData{height:70vh;overflow:auto}.hrl{margin-bottom:9px;margin-top:9px}.itemcolorblend{background-image:linear-gradient(-180deg,#ecd3f6,#bfd7ff);border:1px solid #eff5ff;box-shadow:0 1rem 1.25rem 0 #eff5ff,inset 0 -.25rem 1.5rem rgba(#eff5ff,1),inset 0 .75rem .5rem rgba(#eff5ff,.4),inset 0 .25rem .5rem 0 rgba(#eff5ff,1)}.hdd{display:flex;font-weight:700;list-style:none;margin:0;padding:10px;text-transform:uppercase}.hdd li:first-child{width:3%}.hdd li:nth-child(2){width:7%}.hdd li:nth-child(3){width:20%}.hdd li:nth-child(4){width:15%}.hdd li:nth-child(5){width:12%}.hdd li:nth-child(6),.hdd li:nth-child(7){width:10%}.hdd li:nth-child(8){width:15%}.hdd svg{margin-right:15px}.CustItemsTab ul li:nth-child(2){width:15%}.listcustomerul ul{display:flex;list-style:none;margin:0;padding:10px}.listcustomerul ul li{text-transform:uppercase}.listcustomerul ul li:first-child{text-transform:uppercase;width:3%}.listcustomerul ul li:nth-child(2){text-transform:uppercase;width:6%}.listcustomerul ul li:nth-child(3){text-transform:uppercase;width:15%}.listcustomerul ul li:nth-child(4){text-transform:uppercase;width:12%}.listcustomerul ul li:nth-child(5){text-transform:uppercase;width:15%}.listcustomerul ul li:nth-child(6){text-transform:uppercase;width:10%}.listcustomerul ul li:nth-child(7){text-transform:uppercase;width:14%}.listcustomerul ul li:nth-child(8){text-transform:uppercase;width:10%;width:8%}.listcustomerul ul li:nth-child(9){text-transform:uppercase;width:10%}.listcustomerul ul li:nth-child(10){text-transform:uppercase}.listcustomerul svg{margin-right:5px}.customercolorblend{background-image:linear-gradient(-180deg,#f7c28f,#f5db93);border:1px solid #f7c28f;box-shadow:0 1rem 1.25rem 0 #f7c28f,inset 0 -.25rem 1.5rem rgba(#f7c28f,1),inset 0 .75rem .5rem rgba(#f7c28f,.4),inset 0 .25rem .5rem 0 rgba(#f7c28f,1)}input,select{font-family:Tajawal,sans-serif}.paymentDiv{padding-top:30px}.paymentDiv h4{font-weight:700;padding-bottom:20px}button{background-color:#169597;color:#fff;margin:1rem 0 1rem 10%;width:48%}.bankManage button{font-size:16px;height:45px}.inputcontrol input,select{margin-left:20px;text-align:left;width:50%}.ItemHeading{padding-top:40px}.ItemHeading ul{display:flex;list-style:none;margin:0;padding:0}.ItemHeading ul li{flex:1 1;margin:0;padding:0}.BANKS select{width:50%}._banklist{background:green}._bankList ul{border-radius:8px;display:flex;list-style:none;margin:0;padding:0}._bankList ul li{margin:0;padding:10px}._bankList ul li:first-child{font-size:14px;font-weight:700;padding-left:15px;width:20%}._bankList ul li:nth-child(2),._bankList ul li:nth-child(3),._bankList ul li:nth-child(4){width:20%}._bankList ul li:nth-child(5),._bankList ul li:nth-child(6),._bankList ul li:nth-child(7){width:15%}._bankList svg{margin-left:10px}.transfers input{height:40px;margin-top:20px;width:100%}.transfers select{background-color:#169597;color:#fff;height:40px;margin-left:-40px;width:100%}.transfers h5{font-size:15px;margin-top:10px}.transfers h1,.transfers textarea{font-size:18px;margin-top:10px}.transfers textarea{height:80px;width:8%}.bankManage li{list-style:none}.bankManage li div{display:flex;margin:10px}.bankManage li div input{width:50%}.bankManage li div select{margin-left:-2px;width:50%}.bankManage li div textarea{border:1px solid #d3d3d3;border-radius:8px;height:60px;width:50%}.bankManage li div h5{font-size:14px;padding-left:30px;padding-top:15px;text-align:left;width:30%}.h1data{font-size:17px;font-weight:700;margin-top:5vh;text-align:center;text-decoration:underline}.tra{border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3}.tra select{background-color:#fff;border:1px solid #d3d3d3}.transferTab{padding:20px}.transArray ul{display:flex;list-style:none;margin:0;padding:0}.transArray ul li{flex:1 1;padding:5px}.transArray{font-size:12px;height:50vh;overflow:auto}.Opacit h4{color:#fff;font-size:50px;font-weight:700;margin-top:20px;opacity:.8;position:absolute;text-align:center}.banksTabs ul{display:flex}.banksTabs ul li:first-child{border-right:1px solid #d3d3d3;width:20%}.banksTabs ul li:nth-child(2){width:80%}.btab{padding:10px}#activeBank{background-color:#add8e6}.banktabSection{border:none;height:62vh;overflow-y:auto}.Payitems ul{display:flex;list-style:none;margin:0;padding:0}.Payitems ul li{margin:0;padding:10px}.Payitems ul li:first-child{width:3%}.Payitems ul li:nth-child(2){width:10%}.Payitems ul li:nth-child(3){width:8%}.Payitems ul li:nth-child(4),.Payitems ul li:nth-child(5){width:15%}.Payitems ul li:nth-child(6){width:20%}.Payitems ul li:nth-child(7){width:8%}.Payitems ul li:nth-child(8),.Payitems ul li:nth-child(9){width:15%}.Payitems ul li:nth-child(10){width:10%}.Payitems svg{margin-right:15px}.payBtn label{cursor:pointer}.Logsdiv ul{display:flex;margin:0;padding:0}.Logsdiv ul li{flex:1 1;font-size:13px;list-style:none;margin:0;padding:10px}.Logsdiv{height:70vh}.datax ul{border-radius:10px;display:flex;padding:5px;top:-20px}.datax ul,.datax ul li{list-style:none;margin:0}.datax ul li{font-weight:200;padding:0;width:25%}.datax ul li:first-child{padding-top:10px;width:5%}.datax ul li:nth-child(2),.datax ul li:nth-child(3){width:20%}.datax ul li:nth-child(4){width:25%}.datax ul li:nth-child(5),.datax ul li:nth-child(6){width:40%}.datax ul li:nth-child(7){width:15%}.datax svg{margin-left:20px;margin-top:10px}.datax{height:80vh;margin-top:10px;overflow:scroll}.approved:hover{cursor:pointer}.manageaudit ul{display:flex;list-style:none;margin:0;padding:0}.manageaudit label{background-color:#ff4d00;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;height:40px;padding:10px;position:relative;text-align:center;top:-2px;width:45px}.auditNav{top:0}.searchBox input{border:1px solid #d3d3d3;border-radius:0;height:40px;margin-right:3px}.searchBox input:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.searchBox select{border:1px solid #d3d3d3;border-radius:0;font-size:12px;height:40px;margin:0 3px 0 0}.auditNav ul{display:flex;height:40px;list-style:none;margin:0;padding:0;width:50%}.auditNav ul li{cursor:pointer;flex:1 1;margin:0;padding:10px}.modeDiv h2{font-size:18px;text-decoration:underline}.modeDiv h3{font-size:14px;font-weight:700}.modeDiv select{height:45px;width:10%}.modeDiv input{border:1px solid #d3d3d3;height:45px;width:20%}.auditNav ul .active{color:#fff}.AddFloat{background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .5s;width:100%;z-index:1;z-index:100}.Addbase{background-color:#fefefe;border:1px solid #888;margin:10vh auto auto;padding:20px;width:70%}.payBtn label{background:#169597;height:40px;margin:20px;padding:10px;width:80px}.topNav:first-child{background-color:#ff4d00;border-bottom-left-radius:10px;border-top-left-radius:10px;color:#fff;font-weight:700}.topNav:nth-child(2){background-color:#169597;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;font-weight:700}.testbtn{background-color:#169597;height:50px;position:absolute;width:400px}.mobi{margin:auto;overflow:none;width:30%}.mobiPage{overflow:none;position:relative;z-index:100}.selectOPt select{border:1px solid grey;font-size:18px;height:60px;margin-bottom:20px;margin-left:-5px;width:100%}.mobi button{margin:auto}.watermark{margin:-60vh auto auto;position:relative;width:70vw;z-index:10}.watermark img{opacity:.042;width:50%}@media screen and (max-width:768px){.mobi{font-size:9px;margin:auto;width:100%}.selectOPt select{border:1px solid grey;height:60px;margin-left:-5px}.mobi button{margin:auto}.selectOPt select{margin-bottom:20px}.watermark img{margin-top:-15vh;opacity:.0592;width:100%}}.email .row{height:90vh}.mailTab1{background-color:#fff;height:90%;padding-top:5px}.mailTab1 button{width:80%}.tabsMail label{margin:10px 10px 10px 30%}.tabsMail label,.tabsMail p{display:block;font-size:16px}.tabsMail p{font-weight:700;margin:5px 10px 10px 9%}.tabsMail label ion-icon{margin-left:-30px;margin-top:5px;position:absolute}.detailMail ul{display:flex;list-style:none;margin:0;padding:10px}.detailMail{padding-top:10px}.detailMail ul li{font-size:16px;margin:0;padding:0}.detailMail ul li:first-child{margin-top:8px;text-align:center;width:6%}.detailMail ul li:nth-child(2){font-size:20px;margin-top:15px;width:6%}.detailMail ul li:nth-child(3),.detailMail ul li:nth-child(4){width:10%}.detailMail ul li:nth-child(5){margin-top:8px;width:65%}.detailMail ul li:nth-child(6){margin-top:10px;width:5%}.detailMail ul li:nth-child(7){margin-top:8px;width:10%}.imgTab{border-radius:50%}.lightly{background-color:#f0f8fc}.lightWhite{background-color:#fff}.topMail{background-color:#169597;border-radius:5px;color:#fff;font-size:23px;height:45px;margin-bottom:10px;margin-left:20px;text-align:center;width:150px}.topMail ion-icon{margin:10px}.rolesMange ul{display:flex;font-family:Raleway,sans-serif;font-size:13px;list-style:none}.rolesMange{height:60vh;overflow:auto}.rolesMange ul li{border-bottom:1px solid #d3d3d3;list-style:none;padding:5px;position:relative;width:25%}.rolesMange ul li:first-child{list-style:none;width:35%}.rolesMange ul li input{display:inline;height:10px;margin:0 3px 0 0;padding:0;width:10px}.btndiv{display:flex;padding-left:30%}.btndiv button{width:15%}.switch{display:inline-block;height:34px;margin-left:30px;margin-top:3px;position:absolute;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.dataSet{background-color:#d3d3d3;border-radius:10px;margin:auto;padding:10px;text-align:center;width:250px}.dataSet input,.dataSet select{margin:0;padding:0;width:70%}.dataSet button,.dataSet select{text-align:center}.dataSet button{margin:15px 0 0 15%;padding:6px;width:70%}.curr{background-color:#f0f8ff;display:none;margin:3vh auto auto;padding:20px;width:50%}.curr label{background-color:beige;font-size:15px;margin:10px;padding:10px;text-align:center;width:100px}.navtb{border:1px solid #d3d3d3;height:60vh}.fgg .navtb{margin:0;padding:0}.bg{font-size:16px;height:50px;margin-bottom:2px;padding:10px}.vatset{margin:auto;width:50%}.vatset input{background-color:#d3d3d3;border-radius:15px;width:50%}.vatset button,.vatset select{border-radius:15px;margin:10px 0 0;width:50%}.vatset select{border:1px solid #d3d3d3;display:block}form{margin:0 auto;width:75%}form label{display:block;font-size:14px;font-weight:700;margin:1rem 0 .2rem;text-align:left}input,select{border:1px solid #fff;border-radius:10px;color:grey;font-size:14px;outline:none;padding:.65rem .5rem;width:0}input:focus,select:focus{border-color:#4299e1}input::-webkit-input-placeholder,select::-webkit-input-placeholder{color:#a0aec0}input::placeholder,select::placeholder{color:#a0aec0}input[type=checkbox]{margin-right:.5rem;-webkit-transform:scale(1.25);transform:scale(1.25);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{background-color:#4299e1;border:none;border-radius:3px;color:#1a202c;cursor:pointer;display:block;font-size:14px;font-weight:700;margin:1rem 0;padding:.35rem .5rem;width:50%}input.input-error,select.input-error{border-color:#fc8181}.CustomerBox{background-color:#fff;height:60vh;overflow:auto}button:disabled{opacity:.35}.inputcontrol{display:flex;margin:15px}.inputcontrol label{text-align:right;width:30%}.inputcontrol input,.profile,select{margin-left:20px;text-align:left;width:50%}.ItemHeadingCus{padding-top:40px}.ItemHeadingCus ul{display:flex;list-style:none;margin:0;padding:0}.ItemHeadingCus ul li{margin:0;padding:0;width:15%}.ItemHeadingCus ul li:first-child{width:8%}.ItemHeadingCus ul li:nth-child(2){width:20%}.hd{font-weight:700;text-transform:uppercase}.profile{background-color:#fff;height:150px}.Customer select{width:50%}.phoneBox:nth-child(2){background-color:green;margin:-50px auto auto;position:absolute}.phoneBox select{background-color:#169597;color:#fff;width:50%}.xbx{height:40px;margin-top:-55px;padding-left:130px;width:50%}.CustItemsTab{margin:auto;width:90%}.header{background-color:#169597;border-radius:10px;color:"white";font-size:13px;height:50px;margin-bottom:10px;padding-left:15px;padding-top:15px}.CustItemsTab ul{border-radius:10px;display:flex;list-style:none;margin:0;padding:5px;top:-20px}.CustItemsTab ul li{font-weight:200;list-style:none;margin:0;padding:0;width:25%}.CustItemsTab ul li:first-child{padding-top:10px;width:5%}.CustItemsTab ul li:nth-child(2){width:20%}.CustItemsTab ul li:nth-child(3),.CustItemsTab ul li:nth-child(4){width:30%}.CustItemsTab ul li:nth-child(5){width:40%}.CustItemsTab ul li:nth-child(6){width:20%}.CustItemsTab ul li:nth-child(7){width:25%}.CustItemsTab ul li:nth-child(8),.CustItemsTab ul li:nth-child(9){width:20%}.CustItemsTab svg{margin-right:10px;margin-top:0}.customerView{margin-top:10vh}.Navs div{padding:10px;width:70%}.Navs .active{background:#169597;color:#fff}.viewArea{background-color:#fff;height:9 0;padding:10px}.viewArea input{background-color:#f0f8ff;width:80%}.viewArea label{margin-left:20px;margin-top:10px}.accStat{padding:10px}.accStat ul{display:flex;text-align:left}.accStat ul,.accStat ul li{list-style:none;margin:0;padding:0}.accStat ul li{flex:1 1}.accStat .col-3{border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-top:1px solid #d3d3d3;margin-top:20px;padding-bottom:30px;padding-top:10px}.clist{cursor:pointer;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.paginationBtn{display:flex;width:20%}.checkBx{border:none;height:10px;width:10px}.wpx ion-icon{color:#25d366;font-size:30px}.contactList{border:1px solid #d3d3d3;margin:auto}.blst textarea,.contactList{height:200px;width:60%}.hd{display:flex;list-style:none}.hd li{flex:1 1}.vendorcolorblend{background-image:linear-gradient(-180deg,#f4eabd,#ffd100);border:1px solid #f4eabd;box-shadow:0 1rem 1.25rem 0 #f4eabd,inset 0 -.25rem 1.5rem rgba(#f4eabd,1),inset 0 .75rem .5rem rgba(#f4eabd,.4),inset 0 .25rem .5rem 0 rgba(#f4eabd,1)}.dash{color:grey;font-family:Overpass,sans-serif}.row1 .col .tbx{background-color:#fff;border-radius:3px;box-shadow:-1px -2px 11px 9px hsla(0,8%,88%,.71);height:100%;padding:10px}.row2{margin-top:2vh}.row2 .col .tbx{background-color:#fff;border-radius:3px;box-shadow:-1px -2px 11px 9px hsla(0,8%,88%,.71);height:100%}.thb ul{display:flex;list-style:none;margin:0;padding:0}.thb ul li{flex:1 1;padding:10px}.thb h3{color:grey;font-size:12px}.thb h3,.thb span{font-weight:700;padding-left:65px}.thb span{color:#000;font-size:16px}.thb ion-icon{background-color:#f0bdba;border-radius:50%;color:#ef5555;font-size:30px;height:30px;margin-top:0;padding:10px;position:absolute;width:30px}.thb h4{font-size:16px}.greycolor,.thb h4{color:grey;font-weight:700}.uptx h4{font-size:14px}.uptx button{color:#fff}.uptx label{font-weight:700;padding-bottom:5px;padding-top:5px}.thcc ul{display:flex;list-style:none;margin:0;padding:0}.thcc ul li{flex:1 1;padding:10px}.thcc h3{color:grey;font-size:12px}.thcc h3,.thcc span{font-weight:700;padding-left:65px}.thcc span{color:#000;font-size:13px}.ticon ion-icon{background-color:#f0bdba;border-radius:8px;color:#ef5555;font-size:30px;margin-top:0;padding:5px;position:absolute}.dataxnumber{font-weight:700;padding-left:100px}.rowdax{margin:auto;width:90%}.rowdax label{font-size:12px;padding-top:10px}.rowdax label ion-icon{color:green;padding-top:5px}.thcc h4{font-size:14}.salesTab{padding:10px}.salesTab h4{font-size:14px}.containerdash{margin:auto;width:83.5%}.stack{font-size:15px;font-weight:700}