.bg-lightgray {
  background-color: rgb(243, 243, 243);
}

.form-control:focus,
.accordion-button:focus,
.form-select:focus {
  border-color: #ff5f01 !important;
  box-shadow: 0 0 0 0.2rem rgba(245, 12, 125, 0.25) !important;
}

.form-check-input:focus {
  border-color: #ff5f01 !important;
  box-shadow: 0 0 0 0.2rem rgba(245, 12, 125, 0.25) !important;
}

.form-check-input:checked {
  border-color: #ff5f01 !important;
  background-color: #ff5f01 !important;
}

.custom-shadow {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

#login-container {
  min-width: 28rem;
}

#login-background {
  background-color: #323333;
  overflow: hidden;
}

.recover-background {
  background-color: white;
}

.border-login {
  border-color: transparent !important;
}

@media (min-width: 768px) {
  #login-background {
    background-color: rgb(243, 243, 243);
  }

  .recover-background {
    background-color: rgb(243, 243, 243);
  }

  .border-login {
    border: 1px solid #dee2e6 !important;
  }
}

@media (max-width: 768px) {
  #recover-card {
    border: 0;
  }
}

#login-form {
  width: 26rem;
}

#user-toggle {
  background-color: transparent;
  border: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: #ff5f01 !important;
  background-color: #fdebe0 !important;
}

.accordion-button:not(.collapsed)::after {
  filter: invert(41%) sepia(16%) saturate(7467%) hue-rotate(204deg)
    brightness(105%) contrast(107%) !important;
}

.page-item.active .page-link {
  background-color: #ff5f01 !important;
  border-color: #ff5f01 !important;
  color: white !important;
}

.page-link {
  color: #ff5f01 !important;
}

.page-link:hover {
  background-color: #f3e6df !important;
}

.page-link:focus {
  background-color: #f3e6df !important;
  box-shadow: 0 0 0 0.25rem rgba(245, 114, 27, 0.25) !important;
}

.link-primary {
  text-decoration: none;
}

.link-primary:hover {
  text-decoration: underline;
}

.dataTables_length {
  text-align: left !important;
}

.dataTables_info {
  text-align: left !important;
}

.dataTables_paginate {
  display: flex !important;
  justify-content: right !important;
}