.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, #0e0f113b 2%, #0f1013b0 100%);
    backdrop-filter: blur(15px);
    border: none;
    /* เส้นขอบด้านบน */
    box-shadow: rgba(20, 40, 70, 0.2) 0px 7px 29px 0px;
}
.text-nav-bottom {
    font-size: 10px;
    color: #d0d7dd;
    margin-top: 4px;
    transition: color 0.3s ease;
}
.text-nav-bottom:hover {
    font-size: 10px;
    color: var(--main);
    margin-top: 4px;
    transition: color 0.3s ease;
}

.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;
	}