#statsModal .kpi {
    padding-left: 0 !important;
}

#statsModal .kpi .info .value {
    font-size: 1.1rem !important;
}

.table-reports {
    width: 100%;
}

.table-reports tr td {
    padding: 8px 2px;
}

.kpis-reports .kpi {
    border: none;
}

.kpis-reports .kpi .icon {
    border-radius: 8px;
    font-size: 22px;
}

.paddock-photo-general {
    background-image: url(/public/front/ideasfarm-template/images/paddocks.jpg);
    background-color: #5f5f5f;
    background-blend-mode: multiply;
    background-size: cover;
    transition: 0.3s all;
    color: #f1cf69;
}

.ideas-progress {
    width: 100%;
    height: 20px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #e7e7da;
    position: relative;
}

/* Simplifica la regla para las barras de progreso */
.ideas-progress .progress-bar,
.ideas-progress .low-bar,
.ideas-progress .medium-bar,
.ideas-progress .good-bar {
    height: 100%;
    position: absolute;
    transition: width 1s ease;
}

/* Define los estilos para cada tipo de barra de progreso */
.ideas-progress .low-bar {
    background-color: #c3c29e;
}

.ideas-progress .medium-bar {
    background-color: #708557;
}

.ideas-progress .good-bar {
    background-color: #28642f;
}

/* Establece estilos para el texto de los valores mínimo y máximo */
.ideas-progress .progress-min,
.ideas-progress .progress-max {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

.ideas-progress .progress-min {
    left: 5px;
}

.ideas-progress .progress-max {
    right: 5px;
}

.bg-create-animal,
a.ev-bg-create,
.ev-bg-create-animal .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-death-animal,
a.ev-bg-death,
.ev-bg-death-animal .fc-event-main {
    background-color: #ff0d2a;
    border-color: #ff0d2a;
    color: #ffffff;
}

.bg-production,
a.ev-bg-production,
.ev-bg-production .fc-event-main {
    background-color: #baa50a;
    border-color: #baa50a;
    color: #ffffff;
}

.bg-weight,
a.ev-bg-weight,
.ev-bg-weight .fc-event-main {
    background-color: #2d930a;
    border-color: #2d930a;
    color: #ffffff;
}

.bg-genetic,
a.ev-bg-genetic,
.ev-bg-genetic .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-vaccination,
a.ev-bg-vaccination,
.ev-bg-vaccination .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-deworming,
a.ev-bg-deworming,
.ev-bg-deworming .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-health,
a.ev-bg-health,
.ev-bg-health .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-feeding,
a.ev-bg-feeding,
.ev-bg-feeding .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-global-production,
a.ev-bg-global-production,
.ev-bg-global-production .fc-event-main {
    background-color: #f9c70a;
    border-color: #f9c70a;
    color: #000000;
}

.bg-rd-production,
a.ev-bg-rd-productiond,
.ev-bg-rd-production .fc-event-main {
    background-color: #f9c70a;
    border-color: #f9c70a;
    color: #ffffff;
}

.bg-rd-weight,
a.ev-bg-rd,
.ev-bg-rd-weight .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-rd-vaccination,
a.ev-bg-rd,
.ev-bg-rd-vaccination .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-rd-deworming,
a.ev-bg-rd,
.ev-bg-rd-deworming .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-rd-mastitis,
a.ev-bg-rd,
.ev-bg-rd-mastitis .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-ot-weaning,
a.ev-bg-ot,
.ev-bg-ot-weaning .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-ot-deworming,
a.ev-bg-ot,
.ev-bg-ot-deworming .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-ot-vaccination,
a.ev-bg-ot,
.ev-bg-ot-vaccination .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-new-income,
a.ev-bg-new,
.ev-bg-new-income .fc-event-main {
    background-color: #0f8ec9;
    border-color: #0f8ec9;
    color: #ffffff;
}

.bg-new-outcome,
a.ev-bg-new,
.ev-bg-new-outcome .fc-event-main {
    background-color: #0f8ec9;
    border-color: #0f8ec9;
    color: #ffffff;
}

.bg-new-straw,
a.ev-bg-new,
.ev-bg-new-straw .fc-event-main {
    background-color: #07330a;
    border-color: #07330a;
    color: #ffffff;
}

.bg-new-transfer,
a.ev-bg-new,
.ev-bg-new-transfer .fc-event-main {
    background-color: #0f8ec9;
    border-color: #0f8ec9;
    color: #ffffff;
}

.bg-new-sale,
a.ev-bg-new,
.ev-bg-new-sale .fc-event-main {
    background-color: #0f8ec9;
    border-color: #0f8ec9;
    color: #ffffff;
}

.bg-new-purchase,
a.ev-bg-new,
.ev-bg-new-purchase .fc-event-main {
    background-color: #0f8ec9;
    border-color: #0f8ec9;
    color: #ffffff;
}

.bg-measurement,
a.ev-bg-measurement,
.ev-bg-measurement .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-planting,
a.ev-bg-planting,
.ev-bg-planting .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-grazing,
a.ev-bg-grazing,
.ev-bg-grazing .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-silage,
a.ev-bg-silage,
.ev-bg-silage .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-fertilization,
a.ev-bg-fertilization,
.ev-bg-fertilization .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-mechanization,
a.ev-bg-mechanization,
.ev-bg-mechanization .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-irrigation,
a.ev-bg-irrigation,
.ev-bg-irrigation .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-phytosanitary,
a.ev-bg-phytosanitary,
.ev-bg-phytosanitary .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-soil-analysis,
a.ev-bg-soil,
.ev-bg-soil-analysis .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

.bg-check,
a.ev-bg-check,
.ev-bg-check .fc-event-main {
    background-color: #5a06b9;
    border-color: #5a06b9;
    color: #ffffff;
}

.bg-weaning,
a.ev-bg-weaning,
.ev-bg-weaning .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

.bg-to-discard,
a.ev-bg-to,
.ev-bg-to-discard .fc-event-main {
    background-color: #e20b24;
    border-color: #e20b24;
    color: #ffffff;
}

.bg-group-change,
a.ev-bg-group-change,
.ev-bg-group-change .fc-event-main {
    background-color: #5c5354;
    border-color: #5c5354;
    color: #ffffff;
}

#qualificationsModal .chartQf {
    height: 400px;
    width: 80vw;
}

