.error-is-invalidated {
    font-size: 13px;
    display: block;
    color: white;
    padding: 2px 8px;
    border: 1px solid transparent;
    border-color: #d73925;
    background-color: #dd4b39;
    border-radius: 0.375rem;
    margin-top: 3px;
}
.error-input-invalid {
    border-color: #d73925!important;
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #cc291e 0%, #d3261a 100%);
}
.btn-py-md {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.sidenav {
    z-index: 1001;
}
.select2 {
    width: 100%!important;
    /* padding-top: 0.625rem!important;
    padding-bottom: 0.625rem!important; */
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40.19px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40.19px!important;
}
.select2-container--default .select2-selection--single {
    border-radius: 0.375rem!important;
}
.dt-paging-button.page-item.active > .page-link {
    color: #fff;
}
.ui-datepicker {
    z-index: 1051!important;
}
.table > tbody > tr > td {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
}
.height-modal-body {
    height: 100%;
    max-height: calc(100vh - 200px);
}
.hover-underline:hover {
    text-decoration: underline;
}
.dropzone .dz-preview.dz-image-preview {
    background-color: transparent !important;
}
.dz-image {
    height: auto;
}
.dz-image > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.dz-remove {
    width: fit-content;
    border-radius: 5%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 4px auto;
}
.dz-remove:hover {
    background-color: #cc291e !important;
    color: white;
}
.text-underline-hover:hover {
    text-decoration: underline;
    color: rgb(0, 68, 253);
}
.table-container {
  max-height: 280px; /* Set a maximum height for the scrollable area */
  overflow-y: auto; /* Enable vertical scrolling when content exceeds max-height */
}
.table-container thead th {
  position: sticky; /* Make the header stick to the top */
  top: 0; /* Position it at the very top of the scrollable container */
  z-index: 1; /* Ensure the header stays above the scrolling content */
}
/* Optional: Basic table styling for clarity */
.table-container table {
  width: 100%;
  border-collapse: collapse;
}

.table-container th,
.table-container td {
  padding: 10px;
  text-align: left;
}
.table-danger-custom {
    background-color: #cc291e !important;
}
.modal-content-height-max {
    height: 100vh;
    max-height: calc(100vh - 56px);
}
.modal-dialog-max-width {
    max-width: 96%;
}
.preview {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 215px;
    width: 100%;
    border-radius: 10px;
    border: 2px dashed rgb(165 165 165);
    margin-bottom: 16px;
    background-size: cover;
    background-position: center;
}
.form-file-control {
    border: 1px solid #afafaf;
    border-radius: 5px;
    width: 100%;
}
@media (min-width: 1300px) {
  .modal-xxl {
    --bs-modal-width: calc(100% - 100px);
  }
}