.content-wrapper .img-thumbnail {
  max-height: 350px;
}

.select2-container--open {
  z-index: 99999999999999;
}

.select2-container {
  width: 100% !important;
  padding: 0;
  font-size: 14px;
}

.swal-wide {
  width: 850px;
}

.swal2-styled.swal2-confirm {
  background: #007bff !important;
}

span.select2-selection.select2-selection--multiple {
  font-size: 15px;
}

table.dataTable.table-sm > thead > tr > th {
  padding-right: 0.3rem;
}

select.form-control-sm ~ .select2-container--default {
  font-size: 100%;
}

.parsley-errors-list {
  font-size: 12px;
  list-style: none;
  margin: 0;
  font-weight: 600;
  padding: 0;
  text-align: left;
}

.swal2-html-container {
  font-size: 0.875rem !important;
}

.swal2-html-container .col-form-label {
  font-weight: 500 !important;
}

#swal2-validation-message {
  margin: 10px;
  text-align: center;
  background: #ffeaea;
  border: 1px solid #ffb5b5;
  color: black;
  font-weight: 300;
  font-size: 14px;
}

#swal2-validation-message::before {
  margin-bottom: 10px;
}

.swal2-overflow {
  overflow: visible !important;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: left !important;
}

div.dataTables_wrapper div.dataTables_length label {
  margin-top: 5px;
}

.dt-buttons {
  float: none !important;
}

table td {
  vertical-align: middle !important;
}

table.dataTable thead tr.filter th {
  vertical-align: middle !important;
  padding-right: 0.3rem !important;
}

table.dataTable tbody tr.selected td a:not(.btn) {
  color: white !important;
}

table.dataTable tbody tr.selected td.text-danger {
  color: white !important;
}

div.dataTables_wrapper div.dataTables_processing {
  position: fixed;
  z-index: 1;
}

.status-records {
  list-style-type: none;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

.status-records:before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}

.status-records li {
  margin: 10px 0;
  padding-left: 20px;
  border-bottom-width: 1px !important;
  color: #7d7d7d;
}

.status-records li:before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #7d7d7d;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 500;
}

.status-records li p:first-child {
  font-weight: 600;
}

.status-records li:last-child {
  color: #dc3545;
  font-style: italic;
}

.status-records li:last-child:before {
  border-color: #dc3545;
}

.status-records li.completed {
  color: #28a745;
}

.status-records li.completed:before {
  border-color: #28a745;
}