﻿
[data-bs-theme="light"] {
    --bs-component-active-bg: #FF665F;
    --bs-primary: #FF665F;
}

[data-kt-app-layout] #kt_app_sidebar {
    background: white;
}

[data-bs-theme="light"] #kt_app_sidebar_toggle {
    background-color: #FF665F !important;
}

[data-bs-theme="light"] #kt_app_sidebar_toggle i{
    color:white;
}

[data-bs-theme="light"] #kt_app_wrapper, [data-bs-theme="light"] #kt_app_header {
    background-color: #F4F7FC;
}


.badge-circle {
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
}
.total-row-style {
    color: var(--bs-primary);
    font-size:14px
}
/* Estilo base de la tabla */
.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.875rem;
}

/* Cabecera */
.table thead th {
    background-color: #EEF1F5;
    color: #686E82;
    font-weight: 600;
    padding: 12px;
    border-bottom: 2px solid #dee2e6;
}

/* Celdas de datos */
.table tbody td {
    padding: 12px;
    border-top: 1px solid #f0f0f0;
    vertical-align: top;
    color: #000;
}

/* Hover efecto naranja */
.table tbody tr:hover {
    background-color: #ffe8cc !important;
    transition: background-color 0.2s ease-in-out;
}

.table tbody tr:nth-child(even) {
    background-color: #F5F5F5;
}

/* Bordes suaves en general */
.table th,
.table td {
    border: solid 1px #DFE7EB !important;
}

.table:not(.table-bordered) tr:first-child, .table:not(.table-bordered) th:first-child, .table:not(.table-bordered) td:first-child {
    padding-left: 10px;
}

.table-responsive{
    margin-top:10px;
    margin-bottom:10px
}

@media (max-width: 767px) {
    .table-container {
    overflow-x: auto;
}

    .table-header-color {
        white-space: nowrap;
    }

}