#qualificationsModal .chartQf-6 {
    height: 400px;
    width: 80vw;
}

@media (min-width: 768px) {
    #qualificationsModal .chartQf {
        height: 400px;
        width: 80vw;
    }

    #qualificationsModal .chartQf-6 {
        height: 400px;
        width: 40vw;
    }
}

.generatedIf {
    display: block;
    color: #1c9647;
    font-size: 0.8rem;
}

.link-table {
    text-decoration: none;
    color: inherit;
}

.if-table a {
    color: inherit;
}

#reports-chart-distribution {
    height: 430px;
}

@media (max-width: 576px) {
    #reports-chart-distribution {
        height: 420px;
    }
}

.table-ideasfarm-1 a {
    color: inherit;
}

/* IMPRESION DATATABLE */

body.dt-print-view h1 {
    text-align: center;
    margin: 1em;
}

body.dt-print-view table,
body.dt-print-view th,
body.dt-print-view td {
    border: 1px solid #000 !important;
}

body.dt-print-view input[type="checkbox"] {
    visibility: visible !important;
    display: inline-block !important;
}

tr.highlight-row {
    background-color: #f4f4f4 !important;
}

td.highlight-col,
th.highlight-col {
    background-color: #f4f4f4 !important;
}

.if-table td.action::before {
    margin-right: 3px;
    background-color: #df5252;
}

.if-table td.action.danger::before {
    background-color: #df5252;
}

.if-table td.action.success::before {
    background-color: #48855d;
}

.if-table td.action.warning::before {
    background-color: #c3bd39;
}

