@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;
}

.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;
}

.page-header-title{
     color: #0846CD !important;
}