.swal2-container {
    --swal-width: 21.25rem;
    --swal-icon-size: 8rem;

}

.text-bold{
    font-weight: bold !important;
}

.text-bolder{
    font-weight: bolder !important;
}

:root, [data-color-theme=light]{
    --font-sans-serif:'THSarabunNew', sans-serif !important;
    /*--body-font-family: var(--font-sans-serif);*/
    --body-bg: #efefef !important;
    --bg-theme: #645ca4;
    --bg-theme-light: #4f8bfb;
    --icon-font-family: "Phosphor" !important;
}

[class*=" ph-"], [class^=ph-] {
    font-weight: 400;
    font-size: var(--icon-font-size);
    min-width: 1em;
    display: inline-block;
    vertical-align: calc(calc(50% - var(--icon-font-size)) * .5);
}

.dropdown-toggle::after {
    content: "\e9fe";
}

.dropdown-menu>.dropdown-submenu>.dropdown-item:after{
    content: "\ea00";
}

.dropdown-menu>.dropdown-submenu.dropdown-submenu-start>.dropdown-menu{
    left: 50%;
    top: 33%;
}

.navbar-brand img.logo {
    height: calc(302rem / 100) !important;
}

.navbar{
    --navbar-spacer-1: 0.125rem;
    --navbar-spacer-2: 0.125rem;
    --navbar-padding-x: calc(var(--navbar-spacer-1) * 0.5);
    --navbar-padding-y: var(--navbar-spacer-2);
}

.navbar .nav-item a.active{
    --navbar-active-bg: var(--bg-theme);
    --navbar-active-color: white;
    --navbar-hover-active-color: white;
}

.navbar-nav-link.active, .navbar-nav-link.show, .navbar-nav-link[aria-expanded=true]
{
    font-weight: bold;
}

.dropdown-menu{
    --dropdown-padding-y: 0.001rem;
}

.dropdown-item {
    --dropdown-item-padding-x: 0.55rem;
    --dropdown-item-padding-y: 0.75rem;

}
.dropdown-divider{
    --dropdown-divider-margin-y: 0.025rem;
}

.dropdown-item.active, .dropdown-item:active{
    background-color: var(--bg-theme-light) !important;
    color: white;
    font-weight: bold;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--dropdown-link-active-bg);
}

.dt-buttons {
    display: none !important;
}