/* SITEC Colón. Cambiar esta paleta para personalizar primary sin editar librerías. */
:root {
  --colon-primary: #5084ff;
  --colon-primary-hover: #4273e8;
  --colon-primary-active: #3665d4;
  --colon-ink: #102650;
  --colon-link: #2854b8;
  --colon-soft: #edf3ff;
  --colon-cyan: #45c8d8;
  --primary: var(--colon-primary);
}
a { color: var(--colon-link); }
a:hover { color: #183b88; }
.btn-primary, .bg-primary, .badge-primary, .navbar-primary,
.page-item.active .page-link, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link, .list-group-item.active,
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a,
.card-primary:not(.card-outline) > .card-header .btn-tool,
.card-primary:not(.card-outline) > .card-header .card-title {
  background-color: var(--colon-primary) !important;
  border-color: var(--colon-primary);
  color: #fff !important;
}
.navbar-primary .navbar-nav .nav-link, .navbar-primary .navbar-brand,
.navbar-primary .navbar-nav .nav-link i {
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: var(--colon-primary-hover) !important;
  border-color: var(--colon-primary-hover) !important;
  color: #fff !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--colon-primary); border-color: var(--colon-primary); opacity: .65;
}
.btn-primary:focus, .btn-outline-primary:focus, .form-control:focus,
.custom-select:focus, .page-link:focus {
  box-shadow: 0 0 0 .2rem rgba(80,132,255,.25);
  border-color: var(--colon-primary);
}
.btn-outline-primary { color: var(--colon-link); border-color: var(--colon-primary); }
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff; background-color: var(--colon-primary); border-color: var(--colon-primary);
}
.text-primary { color: var(--colon-link) !important; }
.border-primary { border-color: var(--colon-primary) !important; }
.card-primary.card-outline { border-top-color: var(--colon-primary); }
.card-primary.card-outline-tabs > .card-header a.active { border-top-color: var(--colon-primary); }
.card.bg-primary .card-header, .card.bg-primary .card-body, .card.bg-primary .card-footer {
  color: #fff !important;
}
.bg-gradient-primary {
  background: linear-gradient(135deg, var(--colon-primary), #71a0ff) !important;
  color: #fff !important;
}
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--colon-primary) !important; color: #fff !important;
}
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
  color: var(--colon-link);
}
.accent-primary .dropdown-item.active, .accent-primary .dropdown-item:active {
  background-color: var(--colon-primary); color: #fff;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--colon-primary); border-color: var(--colon-primary);
}
.page-link { color: var(--colon-link); }