.ant-pro-sider {
    background-color: #275f95;
    color: #fff;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 40px;
    line-height: 40px;
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 36px !important;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #000c17;
}

.ant-menu.ant-menu-dark {
    background: #326ca5;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background-color: #4076ac;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #051d3ead;
}

.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a {
    color: white;
}

.ant-pro-sider .ant-menu-inline .ant-menu-item, .ant-pro-sider .ant-menu-inline .ant-menu-submenu-title {
    width: 90%;
    margin-left: 10px;
    border-radius: 15px;
}

.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-item, .ant-menu-vertical-right .ant-menu-submenu-title {
    height: 40px;
    margin-top: 5px;
    margin-bottom: 4px;
    padding: 0 16px;
    /*    overflow: hidden;*/
    line-height: 40px;
    text-overflow: ellipsis;
}


body {
    font-family: Bai Jamjuree, -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji' !important;
}

.ant-page-header {
    margin-bottom: 10px;
    padding: 7px 20px;
}

.ant-page-header-heading-title {
    font-size: 18px;
    color: #567da9;
}

.ant-pro-basicLayout-content {
    margin: 10px 15px 15px 15px;
}

/*.ant-menu-submenu-open {
    background-color: #3a72aa;
}*/
.cardLightSky > .ant-card-head {
    background-color: #e1f6ff;
    color: #003C71;
    font-weight: bold;
    border: 1px solid #bde1ff;
    border-radius: 6px 6px 0px 0px;
}

.cardLightSky > .ant-card-body {
    border: 1px solid #bde1ff;
    color: #003C71;
}

.ant-divider-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 15px 0;
    border-top: 1px solid #ddecff;
}

.cardBackOffice > .ant-card-head {
    background-color: #E5FFF4;
    color: #003C71;
    font-weight: bold;
    border: 1px solid #9DE9D3;
}

:root .ant-form-item-explain-connected + div {
    height: 0 !important;
}

:root .ant-form-item-label.ant-col-sm-24,
.ant-form-item-label.ant-col-xs-24 {
    padding: 0 !important;
}

/* =========================
   DISABLE MUD INPUT CSS
   FOR ANTBLAZOR INPUT
========================= */

/* ปิด style หลักของ MudBlazor input */
.mud-input,
.mud-input-root,
.mud-input-control,
.mud-input-slot,
.mud-input-slot input,
.mud-input-label,
.mud-input-adornment,
.mud-input-helper-text {
    all: unset !important;
}

    /* กัน pseudo element */
    .mud-input::before,
    .mud-input::after,
    .mud-input-root::before,
    .mud-input-root::after,
    .mud-input-control::before,
    .mud-input-control::after {
        display: none !important;
        content: none !important;
    }

/* ปิด ripple / animation */
.mud-ripple,
.mud-ripple-input,
.mud-input-underline,
.mud-shrink-text {
    display: none !important;
}

/* ปิด transition ที่ทำให้ caret เพี้ยน */
.mud-input,
.mud-input-root,
.mud-input-control {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

    /* ปิด focus effect */
    .mud-input:focus,
    .mud-input-root:focus,
    .mud-input-control:focus {
        box-shadow: none !important;
        outline: none !important;
    }

/* reset overflow */
.mud-input-root,
.mud-input-control,
.mud-input-slot {
    overflow: visible !important;
}

    /* reset z-index */
    .mud-input-root,
    .mud-input-control,
    .mud-input-slot,
    .mud-input-slot input {
        z-index: auto !important;
        position: static !important;
    }