@charset "UTF-8";
/*!
 * Theme: linia (SLM) — LiniaPay · tema CLARO alineado al portal liniapay.mx
 * Primario negro #0F0F0F · acento amarillo #F5CD3C + teal #3ECFB4
 * Package: DashLite v3.2.3
 * Tipografía: pila de sistema (la marca no define tipografía propia)
 * Author: SLM
**/
body.nk-body {
  background: #FAFAFA;
  color: #0F0F0F;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
}

.nk-app-root, .nk-main, .nk-wrap, .nk-content {
  background: transparent;
}

a {
  color: #0F0F0F;
}

a:hover {
  color: #262626;
}

.text-primary {
  color: #0F0F0F !important;
}

.bg-primary {
  background-color: #0F0F0F !important;
  color: #ffffff !important;
}

.text-muted, .text-soft {
  color: #525252 !important;
}

.card {
  background: #ffffff;
  border-radius: 16px;
}

.card-bordered {
  border-color: #E5E5E5;
}

.nk-header.is-light {
  background: #ffffff;
  border-bottom-color: #E5E5E5;
}

.dropdown-menu, .modal-content, .popover {
  border-radius: 12px;
}

.btn {
  border-radius: 12px;
}

.btn-primary,
.btn-primary:focus,
.show > .btn-primary.dropdown-toggle {
  background: #0F0F0F !important;
  border-color: #0F0F0F !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #262626 !important;
  border-color: #262626 !important;
  color: #ffffff !important;
}

.btn-primary:disabled, .btn-primary.disabled {
  opacity: 0.5;
}

.btn-outline-primary {
  color: #0F0F0F !important;
  border-color: #0F0F0F !important;
  background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  background: #0F0F0F !important;
  border-color: #0F0F0F !important;
  color: #ffffff !important;
}

.btn-accent {
  background: #F5CD3C !important;
  border-color: #F5CD3C !important;
  color: #0F0F0F !important;
  border-radius: 12px;
}

.btn-accent:hover {
  background: #D4AF2B !important;
  border-color: #D4AF2B !important;
}

.badge-primary {
  background: #F5CD3C !important;
  color: #0F0F0F !important;
}

.badge-outline-primary {
  color: #0F0F0F !important;
  border-color: #F5CD3C !important;
}

.progress-bar,
.dot-primary,
.noUi-connect,
.nav-tabs .nav-link:after,
.card-tools-nav li a:before {
  background: #F5CD3C !important;
}

.badge-success, .dot-success {
  background: #3ECFB4 !important;
  color: #0F0F0F !important;
}

.text-success {
  color: rgb(16.2304124969%, 65.2597835815%, 56.1301765519%) !important;
}

.alert-success {
  background: rgba(62, 207, 180, 0.12);
  border-color: #3ECFB4;
  color: rgb(12.2470100073%, 49.2431860711%, 42.354242942%);
}

.nk-menu-item.active > .nk-menu-link,
.nk-menu-item.current-menu > .nk-menu-link,
.nav-tabs .nav-link.active {
  color: #0F0F0F !important;
}

.nk-menu-icon {
  color: #525252;
}

.form-control,
.form-select,
.custom-select {
  background: #F8FAFC;
  border-color: #CBD5E1;
  border-radius: 12px;
  color: #0F0F0F;
}

.form-control::placeholder {
  color: #A3A3A3;
}

.form-control:focus,
.form-select:focus {
  background: #ffffff;
  border-color: #0F0F0F;
  box-shadow: 0 0 0 3px rgba(15, 15, 15, 0.12);
  color: #0F0F0F;
}

.form-control[readonly], .form-control:disabled {
  background: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  color: #525252;
}

.input-group-text {
  background: #F8FAFC;
  border-color: #CBD5E1;
  color: #525252;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #0F0F0F !important;
  border-color: #0F0F0F !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 3px rgba(15, 15, 15, 0.12);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background: #ffffff !important;
}

.link-primary, .btn-link {
  color: #0F0F0F !important;
}

.link-primary:hover, .btn-link:hover {
  color: #262626 !important;
}

.user-avatar, [class^=user-avatar]:not([class*=-group]) {
  background: #0F0F0F;
  color: #ffffff;
}
