:root {
    --rz-text-font-family: "Anuphan", sans-serif; /* กำหนด font family ของตัวอักษร */

    --rz-body-background-color: #ffffff; /* สีพื้นหลังของ Body */
    --rz-layout-body-background-color: #ffffff; /* สีพื้นหลังของ Layout Body */

    --rz-primary: #196a90 !important; /* สีพื้นหลังของ Primary */
    --rz-on-primary: #ffffff !important; /* สีตัวอักษรบน Primary */
    --rz-secondary: #ff9c19 !important; /* สีพื้นหลังของ Secondary */
    --rz-on-secondary: white !important; /* สีตัวอักษรบน Secondary */

    --rz-header-color: #ffffff; /* สีตัวอักษรบน Header */
    --rz-header-background-color: #186a91; /* สีพื้นหลัง Header */

    --rz-dialog-header-color: #ffffff; /* สีตัวอักษรบน Dialog Header */
    --rz-dialog-header-background-color: #186a91; /* สีพื้นหลัง Dialog Header */

    --rz-footer-color: #ffffff; /* สีตัวอักษรของ Footer */
    --rz-footer-background-color: #186a91; /* สีพื้นหลังของ Footer */
    --rz-footer-padding: 1rem;
    --rz-footer-border: none;

    /* Link */
    --rz-link-color: #284571; /* สีตัวอักษรของ Link */
    --rz-link-hover-color: #1a2e4a; /* สีตัวอักษรเมื่อ mouse hover ของ Link */

    /* Input */
    --rz-input-background-color: #ffffff; /* สีพื้นหลังของ Input */
    --rz-input-hover-background-color: #f4f4f4; /* สีพื้นหลังของ Input เมื่อ mouse hover */
    --rz-input-focus-background-color: #ffffff; /* สีพื้นหลังของ Input เมื่อ focus */

    /* Grid */
    --rz-grid-header-color: black;
    --rz-grid-header-background-color: #e3ecf5; /* สีพื้นหลังของ Header Grid */
    --rz-grid-filter-color: black;
    --rz-grid-filter-background-color: #f5eedd;
    --grid-header-border-color: #ffffff;
    --grid-body-border-color: #ffffff;

    /* Check Box */
    --rz-checkbox-checked-color: black; /* สีเครื่องหมายของ Checkbox เมื่อถูกเลือก */
    --rz-checkbox-checked-background-color: #f5eedd; /* สีพื้นหลังของ Checkbox เมื่อถูกเลือก */
    --rz-checkbox-checked-hover-background-color: #f5eedd; /* สีพื้นหลังของ Checkbox เมื่อ mouse hover */

    /* Panel Menu & Sidebar */
    --rz-sidebar-background-color: #ffffff; /* สีพื้นหลังของ Sidebar */
    --rz-panel-menu-item-background-color: #ffffff; /* สีพื้นหลังของ Panel Menu Item */
    --rz-panel-menu-icon-color: #ff9c18; /* สี icon มีผลทั้ง (Menu Group) และ (Menu Item) */
    --rz-panel-menu-item-border: 0px none black; /* สี border ขอบล่างของ Menu Panel (ของแต่ละ Group) */
    --rz-panel-menu-item-border-radius: 0; /* ความโค้ง border ขอบล่างของ Menu Panel (ของแต่ละ Group) */
    --rz-panel-menu-icon-font-size: 1.5rem; /* ขนาด icon (Menu Group) */
    --rz-panel-menu-icon-width: 1rem; /* ความกว้าง icon (Menu Group) */
    --rz-panel-menu-icon-height: 1rem; /* ความสูง icon (Menu Group) */
    --rz-panel-menu-font-size: 18px; /* ขนาดของตัวอักษร (Menu Group) */
    --rz-panel-menu-font-weight: 700; /* ความหนาตัวอักษร (Menu Group) */
    --rz-panel-menu-item-color: #196A90; /* สีตัวอักษร (Menu Group) */
    --rz-panel-menu-item-hover-color: #196A90; /* สีตัวอักษรเมื่อ mouse hover (Menu Group) */
    --rz-panel-menu-item-hover-background-color: transparent; /* สีพื้นหลัง mouse hover (Menu Group) */
    --rz-panel-menu-icon-2nd-level-icon-size: 1.5rem; /* ขนาด icon (Menu Item) */
    --rz-panel-menu-item-2nd-level-font-size: 14px; /* ขนาดของตัวอักษร (Menu Item) */
    --rz-panel-menu-item-2nd-level-font-weight: 400; /* ความหนาตัวอักษร (Menu Item) */
    --rz-panel-menu-item-2nd-level-color: #196a90; /* สีตัวอักษร (Menu Item) */
    --rz-panel-menu-item-2nd-level-background-color: #ffffff; /* สีพื้นหลัง (Menu Item) */
    --rz-panel-menu-item-2nd-level-border-radius: 1.5rem; /* ความโค้ง boder (Menu Item) */
    --rz-panel-menu-item-2nd-level-hover-color: #ff9c18; /* สีตัวอักษรเมื่อ mouse hover (Menu Item) */
    --rz-panel-menu-item-2nd-level-hover-background-color: #ffdcb6; /* สีพื้นหลัง mouse hover (Menu Item) */
    --rz-panel-menu-item-2nd-level-active-color: #196a90; /* สีตัวอักษรรายการที่ active อยู่ (Menu Item) */
    --rz-panel-menu-item-2nd-level-active-background-color: #eeddcb; /* สีพื้นหลังรายการที่ active อยู่ (Menu Item) */

    /* Hamburger Button */
    --hamburger-button-color: #ffffff; /* สีของ Hamburger Button */

    /* Circle Icon */
    --circle-icon-color: #ffffff; /* สี circle icon */
    --circle-icon-background-color: #ff9c18; /* สีพื้นหลัง circle icon */
    --circle-icon-border: 0px solid black; /* กำหนด border ให้ circle icon */
    --circle-icon-box-shadow: 0 0 2px #000000; /* กำหนดเงาให้ circle icon */

    /* Change Password Icon */
    --change-password-icon-color: #ffffff; /* สี change password icon */
    --change-password-icon-background-color: #ff9c18; /* สีพื้นหลัง change password icon */
    --change-password-icon-border: 0px solid black; /* กำหนด border ให้ change password icon */
    --change-password-icon-box-shadow: 0 0 2px #000000; /* กำหนดเงาให้ change password icon */

    /* Dialog Icon */
    --icon-info: #196a90; /* สี icon info */
    --icon-warning: #ff9c19; /* สี icon warning */
    --icon-error: #ff2327; /* สี icon error */

    /* Notification Panel */
    --noti-empty-color: #6b7280; /* สี icon empty notification */
    --noti-info-color: #2196f3; /* สี icon ข้อความแจ้งเตือนประเภท ข้อมูล */
    --noti-success-color: #4caf50; /* สี icon ข้อความแจ้งเตือนประเภท สำเร็จ */
    --noti-warning-color: #ff9800; /* สี icon ข้อความแจ้งเตือนประเภท เตือน */
    --noti-error-color: #f44336; /* สี icon ข้อความแจ้งเตือนประเภท ข้อผิดพลาด */
    --noti-remove-item-icon: #000000; /* สี icon สำหรับลบรายการแจ้งเตือน */

    --validate-color1: #ff2327; /* สีสำหรับข้อความ Validate */

    --readonly-textbox-color: #000; /* กำหนดสีตัวอักษรของ readonly textbox */
    --readonly-textbox-background-color: var(--readonly-textbox-background-color) !important; /* กำหนดสีพื้นหลังของ readonly textbox */
    --readonly-textbox-border: none !important; /* กำหนดสี border ของ readonly textbox */
    --readonly-radzen-textbox-border: 1px solid green; /* กำหนดสี border ของ Radzen textbox เมื่อ readonly */

    --content-card-padding: 2rem; /* กำหนดระยะ padding ของ card */
    --content-card-margin: 2rem 0 0 0; /* กำหนดระยะ margin ของ card */
    --content-card-background-color: white; /* กำหนดสี backgrouund ของ card */
    --content-card-border: 1px solid #196A90; /* กำหนดสี border ของ card */
    --content-card-border-radius: 1.5rem; /* ปรับความโค้งมนของขอบ card */
    --content-card-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); /* กำหนดเงาให้ card */

    --dialog-background-color: white; /* กำหนดสี background ของ dialog */
    --dialog-border: 1px solid #196A90; /* กำหนดสี border ของ dialog */
    --dialog-border-radius: 1.5rem; /* กำหนดความโค้งมนของขอบ dialog */
    --dialog-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); /* กำหนดเงาให้ dialog */

    --column-inactive-color: #bcbcbc; /* สีสำหรับคอลัมน์ที่ไม่ใช้งาน */

    /* Status text highlight */
    --status-highlight-background-color-accept: rgba(60, 203, 58, .7);
    --status-highlight-text-color-accept: white;
    --status-highlight-background-color-reject: gba(222, 18, 18, .7);
    --status-highlight-text-color-reject: white;
    --status-highlight-background-color-pending: rgba(181, 181, 181, .7);
    --status-highlight-text-color-pending: black;

    /* Login Page */
    --login-action-height: 56px;
    --login-primary-color: var(--rz-secondary);
    --login-secondary-color: #0056b3;
    --login-text-color: #2c3e50;
    --login-text-light-color: #7f8c8d;
    --login-input-background-color: var(--rz-input-hover-background-color);
    --login-input-border-color: #dcdfe6;
    --login-transition-speed: 0.3s;
    --login-wrapper-background-color: rgba(255, 255, 255, 0.8);
    --login-wrapper-box-shadow: 5px 0 30px rgba(0, 0, 0, 0.05);
    --login-input-focus-box-shadow: 0 0 0 4px rgba(255, 156, 25, 0.1);
    --login-twofa-border-color: rgba(255, 156, 25, 0.18);
    --login-twofa-background-color: rgba(255, 156, 25, 0.06);
    --login-primary-gradient: linear-gradient(135deg, var(--rz-secondary), #ffb45b);
    --login-twofa-icon-box-shadow: 0 8px 20px rgba(255, 156, 25, 0.25);
    --login-button-box-shadow: 0 4px 15px rgba(255, 156, 25, 0.3);
    --login-button-hover-box-shadow: 0 8px 25px rgba(255, 156, 25, 0.4);
    --login-button-shine-background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    --login-footer-border-color: #eeeeee;
    --login-powered-by-color: #aaaaaa;
    --login-version-info-color: #cccccc;
    --login-carousel-overlay-background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%);
    --login-carousel-heading-text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    --login-carousel-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    --login-password-toggle-hover-background-color: rgba(0, 0, 0, 0.05);
    --login-password-toggle-focus-box-shadow: 0 0 0 4px rgba(255, 156, 25, 0.12);
    --login-spinner-muted-border-color: rgba(255, 255, 255, 0.35);

    /* App Shell / Boot Splash */
    --boot-splash-background-color: #0B1220; /* สีพื้นหลังตอนแสดง Boot Splash */
    --boot-spinner-border-color: rgba(255,255,255,.25); /* สีเส้น spinner ส่วนจาง */
    --boot-spinner-active-border-color: rgba(255,255,255,.9); /* สีเส้น spinner ส่วน active */

    /* Blazor Error UI */
    --blazor-error-background-color: lightyellow; /* สีพื้นหลังแถบ error ของ Blazor */
    --blazor-error-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); /* เงาแถบ error ของ Blazor */

    /* Layout / Common Utility */
    --layout-logo-drop-shadow: drop-shadow(0 0 5px rgba(0,0,0,0.7)); /* เงา Logo และ Hamburger */
    --transparent-background-color: transparent; /* สีพื้นหลังแบบโปร่งใส */
    --transparent-border-color: transparent; /* สีเส้นขอบแบบโปร่งใส */
    --disable-background-color: rgb(243, 243, 243); /* สีพื้นหลังของรายการที่ถูก disable */

    /* Notification Badge */
    --notification-badge-background-color: #e74c3c; /* สีพื้นหลัง badge จำนวน notification */
    --notification-badge-color: #ffffff; /* สีตัวอักษร badge จำนวน notification */
    --notification-badge-box-shadow: 0 0 0 2px var(--rz-body-background-color); /* เงา/ขอบ badge จำนวน notification */

    /* Notification Panel */
    --notification-header-border-bottom: 1px solid var(--rz-border, #d6d6d6); /* เส้นขอบล่าง header ของ notification */
    --notification-header-background: linear-gradient(90deg, var(--rz-primary), color-mix(in srgb, var(--rz-primary) 75%, var(--rz-on-primary))); /* สีพื้นหลัง header ของ notification */
    --notification-body-background-color: var(--rz-on-primary); /* สีพื้นหลังส่วน body ของ notification */
    --notification-item-main-background-color: #000000; /* สี fallback พื้นหลัง item หลัก */
    --notification-item-main-box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12); /* เงา notification item */
    --notification-item-main-hover-box-shadow: 0 3px 10px rgba(15, 23, 42, 0.18); /* เงา notification item เมื่อ hover */
    --notification-item-remove-button-color: #000000; /* สีปุ่มลบ notification */
    --notification-item-info-background-color: #d3eafd; /* สีพื้นหลัง notification ประเภท info */
    --notification-item-success-background-color: #e2f2e3; /* สีพื้นหลัง notification ประเภท success */
    --notification-item-warning-background-color: #ffeacc; /* สีพื้นหลัง notification ประเภท warning */
    --notification-item-error-background-color: #fdd9d7; /* สีพื้นหลัง notification ประเภท error */
    --notification-item-title-color: #111827; /* สีหัวข้อ notification */
    --notification-item-time-color: #6b7280; /* สีเวลาของ notification */
    --notification-item-message-color: #374151; /* สีข้อความ notification */
    --notification-badge-new-background-color: #ff0066; /* สีพื้นหลัง badge new */
    --notification-badge-new-color: #ffffff; /* สีตัวอักษร badge new */
    --notification-badge-new-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9); /* เงา/ขอบ badge new */
    --notification-badge-link-background-color: #e5f3ff; /* สีพื้นหลัง badge link */
    --notification-badge-link-color: #1d4ed8; /* สีตัวอักษร badge link */

    /* Profile Popup */
    --profile-card-background-color: #ffffff; /* สีพื้นหลังของ Profile Card */
    --profile-card-border-color: rgba(15, 77, 125, 0.12); /* สีขอบของ Profile Card */
    --profile-card-box-shadow: 0 18px 45px rgba(24, 54, 86, 0.16), 0 3px 10px rgba(24, 54, 86, 0.08); /* เงาของ Profile Card */

    --profile-hero-text-color: #ffffff; /* สีตัวอักษรในส่วน Hero */
    --profile-hero-background: radial-gradient(circle at 88% 12%, rgba(47, 186, 222, 0.38), transparent 33%), linear-gradient(135deg, #0b4f8a 0%, #086fa0 58%, #148db2 100%); /* พื้นหลังของส่วน Hero */
    --profile-hero-decoration-border-color: rgba(255, 255, 255, 0.08); /* สีขอบของการ์ดตกแต่ง Hero */
    --profile-hero-decoration-after-border-color: rgba(255, 255, 255, 0.06); /* สีขอบของการ์ดตกแต่ง Hero (::after) */

    --profile-avatar-text-color: #ffffff; /* สีตัวอักษรใน avatar */
    --profile-avatar-background: linear-gradient(145deg, #ffb126, #ff8500); /* พื้นหลัง avatar */
    --profile-avatar-border-color: rgba(255, 255, 255, 0.95); /* สีขอบ avatar */
    --profile-avatar-box-shadow: 0 8px 20px rgba(4, 48, 83, 0.28); /* เงา avatar */

    --profile-name-color: #ffffff; /* สีชื่อใน profile */
    --profile-email-color: rgba(255, 255, 255, 0.92); /* สีอีเมลใน profile */
    --profile-details-background: #ffffff; /* พื้นหลังส่วนรายละเอียด */
    --profile-detail-row-border-bottom-color: #e8eef3; /* สีเส้นคั่นของรายละเอียด */

    --detail-icon-color: #176ba0; /* สีไอคอนรายละเอียด */
    --detail-icon-background: #f5faff; /* พื้นหลังไอคอนรายละเอียด */
    --detail-icon-border: #dcecf7; /* ขอบไอคอนรายละเอียด */
    --detail-icon-box-shadow: 0 2px 6px rgba(23, 107, 160, 0.08); /* เงาไอคอนรายละเอียด */

    --detail-label-color: #657382; /* สี label ของรายละเอียด */
    --detail-value-color: #202a35; /* สีค่าของรายละเอียด */

    --profile-actions-background: #fbfcfd; /* พื้นหลังส่วนปุ่มใน popup */
    --profile-actions-border-top-color: #e8eef3; /* เส้นบนของส่วนปุ่มใน popup */

    --profile-manage-button-color: #155f92; /* สีข้อความปุ่มจัดการ */
    --profile-manage-button-background: #ffffff; /* พื้นหลังปุ่มจัดการ */
    --profile-manage-button-border: #7aaed0; /* ขอบปุ่มจัดการ */
    --profile-manage-button-hover-color: #0d4d79; /* สีข้อความเมื่อ hover ปุ่มจัดการ */
    --profile-manage-button-hover-background: #f0f8fd; /* พื้นหลังเมื่อ hover ปุ่มจัดการ */
    --profile-manage-button-hover-border-color: #287ead; /* ขอบเมื่อ hover ปุ่มจัดการ */

    --profile-logout-button-text-color: #ffffff; /* สีข้อความปุ่มออกจากระบบ */
    --profile-logout-button-background: linear-gradient(135deg, #ff9316, #f46b08); /* พื้นหลังปุ่มออกจากระบบ */
    --profile-logout-button-border: #f57a0c; /* ขอบปุ่มออกจากระบบ */
    --profile-logout-button-box-shadow: 0 5px 12px rgba(244, 107, 8, 0.20); /* เงาปุ่มออกจากระบบ */
    --profile-logout-button-hover-background: linear-gradient(135deg, #f5840c, #dc5b00); /* พื้นหลังเมื่อ hover ปุ่มออกจากระบบ */
    --profile-logout-button-hover-border-color: #dc5b00; /* ขอบเมื่อ hover ปุ่มออกจากระบบ */

    /* Account Management Dialog */
    --account-dialog-header-background-color: #ffffff; /* สีพื้นหลัง header ของ dialog จัดการบัญชี */
    --account-dialog-header-border-bottom-color: rgba(0, 0, 0, .08); /* สีเส้นขอบล่าง header ของ dialog จัดการบัญชี */
    --account-avatar-box-shadow: 0 2px 6px rgba(0, 0, 0, .15); /* เงาของ avatar ในหัว dialog */
    --account-title-color: #1f2937; /* สีชื่อหัวข้อ dialog จัดการบัญชี */
    --account-subtitle-color: #6b7280; /* สีข้อความรองในหัว dialog */

    --profile-tab-panel-background-color: #ffffff; /* พื้นหลังของแท็บ Profile */
    --profile-tab-panel-border-color: #e4ebf2; /* ขอบของแท็บ Profile */
    --profile-tab-panel-box-shadow: 0 4px 14px rgba(24, 54, 86, 0.07); /* เงาของแท็บ Profile */

    --profile-info-item-background: linear-gradient(135deg, #ffffff 0%, #f7fafd 100%); /* พื้นหลังของแต่ละรายการข้อมูล Profile */
    --profile-info-item-border-color: #dde7f0; /* ขอบของแต่ละรายการข้อมูล Profile */
    --profile-info-item-hover-border-color: #b8d2e6; /* ขอบเมื่อ hover รายการข้อมูล Profile */
    --profile-info-item-hover-box-shadow: 0 5px 14px rgba(20, 91, 137, 0.08); /* เงาเมื่อ hover รายการข้อมูล Profile */
    --profile-info-icon-color: #1976ad; /* สี icon ของรายการข้อมูล Profile */
    --profile-info-icon-background-color: #eaf4fb; /* พื้นหลัง icon ของรายการข้อมูล Profile */
    --profile-info-label-color: #718096; /* สี label ของรายการข้อมูล Profile */
    --profile-info-value-color: #263442; /* สีค่าของรายการข้อมูล Profile */

    --account-info-item-background: color-mix(in srgb, var(--rz-base-100, #fff) 92%, var(--rz-primary) 8%); /* พื้นหลังรายการข้อมูลบัญชี (ทั่วไป) */
    --account-info-label-color: #222; /* สี label ข้อมูลบัญชี */
    --account-info-value-color: #777; /* สีค่าข้อมูลบัญชี */

    --account-field-label-color: #374151; /* สี label ของฟอร์มในบัญชี */
    --account-field-helper-color: #6b7280; /* สีข้อความช่วยเหลือของฟอร์มในบัญชี */

    --account-password-input-border-color: #9ca3af; /* ขอบ input รหัสผ่านในบัญชี */
    --account-password-input-background-color: #ffffff; /* พื้นหลัง input รหัสผ่านในบัญชี */
    --account-password-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, var(--rz-primary) 18%, transparent); /* เงาเมื่อ focus input รหัสผ่านในบัญชี */
    --account-password-input-placeholder-color: #9ca3af; /* สี placeholder ของ input รหัสผ่านในบัญชี */

    --twofa-method-card-background-color: #ffffff; /* พื้นหลังการ์ดเลือกวิธี 2FA */
    --twofa-method-card-border-color: rgba(0, 0, 0, .08); /* ขอบการ์ดเลือกวิธี 2FA */
    --twofa-method-card-box-shadow: 0 1px 6px rgba(0, 0, 0, .05); /* เงาการ์ดเลือกวิธี 2FA */
    --twofa-method-icon-background-color: color-mix(in srgb, var(--rz-primary) 12%, white); /* พื้นหลัง icon วิธี 2FA (authenticator) */
    --twofa-method-icon-color: var(--rz-primary); /* สี icon วิธี 2FA (authenticator) */
    --twofa-method-icon-email-background-color: color-mix(in srgb, var(--rz-success) 12%, white); /* พื้นหลัง icon วิธี 2FA (email) */
    --twofa-method-icon-email-color: var(--rz-success); /* สี icon วิธี 2FA (email) */
    --twofa-method-title-color: #1f2937; /* สีหัวข้อการ์ดวิธี 2FA */
    --twofa-method-description-color: #6b7280; /* สีคำอธิบายการ์ดวิธี 2FA */

    --email-otp-box-border-color: rgba(22, 112, 143, .16); /* ขอบกล่อง Email OTP */
    --email-otp-box-background-color: rgba(22, 112, 143, .06); /* พื้นหลังกล่อง Email OTP */

    --qr-box-background-color: #ffffff; /* พื้นหลังกล่อง QR Code */
    --qr-box-box-shadow: 0 1px 6px rgba(0, 0, 0, .08); /* เงากล่อง QR Code */
    --secret-key-background-color: rgba(0, 0, 0, .04); /* พื้นหลังของ Secret Key */

    /* Assign / Transfer e-D/O Dialog */
    --edo-assign-accent-color: #1261a0; /* สีหลักโหมดมอบสิทธิ์ (assign) */
    --edo-assign-accent-background-color: #eaf5ff; /* สีพื้นหลัง icon โหมดมอบสิทธิ์ */
    --edo-assign-accent-border-color: #c6e4fb; /* สีขอบ icon โหมดมอบสิทธิ์ */
    --edo-transfer-accent-color: #9a5a00; /* สีหลักโหมดโอน (transfer) */
    --edo-transfer-accent-background-color: #fff3d6; /* สีพื้นหลัง icon โหมดโอน */
    --edo-transfer-accent-border-color: #f5d58a; /* สีขอบ icon โหมดโอน */
    --edo-assign-visual-background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, .08), transparent 48%), var(--rz-base-100, #f8fafc); /* พื้นหลังส่วน flow visual โหมดมอบสิทธิ์ */
    --edo-transfer-visual-background: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, .10), transparent 48%), var(--rz-base-100, #f8fafc); /* พื้นหลังส่วน flow visual โหมดโอน */
    --edo-flow-node-box-shadow: 0 5px 18px rgba(15, 23, 42, .05); /* เงาของ flow node */
    --edo-assign-node-selected-border-color: #67b8ed; /* สีขอบ node ปลายทางเมื่อเลือกแล้ว (assign) */
    --edo-assign-node-selected-box-shadow: 0 8px 22px rgba(2, 132, 199, .11); /* เงา node ปลายทางเมื่อเลือกแล้ว (assign) */
    --edo-transfer-node-selected-border-color: #f0b54c; /* สีขอบ node ปลายทางเมื่อเลือกแล้ว (transfer) */
    --edo-transfer-node-selected-box-shadow: 0 8px 22px rgba(217, 119, 6, .11); /* เงา node ปลายทางเมื่อเลือกแล้ว (transfer) */
    --edo-flow-document-box-shadow: 0 5px 14px rgba(15, 23, 42, .14); /* เงา icon เอกสารที่วิ่งใน flow */
    --edo-assign-document-color: #1261a0; /* สี icon เอกสาร (assign) */
    --edo-assign-document-border-color: #91cdf3; /* สีขอบ icon เอกสาร (assign) */
    --edo-transfer-document-color: #b66c00; /* สี icon เอกสาร (transfer) */
    --edo-transfer-document-border-color: #f0c36a; /* สีขอบ icon เอกสาร (transfer) */
    --edo-notice-warning-color: #704600; /* สีตัวอักษรกล่องแจ้งเตือน (warning) */
    --edo-notice-warning-background-color: #fff8e8; /* สีพื้นหลังกล่องแจ้งเตือน (warning) */
    --edo-notice-warning-border-color: #f1ce7a; /* สีขอบกล่องแจ้งเตือน (warning) */
    --edo-notice-info-color: #174d73; /* สีตัวอักษรกล่องแจ้งเตือน (info) */
    --edo-notice-info-background-color: #eef8ff; /* สีพื้นหลังกล่องแจ้งเตือน (info) */
    --edo-notice-info-border-color: #b9def6; /* สีขอบกล่องแจ้งเตือน (info) */
}

img.layout-logo-image {
    height: 80px;
    padding: 0.75rem 0;
    filter: var(--layout-logo-drop-shadow);
}

/*.layout-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background-image: url('/images/edo/Navbar_BG5.png');
    background-repeat: no-repeat;
    background-position: right top;
    opacity: 0.4;
    z-index: -1;
}*/

.rz-textbox.rz-state-readonly input {
    background-color: var(--readonly-textbox-background-color) !important;
    border: var(--readonly-radzen-textbox-border) !important;
}