.toast-container.toast-top-right{
	width: unset !important;
	margin-bottom: unset !important;
}

.toast{
	margin-bottom: 5px !important;
}

.card {
    margin-bottom: 10px;
}

.table-responsive {
    overflow-x: auto !important;
}

/*
.select2-dropdown--below {
    z-index: 99929;
}
.select2-close-mask{
    z-index: 2099;
}
.select2-dropdown{
    z-index: 3051;
}
*/

.pagination_container .dataTables_paginate .paginate_button {
    padding: 6px 12px;
    border: 1px solid #dfe5ef
}

.pagination_container .dataTables_paginate .paginate_button .previous {
    border-radius: 7px 0 0 7px;
    background-color: #eaeff4
}

.pagination_container .dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: #333846;
    border-color: #333846
}

:root {
  scroll-behavior: auto !important;
}

.input-group-right-radius{
	border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* .dataTables_scrollBody{ height:500px !important;} */


.swal-loader-conatiner{
  width: 400px;
}

table td{
    word-wrap: break-word;
	white-space: normal;
}

td:has(.dropdown.dropstart){
	
	max-width: 30px !important;
	min-width: 30px !important;
	width: 30px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center!important;
	/* background-color: red; */
}

td:has(.n-chk){
	max-width: 30px !important;
	min-width: 30px !important;
	/* padding-left: 0px !important; */
	padding-right: 0px !important;
	/* background-color: red; */
}
.multiselect_column{
	max-width: 30px !important;
	min-width: 30px !important;
	/* padding-left: 0px !important; */
	padding-right: 0px !important;
}


/* Experemental */
.table-responsive .dropdown {
        position: static !important;
    }
}

@media (min-width: 768px) {
    .table-responsive {
        overflow-x: visible;
    }
}
/* ═══════════════════════════════════════════════════════════════
   BRAND UNIFICATION — iCloud server
   Aplica el color de marca (#5500bd) a TODO el theme.
   Botones, links, borders, focus, badges, etc.
   ═══════════════════════════════════════════════════════════════ */

/* ── Variables del theme apuntando al brand ── */
:root {
    --bs-primary: #5500bd !important;
    --bs-primary-rgb: 85, 0, 189 !important;
    --bs-secondary: #7c3aed !important;   /* variante clara del brand */
    --bs-link-color: #7c3aed !important;
    --bs-link-hover-color: #5500bd !important;
    --brand-color: #5500bd;
    --brand-color-light: #7c3aed;
    --brand-color-dark: #3d0089;
    --brand-color-rgb: 85, 0, 189;
}

/* ── Botones primary ── */
.btn-primary,
.btn-primary:focus {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(85, 0, 189, 0.3) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--brand-color-dark) !important;
    border-color: var(--brand-color-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(85, 0, 189, 0.45) !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #a072d8 !important;
    border-color: #a072d8 !important;
    opacity: 0.65 !important;
}

/* ── Botones outline primary ── */
.btn-outline-primary {
    color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    color: #ffffff !important;
}

/* ── Links ── */
a, a:visited {
    color: var(--brand-color-light) !important;
}
a:hover, a:focus {
    color: var(--brand-color) !important;
}

/* ── Focus rings (inputs) ── */
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--brand-color-light) !important;
    box-shadow: 0 0 0 0.2rem rgba(85, 0, 189, 0.15) !important;
}

/* ── Checkboxes / radios ── */
.form-check-input:checked {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
}
.form-check-input:focus {
    border-color: var(--brand-color-light) !important;
    box-shadow: 0 0 0 0.2rem rgba(85, 0, 189, 0.15) !important;
}

/* ── Badges con primary ── */
.badge.bg-primary {
    background-color: var(--brand-color) !important;
    color: #ffffff !important;
}

/* ── Progress bars ── */
.progress-bar {
    background-color: var(--brand-color) !important;
}

/* ── Pagination ── */
.page-item.active .page-link {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    color: #ffffff !important;
}
.page-link {
    color: var(--brand-color) !important;
}
.page-link:hover {
    color: var(--brand-color-dark) !important;
    background-color: rgba(85, 0, 189, 0.05) !important;
}

/* ── Sidebar: mantener negro del brand_sidebar_bg, pero el activo usa el brand ── */
.sidebar-wrapper a.active,
.sidebar a.active,
.nav-sidebar a.active,
.nav-link.active {
    background: linear-gradient(90deg, rgba(85, 0, 189, 0.15), transparent) !important;
    color: var(--brand-color-light) !important;
    border-left-color: var(--brand-color) !important;
}
.sidebar-wrapper a:hover,
.sidebar a:hover,
.nav-sidebar a:hover {
    color: var(--brand-color-light) !important;
}

/* ── Dropdowns: item activo con brand ── */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--brand-color) !important;
    color: #ffffff !important;
}

/* ── Tabs / pills ── */
.nav-pills .nav-link.active {
    background-color: var(--brand-color) !important;
    color: #ffffff !important;
}

/* ── Alerts con primary ── */
.alert-primary {
    background-color: rgba(85, 0, 189, 0.1) !important;
    border-color: rgba(85, 0, 189, 0.3) !important;
    color: #3d0089 !important;
}

/* ── Text primary utility ── */
.text-primary {
    color: var(--brand-color) !important;
}
.bg-primary {
    background-color: var(--brand-color) !important;
}
.border-primary {
    border-color: var(--brand-color) !important;
}

/* ── PRESERVAR: botones success/danger/warning/info/dark ── */
.btn-success   { background-color: #13DEB9 !important; border-color: #13DEB9 !important; }
.btn-danger    { background-color: #FA896B !important; border-color: #FA896B !important; }
.btn-warning   { background-color: #FFAE1F !important; border-color: #FFAE1F !important; color: #ffffff !important; }
.btn-info      { background-color: #539BFF !important; border-color: #539BFF !important; }
.btn-dark      { background-color: #2A3547 !important; border-color: #2A3547 !important; }
.btn-secondary { background-color: #7c3aed !important; border-color: #7c3aed !important; }
.btn-light     { background-color: #F6F9FC !important; border-color: #F6F9FC !important; color: #2A3547 !important; }

/* ── PRESERVAR: logos siempre visibles ── */
.navbar-brand img,
.sidebar-brand img,
img.logo,
img[alt*="logo" i] {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    filter: none !important;
}