/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/* Identidad visual PEOPLE */
:root {
  --people-teal: #078994;
  --people-teal-dark: #056b75;
  --people-gold: #f2b52b;
}

.btn-primary,
.btn-primary:focus {
  background-color: var(--people-teal) !important;
  border-color: var(--people-teal) !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(7, 137, 148, .24);
}

.btn-primary:hover,
.btn-primary:active {
  background-color: var(--people-teal-dark) !important;
  border-color: var(--people-teal-dark) !important;
}

.text-primary,
.card-header h4,
.card-header h5,
.card-header h4 i,
.card-header h5 i {
  color: var(--people-teal) !important;
}

.card > .card-header {
  border-bottom: 2px solid rgba(242, 181, 43, .72);
}

.main-sidebar .sidebar-menu li.active > a,
.main-sidebar .sidebar-menu li.active > a:hover,
.main-sidebar .sidebar-menu li.active ul.dropdown-menu li.active > a {
  color: var(--people-teal) !important;
}

.main-sidebar .sidebar-menu li.active > a i {
  color: var(--people-teal) !important;
}

.main-sidebar .sidebar-menu li a:hover {
  color: var(--people-teal-dark) !important;
}

/* Checks e indicadores booleanos: 40 % más grandes en todas las pantallas. */
input[type="checkbox"]:not(.custom-control-input) {
  transform: scale(1.4);
  transform-origin: center;
  margin-right: .45rem;
  vertical-align: middle;
}

.custom-checkbox {
  padding-left: 1.9rem;
  min-height: 1.4rem;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
  left: -1.9rem;
  transform: scale(1.4);
  transform-origin: center;
}

.custom-checkbox .custom-control-input {
  width: 1.4rem;
  height: 1.4rem;
}

.binary-indicator {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
  vertical-align: middle;
}

/*# sourceMappingURL=custom.css.map */