@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;1,400&display=swap";.card-form{background:hsl(32,75%,81%);margin-bottom:50px;padding:20px;background-size:100% 100%}.item_con{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.icon_set{display:flex;align-items:center;justify-content:center;padding:10px;font-size:25px}.grid-container{display:grid;padding:5px;grid-template-columns:auto auto auto}.login-form{max-width:300px}.login-form-forgot{float:right}.ant-col-rtl .login-form-forgot{float:left}.login-form-button{width:100%}.login_page{background:#f0f2f5;height:100vh;display:flex;align-items:center;justify-content:center}.login_page .login_card{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background:#fff;height:auto;width:600px;padding:20px;border-radius:5px;box-shadow:0 0 80px #c0dbff59,0 0 32px #4178ff3d}.login_page .login_card .login_img{display:flex;justify-content:center;align-items:center;height:100%}.login_page .login_card .login_img img{width:100%;height:100%;object-fit:cover}.login_page .login_card .login_form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}.login_page .login_card .login_form h4{font-size:1.5rem;font-weight:600;margin-bottom:20px;background:linear-gradient(to right,#30cfd0,#c43ad6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 768px){.login_page .login_card{width:auto;grid-template-columns:repeat(1,1fr)}.login_page .login_card img{display:none}}.logo{height:32px;margin:16px;box-shadow:0 0 20px #c0dbff26,0 0 20px #4178ff3d}.logo h2{display:flex;justify-content:center;align-items:center;height:100%;background:linear-gradient(to right,#30cfd0,#30cfd0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.create_recipe{margin-left:50px;display:column;justify-content:space-between;align-items:center}.title{font-size:20px;margin:3px;display:flex;justify-content:center;align-items:center;height:100%;color:#00f;text-align:center}.text{font-size:18px;margin:3px;display:block;justify-content:center;align-items:center;height:100%;text-align:center}.id{color:#209b0a;text-align:center}.des{color:#af19b7;text-align:center}.qty{color:#f36500;text-align:center}.show-pdf-container{display:flex;justify-content:center;align-items:center;height:100%}.btn{display:flex;justify-content:center;align-items:center;margin:10px;padding:10px;border-radius:5px;border:1px solid #003cff;background-color:#003cff;cursor:pointer;font-size:16px}.btn:hover{background-color:#00f3ce}.btn-green{display:flex;justify-content:center;align-items:center;margin:10px;padding:10px;border-radius:5px;border:1px solid #00701e;background-color:#139937;cursor:pointer;font-size:16px}.btn-green:hover{background-color:#00b931}.signatureCanvas{margin:0 auto;display:block;border:1px solid #000}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}