.bg-gradient-primary {
  background-color: #0a33ab;
  background-image: linear-gradient(180deg, #0a33ab 10%, #ffffff 100%);
  background-size: cover;
}

.validation-summary-simple li {
  list-style-type: none;
}

.validation-summary-simple ul {
  margin-bottom: 0;
  padding-inline-start: 0;
}

select.input-validation-error {
  border-color: #e11d48;
  padding-right: calc(1.5em + 1rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E11D48' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E11D48' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.85rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

select.input-validation-error:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

input.input-validation-error {
  border-color: #e11d48;
  padding-right: calc(1.5em + 1rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E11D48' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E11D48' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

input.input-validation-error:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.bg-login-image {
  background: url("/img/login_sticker_2025.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.navbar-sticker {
  min-height: 4.375rem;
  width: 400px;
  background-image: url("/img/navbar_sticker.jpg");
  background-size: 400px auto;
  background-repeat: no-repeat;
}

.form-inline {
  display: inline-block;
}

.form-tbl {
  display: inline-block;
}

.form-tbl button {
  padding: 0;
  color: #3a3b45;
  font-size: 13.6px;
}

.form-tbl button:hover {
  color: #3a3b45;
  text-decoration: none;
}

.btn-link-table {
  color: #858796;
}

.btn-link-table:hover {
  color: #858796;
}

/* Shared attachment styles */
.attachment-item {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

.attachment-item .filename {
  flex-grow: 1;
  margin-right: 1rem;
}

.attachment-item .remove-btn {
  color: #dc3545;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
}

.attachment-item .remove-btn:hover {
  color: #bd2130;
}

.table-header-sm th {
  font-size: 0.8em;
}

.table-filter-header i {
  cursor: pointer;
}

.cell-dark {
  background-color: rgba(0, 0, 0, .05);
}

.text-danger-dark {
  color: #be2617 !important;
}

@media (min-width: 768px) {
    .d-md-cell {
        display: table-cell !important;
    }
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    border-radius: 0.35rem;
}

.loader-content {
    text-align: center;
    color: #007bff;
    font-weight: 500;
}

.text-sm {
    font-size: 10px;
}

.form-inline2 {
    display: flex;
}

.table {
    color: #4c4c4c;
}
