/* ponytail: single brand-color token; was hardcoded #447fac in 3 places */
:root {
    --lch-brand: #447fac;
}

/*
Fixing Telerik popup position
*/
.app-main {
    position: unset;
}

.lch-popup-offset {
    transition: 0.3s ease-in-out;
    transform: translateX(calc(250px - 4.6rem));
}

.lch-popup-no-offset {
    transition: 0.3s ease-in-out;
}
.grid-row-active {
    background-color: rgb(100, 149, 237) !important;
}
.grid-row-info {
    color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.grid-row-success {
    color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.grid-row-warning {
    color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.grid-row-danger {
    color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.hidden-field {
    display: none !important;
}

/*
Styling for Widgets/Tiles
 */

.lch-widget {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 50px;
    
    display: flex;
    height: 100%
}

.lch-widget .k-card-body {
    display: flex;
}

.lch-widget .k-card-header {
    background-color: unset;
    border: none;
    padding-bottom: 0;
}

.lch-widget .k-card-title {
    color: var(--lch-brand);
    margin: 0 0 var(--kendo-spacing-1, 0.75rem);
}

.lch-widget.lch-widget-grid .k-grid{
    max-height: 25rem;
}

.lch-widget.lch-widget-grid .k-card-title {
    margin: 0 0 var(--kendo-spacing-3, 0.75rem);
}

.lch-widget svg {
    height: 2.5rem;
    margin: auto 1rem auto 0;
    color: var(--lch-brand);
    fill: var(--lch-brand);
}

.lch-widget p {
    margin-bottom: 0 !important;
    font-size: 1rem;
}
.image-container {
    width: 50%; /* O un valor fijo como 500px */
    max-width: 700px; 
    margin: 0 auto;
    padding: 20px; 
    text-align: center; 
}

.image-container img {
    max-width: 100%; /* La imagen no excede el ancho del contenedor */
    height: 50vh; /* Mantiene la proporci�n */
    display: block; /* Elimina espacio fantasma debajo de la imagen */
    margin: 0 auto; /* Centrado horizontal dentro del contenedor */
}

/*
Dashboard row fix
*/
.app-content .container-fluid .lch-dashboard.k-tilelayout.telerik-blazor {
    grid-auto-rows: minmax(0px, 145px) !important;
}
.app-content .container-fluid .lch-dashboard:not(.edit-dashboard) .k-tilelayout-item-header {
    display: none;
}

.app-content .container-fluid .lch-dashboard:not(.edit-dashboard) .k-tilelayout-item-body {
   padding: 0; 
}

.k-animation.k-chart-tooltip-wrapper {
    position: unset !important;
}
.always-show{
    z-index: 2000 !important;
}

/*
Login page fix
*/
.footer-area {
    grid-area: lte-app-footer;
}

/*#dotnet-compile-error {*/
/*    display: none !important;*/
/*}*/
/*
Accessibility: visible keyboard focus ring (WCAG 2.4.7) and reduced motion (WCAG 2.3.3)
*/
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible {
    outline: 3px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}