/* body {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background-color: orangered;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, 'Times New Roman', Times, serif;
} */

@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"); */

:root {
    --primary-color: #1f3d7d;
    --secondary-color: #656565;
    --success-color: #8CC63F;
    --danger-color: #F69200;
    --warning-color: #FEC306;
    --info-color: #C1DEEC;

    --primary-hover-color: #1662A9;

    /* --sidebar-bg-color: var(--info-color);
    --header-bg-color: #E3F1CF; */
    /* --sidebar-bg-color: rgb(31, 61, 125);
    --header-bg-color: rgb(243, 107, 33); */
    --sidebar-bg-color: #1f3d7d;
    --header-bg-color: #f36b21;

    /* --header-user-profile-bg-color: var(--primary-color); */
    --header-user-profile-bg-color: var(--header-bg-color);
    
    --heading-font: "Anuphan", sans-serif;
    --text-light-color: #141414;
    --text-hover-light-color: var(--primary-hover-color);
    --text-muted-light-color: #444;
    --text-dark-color: #e1edff;
    --text-hover-dark-color: #FFFFFF;
    --text-muted-dark-color: #C4C4C4;

    --table-th-bg-color: #E1E1E1;
}

body {
    /* font-family: "Sarabun", sans-serif; */
}
h1, h2, h3, h4, h5, h6, .h6, button, .btn, .dropdown-menu {
    font-family: var(--heading-font) !important;
}
h1 {
    color: var(--primary-hover-color);
}
#app-menu,
#app-menu-toggle-button {
    background-color: var(--sidebar-bg-color);
    border-color: var(--sidebar-bg-color);
}
#app-menu-toggle-button * {
    color: white;
}
ul.dropdown-menu {
    background-color: var(--sidebar-bg-color);
    border: none;
}
ul.dropdown-menu, ul.dropdown-menu a {
    color: var(--text-dark-color);
}
ul.dropdown-menu a:hover {
    background-color: var(--primary-color);
    color: var(--text-hover-dark-color);
}
ul.dropdown-menu .dropdown-divider {
    margin: 0;
}
ul.dropdown-menu a {
    padding: 0.5rem 1rem;
}

.accordion-button i, .btn i, .dropdown-item i {
    margin-right: 0.25rem;
}
.btn-sm i {
    margin-right: 0;
}