/* Core colours - Light */

:root {
  --eda-orange-hex: #DEA104;
  --eda-orange-rgb: 222, 161, 4;
  --eda-orange: rgb(var(--eda-orange-rgb));

  --eda-orange-light-hex: #FFF0C8;
  --eda-orange-light: rgb(255, 240, 200);

  --body-colour: rgb(33, 37, 41);
  --body-background: rgb(0, 255, 255);

  --table-highlight-rgb: 254, 241, 207;
  --table-hightlight-hex: #FEF1CF;
  --table-highlight: rgb(var(--table-highlight-rgb));

  --link-colour: rgb(var(--eda-orange-rgb));
  --link-colour-hover: rgb(194, 113, 22);

  --bg-dark-colour: rgb(250, 250, 250);
  --bg-dark-background: rgb(51, 51, 51);
  --bg-dark-link: rgb(250, 250, 250);
  --bg-dark-link-hover: rgb(247, 217, 185);

  --colour-alert-white: rgb(240, 240, 240);
  --colour-alert-grey: rgb(186, 186, 199);
  --colour-alert-purple: rgb(132, 5, 158);
  --colour-alert-blue: rgb(0, 117, 234);
  --colour-alert-yellow: rgb(255, 233, 35);
  --colour-alert-amber: rgb(255, 153, 0);
  --colour-alert-red: rgb(204, 0, 51);

  --colour-amber: rgb(255, 153, 0);
  --colour-black: rgb(0, 0, 0);
  --colour-blue: rgb(0, 64, 128);
  --colour-blue-dark: rgb(2, 2, 94);
  --colour-blue-grey: rgb(120, 144, 156);
  --colour-blue-light: rgb(66, 133, 244);
  --colour-brown: rgb(121, 85, 72);
  --colour-green: rgb(0, 200, 0);
  --colour-green-dark: rgb(0, 128, 64);
  --colour-green-success: rgb(25, 135, 84);
  --colour-green-light: rgb(139, 195, 74);
  --colour-grey: rgb(128, 128, 128);
  --colour-grey-blue: rgb(222, 226, 230);
  --colour-grey-dark: rgb(108, 117, 125);
  --colour-grey-mid: rgb(145, 145, 135);
  --colour-grey-light: rgb(192, 192, 192);
  --colour-grey-vdark: rgb(15, 15, 15);
  --colour-grey-vlight: rgb(240, 240, 240);
  --colour-orange: rgb(220, 90, 0);
  --colour-orange-darker: rgb(200, 80, 0);
  --colour-orange-bright: rgb(235, 175, 0);
  --colour-orange-light: rgb(255, 220, 120);
  --colour-pink: rgb(236, 64, 122);
  --colour-purple: rgb(83, 47, 144);
  --colour-red: rgb(200, 0, 0);
  --colour-red-danger: rgb(220, 53, 69);
  --colour-red-dark: rgb(110, 0, 0);
  --colour-red-light: rgb(200, 75, 75);
  --colour-teal: rgb(0, 121, 107);
  --colour-white: rgb(255, 255, 255);
  --colour-yellow: rgb(255, 255, 128);

  --input-color: rgb(73, 80, 87);
  --input-background: rgb(255, 255, 255);
  --input-border: rgb(206, 212, 218);
  --input-placeholder: rgb(177, 190, 190);
  --input-boxshadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);

  --input-disabled-background: rgb(233, 236, 239);
  --input-disabled-border: rgb(133, 136, 139);
  --input-disabled-placeholder: rgb(177, 190, 190);
  --input-disabled-boxshadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);

  --input-focus-background: rgb(255, 255, 255);
  --input-focus-border: rgb(200, 150, 0);
  --input-focus-placeholder: rgb(177, 190, 190);
  --input-focus-boxshadow: 0 0 0 0.2rem rgba(222, 161, 4, 0.2);

  --fontweight-thin: 100;
  --fontweight-extralight: 200;
  --fontweight-light: 300;
  --fontweight-normal: 400;
  --fontweight-medium: 500;
  --fontweight-semibold: 600;
  --fontweight-bold: 700;
  --fontweight-extrabold: 800;
  --fontweight-black: 900;
}

