@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Bai Jamjuree,sans-serif;margin:0;padding:0}:root{--primary-color:#2d4798;--primary-lite-color:#5e7fe1;--primary-ultra-lite-color:#9eb6ff;--secondary-color:#4b4a4c;--secondary-lite-color:#999;--secondary-ultra-lite-color:#e0e0e0}.login-section{background:linear-gradient(90deg,var(--primary-lite-color),var(--primary-ultra-lite-color));max-height:100vh;overflow:hidden;width:100%}.container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.screen{background:linear-gradient(90deg,var(--primary-lite-color),var(--primary-ultra-lite-color));box-shadow:0 0 24px var(--primary-lite-color);height:600px;position:relative;width:360px}.screen__content{height:100%;position:relative;z-index:1}.screen__background{bottom:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);left:0;position:absolute;right:0;top:0;z-index:0}.screen__background__shape{position:absolute;transform:rotate(45deg)}.screen__background__shape1{background:#fff;border-radius:0 72px 0 0;height:520px;right:120px;top:-50px;width:520px}.screen__background__shape2{background:var(--primary-color);border-radius:32px;height:220px;right:0;top:-172px;width:220px}.screen__background__shape3{background:linear-gradient(270deg,var(--primary-color),var(--primary-lite-color));border-radius:32px;height:540px;right:0;top:-24px;width:190px}.screen__background__shape4{background:#fff;border-radius:60px;height:400px;right:50px;top:420px;width:200px}.login{padding:156px 30px 30px;width:320px}.login__field{padding:20px 0;position:relative}.login__icon{color:var(--primary-color);position:absolute;top:30px}.login__input{background:none;border:none;border-bottom:2px solid var(--secondary-lite-color);font-weight:700;padding:10px 10px 10px 24px;transition:.2s;width:75%}.login__input:active,.login__input:focus,.login__input:hover{border-bottom-color:var(--secondary-lite-color);outline:none}.login__submit{align-items:center;background:#fff;border:1px solid var(--secondary-ultra-lite-color);border-radius:26px;box-shadow:0 2px 2px var(--secondary-lite-color);color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:700;margin-top:30px;padding:16px 20px;text-transform:uppercase;transition:.2s;width:100%}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:var(--secondary-lite-color);outline:none}.button__icon{color:var(--primary-color);font-size:24px;margin-left:auto}.social-login{bottom:0;color:#fff;height:140px;padding-right:15px;padding-top:25px;position:absolute;right:0;text-align:center;width:160px}.social-login img{mix-blend-mode:soft-light;padding-top:25px;width:150px}.sidebar-section{background-color:#11111c;height:100vh;position:fixed;top:0;width:80px;z-index:20}.sidebar-container{height:100%;position:relative;width:100%;z-index:20}.sidebar-item{align-items:center;display:flex;height:60px;justify-content:center;position:relative}.sidebar-item a{text-decoration:none}.sidebar-item a i{color:#fff;font-size:24px}.sidebar-item .icon-title-container{display:none}.sidebar-item:hover .icon-title-container{background-color:#1c1c29;display:flex;flex-direction:column;left:80px;position:absolute;top:0;width:150px}.sidebar-item:hover a i{color:var(--primary-ultra-lite-color)}.sidebar-item:hover{background-color:#1c1c29}.icon-title-container h1 a{align-items:center;color:#fff;display:flex;font-size:18px;height:60px;padding:0 10px}.icon-title-container h1 a:hover{color:#fff!important}.sidebar-subitems{display:flex;flex-direction:column;padding-bottom:15px}.icon-title-container a{color:#fff;font-size:16px;padding:10px;text-decoration:none}.icon-title-container a:hover{color:var(--primary-ultra-lite-color)}.sidebar-logo-wrapper{background-color:#1c1c29;border-radius:15px;height:60px;margin:20px auto;width:60px}.sidebar-logo-wrapper img{height:100%;padding:5px;width:100%}.sidebar-item.logout{align-items:center;bottom:50px;display:flex;justify-content:center;position:absolute;width:100%}.dashboard-section{max-height:100vh;max-width:100vw;position:relative}.dashboard-container{height:100%;margin-left:auto;position:relative;width:calc(100% - 80px)}.login-details-widget{background-color:var(--primary-color);border-radius:20px;box-shadow:0 4px 8px #0000004d;color:#fff;margin:20px;padding:20px;position:absolute;right:0;width:300px}.login-details-widget h1{font-size:24px;padding-bottom:5px}.login-details-widget h2{font-size:20px;padding-bottom:5px}.login-details-widget h3{font-size:16px}.add-product-section{max-height:100vh;max-width:100vw;position:relative}.add-product-container{height:100%;margin-left:auto;position:relative;width:calc(100% - 80px)}.page-header{background-color:#f4f4f4;border-left:5px solid var(--primary-color);border-radius:5px;color:var(--secondary-color);font-size:22px;margin:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-product-form,.page-header{box-shadow:0 4px 8px #0000004d;padding:20px}.add-product-form{border:1px solid var(--secondary-ultra-lite-color);border-radius:5px;margin:50px auto;width:90%}.add-product-form.next-btn{border:none;box-shadow:none;display:flex;justify-content:flex-end;padding:0 0 100px}.add-product-form.next-btn button{margin:0}.form-input-lable-pair{display:flex;flex-direction:column;margin:20px;width:33%}.form-input-lable-pair.disc{width:100%}.form-input-lable-pair input,.form-input-lable-pair textarea{border:2px solid var(--secondary-color);border-radius:3px;color:var(--secondary-color);font-size:14px;font-weight:600;padding:15px}.form-input-lable-pair input:focus{border:2px solid var(--primary-color)}.form-input-lable-pair label{background-color:#fff;color:var(--primary-color);font-size:14px;font-weight:800;left:10px;padding:0 10px;position:relative;text-transform:uppercase;top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form-input-lable-pair label span{text-transform:none}.form-next-btn{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:flex-end;margin:20px;padding:10px 20px}.form-next-btn:hover{background-color:var(--primary-color)}.add-product-form-items-pair{align-items:center;display:flex;justify-content:flex-start;width:100%}.form-title{border-bottom:1px solid var(--secondary-ultra-lite-color);color:var(--primary-color);font-size:15px;font-weight:600;margin:10px 20px;padding-bottom:20px;text-align:center}.add-process-input-container{align-items:center;display:flex;margin:20px}.add-process-input-container h4{color:var(--secondary-color);font-size:22px;padding-right:15px}.add-process-input-container i{color:var(--primary-color);cursor:pointer;font-size:22px}.add-process-input-container i:hover{color:var(--secondary-color)}.add-product-form-items-pair.process{align-items:center;justify-content:flex-start}.add-product-form-items-pair.process .form-input-lable-pair{width:300px}.add-product-form-items-pair.process .form-input-lable-pair.index{width:100px}.delete-icon i{color:#c60000;cursor:pointer;font-size:22px;margin:20px;padding-top:10px}.add-product-form-items-pair.sub{width:100%}.form-input-lable-pair.pd{width:20%}.form-control-btn{display:flex;justify-content:flex-end;padding:20px;width:100%}.form-control-btn button{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.form-control-btn button:hover{background-color:var(--primary-color)}.order-section{background-color:#f6f6f6;margin:0;min-height:100%;position:relative;width:100%}.order-wraper{height:100vh;width:100%}.order-container,.order-wraper{display:flex;flex-direction:column}.order-container{background-color:#fff;border:1px solid var(--secondary-ultra-lite-color);border-radius:5px;box-shadow:-2px 1px 3px #0003;margin-left:100px;margin-right:20px;margin-top:20px;padding:10px}.order-content{display:flex;width:100%}.order-content p{flex:1 1;font-size:16px;font-weight:500;padding:10px}.order-content a{align-items:center;color:var(--primary-color);display:flex;flex:1 1;font-weight:800;justify-content:flex-end;margin:0;padding:10px}.order-content a span{background-color:#f6f6f6;border:1px solid #000;border-radius:3px;padding:5px}.order-content a:hover{color:var(--secondary-color)}.order-id span{color:var(--primary-color);font-weight:800}.order-status span,.order-status-select{border-radius:5px;font-weight:700;margin-left:10px;margin-right:5px;padding:5px 10px}.order-status button{background-color:#fff;border:solid green;border-radius:3px;color:var(--primary-color);cursor:pointer;font-weight:800;padding:5px 10px;transition:.25s}.order-status button:hover{background-color:green;color:#fff}.order-status-select.new,.order-status.new span{background-color:#ffdb4d}.order-status-select.under-review,.order-status.under-review span{background-color:var(--primary-color);color:#fff}.order-status-select.accepted,.order-status.accepted span{background-color:green;color:#fff}.order-status-select.rejected,.order-status.rejected span{background-color:#c40000;color:#fff}.order-content.header{border-bottom:1px solid var(--secondary-ultra-lite-color);margin-bottom:30px;padding-bottom:10px}.filter-sort{align-items:center;background-color:var(--primary-color);border-radius:5px;display:flex;margin-left:100px;margin-right:20px;margin-top:20px;padding:20px}.filter-sort div{display:flex;flex:1 1;justify-content:center}.filter-sort input{border:1px solid #000;border-radius:5px;font-size:16px;padding:5px;width:300px}.filter-sort button{background-color:var(--secondary-color);border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-left:5px;padding:10px}.filter-sort button:hover{background-color:#fff;color:#000}.order-sort{color:#fff;cursor:pointer;font-size:18px;font-weight:500}.order-sort i{margin-left:20px}.order-filter{align-items:center;display:flex}.order-filter label{color:#fff;font-size:18px;font-weight:500;margin-right:20px}.order-filter select{border-radius:5px;font-size:16px;padding:5px;width:150px}.order-summary-container{margin-left:100px;margin-right:20px}.order-lists{align-items:center;border-bottom:1px solid var(--secondary-ultra-lite-color);display:flex;padding:10px;width:100%}.order-lists img{height:200px;width:200px}.order-specs{padding-left:50px;width:500px}.order-specs a{color:var(--primary-color);cursor:pointer;font-size:20px;font-weight:800;text-decoration:none;transition:.1s}.order-specs a:hover{border-bottom:1px solid var(--secondary-color);color:var(--secondary-color)}.order-phy-prop p{padding:2px 0}.order-specs h3{font-size:16px;font-weight:700;padding-bottom:5px}.qty{font-weight:600;padding-left:50px}.order-summary-section{background-color:#f6f6f6;min-height:100vh;min-width:100vw;position:absolute}.order-wrapper{background-color:#fff;border-radius:10px;margin-top:20px}.order-wrapper .order-content.header{padding:20px}.order-index{color:var(--secondary-color);font-size:22px;padding:20px 50px 20px 20px}.user_details{background-color:#fff;border-top:20px solid #f6f6f6;margin-bottom:100px;padding:20px;position:relative}.user_details h3{border-bottom:1px solid var(--secondary-ultra-lite-color);padding:10px;text-align:center}.user_details .order-content{flex-wrap:wrap;padding-top:20px}.update-search{display:flex;margin-left:20px;width:90%}.update-search input{border:1px solid var(--primary-color);border-radius:5px;margin-right:10px;padding:10px;width:300px}.update-search button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px}.update-search button:hover{background-color:var(--secondary-color)}.product-details{border-radius:10px;box-shadow:0 4px 8px #0000004d;margin-left:20px;margin-top:50px;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-details p{margin:10px}.product-details button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:10px;padding:10px}.product-details button:hover{background-color:red}.product-show-card{align-items:center;border-radius:10px;box-shadow:0 4px 8px #0000004d;display:flex;justify-content:space-between;margin:10px 20px;padding:20px;width:80%}.product-show-card button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px}.product-show-card button:hover{background-color:green}.user-details{border-radius:10px;box-shadow:0 4px 8px #0000004d;margin:10px auto;padding:20px;width:95%}.user-details-top{display:flex}.add-product-container,.user-details-top p{padding:20px}.page-header{font-size:24px;margin-bottom:20px}.download-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;padding:10px 20px}.download-button:hover{background-color:#45a049}.users-table{border-collapse:collapse;margin-bottom:20px;width:100%}.users-table td,.users-table th{border:1px solid #ddd;padding:8px}.users-table th{background-color:#f2f2f2;text-align:left}.users-table tr:nth-child(2n){background-color:#f9f9f9}.users-table tr:hover{background-color:#ddd}
/*# sourceMappingURL=main.8d2f5eb9.css.map*/