@font-face {
    font-family: 'WesFY';
    src: url('/static/fonts/BlackFoundry-WesFYRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WesFY';
    src: url('/static/fonts/BlackFoundry-WesFYBold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'WesFY', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
td,
th,
label,
button,
input,
select,
textarea,
text,
div {
    font-family: 'WesFY', sans-serif !important;
}


.is-invalid {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #ed4c78
}

.input-group-merge.is-invalid {
    border: 0.0625rem solid #ed4c78;
}

.smalltable {
    font-size: 10pt !important;
}


thead tr th {
    /*border-bottom: 1pt solid black !important;*/
    font-weight: 900 !important;
}



tfoot tr th {
    font-weight: 900 !important;
}

/* .dt-buttons {
    display: none !important;
} */

/* .dataTables_filter {
    display: none !important;
} */

/* Para quitar las dobles flechas de los datagrids*/

table.dataTable thead .sorting {
    background-image: none !important;
}

table.dataTable thead .sorting_asc {
    background-image: none !important;
}

table.dataTable thead .sorting_desc {
    background-image: none !important;
}

table.dataTable thead .sorting_asc_disabled {
    background-image: none !important;
}

table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
}

.icono_descarga {
    font-size: 1.875rem;
}

.today:not(.selected) {
    background: #89b3ff99 !important;
}


.form_error {
    border: 1px solid #ed4c78;
}

.custom-hover:hover {
    background-color: #f0f0f0;
    /* Color personalizado */
}

.sticky {
    z-index: 3;
    position: relative;
}

.dashboard-toolbar-card {
      border-radius: 16px;
      box-shadow: 0 0.65rem 1.4rem rgba(18, 38, 63, .05);
      padding: 1rem 1.1rem;
      margin-bottom: 1rem;
  }

.dashboard-toolbar-titlebar {
      border: 0;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
      background: transparent;
}

.dashboard-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.dashboard-toolbar__title {
    min-width: 0;
}

.dashboard-toolbar__title .page-header-title {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.dashboard-toolbar__subtitle {
    margin-top: .35rem;
    color: #6c7a91;
    font-size: .8rem;
    line-height: 1.35;
}

.dashboard-toolbar__actions,
.dashboard-toolbar__filters {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.dashboard-toolbar__actions {
    margin-left: auto;
}

.dashboard-toolbar__field {
    min-width: 130px;
}

.dashboard-toolbar__field--sm {
    min-width: 110px;
}

.dashboard-toolbar__field--md {
    min-width: 150px;
}

.dashboard-toolbar__field--lg {
    min-width: 190px;
}

.dashboard-toolbar__field--grow {
    flex: 1 1 220px;
}

.dashboard-toolbar__field--xl {
    min-width: 220px;
}

.dashboard-toolbar__field label,
.dashboard-toolbar__label {
    display: block;
    margin-bottom: .32rem;
    color: #7c8aa5;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .01em;
}

.dashboard-toolbar__field .form-control,
.dashboard-toolbar__field .form-select {
    min-height: 38px;
    border-radius: 10px;
    /* border-color: #d9e2ef;
    background: #fff; */
    box-shadow: none;
}

.dashboard-toolbar__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.dashboard-toolbar__secondary {
    margin-top: .95rem;
    padding-top: .95rem;
    border-top: 1px solid #edf2f7;
}

.dashboard-toolbar__secondary .segmented {
    background: #eef4fb;
    padding: .25rem;
}

.dashboard-toolbar__secondary .segmented .btn {
    min-height: 38px;
    font-weight: 600;
}

.segmented {
    display: flex;
    gap: .25rem;
    border-radius: 999px;
}

.segmented .btn {
    flex: 1;
    border: 0;
    background: transparent;
    border-radius: 999px;
    padding: .6rem 0;
    font-size: .75rem;
}

.segmented .btn:hover {
    background: rgba(0, 0, 0, .03);
}

.segmented .btn:focus {
    box-shadow: none;
}

.segmented .btn-check:checked + .btn,
.segmented .segmented-btn.is-active {
    background: #0846CD;
    color: #fff;
}

.segmented .segmented-btn {
    color: #7c8aa5;
    font-weight: 600;
}

.dashboard-year-stepper {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.dashboard-year-stepper__value {
    min-width: 92px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .9rem;
    border: 1px solid #d9e2ef;
    border-radius: 10px;
    background: #fff;
    color: #4b5f7c;
    font-weight: 700;
}

.dashboard-toolbar__quarter-wrap {
    width: 100%;
}

@media (max-width: 767.98px) {
    .dashboard-toolbar-card {
        padding: .9rem;
    }

    .dashboard-toolbar__actions,
    .dashboard-toolbar__filters,
    .dashboard-toolbar__buttons {
        width: 100%;
        justify-content: stretch;
    }

    .dashboard-toolbar__field,
    .dashboard-toolbar__field--sm,
    .dashboard-toolbar__field--md,
    .dashboard-toolbar__field--lg {
        min-width: 0;
        width: 100%;
        flex: 1 1 100%;
    }

    .dashboard-toolbar__buttons .btn,
    .dashboard-toolbar__actions .btn,
    .dashboard-toolbar__actions .google-disabled-help {
        flex: 1 1 calc(50% - .5rem);
    }

    .dashboard-toolbar__actions .google-disabled-help > .btn {
        width: 100%;
    }
}

.is-sticky {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 2 !important;
}

#contenedorsubmenu {
    z-index: 0;
}

.card-footer {
    padding: 10px !important;
}


.card-dashed-3px {
    border: 3px dashed rgba(231, 234, 243, .7) !important;
}

.grupo-enlinea {
    background-color: #fdfdfd !important;
    width: 40%;
    font-weight: bold !important;
    padding: .6125rem .5rem !important;
}

.grupo-enlinea-input {
    padding: .6125rem .4rem !important;
}


.text-card-title {
    font-size: 1.5rem !important;
}

.text-card-subtitle {
    font-size: 0.8rem;
}


.bg_custom_grey {
    background-color: #F1F1F1
}


.pointer {
    cursor: pointer;
}

/* clase para los iconos */
.icono-svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
}

.battery-charging {
    mask-image: url('/static/assets/iconos/battery-charging.svg');
    -webkit-mask-image: url('/static/assets/iconos/battery-charging.svg');
}

.calendar-days {
    mask-image: url('/static/assets/iconos/calendar-days.svg');
    -webkit-mask-image: url('/static/assets/iconos/calendar-days.svg');
}

.chart-no-axes-combined {
    mask-image: url('/static/assets/iconos/chart-no-axes-combined.svg');
    -webkit-mask-image: url('/static/assets/iconos/chart-no-axes-combined.svg');
}

.circle-user-round {
    mask-image: url('/static/assets/iconos/circle-user-round.svg');
    -webkit-mask-image: url('/static/assets/iconos/circle-user-round.svg');
}

.factory {
    mask-image: url('/static/assets/iconos/factory.svg');
    -webkit-mask-image: url('/static/assets/iconos/factory.svg');
}

.hourglass {
    mask-image: url('/static/assets/iconos/hourglass.svg');
    -webkit-mask-image: url('/static/assets/iconos/hourglass.svg');
}

.layout-dashboard {
    mask-image: url('/static/assets/iconos/layout-dashboard.svg');
    -webkit-mask-image: url('/static/assets/iconos/layout-dashboard.svg');
}

.loader {
    mask-image: url('/static/assets/iconos/loader.svg');
    -webkit-mask-image: url('/static/assets/iconos/loader.svg');
}

.map-pin {
    mask-image: url('/static/assets/iconos/map-pin.svg');
    -webkit-mask-image: url('/static/assets/iconos/map-pin.svg');
}

.map-pin-check-inside {
    mask-image: url('/static/assets/iconos/map-pin-check-inside.svg');
    -webkit-mask-image: url('/static/assets/iconos/map-pin-check-inside.svg');
}

.radio {
    mask-image: url('/static/assets/iconos/radio.svg');
    -webkit-mask-image: url('/static/assets/iconos/radio.svg');
}

.search {
    mask-image: url('/static/assets/iconos/search.svg');
    -webkit-mask-image: url('/static/assets/iconos/search.svg');
}

.zap {
    mask-image: url('/static/assets/iconos/zap.svg');
    -webkit-mask-image: url('/static/assets/iconos/zap.svg');
}

.icono-header {
    width: 3.125em;
    /* igual a font-size large */
    height: 3.125em;
}

.icono-subtitle {
    width: 2em;
    /* igual a font-size medium */
    height: 2em;
}

.icono-objetivos {
    mask-image: url('/static/assets/img/Objetivos.svg');
    -webkit-mask-image: url('/static/assets/img/Objetivos.svg');
}

.icono-meetsprogramados{
    mask-image: url('/static/assets/img/MeetsProgramados.svg');
    -webkit-mask-image: url('/static/assets/img/MeetsProgramados.svg');
}

.icons-meetscompletados{
    mask-image: url('/static/assets/img/MeetsCompletados.svg');
    -webkit-mask-image: url('/static/assets/img/MeetsCompletados.svg');
}

.icons-meetsrealizados{
    mask-image: url('/static/assets/img/MeetsRealizados.svg');
    -webkit-mask-image: url('/static/assets/img/MeetsRealizados.svg');
}

/* estilos customs  */

/* fuentes texto */
.tipo-grafia-header {
    font-family: 'WesFY', sans-serif !important;
    /* font-size: large !important; */
    color: #0846CD;
}

.tipo-grafia-subtitle {
    font-family: 'WesFY', sans-serif !important;
    color: #0846CD !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    /* font-weight: normal !important; */
}

.tipo-grafia-header-base {
    font-family: 'WesFY', sans-serif !important;
    color: #494949;

    /* font-size: large !important; */
}


.tipo-grafia-subtitle-base {
    font-family: 'WesFY', sans-serif !important;
    font-size: small !important;
    font-weight: normal !important;
    color: #494949;
}

.texto-resaltado {
    font-weight: 600 !important;
}

.text-size-subtiltulo {
    font-weight: 500 !important;
    font-style: Medium !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0% !important;

}

.text-size-header {
    font-weight: 500 !important;
    font-style: Medium !important;
    font-size: 20px !important;
    line-height: 150% !important;
    letter-spacing: 0% !important;

}

.match-input {
    height: calc(2.375rem + 2px);
}


/* estilos para cuando se activa el elemento */

.elemento-activo {
    background-color: #0846CD !important;
    /* Fondo azul */
    color: white !important;
    /* Letra blanca */
}

.elemento-borde-activo {
    border: 4px solid #0846CD !important;
    /* O, si prefieres margen: */
    /* margin: 5px; */
}


/* colores de fondo */
/* fondos sin margenes o bordes */
.bg-fondo {
    background-color: #F9F9F9 !important;
}

.bg-fondo-v2 {
    background-color: #F1F1F1 !important;
}


.bg-fondo-v2-border-trasnparente {
    background-color: #F1F1F1 !important;
    border-radius: 1.5rem !important;

}

/* fondos con margenes o bordes */
.bg-fondo-border {
    background-color: #F9F9F9 !important;
    border: 1px solid #dee2e6;
    /*Igualquelaclase.borderdeBootstrap*/
    border-radius: 1.5rem !important;
    /* Igual que .rounded-4 */
    -webkit-border-radius: 1.5rem !important;
    -moz-border-radius: 1.5rem !important;
    -ms-border-radius: 1.5rem !important;
    -o-border-radius: 1.5rem !important;
}


.bg-fondo-border-trasnparente {
    background-color: #F9F9F9 !important;
    border: 0px solid #dee2e6;
    /*
    */
    /*Igualquelaclase.borderdeBootstrap*/
    /* Igual que .rounded-4 */
    border-radius: 1.5rem !important;
    -webkit-border-radius: 1.5rem !important;
    -moz-border-radius: 1.5rem !important;
    -ms-border-radius: 1.5rem !important;
    -o-border-radius: 1.5rem !important;
}


.bg-fondo-border-invertido {
    background-color: transparent !important;
    border: 1px solid #F1F1F1;
    /* Igual que la clase .border de Bootstrap */
    border-radius: 1.5rem !important;
    /* Igual que .rounded-4 */
}

/* esto es para cuando tipo mapa, que no ocupa fondo solo especificar que este redondeado */
.bg-fondo-trasnparente {
    background-color: transparent;
    /* Igual que la clase .border de Bootstrap */
    border-radius: 1.5rem !important;
    /* Igual que .rounded-4 */
}


/* colores */
.id-azul {
    color: #0846CD !important;
}

.id-azul:hover {
    background-color: #0846CD !important;
    color: white !important;
    text-decoration: none !important;
}

.bg_azul {
    background-color: #0846CD !important;
    color: white !important;
}



.color_base {
    background-color: #0FBFA1 !important;
    border: none !important;
}

.color_intermedio {
    background-color: #10C5DD !important;
    border: none !important;
}

.color_punta {
    background-color: #5721F8 !important;
    border: none !important;
}

:root {
    --feed-bg-card: #F1F1F1 !important;
}