@import url("../../Styles/open-iconic/font/css/open-iconic-bootstrap.min.css");
/* ONLY include this file in a global context such as app.scss*/
/* CSS4 introduces a coloe change function which, hopefully, will obviate the need for this
    function
*/
:root {
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --white: white;
  --black: black;
  --mdc-red-50-rgb: 255, 235, 238;
  --mdc-red-50: rgba(var(--mdc-red-50-rgb), 1);
  --mdc-red-100-rgb: 255, 205, 210;
  --mdc-red-100: rgba(var(--mdc-red-100-rgb), 1);
  --mdc-red-200-rgb: 239, 154, 154;
  --mdc-red-200: rgba(var(--mdc-red-200-rgb), 1);
  --mdc-red-300-rgb: 229, 115, 115;
  --mdc-red-300: rgba(var(--mdc-red-300-rgb), 1);
  --mdc-red-400-rgb: 239, 83, 80;
  --mdc-red-400: rgba(var(--mdc-red-400-rgb), 1);
  --mdc-red-500-rgb: 244, 67, 54;
  --mdc-red-500: rgba(var(--mdc-red-500-rgb), 1);
  --mdc-red-600-rgb: 229, 57, 53;
  --mdc-red-600: rgba(var(--mdc-red-600-rgb), 1);
  --mdc-red-700-rgb: 211, 47, 47;
  --mdc-red-700: rgba(var(--mdc-red-700-rgb), 1);
  --mdc-red-800-rgb: 198, 40, 40;
  --mdc-red-800: rgba(var(--mdc-red-800-rgb), 1);
  --mdc-red-900-rgb: 183, 28, 28;
  --mdc-red-900: rgba(var(--mdc-red-900-rgb), 1);
  --mdc-red-a100-rgb: 255, 138, 128;
  --mdc-red-a100: rgba(var(--mdc-red-a100-rgb), 1);
  --mdc-red-a200-rgb: 255, 82, 82;
  --mdc-red-a200: rgba(var(--mdc-red-a200-rgb), 1);
  --mdc-red-a400-rgb: 255, 23, 68;
  --mdc-red-a400: rgba(var(--mdc-red-a400-rgb), 1);
  --mdc-red-a700-rgb: 213, 0, 0;
  --mdc-red-a700: rgba(var(--mdc-red-a700-rgb), 1);
  --mdc-pink-50-rgb: 252, 228, 236;
  --mdc-pink-50: rgba(var(--mdc-pink-50-rgb), 1);
  --mdc-pink-100-rgb: 248, 187, 208;
  --mdc-pink-100: rgba(var(--mdc-pink-100-rgb), 1);
  --mdc-pink-200-rgb: 244, 143, 177;
  --mdc-pink-200: rgba(var(--mdc-pink-200-rgb), 1);
  --mdc-pink-300-rgb: 240, 98, 146;
  --mdc-pink-300: rgba(var(--mdc-pink-300-rgb), 1);
  --mdc-pink-400-rgb: 236, 64, 122;
  --mdc-pink-400: rgba(var(--mdc-pink-400-rgb), 1);
  --mdc-pink-500-rgb: 233, 30, 99;
  --mdc-pink-500: rgba(var(--mdc-pink-500-rgb), 1);
  --mdc-pink-600-rgb: 216, 27, 96;
  --mdc-pink-600: rgba(var(--mdc-pink-600-rgb), 1);
  --mdc-pink-700-rgb: 194, 24, 91;
  --mdc-pink-700: rgba(var(--mdc-pink-700-rgb), 1);
  --mdc-pink-800-rgb: 173, 20, 87;
  --mdc-pink-800: rgba(var(--mdc-pink-800-rgb), 1);
  --mdc-pink-900-rgb: 136, 14, 79;
  --mdc-pink-900: rgba(var(--mdc-pink-900-rgb), 1);
  --mdc-pink-a100-rgb: 255, 128, 171;
  --mdc-pink-a100: rgba(var(--mdc-pink-a100-rgb), 1);
  --mdc-pink-a200-rgb: 255, 64, 129;
  --mdc-pink-a200: rgba(var(--mdc-pink-a200-rgb), 1);
  --mdc-pink-a400-rgb: 245, 0, 87;
  --mdc-pink-a400: rgba(var(--mdc-pink-a400-rgb), 1);
  --mdc-pink-a700-rgb: 197, 17, 98;
  --mdc-pink-a700: rgba(var(--mdc-pink-a700-rgb), 1);
  --mdc-purple-50-rgb: 243, 229, 245;
  --mdc-purple-50: rgba(var(--mdc-purple-50-rgb), 1);
  --mdc-purple-100-rgb: 225, 190, 231;
  --mdc-purple-100: rgba(var(--mdc-purple-100-rgb), 1);
  --mdc-purple-200-rgb: 206, 147, 216;
  --mdc-purple-200: rgba(var(--mdc-purple-200-rgb), 1);
  --mdc-purple-300-rgb: 186, 104, 200;
  --mdc-purple-300: rgba(var(--mdc-purple-300-rgb), 1);
  --mdc-purple-400-rgb: 171, 71, 188;
  --mdc-purple-400: rgba(var(--mdc-purple-400-rgb), 1);
  --mdc-purple-500-rgb: 156, 39, 176;
  --mdc-purple-500: rgba(var(--mdc-purple-500-rgb), 1);
  --mdc-purple-600-rgb: 142, 36, 170;
  --mdc-purple-600: rgba(var(--mdc-purple-600-rgb), 1);
  --mdc-purple-700-rgb: 123, 31, 162;
  --mdc-purple-700: rgba(var(--mdc-purple-700-rgb), 1);
  --mdc-purple-800-rgb: 106, 27, 154;
  --mdc-purple-800: rgba(var(--mdc-purple-800-rgb), 1);
  --mdc-purple-900-rgb: 74, 20, 140;
  --mdc-purple-900: rgba(var(--mdc-purple-900-rgb), 1);
  --mdc-purple-a100-rgb: 234, 128, 252;
  --mdc-purple-a100: rgba(var(--mdc-purple-a100-rgb), 1);
  --mdc-purple-a200-rgb: 224, 64, 251;
  --mdc-purple-a200: rgba(var(--mdc-purple-a200-rgb), 1);
  --mdc-purple-a400-rgb: 213, 0, 249;
  --mdc-purple-a400: rgba(var(--mdc-purple-a400-rgb), 1);
  --mdc-purple-a700-rgb: 170, 0, 255;
  --mdc-purple-a700: rgba(var(--mdc-purple-a700-rgb), 1);
  --mdc-deep-purple-50-rgb: 237, 231, 246;
  --mdc-deep-purple-50: rgba(var(--mdc-deep-purple-50-rgb), 1);
  --mdc-deep-purple-100-rgb: 209, 196, 233;
  --mdc-deep-purple-100: rgba(var(--mdc-deep-purple-100-rgb), 1);
  --mdc-deep-purple-200-rgb: 179, 157, 219;
  --mdc-deep-purple-200: rgba(var(--mdc-deep-purple-200-rgb), 1);
  --mdc-deep-purple-300-rgb: 149, 117, 205;
  --mdc-deep-purple-300: rgba(var(--mdc-deep-purple-300-rgb), 1);
  --mdc-deep-purple-400-rgb: 126, 87, 194;
  --mdc-deep-purple-400: rgba(var(--mdc-deep-purple-400-rgb), 1);
  --mdc-deep-purple-500-rgb: 103, 58, 183;
  --mdc-deep-purple-500: rgba(var(--mdc-deep-purple-500-rgb), 1);
  --mdc-deep-purple-600-rgb: 94, 53, 177;
  --mdc-deep-purple-600: rgba(var(--mdc-deep-purple-600-rgb), 1);
  --mdc-deep-purple-700-rgb: 81, 45, 168;
  --mdc-deep-purple-700: rgba(var(--mdc-deep-purple-700-rgb), 1);
  --mdc-deep-purple-800-rgb: 69, 39, 160;
  --mdc-deep-purple-800: rgba(var(--mdc-deep-purple-800-rgb), 1);
  --mdc-deep-purple-900-rgb: 49, 27, 146;
  --mdc-deep-purple-900: rgba(var(--mdc-deep-purple-900-rgb), 1);
  --mdc-deep-purple-a100-rgb: 179, 136, 255;
  --mdc-deep-purple-a100: rgba(var(--mdc-deep-purple-a100-rgb), 1);
  --mdc-deep-purple-a200-rgb: 124, 77, 255;
  --mdc-deep-purple-a200: rgba(var(--mdc-deep-purple-a200-rgb), 1);
  --mdc-deep-purple-a400-rgb: 101, 31, 255;
  --mdc-deep-purple-a400: rgba(var(--mdc-deep-purple-a400-rgb), 1);
  --mdc-deep-purple-a700-rgb: 98, 0, 234;
  --mdc-deep-purple-a700: rgba(var(--mdc-deep-purple-a700-rgb), 1);
  --mdc-indigo-50-rgb: 232, 234, 246;
  --mdc-indigo-50: rgba(var(--mdc-indigo-50-rgb), 1);
  --mdc-indigo-100-rgb: 197, 202, 233;
  --mdc-indigo-100: rgba(var(--mdc-indigo-100-rgb), 1);
  --mdc-indigo-200-rgb: 159, 168, 218;
  --mdc-indigo-200: rgba(var(--mdc-indigo-200-rgb), 1);
  --mdc-indigo-300-rgb: 121, 134, 203;
  --mdc-indigo-300: rgba(var(--mdc-indigo-300-rgb), 1);
  --mdc-indigo-400-rgb: 92, 107, 192;
  --mdc-indigo-400: rgba(var(--mdc-indigo-400-rgb), 1);
  --mdc-indigo-500-rgb: 63, 81, 181;
  --mdc-indigo-500: rgba(var(--mdc-indigo-500-rgb), 1);
  --mdc-indigo-600-rgb: 57, 73, 171;
  --mdc-indigo-600: rgba(var(--mdc-indigo-600-rgb), 1);
  --mdc-indigo-700-rgb: 48, 63, 159;
  --mdc-indigo-700: rgba(var(--mdc-indigo-700-rgb), 1);
  --mdc-indigo-800-rgb: 40, 53, 147;
  --mdc-indigo-800: rgba(var(--mdc-indigo-800-rgb), 1);
  --mdc-indigo-900-rgb: 26, 35, 126;
  --mdc-indigo-900: rgba(var(--mdc-indigo-900-rgb), 1);
  --mdc-indigo-a100-rgb: 140, 158, 255;
  --mdc-indigo-a100: rgba(var(--mdc-indigo-a100-rgb), 1);
  --mdc-indigo-a200-rgb: 83, 109, 254;
  --mdc-indigo-a200: rgba(var(--mdc-indigo-a200-rgb), 1);
  --mdc-indigo-a400-rgb: 61, 90, 254;
  --mdc-indigo-a400: rgba(var(--mdc-indigo-a400-rgb), 1);
  --mdc-indigo-a700-rgb: 48, 79, 254;
  --mdc-indigo-a700: rgba(var(--mdc-indigo-a700-rgb), 1);
  --mdc-blue-50-rgb: 227, 242, 253;
  --mdc-blue-50: rgba(var(--mdc-blue-50-rgb), 1);
  --mdc-blue-100-rgb: 187, 222, 251;
  --mdc-blue-100: rgba(var(--mdc-blue-100-rgb), 1);
  --mdc-blue-200-rgb: 144, 202, 249;
  --mdc-blue-200: rgba(var(--mdc-blue-200-rgb), 1);
  --mdc-blue-300-rgb: 100, 181, 246;
  --mdc-blue-300: rgba(var(--mdc-blue-300-rgb), 1);
  --mdc-blue-400-rgb: 66, 165, 245;
  --mdc-blue-400: rgba(var(--mdc-blue-400-rgb), 1);
  --mdc-blue-500-rgb: 33, 150, 243;
  --mdc-blue-500: rgba(var(--mdc-blue-500-rgb), 1);
  --mdc-blue-600-rgb: 30, 136, 229;
  --mdc-blue-600: rgba(var(--mdc-blue-600-rgb), 1);
  --mdc-blue-700-rgb: 25, 118, 210;
  --mdc-blue-700: rgba(var(--mdc-blue-700-rgb), 1);
  --mdc-blue-800-rgb: 21, 101, 192;
  --mdc-blue-800: rgba(var(--mdc-blue-800-rgb), 1);
  --mdc-blue-900-rgb: 13, 71, 161;
  --mdc-blue-900: rgba(var(--mdc-blue-900-rgb), 1);
  --mdc-blue-a100-rgb: 130, 177, 255;
  --mdc-blue-a100: rgba(var(--mdc-blue-a100-rgb), 1);
  --mdc-blue-a200-rgb: 68, 138, 255;
  --mdc-blue-a200: rgba(var(--mdc-blue-a200-rgb), 1);
  --mdc-blue-a400-rgb: 41, 121, 255;
  --mdc-blue-a400: rgba(var(--mdc-blue-a400-rgb), 1);
  --mdc-blue-a700-rgb: 41, 98, 255;
  --mdc-blue-a700: rgba(var(--mdc-blue-a700-rgb), 1);
  --mdc-light-blue-50-rgb: 225, 245, 254;
  --mdc-light-blue-50: rgba(var(--mdc-light-blue-50-rgb), 1);
  --mdc-light-blue-100-rgb: 179, 229, 252;
  --mdc-light-blue-100: rgba(var(--mdc-light-blue-100-rgb), 1);
  --mdc-light-blue-200-rgb: 129, 212, 250;
  --mdc-light-blue-200: rgba(var(--mdc-light-blue-200-rgb), 1);
  --mdc-light-blue-300-rgb: 79, 195, 247;
  --mdc-light-blue-300: rgba(var(--mdc-light-blue-300-rgb), 1);
  --mdc-light-blue-400-rgb: 41, 182, 246;
  --mdc-light-blue-400: rgba(var(--mdc-light-blue-400-rgb), 1);
  --mdc-light-blue-500-rgb: 3, 169, 244;
  --mdc-light-blue-500: rgba(var(--mdc-light-blue-500-rgb), 1);
  --mdc-light-blue-600-rgb: 3, 155, 229;
  --mdc-light-blue-600: rgba(var(--mdc-light-blue-600-rgb), 1);
  --mdc-light-blue-700-rgb: 2, 136, 209;
  --mdc-light-blue-700: rgba(var(--mdc-light-blue-700-rgb), 1);
  --mdc-light-blue-800-rgb: 2, 119, 189;
  --mdc-light-blue-800: rgba(var(--mdc-light-blue-800-rgb), 1);
  --mdc-light-blue-900-rgb: 1, 87, 155;
  --mdc-light-blue-900: rgba(var(--mdc-light-blue-900-rgb), 1);
  --mdc-light-blue-a100-rgb: 128, 216, 255;
  --mdc-light-blue-a100: rgba(var(--mdc-light-blue-a100-rgb), 1);
  --mdc-light-blue-a200-rgb: 64, 196, 255;
  --mdc-light-blue-a200: rgba(var(--mdc-light-blue-a200-rgb), 1);
  --mdc-light-blue-a400-rgb: 0, 176, 255;
  --mdc-light-blue-a400: rgba(var(--mdc-light-blue-a400-rgb), 1);
  --mdc-light-blue-a700-rgb: 0, 145, 234;
  --mdc-light-blue-a700: rgba(var(--mdc-light-blue-a700-rgb), 1);
  --mdc-cyan-50-rgb: 224, 247, 250;
  --mdc-cyan-50: rgba(var(--mdc-cyan-50-rgb), 1);
  --mdc-cyan-100-rgb: 178, 235, 242;
  --mdc-cyan-100: rgba(var(--mdc-cyan-100-rgb), 1);
  --mdc-cyan-200-rgb: 128, 222, 234;
  --mdc-cyan-200: rgba(var(--mdc-cyan-200-rgb), 1);
  --mdc-cyan-300-rgb: 77, 208, 225;
  --mdc-cyan-300: rgba(var(--mdc-cyan-300-rgb), 1);
  --mdc-cyan-400-rgb: 38, 198, 218;
  --mdc-cyan-400: rgba(var(--mdc-cyan-400-rgb), 1);
  --mdc-cyan-500-rgb: 0, 188, 212;
  --mdc-cyan-500: rgba(var(--mdc-cyan-500-rgb), 1);
  --mdc-cyan-600-rgb: 0, 172, 193;
  --mdc-cyan-600: rgba(var(--mdc-cyan-600-rgb), 1);
  --mdc-cyan-700-rgb: 0, 151, 167;
  --mdc-cyan-700: rgba(var(--mdc-cyan-700-rgb), 1);
  --mdc-cyan-800-rgb: 0, 131, 143;
  --mdc-cyan-800: rgba(var(--mdc-cyan-800-rgb), 1);
  --mdc-cyan-900-rgb: 0, 96, 100;
  --mdc-cyan-900: rgba(var(--mdc-cyan-900-rgb), 1);
  --mdc-cyan-a100-rgb: 132, 255, 255;
  --mdc-cyan-a100: rgba(var(--mdc-cyan-a100-rgb), 1);
  --mdc-cyan-a200-rgb: 24, 255, 255;
  --mdc-cyan-a200: rgba(var(--mdc-cyan-a200-rgb), 1);
  --mdc-cyan-a400-rgb: 0, 229, 255;
  --mdc-cyan-a400: rgba(var(--mdc-cyan-a400-rgb), 1);
  --mdc-cyan-a700-rgb: 0, 184, 212;
  --mdc-cyan-a700: rgba(var(--mdc-cyan-a700-rgb), 1);
  --mdc-teal-50-rgb: 224, 242, 241;
  --mdc-teal-50: rgba(var(--mdc-teal-50-rgb), 1);
  --mdc-teal-100-rgb: 178, 223, 219;
  --mdc-teal-100: rgba(var(--mdc-teal-100-rgb), 1);
  --mdc-teal-200-rgb: 128, 203, 196;
  --mdc-teal-200: rgba(var(--mdc-teal-200-rgb), 1);
  --mdc-teal-300-rgb: 77, 182, 172;
  --mdc-teal-300: rgba(var(--mdc-teal-300-rgb), 1);
  --mdc-teal-400-rgb: 38, 166, 154;
  --mdc-teal-400: rgba(var(--mdc-teal-400-rgb), 1);
  --mdc-teal-500-rgb: 0, 150, 136;
  --mdc-teal-500: rgba(var(--mdc-teal-500-rgb), 1);
  --mdc-teal-600-rgb: 0, 137, 123;
  --mdc-teal-600: rgba(var(--mdc-teal-600-rgb), 1);
  --mdc-teal-700-rgb: 0, 121, 107;
  --mdc-teal-700: rgba(var(--mdc-teal-700-rgb), 1);
  --mdc-teal-800-rgb: 0, 105, 92;
  --mdc-teal-800: rgba(var(--mdc-teal-800-rgb), 1);
  --mdc-teal-900-rgb: 0, 77, 64;
  --mdc-teal-900: rgba(var(--mdc-teal-900-rgb), 1);
  --mdc-teal-a100-rgb: 167, 255, 235;
  --mdc-teal-a100: rgba(var(--mdc-teal-a100-rgb), 1);
  --mdc-teal-a200-rgb: 100, 255, 218;
  --mdc-teal-a200: rgba(var(--mdc-teal-a200-rgb), 1);
  --mdc-teal-a400-rgb: 29, 233, 182;
  --mdc-teal-a400: rgba(var(--mdc-teal-a400-rgb), 1);
  --mdc-teal-a700-rgb: 0, 191, 165;
  --mdc-teal-a700: rgba(var(--mdc-teal-a700-rgb), 1);
  --mdc-green-50-rgb: 232, 245, 233;
  --mdc-green-50: rgba(var(--mdc-green-50-rgb), 1);
  --mdc-green-100-rgb: 200, 230, 201;
  --mdc-green-100: rgba(var(--mdc-green-100-rgb), 1);
  --mdc-green-200-rgb: 165, 214, 167;
  --mdc-green-200: rgba(var(--mdc-green-200-rgb), 1);
  --mdc-green-300-rgb: 129, 199, 132;
  --mdc-green-300: rgba(var(--mdc-green-300-rgb), 1);
  --mdc-green-400-rgb: 102, 187, 106;
  --mdc-green-400: rgba(var(--mdc-green-400-rgb), 1);
  --mdc-green-500-rgb: 76, 175, 80;
  --mdc-green-500: rgba(var(--mdc-green-500-rgb), 1);
  --mdc-green-600-rgb: 67, 160, 71;
  --mdc-green-600: rgba(var(--mdc-green-600-rgb), 1);
  --mdc-green-700-rgb: 56, 142, 60;
  --mdc-green-700: rgba(var(--mdc-green-700-rgb), 1);
  --mdc-green-800-rgb: 46, 125, 50;
  --mdc-green-800: rgba(var(--mdc-green-800-rgb), 1);
  --mdc-green-900-rgb: 27, 94, 32;
  --mdc-green-900: rgba(var(--mdc-green-900-rgb), 1);
  --mdc-green-a100-rgb: 185, 246, 202;
  --mdc-green-a100: rgba(var(--mdc-green-a100-rgb), 1);
  --mdc-green-a200-rgb: 105, 240, 174;
  --mdc-green-a200: rgba(var(--mdc-green-a200-rgb), 1);
  --mdc-green-a400-rgb: 0, 230, 118;
  --mdc-green-a400: rgba(var(--mdc-green-a400-rgb), 1);
  --mdc-green-a700-rgb: 0, 200, 83;
  --mdc-green-a700: rgba(var(--mdc-green-a700-rgb), 1);
  --mdc-light-green-50-rgb: 241, 248, 233;
  --mdc-light-green-50: rgba(var(--mdc-light-green-50-rgb), 1);
  --mdc-light-green-100-rgb: 220, 237, 200;
  --mdc-light-green-100: rgba(var(--mdc-light-green-100-rgb), 1);
  --mdc-light-green-200-rgb: 197, 225, 165;
  --mdc-light-green-200: rgba(var(--mdc-light-green-200-rgb), 1);
  --mdc-light-green-300-rgb: 174, 213, 129;
  --mdc-light-green-300: rgba(var(--mdc-light-green-300-rgb), 1);
  --mdc-light-green-400-rgb: 156, 204, 101;
  --mdc-light-green-400: rgba(var(--mdc-light-green-400-rgb), 1);
  --mdc-light-green-500-rgb: 139, 195, 74;
  --mdc-light-green-500: rgba(var(--mdc-light-green-500-rgb), 1);
  --mdc-light-green-600-rgb: 124, 179, 66;
  --mdc-light-green-600: rgba(var(--mdc-light-green-600-rgb), 1);
  --mdc-light-green-700-rgb: 104, 159, 56;
  --mdc-light-green-700: rgba(var(--mdc-light-green-700-rgb), 1);
  --mdc-light-green-800-rgb: 85, 139, 47;
  --mdc-light-green-800: rgba(var(--mdc-light-green-800-rgb), 1);
  --mdc-light-green-900-rgb: 51, 105, 30;
  --mdc-light-green-900: rgba(var(--mdc-light-green-900-rgb), 1);
  --mdc-light-green-a100-rgb: 204, 255, 144;
  --mdc-light-green-a100: rgba(var(--mdc-light-green-a100-rgb), 1);
  --mdc-light-green-a200-rgb: 178, 255, 89;
  --mdc-light-green-a200: rgba(var(--mdc-light-green-a200-rgb), 1);
  --mdc-light-green-a400-rgb: 118, 255, 3;
  --mdc-light-green-a400: rgba(var(--mdc-light-green-a400-rgb), 1);
  --mdc-light-green-a700-rgb: 100, 221, 23;
  --mdc-light-green-a700: rgba(var(--mdc-light-green-a700-rgb), 1);
  --mdc-lime-50-rgb: 249, 251, 231;
  --mdc-lime-50: rgba(var(--mdc-lime-50-rgb), 1);
  --mdc-lime-100-rgb: 240, 244, 195;
  --mdc-lime-100: rgba(var(--mdc-lime-100-rgb), 1);
  --mdc-lime-200-rgb: 230, 238, 156;
  --mdc-lime-200: rgba(var(--mdc-lime-200-rgb), 1);
  --mdc-lime-300-rgb: 220, 231, 117;
  --mdc-lime-300: rgba(var(--mdc-lime-300-rgb), 1);
  --mdc-lime-400-rgb: 212, 225, 87;
  --mdc-lime-400: rgba(var(--mdc-lime-400-rgb), 1);
  --mdc-lime-500-rgb: 205, 220, 57;
  --mdc-lime-500: rgba(var(--mdc-lime-500-rgb), 1);
  --mdc-lime-600-rgb: 192, 202, 51;
  --mdc-lime-600: rgba(var(--mdc-lime-600-rgb), 1);
  --mdc-lime-700-rgb: 175, 180, 43;
  --mdc-lime-700: rgba(var(--mdc-lime-700-rgb), 1);
  --mdc-lime-800-rgb: 158, 157, 36;
  --mdc-lime-800: rgba(var(--mdc-lime-800-rgb), 1);
  --mdc-lime-900-rgb: 130, 119, 23;
  --mdc-lime-900: rgba(var(--mdc-lime-900-rgb), 1);
  --mdc-lime-a100-rgb: 244, 255, 129;
  --mdc-lime-a100: rgba(var(--mdc-lime-a100-rgb), 1);
  --mdc-lime-a200-rgb: 238, 255, 65;
  --mdc-lime-a200: rgba(var(--mdc-lime-a200-rgb), 1);
  --mdc-lime-a400-rgb: 198, 255, 0;
  --mdc-lime-a400: rgba(var(--mdc-lime-a400-rgb), 1);
  --mdc-lime-a700-rgb: 174, 234, 0;
  --mdc-lime-a700: rgba(var(--mdc-lime-a700-rgb), 1);
  --mdc-yellow-50-rgb: 255, 253, 231;
  --mdc-yellow-50: rgba(var(--mdc-yellow-50-rgb), 1);
  --mdc-yellow-100-rgb: 255, 249, 196;
  --mdc-yellow-100: rgba(var(--mdc-yellow-100-rgb), 1);
  --mdc-yellow-200-rgb: 255, 245, 157;
  --mdc-yellow-200: rgba(var(--mdc-yellow-200-rgb), 1);
  --mdc-yellow-300-rgb: 255, 241, 118;
  --mdc-yellow-300: rgba(var(--mdc-yellow-300-rgb), 1);
  --mdc-yellow-400-rgb: 255, 238, 88;
  --mdc-yellow-400: rgba(var(--mdc-yellow-400-rgb), 1);
  --mdc-yellow-500-rgb: 255, 235, 59;
  --mdc-yellow-500: rgba(var(--mdc-yellow-500-rgb), 1);
  --mdc-yellow-600-rgb: 253, 216, 53;
  --mdc-yellow-600: rgba(var(--mdc-yellow-600-rgb), 1);
  --mdc-yellow-700-rgb: 251, 192, 45;
  --mdc-yellow-700: rgba(var(--mdc-yellow-700-rgb), 1);
  --mdc-yellow-800-rgb: 249, 168, 37;
  --mdc-yellow-800: rgba(var(--mdc-yellow-800-rgb), 1);
  --mdc-yellow-900-rgb: 245, 127, 23;
  --mdc-yellow-900: rgba(var(--mdc-yellow-900-rgb), 1);
  --mdc-yellow-a100-rgb: 255, 255, 141;
  --mdc-yellow-a100: rgba(var(--mdc-yellow-a100-rgb), 1);
  --mdc-yellow-a200-rgb: 255, 255, 0;
  --mdc-yellow-a200: rgba(var(--mdc-yellow-a200-rgb), 1);
  --mdc-yellow-a400-rgb: 255, 234, 0;
  --mdc-yellow-a400: rgba(var(--mdc-yellow-a400-rgb), 1);
  --mdc-yellow-a700-rgb: 255, 214, 0;
  --mdc-yellow-a700: rgba(var(--mdc-yellow-a700-rgb), 1);
  --mdc-amber-50-rgb: 255, 248, 225;
  --mdc-amber-50: rgba(var(--mdc-amber-50-rgb), 1);
  --mdc-amber-100-rgb: 255, 236, 179;
  --mdc-amber-100: rgba(var(--mdc-amber-100-rgb), 1);
  --mdc-amber-200-rgb: 255, 224, 130;
  --mdc-amber-200: rgba(var(--mdc-amber-200-rgb), 1);
  --mdc-amber-300-rgb: 255, 213, 79;
  --mdc-amber-300: rgba(var(--mdc-amber-300-rgb), 1);
  --mdc-amber-400-rgb: 255, 202, 40;
  --mdc-amber-400: rgba(var(--mdc-amber-400-rgb), 1);
  --mdc-amber-500-rgb: 255, 193, 7;
  --mdc-amber-500: rgba(var(--mdc-amber-500-rgb), 1);
  --mdc-amber-600-rgb: 255, 179, 0;
  --mdc-amber-600: rgba(var(--mdc-amber-600-rgb), 1);
  --mdc-amber-700-rgb: 255, 160, 0;
  --mdc-amber-700: rgba(var(--mdc-amber-700-rgb), 1);
  --mdc-amber-800-rgb: 255, 143, 0;
  --mdc-amber-800: rgba(var(--mdc-amber-800-rgb), 1);
  --mdc-amber-900-rgb: 255, 111, 0;
  --mdc-amber-900: rgba(var(--mdc-amber-900-rgb), 1);
  --mdc-amber-a100-rgb: 255, 229, 127;
  --mdc-amber-a100: rgba(var(--mdc-amber-a100-rgb), 1);
  --mdc-amber-a200-rgb: 255, 215, 64;
  --mdc-amber-a200: rgba(var(--mdc-amber-a200-rgb), 1);
  --mdc-amber-a400-rgb: 255, 196, 0;
  --mdc-amber-a400: rgba(var(--mdc-amber-a400-rgb), 1);
  --mdc-amber-a700-rgb: 255, 171, 0;
  --mdc-amber-a700: rgba(var(--mdc-amber-a700-rgb), 1);
  --mdc-orange-50-rgb: 255, 243, 224;
  --mdc-orange-50: rgba(var(--mdc-orange-50-rgb), 1);
  --mdc-orange-100-rgb: 255, 224, 178;
  --mdc-orange-100: rgba(var(--mdc-orange-100-rgb), 1);
  --mdc-orange-200-rgb: 255, 204, 128;
  --mdc-orange-200: rgba(var(--mdc-orange-200-rgb), 1);
  --mdc-orange-300-rgb: 255, 183, 77;
  --mdc-orange-300: rgba(var(--mdc-orange-300-rgb), 1);
  --mdc-orange-400-rgb: 255, 167, 38;
  --mdc-orange-400: rgba(var(--mdc-orange-400-rgb), 1);
  --mdc-orange-500-rgb: 255, 152, 0;
  --mdc-orange-500: rgba(var(--mdc-orange-500-rgb), 1);
  --mdc-orange-600-rgb: 251, 140, 0;
  --mdc-orange-600: rgba(var(--mdc-orange-600-rgb), 1);
  --mdc-orange-700-rgb: 245, 124, 0;
  --mdc-orange-700: rgba(var(--mdc-orange-700-rgb), 1);
  --mdc-orange-800-rgb: 239, 108, 0;
  --mdc-orange-800: rgba(var(--mdc-orange-800-rgb), 1);
  --mdc-orange-900-rgb: 230, 81, 0;
  --mdc-orange-900: rgba(var(--mdc-orange-900-rgb), 1);
  --mdc-orange-a100-rgb: 255, 209, 128;
  --mdc-orange-a100: rgba(var(--mdc-orange-a100-rgb), 1);
  --mdc-orange-a200-rgb: 255, 171, 64;
  --mdc-orange-a200: rgba(var(--mdc-orange-a200-rgb), 1);
  --mdc-orange-a400-rgb: 255, 145, 0;
  --mdc-orange-a400: rgba(var(--mdc-orange-a400-rgb), 1);
  --mdc-orange-a700-rgb: 255, 109, 0;
  --mdc-orange-a700: rgba(var(--mdc-orange-a700-rgb), 1);
  --mdc-deep-orange-50-rgb: 251, 233, 231;
  --mdc-deep-orange-50: rgba(var(--mdc-deep-orange-50-rgb), 1);
  --mdc-deep-orange-100-rgb: 255, 204, 188;
  --mdc-deep-orange-100: rgba(var(--mdc-deep-orange-100-rgb), 1);
  --mdc-deep-orange-200-rgb: 255, 171, 145;
  --mdc-deep-orange-200: rgba(var(--mdc-deep-orange-200-rgb), 1);
  --mdc-deep-orange-300-rgb: 255, 138, 101;
  --mdc-deep-orange-300: rgba(var(--mdc-deep-orange-300-rgb), 1);
  --mdc-deep-orange-400-rgb: 255, 112, 67;
  --mdc-deep-orange-400: rgba(var(--mdc-deep-orange-400-rgb), 1);
  --mdc-deep-orange-500-rgb: 255, 87, 34;
  --mdc-deep-orange-500: rgba(var(--mdc-deep-orange-500-rgb), 1);
  --mdc-deep-orange-600-rgb: 244, 81, 30;
  --mdc-deep-orange-600: rgba(var(--mdc-deep-orange-600-rgb), 1);
  --mdc-deep-orange-700-rgb: 230, 74, 25;
  --mdc-deep-orange-700: rgba(var(--mdc-deep-orange-700-rgb), 1);
  --mdc-deep-orange-800-rgb: 216, 67, 21;
  --mdc-deep-orange-800: rgba(var(--mdc-deep-orange-800-rgb), 1);
  --mdc-deep-orange-900-rgb: 191, 54, 12;
  --mdc-deep-orange-900: rgba(var(--mdc-deep-orange-900-rgb), 1);
  --mdc-deep-orange-a100-rgb: 255, 158, 128;
  --mdc-deep-orange-a100: rgba(var(--mdc-deep-orange-a100-rgb), 1);
  --mdc-deep-orange-a200-rgb: 255, 110, 64;
  --mdc-deep-orange-a200: rgba(var(--mdc-deep-orange-a200-rgb), 1);
  --mdc-deep-orange-a400-rgb: 255, 61, 0;
  --mdc-deep-orange-a400: rgba(var(--mdc-deep-orange-a400-rgb), 1);
  --mdc-deep-orange-a700-rgb: 221, 44, 0;
  --mdc-deep-orange-a700: rgba(var(--mdc-deep-orange-a700-rgb), 1);
  --mdc-brown-50-rgb: 239, 235, 233;
  --mdc-brown-50: rgba(var(--mdc-brown-50-rgb), 1);
  --mdc-brown-100-rgb: 215, 204, 200;
  --mdc-brown-100: rgba(var(--mdc-brown-100-rgb), 1);
  --mdc-brown-200-rgb: 188, 170, 164;
  --mdc-brown-200: rgba(var(--mdc-brown-200-rgb), 1);
  --mdc-brown-300-rgb: 161, 136, 127;
  --mdc-brown-300: rgba(var(--mdc-brown-300-rgb), 1);
  --mdc-brown-400-rgb: 141, 110, 99;
  --mdc-brown-400: rgba(var(--mdc-brown-400-rgb), 1);
  --mdc-brown-500-rgb: 121, 85, 72;
  --mdc-brown-500: rgba(var(--mdc-brown-500-rgb), 1);
  --mdc-brown-600-rgb: 109, 76, 65;
  --mdc-brown-600: rgba(var(--mdc-brown-600-rgb), 1);
  --mdc-brown-700-rgb: 93, 64, 55;
  --mdc-brown-700: rgba(var(--mdc-brown-700-rgb), 1);
  --mdc-brown-800-rgb: 78, 52, 46;
  --mdc-brown-800: rgba(var(--mdc-brown-800-rgb), 1);
  --mdc-brown-900-rgb: 62, 39, 35;
  --mdc-brown-900: rgba(var(--mdc-brown-900-rgb), 1);
  --mdc-gray-50-rgb: 250, 250, 250;
  --mdc-gray-50: rgba(var(--mdc-gray-50-rgb), 1);
  --mdc-gray-100-rgb: 245, 245, 245;
  --mdc-gray-100: rgba(var(--mdc-gray-100-rgb), 1);
  --mdc-gray-200-rgb: 238, 238, 238;
  --mdc-gray-200: rgba(var(--mdc-gray-200-rgb), 1);
  --mdc-gray-300-rgb: 224, 224, 224;
  --mdc-gray-300: rgba(var(--mdc-gray-300-rgb), 1);
  --mdc-gray-400-rgb: 189, 189, 189;
  --mdc-gray-400: rgba(var(--mdc-gray-400-rgb), 1);
  --mdc-gray-500-rgb: 158, 158, 158;
  --mdc-gray-500: rgba(var(--mdc-gray-500-rgb), 1);
  --mdc-gray-600-rgb: 117, 117, 117;
  --mdc-gray-600: rgba(var(--mdc-gray-600-rgb), 1);
  --mdc-gray-700-rgb: 97, 97, 97;
  --mdc-gray-700: rgba(var(--mdc-gray-700-rgb), 1);
  --mdc-gray-800-rgb: 66, 66, 66;
  --mdc-gray-800: rgba(var(--mdc-gray-800-rgb), 1);
  --mdc-gray-900-rgb: 33, 33, 33;
  --mdc-gray-900: rgba(var(--mdc-gray-900-rgb), 1);
  --mdc-grey-50-rgb: 250, 250, 250;
  --mdc-grey-50: rgba(var(--mdc-grey-50-rgb), 1);
  --mdc-grey-100-rgb: 245, 245, 245;
  --mdc-grey-100: rgba(var(--mdc-grey-100-rgb), 1);
  --mdc-grey-200-rgb: 238, 238, 238;
  --mdc-grey-200: rgba(var(--mdc-grey-200-rgb), 1);
  --mdc-grey-300-rgb: 224, 224, 224;
  --mdc-grey-300: rgba(var(--mdc-grey-300-rgb), 1);
  --mdc-grey-400-rgb: 189, 189, 189;
  --mdc-grey-400: rgba(var(--mdc-grey-400-rgb), 1);
  --mdc-grey-500-rgb: 158, 158, 158;
  --mdc-grey-500: rgba(var(--mdc-grey-500-rgb), 1);
  --mdc-grey-600-rgb: 117, 117, 117;
  --mdc-grey-600: rgba(var(--mdc-grey-600-rgb), 1);
  --mdc-grey-700-rgb: 97, 97, 97;
  --mdc-grey-700: rgba(var(--mdc-grey-700-rgb), 1);
  --mdc-grey-800-rgb: 66, 66, 66;
  --mdc-grey-800: rgba(var(--mdc-grey-800-rgb), 1);
  --mdc-grey-900-rgb: 33, 33, 33;
  --mdc-grey-900: rgba(var(--mdc-grey-900-rgb), 1);
  --mdc-blue-gray-50-rgb: 236, 239, 241;
  --mdc-blue-gray-50: rgba(var(--mdc-blue-gray-50-rgb), 1);
  --mdc-blue-gray-100-rgb: 207, 216, 220;
  --mdc-blue-gray-100: rgba(var(--mdc-blue-gray-100-rgb), 1);
  --mdc-blue-gray-200-rgb: 176, 190, 197;
  --mdc-blue-gray-200: rgba(var(--mdc-blue-gray-200-rgb), 1);
  --mdc-blue-gray-300-rgb: 144, 164, 174;
  --mdc-blue-gray-300: rgba(var(--mdc-blue-gray-300-rgb), 1);
  --mdc-blue-gray-400-rgb: 120, 144, 156;
  --mdc-blue-gray-400: rgba(var(--mdc-blue-gray-400-rgb), 1);
  --mdc-blue-gray-500-rgb: 96, 125, 139;
  --mdc-blue-gray-500: rgba(var(--mdc-blue-gray-500-rgb), 1);
  --mdc-blue-gray-600-rgb: 84, 110, 122;
  --mdc-blue-gray-600: rgba(var(--mdc-blue-gray-600-rgb), 1);
  --mdc-blue-gray-700-rgb: 69, 90, 100;
  --mdc-blue-gray-700: rgba(var(--mdc-blue-gray-700-rgb), 1);
  --mdc-blue-gray-800-rgb: 55, 71, 79;
  --mdc-blue-gray-800: rgba(var(--mdc-blue-gray-800-rgb), 1);
  --mdc-blue-gray-900-rgb: 38, 50, 56;
  --mdc-blue-gray-900: rgba(var(--mdc-blue-gray-900-rgb), 1);
  --mdc-blue-grey-50-rgb: 236, 239, 241;
  --mdc-blue-grey-50: rgba(var(--mdc-blue-grey-50-rgb), 1);
  --mdc-blue-grey-100-rgb: 207, 216, 220;
  --mdc-blue-grey-100: rgba(var(--mdc-blue-grey-100-rgb), 1);
  --mdc-blue-grey-200-rgb: 176, 190, 197;
  --mdc-blue-grey-200: rgba(var(--mdc-blue-grey-200-rgb), 1);
  --mdc-blue-grey-300-rgb: 144, 164, 174;
  --mdc-blue-grey-300: rgba(var(--mdc-blue-grey-300-rgb), 1);
  --mdc-blue-grey-400-rgb: 120, 144, 156;
  --mdc-blue-grey-400: rgba(var(--mdc-blue-grey-400-rgb), 1);
  --mdc-blue-grey-500-rgb: 96, 125, 139;
  --mdc-blue-grey-500: rgba(var(--mdc-blue-grey-500-rgb), 1);
  --mdc-blue-grey-600-rgb: 84, 110, 122;
  --mdc-blue-grey-600: rgba(var(--mdc-blue-grey-600-rgb), 1);
  --mdc-blue-grey-700-rgb: 69, 90, 100;
  --mdc-blue-grey-700: rgba(var(--mdc-blue-grey-700-rgb), 1);
  --mdc-blue-grey-800-rgb: 55, 71, 79;
  --mdc-blue-grey-800: rgba(var(--mdc-blue-grey-800-rgb), 1);
  --mdc-blue-grey-900-rgb: 38, 50, 56;
  --mdc-blue-grey-900: rgba(var(--mdc-blue-grey-900-rgb), 1);
  --indigo-900-dark: #000051;
  --indigo-900-light: #534bae;
  --indigo-900-dark-rgb: 0, 0, 81;
  --indigo-900-light-rgb: 83, 75, 174; }

