body {
    background-color: #f8f9fa; /* لون الخلفية الفاتح */
    font-family: 'Arial', sans-serif;
    cursor: default;
}

.modal-content {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
/* For clickable elements */
a, button,
input[type="submit"],
input[type="button"],
.clickable {
    cursor: pointer;
}

/* Custom cursor style using a gradient between your theme colors */
* {
    cursor: default;
}

/* Apply custom cursor to clickable elements */
a, button,
input[type="submit"],
input[type="button"],
.clickable {
    cursor: pointer;
}

/* For text selection */
::selection {
    background-color: rgba(13, 37, 68, 0.3); /* #0d2544 with opacity */
    color: #f8bc3c;
}

:-moz-selection {
    background-color: rgba(13, 37, 68, 0.3); /* #0d2544 with opacity */
    color: #f8bc3c;
}

/* For input fields */
input[type="text"],
textarea {
    cursor: text;
}

/* For disabled elements */
.disabled,
[disabled] {
    cursor: not-allowed;
}

.navbar {
    background-color: #0d2544; /* الأزرق الداكن */
}

.navbar-brand img {
    height: 50px;
}

.nav-link {
    color: #f8bc3c; /* اللون الذهبي */
}

    .nav-link:hover {
        color: #ffffff; /* الأبيض */
    }

.footer {
    background-color: #0d2544;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
}




/* تخصيص حقول الإدخال */
.custom-textbox {
    border: none; /* Remove all borders */
    border-bottom: 2px solid #0d2544; /* Add a border only at the bottom */
    border-radius: 0; /* Remove any rounded corners */
    padding: 10px; /* Inner spacing */
    width: 100%; /* Full width */
    text-align: center; /* Center the text horizontally */
    direction: rtl; /* Right-to-left text direction */
    background-color: #ffffff; /* White background */
    outline: none; /* Remove default outline */
    box-shadow: none; /* Remove default shadow */
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

    /* Focus effect */
    .custom-textbox:focus {
        border-color: #f8bc3c; /* Highlight the border on focus */
        box-shadow: none; /* Remove shadow on focus */
    }


/* إطار حول الفورم */
.form-container {
    border: 3px solid #0d2544; /* إطار بارز */
    border-radius: 15px; /* زوايا مستديرة */
    padding: 20px; /* تباعد داخلي */
    background-color: rgba(255, 255, 255, 0.9); /* خلفية شبه شفافة */
    box-shadow: 0 0 20px rgb(128, 128, 128); /* ظل ذهبي */
    margin: 20px auto; /* توسيط الفورم */
    max-width: 600px; /* تحديد عرض الفورم */
}

.form-group label {
    color: #0d2544;
    font-family: 'NotoSansRegular', sans-serif;
    text-align: right; /* النص التوضيحي على اليمين */
    display: block; /* لجعل النص في سطر جديد */
    margin-bottom: 5px; /* تباعد بين النص والحقل */
}

.btn-primary {
    background-color: #0d2544;
    border-color: #0d2544;
}

    .btn-primary:hover {
        background-color: #f8bc3c;
        border-color: #f8bc3c;
        color: #0d2544;
    }

.btn-log-style {
    color: #f8bc3c; /* Text color */
    background-color: #0d2544; /* Background color */
    font-family: NotoSansBold, sans-serif; /* Font family */
    text-align: center; /* Center align text */
    padding: 10px; /* Padding */
    border-radius: 10px; /* Rounded corners */
    border: none; /* Remove border */
    display: block; /* Block for full width */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth hover transition */
    width: 100%; /* Full width */
    margin-top: 20px; /* Add spacing above the button */
}

    .btn-log-style:hover {
        background-color: #f8bc3c; /* Change background on hover */
        color: #0d2544; /* Change text color on hover */
    }

.custom-dropdown {
    /* background-color: #3b2771;*/
    color: #0d2544; /* Font color */
    /*  border: 5px;Remove default border */
    padding: 5px; /* Add some padding for aesthetics */
    border-radius: 5px; /* Add rounded corners */
    width: 100%;
}

    /* Style for the DropDownList options */
    .custom-dropdown option {
        /*   background-color: #3b2771;*/
        color: #0d2544; /* Font color */
    }
.label-centered {
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    /* height: 38px; Match typical input height */
    background-color: #f8f9fa; /* Optional: Add background for clarity */
    border: 1px solid #ced4da; /* Optional: Add border to mimic input appearance */
    /* border-radius: 5px; Rounded corners for a smoother look */
    font-size: 1rem; /* Adjust font size */
}

/* DataGrid Styles */
.data-grid {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: 'Arial', sans-serif;
    /*direction: rtl;  Right-to-left for Arabic */
}

    /* Header Row */
    .data-grid th {
        background-color: #0d2544; /* Dark blue */
        color: #f8bc3c; /* Golden yellow */
        padding: 12px;
        text-align: center;
        font-weight: bold;
        border-bottom: 2px solid #f8bc3c;
    }

    /* Data Rows */
    .data-grid td {
        padding: 10px;
        text-align: center;
        border-bottom: 1px solid #ddd;
        background-color: #ffffff; /* White background */
    }

    /* Alternating Row Colors */
    .data-grid tr:nth-child(even) td {
        background-color: #f8f9fa; /* Light gray for even rows */
    }

    /* Hover Effect on Rows */
    .data-grid tr:hover td {
        background-color: #f8bc3c;
        color: #0d2544;
        transition: background-color 0.2s ease;
    }

    /* Edit and Action Buttons */
    .data-grid .btn-edit,
    .data-grid .btn-update,
    .data-grid .btn-cancel {
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
        color: #ffffff;
        transition: background-color 0.3s ease;
    }

    .data-grid .btn-edit {
        background-color: #0d2544; /* Dark blue */
    }

        .data-grid .btn-edit:hover {
            background-color: #f8bc3c; /* Golden yellow on hover */
            color: #0d2544; /* Dark blue text on hover */
        }

    .data-grid .btn-update {
        background-color: #28a745; /* Green for update */
    }

        .data-grid .btn-update:hover {
            background-color: #218838; /* Darker green on hover */
        }

    .data-grid .btn-cancel {
        background-color: #dc3545; /* Red for cancel */
    }

        .data-grid .btn-cancel:hover {
            background-color: #c82333; /* Darker red on hover */
        }

    /* Dropdown in Edit Mode */
    .data-grid .custom-dropdown {
        width: 100%;
        padding: 5px;
        border: 1px solid #ced4da;
        border-radius: 5px;
        background-color: #ffffff;
        color: #0d2544;
    }

    /* Labels in DataGrid */
    .data-grid .label-centered {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f8f9fa;
        border: 1px solid #ced4da;
        border-radius: 5px;
        font-size: 1rem;
    }

.full-width-line {
    width: 100%;
    height: 2px; /* Adjust thickness */
    background-color: darkblue; /* Adjust color */
    border: none; /* Remove default border */
    margin: 20px 0; /* Adjust spacing */
}

.section-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .section-title i {
        margin-left: 10px;
    }

    .section-title.client-requests {
        color: darkolivegreen; /* Blue color for client requests */
    }

    .section-title.my-requests {
        color: #28a745; /* Green color for my requests */
    }

    .section-title.other-requests {
        color: #dc3545; /* Red color for other requests */
    }

.HeaderStyle {
    background-color: #0d2544 !important; /* Green background */
    color: white !important; /* White text */
    font-family: Arial, sans-serif, FontAwesome; /* Ensure Font Awesome works */
}

    /* Prevent hover effects on the header */
    .HeaderStyle:hover {
        background-color: #28a745 !important; /* Keep the same green background on hover */
        color: white !important; /* Keep the same white text on hover */
    }

    /* Ensure Font Awesome icons are displayed correctly */
    .HeaderStyle i {
        font-family: FontAwesome !important;
    }