:root {
  --primary: rgb(114, 91, 134) !important;
  --primary-dark: rgb(50, 56, 97); /* Hover colour */
  --primary-70: rgba(235, 25, 46, 0.7);
  --primary-50: rgba(235, 25, 46, 0.5);
  --primary-30: rgba(235, 25, 46, 0.3);
  --primary-10: rgba(235, 25, 46, 0.1);
  --logo: #201f22; /* Top left background colour  */
  --sidebar-icon: whitesmoke; /* Colour of icons in sidebar*/
  --20: #f6fbff;
  --30: #f4f7fa;
  --40: #eef1f4;
  --50: #e3e7eb;
  --60: #bacad6;
  --70: #b3b9bf;
  --80: #7c858e;
  --90: #3c4b5f;
  --90-half: rgba(40,54,61,.5);
  --warning-light: #fff382;
  --warning-dark: #684f1d;
  --success-light: #c6f6d5;
  --success-dark: #38a169;
  --danger-light: #fed7d7;
  --danger-dark: #e53e3e;
  --info-light: #bee3f8;
  --info-dark: #3182ce;
}

/* Fix currency field input display */
@media (max-width: 992px) {
  form .w-1\/2 > div.flex {
      display: flex !important;
      flex-wrap: nowrap !important;
  }
}