@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --verde: #1ba333;
    --amarillo: #ffcc00;
    --azul: #203b76;
    --verdeOscuro: #135423;
    --verdeClaro: #d3eed7;
    --cafe: #5b3700;
    --azulClaro: #0094e9;
    --blanco: #fff;
    --gris6: #666;
    --gris9: #999;
    --rojo: #e30d0d;
    --rojoClaro: #f55050;
    --colorTexto: #303030;
  }

  body {
    font-family: "Montserrat" !important;
  }

  h1, h2, h3, h4, h5, h6, p, div, li, span {
    color: var(--colorTexto) !important;
  }

  .border-primary{
    border-color: var(--verde) !important;
  }

  .bg-primary, .bg-dark{
    background-color: var(--verdeOscuro) !important;
    color: var(--blanco) !important;
  }

  .bg-azul{
    background-color: var(--azul) !important;
    color: var(--blanco) !important;
  }

  .nav-link::before{
    background-color: var(--verde) !important;
  }
  
  .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-icon{
    color: var(--verdeOscuro) !important;
  }

  a.nav-link:hover{
    color: var(--verde) !important;
  }

  span svg{
    color: var(--verde) !important;
  }

  div.sidebar-header{
    background-color: var(--verdeOscuro) !important;
  }

  div.sidebar-body{
    background-color: var(--verdeClaro) !important;
  }
  
  .sidebar-brand, .txt-blanco, div.sidebar-toggler span{
    color: var(--blanco) !important;
  }

  
  .text-verdeOscuro{
    color: var(--verdeOscuro) !important;
  }

  .text-verdeClaro{
    color: var(--verdeClaro) !important;
  }

  /* Botones */

  .list-group-item-primary {
    background-color: var(--amarillo) !important;
    border: 1 !important;
  }

  .btn-primary {
    background-color: var(--verde) !important;
    border: none !important;
  }

  .btn-primary:hover {
    background-color: var(--verdeOscuro) !important;
    border: none !important;
  }

  .btn-danger {
    background-color: var(--rojo) !important;
    border: none !important;
  }

  .btn-danger:hover {
    background-color: var(--rojoClaro) !important;
    border: none !important;
  }

  .btn-outline-primary{
    color: var(--verdeOscuro) !important;
    border-color: var(--verde) !important;
  }

  .btn-outline-primary:hover{
    color: var(--blanco) !important;
    border-color: var(--verdeOscuro) !important;
    background-color: var(--verdeOscuro) !important;
  }

  .bg-danger{
    background-color: var(--rojo) !important;
    border: none !important;
  }

  .text-amarillo{
    color: var(--amarillo) !important;
  }

  .bg-verdeClaro{
    background-color: var(--verdeClaro) !important;
    border: none !important;
  }

  .bg-amarillo{
    background-color: var(--amarillo) !important;
    border: none !important;
  }
  /* Fin Botones */