.circlarImagen {
    border-radius: 50% !important;
}

.centrado {
    padding: 0 !important;
}


.contentRoles{
    display: none;
}

#btn-guardarRoles {
    display: none;
}

.formatoTableModal{
    padding-left: 5rem;
}

.formatoTableModalT {
    padding-left: 5rem;
    font-weight: bold !important;
}

.requerido {
    color: red !important;
}

.formatoDatosClientes {
    background-color: #eeeeee !important;
    border-radius: 10px !important;
    border-color: #1b1e20 !important;
}

.novedad_sri {
    white-space: revert !important;
    display: table-caption !important;
    text-align: center !important;
    line-height: 0.825rem;
    width: 7rem !important;

}

/*
#layout-menu {
    z-index: 3000;
}
*/

.descripcion_producto_bodega {
    white-space: revert !important;
    display: table-caption !important;
    text-align: center !important;
    line-height: 0.9rem;
    width: 10rem !important;
}

.centrar_stock {

    margin: 0px 50px 0px 25px !important;
    padding: 5px !important;
    text-align: center !important;
}

.centrar_dato {

    font-size: 0.75rem !important;
    color: #000000 !important;
    text-align: center;
}


.punto_venta_estado {
    display: table-caption !important;
    text-align: center !important;
    line-height: 1rem;
}

.card-header {
    font-size: 1.50rem !important;
}

.h6 {
    font-size: 0.60rem !important;
}

.requerido {
    color: #0d2366 !important;
}

.formatoCeldas {
    font-size: 0.75rem !important;
    color: #000000 !important;

}

