blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 600;
}

.card-blue-new {
    box-shadow: none;
    border: 1px solid #93c5fd; /*300*/
}

.card-blue-new > .card-header {
    border-color: #93c5fd; /*300*/
    background-color: #dbeafe; /*100*/
    color: #1e40af; /*800*/
}

.card-light-blue-new {
    box-shadow: none;
    border: 1px solid #7dd3fc;
}

.card-light-blue-new > .card-header {
    border-color: #7dd3fc;
    background-color: #e0f2fe;
    color: #075985;
}

.card-indigo-new {
    box-shadow: none;
    border: 1px solid #a5b4fc;
}

.card-indigo-new > .card-header {
    border-color: #a5b4fc;
    background-color: #e0e7ff;
    color: #3730a3;
}

.card-green-new {
    box-shadow: none;
    border: 1px solid #86efac;
}

.card-green-new > .card-header {
    border-color: #86efac;
    background-color: #dcfce7;
    color: #166534;
}

.card-red-new {
    box-shadow: none;
    border: 1px solid #fca5a5;
}

.card-red-new > .card-header {
    border-color: #fca5a5;
    background-color: #fee2e2;
    color: #991b1b;
}

.card-orange-new {
    box-shadow: none;
    border: 1px solid #fdba74;
}

.card-orange-new > .card-header {
    border-color: #fdba74;
    background-color: #ffedd5;
    color: #9a3412;
}

.card-pink-new {
    box-shadow: none;
    border: 1px solid #f9a8d4;
}

.card-pink-new > .card-header {
    border-color: #f9a8d4;
    background-color: #fce7f3;
    color: #9d174d;
}

.card-yellow-new {
    box-shadow: none;
    border: 1px solid #fde047;
}

.card-yellow-new > .card-header {
    border-color: #fde047;
    background-color: #fef9c3;
    color: #854d0e;
}

.navbar img {
    display: inline;
}

.navbar-dark {
    border-bottom: 1px solid #dee2e6;
}

.navbar-blue-new {
    background-color: #2d3f65 !important;
}

.bg-blue-new {
    background-color: #2d3f65 !important;
    color: #fff !important;
}

.card hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    background-color: rgba(255, 255, 255, 0.03);
    padding: 0.75rem 1.25rem;
}

.btn-primary {
    box-shadow: none;
    border-color: #007bff;
    background-color: #007bff;
    color: #fff;
}

.btn-secondary {
    box-shadow: none;
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff;
}

.btn-success {
    box-shadow: none;
    border-color: #28a745;
    background-color: #28a745;
    color: #fff;
}

.btn-info {
    box-shadow: none;
    border-color: #17a2b8;
    background-color: #17a2b8;
    color: #fff;
}

.btn-warning {
    box-shadow: none;
    border-color: #ffc107;
    background-color: #ffc107;
    color: #1f2d3d;
}

.btn-danger {
    box-shadow: none;
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff;
}

.btn-indigo {
    box-shadow: none;
    border-color: #4f46e5;
    background-color: #4f46e5;
    color: #fff;
}

.btn-indigo:hover {
    border-color: #6366f1;
    background-color: #6366f1;
    color: #fff;
}

.hidden {
    display: none;
}

.notify {
    z-index: 1100;
}

.table td,
.table th {
    vertical-align: middle;
    padding: 0.5rem;
}

h4,
h5,
h6 {
    margin-bottom: 0;
}

.modal .modal-logo {
    height: 40px;
}

.modal img {
    height: 50px;
}

.modal .table td,
.modal .table th {
    padding: 0.5rem;
}

@media (min-width: 992px) {
    .modal-l {
        max-width: 600px;
    }
}

.form-control:focus {
    border-color: #4f46e5;
}

.form-control.is-invalid {
    padding-right: 0.5rem;
}

.form-control.is-valid {
    padding-right: 0.5rem;
}

select.form-control.is-invalid {
    background-image: none;
    padding-right: 0rem !important;
}

