body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
    /* 🔹 تنسيق عرض حقل التاريخ */
    input[type="date"] {
        direction: ltr !important;
        text-align: left !important;
        font-family: inherit;
        font-size: 15px;
        padding: 6px 10px;
        border-radius: 6px;
        border: 1px solid #ccc;
        background-color: #fff;
    }

/* 🔹 في حالة اللغة العربية */
html[dir="rtl"] input[type="date"],
body[dir="rtl"] input[type="date"] {
    direction: ltr !important;
    text-align: left !important;
}