body,html{width:100%;background-color:#fff}.table td,.table th{font-weight:400;vertical-align:middle!important}.table td{padding-top:5px!important;padding-bottom:5px!important}.tb-col{width:150px}.icon-td-toggle{cursor:pointer}.modal-content{font-family:Noto Sans Thai,sans-serif;font-size:1rem;line-height:120%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#app{font-family:Noto Sans Thai,sans-serif;font-size:1rem;line-height:120%;width:100%;font-weight:400;background-color:#fff!important}.default-background{background-image:none}.btn-new{cursor:pointer;border-radius:.5rem!important;background-color:#09b66e!important;color:#fff!important;border-color:#09b66e!important}.btn-new.focus,.btn-new:active,.btn-new:focus,.btn-new:hover{background-color:#fff!important;color:#09b66e!important;box-shadow:0 0 5px 0 #09b66e!important}.btn-new.disabled{color:#09b66e!important;background-color:#b8ffe2!important}.btn-save{cursor:pointer;border-radius:.5rem!important;background-color:#3467f3!important;color:#fff!important;border-color:#3467f3!important}.btn-save.focus,.btn-save:active,.btn-save:focus,.btn-save:hover{background-color:#fff!important;color:#3467f3!important;box-shadow:0 0 5px 0 #3467f3!important}.btn-save.disabled{color:#3467f3!important;background-color:#c6d6ff!important}.btn-edit{cursor:pointer;border-radius:.5rem!important;background-color:#f35134!important;color:#fff!important;border-color:#f35134!important}.btn-edit.focus,.btn-edit:focus,.btn-edit:hover,.btn-editactive{background-color:#fff!important;color:#f35134!important;box-shadow:0 0 5px 0 #f35134!important}.btn-edit.disabled{color:#f35134!important;background-color:#ffc4b9!important}.btn-delete{cursor:pointer;border-radius:.5rem!important;background-color:#9d52ff!important;color:#fff!important;border-color:#9d52ff!important}.btn-delete.focus,.btn-delete:active,.btn-delete:focus,.btn-delete:hover{background-color:#fff!important;color:#9d52ff!important;box-shadow:0 0 5px 0 #9d52ff!important}.btn-delete.disabled{color:#9d52ff!important;background-color:#e2ccff!important}.btn-cancel{cursor:pointer;border-radius:.5rem!important;background-color:#f83455!important;color:#fff!important;border-color:#f83455!important}.btn-cancel.focus,.btn-cancel:active,.btn-cancel:focus,.btn-cancel:hover{background-color:#fff!important;color:#f83455!important;box-shadow:0 0 5px 0 #f83455!important}.btn-cancel.disabled{color:#f83455!important;background-color:#ffcad3!important}.btn-refresh{cursor:pointer;border-radius:.5rem!important;background-color:#17a2b8!important;color:#fff!important;border-color:#17a2b8!important}.btn-refresh.focus,.btn-refresh:active,.btn-refresh:focus,.btn-refresh:hover{background-color:#fff!important;color:#17a2b8!important;box-shadow:0 0 5px 0 #17a2b8!important}.btn-refresh.disabled{color:#17a2b8!important;background-color:#b0f4ff!important}.btn-search{cursor:pointer;border-radius:.5rem!important;background-color:#8db817!important;color:#fff!important;border-color:#8db817!important}.btn-search.focus,.btn-search:active,.btn-search:focus,.btn-search:hover{background-color:#fff!important;color:#8db817!important;box-shadow:0 0 5px 0 #8db817!important}.btn-search.disabled{color:#8db817!important;background-color:#dff899!important}.btn-disable{cursor:pointer;border-radius:.5rem!important;background-color:#b3b3b3!important;color:#000!important;border-color:#b3b3b3!important}.btn-disable.focus,.btn-disable:active,.btn-disable:focus,.btn-disable:hover{background-color:#fff!important;color:#000!important;box-shadow:0 0 5px 0 #b3b3b3!important}.btn-disable.disabled{color:#7c7c7c!important;background-color:#b3b3b3!important}.btn-login{cursor:pointer;border-radius:.5rem!important;background-color:#00846b!important;color:#fff!important;border-color:#00846b!important}.btn-login.focus,.btn-login:active,.btn-login:focus,.btn-login:hover{background-color:#fff!important;color:#00846b!important;box-shadow:0 0 5px 0 #00846b!important}.btn-login.disabled{color:#08c3a1!important;background-color:#3dfdda!important}.btn-back{cursor:pointer;border-radius:.5rem!important;background-color:#e65100!important;color:#fff!important;border-color:#e65100!important}.btn-back.focus,.btn-back:active,.btn-back:focus,.btn-back:hover{background-color:#fff!important;color:#e65100!important;box-shadow:0 0 5px 0 #e65100!important}.btn-back.disabled{color:#e65100!important;background-color:#ffb790!important}a.link-edit{cursor:pointer;color:#f35134!important}a.link-edit.focus,a.link-edit:active,a.link-edit:focus,a.link-edit:hover{text-decoration:none}a.link-edit.disabled{color:#ffc4b9!important}a.link-add{cursor:pointer;color:#37d403!important}a.link-add.focus,a.link-add:active,a.link-add:focus,a.link-add:hover{text-decoration:none}a.link-add.disabled{color:#a5ff87!important}a.link-sub{cursor:pointer;color:#f33434!important}a.link-sub.focus,a.link-sub:active,a.link-sub:focus,a.link-sub:hover{text-decoration:none}a.link-sub.disabled{color:#ffb9b9!important}.font-athiti{font-family:Athiti,sans-serif}.font-mitr{font-family:Mitr,sans-serif}.font-kanit{font-family:Kanit,sans-serif}.font-sriracha{font-family:Sriracha,cursive}.font-anuphan{font-family:Anuphan,sans-serif}.font-cal-sans{font-family:Cal Sans,sans-serif;font-weight:400;font-style:normal}.font-noto-sans{font-family:Noto Sans Thai,sans-serif}.font-size-0-4{font-size:.4rem}.font-size-0-5{font-size:.5rem}.font-size-0-6{font-size:.6rem}.font-size-0-7{font-size:.7rem}.font-size-0-8{font-size:.8rem}.font-size-0-9{font-size:.9rem}.font-size-1{font-size:1rem}.font-size-1-1{font-size:1.1rem}.font-size-1-2{font-size:1.2rem}.font-size-1-3{font-size:1.3rem}.font-size-1-4{font-size:1.4rem}.font-size-1-5{font-size:1.5rem}.font-size-2{font-size:2rem}.font-size-2-5{font-size:2.5rem}.font-size-3{font-size:3rem}.font-size-4{font-size:4rem}.text-farm{color:#10b468}.farm-list{cursor:pointer;color:#c4c4c4}.farm-active,.farm-list:hover{box-shadow:0 0 5px 0 #4ef1bb}.house-list{cursor:pointer;color:#c4c4c4}.house-list:hover{box-shadow:0 0 5px 0 #4ef1bb}.text-data{color:#aa6f21}.text-raising{color:#4b3eff}.text-finish{color:#2ad370}.text-house-name{color:#ff4a02}.text-dashboard{color:#0d0765}.text-subdata{color:#f43d19;font-size:.7rem}.text-project-1{color:#f43d19}.text-topic{color:#00846b}.bg-navigation{background-color:#fff}.bg-farm{background-color:#10b468;color:#fff}.bg-summary{background-color:#dcfffd;color:#000}.border-raising{border:1px solid#4b3eff}.bg-raising{background-color:#4b3eff}.border-finish{border:1px solid#2ad370}.bg-finish{background-color:#2ad370}.icon-shape{padding:12px;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon{width:3rem;height:3rem}.bg-gradient-farm{background:linear-gradient(87deg,#f5365c,#f56036)!important}.bg-gradient-house{background:linear-gradient(87deg,#215cfd,#4199ff)!important}.bg-gradient-generation{background:linear-gradient(87deg,#b721ff,#ff38ff)!important}.bg-gradient-account{background:linear-gradient(87deg,#20e030,#acf536)!important}.block-gradient-farm{color:#fff;background:linear-gradient(87deg,#f5365c,#f56036);border-radius:.25rem}.block-gradient-house{color:#fff;background:linear-gradient(87deg,#215cfd,#4199ff);border-radius:.25rem}.block-gradient-generation{color:#fff;background:linear-gradient(87deg,#b721ff,#ff38ff);border-radius:.25rem}.block-gradient-egg{color:#fff;background:linear-gradient(87deg,#18c326,#9ee926);border-radius:.25rem}.triangle-topright-gradient-farm{background:linear-gradient(87deg,#f5365c,#f56036)}.triangle-topright-gradient-farm,.triangle-topright-gradient-house{color:#fff;width:100px;height:100%;clip-path:polygon(100% 0,0 0,80% 100%,100% 100%)}.triangle-topright-gradient-house{background:linear-gradient(87deg,#215cfd,#4199ff)}.triangle-topright-gradient-generation{background:linear-gradient(87deg,#b721ff,#ff38ff)}.triangle-topright-gradient-chicken,.triangle-topright-gradient-generation{color:#fff;width:100px;height:100%;clip-path:polygon(100% 0,0 0,80% 100%,100% 100%)}.triangle-topright-gradient-chicken{background:linear-gradient(87deg,#0fa08f,#26e9cc)}.triangle-topright-gradient-egg{background:linear-gradient(87deg,#18c326,#9ee926)}.triangle-topright-gradient-egg,.triangle-topright-gradient-percent{color:#fff;width:100px;height:100%;clip-path:polygon(100% 0,0 0,80% 100%,100% 100%)}.triangle-topright-gradient-percent{background:linear-gradient(87deg,#215cfd,#4199ff)}.triangle-topleft-gradient-topic{color:#fff;width:200px;height:auto;background:linear-gradient(87deg,#474747,#a0a0a0);clip-path:polygon(0 0,0 100%,100% 100%,80% 0)}.generation-list{cursor:pointer;color:#8a8a8a}.generation-active,.generation-list:hover{box-shadow:0 0 5px 0 #4ef1bb}.form-style-valid{border-radius:0;border:none;border-bottom:2px solid #20e030;background-color:#f1fff2}.form-style-valid:disabled{border-radius:0;border:none;border-bottom:2px solid #b3b3b3;background-color:#f7f7f7}.form-style-invalid{border-radius:0;border:none;border-bottom:2px solid #e02620;background-color:#fff2f1}.form-style-invalid:disabled{border-radius:0;border:none;border-bottom:2px solid #b3b3b3;background-color:#f7f7f7}.bg-navbar[data-v-5cf84ff1]{background-color:#00846b!important;color:#fff!important;padding:0}.btn-active[data-v-5cf84ff1]{background-color:#fff!important;color:#00846b!important}.bg-summary-1[data-v-03f6cd77]{background-color:#cbf3bb;color:#299100;border:1px solid #299100;border-radius:1rem;box-shadow:0 0 5px 1px #cbf3bb;font-weight:700}.bg-summary-2[data-v-03f6cd77]{background-color:#cffaff;color:#007784;border:1px solid #007784;border-radius:1rem;box-shadow:0 0 5px 1px #cffaff;font-weight:700}.bg-summary-3[data-v-03f6cd77]{background-color:#d6d8ff;color:#18006d;border:1px solid #18006d;border-radius:1rem;box-shadow:0 0 5px 1px #d6d8ff;font-weight:700}.bg-summary-4[data-v-03f6cd77]{background-color:#ffd6f9;color:#9b1048;border:1px solid #9b1048;border-radius:1rem;box-shadow:0 0 5px 1px #d6d8ff;font-weight:700}.bg-summary-5[data-v-03f6cd77]{background-color:#59ac77;color:#fff;border:1px solid #59ac77;border-radius:1rem;box-shadow:0 0 5px 1px #59ac77;font-weight:700}.bg-summary-6[data-v-03f6cd77]{background-color:#77bef0;color:#fff;border:1px solid #cffaff;border-radius:1rem;box-shadow:0 0 5px 1px #cffaff;font-weight:700}.bg-summary-7[data-v-03f6cd77]{background-color:#8262f6;color:#fff;border:1px solid #d6d8ff;border-radius:1rem;box-shadow:0 0 5px 1px #d6d8ff;font-weight:700}.bg-summary-8[data-v-03f6cd77]{background-color:#c7698f;color:#fff;border:1px solid #ffd6f9;border-radius:1rem;box-shadow:0 0 5px 1px #ffd6f9;font-weight:700}.bg-summary-9[data-v-03f6cd77],.bg-summary-10[data-v-03f6cd77]{border-radius:1rem;box-shadow:0 0 5px 0 #c6c6c6}.bg-tb-1[data-v-03f6cd77]{background-color:#d6d8ff;border-radius:1rem;padding:1rem 2px 1rem 2px;font-weight:700}.bg-tb-2[data-v-03f6cd77]{background-color:#ededed;border-radius:1rem;padding:1rem 2px 1rem 2px}.bg-tb-3[data-v-03f6cd77]{background-color:#ffd6d6;border-radius:1rem;padding:1rem 2px 1rem 2px}.card-value[data-v-03f6cd77]{color:#006797}.bg-dashboard-block[data-v-03f6cd77]{background-color:#fff;color:#000;border-radius:.8rem}.col-quotation[data-v-77e5b2d8]{width:6rem;white-space:nowrap}.ghost[data-v-77e5b2d8]{opacity:1;background:#6dfec2!important;color:#000}#report_tabs .nav{flex-wrap:nowrap}#report_tabs .nav li.nav-item .nav-link{padding-top:10px;padding-bottom:10px;position:relative;border-radius:5px;background-color:#ededed!important;color:#525252;min-width:150px;text-align:center;font-weight:700}#report_tabs .nav li.nav-item .nav-link:before{content:"";position:absolute;top:20%;bottom:20%;left:0;width:1px;background:#656565}#report_tabs .nav li.nav-item .nav-link:after{content:"";position:absolute;top:20%;bottom:20%;right:0;width:1px;background:#656565}#report_tabs .nav li.nav-item .nav-link.active,#report_tabs .nav li.nav-item .nav-link:hover{background-color:#3ac4ff!important;color:#fff}#report_tabs .nav li.nav-item:first-child .nav-link:before,#report_tabs .nav li.nav-item:last-child .nav-link:after{background:none}.scroll-tabs{display:flex;overflow-x:auto;white-space:nowrap}.table.b-table thead th:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #dee2e6}.text-more-than{color:red!important;font-weight:700!important}.text-less-than{color:#0004ff!important}.table td .text-less-than,.table td .text-more-than,.text-less-than{font-weight:700!important}.ghost{opacity:1;background:#6dfec2!important;color:#000}.table-scroll{overflow-y:auto}.table-scroll thead{position:sticky;top:0;z-index:10;background:#fff}.login-background[data-v-5402768c]{background-repeat:repeat-y;background-position:50%;background-size:cover}