.alerta_stock_bajo {
    width: 2.5rem;
    height: 1.8rem;
    border-radius: 50%;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.alerta_stock_medio {
    width: 2.5rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #fc8607;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.alerta_stock_alto {
    width: 2.5rem;
    height: 1.8rem;
    border-radius: 50%;
    background: green;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.centrar_datoTable {
    font-size: 0.75rem !important;
    color: #000000 !important;
    text-align: center;
}

.table-striped > tbody > tr > {
    color: #000000 !important;
}

.puntero {
    cursor: pointer;
}

.espaciado {
    padding-left: 0.50rem !important;
}

.cajas-texto {
    border-radius: 4px;
    overflow: hidden;
    height: 5rem !important;
    font-size: 0.70rem !important;
    width: 100% !important;
}

.cajas-texto_compra {
    border-radius: 4px;
    overflow: hidden;
    height: 3rem !important;
    font-size: 0.70rem !important;
    width: 100% !important;
}

.cajas-texto_compra_detalle_adicional {
    border-radius: 4px;
    overflow: hidden;
    height: 2.5rem !important;
    font-size: 0.70rem !important;
    width: 100% !important;
}


.total {
    width: 100% !important;
}

.cantidadProducto {
    border-radius: 2px;
    overflow: hidden;
    height: 1.40rem !important;
    font-size: 0.72rem !important;
    padding: 0.2rem 0.5rem !important;
    text-align: end !important;
    margin-right: 0.50rem !important;
    align-items: center !important;
    width: 100% !important;
}

.nombreProducto {
    border-radius: 2px;
    overflow: hidden;
    height: 1.40rem !important;
    font-size: 0.72rem !important;
    padding: 0.2rem 0.5rem !important;
    text-align: start !important;
    margin-right: 0.50rem !important;
    align-items: center !important;
    width: 100% !important;
}

.precioUnitario {
    border-radius: 2px;
    overflow: hidden;
    height: 1.40rem !important;
    font-size: 0.72rem !important;
    text-align: end !important;
    align-items: center !important;
    width: 100% !important;
}

.formato_input_compra {
    border-radius: 2px;
    overflow: hidden;
    height: 1.40rem !important;
    font-size: 0.72rem !important;
    text-align: end !important;
    align-items: center !important;
    width: 100% !important;
}

.menu-link {
    font-size: 0.85rem !important;
}

@media only screen and (max-width: 600px) {
    .precioUnitario {
        width: 200% !important;
    }
    .formato_input_compra{
        width: 100% !important;
    }

    .cajas-texto {
        border-radius: 4px;
        overflow: hidden;
        height: 8rem;
        width: 8rem !important;

    }

    .cajas-texto_compra {
        border-radius: 4px;
        overflow: hidden;
        height: 8rem;
        width: 8rem !important;
    }

    .cajas-texto_compra_detalle_adicional {
        border-radius: 4px;
        overflow: hidden;
        height: 7rem;
        width: 8rem !important;
    }

    .cantidadProducto {
        width: 180% !important;
    }
}

.colorBoton1 {
    background-color: #98e1ae !important;
    color: #0c0c0c !important;
}

.colorBoton2 {
    background-color: #2f3480 !important;
    color: #ffffff !important;
}

.colorBoton4 {
    background-color: #2f3480 !important;
    color: #ffffff !important;
}

.colorBoton3 {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

.colorBoton3:hover {
    background-color: #3dd018 !important;
    color: #050505 !important;
}

.colorBoton4:hover {
    background-color: #4e8240 !important;
    color: #ffffff !important;
}

.colorBoton2:hover {
    background-color: #4e8240 !important;
    color: #050505 !important;
}

.iconosDashboard {
    font-size: 1.5rem !important;
    padding-right: 0.50rem !important;
}

.iconosCentro {
    text-align: center !important;
    align-items: center !important;
    color: #ff6f00 !important;
}

.boton {
    border-radius: 25% !important;

}

.fondogenera {
    background-color: khaki !important;
}

.centradoInput {

    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor {
    position: relative;
    display: inline-block;
    text-align: center;
}

.texto-encima {
    position: absolute;
    top: 10px;

}

.centradoMantenimiento {
    position: absolute;
    top: 68%;
    left: 26%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-weight: bolder;
}

.centradoImagen {
    display: block;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
}

.disenio p {
    padding: 0.05rem !important;
    margin-bottom: 0.05rem !important;
}

.textoMayuscula {
    text-transform: uppercase !important;
}

.select2Formato {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 34px;
    margin-bottom: 15px;
    outline: none !important;
    transition: all .15s ease-in-out;
}

.menu-nieto {
    padding-left: 2rem !important;
}


.macrobills {
    padding-bottom: 0;
    background: #262626FF;
    color: white !important;
    border-radius: 10px 10px 0px 0px;

}

.macrobills_secundario {
    padding-bottom: 0;
    background: #e9e9e9;
    border-radius: 10px 10px 0px 0px;

}

.macrobills_fondo {
    padding-bottom: 0;
    background: #696158;
    border-radius: 10px 10px 0px 0px;
}

.rrhh_title {
    padding-bottom: 0;
    background: #a8bede;
    padding: 0.2rem !important;
    background-color: #a8bede !important;
    border-radius: 10px 10px 0px 0px;

}

.formato-campos {
    font-size: 14px !important;
    padding: 5px 5px !important;

}

.formato-campo-select {
    font-size: 13px !important;
    padding: 5px 5px !important;
}

.formato-label {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .formato-label {
        justify-content: flex-start;
    }
}

.formato-file {
    width: 100px; /* Puedes ajustar el valor del ancho según tus necesidades */
    overflow: hidden; /* Oculta el desbordamiento de texto */
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
    text-overflow: ellipsis; /* Muestra puntos suspensivos (...) cuando el texto se corta */
}

/* Estilo personalizado para el icono de carga */
.custom-loader {
    background-image: url('/Assets/img/BillsLoading.gif');
    background-repeat: no-repeat;
    background-size: 65px 65px; /* Ajusta el tamaño de la imagen según tu icono */
    width: 65px; /* Ancho del icono */
    height: 65px; /* Altura del icono */
}

.section-title {
    text-align: center;
}

.section-title h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    color: #002043;
}

.formato_punto_venta {
    width: 111% !important;
    height: 100% !important;
}

.negrita_botones_punto_venta {
    font-weight: bolder !important;
    font-size: 30px !important;
    background-color: #FFB553 !important;
    width: 60px !important;
    height: 60px !important;
    margin: 5px !important;

}

.fonto_negro_botones_punto_venta {
    font-weight: bolder !important;
    font-size: 30px !important;
    background-color: black !important;
    width: 60px !important;
    height: 60px !important;
    margin: 5px !important;
}

.color_btn_agregar_pv {

    font-weight: bolder !important;
    font-size: 15px !important;
    background-color: #FFB553 !important;
    width: 150px !important;
    color: black !important;
    height: 33px !important;
    margin: 5px !important;

}

.color_btn_cancelar_pv {

    font-weight: bolder !important;
    font-size: 15px !important;
    background-color: #000000 !important;
    width: 150px !important;
    color: white !important;
    height: 33px !important;
    margin: 5px !important;

}


.tamano_input {
    width: 100px !important; /* Ajusta el ancho del input según tus necesidades */

}


.menu_responsive {
    display: none;
}

.formato_link {
    color: rgba(24, 22, 22, 0.87) !important;
    padding: 1rem !important;
}

.marco_responsivo {
    padding-top: 5rem !important;
}

@media (max-width: 768px) {
    .formato_punto_venta {
        width: 100% !important;
    }


    .icono_formato_punto_venta {
        width: 100% !important;
        height: 100% !important;
    }

    .texto_menu_punto_venta {
        font-size: 1.5rem !important;
        top: 78% !important;
        left: 50% !important;
    }

    .texto_menu_stock_caja {
        font-size: 1.2rem !important;
    }

    .texto_menu_apertura_caja {
        font-size: 0.66rem !important;
    }

    .texto_menu_cierre_caja {
        font-size: 0.7rem !important;

    }

    .imagen_punto_venta {
        width: 100% !important;
    }

    .menu_responsive {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .centrado_responsivo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menu_full {
        display: none;
    }

    .marco_responsivo {
        padding-top: 1rem !important;
    }

    .formato_link img {
        width: 90%;
        max-width: 40px; /* Ajusta el máximo tamaño deseado para las imágenes en responsivo */
        height: auto; /* Mantiene la proporción de aspecto de las imágenes */
    }
}

/* Para pantallas con un ancho máximo de 993px */
@media (min-width: 769px) and (max-width: 993px) {
    .texto_menu_punto_venta {
        font-size: 1rem !important;
    }

    .texto_menu_stock_caja {
        font-size: 1.2rem !important;

    }

    .texto_menu_apertura_caja {
        font-size: 0.75rem !important;

    }

    .texto_menu_cierre_caja {
        font-size: 0.8rem !important;

    }
}


#floating-menu {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#floating-menu a {
    display: block;
    margin-bottom: 0.25rem;
    padding: 0.75rem;
}


.texto_cajero {
    font-size: 0.75rem;
    padding-left: 1rem;
    padding-right: 3rem;
    text-align: center;
}

.contenedor_centrado {
    display: flex;
    align-items: center;
    justify-content: center;
}

.formato_link {
    display: inline-block; /* Para que el hover afecte al contenedor */
    overflow: hidden; /* Para asegurar que los cambios de escala no se desborden */
    width: 6rem;
    text-align: center; /* Alinea el contenido al centro horizontalmente */
    vertical-align: middle;

}

.formato_link img {
    vertical-align: middle; /* Centra verticalmente la imagen dentro del contenedor */
    transition: transform 0.3s ease; /* Agrega una transición suave para el efecto hover */
}

.formato_link:hover {
    color: rgb(0, 28, 210);
    padding: 1rem;
    background-color: #FFB553;
    border-radius: 10px;
    width: 7rem;

}

.formato_link:hover img {
    /*filter: brightness(0) invert(1); /* Cambia el color de la imagen a blanco (invert) */
    transform: scale(1.3); /* Aumenta el tamaño de la imagen al 160% */
}

.formato_link img {
    transition: transform 0.3s ease, opacity 0.3s ease; /* Agrega transiciones suaves a transform y opacity */

}

.formato_menu_punto_venta img {
    transition: transform 0.3s ease, opacity 0.3s ease; /* Agrega transiciones suaves a transform y opacity */

}

.formato_menu_punto_venta:hover img {
    /*filter: brightness(0) invert(1); /* Cambia el color de la imagen a blanco (invert) */
    transform: scale(1.05); /* Aumenta el tamaño de la imagen al 105% */
    opacity: 0.95; /* Reduce la opacidad al hacer hover */

}

.custom-btn_productos {
    width: 20%; /* Ajusta el ancho según tus necesidades */
    height: 100%; /* Ajusta el alto según tus necesidades */
}

.custom-btn_productos .btn {

    white-space: normal !important; /* Permite que el texto se ajuste */
}

.btn_categorias_punt_venta {
    font-weight: bolder !important;
    font-size: 13px !important;
    background-color: #FFB553 !important;
    color: black !important;
    margin: 5px !important;
}

.btn_productos_pv {
    font-weight: bolder !important;
    font-size: 14px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    margin: 5px !important;
}

.btn_productos_pv:hover {
    background-color: #FFB553 !important;
    color: #000000 !important;
}

.stock_punto_venta {
    font-size: small !important;
    font-weight: bolder !important;
    color: black;

}


.overflow-auto {

    overflow-y: scroll;
}


.top_title {
    background: #e3e3e3 !important;
}


.texto_dau {
    font-size: 0.68rem !important;
    padding-left: 0.20rem !important;
    padding-right: 0.40rem !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.formato_row {
    font-size: x-small !important;

}

#detalleventa-container {
    overflow-x: hidden;
}

.swal2TitlePersonalizado {
    font-size: 1rem !important; /* Cambia el tamaño del texto según tu preferencia */
}

.swal2-container {
    z-index: 99999 !important; /* Valor alto para asegurar que se superponga sobre todos los elementos */
}


/*SECCION PARA LOS INPUTS DE COMPRA VENTA */
.formatoNumeroTablas{
    font-size: 0.65rem !important;
    color: #000000 !important;
    text-align: end !important;
    align-items: end !important;
    width: 100% !important;
    padding: 0.3rem 0.01rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.formatoTextAreasTablas{
    font-size: 0.65rem !important;
    color: #000000 !important;
    text-align: center !important;
    align-items: center !important;
    width: 100% !important;
    height: auto; /* Esto permitirá que el textarea ajuste automáticamente su tamaño según el contenido */
    overflow-y: hidden;
    overflow-x: hidden;
}
.formatoCeldaCantidad{
    border-color : #494747 !important;
    border-top-width: 1px; /* Borde superior */
    border-bottom-width: 1px; /* Borde inferior */
    padding: 0.05rem 0.05rem !important;

}
.formatoCeldaCompleto{
    border-color : #494747 !important;
    border-top-width: 1px; /* Borde superior */
    border-bottom-width: 1px; /* Borde inferior */
    padding: 0.05rem 0.05rem !important;
}
.formatoCeldaCompleto > :not(caption) > * > * {
    padding: 0 0 !important;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
@media screen and (min-width: 796px) {
    .table_compras_detalles {
        overflow-x: hidden !important;
    }
}

.formatoTextoCabeceraTabla{
    font-size: 0.75rem !important;

}

.bordes_personalizados{

    border: 0.5px solid rgba(187, 178, 177, 0.43) !important;

}
.select2-width-25rem .select2-container--default .select2-dropdown {
    width: 25rem !important;
}



.select2_retencion_ir .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 10px; /* Puedes ajustar el tamaño del texto aquí */
}
.select2_retencion_iva .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 10px; /* Puedes ajustar el tamaño del texto aquí */
}
.select_compra_centro_costo .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 10px; /* Puedes ajustar el tamaño del texto aquí */
}

.card .row .col-md-4 {

    justify-content: center;
    align-items: center;
}

.card .row .col-md-8 .card-body p {
    margin: 0;
}

.detalles_card{
    padding-left: 1rem;
    padding-right: 1rem;
    color: #1f2226;
    font-weight: bolder;

}
.espaciado_texto_boton{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.texto_color_boton{
    color: #3b3b3b !important;
}
.icono_producto_adicional{
    padding: 0rem !important;
}
.formato_label_producto{
    padding-left: 1rem !important;
}
.alert-no-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.texto_alerta{
    font-size: 0.70rem !important;
    font-weight: bolder !important;
}
.titulo_alerta{
    font-size: 0.90rem !important;
    font-weight: bolder !important;
}

.video-responsive {
    width: 90% !important;
    height: 90%;
    padding-left: 1rem;
    padding-right: 1rem;
    object-fit: cover; /* Mantiene la relación de aspecto y recorta si es necesario */
}