.text-amber {color: var(--colour-amber)}
.text-black {color: var(--colour-black)}
.text-blue {color: var(--colour-blue)}
.text-blue-dark {color: var(--colour-blue-dark)}
.text-blue-grey {color: var(--colour-blue-grey)}
.text-blue-light {color: var(--colour-blue-light)}
.text-brown {color: var(--colour-brown)}
.text-eda-orange {color: var(--eda-orange)}
.text-green {color: var(--colour-green)}
.text-green-dark {color: var(--colour-green-dark)}
.text-green-light {color: var(--colour-green-light)}
.text-green-success {color: var(--colour-green-success) !important}
.text-grey {color: var(--colour-grey)}
.text-grey-blue {color: var(--colour-grey-blue)}
.text-grey-dark {color: var(--colour-grey-dark)}
.text-grey-light {color: var(--colour-grey-light)}
.text-grey-vdark {color: var(--colour-grey-vdark)}
.text-orange {color: var(--colour-orange)}
.text-orange-bright {color: var(--colour-orange-bright)}
.text-orange-light {color: var(--colour-orange-light)}
.text-pink {color: var(--colour-pink)}
.text-purple {color: var(--colour-purple)}
.text-red {color: var(--colour-red)}
.text-red-dark {color: var(--colour-red-dark)}
.text-red-danger {color: var(--colour-red-danger)}
.text-red-light {color: var(--colour-red-light)}
.text-teal {color: var(--colour-teal)}
.text-white {color: var(--colour-white)}
.text-yellow {color: var(--colour-yellow)}

.text-black{color: var(--colour-black)}
.text-blue{color: var(--colour-blue)}
.text-blue-dark{color: var(--colour-blue-dark)}
.text-blue-grey{color: var(--colour-blue-grey)}
.text-blue-light{color: var(--colour-blue-light)}
.text-brown{color: var(--colour-brown)}
.text-green{color: var(--colour-green)}
.text-green=deep{color: var(--colour-green-deep)}
.text-green-light{color: var(--colour-green-light)}
.text-grey{color: var(--colour-grey)}
.text-grey-dark{color: var(--colour-grey-dark)}
.text-grey-light{color: var(--colour-grey-light)}
.text-grey-vdark{color: var(--colour-grey-vdark)}
.text-pink{color: var(--colour-pink)}
.text-purple{color: var(--colour-purple)}
.text-red{color: var(--colour-red)}
.text-red-dark{color: var(--colour-red-dark)}
.text-red-light{color: var(--colour-red-light)}
.text-teal{color: var(--colour-teal)}
.text-white{color: var(--colour-white)}
.text-yellow{color: var(--colour-yellow)}

.no-border {border:none !important}
.border-amber {border: 1px solid var(--colour-amber)}
.border-black {border: 1px solid var(--colour-black)}
.border-blue {border: 1px solid var(--colour-blue)}
.border-blue-dark {border: 1px solid var(--colour-blue-dark)}
.border-blue-grey {border: 1px solid var(--colour-blue-grey)}
.border-blue-light {border: 1px solid var(--colour-blue-light)}
.border-brown {border: 1px solid var(--colour-brown)}
.border-green {border: 1px solid var(--colour-green)}
.border-green-dark {border: 1px solid var(--colour-green-dark)}
.border-green-light {border: 1px solid var(--colour-green-light)}
.border-grey {border: 1px solid var(--colour-grey)}
.border-grey-blue {border: 1px solid var(--colour-grey-blue)}
.border-grey-dark {border: 1px solid var(--colour-grey-dark)}
.border-grey-light {border: 1px solid var(--colour-grey-light)}
.border-grey-vdark {border: 1px solid var(--colour-grey-vdark)}
.border-pink {border: 1px solid var(--colour-pink)}
.border-purple {border: 1px solid var(--colour-purple)}
.border-red {border: 1px solid var(--colour-red)}
.border-red-dark {border: 1px solid var(--colour-red-dark)}
.border-red-light {border: 1px solid var(--colour-red-light)}
.border-teal {border: 1px solid var(--colour-teal)}
.border-white {border: 1px solid var(--colour-white)}
.border-yellow {border: 1px solid var(--colour-yellow)}

