.btn-edit-backend{
    background-color: #ecb223;
    border: none;
    padding: 0.65rem;
    border-radius: 14px;
}



/* แถบนำทางครับ */
.fixed-bottom {
    border-radius: 18px 18px 0 0;
    background: rgb(0, 147, 255);
    background: linear-gradient(6deg, var(--main) 2%, var(--sub) 100%);
    border: none;
    /* เส้นขอบด้านบน */
    box-shadow: rgba(20, 40, 70, 0.2) 0px 7px 29px 0px;
}

.fixed-bottom a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #495057;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.fixed-bottom a:hover,
.fixed-bottom a:focus {
    transform: scale(1.2);
}

.fixed-bottom a.active {
    color: #ffffff;
    /* สีข้อความเมื่อเลือก */
}

/* แสดงผลบน iPad (ขนาดหน้าจอ 768px ขึ้นไป) */
@media (min-width: 768px) {
    .fixed-bottom {
        display: flex;
        justify-content: center;
        /* จัดให้อยู่ตรงกลาง */
    }

    .fixed-bottom .container {
        width: 768px;
        /* กำหนดความกว้างของคอนเทนเนอร์ */
    }
}



#table_filter input[type="search"] {
		border-radius: 13px;
		border: solid 1px #373a42;
	 	 color: #fff ;/* แทนที่ #ของคุณต้องการ ด้วยรหัสสีที่คุณต้องการ */
		padding: 0.5rem;
		font-size:12px;
	}