/* ESTILOS APP LCPRO */
.logo-login{
    height: 120px;
    width: auto;
}
.icono-agentes{
    color: rgb(17, 161, 253);
}
.fondo-agentes{
    background-color: rgba(17, 161, 253, 0.1);
}
.icono-presupuestos{
    color: rgb(90, 117, 249);
}
.fondo-presupuestos{
    background-color: rgba(90, 117, 249, 0.1);
}
.icono-incentivos{
    color: rgb(255, 152, 66);
}
.fondo-incentivos{
    background-color: rgba(255, 152, 66, 0.1);
}
.icono-ayuda{
    color: rgb(0, 197, 105);
}
.fondo-ayuda{
    background-color: rgba(0, 197, 105, 0.1);
}
.col-form-label{
    color: black !important;
}
.negro{
    color: black !important;
}
.margen-4{
    margin: 4px;
}
.margen-10{
    margin: 10px;
}
.margen-arriba-20{
    margin-top: 20px;
}

.cursor-lcpro{
    cursor: pointer;
}
.logo-sin{
    max-width: 180px;
}
.capa-carga{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    margin: 40px;
}
.svg-loader{
    margin-top: 20px;
    display:flex;
    position: relative;
    align-content: space-around;
    justify-content: center;
  }
  .loader-svg{
    
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    fill: none;
    stroke-width: 5px;
    stroke-linecap: round;
    stroke: rgb(40, 51, 125);
  }
  .loader-svg.bg{
    stroke-width: 8px;
    stroke: rgb(214, 216, 217);
  }
  .animate{
    stroke-dasharray: 242.6;
    animation: fill-animation 1s cubic-bezier(1,1,1,1) 0s infinite;
  }
  
  @keyframes fill-animation{
    0%{
      stroke-dasharray: 40 242.6;
      stroke-dashoffset: 0;
    }
    50%{
      stroke-dasharray: 141.3;
      stroke-dashoffset: 141.3;
    }
    100%{
      stroke-dasharray: 40 242.6;
      stroke-dashoffset: 282.6;
    }
  }
  .borde-arriba-tabla{
    border-top: solid 2px #343A40;
  }
  .avatar-lcpro{
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .botones-monitor{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ancho-boton{
    width: 100% !important;
  }
  .p-movil{
    margin-bottom: 0px !important;
  }
  @media only screen and (max-width: 992px) {
    .p-movil{
      display: none !important;
    }
    .dataTables_length, .dataTables_info{
      margin-bottom: 12px !important;
    }
    .breadcrumb{
      display: none;
    }
    .pagination{
      flex-wrap: wrap !important;
    }
  }
.table-responsive{
  min-height: 500px !important;
}

.w90{
  width: 90% !important;
  height: auto !important;
}
.w80{
  width: 80% !important;
  height: auto !important;
}
.fondo-entrada{
  background-color: #D1E7DD !important;
  color: #198754 !important; 
}
.fondo-salida{
  background-color: #F8D7DA !important;
  color: #DC3545 !important; 
}
.fondo-saldo{
  background-color: #CFE2FF !important;
  color: #0D6EFD!important; 
}
.fondo-total{
  background-color: #FFEAD9 !important;
}
.txt-salida{
  color: #DC3545 !important;  
}
.txt-entrada{
  color: #198754 !important;
}
.txt-saldo{
  color: #0D6EFD!important;
}