.border-top-amber {border-top: 1px solid var(--colour-amber)}
.border-top-black {border-top: 1px solid var(--colour-black)}
.border-top-blue {border-top: 1px solid var(--colour-blue)}
.border-top-blue-dark {border-top: 1px solid var(--colour-blue-dark)}
.border-top-blue-grey {border-top: 1px solid var(--colour-blue-grey)}
.border-top-blue-light {border-top: 1px solid var(--colour-blue-light)}
.border-top-brown {border-top: 1px solid var(--colour-brown)}
.border-top-green {border-top: 1px solid var(--colour-green)}
.border-top-green-dark {border-top: 1px solid var(--colour-green-dark)}
.border-top-green-light {border-top: 1px solid var(--colour-green-light)}
.border-top-grey {border-top: 1px solid var(--colour-grey)}
.border-top-grey-blue {border-top: 1px solid var(--colour-grey-blue)}
.border-top-grey-dark {border-top: 1px solid var(--colour-grey-dark)}
.border-top-grey-light {border-top: 1px solid var(--colour-grey-light)}
.border-top-grey-vdark {border-top: 1px solid var(--colour-grey-vdark)}
.border-top-pink {border-top: 1px solid var(--colour-pink)}
.border-top-purple {border-top: 1px solid var(--colour-purple)}
.border-top-red {border-top: 1px solid var(--colour-red)}
.border-top-red-dark {border-top: 1px solid var(--colour-red-dark)}
.border-top-red-light {border-top: 1px solid var(--colour-red-light)}
.border-top-teal {border-top: 1px solid var(--colour-teal)}
.border-top-white {border-top: 1px solid var(--colour-white)}
.border-top-yellow {border-top: 1px solid var(--colour-yellow)}

.border-right-amber {border-right: 1px solid var(--colour-amber)}
.border-right-black {border-right: 1px solid var(--colour-black)}
.border-right-blue {border-right: 1px solid var(--colour-blue)}
.border-right-blue-dark {border-right: 1px solid var(--colour-blue-dark)}
.border-right-blue-grey {border-right: 1px solid var(--colour-blue-grey)}
.border-right-blue-light {border-right: 1px solid var(--colour-blue-light)}
.border-right-brown {border-right: 1px solid var(--colour-brown)}
.border-right-green {border-right: 1px solid var(--colour-green)}
.border-right-green-dark {border-right: 1px solid var(--colour-green-dark)}
.border-right-green-light {border-right: 1px solid var(--colour-green-light)}
.border-right-grey {border-right: 1px solid var(--colour-grey)}
.border-right-grey-blue {border-right: 1px solid var(--colour-grey-blue)}
.border-right-grey-dark {border-right: 1px solid var(--colour-grey-dark)}
.border-right-grey-light {border-right: 1px solid var(--colour-grey-light)}
.border-right-grey-vdark {border-right: 1px solid var(--colour-grey-vdark)}
.border-right-pink {border-right: 1px solid var(--colour-pink)}
.border-right-purple {border-right: 1px solid var(--colour-purple)}
.border-right-red {border-right: 1px solid var(--colour-red)}
.border-right-red-dark {border-right: 1px solid var(--colour-red-dark)}
.border-right-red-light {border-right: 1px solid var(--colour-red-light)}
.border-right-teal {border-right: 1px solid var(--colour-teal)}
.border-right-white {border-right: 1px solid var(--colour-white)}
.border-right-yellow {border-right: 1px solid var(--colour-yellow)}

