:root {
    --primary: rgb(33, 165, 109, 1);
    --primary-dark: #148A50;
    --primary-70: rgba(33, 165, 109, 0.7);
    --primary-50: rgba(33, 165, 109, 0.5);
    --primary-30: rgba(33, 165, 109, 0.3);
    --primary-10: rgba(33, 165, 109, 0.1);
    --logo: #1C2632;
    --sidebar-icon: #FFF;
  }

  .bg-grad-sidebar {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(2, 66, 66, 1))),
    to(rgba(2, 66, 66, 0.80))
);

    background-image: linear-gradient(0deg, rgba(2, 66, 66, 1),rgba(2, 66, 66, 0.80));
}

  .bg-grad-topbar {
      background-image: -webkit-gradient(
        linear,
        left,
        right,
        from(#28303D)),
        to(#1C2632)
      );
  }

  .w-sidebar {
    width: 16.75rem;
  }

  .btn-default {
    border-radius: 0.25rem;
  }

  .btn-primary {
    background-color: #21A56D;
    color: var(--white);
  }

  .text-xs {
    font-size: .8rem;
}

.sidebar-icon {
    margin-right: .75rem;
    width: 1.25rem;
    height: 1.25rem;
}