:root {
    --bs-primary: #7c69ef;
    --cui-primary: #7c69ef;
    --cui-link-color: #7c69ef;
    --cui-link-hover-color: #6852ed;
    --cui-primary-rgb: 124, 105, 239;

    --cui-input-group-addon-bg: #f9fbfd;
    --cui-input-group-addon-border-color: #0028641f;
    --cui-input-border-color: #0028641f;

    --cui-form-check-input-checked-bg-color: #7c69ef;
    --cui-form-check-input-checked-border-color: #7c69ef;
    --cui-sidebar-brand-color: #f1f4f8;

    --cui-sidebar-1: #f1f4f8;
    --cui-sidebar-2: #f1f4f8;

    --cui-navbar-brand-color: #7c69ef;
    --cui-sidebar-brand-bg: rgba(59, 30, 219, 0.1);
    --cui-sidebar-nav-group-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    /* --cui-sidebar-brand-bg: #7c69ef;
    --cui-sidebar-brand-bg */
}

body {
    background-color: #f1f4f8;
    font-size: 90%;
}

.header {
    --cui-header-bg: transparent;
    --cui-header-border: transparent;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.btn-link {
    text-decoration: none;
}

.btn-primary {
    --cui-btn-bg: #7c69ef;
    --cui-btn-border-color: #7c69ef;
    --cui-btn-hover-bg: #6852ed;
    --cui-btn-hover-border-color: #6852ed;
    --cui-btn-active-bg: #6852ed;
    --cui-btn-active-border-color: #6852ed;
    --cui-btn-disabled-bg: #7c69ef;
    --cui-btn-disabled-border-color: #7c69ef;
}

.btn-secondary {
    --cui-btn-hover-color: #000015;
    --cui-btn-hover-bg: #aaaeb4;
    --cui-btn-hover-border-color: #9da5b1;
    --cui-btn-color: rgba(44, 56, 74, 0.95);
    --cui-btn-bg: #acb3bd;
    --cui-btn-border-color: #a7aeb9;
}

.pagination {
    --cui-pagination-bg: #fff;
    --cui-pagination-focus-bg: #6852ed;
    --cui-pagination-active-bg: #7c69ef;
    --cui-pagination-active-border-color: #7c69ef;
}

/* Dropdown filter */
.dropdown-item:hover, .dropdown-item:focus {
    color: #14203b;
    text-decoration: none;
    background-color: #F9FBFD;
}

.dropdown-item.active, .dropdown-item:active {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #7c69ef;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #869AB8;
    pointer-events: none;
    background-color: transparent;
}

/* Datepicker and DateRangePicker */
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    background-color: #7c69ef !important;
}

.daterangepicker .ranges li.active {
    background-color: rgba(50, 31, 219, 0.5) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: rgba(50, 31, 219, 0.5) !important;
}

/* Select 2 + Select 2 multiple */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
    background-color: rgba(50, 31, 219, 0.5) !important;
    color: #fff !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #7c69ef !important;
    color: #fff !important;
}

.card,
.form-group {
    margin-bottom: 1.5rem;
}
.form-control, .input-group-text {
    border-radius: 0.2rem;
}
.form-group > label {
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.form-switch > [type="checkbox"] {
    transform: scale(1.2);
}

a.btn:hover, li.paginate_button a {
    text-decoration: none !important;
}

#sidebar.bg-dark-gradient {
    background: var(--cui-sidebar-2);
    background: linear-gradient(0deg, var(--cui-sidebar-1) 0%, var(--cui-sidebar-2) 100%);
}

#crudTable {
    background-color: #FFFFFF !important;
}

#crudTable_wrapper .dataTables_length select {
    min-width: 3.6rem;
    margin-right: 0.4rem;
}

#crudTable_wrapper #crudTable.dtr-inline.collapsed > tbody > tr > .dtr-control:before,
#crudTable_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > .dtr-control:before {
    top: 0;
}

#crudTable_wrapper #crudTable td,
#crudTable_wrapper #crudTable th,
#crudTable_wrapper table.dataTable td,
#crudTable_wrapper table.dataTable th {
    outline: none;
    vertical-align: middle;
    line-height: 1em;
}

#crudTable_wrapper #crudTable thead > tr > th:not(.sorting_disabled),
#crudTable_wrapper #crudTable thead > tr > td,
#crudTable_wrapper table.dataTable thead > tr > th:not(.sorting_disabled),
#crudTable_wrapper table.dataTable thead > tr > td {
    padding-right: 30px;
}

#crudTable_wrapper #crudTable.has-hidden-columns .details-control,
#crudTable_wrapper table.dataTable.has-hidden-columns .details-control {
    margin-left: 0.25rem;
}

