﻿.w-25px {
    width: 25px;
}
.w-50px {
    width: 50px;
}
.w-75px {
    width: 75px;
}

.w-90px{
    width: 90px;
}
.w-100px {
    width: 100px;
}
.w-125px {
    width: 125px;
}
.w-150px {
    width: 150px;
}
.w-250px {
    width: 250px;
}
.w-650px {
    width: 650px !important;
}
.w-750px {
    width: 750px !important;
}
.w-850px {
    width: 850px !important;
}
.w-900px {
    width: 900px !important;
}
.w-950px {
    width: 950px !important;
}
.w-75-porcent {
    width: 75%;
}
.w-100-porcent {
    width: 100% !important;
}
.h-1000px {
    height: 1000px !important;
    /*height: 100vh;*/
}
.h-100vh {
    height: 100vh;
}
.registroSeleccionado {
    color: #a86da9;
    border: 1px solid #c0b9d2;
    background-color: #d8cde6 !important;
}

.bg-borderless{
    border: none;
    background-color: transparent;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.VentanaEmergente {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: fixed;
    overflow: auto;
    z-index: 2;
}

    .VentanaEmergente iframe {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
    }

.centrar-contenido {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Oculto {
    visibility: hidden;
}

.horizontal-checkbox-container {
    display: flex; /* Activa flexbox */
    flex-direction: row; /* Disposición horizontal (por defecto) */
    gap: 15px; /* Espacio entre elementos */
    flex-wrap: wrap; /* Permite que los elementos pasen a siguiente línea si no caben */
}

.checkbox-item {
    display: flex;
    align-items: center; /* Alinea verticalmente el checkbox con su label */
    gap: 5px; /* Espacio entre checkbox y label */
    padding: 4px 7px 4px 7px;
    border-radius: 0.25rem;
}

.checkbox-item label {
    display: contents;
}