/* CSS Document */

:root {
  --brightness_up: 120%;
  --brightness_down: 80%;
}
.text-primary {
  color: var(--primary-color) !important;
}
/* .btn-secondary:hover {
  color: var(--primary-color) !important;
} */
/* .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
} */
/* .btn-primary:disabled {
  border: 1px solid var(--Grey-40, #bdbdbd) !important;
  background: var(--Grey-40, #bdbdbd) !important;
  color: #fff;
} */
/* .btn-primary:hover 
  color: white !important;
  background-color: var(--primary-lighter-20) !important;
  border-color: var(--primary-lighter-20) !important;
} */
.btn-primary:active,
.btn-primary.active {
  color: #fff !important;
  background-color: var(--primary-darker-20) !important;
  border-color: var(--primary-darker-20) !important;
}
.btn-primary:focus {
  background-color: var(--primary-darker-20) !important;
  border-color: var(--primary-darker-20) !important;

  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-lighter-90) !important;
  box-shadow: 0 0 0 0.2rem var(--primary-lighter-90) !important;
}
/* .btn-outline-primary,
label.btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--primary-lighter-20);
  border-color: var(--primary-lighter-20);
}
.btn-outline-primary:active {
  color: #fff !important;
  border-color: var(--primary-darker-20) !important;
  background-color: var(--primary-darker-20) !important;
}
.btn-outline-primary:focus {
  color: #fff !important;
  border-color: var(--primary-darker-20) !important;
  background-color: var(--primary-darker-20);
} */
input:focus,
select:focus {
  border: var(--primary-color);
  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-lighter-80) !important;
  box-shadow: 0 0 0 0.2rem var(--primary-lighter-80) !important;
}
textarea.form-control:focus {
  border: var(--primary-color);
  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-lighter-80) !important;
  box-shadow: 0 0 0 0.2rem var(--primary-lighter-80) !important;
}

a:not(.btn):not(.dropdown-item),
/* .btn-link  */ {
  font-weight: 600 !important;
  color: var(--primary-color);
}
/* .breadcrumb-item {
  font-weight: 600;
  color: #202020;
}

.breadcrumb-item a {
  color: #5f5f5f;
} */

a.no_link {
  text-decoration: none;
}
/* .btn-link:hover {
  font-weight: 600 !important;
  color: var(--primary-darker-20);
} */
/* a:hover {
  color: var(--primary-darker-20) !important;
} */
.breadcrumb-item a:hover {
  color: #202020 !important;
}
/* .nav-item > a,
.nav-item > div > a {
  color: inherit !important;
}
a.text-primary:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
} */
.mpp-primary-fill {
  fill: var(--primary-color) !important;
}
.mpp-primary-stroke {
  stroke: var(--primary-color) !important;
}
/* .mpp-svg-fill {
  fill: var(--mpp-grey-80);
} */
/* .mpp-svg-stroke {
  stroke: var(--mpp-grey-80);
} */

.mpp-svg-icon {
  fill: var(--mpp-grey-80);
}

.btn-outline-primary:hover > svg .mpp-svg-outline-btn-icon {
  fill: #fff;
}

#modal_export_meal_plan .active .mpp-svg-icon {
  fill: var(--primary-color);
}
#modal_export_meal_plan .active {
  color: var(--primary-color);
}

/* .nav-item.active {
  color: var(--primary-color);
} */
/* .nav-link.active {
  color: var(--primary-color) !important;
} */
path.mpp-svg-fill-primary {
  fill: var(--primary-color);
}
a:hover path.mpp-svg-fill-primary {
  fill: var(--primary-darker-20) !important;
}
.nav-item.active .mpp-svg-icon,
.nav-item.active .mpp-svg-fill {
  fill: var(--primary-color);
}
.nav-link.active .mpp-svg-icon,
.nav-link.active .mpp-svg-fill {
  fill: var(--primary-color);
}
.nav-item.active .mpp-svg-stroke,
.mpp-svg-stroke-primary {
  stroke: var(--primary-color);
}
.nav-link.active .mpp-svg-stroke {
  stroke: var(--primary-color);
}
.icon_button:hover .mpp-svg-stroke-primary,
.icon_button:hover .mpp-svg-fill {
  stroke: white;
}
.dashboard_type_selected {
  border-color: var(--primary-color) !important;
}
.dash_container {
  padding: 1.6rem;

  border-top-left-radius: 7px;

  border-top-right-radius: 7px;

  border-bottom-left-radius: 7px;

  border-bottom-right-radius: 7px;
}

.color_danger:hover {
  color: rgb(220, 53, 69) !important;
}
.color_success:hover {
  color: rgb(79, 159, 32) !important;
}