@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai&display=swap');

@font-face {
    font-family: 'SASHIMI';
    src: url('/assets/media/font/SASHIMI.ttf') format('truetype');
}

:root {
    --best-color: #0095B1;
}

.cur {
    cursor: pointer;
}

.f-005 {
    color: #005858;
}

.f-999 {
    color: #999999;
}

.f-00b {
    color: #00B1A0;
}

.f-009 {
    color: var(--best-color);
}

body {
    font-family: 'Poppins', 'Noto Sans Thai', sans-serif !important;
    background-color: #F5F7F8 !important;
}

.br-20 {
    border-radius: 20px;
}

.svg-icon-2 {
    color: #ff0000;
    /* หรือค่าสีอื่น ๆ ที่ต้องการใช้ */
}

.sashimi {
    font-family: 'SASHIMI', sans-serif;
}

.noto {
    font-family: 'Noto Sans Thai', sans-serif;
}

.text-06 {
    color: #069697;
}

.shadow-fix {
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.activeAll {
    border-radius: 20px 0px 0px 20px;
    gap: 5px;
    transition: color 0.2s ease;
    background-color: var(--bs-app-sidebar-light-menu-link-bg-color-active);
}

.activeDows {
    border-radius: 0px 20px 0px 20px;
    background-color: #0095B1;
    margin: 0px 12px 8px 12px;
    color: #FFFFFF;
}

.table-br {
    border: 1px solid;
    border-color: #F3F3F3;
    border-radius: 15px;
}

.bg-e0 {
    --bs-bg-opacity: 1;
    background-color: #E0E0E0 !important;
}

.btn-button {
    color: black;
    /* border: 1px solid; */
    /* border-color: #C6CACC; */
    /* padding: calc(0.8rem + 0px) calc(1.5rem + 0px); */
    background-color: #FFFFFF;
    border-radius: 6px;
}

.btn-button:hover {
    color: black;
    background-color: #bfbfbf;
    border-radius: 6px;
}

.btn-009 {
    background-color: #0095B1;
}

.btn-007 {
    background-color: #0074B1;
}

.btn-green {
    background-color: #00B1A0;
}

.btn-red {
    background-color: #D24F4D;
}

.btn-blue {
    background-color: #2D9CDB;
}

.btn-green:hover {
    background-color: #00998a;
}

.btn-red:hover {
    background-color: #c04846;
}

.btn-blue:hover {
    background-color: #2785bb;
}

.btn-00b {
    background-color: #00B1A0;
}

.btn-00b:hover {
    background-color: #007489;
}

.btn-007:hover {
    background-color: rgb(0, 84, 99);
}

.shadow-00b {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
}

.fix_menu {
    border-color: #C6CACC;
    background-color: #FFFFFF;
}

.data-sm {
    background-color: #F1F3F4;
    padding: 0px 10px 0px 10px;
    border-radius: 6px;
}

.fs-10 {
    font-size: 10px;
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.fs-38 {
    font-size: 38px;
}

.fw-100 {
    font-weight: 100px;
}

.fw-200 {
    font-weight: 200px;
}

.fw-300 {
    font-weight: 300px;
}

.fw-400 {
    font-weight: 400px;
}

.fw-500 {
    font-weight: 500px;
}

.fw-600 {
    font-weight: 600px;
}

.fw-700 {
    font-weight: 700px;
}

.dropdown-toggle::after {
    font-size: 16px;
}

#kt_app_header {
    border: 0px;
    background-color: #F5F7F8;
}

#kt_app_main {
    color: #F5F7F8;
}

.bg-e5e7eb {
   background-color:#e5e7eb !important;
}

.border-rd-15px {
    border-radius: 15px !important;
}
.border-sidebar {
    border: 1px solid black !important;
}

.max-width {
max-width: 100%;
}


.menu-item-nation:hover {
    background-color:#e5e7eb ;
}