/* Styles for Admin Section */

/* General Admin Layout */
.admin-section {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #f1f1f1;
    padding: 20px;
}

/* Admin Header */
.admin-section .admin-header {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border-bottom: 2px solid #000;
}

/* Admin Tables */
.admin-section table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.admin-section th, .admin-section td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}
.admin-section th {
    background-color: #333;
    color: #fff;
}

/* Admin Buttons */
.admin-section .admin-button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
}
.admin-section .admin-button:hover {
    background-color: #005177;
}

/* Front End Form Styles */

/* General Form Layout */
.front-end-form {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    max-width: 600px;
    margin: 20px auto;
}

/* Form Inputs */
.front-end-form input[type="text"],
.front-end-form input[type="email"],
.front-end-form input[type="password"],
.front-end-form textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
}

/* Form Labels */
.front-end-form label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

/* Form Submit Button */
.front-end-form .form-button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
}
.front-end-form .form-button:hover {
    background-color: #005177;
}