select.form-control.is-valid {
    background-image: none;
    padding-right: 0rem !important;
}

span.form-control {
    box-shadow: none;
    border: 0 none;
}

.badge {
    display: inline-block;
    vertical-align: baseline;
    transition: none;
    border-radius: 0.375rem;
    padding: 0.35rem 0.5rem;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.badge-success {
    box-shadow:
        rgb(255, 255, 255) 0px 0px 0px 0px inset,
        rgba(22, 163, 74, 0.2) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: #f0fdf4;
    color: #15803d;
}

.badge-warning {
    box-shadow:
        rgb(255, 255, 255) 0px 0px 0px 0px inset,
        rgba(202, 138, 4, 0.2) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: #fefce8;
    color: #854d0e;
}

.badge-danger {
    box-shadow:
        rgb(255, 255, 255) 0px 0px 0px 0px inset,
        rgba(220, 38, 38, 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: #fef2f2;
    color: #b91c1c;
}

.badge-primary {
    box-shadow:
        rgb(255, 255, 255) 0px 0px 0px 0px inset,
        rgba(29, 78, 216, 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: #eff6ff;
    color: #1d4ed8;
}

.badge-secondary {
    box-shadow:
        rgb(255, 255, 255) 0px 0px 0px 0px inset,
        rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: #f9fafb;
    color: #475569;
}

.badge-gray {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.551 -0.00265162 -0.0268695 / 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.985 0.002 247.839);
    color: oklch(0.446 0.03 256.802);
}

.badge-red {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.577 0.217662 0.112464 / 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.971 0.013 17.38);
    color: oklch(0.505 0.213 27.518);
}

.badge-yellow {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.681 0.0396466 0.157074 / 0.2) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.987 0.026 102.212);
    color: oklch(0.476 0.114 61.907);
}

.badge-green {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.627 -0.166662 0.0992956 / 0.2) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.982 0.018 155.826);
    color: oklch(0.527 0.154 150.069);
}

.badge-blue {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.627 -0.166662 0.0992956 / 0.2) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.982 0.018 155.826);
    color: oklch(0.527 0.154 150.069);
}

.badge-indigo {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.457 0.0293443 -0.238199 / 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.962 0.018 272.314);
    color: oklch(0.457 0.24 277.023);
}

.badge-purple {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.496 0.14013 -0.224919 / 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.977 0.014 308.299);
    color: oklch(0.496 0.265 301.924);
}

.badge-pink {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        oklab(0.525 0.222468 0.0153926 / 0.1) 0px 0px 0px 1px inset,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    background-color: oklch(0.971 0.014 343.198);
    color: oklch(0.525 0.223 3.958);
}

.modal-header {
    padding: 0.5rem 1rem;
}

/* En tu archivo CSS principal */
table.dataTable tbody tr.deuda-actual td {
    background-color: #fefce8 !important;
}

table.dataTable tbody tr.deuda-anterior td {
    background-color: #fef2f2 !important;
}

/* Clases personalizadas para los errores de los modales */
.border-left-sm {
    border-left: 3px solid #e9ecef !important;
}

.border-left-md {
    border-left: 5px solid #e9ecef !important;
}

.border-left-danger {
    border-left-color: #dc3545 !important;
}

.border-left-warning {
    border-left-color: #f39c12 !important;
}

.circle-badge {
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 12px;
}

.icon-fixed-width {
    min-width: 16px;
    font-size: 12px;
}

.icon-md {
    font-size: 18px;
}

.icon-circle {
    width: 40px;
    min-width: 40px;
    height: 40px;
}

.lh-sm {
    line-height: 1.4;
}

.gradient-danger {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
}

.text-xs {
    font-size: 0.75rem;
}

.w-8 {
    width: 2rem; /* 32px */
}

.h-8 {
    height: 2rem; /* 32px */
}

.mt-8 {
    margin-top: 2rem; /* 32px */
}

.bi {
    line-height: 0.5;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}

select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

@media (min-width: 768px) {
    .mt-md-8 {
        margin-top: 2rem !important;
    }
}