/* BARRA CAHRT CUSTOM */
.BarCustomChart-barra {
    display: flex;
    height: 14px;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.BarCustomChart-segmento {
    height: 100%;
    cursor: pointer;
}

.BarCustomChart-tooltip {
    position: absolute;
    z-index: 1000;
    display: none;
}

.BarCustomChart-leyenda {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 14px;
}

.BarCustomChart-item-leyenda {
    display: flex;
    align-items: center;
    gap: 6px;
}

.BarCustomChart-cuadro-color {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
}

.carousel-item {
    position: relative;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    /* Fondo semi-transparente */
    justify-content: center;
    align-items: center;
    z-index: 99;
    backdrop-filter: blur(5px);
    /* Aplica el desenfoque al fondo */
}

.carousel-item .loading-overlay .spinner-border {
    z-index: 100;
    /* Asegura que el spinner esté encima */
}

/* TODO: Cambiar estilo clima agregar en el sass y quitar de aquí */
.weather-updating {
    transition: background-color 0.3s ease;
}

/* Resaltar elementos que se están actualizando */
.left-data__temperature {
    border: 2px solid transparent;
}

.nc-tooltip {
    top: 0;
}

/* //TODO: ICONO DE NUMEROS DE ANIMALES ACTIVOS MAPA */
.count-pdk-aml {
    position: absolute;
    top: 1px;
    left: -5px;
    background-color: #ffffff;
    color: #000000;
    border: 3px solid #ffb5b5;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-shadow: none;
    flex-direction: column-reverse;
    align-content: space-between;
    flex-wrap: nowrap;

}

/* //TODO: NUEVO TAMAÑO PARA MODAL INFORMACION HACIENDA EN MAPA */
#shortDetails {
    width: 500px;
}



a.ev_future_give_birth,
.ev_future_give_birth .fc-event-main {
    background-color: #f9c70a;
    border-color: #f9c70a;
    color: #ffffff;
}

a.ev_future_dry_production,
.ev_future_dry_production .fc-event-main {
    background-color: #ff0d2a;
    border-color: #ff0d2a;
    color: #ffffff;
}

a.ev_future_dry_gestation,
.ev_future_dry_gestation .fc-event-main {
    background-color: #baa50a;
    border-color: #baa50a;
    color: #ffffff;
}

a.ev_future_wean,
.ev_future_wean .fc-event-main {
    background-color: #2d930a;
    border-color: #2d930a;
    color: #ffffff;
}

a.ev_future_deworm,
.ev_future_deworm .fc-event-main {
    background-color: #561a66;
    border-color: #561a66;
    color: #ffffff;
}

a.ev_future_vaccinate,
.ev_future_vaccinate .fc-event-main {
    background-color: #68bb85;
    border-color: #68bb85;
    color: #ffffff;
}

a.ev_future_weight,
.ev_future_weight .fc-event-main {
    background-color: #e20b24;
    border-color: #e20b24;
    color: #ffffff;
}

a.ev_future_treat,
.ev_future_treat .fc-event-main {
    background-color: #0f8ec9;
    border-color: #0f8ec9;
    color: #ffffff;
}

/* #offcanvasPaddockView {
    width: 980px !important;
} */
#offcanvasPaddockView .offcanvas-body {
    padding-top: 0;
}

.sheet-side-menu {
    background-color: white;
    position: relative;
}

.sheet-side-menu ul {
    position: sticky;
    top: 14px;
    left: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.sheet-side-menu ul li a {
    display: block;
    /* color: rgba(255, 255, 255, .8); */
    text-decoration: none;
    padding: .3rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.sheet-side-menu ul li a:hover {
    background-color: #f1cf69;
    color: #334543;
}

/* TODO: REVISAR DIASBALEDS */
/* a.disabled {
pointer-events: none;
cursor: not-allowed;
color: rgba(255, 255, 255, .5) !important;
} */

.calendarNC table thead tr th {
    background-color: transparent !important;
}

#toast-container-api {
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#tablewrapped th,
#tablewrapped td {
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
}


/*
|------------------------------------------------------------------------------
| colores de barras de progreso
|------------------------------------------------------------------------------
|
*/

.progress-bar.text-bg-orange {
    background-color: coral;
}

#table-if td{
    vertical-align: middle;
}

.if-table td{
    vertical-align: middle;
}

/* Spinner al lado del input */
.nc-select2-loader {
    margin-left: -25px; /* Ajustar según tu diseño */
    position: relative;
    z-index: 10;
    vertical-align: middle;
}

/* Opcional: Ocultar el select original mientras carga para evitar parpadeo */
select[data-nc-url]:not(.select2-hidden-accessible) {
    opacity: 0.5;
    pointer-events: none;
}