/*
 * ฟอนต์หลักของ backend (ecomadm) = Noto Sans Thai
 * ไฟล์ฟอนต์โหลดจาก Google Fonts ใน SApplication/autoloadjscss.php และไฟล์นี้ต้องโหลดหลัง CSS ตัวอื่นทั้งหมด
 * เพื่อทับฟอนต์ที่ Bootstrap / AdminLTE (Source Sans Pro) / plugin กำหนดไว้เอง
 * ไม่ใช้ selector * เพราะจะไปทับฟอนต์ไอคอน (FontAwesome, Ionicons, Glyphicons, summernote)
 */
:root {
    --admin-font: 'Noto Sans Thai', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /* ตัวอักษรหลักให้เข้มขึ้น (เดิม Bootstrap/AdminLTE ใช้ #333 / #444 / ช่องกรอก #555) */
    --admin-text: #1a1a1a;
}

body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
button, input, optgroup, select, textarea,
.main-header .logo,
.tooltip,
.popover,
.datepicker.dropdown-menu,
.daterangepicker .calendar th,
.daterangepicker .calendar td,
.flatpickr-calendar,
.select2-container,
.select2-dropdown,
.bootbox .modal-content,
.notification,
.alert-box,
.jqstooltip,
.jqsfield,
.note-editor .note-editable {
    font-family: var(--admin-font);
}

/*
 * สีตัวอักษรหลัก: ปรับเฉพาะข้อความสีดำ/เทาเข้ม
 * ไม่แตะลิงก์ (สีฟ้า), ข้อความรอง .help-block / .text-muted, placeholder และเมนูด้านข้างพื้นเข้ม
 */
body,
.content-header > h1,
.box-title,
label:not(.btn),
.panel-default > .panel-heading,
.table,
.form-control,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-results__option,
.note-editor .note-editable {
    color: var(--admin-text);
}

/* ข้อความในกราฟ Morris: Raphael ใส่ inline style "font: 12px sans-serif" จึงต้องใช้ !important (ขนาดตัวอักษรยังเป็นของเดิม) */
svg text {
    font-family: var(--admin-font) !important;
}