#crudTable_wrapper #crudTable[data-has-bulk-actions="1"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper #crudTable[data-has-bulk-actions="1"].has-hidden-columns tfoot tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="1"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="1"].has-hidden-columns tfoot tr th:first-child {
    padding-left: 1.35rem !important;
}

#crudTable_wrapper #crudTable[data-has-bulk-actions="1"][data-has-details-row="1"] thead tr th:first-child,
#crudTable_wrapper #crudTable[data-has-bulk-actions="1"][data-has-details-row="1"] tfoot tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="1"][data-has-details-row="1"] thead tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="1"][data-has-details-row="1"] tfoot tr th:first-child {
    padding-left: 1.6rem !important;
}

#crudTable_wrapper #crudTable[data-has-bulk-actions="1"][data-has-details-row="1"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper #crudTable[data-has-bulk-actions="1"][data-has-details-row="1"].has-hidden-columns tfoot tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="1"][data-has-details-row="1"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="1"][data-has-details-row="1"].has-hidden-columns tfoot tr th:first-child {
    padding-left: 2.6rem !important;
}

#crudTable_wrapper #crudTable[data-has-bulk-actions="0"][data-has-details-row="1"] thead tr th:first-child,
#crudTable_wrapper #crudTable[data-has-bulk-actions="0"][data-has-details-row="1"] tfoot tr th:first-child, #crudTable_wrapper #crudTable[data-has-bulk-actions="0"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper #crudTable[data-has-bulk-actions="0"].has-hidden-columns tfoot tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"][data-has-details-row="1"] thead tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"][data-has-details-row="1"] tfoot tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"].has-hidden-columns tfoot tr th:first-child {
    padding-left: 1.8rem !important;
}

#crudTable_wrapper #crudTable[data-has-bulk-actions="0"][data-has-details-row="1"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper #crudTable[data-has-bulk-actions="0"][data-has-details-row="1"].has-hidden-columns tfoot tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"][data-has-details-row="1"].has-hidden-columns thead tr th:first-child,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"][data-has-details-row="1"].has-hidden-columns tfoot tr th:first-child {
    padding-left: 3rem !important;
}

#crudTable_wrapper #crudTable .details-control,
#crudTable_wrapper table.dataTable .details-control {
    display: flex;
}

#crudTable_wrapper #crudTable .crud_bulk_actions_checkbox input,
#crudTable_wrapper table.dataTable .crud_bulk_actions_checkbox input {
    width: 1rem;
    height: 1rem;
}

#crudTable_wrapper #crudTable:not(.has-hidden-columns) tr td:first-child,
#crudTable_wrapper table.dataTable:not(.has-hidden-columns) tr td:first-child {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

#crudTable_wrapper #crudTable[data-has-bulk-actions="0"] .details-control,
#crudTable_wrapper #crudTable[data-has-bulk-actions="0"][data-has-details-row="0"] .dtr-control:before,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"] .details-control,
#crudTable_wrapper table.dataTable[data-has-bulk-actions="0"][data-has-details-row="0"] .dtr-control:before {
    margin-right: 0.4rem !important;
}

#crudTable_wrapper #crudTable[data-responsive-table="0"] thead tr th,
#crudTable_wrapper #crudTable tr td.dataTables_empty,
#crudTable_wrapper #crudTable tr.dt-hasChild + tr td,
#crudTable_wrapper table.dataTable[data-responsive-table="0"] thead tr th,
#crudTable_wrapper table.dataTable tr td.dataTables_empty,
#crudTable_wrapper table.dataTable tr.dt-hasChild + tr td {
    display: table-cell;
}

#crudTable_wrapper .dataTables_scrollBody #crudTable[data-responsive-table="0"] tr th:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):hover {
    background-color: rgba(124, 105, 239, 0.1);
}

.table-hover tbody tr:hover {
    background-color: var(--table-row-hover) !important;
}

/* Headers for operations */
.main .container-fluid h2 small {
    font-size: .5em;
    font-weight: 400;
}

form .select2.select2-container.select2-container--focus,
form .select2.select2-container.select2-container--open {
    background-color: #fff;
    border: 1px solid var(--primary, #9080f1) !important;
    box-shadow: 0 0 0 2px #e1dcfb;
    color: #495057;
    outline: 0;
    border-radius: 4px;
}

/* Create/Update Operations (Backpack forms) */

.tab-container .tab-pane {
    background-color: #fff;
    padding: 1rem;
    border: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important;
}

h1[bp-section=page-heading] {
    font-size: 2rem;
    line-height: 2.1rem;
}

html:not([dir=rtl]) .wrapper {
    padding-left: var(--cui-sidebar-occupy-start, 0)
}

*[dir=rtl] .wrapper {
    padding-right: var(--cui-sidebar-occupy-start, 0)
}

.alert > ul {
    margin-bottom: 0;
}

#datatable_search_stack .input-icon-addon {
    display: none;
}