/*+ first some global styles */
html, body {
  font-family: 'Segoe UI', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: var(--primary-foreground-colour);
  background-color: var(--primary-background-colour);
  height: 100%;
  margin: 0; }

/*- first some global styles */
:root {
  /* first some basic usages*/
  --primary-foreground-colour-rgb: var(--black-rgb);
  --primary-foreground-colour: var(--black);
  --primary-background-colour-rgb: var(--white-rgb);
  --primary-background-colour: var(--white);
  --secondary-foreground-colour-rgb: var(--white-rgb);
  --secondary-foreground-colour: var(--white);
  --secondary-background-colour-rgb: var(--mdc-indigo-900-rgb);
  --secondary-background-colour: rgba(var(--secondary-background-colour-rgb),1);
  --secondary-dark-colour-rgb: var(--indigo-900-dark-rgb);
  --secondary-light-colour-rgb: var(--indigo-900-light-rgb);
  --secondary-dark-colour: rgba(var(--secondary-dark-colour-rgb),1);
  --secondary-light-colour: rgba(var(--secondary-light-colour-rgb),1);
  --message-colour: var(--mdc-green-900);
  --alert-colour: var(--mdc-red-500);
  --warning-colour: var(--mdc-amber-500);
  --overlay-colour: rgba(var(--secondary-background-colour-rgb),0.5);
  /* colours for controls*/
  --control-outline-colour: rgba(var(--primary-foreground-colour-rgb),0.85);
  --control-hover-colour: var(--primary-foreground-colour);
  --control-invalid-colour: var(--alert-colour);
  --control-disabled-colour: var(--mdc-grey-300);
  --control-placeholder-colour: rgba(var(--primary-foreground-colour-rgb),0.75);
  --control-label-colour: rgba(var(--primary-foreground-colour-rgb),0.85);
  --control-border: 1px solid var(--control-outline-colour);
  /* button colours*/
  --button-primary-foreground-colour: var(--secondary-foreground-colour);
  --button-primary-background-colour: var(--secondary-background-colour);
  --button-secondary-foreground-colour: var(--white);
  --button-secondary-background-colour: var(--mdc-green-900);
  --button-warning-foreground-colour: var(--white);
  --button-warning-background-colour: var(--mdc-amber-800);
  --button-danger-foreground-colour: var(--white);
  --button-danger-background-colour: var(--mdc-red-500);
  --button-cancel-foreground-colour: var(--black);
  --button-cancel-background-colour: var(--white);
  --button-primary-hover-colour: rgba(var(--secondary-light-colour-rgb),1);
  --button-secondary-hover-colour: var(--mdc-green-700);
  --button-warning-hover-colour: var(--mdc-amber-700);
  --button-cancel-hover-colour: var(--mdc-grey-50);
  --button-danger-hover-colour: var(--mdc-red-300);
  /* pop-up colours*/
  --popup-overlay-colour: var(--overlay-colour);
  --popup-background-colour: var(--primary-background-colour);
  --popup-foreground-colour: var(--primary-foreground-colour);
  --popup-border-colour: var(--secondary-background-colour);
  --popup-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  /* remove the next four once new popup has replaced old popup*/
  --popup-footer-background-colour: var(--mdc-grey-300);
  --popup-header-background-colour: var(--secondary-background-colour);
  --popup-header-foreground-colour: var(--secondary-foreground-colour);
  --popup-warning-header-background-colour: var(--warning-colour);
  /* dialogue colours*/
  --dialogue-footer-background-colour: var(--mdc-grey-300);
  --dialogue-header-background-colour: var(--secondary-background-colour);
  --dialogue-header-foreground-colour: var(--secondary-foreground-colour);
  --dialogue-warning-header-background-colour: var(--warning-colour);
  /* menu colours*/
  --menu-item-foreground-colour: var(--primary-foreground-colour);
  /*--menu-item-foreground-colour-rgb: rgba(var(--secondary-light-colour-rgb),1);*/
  --menu-item-background-colour: transparent;
  /*var(--primary-background-colour);*/
  --menu-item-active-foreground-colour: var(--secondary-foreground-colour);
  --menu-item-active-background-colour: var(--secondary-background-colour);
  --menu-item-hover-background-colour: var(--secondary-light-colour);
  --menu-item-hover-foreground-colour: var(--secondary-dark-colour);
  --menu-toggle-bars-open-foreground-colour: var(--menu-item-foreground-colour);
  --menu-toggle-bars-closed-foreground-colour: rgba(var(--primary-foreground-colour-rgb),0.5);
  --menu-toggle-bars-hover-foreground-colour: var(--secondary-foreground-colour);
  --menu-toggle-bars-background-colour: rgba(var(--white-rgb),0.1);
  --menu-toggle-bars-hover-background-colour: var(--black);
  /* tab colors */
  /*    --tab-foreground-colour-rgb: var(--secondary-foreground-colour-rgb);
    --tab-background-colour-rgb: var(--secondary-dark-colour-rgb);
    --tab-active-foreground-colour-rgb: var(--secondary-foreground-colour-rgb);
    --tab-active-background-colour-rgb: var(--secondary-background-colour-rgb);*/
  --tab-foreground-colour: var(--secondary-foreground-colour);
  --tab-background-colour: var(--secondary-dark-colour);
  --tab-active-foreground-colour: var(--secondary-foreground-colour);
  --tab-active-background-colour: var(--secondary-background-colour);
  /* miscellaneous colours*/
  --search-box-clear-icon-colour: var(--mdc-red-500);
  --search-box-start-icon-colour: var(--mdc-green-500);
  --scrollbar-colour: var(--control-hover-colour) var(--secondary-foreground-colour);
  --scrollbar-track-colour: var(--secondary-dark-colour);
  --scrollbar-thumb-colour: var(--secondary-light-colour);
  --scrollbar-thumb-border-colour: var(--scrollbar-thumb-colour);
  --datepicker-today-colour: var(--mdc-green-500);
  --datepicker-holiday-colour: var(--mdc-red-500);
  --spinner-colour: rgba(var(--secondary-background-colour-rgb),0.45);
  --spinner-highlight-colour: rgba(var(--secondary-background-colour-rgb),0.85); }

:root {
  --secondary-background-colour-rgb: var(--mdc-green-800-rgb);
  /*    --secondary-background-colour: rgba(var(--secondary-background-colour-rgb),1);*/
  --secondary-dark-colour-rgb: 0, 80, 5;
  --secondary-light-colour-rgb: var(--mdc-light-green-200-rgb);
  --menu-item-foreground-colour: var(--primary-background-colour);
  --menu-toggle-bars-closed-foreground-colour: var(--primary-background-colour);
  --menu-item-hover-foreground-colour: var(---black);
  --menu-item-hover-background-colour: var(--white); }

html, body {
  font-family: 'Segoe UI', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: var(--black);
  background-color: var(--white);
  height: 100%; }

#app {
  height: 100%; }

.narrative {
  font-size: 18px;
  font-style: italic; }

.annotation {
  font-size: 0.8rem;
  font-style: italic;
  color: var(--message-colour); }

.content {
  padding-top: 1.1rem; }

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000; }

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem; }