/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 *
 *= require_self
 */

:root {
  --mip-green: #61956F;
  --mip-green--dark: #435A49;
  --mip-green--darker: #3B5041;
  --mip-green--darkest: #344639;
  --mip-beige: #D9B1A3;
}

::-moz-selection {
  background-color: var(--mip-green);
  color: #ffffff;
}

::selection {
  background-color: var(--mip-green);
  color: #ffffff;
}

.btn-primary {
  color: #ffffff;
  background-color: var(--mip-green);
  border-color: var(--mip-green);
}
.btn-primary:hover {
  color: #ffffff;
  background-color: var(--mip-beige);
  border-color: var(--mip-beige);
}
.btn-primary:focus, .btn-primary.focus {
  color: #ffffff;
  background-color: var(--mip-beige);
  border-color: var(--mip-beige);
  box-shadow: 0 0 0 0.2rem rgba(173, 131, 229, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: var(--mip-green);
  border-color: var(--mip-green);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--mip-green);
  border-color: var(--mip-green);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(173, 131, 229, 0.5);
}

.app-brand a img {
  max-width: 88px;
}

.sidebar .sidebar-inner > li.active > a {
  background-color: var(--mip-green);
}

.text-primary {
  color: var(--mip-green) !important;
}

.btn-outline-primary {
  color: var(--mip-green);
  border-color: var(--mip-green);
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: var(--mip-green);
  border-color: var(--mip-green);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(158, 109, 224, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--mip-green);
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--mip-green);
  border-color: var(--mip-green);
}

.table.table-hover tbody tr:hover {
  background-color: var(--mip-green);
  box-shadow: none;
}
.table.table-hover tbody tr:hover td {
  color: #ffffff;
}
.table.table-hover tbody tr:hover .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
  color: var(--mip-green);
}

.section-title > i.mdi {
  font-size: 1.5em;
}

.sidebar .sidebar-inner .section-title {
  display: flex;
  align-items: center;
  gap: .5em;
}
.switch-primary > .switch-input:checked ~ .switch-label {
  background-color: var(--mip-green) !important;
  border-color: var(--mip-green);
}

h3 {
  opacity: .33;
  font-size: 1.3rem;
  margin-bottom: 1em;
}