/* Container styling for the form */
.form {
  background-color: #f9f9f9; /* Light background */
  border: 1px solid #ddd; /* Subtle border */
  border-radius: 8px; /* Rounded corners */
  padding: 1.8rem; /* Spacing inside the form */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
  margin: 20px auto; /* Center the form with margin */
  max-width: 90%; /* Restrict the form's width */
}

/* Headings inside the form */
.form h1, form h2, form h3 {
  font-family: 'Arial', sans-serif; /* Clean font */
  font-weight: 600;
  color: #333; /* Darker text for contrast */
  text-align: center; /* Center headings */
  margin-bottom: 20px;
}

/* Form labels */
.form label {
  font-weight: bold;
  color: #555; /* Medium-dark text */
}

/* Inputs, selects, and textareas */
form input, form select, form textarea {
  border: 1px solid #ccc; /* Light border */
  border-radius: 4px; /* Subtle rounding */
  padding: 8px 12px; /* Comfortable padding */
  width: 100%; /* Full width */
  font-size: 14px;
  color: #333; /* Darker input text */
  background-color: #fff; /* White background */
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle inset shadow */
}

/* Placeholder text */
form input::placeholder, form textarea::placeholder {
  color: #aaa; /* Light placeholder text */
  font-style: italic;
}

/* Buttons */
form button {
  display: inline-block;
  background-color: #007bff; /* Bootstrap primary color */
  color: #fff; /* White text */
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

form button:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

/* Table styling */
form table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

form table th {
  background-color: #f0f0f0; /* Light gray background for headers */
  color: #555; /* Medium-dark text */
  font-weight: bold;
  padding: 10px;
  text-align: left;
  border-bottom: 2px solid #ddd;
}

form table td {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

/* Spacing between form fields */
form .mb-3 {
  margin-bottom: 15px;
}

/* Add some spacing between sections */
form fieldset {
  border: none;
  margin-bottom: 20px;
  padding: 0;
}

body {
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  background-color: #f5f5f5;
  color: #444444;
}

h1 {
  font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  color: #0072c6;
}

h3 {
  font-family: "Segoe UI Semilight", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  color: #333333;
}

.badge {
  padding: 0.5rem;
}

.table-act {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
}

#orgtFilter {
  background-color: #ffffff;
  color: #444444;
  border: 1px solid #e8e8e8;
}

#orgtFilter:focus {
  border-color: #0072c6;
  box-shadow: 0 0 3px #0072c6;
}

.table-act thead,
.active>.page-link,
.page-link.active {
  background: #5e437a;
  color: #ffffff;
  border-color: #5e437a;
}

.btn-act {
  color: #ffffff;
  background-color: #F28B00;
  border-color: #917C60;
}

.btn-act:hover,
.btn-act:focus,
.btn-act:active,
.btn-act.active,
.open .dropdown-toggle.btn-act {
  color: #ffffff;
  background-color: #2e5496;
  border-color: #917C60;
}

.btn-act:active,
.btn-act.active,
.open .dropdown-toggle.btn-act {
  background-image: none;
}

.btn-act.disabled,
.btn-act[disabled],
fieldset[disabled] .btn-act,
.btn-act.disabled:hover,
.btn-act[disabled]:hover,
fieldset[disabled] .btn-act:hover,
.btn-act.disabled:focus,
.btn-act[disabled]:focus,
fieldset[disabled] .btn-act:focus,
.btn-act.disabled:active,
.btn-act[disabled]:active,
fieldset[disabled] .btn-act:active,
.btn-act.disabled.active,
.btn-act[disabled].active,
fieldset[disabled] .btn-act.active {
  background-color: #F28B00;
  border-color: #917C60;
}

.btn-act .badge {
  color: #F28B00;
  background-color: #ffffff;
}

.required {
  color: red;
}