.boton1{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px 5px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px;
    border-width: 1px;
}
.margen20{margin-top: 20px;}  
.margen40{margin-top: 40px;}  
.morado{background: #6c0080;}  
.azul_claro{background: var(--azul_claro);}
.boton1.naranja{background: var(--naranja);border-color: var(--azul_negro) !important;}
.boton1.morado{background: #6c0080;color:white} 
.boton1.blanco{
    background: #ffffff;
    border-color: var(--verde_oscuro) !important;
    color: #006d8c; 
}
.boton1.rojo{background:  var(--fondo_rojo_oscuro) !important;color: white;}
.boton1.azul_negro{background: var(--azul_negro);border-color: var(--blanco) !important;color:white;}
.boton1.azul_claro{background: var(--azul_claro);color:white;}
.alerta1{
    border-style: solid;
    float: left;
    margin: 6px;
    padding: 6px;
    border-width: 1px;
    border-color: var(--fondo_rojo_oscuro);
    background: var(--fondo_rojo);
    font-weight: bold;
    color: var(--azul);
    text-align: center;
}
.alerta2{
    position: fixed;
    top: 0;
    z-index: 12;
    right: 0;
    font-size: 11px;
    margin-right: 6px;
    margin-top: 2px;
    color: var(--azul);
}
.alertaverde{
     border-style: solid;
    float: left;
    margin: 6px;
    padding: 6px;
    border-width: 1px;
    border-color: var(--verde_oscuro);
    background: var(--verde_claro);
    font-weight: bold;
    color: var(--negro );
    text-shadow: 2px 1px 3px var(--blanco);
    text-align: center;
}
#alertatemporal{position: fixed;left: 41%;border-radius: 35px;padding:0 6px;margin:0}

tr.marcada,td.marcada{    color: var(--blanco);background: var(--azul);font-weight: bold;}
tr.error{color: white;background: red;font-weight: bold;}
.trrojo tr tr{color:black;}
                            .cajas{

                                font-size:0.7em;  
                                color:#7f87ff;
                            }
                            .caja{
                                box-shadow: 0px 0px 3px 1px #b9b9b9;
                                margin-top: 6px;
                                margin-bottom: 6px;
                                padding: 12px;
                                border-radius: 7px;
                        }   
    .caja2{   
        box-shadow: 0px 0px 3px 1px #b9b9b95c;
        margin-top: 6px;
        margin-bottom: 6px; 
        padding: 12px; 
         background: #f9f9f95c;

}
.sticker{ 
    display: flex;
    position: relative;
    top: -32px;
    left: 0px;
    width: 101%;
}
.btn-primary {
      background-color: #337ab7; /* El color primario de Bootstrap 4 */
      border-color: #337ab7;
    }
    .btn-primary:hover {
      background-color: #286090; /* Cambia el color al pasar el mouse por encima */
      border-color: #337ab7;
}
.textogrisclaro{color: lightgray;}
a{color:#337ab7;text-decoration: none;font-weight: normal;}
html{font-size: 10px;}
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.informe_fecha{min-width: 120px;}
.mt-2{margin-top: 2rem;}
.descatalogado{    
    margin-left: 1rem;
    font-weight: 600;
    color: var(--fondo_rojo_oscuro);
}

.dataTables_filter{
    margin-top: 8px;
}
.label-datatables {
    margin-bottom: 8px;
    
}
.input-datatables {
    float: right;
    margin-left: 5px;
    height: 31px;
    width: 90%;
    border-radius: 4px;
    border-color: #d7d7d7;
}