.logo_head {
    background-color: transparent;
    width: 50%; display: block; margin: 16px auto;
}

.sidebar-brand {
    background-color: transparent;
}
/* .sidebar-nav .nav-group.show {
    background-color: #0866e0;
} */

.menu_color {
    background-color: #f8f7fa;
    color: #000;
}


.card [class*="card-header-"] {
  margin: 0px 15px 0;
  padding: 0;
  position: relative;
}

.card [class*="card-header-"] .card-title+.card-category {
  color: rgba(255, 255, 255, 0.8);
}

.card [class*="card-header-"] .card-title+.card-category a {
  color: #ffffff;
}

.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
  border-radius: 3px;
  margin-top: -20px;
  padding: 15px;
}

.card [class*="card-header-"] .card-icon,
.card [class*="card-header-"] .card-text {
  border-radius: 3px;
  background-color: #ec407a;
  padding: 15px;
  margin-top: -20px;
  margin-right: 15px;
  float: left;
}

.card [class*="card-header-"] .card-text {
  float: none;
  display: inline-block;
  margin-right: 0;
}

.card [class*="card-header-"] .card-text .card-title {
  color: #ffffff;
  margin-top: 0;
}

.card [class*="card-header-"] .ct-chart .card-title {
  color: #ffffff;
}

.card [class*="card-header-"] .ct-chart .card-category {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
}

.card [class*="card-header-"] .ct-chart .ct-label {
  color: rgba(255, 255, 255, 0.7);
}

.card [class*="card-header-"] .ct-chart .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 15px;
}

.card .card-header-warning .card-icon, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card .card-header-warning .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [class*="card-header-"], .card[class*="bg-"] {
    color: #ffffff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eeeeee;
    border-radius: 0.25rem;
}

.sidebar {
    position: fixed;
    width: 260px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .card-header.card-header-icon .card-title, .card .card-header.card-header-text .card-title {
    margin-top: 15px;
    color: #3C4858;
}

.card [class*="card-header-"], .card[class*="bg-"] {
    color: #ffffff;
}

.border {
    border: 1px solid #f7f7f7;
}

.border {
    --cui-border-width: 1px;
    --cui-border-style: solid;
    --cui-border-color: #f7f7f7;
    border: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important;
}

.btn.btn-info {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.badge {
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 10px;
    color: #ffffff;
    display: inline-block;
    white-space: normal;
}

.badge-dark {
    color: #ffffff;
    background-color: #343a40;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --cui-gutter-x: 1.5rem;
    --cui-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--cui-gutter-x) * .5);
    padding-left: calc(var(--cui-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.sidebar-mini {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    float: left;
    display: inherit;
    font-size: 13px;
}

.sidebar-nav .nav-group-items .nav-link.custom-class {
    --cui-sidebar-nav-icon-width: 2rem;
    padding-left: var(--cui-sidebar-nav-icon-width);
}

.td-total {
    font-size: 26px;
    font-weight: 300;
    margin-top: 5px;
    text-align: right;
}

.td-price {
    font-size: 26px;
    font-weight: 300;
    margin-top: 5px;
    text-align: right;
}

.form-control.insumo-precio {
    width: 120px !important; /* Fuerza el ancho con !important */
}

.insumo-cantidad, .insumo-precio, .insumo-observaciones{
    display: block;
    width: 100px; /* Ajustar el ancho a un valor adecuado */
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align: center; /* Centrar el texto dentro del input */
    font-size: 1rem; /* Tamaño del texto equilibrado */
   /*  border: none; */ /* Elimina el borde */
    outline: none; /* Elimina el borde del enfoque */
    box-shadow: none; /* Elimina cualquier sombra */
}


.form-control.insumo-cantidad {
    width: 120px; /* Ajustar el ancho según sea necesario */
}

.form-control.insumo-observaciones {
    width: 200px; /* Ajustar el ancho según sea necesario */
}
.table-striped tbody tr:nth-child(odd) {
    background-color: #f2f2f2; /* Color de fondo para filas impares */
}

.highlight-row {
    background-color: #bbb;
    font-weight: bold;
}

.descripcion-limitada {
    max-width: 200px; /* Ajusta el ancho máximo según necesites */
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}