.border-bottom-amber {border-bottom: 1px solid var(--colour-amber)}
.border-bottom-black {border-bottom: 1px solid var(--colour-black)}
.border-bottom-blue {border-bottom: 1px solid var(--colour-blue)}
.border-bottom-blue-dark {border-bottom: 1px solid var(--colour-blue-dark)}
.border-bottom-blue-grey {border-bottom: 1px solid var(--colour-blue-grey)}
.border-bottom-blue-light {border-bottom: 1px solid var(--colour-blue-light)}
.border-bottom-brown {border-bottom: 1px solid var(--colour-brown)}
.border-bottom-green {border-bottom: 1px solid var(--colour-green)}
.border-bottom-green-dark {border-bottom: 1px solid var(--colour-green-dark)}
.border-bottom-green-light {border-bottom: 1px solid var(--colour-green-light)}
.border-bottom-grey {border-bottom: 1px solid var(--colour-grey)}
.border-bottom-grey-blue {border-bottom: 1px solid var(--colour-grey-blue)}
.border-bottom-grey-dark {border-bottom: 1px solid var(--colour-grey-dark)}
.border-bottom-grey-light {border-bottom: 1px solid var(--colour-grey-light)}
.border-bottom-grey-vdark {border-bottom: 1px solid var(--colour-grey-vdark)}
.border-bottom-pink {border-bottom: 1px solid var(--colour-pink)}
.border-bottom-purple {border-bottom: 1px solid var(--colour-purple)}
.border-bottom-red {border-bottom: 1px solid var(--colour-red)}
.border-bottom-red-dark {border-bottom: 1px solid var(--colour-red-dark)}
.border-bottom-red-light {border-bottom: 1px solid var(--colour-red-light)}
.border-bottom-teal {border-bottom: 1px solid var(--colour-teal)}
.border-bottom-white {border-bottom: 1px solid var(--colour-white)}
.border-bottom-yellow {border-bottom: 1px solid var(--colour-yellow)}

.border-left-amber {border-left: 1px solid var(--colour-amber)}
.border-left-black {border-left: 1px solid var(--colour-black)}
.border-left-blue {border-left: 1px solid var(--colour-blue)}
.border-left-blue-dark {border-left: 1px solid var(--colour-blue-dark)}
.border-left-blue-grey {border-left: 1px solid var(--colour-blue-grey)}
.border-left-blue-light {border-left: 1px solid var(--colour-blue-light)}
.border-left-brown {border-left: 1px solid var(--colour-brown)}
.border-left-green {border-left: 1px solid var(--colour-green)}
.border-left-green-dark {border-left: 1px solid var(--colour-green-dark)}
.border-left-green-light {border-left: 1px solid var(--colour-green-light)}
.border-left-grey {border-left: 1px solid var(--colour-grey)}
.border-left-grey-blue {border-left: 1px solid var(--colour-grey-blue)}
.border-left-grey-dark {border-left: 1px solid var(--colour-grey-dark)}
.border-left-grey-light {border-left: 1px solid var(--colour-grey-light)}
.border-left-grey-vdark {border-left: 1px solid var(--colour-grey-vdark)}
.border-left-pink {border-left: 1px solid var(--colour-pink)}
.border-left-purple {border-left: 1px solid var(--colour-purple)}
.border-left-red {border-left: 1px solid var(--colour-red)}
.border-left-red-dark {border-left: 1px solid var(--colour-red-dark)}
.border-left-red-light {border-left: 1px solid var(--colour-red-light)}
.border-left-teal {border-left: 1px solid var(--colour-teal)}
.border-left-white {border-left: 1px solid var(--colour-white)}
.border-left-yellow {border-left: 1px solid var(--colour-yellow)}