@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap");
@import url(fix-bootstrap.css);
@import url(../js/select2/css/select2.min.css);
@import url(fix-slick.css);
@import url(fix-select2.css);
@import url(general.css);
@import url(color.css);
@import url(font.css);
@import url(button.css);
@import url(form.css);
@import url(list.css);
@import url(layout.css);
@import url(popup.css);
@import url(template.css);
@import url(home.css);
@import url(product.css);
@import url(howto-register.css);
@import url(stat.css);
@import url(news.css);
@import url(error-404.css);

:root {
    --green-50: #ecfdff;
    --green-100: #e5f9f3;
    --green-200: #bff0e2;
    --green-300: #96d9df;
    --green-350: #75c2cc;
    --green-400: #00c1ce;
    --green-450: #08cedb;
    --green-500: #5daab3;
    --green-600: #70a460;
    --grey: #bbb;
    --grey-100: #f6f6f6;
    --grey-300: #e5e3e3;
    --grey-400: #a1a1a1;
    --grey-500: #666;
    --blue: #5c97bf;
    --blue-100: #d5fafe;
    --blue-200: #c2f3f8;
    --blue-300: #aae2e8;
    --text-black: #000;
    --text-black-100: #000;
    --text-black-200: #000;
    --text-black-300: #000;
    --text-blue: #5c97bf;
    --text-green: #00c1ce;
    --text-green-100: #08cedb;
    --text-green-150: #17a7b1;
    --text-green-200: #acde9d;
    --text-green-300: #8bc53d;
    --text-green-600: #70a460;
    --text-red: #ff617d;
    --text-red-100: #eb8a7a;
    --text-orange: #eaa071;
    --text-link: #000;
    --text-link-hover: #17a7b1;
    --text-link-onclick: #75c2cc;
    --text-link-onfocus: #75c2cc;
    --border-blue: #b3d6ea;
    --border-green: #acde9d;
    --border-green-100: #d7eef0;
    --border-green-150: #74f0f8;
    --border-green-200: #75c2cc;
    --border-green-250: #60c0c6;
    --border-green-300: #00c1ce;
    --border-green-350: #08cedb;
    --border-green-400: #5daab3;
    --border-green-450: #17a7b1;
    --border-green-500: #69ae0b;
    --border-red: #ff617d;
    --border-red-100: #eb8a7a;
    --border-grey: #eee;
    --border-grey-100: #f6f6f6;
    --border-orange: #fbd9c4;
    --bg-pagination: #f6f6f6;
    --bg-grey-100: #f6f6f6;
    --bg-blue: #00c1ce;
    --bg-green-50: #ecfdff;
    --bg-green-100: #f1f7f9;
    --bg-green-300: #86e8ee;
    --bg-red-100: #fff7f7;
    --bg-button: #00c1ce;
    --bg-button-hover: #21d4e0;
    --bg-button-onclick: #17a7b1;
    --bg-button-onfocus: #17a7b1;
    --bg-button2: #bff0e2;
    --bg-button2-hover: #e5f9f3;
    --bg-button2-onclick: #adf6e1;
    --bg-button2-onfocus: #adf6e1;
    --bg-button3: #fff;
    --bg-button3-hover: #ecfdff;
    --bg-button3-onclick: #75c2cc;
    --bg-button3-onfocus: #75c2cc;
    --bg-button-filter: #e4fafb;
    --bg-button-tag: #fdebdd;
    --bg-button-tag-hover: #f8d7c6;
    --bg-admin: #AAE2E8;
    --bg-user: #C4E8B9;
    --bg-vendor: #F8D7C6;
    --bg-visitor: #55C5D1;
    --bg-menu-blue: #d5fafe;
    --bg-menu-blue-hover: #c2f3f8;
    --bg-menu-blue-onclick: #aae2e8;
    --bg-menu-blue-onfocus: #aae2e8;
    --bg-menu-green: #C4E8B9;
    --bg-menu-green-hover: #dbffcf;
    --bg-menu-green-onclick: #c3d9bb;
    --bg-menu-green-onfocus: #c3d9bb;
    --bg-menu-orange: #fef3ec;
    --bg-menu-orange-hover: #fdebe0;
    --bg-menu-orange-onclick: #f8d7c6;
    --bg-menu-orange-onfocus: #f8d7c6;
    --bg-hover: #fff7f7;
    --status-draft: #7cb6ee;
    --status-pass: #69ae0b;
    --status-wait-repoter: #ff617d;
    --status-wait-checking: #eaa071;
    --status-delete: #999;
    --text-link-disable: #bbb;
    --bg-disable: #eee;
    --border-disable: #e5e3e3;
    --border-radius: 3px;
    --font: "Noto Sans Thai", sans-serif;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 34px;
    --text-5xl: 40px;
    --text-6xl: 44px;
    --text-7xl: 48px
}

.filepond--root{
    display: none;
}

.btn-search {
    padding: 0 10px !important;
}
.hide {
    display: none;
}
.show {
    display: block;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #737373 !important;
    border: none !important;
}

.msg_error {
    color: #ff617d;
    font-size: 12px;
}
/*# sourceMappingURL=style.css.map */

.btn-sub-menu {
    width: 220px !important;
}