/* tlm-style.css */

/* General Styles */
body {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #f5f5f5;
}

/* Styles for Search Form */
.tlm_search_form {
    background-color: #456a67; /* Background color */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px; /* Space below the form */
	color:white;
}

.search-row {
    display: flex; /* Align items in a row */
    align-items: center; /* Center items vertically */
    justify-content: space-between; /* Distribute space between items */
}

.search-dropdown,
.search-input {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-right: 10px; /* Space between inputs */
    flex: 1; /* Allow inputs to take available space */
	margin: 0px 10px !important;
}

.search-dropdown {
    margin-right: 15px; /* Extra space between dropdown and input */
}

.search-input {
    margin-right: 0; /* No margin on the last element */
}

.search-input::placeholder {
    color: #aaa; /* Placeholder color */
}

.button.button-primary {
    background-color: #005177; /* Button background color */
    color: #ffffff; /* Button text color */
}

.button.button-primary:hover {
    background-color: #003d4c; /* Button hover color */
}

/* Styles for Tables */
.tlm_doc_table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0; /* Margin above and below the table */
    background-color: #fff; /* Table background */
    border-radius: 5px;
    overflow: hidden; /* Round the corners of the table */
}

.tlm_doc_table th,
.tlm_doc_table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd; /* Bottom border for each row */
}

.tlm_doc_table th {
    background-color: #456a67; /* Header background color */
    color: white; /* Header text color */
}

.tlm_doc_table tr:hover {
    background-color: #f1f1f1; /* Row hover color */
}

/* Styles for Forms */
.tlm_doc_form {
    background-color: #fff; /* Background color for forms */
    border-radius: 5px;
    padding: 20px; /* Inner padding for forms */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.tlm_doc_form label {
    display: block; /* Labels on their own line */
    margin-bottom: 5px; /* Space below labels */
}

.tlm_doc_form input[type="text"],
.tlm_doc_form input[type="date"],
.tlm_doc_form input[type="file"],
.tlm_doc_form select,
.tlm_doc_form textarea {
    width: 100%; /* Full width for inputs */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px; /* Space below inputs */
    box-sizing: border-box; /* Include padding and border in width */
}

.tlm_doc_form input[type="submit"] {
    background-color: #0073aa; /* Submit button background color */
    color: #fff; /* Submit button text color */
    border: none; /* No border */
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer; /* Pointer cursor on hover */
}

.tlm_doc_form input[type="submit"]:hover {
    background-color: #005177; /* Submit button hover color */
}
/* Pagination Styles */
.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination a {
    padding: 8px 12px;
    border: 1px solid #0073aa;
    color: #0073aa;
    text-decoration: none;
    margin: 0 4px;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
display: inline-block;
  margin-top: 5px;
}

.pagination a:hover {
    background-color: #0073aa;
    color: white;
}

.pagination strong {
    padding: 8px 12px;
    background-color: #f2f2f2;
    border-radius: 4px;
}
/* Responsive Styles */
@media (max-width: 768px) {
    .search-row {
        flex-direction: column; /* Stack items on small screens */
        align-items: stretch; /* Stretch to full width */
    }

    .search-dropdown,
    .search-input,
    .button.button-primary {
        margin-right: 0; /* No right margin */
        margin-bottom: 10px; /* Space between stacked items */
    }

    .tlm_doc_table {
        font-size: 14px; /* Slightly smaller font size for mobile */
    }

    .tlm_doc_form {
        padding: 15px; /* Less padding on mobile */
    }
}