html {
    box-sizing: border-box;
    overflow: hidden;
    font-size: 10px; /* Tamaño fuente menú izquierdo*/
    /*font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
    font-family: Tahoma;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.contenedorflotante {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}
/*
    .contenedorflotante > div {
        height: 60px;
    }*/

    .contenedorflotante li {
        height: 60px;
    }


ul {
    list-style: none;
    padding-left: 0px;
}

legend {
    font-size: 10x;
    /*font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
    font-weight: bold;
}

.smart-container {
    /* Cabecera del grid*/
    font-size: 10px;
    /*font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
}

/*div.smart-container {*/
    /* todo los textos de los div*/
    /*font-size: 10px;
}*/
smart-menu.smart-menu[aria-orientation=horizontal] {
    background: rgb(0 92 153);
    color: rgb(224 224 224);
    border-color: rgb(0 92 153);
}
.smart-menu-item.smart-element, smart-menu-items-group.smart-element {
    /*    visibility: inherit;
    overflow: visible;
    background: inherit;
    color: inherit;
    border-color: inherit;*/
    font-size: 10px;
    /*font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
}
.smart-grid {
    width: 100% !important;
    height: 90% !important;
    /*height: 90% !important;*/
    font-size: 10px;
    --smart-font-family: Tahoma;
    /*font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
    /* tamaños fuente grid */
    --smart-grid-cell-font-size: 10px;
    /*--smart-grid-cell-font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
    --smart-grid-column-font-size: 10px;
    /*--smart-grid-column-font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
    --smart-font-size: 10px;
    /*--smart-font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
}

.smart-splitter {
    /* Splitter grid */
    width: 100% !important;
    height: 100% !important;
    /*position: absolute;*/
    /*width: 50%;
    height: 100%;*/
    font-size: 10px;
    /*font-size: clamp(0.1rem, 3vw - 2rem,0.8rem);*/
}

.formularioficha {
    display: flex;
    flex-direction: column;
    padding: 1px;
    width: 100% !important;
    /*height: 100% !important;*/
    /*position: absolute;*/
    /*scrollbar-width:auto;*/
}


/* FICHA COMPRA CABECERA*/
.compracabecera {
    border-bottom: solid 1px grey;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

/* VENTANA EVENTOS*/
#ventana_eventos {
    --smart-window-default-width: 1200px;
    --smart-window-default-height: 500px;
}

/* VENTANA EVENTOS mapa*/
#ventana_mapaeventos {
    --smart-window-default-width: 1200px;
    --smart-window-default-height: 500px;
}

.ventanaeventos {
    /*        width: 100%;
        max-width: 1000px;*/
    /*margin: 1.6em auto;*/
    display: grid;
    grid-row-gap: 3px;
    grid-template-columns: repeat(8, 9);
}

    .ventanaeventos .labelNombreEvento {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        vertical-align: text-bottom;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaeventos .txtnombreevento {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        /*                background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaeventos .botonbuscarevento {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2:
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaeventos .GridEventosEncontrados {
        grid-column-start: 1;
        grid-column-end: 8;
        grid-row-start: 2;
        grid-row-end: 7;
        height: 350px;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaeventos .BotonAceptarEvento {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 8;
        grid-row-end: 9;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

/* VENTANA UNIR EVENTOS*/
#ventana_unir_eventos {
    --smart-window-default-width: 1200px;
    --smart-window-default-height: 790px;
}

.ventanaunireventos {
    /*        width: 100%;
        max-width: 1000px;*/
    /*margin: 1.6em auto;*/
    display: grid;
    grid-row-gap: 3px;
    grid-template-columns: repeat(8, 9);
}

    .ventanaunireventos .labelNombreEvento {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        vertical-align: text-bottom;
        padding-top: 5px;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaunireventos .txtEventoDestino {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        /*                background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }



    .ventanaunireventos .txtEventoOrigen {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        /*                background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaunireventos .botonbuscarevento {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2:
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaunireventos .GridEventosEncontrados {
        grid-column-start: 1;
        grid-column-end: 8;
        grid-row-start: 2;
        grid-row-end: 7;
        height: 350px;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaunireventos .BotonAceptarEvento {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 8;
        grid-row-end: 9;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }


/* VENTANA observaciones compra*/
#ventana_observacionescompras {
    --smart-window-default-width: 1000px;
    --smart-window-default-height: 400px;
}

.ventanaobservacionescompras {
    /*        width: 100%;
        max-width: 1000px;*/
    /*margin: 1.6em auto;*/
    display: grid;
    grid-row-gap: 3px;
    grid-template-columns: repeat(1, 2);
}

    .ventanaobservacionescompras .labelNombreEvento {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        vertical-align: text-bottom;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaobservacionescompras .txtnombreevento {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        /*                background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaobservacionescompras .botonbuscarevento {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2:
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaobservacionescompras .GridEventosEncontrados {
        grid-column-start: 1;
        grid-column-end: 8;
        grid-row-start: 2;
        grid-row-end: 7;
        height: 350px;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

    .ventanaobservacionescompras .BotonAceptarEvento {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 8;
        grid-row-end: 9;
        /*        background: #fff;
        padding: 20px;
        border: 1px solid #000000;*/
    }

/* VENTANA observaciones compra*/
.ventana_suplidoscompras {
    /*--smart-window-default-width: 75vw;*/ /*1000px;*/
    /*--smart-window-default-height: 400px;*/
    --smart-window-default-width: 1000px;
    --smart-window-default-height: 500px;
}

#ventana_formatoentradas {
    --smart-window-default-width: 25vw;
    --smart-window-default-height: 400px;
}

.smart-tabs {
    width: 100%;
    height: auto;
    min-height: initial;
}

/* SMART ELEMENTS*/
.smart-drop-down-container {
    z-index: 1000;
}


.smart-tree-item-label-container .navlinkblanco {
    color: white;
}

.smart-tree-item-label-container:hover .navlinkblanco {
    color: black;
}
.smart-tree-item-label-container .tituloblanco {
    color: white;
}

.smart-tree-item-label-container:hover .tituloblanco {
    color: black;
}
.smart-tree-item-label-container {
    padding-left: 10px;
}

.lblenlace {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}


.ventanaasociarentradasmanual {
    --smart-window-default-width: 1000px;
    --smart-window-default-height: 600px;
}

.ventana_cajacomprasasociar {
    --smart-window-default-width: 1000px;
    --smart-window-default-height: 600px;
}

.ventana_compraeditar {
    --smart-window-default-width: 75vw; /*75vw;*/
    --smart-window-default-height: 600px; /*75vh;*/
}

.ventana_tarjeta {
    --smart-window-default-width: 25vw; /*75vw;*/
    --smart-window-default-height: 400px; /*75vh;*/
}

.ventana_tarjeta_seleccion {
    --smart-window-default-width: 37vw; /*75vw;*/
    --smart-window-default-height: 5vm; /*75vh; 300*/
/*    z-index: 99999 !important;*/
}

.smart-icon-download-alt::before {
    content: var(--smart-icon-download-alt);
}
.smart-chart {
    width: 100%;
    height: 300px;
}


.ventana_apieventocrearalarma {
    --smart-window-default-width: 700px; /*75vw;*/
    --smart-window-default-height: 600px; /*75vh;*/
}

.ventana_entregaobservaciones {
    --smart-window-default-width: 700px;
    --smart-window-default-height: 600px;
}

.inline-group {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}