.footers {
    margin-top:150px;
    position: relative;
    width: 100%;
    background: #3586ff;
    min-height: 10px;
    padding: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.wave {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #3586FF;
    background-size: 1000px 100px;

}

    .wave#wave1 {
        z-index: 3;
        opacity: 1;
        bottom: 0;
        animation: animateWaves 4s linear infinite;
    }

    .wave#wave2 {
        z-index: 2;
        opacity: 0.5;
        bottom: 10px;
        animation: animate 4s linear infinite !important;
    }

    .wave#wave3 {
        z-index: 3;
        opacity: 0.2;
        bottom: 15px;
        animation: animateWaves 3s linear infinite;
    }

    .wave#wave4 {
        z-index: 2;
        opacity: 0.7;
        bottom: 20px;
        animation: animate 3s linear infinite;
    }

@keyframes animateWaves {
    0% {
        background-position-x: 1000px;
    }

    100% {
        background-positon-x: 0px;
    }
}

@keyframes animate {
    0% {
        background-position-x: -1000px;
    }

    100% {
        background-positon-x: 0px;
    }
}


.font-size-adjuster {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.font-size-label {
    margin-right: 5px; /* ลดระยะห่างระหว่างข้อความและปุ่ม */
    font-size: 16px; /* ขนาดตัวอักษรของข้อความ */
}

.font-button {
    font-size: 16px; /* ขนาดฟอนต์ของปุ่ม */
    margin: 0 2px; /* ลดระยะห่างระหว่างปุ่ม */
    padding: 5px 10px;
    border: none; /* เอากรอบออก */
    background: none; /* เอาพื้นหลังออก */
    cursor: pointer; /* เปลี่ยนเคอร์เซอร์เมื่อชี้ที่ปุ่ม */
}

.small-font {
    font-size: 12px;
}

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

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

table.table-detail thead tr th,
table.table-detail tbody tr td{
    
}


.accordion-form {
    border: none !important;
}

    .accordion-form .accordion-item:first-of-type {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
        .accordion-form .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
        }

    .accordion-form .accordion-item {
        border-left: 0px !important;
        border-right: 0px !important;
    }

        .accordion-form .accordion-item .accordion-form-document {
            border-bottom: 1px solid #ddd ;
        }
        .accordion-form .accordion-item .accordion-form-document:last-child {
            border-bottom: 0px !important;
        }


        @media (max-width: 1200px) {
            .left-header .page-menu{
        background:#000000 !important;
    }
    header.left-header .sidenav nav {
        background-color: unset !important;
    }
    header.left-header .sidenav .sidebar-back {
        display: block;
        color: black;
        border-bottom:none !important;
    }
    header.left-header .sidenav .left-sidebar_center {
        padding: 0px !important;
        background-color: unset !important;
    }
    header.left-header .sidenav ul.menu-category li a {
        background: unset !important;
        margin-bottom: 0px !important;
    }
    header.left-header .sidenav ul.menu-category li a:hover{
        letter-spacing: unset !important;
    }
}

@media (max-width: 768px){
    .section-footer .footer-top,
    .section-footer .footer-middle,
    .section-footer .footer-bottom{
        padding-left:15px;
        padding-right:15px;
    }
}