body {
    zoom: 85%;
}

.text-negro {
    color: #0a0a0a;
}

.text-blanco {
    color: #ececec;
}

.text-verde b{
    color: #5ed460 !important;
}

.text-verde:hover b{
    color: #397a3a !important;
}

.margen-title {
    margin-top: 10px;
}

.link-content:hover {
    color: #7e7e7e;
}

/*****************/
     /*LOGIN*/
/*****************/
.box-login{
    background-color: rgba(51, 51, 51, 0.932) !important;
    box-shadow: 0 0 80px rgba(0, 0, 0, 8) !important;
}

.btn-login {
    background-color: #306e31;
    border-color: #306e31;
}

.btn-login:hover,
.btn-login:focus {
    background-color: #224b23;
    border-color: #224b23;
}

/*****************/
    /*SIDEBAR*/
/*****************/
.compl_menu, .alta_menu, .trasl_menu, .baja_menu, .asig_menu, .new_inv_menu, .ver_inv_menu, .inv_menu, .ev_det_menu, .hoja_vida, 
.report_menu, 
    .brix_menu, .brix_report_menu, 
    .carozo_menu, .carozo_report_menu,
.cierres_menu{
    cursor: pointer; /* Hace que el cursor sea una mano */
    text-decoration: none; /* Elimina el subrayado del enlace */
    color: inherit; /* Mantiene el color del texto original */
}

.side_tree {
    padding-left: 30px !important;
}

.new_inv_menu, .ver_inv_menu, .brix_report_menu, .carozo_report_menu{
    padding-left: 50px !important;
}

/*****************/
     /*MODAL*/
/*****************/
.sinborde{
    border-bottom: none !important;
}

.mradio{
    margin-left: 8px !important;
}

.modal-eva {
    max-width: 1800px !important;
    margin: 1.75rem auto;
}

#modal_qr .modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

#modal_qr .modal-content {
    max-width: 600px;
    max-height: 600px;
    width: auto;
    height: auto;
}

#modal_qr .modal-body img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.disabled {
    color: gray;
    pointer-events: none;  /* Deshabilita clics o eventos */
    opacity: 0.6;         /* Reduce la opacidad */
}

.modal-compl, .modal-trasl, .modal-evadet, .modal-evbaja{
    padding: 0rem;
}

body .p-b-5 {
    padding-bottom: 5px;
}

body .p-t-5 {
    padding-top: 5px;
}

#url_af {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
    border: none; /* Quitar borde */
    background-color: transparent; /* Hacer el fondo transparente */
    outline: none; /* Quitar el outline */
}

#url_af_link {
    display: block;
}

#url_af_link:hover #url_af {
    color: rgb(46, 46, 90);
}

.xCompl {
    font-size: 12px !important;
    background-color: #fa5838;
    border-color: #fa5838;
    padding: 6px 15px;
    color: #fff;
}

/*****************/
     /*otros*/
/*****************/

.verAltaBtn, .genAltaBtn, .openModalBtn, .hojaVidaBtn, .updListHVAFBtn, .openModalTraslBtn, .openModalAsigBtn, .openModalEvDetBtn, .openModalEvBajaBtn, .xCompl {
    border-radius: 3px;
    font-size: initial;
}

.timeline > .timeline-item > .timeline-badge {
    width: 260px;
    height: 50px;
    margin-left: -230px;
    border-radius: 0;
    font-size: 14px;
}

.all_af {
    color: initial !important;
    padding-left: inherit !important;
    border-radius: 3px;
}

.new_ivn_btn {
    font-size: 18px;
    font-weight: bold;
    /*margin-left: 30px;*/
    width: 150px;
}

.ivn_btn {
    font-size: 18px;
    font-weight: bold;
}

.reintegrar_af {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -10px;
    margin-bottom: -10px;
    border-radius: 3px;
    font-size: 12px;
}

/************************/
    /*NEW INVENTARIO*/
/************************/

.inv {
    border: 4px solid green;
    padding: 10px;
    margin: 10px;
}

.inv_af_text {
    font-weight: bold;
    font-size: 1.5rem; /* Ajusta el tamaño según tus necesidades */
}

/************************/
    /*BOX GREEN GENERICO*/
/************************/
.box_green {
    border: 4px solid green;
    padding: 10px;
    margin: 10px;
    padding-top: 0;
    padding-bottom: 0;

}

.text_box {
    font-weight: bold;
}

/************************/
    /*QUITA LAS FLECHAS DE LOS INPUT NUMERICOS*/
/************************/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* OK: Firefox necesita esto para ocultar flechas */
}

.btn-confirmar {
    background-color: #198754 !important;  /* Verde tipo Bootstrap */
    color: white !important;
    border: none;
    box-shadow: none !important;
}

.btn-cancelar {
    background-color: #6c757d !important;  /* Gris Bootstrap */
    color: white !important;
    border: none;
    box-shadow: none !important;
}