@font-face{font-family:"PoppinsBold";src:local("PoppinsBold"),url(/static/media/PoppinsBold.08c20a48.ttf) format("truetype");font-weight:700}@font-face{font-family:"PoppinsSemiBold";src:local("PoppinsSemiBold"),url(/static/media/PoppinsSemiBold.6f1520d1.ttf) format("truetype")}@font-face{font-family:"PoppinsMedium";src:local("PoppinsMedium"),url(/static/media/PoppinsMedium.bf59c687.ttf) format("truetype")}@font-face{font-family:"PoppinsRegular";src:local("PoppinsRegular"),url(/static/media/PoppinsRegular.093ee89b.ttf) format("truetype")}@font-face{font-family:"RobotoRegular";src:local("RobotoRegular"),url(/static/media/Roboto-Regular.303c6d9e.ttf) format("truetype")}@font-face{font-family:"RobotoMedium";src:local("RobotoMedium"),url(/static/media/Roboto-Medium.7d752fb7.ttf) format("truetype")}@font-face{font-family:"RobotoSemiBold";src:local("RobotoSemiBold"),url(/static/media/Roboto-SemiBold.dae3c6ed.ttf) format("truetype")}@font-face{font-family:"RobotoBold";src:local("RobotoBold"),url(/static/media/Roboto-Bold.8c9110ec.ttf) format("truetype")}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PoppinsRegular;font-size:16px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;font-family:"RobotoBold"}.code{font-family:"PoppinsMedium";color:#00f}.App-link{color:#61dafb;font-family:"PoppinsSemiBold"}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login{width:100vw;height:100vh;background-color:#edf2f7}.login #loginModal{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#f0efe5;border-radius:10px;z-index:5;padding-top:10px;padding-bottom:20px}.login #loginModal #header{font-family:PoppinsMedium;font-size:24px;border:0 solid red;margin-top:0;margin-bottom:0;text-align:center}.login #loginModal #headerSubtitle{font-family:PoppinsRegular;font-size:16px;border:0 solid red;margin-top:0;margin-bottom:10px;text-align:center}.login #loginBox{border:0 solid #00f;width:300px;margin-left:auto;margin-right:auto;margin-bottom:0}.login #errorMsg{text-align:center;font-size:16px;color:red;font-family:PoppinsSemiBold;margin-bottom:10px}.login #loginBox #emailHeader{font-family:PoppinsMedium;font-size:16px;letter-spacing:.1rem}.login #inputBox,.login #inputBoxPassword{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:250px;height:30px;cursor:pointer;margin-top:10px;margin-bottom:20px}.login #eye{margin-left:10px;cursor:pointer}.login #loginButton{width:270px;height:35px;font-family:PoppinsMedium;font-size:16px;color:#fff;background-color:#008001;border:0;border-radius:5px;cursor:pointer}.login #loginButton:hover{background-color:#5ce65b;color:#000}.login #forgotPassword{font-family:PoppinsMedium;font-size:16px;color:#008001;margin-top:20px;text-align:center;cursor:pointer}.login #forgotPassword:hover{color:#000}.forgotPassword{width:100vw;height:100vh;background-color:#edf2f7}.forgotPassword #container{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:400px;height:270px;background-color:#f0efe5;border-radius:10px;z-index:5}.forgotPassword #containerBox{width:300px;margin-left:auto;margin-right:auto;margin-top:20px;border:0 solid #00f}.forgotPassword #header{font-family:PoppinsMedium;font-size:24px;margin-bottom:20px}.forgotPassword #emailHeader{font-family:PoppinsMedium;font-size:16px;letter-spacing:.1rem}.forgotPassword #containerSuccess{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:420px;height:200px;background-color:#f0efe5;border-radius:10px;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center}.forgotPassword #successDetails{text-align:center;font-family:PoppinsMedium;font-size:16px}.forgotPassword #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-bottom:10px}.forgotPassword #inputBox{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:250px;height:30px;cursor:pointer;margin-top:10px;margin-bottom:20px}.forgotPassword #loginButton{width:270px;height:35px;font-family:PoppinsMedium;font-size:16px;color:#fff;background-color:#008001;border:0;border-radius:5px;cursor:pointer}.forgotPassword #loginButton:hover{background-color:#5ce65b;color:#000}.forgotPassword #login{font-family:PoppinsMedium;font-size:16px;color:#008001;margin-top:20px;text-align:center;cursor:pointer}.forgotPassword #login:hover{color:#000}.resetPassword{width:100vw;height:100vh;background-color:#edf2f7}.resetPassword #container{height:300px}.resetPassword #container,.resetPassword #containerSuccess{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#f0efe5;border-radius:10px;z-index:5}.resetPassword #containerSuccess{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.resetPassword #successDetails{text-align:center;font-family:PoppinsMedium;font-size:16px}.resetPassword #containerBox{width:300px;margin-left:auto;margin-right:auto;margin-top:20px;border:0 solid #00f}.resetPassword #header{font-family:PoppinsMedium;font-size:24px;margin-bottom:15px}.resetPassword #emailBox{display:flex;margin-bottom:15px}.resetPassword #emailHeader{font-family:PoppinsMedium;font-size:16px;letter-spacing:.1rem}.resetPassword #emailDetails{margin-left:10px}.resetPassword #inputBox,.resetPassword #inputBoxPassword{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:250px;height:30px;cursor:pointer;margin-top:10px;margin-bottom:20px}.resetPassword #eye{margin-left:10px;cursor:pointer}.resetPassword #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-bottom:10px}.resetPassword #loginButton{width:270px;height:35px;font-family:PoppinsMedium;font-size:16px;color:#fff;background-color:#008001;border:0;border-radius:5px;cursor:pointer}.resetPassword #loginButton:hover{background-color:#5ce65b;color:#000}.resetPassword #login{font-family:PoppinsMedium;font-size:16px;color:#008001;margin-top:20px;text-align:center;cursor:pointer}.resetPassword #login:hover{color:#000}.resetPassword input:focus{outline:none}.salesPage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.salesPage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.salesPage #searchAddBox{display:flex;justify-content:space-between}.salesPage #searchAddBox .dateBox{margin-bottom:25px;border:0 solid #000;display:flex;align-items:center;justify-content:flex-start}.salesPage #searchAddBox .dateBox #title,.salesPage #searchAddBox .dateBox #to{font-family:PoppinsMedium;font-size:16px;margin-right:10px}.salesPage #searchAddBox .dateBox #to{margin-left:10px}.salesPage #searchAddBox .dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.salesPage #searchBox{margin-left:20px}.salesPage #searchSales{font-family:PoppinsRegular;font-size:12px;padding-left:40px;border-radius:10px;background-color:#edf2f7;border:0;width:250px;height:40px}.salesPage input::placeholder{color:grey}.salesPage input:focus,.salesPage textarea{outline:none}.salesPage textarea::placeholder{color:grey}.salesPage #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-top:20px}.salesPage #addButton{color:#fff;background-color:#008001}.salesPage #addButton,.salesPage #editButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.salesPage #editButton{color:#000;background-color:#edf2f7}.salesPage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.salesPage #addButton:hover,.salesPage #editCancelButton{color:#000;background-color:#5ce65b}.salesPage #addEmployee{width:220px;font-family:PoppinsMedium;background-color:#5ce65b;margin-top:30px}.salesPage #addEmployee,.salesPage #deleteSale{height:40px;font-size:16px;color:#fff;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto}.salesPage #deleteSale{width:150px;font-family:PoppinsRegular;background-color:#edf2f7;margin-top:20px}.salesPage #addEmployee:hover{background-color:#008001;color:#fff}.salesPage #tableBox{width:100%;height:200px;border:0 solid red}.salesPage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.salesPage #modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px;z-index:5}.salesPage #modalContent{width:90%;border:0 solid red;margin:20px auto}.salesPage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:10px}.salesPage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:15px}.salesPage #namePhone #name{display:flex;align-items:center}.salesPage #name #nameTitle{width:75px;font-family:PoppinsMedium}.salesPage #name #header{font-family:PoppinsMedium}.salesPage #name #addressTitle{width:75px;font-family:PoppinsMedium}.salesPage #namePhone #typeName{height:30px}.salesPage #namePhone #typeAddress,.salesPage #namePhone #typeName{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px}.salesPage #namePhone #typeAddress{padding-top:10px}.salesPage #namePhone #typePhone{font-family:PoppinsRegular;font-size:12px;padding-left:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px;height:30px;margin-left:10px}.salesPage #modalContent #separationLine{width:100%;height:1px;background-color:#f0efe5;margin-bottom:15px}.salesPage #namePhone #typeDesignation{width:150px}.salesPage #namePhone #statusSelect,.salesPage #namePhone #typeDesignation{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;height:30px;margin-left:10px}.salesPage #namePhone #statusSelect{width:160px;outline:none}.salesPage table{width:100%}.salesPage table tr:nth-child(odd){background-color:#f2f2f2}.salesPage table tr:nth-child(2n){background-color:#fff}.salesPage table th{border:0 solid grey;background-color:#0ff}.salesPage table td{border:0 solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.salesPage table #viewDetails{cursor:pointer;font-family:PoppinsMedium;font-size:16px}.salesPage #pageChangeBox{display:flex;justify-content:center}.salesPage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.salesPage #pageNumberInput{width:30px;padding:3px;text-align:center;font-family:PoppinsMedium;font-size:16px}.salesPage #pageChangeButton{padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer;border:1px solid #000;z-index:5}@media only screen and (max-width:768px){.salesPage #rightPanelContent{margin-left:200px;margin-right:30px}.salesPage #searchEmployee{width:250px;height:40px}.salesPage #addButton{width:160px;height:40px;font-size:12px}}.Body{width:200px;height:100vh;padding-top:0;background-color:#b1eab1;position:fixed;z-index:2}.homeTabBox{margin-top:100px;width:200px;height:50px;display:flex;flex-direction:row;cursor:pointer;text-decoration:none}.tabText{margin-left:5px;margin-top:12px;color:#000;font-size:16px}.purchaseTabBox{margin-top:5px;width:200px;height:50px;display:flex;flex-direction:row;cursor:pointer;text-decoration:none}.logoutIcon{border:0 solid red;display:flex;position:absolute;bottom:40px;cursor:pointer}.logoutIcon #logoutText{font-size:16;font-family:PoppinsMedium;margin-top:15px;margin-left:-10px}.dropdown{position:relative;display:inline-block}.productionTabBoxDetails{display:none;position:absolute;width:200px;height:80px;background-color:#edf2f7;z-index:1;text-decoration:none}.productionTabText{margin-left:70px;padding-top:5px;font-family:PoppinsMedium;cursor:pointer;text-decoration:none;color:#000;display:block}.dropdown:hover .productionTabBoxDetails{display:block}.underlineBarExpense{width:90px}.underlineBarExpense,.underlineBarPayment{margin-left:70px;height:3px;background-color:#5ce65b}.underlineBarPayment{width:115px}.underlineBarEmployeeDetails{margin-left:75px;width:142px;height:3px;background-color:#5ce65b}@media only screen and (max-width:768px){.Body{height:100vh}.Body,.homeTabBox,.purchaseTabBox{width:170px}.productionTabBoxDetails{width:170px;height:145px}.productionTabText,.underlineBarAttendance,.underlineBarExpense,.underlineBarPayment{margin-left:50px}.underlineBarEmployeeDetails{margin-left:50px;width:75px}}.dailyExpensePage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.dailyExpensePage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.dailyExpensePage #searchAddBox{display:flex;justify-content:space-between}.dailyExpensePage #searchAddBox .dateBox{margin-bottom:25px;border:0 solid #000;display:flex;align-items:center;justify-content:flex-start}.dailyExpensePage #searchAddBox .dateBox #title,.dailyExpensePage #searchAddBox .dateBox #to{font-family:PoppinsMedium;font-size:16px;margin-right:10px}.dailyExpensePage #searchAddBox .dateBox #to{margin-left:10px}.dailyExpensePage #searchAddBox .dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.dailyExpensePage #searchBox{margin-left:20px}.dailyExpensePage #searchSales{font-family:PoppinsRegular;font-size:12px;padding-left:40px;border-radius:10px;background-color:#edf2f7;border:0;width:250px;height:40px}.dailyExpensePage input::placeholder{color:grey}.dailyExpensePage textarea{outline:none}.dailyExpensePage textarea::placeholder{color:grey}.dailyExpensePage #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-top:20px}.dailyExpensePage #addButton{color:#fff;background-color:#008001}.dailyExpensePage #addButton,.dailyExpensePage #editButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.dailyExpensePage #editButton{color:#000;background-color:#edf2f7}.dailyExpensePage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;color:#000;background-color:#5ce65b;border:0;border-radius:5px;cursor:pointer}.dailyExpensePage #addButton:hover{background-color:#5ce65b;color:#000}.dailyExpensePage #addEmployee{width:220px;font-family:PoppinsMedium;background-color:#5ce65b;margin-top:30px}.dailyExpensePage #addEmployee,.dailyExpensePage #deleteSale{height:40px;font-size:16px;color:#fff;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto}.dailyExpensePage #deleteSale{width:150px;font-family:PoppinsRegular;background-color:#edf2f7;margin-top:20px}.dailyExpensePage #addEmployee:hover{background-color:#008001;color:#fff}.dailyExpensePage #tableBox{width:100%;height:200px;border:0 solid red}.dailyExpensePage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.dailyExpensePage #modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px;z-index:5}.dailyExpensePage #modalContent{width:90%;border:0 solid red;margin:20px auto}.dailyExpensePage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:10px}.dailyExpensePage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:15px}.dailyExpensePage #namePhone #name{display:flex;align-items:center}.dailyExpensePage #name #nameTitle{width:75px;font-family:PoppinsMedium}.dailyExpensePage #name #header{font-family:PoppinsMedium}.dailyExpensePage #name #addressTitle{width:75px;font-family:PoppinsMedium}.dailyExpensePage #namePhone #typeName{height:30px}.dailyExpensePage #namePhone #typeAddress,.dailyExpensePage #namePhone #typeName{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px}.dailyExpensePage #namePhone #typeAddress{padding-top:10px}.dailyExpensePage #namePhone #typePhone{font-family:PoppinsRegular;font-size:12px;padding-left:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px;height:30px;margin-left:10px}.dailyExpensePage #modalContent #separationLine{width:100%;height:1px;background-color:#f0efe5;margin-bottom:15px}.dailyExpensePage #namePhone #typeDesignation{width:250px}.dailyExpensePage #namePhone #amount,.dailyExpensePage #namePhone #typeDesignation{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;height:30px;margin-left:10px}.dailyExpensePage #namePhone #amount{width:150px}.dailyExpensePage #namePhone #statusSelect{width:160px;height:30px;margin-left:10px;background-color:#edf2f7;font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border:0;border-radius:5px;outline:none}.dailyExpensePage table{width:100%}.dailyExpensePage table tr:nth-child(odd){background-color:#f2f2f2}.dailyExpensePage table tr:nth-child(2n){background-color:#fff}.dailyExpensePage table th{border:0 solid grey;background-color:#0ff}.dailyExpensePage table td{border:0 solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.dailyExpensePage table #viewDetails{cursor:pointer;font-family:PoppinsMedium;font-size:16px}.dailyExpensePage #pageChangeBox{display:flex;justify-content:center}.dailyExpensePage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.dailyExpensePage #pageNumberInput{width:30px;padding:3px;text-align:center;font-family:PoppinsMedium;font-size:16px}.dailyExpensePage #pageChangeButton{padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer;border:1px solid #000;z-index:5}@media only screen and (max-width:768px){.dailyExpensePage #rightPanelContent{margin-left:200px;margin-right:30px}.dailyExpensePage #searchEmployee{width:250px;height:40px}.dailyExpensePage #addButton{width:160px;height:40px;font-size:12px}}.purchasePage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.purchasePage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.purchasePage #searchAddBox{display:flex;justify-content:space-between}.purchasePage #searchAddBox .dateBox{margin-bottom:25px;border:0 solid #000;display:flex;align-items:center;justify-content:flex-start}.purchasePage #searchAddBox .dateBox #title,.purchasePage #searchAddBox .dateBox #to{font-family:PoppinsMedium;font-size:16px;margin-right:10px}.purchasePage #searchAddBox .dateBox #to{margin-left:10px}.purchasePage #searchAddBox .dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.purchasePage #searchBox{margin-left:20px}.purchasePage #searchSales{font-family:PoppinsRegular;font-size:12px;padding-left:40px;border-radius:10px;background-color:#edf2f7;border:0;width:250px;height:40px}.purchasePage input::placeholder{color:grey}.dailyExpensePage input:focus,.purchasePage textarea{outline:none}.purchasePage textarea::placeholder{color:grey}.purchasePage #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-top:20px}.purchasePage #addButton{color:#fff;background-color:#008001}.purchasePage #addButton,.purchasePage #editButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.purchasePage #editButton{color:#000;background-color:#edf2f7}.purchasePage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.purchasePage #addButton:hover,.purchasePage #editCancelButton{color:#000;background-color:#5ce65b}.purchasePage #addEmployee{width:220px;font-family:PoppinsMedium;background-color:#5ce65b;margin-top:30px}.purchasePage #addEmployee,.purchasePage #deleteSale{height:40px;font-size:16px;color:#fff;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto}.purchasePage #deleteSale{width:150px;font-family:PoppinsRegular;background-color:#edf2f7;margin-top:20px}.purchasePage #addEmployee:hover{background-color:#008001;color:#fff}.purchasePage #tableBox{width:100%;height:200px;border:0 solid red}.purchasePage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.purchasePage #modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px;z-index:5}.purchasePage #modalContent{width:90%;border:0 solid red;margin:20px auto}.purchasePage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:10px}.purchasePage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:15px}.purchasePage #namePhone #name{display:flex;align-items:center}.purchasePage #name #nameTitle{width:75px;font-family:PoppinsMedium}.purchasePage #name #header{font-family:PoppinsMedium}.purchasePage #name #addressTitle{width:75px;font-family:PoppinsMedium}.purchasePage #namePhone #typeName{height:30px}.purchasePage #namePhone #typeAddress,.purchasePage #namePhone #typeName{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px}.purchasePage #namePhone #typeAddress{padding-top:10px}.purchasePage #namePhone #typePhone{font-family:PoppinsRegular;font-size:12px;padding-left:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px;height:30px;margin-left:10px}.purchasePage #modalContent #separationLine{width:100%;height:1px;background-color:#f0efe5;margin-bottom:15px}.purchasePage #namePhone #typeDesignation{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:180px;height:30px;margin-left:10px}.purchasePage #namePhone #typeAmount,.purchasePage #namePhone #typeQuantity{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:30px;margin-left:10px}.purchasePage #chooseSelect{width:100px;height:40px}.purchasePage #chooseSelect,.purchasePage #namePhone #statusSelect{margin-left:10px;background-color:#edf2f7;font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border:0;border-radius:5px;outline:none}.purchasePage #namePhone #statusSelect{width:160px;height:30px}.purchasePage table{width:100%}.purchasePage table tr:nth-child(odd){background-color:#f2f2f2}.purchasePage table tr:nth-child(2n){background-color:#fff}.purchasePage table th{border:0 solid grey;background-color:#0ff}.purchasePage table td{border:0 solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.purchasePage table #viewDetails{cursor:pointer;font-family:PoppinsMedium;font-size:16px}.purchasePage #pageChangeBox{display:flex;justify-content:center}.purchasePage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.purchasePage #pageNumberInput{width:30px;padding:3px;text-align:center;font-family:PoppinsMedium;font-size:16px}.purchasePage #pageChangeButton{border:1px solid #000;padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer}@media only screen and (max-width:768px){.purchasePage #rightPanelContent{margin-left:200px;margin-right:30px}.purchasePage #searchEmployee{width:250px;height:40px}.purchasePage #addButton{width:160px;height:40px;font-size:12px}}.stockProductionPage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.stockProductionPage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.stockProductionPage #searchAddBox{display:flex;justify-content:space-between}.stockProductionPage #searchAddBox .dateBox{margin-bottom:25px;border:0 solid #000;display:flex;align-items:center;justify-content:flex-start}.stockProductionPage #searchAddBox .dateBox #title,.stockProductionPage #searchAddBox .dateBox #to{font-family:PoppinsMedium;font-size:16px;margin-right:10px}.stockProductionPage #searchAddBox .dateBox #to{margin-left:10px}.stockProductionPage #searchAddBox .dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.stockProductionPage #searchBox{margin-left:20px}.stockProductionPage #searchSales{font-family:PoppinsRegular;font-size:12px;padding-left:40px;border-radius:10px;background-color:#edf2f7;border:0;width:250px;height:40px}.stockProductionPage input::placeholder{color:grey}.stockProductionPage input:focus,.stockProductionPage textarea{outline:none}.stockProductionPage textarea::placeholder{color:grey}.stockProductionPage #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-top:20px}.stockProductionPage #addButton{color:#fff;background-color:#008001}.stockProductionPage #addButton,.stockProductionPage #editButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.stockProductionPage #editButton{color:#000;background-color:#edf2f7}.stockProductionPage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;color:#000;background-color:#5ce65b;border:0;border-radius:5px;cursor:pointer}.stockProductionPage #addButton:hover{background-color:#5ce65b;color:#000}.stockProductionPage #addEmployee{width:220px;font-family:PoppinsMedium;background-color:#5ce65b;margin-top:30px}.stockProductionPage #addEmployee,.stockProductionPage #deleteSale{height:40px;font-size:16px;color:#fff;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto}.stockProductionPage #deleteSale{width:150px;font-family:PoppinsRegular;background-color:#edf2f7;margin-top:20px}.stockProductionPage #addEmployee:hover{background-color:#008001;color:#fff}.stockProductionPage #tableBox{width:100%;height:200px;border:0 solid red}.stockProductionPage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.stockProductionPage #modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px;z-index:5}.stockProductionPage #modalContent{width:90%;border:0 solid red;margin:20px auto}.stockProductionPage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:10px}.stockProductionPage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:15px}.stockProductionPage #namePhone #name{display:flex;align-items:center}.stockProductionPage #name #nameTitle{width:75px;font-family:PoppinsMedium}.stockProductionPage #name #header{font-family:PoppinsMedium}.stockProductionPage #name #addressTitle{width:75px;font-family:PoppinsMedium}.stockProductionPage #namePhone #typeName{height:30px}.stockProductionPage #namePhone #typeAddress,.stockProductionPage #namePhone #typeName{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px}.stockProductionPage #namePhone #typeAddress{padding-top:10px}.stockProductionPage #namePhone #typePhone{font-family:PoppinsRegular;font-size:12px;padding-left:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px;height:30px;margin-left:10px}.stockProductionPage #modalContent #separationLine{width:100%;height:1px;background-color:#f0efe5;margin-bottom:15px}.stockProductionPage #namePhone #typeDesignation{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:250px;height:30px;margin-left:10px}.stockProductionPage #namePhone #amount,.stockProductionPage #namePhone #typeCompletedBy{width:150px}.stockProductionPage #namePhone #amount,.stockProductionPage #namePhone #statusSelect,.stockProductionPage #namePhone #typeCompletedBy{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;height:30px;margin-left:10px}.stockProductionPage #namePhone #statusSelect{width:160px;outline:none}.stockProductionPage table{width:100%}.stockProductionPage table tr:nth-child(odd){background-color:#f2f2f2}.stockProductionPage table tr:nth-child(2n){background-color:#fff}.stockProductionPage table th{border:0 solid grey;background-color:#0ff}.stockProductionPage table td{border:0 solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.stockProductionPage table #viewDetails{cursor:pointer;font-family:PoppinsMedium;font-size:16px}.stockProductionPage #pageChangeBox{display:flex;justify-content:center}.stockProductionPage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.stockProductionPage #pageNumberInput{width:30px;padding:3px;text-align:center;font-family:PoppinsMedium;font-size:16px}.stockProductionPage #pageChangeButton{border:1px solid #000;padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer}@media only screen and (max-width:768px){.stockProductionPage #rightPanelContent{margin-left:200px;margin-right:30px}.stockProductionPage #searchEmployee{width:250px;height:40px}.stockProductionPage #addButton{width:160px;height:40px;font-size:12px}}.marketDuePage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.marketDuePage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.marketDuePage #searchAddBox{display:flex;justify-content:space-between}.marketDuePage #searchAddBox .dateBox{margin-bottom:25px;border:0 solid #000;display:flex;align-items:center;justify-content:flex-start}.marketDuePage #searchAddBox .dateBox #title,.marketDuePage #searchAddBox .dateBox #to{font-family:PoppinsMedium;font-size:16px;margin-right:10px}.marketDuePage #searchAddBox .dateBox #to{margin-left:10px}.marketDuePage #searchAddBox .dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.marketDuePage #searchBox{margin-left:20px}.marketDuePage #searchSales{font-family:PoppinsRegular;font-size:12px;padding-left:40px;border-radius:10px;background-color:#edf2f7;border:0;width:250px;height:40px}.marketDuePage input::placeholder{color:grey}.marketDuePage input:focus,.marketDuePage textarea{outline:none}.marketDuePage textarea::placeholder{color:grey}.marketDuePage #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-top:20px}.marketDuePage #addButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-size:16px;color:#fff;background-color:#008001}.marketDuePage #addButton,.marketDuePage #editDueButton{font-family:PoppinsMedium;border:0;border-radius:5px;cursor:pointer}.marketDuePage #editDueButton{padding:8px 15px;margin-right:10px;background-color:#edf2f7;font-size:12px}.marketDuePage #addDueButton{padding:8px 10px;background-color:#f0efe5;font-size:12px}.marketDuePage #addDueButton,.marketDuePage #editButton{border:0;border-radius:5px;font-family:PoppinsMedium;cursor:pointer}.marketDuePage #editButton{background-color:#edf2f7}.marketDuePage #editButton,.marketDuePage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-size:16px;color:#000}.marketDuePage #editCancelButton{font-family:PoppinsMedium;background-color:#5ce65b;border:0;border-radius:5px;cursor:pointer}.marketDuePage #addButton:hover{background-color:#5ce65b;color:#000}.marketDuePage #addEmployee{width:220px;font-family:PoppinsMedium;background-color:#5ce65b;margin-top:30px}.marketDuePage #addEmployee,.marketDuePage #deleteSale{height:40px;font-size:16px;color:#fff;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto}.marketDuePage #deleteSale{width:150px;font-family:PoppinsRegular;background-color:#edf2f7;margin-top:20px}.marketDuePage #addEmployee:hover{background-color:#008001;color:#fff}.marketDuePage #tableBox{width:100%;height:200px;border:0 solid red}.marketDuePage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.marketDuePage #modal{z-index:5}.marketDuePage #modal,.marketDuePage #modalEditPersonDue{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px}.marketDuePage #modalEditPersonDue{z-index:10}.marketDuePage #modalEditDue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px;z-index:5}.marketDuePage #modalContent{width:90%;border:0 solid red;margin:20px auto}.marketDuePage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:10px}.marketDuePage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:15px}.marketDuePage #modalContent #personDue{display:flex;margin-bottom:15px}.marketDuePage #namePhone #name{display:flex;align-items:center}.marketDuePage #name #nameTitle{width:75px;font-family:PoppinsMedium}.marketDuePage #name #personDueTitle{margin-right:10px;font-family:PoppinsMedium}.marketDuePage #name #personDueDesc{margin-right:15px;font-family:PoppinsRegular}.marketDuePage #name #header{font-family:PoppinsMedium}.marketDuePage #name #addressTitle{width:75px;font-family:PoppinsMedium}.marketDuePage #namePhone #typeName{height:30px}.marketDuePage #namePhone #typeAddress,.marketDuePage #namePhone #typeName{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px}.marketDuePage #namePhone #typeAddress{padding-top:10px}.marketDuePage #namePhone #typePhone{font-family:PoppinsRegular;font-size:12px;padding-left:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px;height:30px;margin-left:10px}.marketDuePage #modalContent #separationLine{width:100%;height:1px;background-color:#f0efe5;margin-bottom:15px}.marketDuePage #namePhone #typeDesignation{width:150px}.marketDuePage #namePhone #statusSelect,.marketDuePage #namePhone #typeDesignation{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;height:30px;margin-left:10px}.marketDuePage #namePhone #statusSelect{width:160px;outline:none}.marketDuePage table{width:100%;border-collapse:collapse}.marketDuePage table th{border:0 solid grey;background-color:#0ff}.marketDuePage table td{border:1px solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.marketDuePage table #viewDetails{cursor:pointer;font-family:PoppinsMedium;font-size:16px}.marketDuePage #pageChangeBox{display:flex;justify-content:center}.marketDuePage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.marketDuePage #pageNumberInput{width:30px;padding:3px;text-align:center;font-family:PoppinsMedium;font-size:16px}.marketDuePage #pageChangeButton{border:1px solid #000;padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer}@media only screen and (max-width:768px){.marketDuePage #rightPanelContent{margin-left:200px;margin-right:30px}.marketDuePage #searchEmployee{width:250px;height:40px}.marketDuePage #addButton{width:160px;height:40px;font-size:12px}}.stockMaterialsPage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.stockMaterialsPage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.stockMaterialsPage #searchAddBox{display:flex;justify-content:space-between}.stockMaterialsPage #searchAddBox .dateBox{margin-bottom:25px;border:0 solid #000;display:flex;align-items:center;justify-content:flex-start}.stockMaterialsPage #searchAddBox .dateBox #title,.stockMaterialsPage #searchAddBox .dateBox #to{font-family:PoppinsMedium;font-size:16px;margin-right:10px}.stockMaterialsPage #searchAddBox .dateBox #to{margin-left:10px}.stockMaterialsPage #searchAddBox .dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.stockMaterialsPage #searchBox{margin-left:0}.stockMaterialsPage #searchSales{font-family:PoppinsRegular;font-size:12px;padding-left:40px;border-radius:10px;background-color:#edf2f7;border:0;width:250px;height:40px}.stockMaterialsPage input::placeholder{color:grey}.stockMaterialsPage input:focus,.stockMaterialsPage textarea{outline:none}.stockMaterialsPage textarea::placeholder{color:grey}.stockMaterialsPage #errorMsg{text-align:center;font-family:PoppinsSemiBold;font-size:16px;color:red;margin-top:20px}.stockMaterialsPage #addButton{color:#fff;background-color:#008001}.stockMaterialsPage #addButton,.stockMaterialsPage #editButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.stockMaterialsPage #editButton{color:#000;background-color:#edf2f7}.stockMaterialsPage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;color:#000;background-color:#5ce65b;border:0;border-radius:5px;cursor:pointer}.stockMaterialsPage #addButton:hover{background-color:#5ce65b;color:#000}.stockMaterialsPage #addEmployee{width:220px;font-family:PoppinsMedium;background-color:#5ce65b;margin-top:30px}.stockMaterialsPage #addEmployee,.stockMaterialsPage #deleteSale{height:40px;font-size:16px;color:#fff;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto}.stockMaterialsPage #deleteSale{width:150px;font-family:PoppinsRegular;background-color:#edf2f7;margin-top:20px}.stockMaterialsPage #addEmployee:hover{background-color:#008001;color:#fff}.stockMaterialsPage #tableBox{width:100%;height:200px;border:0 solid red}.stockMaterialsPage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.stockMaterialsPage #modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#fff;border-radius:10px;z-index:5}.stockMaterialsPage #modalContent{width:90%;border:0 solid red;margin:20px auto}.stockMaterialsPage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:10px}.stockMaterialsPage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:15px}.stockMaterialsPage #namePhone #name{display:flex;align-items:center}.stockMaterialsPage #name #nameTitle{width:75px;font-family:PoppinsMedium}.stockMaterialsPage #name #header{font-family:PoppinsMedium}.stockMaterialsPage #name #addressTitle{width:75px;font-family:PoppinsMedium}.stockMaterialsPage #namePhone #typeName{height:30px}.stockMaterialsPage #namePhone #typeAddress,.stockMaterialsPage #namePhone #typeName{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px}.stockMaterialsPage #namePhone #typeAddress{padding-top:10px}.stockMaterialsPage #namePhone #typePhone{font-family:PoppinsRegular;font-size:12px;padding-left:10px;border-radius:5px;background-color:#edf2f7;border:0;width:150px;height:30px;margin-left:10px}.stockMaterialsPage #modalContent #separationLine{width:100%;height:1px;background-color:#f0efe5;margin-bottom:15px}.stockMaterialsPage #namePhone #typeDesignation{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:250px;height:30px;margin-left:10px}.stockMaterialsPage #namePhone #amount,.stockMaterialsPage #namePhone #typeCompletedBy{width:150px}.stockMaterialsPage #namePhone #amount,.stockMaterialsPage #namePhone #statusSelect,.stockMaterialsPage #namePhone #typeCompletedBy{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;height:30px;margin-left:10px}.stockMaterialsPage #namePhone #statusSelect{width:160px;outline:none}.stockMaterialsPage table{width:100%}.stockMaterialsPage table tr:nth-child(odd){background-color:#f2f2f2}.stockMaterialsPage table tr:nth-child(2n){background-color:#fff}.stockMaterialsPage table th{border:0 solid grey;background-color:#0ff}.stockMaterialsPage table td{border:0 solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.stockMaterialsPage table #viewDetails{cursor:pointer;font-family:PoppinsMedium;font-size:16px}.stockMaterialsPage #pageChangeBox{display:flex;justify-content:center}.stockMaterialsPage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.stockMaterialsPage #pageNumberInput{width:30px;padding:3px;text-align:center;font-family:PoppinsMedium;font-size:16px}.stockMaterialsPage #pageChangeButton{border:1px solid #000;padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer}@media only screen and (max-width:768px){.stockMaterialsPage #rightPanelContent{margin-left:200px;margin-right:30px}.stockMaterialsPage #searchEmployee{width:250px;height:40px}.stockMaterialsPage #addButton{width:160px;height:40px;font-size:12px}}.settingsPage #rightPanel{width:100vw;border:0 solid #00f;position:absolute;z-index:1}.settingsPage #rightPanelContent{margin-left:250px;margin-right:50px;margin-top:30px;border:0 solid #ff0}.settingsPage #barBox{display:flex;justify-content:space-between}.settingsPage #selectBar{width:160px;height:40px;margin-left:0;background-color:#edf2f7;font-family:PoppinsMedium;font-size:16px;padding-left:10px;padding-right:10px;border:0;border-radius:5px;outline:none}.settingsPage #addButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px}.settingsPage #addButton,.settingsPage #createButton{font-family:PoppinsMedium;font-size:16px;color:#fff;background-color:#008001;border:0;border-radius:5px;cursor:pointer}.settingsPage #createButton{width:200px;height:35px;display:block;margin-top:30px;margin-left:auto;margin-right:auto}.settingsPage #editButton{background-color:#edf2f7}.settingsPage #editButton,.settingsPage #editCancelButton{width:150px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;color:#000;border:0;border-radius:5px;cursor:pointer}.settingsPage #editCancelButton{background-color:#5ce65b}.settingsPage #addNewUserButton{width:180px;height:40px;font-family:PoppinsMedium;font-size:16px;color:#fff;background-color:#5ce65b;color:#000;border:0;border-radius:5px;cursor:pointer;display:block;margin-top:30px;margin-left:auto;margin-right:auto}.settingsPage #addButton:hover{background-color:#5ce65b;color:#000}.settingsPage #tableBox{width:100%;height:200px;border:0 solid red}.settingsPage table{width:100%}.settingsPage table tr:nth-child(odd){background-color:#f2f2f2}.settingsPage table tr:nth-child(2n){background-color:#fff}.settingsPage table th{border:0 solid grey;background-color:#0ff}.settingsPage table td{border:0 solid #dcdcdc;padding-top:10px;padding-bottom:10px;text-align:center}.settingsPage #darkBackground{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.3;z-index:4}.settingsPage #modal{width:350px;height:200px}.settingsPage #modal,.settingsPage #modalAddNewUser{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;z-index:5}.settingsPage #modalAddNewUser{width:550px;height:300px}.settingsPage #modalContent{width:90%;height:100%;border:0 solid red;margin:20px auto}.settingsPage #modalContentDetails{margin-top:40px;text-align:center;font-family:PoppinsMedium;font-size:16px}.settingsPage #modalContent #modalName{font-family:PoppinsBold;font-size:16px;margin-bottom:15px}.settingsPage #modalContent #namePhone{display:flex;justify-content:space-between;margin-bottom:18px}.settingsPage #namePhone #name{display:flex;align-items:center}.settingsPage #name #nameTitle{width:60px;font-family:PoppinsMedium}.settingsPage #name #nameTitlePassword{width:95px;font-family:PoppinsMedium}.settingsPage #name #nameTitleRole{width:120px;font-family:PoppinsMedium}.settingsPage #name #nameTitleNewPasword{width:140px;font-family:PoppinsMedium}.settingsPage #namePhone #typeName{width:150px}.settingsPage #namePhone #typeName,.settingsPage #namePhone #typeNamePassword{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;height:30px}.settingsPage #namePhone #typeNamePassword{width:170px}.settingsPage #namePhone #statusSelect{width:160px;height:30px;margin-left:0;background-color:#edf2f7;font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border:0;border-radius:5px;outline:none}.settingsPage #modalButtonBox{margin-top:30px;border:0 solid #ff0;display:flex;justify-content:space-evenly;align-items:center}.settingsPage #pageChangeBox{display:flex;justify-content:center}.settingsPage #fixedBox{position:fixed;bottom:30px;display:inline-block;margin-left:auto;margin-right:auto;border:0 solid red}.settingsPage #pageChangeButton{border:1px solid #000;padding:10px;font-family:PoppinsMedium;font-size:12px;margin:10px;border-radius:5px;cursor:pointer}.settingsPage #YesButton{color:#fff;background-color:#008001}.settingsPage #NoButton,.settingsPage #YesButton{width:70px;height:40px;margin-bottom:20px;margin-left:20px;font-family:PoppinsMedium;font-size:16px;border:0;border-radius:5px;cursor:pointer}.settingsPage #NoButton{color:#000;background-color:#edf2f7}.settingsPage #dateBox{display:flex;align-items:center;margin-bottom:20px}.settingsPage #dateInput{font-family:PoppinsRegular;font-size:12px;padding-left:10px;padding-right:10px;border-radius:5px;background-color:#edf2f7;border:0;width:120px;height:40px;cursor:pointer}.settingsPage #datetitle{font-family:PoppinsMedium;font-size:16px;width:70px}.settingsPage #editDueButton{background-color:#f0efe5}.settingsPage #editDueButton,.settingsPage #editPasswordButton{padding:8px 15px;margin-right:10px;border:0;border-radius:5px;font-family:PoppinsMedium;font-size:12px;cursor:pointer}.settingsPage #editPasswordButton{background-color:#f2f2f2}.settingsPage #addDueButton{padding:8px 10px;border:0;border-radius:5px;background-color:#008001;color:#fff;font-family:PoppinsMedium;font-size:12px;cursor:pointer}.settingsPage input::placeholder{color:grey}.settingsPage input:focus{outline:none}@media only screen and (max-width:768px){.settingsPage #rightPanelContent{margin-left:200px;margin-right:30px}.settingsPage #addButton{width:160px;height:40px;font-size:12px}}
/*# sourceMappingURL=main.3b7c4855.chunk.css.map */