/* with-prepend-select helpers */
.with-prepend-select > .el-input__inner { width: 0 !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.with-prepend-select .el-input-group__prepend { width: calc(100% - 42px) !important; padding: 0 !important; overflow: visible !important; }
.with-prepend-select .el-input-group__prepend .el-select, .with-prepend-select .el-input-group__prepend .el-select .el-input { width: 100% !important; min-width: 0 !important; }
.with-prepend-select .el-input-group__prepend .el-select .el-input__inner { height: 29px !important; line-height: 29px !important; padding-left: 14px !important; border-right: 1px solid #dcdfe6 !important; }
.with-prepend-select .el-input-group__prepend .el-select .el-input__suffix { height: 29px !important; line-height: 29px !important; }
.el-select-dropdown.el-select-items .el-select-dropdown__item { padding-left: 20px !important; }
.el-select{ width: 100% !important; }
.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select { margin: 0px !important; }
.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { padding: 4px !important; }
#main-wrapper{ padding: 10px !important; }
.el-date-editor.el-input, .el-date-editor.el-input__inner{ max-width: 130px !important; }
.data-table-visible-columns { position: absolute; right: 20px; top: 10px; z-index: 5; }
.img-custom {
    width: 100%;
    /* height: 100%; */
    height: 100px;
}
.card{
    border: 1px solid #C0C4CC;
    border-radius:15px !important;
    /* Permitir que dropdowns/modales internos no se recorten */
    overflow: visible !important;
   
}


.page-wrapper.pinned.sidebar-hovered .app-header { left: 230px; }
.app-header { transition: left .2s ease; }

/* Sidebar scroll fixes: ensure vertical scrolling works regardless of plugin */
#sidebar.sidebar-wrapper { display: flex; flex-direction: column; }
.sidebarMenuScroll { flex: 1 1 auto; min-height: 0; overflow-y: auto !important; overflow-x: hidden; }
@media (max-width: 1199.98px) {
  .sidebarMenuScroll { overflow-y: auto !important; }
}


/* Card report links: replace bullets with Bootstrap check icon */
.card-report-links { list-style: none; padding-left: 0; margin: 0; }
.card-report-links li { position: relative; padding-left: 1.5rem; margin: .35rem 0; }
.card-report-links li::before {
  content: "\f26b"; /* bi-check-circle */
  font-family: "bootstrap-icons" !important;
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  font-size: 1rem; color: #4972e5;
}
.card-report-links a { color: #1b2a4e; text-decoration: none; }
.card-report-links a:hover { text-decoration: none; color: #2a4fe5; }
a, a:hover, a:focus{
    color: #121212;
}
 .topbar-links {
    padding: 0 .5rem;
    height: 100%;
    font-size: 13px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #777;
    font-weight: 600;
    line-height: 1;
    /* Espacio entre icono y texto */
    gap: 0.25rem;
}

/* Fallback para navegadores sin soporte de gap en flex */
.topbar-links i + span { margin-top: 0.25rem; }
.form-control:not(.form-control-sm):not(.form-control-lg) {
        line-height: 0 !important;
}

.el-input-group__append{
    padding: 0px !important;
}
.el-input-group__append, .el-input-group__prepend {
    background-color: transparent !important;
}

.el-input-group__append, .el-input-group__prepend {
    border: 0px !important;
     padding: 0px !important;
}
.el-input-group__append, .el-input-group__prepend {
    padding: 0px 5px !important;
}
.app-body {
        height: calc(100vh - 25px) !important;
}
 

/* Evitar recortes verticales de dropdowns dentro de tablas responsivas */
.table-responsive { overflow-y: visible !important; }

/* Dropdowns largos globales */
.dropdown-menu { max-height: 60vh; overflow-y: auto; z-index: 2000; }

/* Scrollbar más delgado en contenedores de tablas */
.table-responsive {
  scrollbar-width: thin;            /* Firefox */
  scrollbar-color: #c5ccd6 transparent; /* Firefox */
}
.table-responsive::-webkit-scrollbar {
  width: 8px;   /* vertical width */
}
.table-responsive::-webkit-scrollbar:horizontal {
  height: 6px;  /* horizontal height */
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: #c5ccd6;
  border-radius: 10px;
}
.table-responsive::-webkit-scrollbar-track {
  background: transparent;
}

/* Mostrar dropdowns solo con click (no hover) */
@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu:not(.show) { display: none !important; }
}
.el-button{
    border-radius: 10px !important;
}