:root {
  --primary: rgba(0, 128, 223, 1);
  --secondary: rgba(193, 166, 100, 1);
  --primary-dark: rgba(0, 44, 91, 1);
  --primary-70: rgba(0, 128, 223, 0.7);
  --primary-50: rgba(0, 128, 223, 0.5);
  --primary-30: rgba(0, 128, 223, 0.3);
  --primary-10: rgba(0, 128, 223, 0.1);
  --logo: rgba(2, 29, 59, 1);
  --sidebar-icon: #C8B076;
}

.bg-grad-sidebar {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(2, 29, 59, 1)),
    to(rgba(0, 44, 91, 1))
  );

  background-image: linear-gradient(
    0deg,
    rgba(2, 29, 59, 1),
    rgba(0, 44, 91, 1)
  );
}

.btn-primary {
  background-color: var(--primary-dark);
  color: var(--white);
}

.btn-primary:not([disabled]):not(.btn-disabled):hover {
  background-color: var(--secondary);
}

.text-70 {
  color: var(--secondary);
}

.alternating-row tbody tr:nth-child(even) td:not(.total):not(.bg-30):not(.bg-40) {
  background-color: var(--20);
}

.table.table-grid td.total,
.table.table-grid th.total {
  border-left-width: 3px;
  border-color: var(--50);
}