/* Base theme */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
:root {
  --sakai-theme-color-interval: 9;
  --sakai-color-contrast-threshold: 60%;
  --sakai-theme-switch-ease: background-color 0.6s cubic-bezier(0.76, 0, 0.24, 1);
  --sakai-color-white: hsl(0, 0%, 100%);
  --sakai-color-black: hsl(0, 0%, 0%);
  --sakai-color-gray--lighter-7: rgb(243.18075, 243.4791, 243.86925);
  --sakai-color-gray--lighter-6: rgb(227.2247625, 227.925885, 228.8427375);
  --sakai-color-gray--lighter-5: rgb(211.268775, 212.37267, 213.816225);
  --sakai-color-gray--lighter-4: rgb(195.3127875, 196.819455, 198.7897125);
  --sakai-color-gray--lighter-3: rgb(179.3568, 181.26624, 183.7632);
  --sakai-color-gray--lighter-2: rgb(163.4008125, 165.713025, 168.7366875);
  --sakai-color-gray--lighter-1: rgb(147.444825, 150.15981, 153.710175);
  --sakai-color-gray: hsl(214, 3%, 55%);
  --sakai-color-gray--darker-1: rgb(124.494825, 127.20981, 130.760175);
  --sakai-color-gray--darker-2: rgb(106.0258125, 108.338025, 111.3616875);
  --sakai-color-gray--darker-3: rgb(87.5568, 89.46624, 91.9632);
  --sakai-color-gray--darker-4: rgb(69.0877875, 70.594455, 72.5647125);
  --sakai-color-gray--darker-5: rgb(50.618775, 51.72267, 53.166225);
  --sakai-color-gray--darker-6: rgb(32.1497625, 32.850885, 33.7677375);
  --sakai-color-gray--darker-7: rgb(13.68075, 13.9791, 14.36925);
  --sakai-color-blue--lighter-7: rgb(233.4576, 244.93056, 252.0624);
  --sakai-color-blue--lighter-6: rgb(204.37536, 231.336816, 248.09664);
  --sakai-color-blue--lighter-5: rgb(175.29312, 217.743072, 244.13088);
  --sakai-color-blue--lighter-4: rgb(146.21088, 204.149328, 240.16512);
  --sakai-color-blue--lighter-3: rgb(117.12864, 190.555584, 236.19936);
  --sakai-color-blue--lighter-2: rgb(88.0464, 176.96184, 232.2336);
  --sakai-color-blue--lighter-1: rgb(58.96416, 163.368096, 228.26784);
  --sakai-color-blue: hsl(203, 76%, 52%);
  --sakai-color-blue--darker-1: rgb(36.01416, 140.418096, 205.31784);
  --sakai-color-blue--darker-2: rgb(30.6714, 119.58684, 174.8586);
  --sakai-color-blue--darker-3: rgb(25.32864, 98.755584, 144.39936);
  --sakai-color-blue--darker-4: rgb(19.98588, 77.924328, 113.94012);
  --sakai-color-blue--darker-5: rgb(14.64312, 57.093072, 83.48088);
  --sakai-color-blue--darker-6: rgb(9.30036, 36.261816, 53.02164);
  --sakai-color-blue--darker-7: rgb(3.9576, 15.43056, 22.5624);
  --sakai-color-teal--lighter-7: rgb(229.5, 244.8, 244.8);
  --sakai-color-teal--lighter-6: rgb(195.075, 231.03, 231.03);
  --sakai-color-teal--lighter-5: rgb(160.65, 217.26, 217.26);
  --sakai-color-teal--lighter-4: rgb(126.225, 203.49, 203.49);
  --sakai-color-teal--lighter-3: rgb(91.8, 189.72, 189.72);
  --sakai-color-teal--lighter-2: rgb(57.375, 175.95, 175.95);
  --sakai-color-teal--lighter-1: rgb(22.95, 162.18, 162.18);
  --sakai-color-teal: hsl(180, 100%, 30%);
  --sakai-color-teal--darker-1: rgb(0, 139.23, 139.23);
  --sakai-color-teal--darker-2: rgb(0, 118.575, 118.575);
  --sakai-color-teal--darker-3: rgb(0, 97.92, 97.92);
  --sakai-color-teal--darker-4: rgb(0, 77.265, 77.265);
  --sakai-color-teal--darker-5: rgb(0, 56.61, 56.61);
  --sakai-color-teal--darker-6: rgb(0, 35.955, 35.955);
  --sakai-color-teal--darker-7: rgb(0, 15.3, 15.3);
  --sakai-color-gold--lighter-7: rgb(251.32035, 247.7019, 229.60965);
  --sakai-color-gold--lighter-6: rgb(246.3528225, 237.849465, 195.3326775);
  --sakai-color-gold--lighter-5: rgb(241.385295, 227.99703, 161.055705);
  --sakai-color-gold--lighter-4: rgb(236.4177675, 218.144595, 126.7787325);
  --sakai-color-gold--lighter-3: rgb(231.45024, 208.29216, 92.50176);
  --sakai-color-gold--lighter-2: rgb(226.4827125, 198.439725, 58.2247875);
  --sakai-color-gold--lighter-1: rgb(221.515185, 188.58729, 23.947815);
  --sakai-color-gold: hsl(50, 99%, 43%);
  --sakai-color-gold--darker-1: rgb(198.565185, 165.63729, 0.997815);
  --sakai-color-gold--darker-2: rgb(169.1077125, 141.064725, 0.8497875);
  --sakai-color-gold--darker-3: rgb(139.65024, 116.49216, 0.70176);
  --sakai-color-gold--darker-4: rgb(110.1927675, 91.919595, 0.5537325);
  --sakai-color-gold--darker-5: rgb(80.735295, 67.34703, 0.405705);
  --sakai-color-gold--darker-6: rgb(51.2778225, 42.774465, 0.2576775);
  --sakai-color-gold--darker-7: rgb(21.82035, 18.2019, 0.10965);
  --sakai-color-green--lighter-7: rgb(230.1936, 246.1464, 237.37236);
  --sakai-color-green--lighter-6: rgb(196.70496, 234.19404, 213.575046);
  --sakai-color-green--lighter-5: rgb(163.21632, 222.24168, 189.777732);
  --sakai-color-green--lighter-4: rgb(129.72768, 210.28932, 165.980418);
  --sakai-color-green--lighter-3: rgb(96.23904, 198.33696, 142.183104);
  --sakai-color-green--lighter-2: rgb(62.7504, 186.3846, 118.38579);
  --sakai-color-green--lighter-1: rgb(29.26176, 174.43224, 94.588476);
  --sakai-color-green: hsl(147, 92%, 34%);
  --sakai-color-green--darker-1: rgb(6.31176, 151.48224, 71.638476);
  --sakai-color-green--darker-2: rgb(5.3754, 129.0096, 61.01079);
  --sakai-color-green--darker-3: rgb(4.43904, 106.53696, 50.383104);
  --sakai-color-green--darker-4: rgb(3.50268, 84.06432, 39.755418);
  --sakai-color-green--darker-5: rgb(2.56632, 61.59168, 29.127732);
  --sakai-color-green--darker-6: rgb(1.62996, 39.11904, 18.500046);
  --sakai-color-green--darker-7: rgb(0.6936, 16.6464, 7.87236);
  --sakai-color-orange--lighter-7: rgb(251.1546, 240.72, 230.2854);
  --sakai-color-orange--lighter-6: rgb(245.96331, 221.442, 196.92069);
  --sakai-color-orange--lighter-5: rgb(240.77202, 202.164, 163.55598);
  --sakai-color-orange--lighter-4: rgb(235.58073, 182.886, 130.19127);
  --sakai-color-orange--lighter-3: rgb(230.38944, 163.608, 96.82656);
  --sakai-color-orange--lighter-2: rgb(225.19815, 144.33, 63.46185);
  --sakai-color-orange--lighter-1: rgb(220.00686, 125.052, 30.09714);
  --sakai-color-orange: hsl(30, 93%, 44%);
  --sakai-color-orange--darker-1: rgb(197.05686, 102.102, 7.14714);
  --sakai-color-orange--darker-2: rgb(167.82315, 86.955, 6.08685);
  --sakai-color-orange--darker-3: rgb(138.58944, 71.808, 5.02656);
  --sakai-color-orange--darker-4: rgb(109.35573, 56.661, 3.96627);
  --sakai-color-orange--darker-5: rgb(80.12202, 41.514, 2.90598);
  --sakai-color-orange--darker-6: rgb(50.88831, 26.367, 1.84569);
  --sakai-color-orange--darker-7: rgb(21.6546, 11.22, 0.7854);
  --sakai-color-purple--lighter-7: rgb(236.6961, 236.6961, 254.4339);
  --sakai-color-purple--lighter-6: rgb(211.985835, 211.985835, 253.669665);
  --sakai-color-purple--lighter-5: rgb(187.27557, 187.27557, 252.90543);
  --sakai-color-purple--lighter-4: rgb(162.565305, 162.565305, 252.141195);
  --sakai-color-purple--lighter-3: rgb(137.85504, 137.85504, 251.37696);
  --sakai-color-purple--lighter-2: rgb(113.144775, 113.144775, 250.612725);
  --sakai-color-purple--lighter-1: rgb(88.43451, 88.43451, 249.84849);
  --sakai-color-purple: hsl(240, 94%, 63%);
  --sakai-color-purple--darker-1: rgb(65.48451, 65.48451, 226.89849);
  --sakai-color-purple--darker-2: rgb(55.769775, 55.769775, 193.237725);
  --sakai-color-purple--darker-3: rgb(46.05504, 46.05504, 159.57696);
  --sakai-color-purple--darker-4: rgb(36.340305, 36.340305, 125.916195);
  --sakai-color-purple--darker-5: rgb(26.62557, 26.62557, 92.25543);
  --sakai-color-purple--darker-6: rgb(16.910835, 16.910835, 58.594665);
  --sakai-color-purple--darker-7: rgb(7.1961, 7.1961, 24.9339);
  --sakai-color-red--lighter-7: rgb(249.9, 229.5, 230.52);
  --sakai-color-red--lighter-6: rgb(243.015, 195.075, 197.472);
  --sakai-color-red--lighter-5: rgb(236.13, 160.65, 164.424);
  --sakai-color-red--lighter-4: rgb(229.245, 126.225, 131.376);
  --sakai-color-red--lighter-3: rgb(222.36, 91.8, 98.328);
  --sakai-color-red--lighter-2: rgb(215.475, 57.375, 65.28);
  --sakai-color-red--lighter-1: rgb(208.59, 22.95, 32.232);
  --sakai-color-red: hsl(357, 100%, 40%);
  --sakai-color-red--darker-1: rgb(185.64, 0, 9.282);
  --sakai-color-red--darker-2: rgb(158.1, 0, 7.905);
  --sakai-color-red--darker-3: rgb(130.56, 0, 6.528);
  --sakai-color-red--darker-4: rgb(103.02, 0, 5.151);
  --sakai-color-red--darker-5: rgb(75.48, 0, 3.774);
  --sakai-color-red--darker-6: rgb(47.94, 0, 2.397);
  --sakai-color-red--darker-7: rgb(20.4, 0, 1.02);
  --sakai-lessons-navy--lighter-7: rgb(229.5, 233.92, 239.7);
  --sakai-lessons-navy--lighter-6: rgb(195.075, 205.462, 219.045);
  --sakai-lessons-navy--lighter-5: rgb(160.65, 177.004, 198.39);
  --sakai-lessons-navy--lighter-4: rgb(126.225, 148.546, 177.735);
  --sakai-lessons-navy--lighter-3: rgb(91.8, 120.088, 157.08);
  --sakai-lessons-navy--lighter-2: rgb(57.375, 91.63, 136.425);
  --sakai-lessons-navy--lighter-1: rgb(22.95, 63.172, 115.77);
  --sakai-lessons-navy: hsl(214, 100%, 20%);
  --sakai-lessons-navy--darker-1: rgb(0, 40.222, 92.82);
  --sakai-lessons-navy--darker-2: rgb(0, 34.255, 79.05);
  --sakai-lessons-navy--darker-3: rgb(0, 28.288, 65.28);
  --sakai-lessons-navy--darker-4: rgb(0, 22.321, 51.51);
  --sakai-lessons-navy--darker-5: rgb(0, 16.354, 37.74);
  --sakai-lessons-navy--darker-6: rgb(0, 10.387, 23.97);
  --sakai-lessons-navy--darker-7: rgb(0, 4.42, 10.2);
  --bs-border-width: 1px;
  --bs-border-radius: 4px;
  --bs-border-color: var(--sakai-border-color);
}
:root .sakai-colorize--sakai-color-gray--lighter-7 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(243.18075, 243.4791, 243.86925);
}
:root .sakai-colorize--sakai-color-gray--lighter-6 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(227.2247625, 227.925885, 228.8427375);
}
:root .sakai-colorize--sakai-color-gray--lighter-5 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(211.268775, 212.37267, 213.816225);
}
:root .sakai-colorize--sakai-color-gray--lighter-4 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(195.3127875, 196.819455, 198.7897125);
}
:root .sakai-colorize--sakai-color-gray--lighter-3 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(179.3568, 181.26624, 183.7632);
}
:root .sakai-colorize--sakai-color-gray--lighter-2 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(163.4008125, 165.713025, 168.7366875);
}
:root .sakai-colorize--sakai-color-gray--lighter-1 {
  color: rgb(38.3061, 39.14148, 40.2339);
  background-color: rgb(147.444825, 150.15981, 153.710175);
}
:root .sakai-colorize--sakai-color-gray {
  color: #000;
  background-color: hsl(214, 3%, 55%);
}
:root .sakai-colorize--sakai-color-gray--darker-1 {
  color: #000;
  background-color: rgb(124.494825, 127.20981, 130.760175);
}
:root .sakai-colorize--sakai-color-gray--darker-2 {
  color: #fff;
  background-color: rgb(106.0258125, 108.338025, 111.3616875);
}
:root .sakai-colorize--sakai-color-gray--darker-3 {
  color: rgb(221.9061, 222.74148, 223.8339);
  background-color: rgb(87.5568, 89.46624, 91.9632);
}
:root .sakai-colorize--sakai-color-gray--darker-4 {
  color: rgb(221.9061, 222.74148, 223.8339);
  background-color: rgb(69.0877875, 70.594455, 72.5647125);
}
:root .sakai-colorize--sakai-color-gray--darker-5 {
  color: rgb(221.9061, 222.74148, 223.8339);
  background-color: rgb(50.618775, 51.72267, 53.166225);
}
:root .sakai-colorize--sakai-color-gray--darker-6 {
  color: rgb(221.9061, 222.74148, 223.8339);
  background-color: rgb(32.1497625, 32.850885, 33.7677375);
}
:root .sakai-colorize--sakai-color-gray--darker-7 {
  color: rgb(221.9061, 222.74148, 223.8339);
  background-color: rgb(13.68075, 13.9791, 14.36925);
}
:root .sakai-colorize--sakai-color-blue--lighter-7 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(233.4576, 244.93056, 252.0624);
}
:root .sakai-colorize--sakai-color-blue--lighter-6 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(204.37536, 231.336816, 248.09664);
}
:root .sakai-colorize--sakai-color-blue--lighter-5 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(175.29312, 217.743072, 244.13088);
}
:root .sakai-colorize--sakai-color-blue--lighter-4 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(146.21088, 204.149328, 240.16512);
}
:root .sakai-colorize--sakai-color-blue--lighter-3 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(117.12864, 190.555584, 236.19936);
}
:root .sakai-colorize--sakai-color-blue--lighter-2 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(88.0464, 176.96184, 232.2336);
}
:root .sakai-colorize--sakai-color-blue--lighter-1 {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: rgb(58.96416, 163.368096, 228.26784);
}
:root .sakai-colorize--sakai-color-blue {
  color: rgb(11.08128, 43.205568, 63.17472);
  background-color: hsl(203, 76%, 52%);
}
:root .sakai-colorize--sakai-color-blue--darker-1 {
  color: #000;
  background-color: rgb(36.01416, 140.418096, 205.31784);
}
:root .sakai-colorize--sakai-color-blue--darker-2 {
  color: #fff;
  background-color: rgb(30.6714, 119.58684, 174.8586);
}
:root .sakai-colorize--sakai-color-blue--darker-3 {
  color: rgb(194.68128, 226.805568, 246.77472);
  background-color: rgb(25.32864, 98.755584, 144.39936);
}
:root .sakai-colorize--sakai-color-blue--darker-4 {
  color: rgb(194.68128, 226.805568, 246.77472);
  background-color: rgb(19.98588, 77.924328, 113.94012);
}
:root .sakai-colorize--sakai-color-blue--darker-5 {
  color: rgb(194.68128, 226.805568, 246.77472);
  background-color: rgb(14.64312, 57.093072, 83.48088);
}
:root .sakai-colorize--sakai-color-blue--darker-6 {
  color: rgb(194.68128, 226.805568, 246.77472);
  background-color: rgb(9.30036, 36.261816, 53.02164);
}
:root .sakai-colorize--sakai-color-blue--darker-7 {
  color: rgb(194.68128, 226.805568, 246.77472);
  background-color: rgb(3.9576, 15.43056, 22.5624);
}
:root .sakai-colorize--sakai-color-teal--lighter-7 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(229.5, 244.8, 244.8);
}
:root .sakai-colorize--sakai-color-teal--lighter-6 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(195.075, 231.03, 231.03);
}
:root .sakai-colorize--sakai-color-teal--lighter-5 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(160.65, 217.26, 217.26);
}
:root .sakai-colorize--sakai-color-teal--lighter-4 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(126.225, 203.49, 203.49);
}
:root .sakai-colorize--sakai-color-teal--lighter-3 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(91.8, 189.72, 189.72);
}
:root .sakai-colorize--sakai-color-teal--lighter-2 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(57.375, 175.95, 175.95);
}
:root .sakai-colorize--sakai-color-teal--lighter-1 {
  color: rgb(0, 42.84, 42.84);
  background-color: rgb(22.95, 162.18, 162.18);
}
:root .sakai-colorize--sakai-color-teal {
  color: #000;
  background-color: hsl(180, 100%, 30%);
}
:root .sakai-colorize--sakai-color-teal--darker-1 {
  color: #000;
  background-color: rgb(0, 139.23, 139.23);
}
:root .sakai-colorize--sakai-color-teal--darker-2 {
  color: #fff;
  background-color: rgb(0, 118.575, 118.575);
}
:root .sakai-colorize--sakai-color-teal--darker-3 {
  color: rgb(183.6, 226.44, 226.44);
  background-color: rgb(0, 97.92, 97.92);
}
:root .sakai-colorize--sakai-color-teal--darker-4 {
  color: rgb(183.6, 226.44, 226.44);
  background-color: rgb(0, 77.265, 77.265);
}
:root .sakai-colorize--sakai-color-teal--darker-5 {
  color: rgb(183.6, 226.44, 226.44);
  background-color: rgb(0, 56.61, 56.61);
}
:root .sakai-colorize--sakai-color-teal--darker-6 {
  color: rgb(183.6, 226.44, 226.44);
  background-color: rgb(0, 35.955, 35.955);
}
:root .sakai-colorize--sakai-color-teal--darker-7 {
  color: rgb(183.6, 226.44, 226.44);
  background-color: rgb(0, 15.3, 15.3);
}
:root .sakai-colorize--sakai-color-gold--lighter-7 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(251.32035, 247.7019, 229.60965);
}
:root .sakai-colorize--sakai-color-gold--lighter-6 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(246.3528225, 237.849465, 195.3326775);
}
:root .sakai-colorize--sakai-color-gold--lighter-5 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(241.385295, 227.99703, 161.055705);
}
:root .sakai-colorize--sakai-color-gold--lighter-4 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(236.4177675, 218.144595, 126.7787325);
}
:root .sakai-colorize--sakai-color-gold--lighter-3 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(231.45024, 208.29216, 92.50176);
}
:root .sakai-colorize--sakai-color-gold--lighter-2 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(226.4827125, 198.439725, 58.2247875);
}
:root .sakai-colorize--sakai-color-gold--lighter-1 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(221.515185, 188.58729, 23.947815);
}
:root .sakai-colorize--sakai-color-gold {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: hsl(50, 99%, 43%);
}
:root .sakai-colorize--sakai-color-gold--darker-1 {
  color: rgb(61.09698, 50.96532, 0.30702);
  background-color: rgb(198.565185, 165.63729, 0.997815);
}
:root .sakai-colorize--sakai-color-gold--darker-2 {
  color: #000;
  background-color: rgb(169.1077125, 141.064725, 0.8497875);
}
:root .sakai-colorize--sakai-color-gold--darker-3 {
  color: #fff;
  background-color: rgb(139.65024, 116.49216, 0.70176);
}
:root .sakai-colorize--sakai-color-gold--darker-4 {
  color: rgb(244.69698, 234.56532, 183.90702);
  background-color: rgb(110.1927675, 91.919595, 0.5537325);
}
:root .sakai-colorize--sakai-color-gold--darker-5 {
  color: rgb(244.69698, 234.56532, 183.90702);
  background-color: rgb(80.735295, 67.34703, 0.405705);
}
:root .sakai-colorize--sakai-color-gold--darker-6 {
  color: rgb(244.69698, 234.56532, 183.90702);
  background-color: rgb(51.2778225, 42.774465, 0.2576775);
}
:root .sakai-colorize--sakai-color-gold--darker-7 {
  color: rgb(244.69698, 234.56532, 183.90702);
  background-color: rgb(21.82035, 18.2019, 0.10965);
}
:root .sakai-colorize--sakai-color-green--lighter-7 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(230.1936, 246.1464, 237.37236);
}
:root .sakai-colorize--sakai-color-green--lighter-6 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(196.70496, 234.19404, 213.575046);
}
:root .sakai-colorize--sakai-color-green--lighter-5 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(163.21632, 222.24168, 189.777732);
}
:root .sakai-colorize--sakai-color-green--lighter-4 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(129.72768, 210.28932, 165.980418);
}
:root .sakai-colorize--sakai-color-green--lighter-3 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(96.23904, 198.33696, 142.183104);
}
:root .sakai-colorize--sakai-color-green--lighter-2 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(62.7504, 186.3846, 118.38579);
}
:root .sakai-colorize--sakai-color-green--lighter-1 {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: rgb(29.26176, 174.43224, 94.588476);
}
:root .sakai-colorize--sakai-color-green {
  color: rgb(1.94208, 46.60992, 22.042608);
  background-color: hsl(147, 92%, 34%);
}
:root .sakai-colorize--sakai-color-green--darker-1 {
  color: #000;
  background-color: rgb(6.31176, 151.48224, 71.638476);
}
:root .sakai-colorize--sakai-color-green--darker-2 {
  color: #fff;
  background-color: rgb(5.3754, 129.0096, 61.01079);
}
:root .sakai-colorize--sakai-color-green--darker-3 {
  color: rgb(185.54208, 230.20992, 205.642608);
  background-color: rgb(4.43904, 106.53696, 50.383104);
}
:root .sakai-colorize--sakai-color-green--darker-4 {
  color: rgb(185.54208, 230.20992, 205.642608);
  background-color: rgb(3.50268, 84.06432, 39.755418);
}
:root .sakai-colorize--sakai-color-green--darker-5 {
  color: rgb(185.54208, 230.20992, 205.642608);
  background-color: rgb(2.56632, 61.59168, 29.127732);
}
:root .sakai-colorize--sakai-color-green--darker-6 {
  color: rgb(185.54208, 230.20992, 205.642608);
  background-color: rgb(1.62996, 39.11904, 18.500046);
}
:root .sakai-colorize--sakai-color-green--darker-7 {
  color: rgb(185.54208, 230.20992, 205.642608);
  background-color: rgb(0.6936, 16.6464, 7.87236);
}
:root .sakai-colorize--sakai-color-orange--lighter-7 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(251.1546, 240.72, 230.2854);
}
:root .sakai-colorize--sakai-color-orange--lighter-6 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(245.96331, 221.442, 196.92069);
}
:root .sakai-colorize--sakai-color-orange--lighter-5 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(240.77202, 202.164, 163.55598);
}
:root .sakai-colorize--sakai-color-orange--lighter-4 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(235.58073, 182.886, 130.19127);
}
:root .sakai-colorize--sakai-color-orange--lighter-3 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(230.38944, 163.608, 96.82656);
}
:root .sakai-colorize--sakai-color-orange--lighter-2 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(225.19815, 144.33, 63.46185);
}
:root .sakai-colorize--sakai-color-orange--lighter-1 {
  color: rgb(60.63288, 31.416, 2.19912);
  background-color: rgb(220.00686, 125.052, 30.09714);
}
:root .sakai-colorize--sakai-color-orange {
  color: #000;
  background-color: hsl(30, 93%, 44%);
}
:root .sakai-colorize--sakai-color-orange--darker-1 {
  color: #000;
  background-color: rgb(197.05686, 102.102, 7.14714);
}
:root .sakai-colorize--sakai-color-orange--darker-2 {
  color: #fff;
  background-color: rgb(167.82315, 86.955, 6.08685);
}
:root .sakai-colorize--sakai-color-orange--darker-3 {
  color: rgb(244.23288, 215.016, 185.79912);
  background-color: rgb(138.58944, 71.808, 5.02656);
}
:root .sakai-colorize--sakai-color-orange--darker-4 {
  color: rgb(244.23288, 215.016, 185.79912);
  background-color: rgb(109.35573, 56.661, 3.96627);
}
:root .sakai-colorize--sakai-color-orange--darker-5 {
  color: rgb(244.23288, 215.016, 185.79912);
  background-color: rgb(80.12202, 41.514, 2.90598);
}
:root .sakai-colorize--sakai-color-orange--darker-6 {
  color: rgb(244.23288, 215.016, 185.79912);
  background-color: rgb(50.88831, 26.367, 1.84569);
}
:root .sakai-colorize--sakai-color-orange--darker-7 {
  color: rgb(244.23288, 215.016, 185.79912);
  background-color: rgb(21.6546, 11.22, 0.7854);
}
:root .sakai-colorize--sakai-color-purple--lighter-7 {
  color: rgb(20.14908, 20.14908, 69.81492);
  background-color: rgb(236.6961, 236.6961, 254.4339);
}
:root .sakai-colorize--sakai-color-purple--lighter-6 {
  color: rgb(20.14908, 20.14908, 69.81492);
  background-color: rgb(211.985835, 211.985835, 253.669665);
}
:root .sakai-colorize--sakai-color-purple--lighter-5 {
  color: rgb(20.14908, 20.14908, 69.81492);
  background-color: rgb(187.27557, 187.27557, 252.90543);
}
:root .sakai-colorize--sakai-color-purple--lighter-4 {
  color: rgb(20.14908, 20.14908, 69.81492);
  background-color: rgb(162.565305, 162.565305, 252.141195);
}
:root .sakai-colorize--sakai-color-purple--lighter-3 {
  color: rgb(20.14908, 20.14908, 69.81492);
  background-color: rgb(137.85504, 137.85504, 251.37696);
}
:root .sakai-colorize--sakai-color-purple--lighter-2 {
  color: #000;
  background-color: rgb(113.144775, 113.144775, 250.612725);
}
:root .sakai-colorize--sakai-color-purple--lighter-1 {
  color: #fff;
  background-color: rgb(88.43451, 88.43451, 249.84849);
}
:root .sakai-colorize--sakai-color-purple {
  color: #fff;
  background-color: hsl(240, 94%, 63%);
}
:root .sakai-colorize--sakai-color-purple--darker-1 {
  color: #fff;
  background-color: rgb(65.48451, 65.48451, 226.89849);
}
:root .sakai-colorize--sakai-color-purple--darker-2 {
  color: rgb(203.74908, 203.74908, 253.41492);
  background-color: rgb(55.769775, 55.769775, 193.237725);
}
:root .sakai-colorize--sakai-color-purple--darker-3 {
  color: rgb(203.74908, 203.74908, 253.41492);
  background-color: rgb(46.05504, 46.05504, 159.57696);
}
:root .sakai-colorize--sakai-color-purple--darker-4 {
  color: rgb(203.74908, 203.74908, 253.41492);
  background-color: rgb(36.340305, 36.340305, 125.916195);
}
:root .sakai-colorize--sakai-color-purple--darker-5 {
  color: rgb(203.74908, 203.74908, 253.41492);
  background-color: rgb(26.62557, 26.62557, 92.25543);
}
:root .sakai-colorize--sakai-color-purple--darker-6 {
  color: rgb(203.74908, 203.74908, 253.41492);
  background-color: rgb(16.910835, 16.910835, 58.594665);
}
:root .sakai-colorize--sakai-color-purple--darker-7 {
  color: rgb(203.74908, 203.74908, 253.41492);
  background-color: rgb(7.1961, 7.1961, 24.9339);
}
:root .sakai-colorize--sakai-color-red--lighter-7 {
  color: rgb(57.12, 0, 2.856);
  background-color: rgb(249.9, 229.5, 230.52);
}
:root .sakai-colorize--sakai-color-red--lighter-6 {
  color: rgb(57.12, 0, 2.856);
  background-color: rgb(243.015, 195.075, 197.472);
}
:root .sakai-colorize--sakai-color-red--lighter-5 {
  color: rgb(57.12, 0, 2.856);
  background-color: rgb(236.13, 160.65, 164.424);
}
:root .sakai-colorize--sakai-color-red--lighter-4 {
  color: rgb(57.12, 0, 2.856);
  background-color: rgb(229.245, 126.225, 131.376);
}
:root .sakai-colorize--sakai-color-red--lighter-3 {
  color: rgb(57.12, 0, 2.856);
  background-color: rgb(222.36, 91.8, 98.328);
}
:root .sakai-colorize--sakai-color-red--lighter-2 {
  color: #fff;
  background-color: rgb(215.475, 57.375, 65.28);
}
:root .sakai-colorize--sakai-color-red--lighter-1 {
  color: #fff;
  background-color: rgb(208.59, 22.95, 32.232);
}
:root .sakai-colorize--sakai-color-red {
  color: #fff;
  background-color: hsl(357, 100%, 40%);
}
:root .sakai-colorize--sakai-color-red--darker-1 {
  color: #fff;
  background-color: rgb(185.64, 0, 9.282);
}
:root .sakai-colorize--sakai-color-red--darker-2 {
  color: rgb(240.72, 183.6, 186.456);
  background-color: rgb(158.1, 0, 7.905);
}
:root .sakai-colorize--sakai-color-red--darker-3 {
  color: rgb(240.72, 183.6, 186.456);
  background-color: rgb(130.56, 0, 6.528);
}
:root .sakai-colorize--sakai-color-red--darker-4 {
  color: rgb(240.72, 183.6, 186.456);
  background-color: rgb(103.02, 0, 5.151);
}
:root .sakai-colorize--sakai-color-red--darker-5 {
  color: rgb(240.72, 183.6, 186.456);
  background-color: rgb(75.48, 0, 3.774);
}
:root .sakai-colorize--sakai-color-red--darker-6 {
  color: rgb(240.72, 183.6, 186.456);
  background-color: rgb(47.94, 0, 2.397);
}
:root .sakai-colorize--sakai-color-red--darker-7 {
  color: rgb(240.72, 183.6, 186.456);
  background-color: rgb(20.4, 0, 1.02);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-7 {
  color: rgb(0, 12.376, 28.56);
  background-color: rgb(229.5, 233.92, 239.7);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-6 {
  color: rgb(0, 12.376, 28.56);
  background-color: rgb(195.075, 205.462, 219.045);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-5 {
  color: rgb(0, 12.376, 28.56);
  background-color: rgb(160.65, 177.004, 198.39);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-4 {
  color: rgb(0, 12.376, 28.56);
  background-color: rgb(126.225, 148.546, 177.735);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-3 {
  color: #fff;
  background-color: rgb(91.8, 120.088, 157.08);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-2 {
  color: #fff;
  background-color: rgb(57.375, 91.63, 136.425);
}
:root .sakai-colorize--sakai-lessons-navy--lighter-1 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(22.95, 63.172, 115.77);
}
:root .sakai-colorize--sakai-lessons-navy {
  color: rgb(183.6, 195.976, 212.16);
  background-color: hsl(214, 100%, 20%);
}
:root .sakai-colorize--sakai-lessons-navy--darker-1 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 40.222, 92.82);
}
:root .sakai-colorize--sakai-lessons-navy--darker-2 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 34.255, 79.05);
}
:root .sakai-colorize--sakai-lessons-navy--darker-3 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 28.288, 65.28);
}
:root .sakai-colorize--sakai-lessons-navy--darker-4 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 22.321, 51.51);
}
:root .sakai-colorize--sakai-lessons-navy--darker-5 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 16.354, 37.74);
}
:root .sakai-colorize--sakai-lessons-navy--darker-6 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 10.387, 23.97);
}
:root .sakai-colorize--sakai-lessons-navy--darker-7 {
  color: rgb(183.6, 195.976, 212.16);
  background-color: rgb(0, 4.42, 10.2);
}

/* Light Theme */
:root {
  --sakai-brand--lighter-7: rgb(231.03, 237.0055, 240.72);
  --sakai-brand--lighter-6: rgb(198.6705, 212.712925, 221.442);
  --sakai-brand--lighter-5: rgb(166.311, 188.42035, 202.164);
  --sakai-brand--lighter-4: rgb(133.9515, 164.127775, 182.886);
  --sakai-brand--lighter-3: rgb(101.592, 139.8352, 163.608);
  --sakai-brand--lighter-2: rgb(69.2325, 115.542625, 144.33);
  --sakai-brand--lighter-1: rgb(36.873, 91.25005, 125.052);
  --sakai-brand: hsl(203, 76%, 25%);
  --sakai-brand--darker-1: rgb(13.923, 68.30005, 102.102);
  --sakai-brand--darker-2: rgb(11.8575, 58.167625, 86.955);
  --sakai-brand--darker-3: rgb(9.792, 48.0352, 71.808);
  --sakai-brand--darker-4: rgb(7.7265, 37.902775, 56.661);
  --sakai-brand--darker-5: rgb(5.661, 27.77035, 41.514);
  --sakai-brand--darker-6: rgb(3.5955, 17.637925, 26.367);
  --sakai-brand--darker-7: rgb(1.53, 7.5055, 11.22);
  --logo: url(./images/sakaiLogoBlack.png);
  --logo-height: 30px;
  --logo-width: 103px;
  --logo-opacity: 1;
  --logo-background-color: var(--sakai-primary-color-1);
  --sakai-primary-color-1: var(--sakai-brand);
  --sakai-primary-color-2: var(--sakai-brand--darker-2);
  --sakai-primary-color-3: var(--sakai-brand--darker-3);
  --sakai-active-color-1: var(--sakai-brand--lighter-6);
  --sakai-active-color-2: var(--sakai-brand--lighter-5);
  --sakai-active-color-3: var(--sakai-brand--lighter-4);
  --sakai-passive-color-1: var(--sakai-color-gray--lighter-6);
  --sakai-passive-color-2: var(--sakai-color-gray--lighter-5);
  --sakai-passive-color-3: var(--sakai-color-gray--lighter-4);
  --sakai-background-color-1: var(--sakai-color-white);
  --sakai-background-color-2: var(--sakai-color-gray--lighter-7);
  --sakai-background-color-3: var(--sakai-color-gray--lighter-6);
  --sakai-background-color-4: var(--sakai-color-gray--lighter-5);
  --sakai-background-color-5: var(--sakai-color-gray--lighter-4);
  --sakai-background-color-6: var(--sakai-color-gray--lighter-3);
  --sakai-background-color-7: var(--sakai-color-gray--lighter-2);
  --sakai-background-color-8: var(--sakai-color-gray--lighter-1);
  --sakai-background-color-9: var(--sakai-color-gray);
  --sakai-secondary-color-1: var(--sakai-color-blue--darker-2);
  --sakai-tertiary-color-1: var(--sakai-color-orange--darker-4);
  --sakai-border-color: var(--sakai-color-gray--lighter-6);
  --sakai-border-color-modal: var(--sakai-color-gray--darker-4);
  --sakai-text-color-1: var(--sakai-color-gray--darker-5);
  --sakai-text-color-2: var(--sakai-color-gray--darker-6);
  --sakai-text-color-3: var(--sakai-brand--darker-3);
  --sakai-text-color-dimmed: var(--sakai-color-gray--darker-4);
  --sakai-text-color-disabled: var(--sakai-color-gray--darker-2);
  --sakai-text-color-inverted: var(--sakai-background-color-1);
  --elevation-0dp: none;
  --elevation-1dp: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
  --elevation-2dp: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  --elevation-3dp: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);
  --elevation-4dp: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
  --elevation-5dp: 0 3px 5px -1px rgba(0,0,0,.2), 0 5px 8px 0 rgba(0,0,0,.14), 0 1px 14px 0 rgba(0,0,0,.12);
  --elevation-6dp: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
  --elevation-7dp: 0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12);
  --elevation-8dp: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
  --portal-background-color: var(--sakai-background-color-1);
  --portal-mask-background: rgba(0,0,0,0.5);
  /* Tool tabs */
  --tool-background-color: var(--sakai-background-color-1);
  --tool-menu-background-color: var(--sakai-background-color-1);
  --tool-menu-hover-background-color: var(--sakai-background-color-2);
  --tool-menu-color: var(--sakai-text-color-1);
  --tool-border-color: var(--sakai-border-color);
  --tool-tab-text-color: var(--tool-menu-color);
  --tool-tab-background-color: var(--sakai-passive-color-1);
  --tool-tab-border-color: var(--sakai-border-color);
  --tool-tab-hover-text-color: var(--sakai-text-color-3);
  --tool-tab-hover-background-color: var(--sakai-passive-color-2);
  --tool-tab-hover-highlight-color: var(--sakai-active-color-2);
  --tool-tab-active-text-color: var(--sakai-text-color-3);
  --tool-tab-active-background-color: var(--sakai-background-color-1);
  --tool-tab-active-highlight-color:var(--sakai-active-color-3);
  --top-header-background: var(--sakai-background-color-1);
  --top-header-background-logo: var(--top-header-background);
  --top-header-border-color: transparent;
  --top-header-text-color: var(--sakai-text-color-1);
  --top-header-profile-border-color-top: var(--sakai-secondary-color-1);
  --top-header-profile-border-color-right: var(--sakai-secondary-color-1);
  --top-header-profile-border-color-bottom: var(--sakai-tertiary-color-1);
  --top-header-profile-border-color-left: var(--sakai-tertiary-color-1);
  --top-header-profile-border-color-inner: var(--sakai-background-color-1);
  --sites-nav-background: var(--sakai-background-color-1);
  --breadcrumbs-color: var(--sakai-text-color-1);
  --breadcrumbs-tool-color: var(--sakai-primary-color-1);
  --breadcrumbs-hover-color: var(--sakai-primary-color-1);
  /* Link colors */
  --link-color: var(--sakai-primary-color-1);
  --link-active-color: var(--sakai-primary-color-3);
  --link-hover-color: var(--sakai-primary-color-2);
  --link-visited-color: var(--sakai-color-purple);
  --link-background-color: transparent;
  --link-active-background-color: transparent;
  --link-hover-background-color: transparent;
  --button-text-color: var(--sakai-text-color-2);
  --button-background: var(--sakai-passive-color-1);
  --button-border-color: var(--sakai-passive-color-2);
  --button-shadow: none;
  --button-hover-text-color: var(--button-text-color);
  --button-hover-background: var(--sakai-passive-color-2);
  --button-hover-border-color: var(--sakai-passive-color-3);
  --button-hover-shadow: none;
  --button-active-text-color:var(--button-text-color);
  --button-active-background: var(--sakai-passive-color-3);
  --button-active-border-color: var(--button-active-background);
  --button-active-shadow-color: rgba(0,0,0,0);
  --button-active-shadow: none;
  --button-disabled-text-color: var(--sakai-text-color-disabled);
  --button-disabled-background: var(--sakai-background-color-2);
  --button-disabled-border-color: var(--sakai-border-color);
  --button-disabled-shadow: none;
  --button-primary-text-color: var(--sakai-text-color-inverted);
  --button-primary-background: var(--sakai-primary-color-1);
  --button-primary-border-color: var(--button-primary-background);
  --button-primary-shadow: var(--elevation-2dp);
  --button-primary-hover-text-color: var(--button-primary-text-color);
  --button-primary-hover-background: var(--sakai-primary-color-2);
  --button-primary-hover-border-color: var(--button-primary-hover-background);
  --button-primary-hover-shadow: var(--elevation-4dp);
  --button-primary-active-text-color: var(--button-primary-text-color);
  --button-primary-active-background: var(--sakai-primary-color-3);
  --button-primary-active-border-color: var(--button-primary-active-background);
  --button-primary-active-shadow: var(--elevation-4dp);
  --radio-button-background: var(--button-primary-background);
  --checkbox-background: var(--button-primary-background);
  --instruction-color: var(--sakai-text-color-disabled);
  --infoBanner-bordercolor: var(--sakai-color-blue--lighter-2);
  --infoBanner-bgcolor: var(--sakai-color-blue--lighter-7);
  --infoBanner-color: var(--sakai-color-blue--darker-3);
  --successBanner-bordercolor: var(--sakai-color-green--lighter-2);
  --successBanner-bgcolor: var(--sakai-color-green--lighter-7);
  --successBanner-color: var(--sakai-color-green--darker-3);
  --warnBanner-bordercolor: var(--sakai-color-gold--lighter-2);
  --warnBanner-bgcolor: var(--sakai-color-gold--lighter-7);
  --warnBanner-color: var(--sakai-color-gold--darker-4);
  --errorBanner-bordercolor: var(--sakai-color-red--lighter-2);
  --errorBanner-bgcolor: var(--sakai-color-red--lighter-7);
  --errorBanner-color: var(--sakai-color-red--darker-2);
  /* Swapped 'View As' view */
  --swapped-view-primary: var(--warnBanner-bgcolor);
  /* Admin Become User view */
  --become-user-primary: var(--sakai-color-purple--darker-1);
  --topNav-text-color: var(--sakai-text-color-inverted);
  --topNav-border-color: var(--sakai-border-color);
  /* Favorites */
  --sites-nav-background: var(--sakai-background-color-1);
  /* Default state - not selected */
  --sites-nav-menu-item-background: var(--sakai-passive-color-1);
  --sites-nav-menu-item-color: var(--sakai-text-color-1);
  --sites-nav-menu-item-border-color: var(--sites-nav-menu-item-background);
  --sites-nav-menu-item-hover-background: var(--sakai-passive-color-2);
  --sites-nav-menu-item-hover-color: var(--sakai-text-color-2);
  --sites-nav-menu-item-hover-border-color: var(--sites-nav-menu-item-hover-background);
  --sites-nav-menu-item-hover-icon-background: var(--sakai-passive-color-3);
  --sites-nav-menu-item-hover-icon-border-color: var( --sites-nav-menu-item-hover-icon-background);
  --sites-nav-menu-item-active-background: var(--sakai-passive-color-3);
  --sites-nav-menu-item-active-border-color: var(--sites-nav-menu-item-active-background);
  --sites-nav-menu-item-active-icon-background: var(--sites-nav-menu-item-active-background);
  --sites-nav-menu-item-active-icon-border-color: var(--sites-nav-menu-item-active-background);
  --sites-nav-submenu-border-color: transparent;
  --sites-nav-submenu-background: var(--sites-nav-menu-item-background);
  --sites-nav-submenu-item-color: var(--sites-nav-menu-item-color);
  --sites-nav-submenu-item-divider-color: var(--sites-nav-submenu-item-color);
  --sites-nav-submenu-item-hover-background: var(--sites-nav-menu-item-hover-background);
  --sites-nav-submenu-item-hover-color: var(--sites-nav-menu-item-hover-color);
  --sites-nav-submenu-item-hover-icon-color: var(--sites-nav-menu-item-hover-color);
  --sites-nav-submenu-item-active-background: var(--sites-nav-menu-item-active-background);
  /* End Default state */
  /* Active/Current site */
  --sites-nav-menu-item-selected-background: var(--sakai-active-color-1);
  --sites-nav-menu-item-selected-color: var(--sakai-text-color-3);
  --sites-nav-menu-item-selected-border-color: var(--sites-nav-menu-item-selected-background);
  --sites-nav-menu-item-selected-hover-background: var(--sakai-active-color-2);
  --sites-nav-menu-item-selected-hover-color: var(--sakai-text-color-3);
  --sites-nav-menu-item-selected-hover-border-color: var(--sites-nav-menu-item-selected-hover-background);
  --sites-nav-menu-item-selected-hover-icon-background: var(--sakai-active-color-3);
  --sites-nav-menu-item-selected-hover-icon-border-color: var(--sites-nav-menu-item-selected-hover-icon-background);
  --sites-nav-menu-item-selected-active-background: var(--sakai-active-color-3);
  --sites-nav-menu-item-selected-active-border-color: var(--sites-nav-menu-item-selected-active-background);
  --sites-nav-menu-item-selected-active-icon-background: var(--sites-nav-menu-item-selected-active-background);
  --sites-nav-menu-item-selected-active-icon-border-color: var(--sites-nav-menu-item-selected-active-background);
  --sites-nav-submenu-selected-border-color: transparent;
  --sites-nav-submenu-selected-background: var(--sites-nav-menu-item-selected-background);
  --sites-nav-submenu-item-selected-divider-color: var(--sites-nav-menu-item-selected-color);
  --sites-nav-submenu-item-selected-hover-background: var(--sites-nav-menu-item-selected-hover-background);
  --sites-nav-submenu-item-selected-hover-color: var(--sites-nav-menu-item-selected-hover-color);
  --sites-nav-submenu-item-selected-hover-icon-color: var(--sites-nav-menu-item-selected-hover-color);
  --sites-nav-submenu-item-selected-active-background: var(--sites-nav-menu-item-selected-active-background);
  /* End Favorites */
  --site-nav-btn-color: var(--sakai-text-color-2);
  --site-nav-btn-bg: transparent;
  --site-nav-btn-border-color: var(--site-nav-btn-bg);
  --site-nav-btn-hover-color: var(--sakai-text-color-2);
  --site-nav-btn-page-hover-color: var(--sakai-text-color-1);
  --site-nav-btn-page-hover-border: var(--sakai-brand--darker-4);
  --site-nav-btn-hover-bg: var(--sakai-brand--lighter-7);
  --site-nav-btn-hover-border-color: var(--site-nav-btn-hover-bg);
  --site-nav-btn-focus-shadow-rgb: 249, 250, 251;
  --site-nav-btn-active-color: var(--site-nav-btn-color);
  --site-nav-btn-active-bg: var(--sakai-brand--lighter-5);
  --site-nav-btn-active-border-color: var(--site-nav-btn-border-color);
  --site-nav-btn-disabled-color: var(--site-nav-btn-color);
  --site-nav-btn-disabled-bg: var(--site-nav-btn-bg);
  --site-nav-btn-disabled-border-color: var(--site-nav-btn-border-color);
  --site-nav-btn-current-color: var(--button-text-color);
  --site-nav-btn-current-bg: transparent;
  --site-nav-btn-current-border-color: var(--site-nav-btn-current-bg);
  --site-nav-btn-current-hover-color: var(--site-nav-btn-current-color);
  --site-nav-btn-current-hover-bg: var(--sakai-brand--lighter-5);
  --site-nav-btn-current-hover-border-color: var(--site-nav-btn-current-hover-bg);
  --site-nav-btn-current-focus-shadow-rgb: 249, 250, 251;
  --site-nav-btn-current-active-color: var(--site-nav-btn-current-color);
  --site-nav-btn-current-active-bg: var(--sakai-brand--lighter-4);
  --site-nav-btn-current-active-border-color: var(--site-nav-btn-current-border-color);
  --site-nav-btn-current-disabled-color: var(--site-nav-btn-current-color);
  --site-nav-btn-current-disabled-bg: var(--site-nav-btn-current-bg);
  --site-nav-btn-current-disabled-border-color: var(--site-nav-btn-current-border-color);
  --site-nav-bg: var(--sakai-background-color-1);
  --site-nav-color: var(--sakai-text-color-2);
  --site-nav-list-item-bg: var(--site-nav-bg);
  --site-nav-list-item-collapse-bg: var(--sakai-background-color-1);
  --site-nav-list-item-current-bg: var(--sakai-brand--lighter-5);
  --site-nav-list-item-current-collapse-bg: var(--sakai-brand--lighter-6);
  /* All Sites */
  --all-sites-background-color: var(--sakai-background-color-1);
  --all-sites-drop-shadow: var(--elevation-8dp);
  --all-sites-tab-text-color: var(--tool-menu-color);
  --all-sites-tab-background-color: var(--tool-tab-background-color);
  --all-sites-tab-border-color: var(--tool-tab-border-color);
  --all-sites-tab-hover-text-color: var(--tool-tab-hover-text-color);
  --all-sites-tab-hover-background-color: var(--tool-tab-hover-background-color);
  --all-sites-tab-hover-highlight: var(--tool-tab-hover-highlight-color);
  --all-sites-tab-active-text-color: var(--tool-tab-active-text-color);
  --all-sites-tab-active-background-color: var(--tool-tab-active-background-color);
  --all-sites-tab-active-highlight-color: var(--tool-tab-active-highlight-color);
  --all-sites-title-text-color: var(--sakai-text-color-1);
  --all-sites-button-text-color: var(--sakai-text-color-1);
  --all-sites-button-background-color: var(--sakai-background-color-2);
  --all-sites-button-border-color: var(--sakai-border-color);
  --all-sites-button-star-full-color: var(--sakai-color-gold);
  --all-sites-button-star-empty-color: var(--sakai-text-color-1);
  --all-sites-button-selected-text-color: var(--sakai-text-color-3);
  --all-sites-button-selected-background-color: var(--sakai-active-color-1);
  --all-sites-button-selected-border-color: var(--all-sites-button-selected-background-color);
  --all-sites-button-selected-dropdown-color: var(--all-sites-button-selected-text-color);
  --all-sites-button-selected-star-full-color: var(--all-sites-button-star-full-color);
  --all-sites-button-selected-star-empty-color: var(--all-sites-button-star-empty-color);
  --all-sites-button-hover-text-color: var(--sakai-text-color-1);
  --all-sites-button-hover-background-color: var(--sakai-background-color-3);
  --all-sites-button-hover-border-color: var(--all-sites-button-hover-background-color);
  --all-sites-button-hover-dropdown-color: var(--all-sites-button-hover-text-color);
  --all-sites-button-hover-star-full-color: var(--all-sites-button-star-full-color);
  --all-sites-button-hover-star-empty-color: var(--all-sites-button-star-empty-color);
  --all-sites-button-drag-icon-color: var(--sakai-text-color-1);
  --all-sites-button-drag-icon-hover-color: var(--sakai-text-color-1);
  --all-sites-tool-menu-divider-color: var(--sakai-border-color);
  --all-sites-tool-menu-background-color: var(--all-sites-button-background-color);
  --all-sites-tool-menu-text-color: var(--all-sites-button-text-color);
  --all-sites-tool-menu-icon-color: var(--all-sites-button-text-color);
  --all-sites-tool-menu-left-border-color: var(--all-sites-tool-menu-background-color);
  --all-sites-tool-menu-hover-background-color: var(--all-sites-button-hover-background-color);
  --all-sites-tool-menu-hover-text-color: var(--all-sites-button-hover-text-color);
  --all-sites-tool-menu-hover-icon-color: var(--all-sites-button-hover-text-color);
  --all-sites-tool-menu-hover-left-border-color: var(--all-sites-tool-menu-hover-background-color);
  --all-sites-close-action-color: var(--button-text-color);
  --all-sites-close-action-hover-color: var(--button-hover-text-color);
  --tool-menu-item-separator-color: transparent;
  --tool-menu-item-text-color: var(--sakai-text-color-2);
  --tool-menu-item-icon-color: var(--sakai-text-color-1);
  --tool-menu-item-background-color: var(--sakai-background-color-1);
  --tool-menu-item-hover-text-color: var(--tool-menu-item-text-color);
  --tool-menu-item-hover-icon-color: var(--tool-menu-item-icon-color);
  --tool-menu-item-hover-background-color: var(--sakai-background-color-2);
  --tool-menu-item-active-text-color: var(--tool-menu-item-text-color);
  --tool-menu-item-active-icon-color: var(--tool-menu-item-icon-color);
  --tool-menu-item-active-background-color: var(--sakai-background-color-3);
  --tool-menu-item-hidden-text-color: var(--tool-menu-item-text-color);
  --tool-menu-item-hidden-icon-color: var(--tool-menu-item-icon-color);
  --tool-menu-item-hidden-background-color: var(--tool-menu-item-background-color);
  --tool-menu-item-hidden-hover-text-color: var(--tool-menu-item-hover-text-color);
  --tool-menu-item-hidden-hover-icon-color: var(--tool-menu-item-hover-icon-color);
  --tool-menu-item-hidden-hover-background-color: var(--tool-menu-item-hover-background-color);
  --tool-menu-item-hidden-active-text-color: var(--tool-menu-item-active-text-color);
  --tool-menu-item-hidden-active-icon-color: var(--tool-menu-item-active-icon-color);
  --tool-menu-item-hidden-active-background-color: var(--tool-menu-item-active-background-color);
  --tool-menu-item-selected-text-color: var(--sakai-text-color-3);
  --tool-menu-item-selected-icon-color: var(--sakai-text-color-3);
  --tool-menu-item-selected-background-color: var(--sakai-active-color-1);
  --tool-menu-item-selected-hover-text-color: var(--tool-menu-item-selected-text-color);
  --tool-menu-item-selected-hover-icon-color: var(--tool-menu-item-selected-icon-color);
  --tool-menu-item-selected-hover-background-color: var(--sakai-active-color-2);
  --tool-menu-item-selected-active-text-color: var(--tool-menu-item-selected-text-color);
  --tool-menu-item-selected-active-icon-color: var(--tool-menu-item-selected-icon-color);
  --tool-menu-item-selected-active-background-color: var(--sakai-active-color-3);
  --tool-menu-collapse-text-color: var(--tool-menu-item-text-color);
  --tool-menu-collapse-icon-color: var(--tool-menu-item-text-color);
  --tool-menu-collapse-background-color: var(--tool-menu-item-background-color);
  --tool-menu-collapse-shadow: var(--elevation-4dp);
  --tool-menu-collapse-hover-text-color: var(--tool-menu-item-hover-text-color);
  --tool-menu-collapse-hover-background-color: var(--tool-menu-item-hover-background-color);
  --tool-menu-collapse-hover-shadow: var(--elevation-6dp);
  --tool-menu-collapse-active-text-color: var(--tool-menu-item-active-text-color);
  --tool-menu-collapse-active-background-color: var(--tool-menu-item-active-background-color);
  --tool-menu-collapse-active-shadow: var(--elevation-5dp);
  --tool-menu-collapse-min-text-color: var(--tool-menu-collapse-text-color);
  --tool-menu-collapse-min-background-color: var(--tool-menu-collapse-background-color);
  --tool-menu-collapse-min-shadow: var(--tool-menu-collapse-shadow);
  --tool-menu-collapse-min-hover-text-color: var(--tool-menu-collapse-hover-text-color);
  --tool-menu-collapse-min-hover-background-color: var(--tool-menu-collapse-hover-background-color);
  --tool-menu-collapse-min-hover-shadow: var(--tool-menu-collapse-hover-shadow);
  --tool-menu-collapse-min-active-text-color: var(--tool-menu-collapse-active-text-color);
  --tool-menu-collapse-min-active-background-color: var(--tool-menu-collapse-active-background-color);
  --tool-menu-collapse-min-active-shadow: var(--tool-menu-collapse-active-shadow);
  --tool-sub-menu-border-color: var(--sakai-border-color);
  --tool-sub-menu-background-color: var(--tool-menu-item-background-color);
  --tool-sub-menu-hover-color: var(--tool-menu-item-hover-text-color);
  --tool-sub-menu-hover-background-color: var(--tool-menu-item-hover-background-color);
  --tool-sub-menu-current-color: var(--tool-menu-item-selected-text-color);
  --tool-sub-menu-current-background-color: var(--tool-menu-item-selected-background-color);
  --tool-sub-menu-current-hover-color: var(--tool-menu-item-selected-hover-text-color);
  --tool-sub-menu-current-hover-background-color: var(--tool-menu-item-selected-hover-background-color);
  --tool-lessons-toplevel-menu-selected-background-color: var(--tool-menu-item-background-color);
  --tool-lessons-toplevel-menu-expanded-background-color: var(--tool-menu-item-background-color);
  --tool-lessons-toplevel-menu-expanded-hover-background-color: var(--tool-menu-item-hover-background-color);
  --tool-lessons-toplevel-menu-expanded-selected-background-color: var(--tool-menu-item-selected-background-color);
  --tool-lessons-toplevel-menu-expanded-selected-color: var(--tool-menu-item-selected-color);
  --tool-lessons-toplevel-menu-sliding-background-color: var(--tool-menu-item-background-color);
  --tool-lessons-subpage-menu-selected-background-color: var(--tool-menu-item-selected-background-color);
  --tool-lessons-subpage-menu-selected-parent-background-color: var(--tool-menu-item-background-color);
  --tool-lessons-subpage-menu-expanded-background-color: var(--tool-menu-item-background-color);
  --lessons-item-border-top-color: var(--sites-nav-menu-item-background);
  --lessons-column-border-color: var(--sakai-border-color);
  --lessons-item-hover-background: var(--sakai-background-color-2);
  --lessons-item-hover-shadow: var(--elevation-4dp);
  --siteUnpublish-background: var(--warnBanner-bgcolor);
  --siteUnpublish-color: var(--warnBanner-color);
  --siteUnpublish-border-color: var(--warnBanner-bordercolor);
  --siteDelete-background: var(--infoBanner-bgcolor);
  --siteDelete-color: var(--infoBanner-color);
  --siteDelete-border-color: var(--infoBanner-bordercolor);
  --footer-background-color: var(--sakai-background-color-1);
  --footer-border-color: var(--tool-border-color);
  --footer-color: var(--sakai-text-color-1);
  --footer-link-separator: var(--sakai-border-color);
  --divider-shadow: var(--elevation-2dp);
  --divider-shadow-fixed: 0 1px 0 var(--tool-border-color);
  --overview-portlet-shadow: var(--elevation-2dp);
  --overview-portlet-title-background-color: var(--tool-tab-background-color);
  --focus-outline-color: var(--sakai-color-blue--lighter-3);
  --sakai-dashboard-widget-bg-color: var(--sakai-background-color-1);
  --sakai-dashboard-widget-border-color: var(--sakai-border-color);
  --sakai-title-bar-bg-color: var(--sakai-background-color-2);
  --sakai-close-icon-color: var(--errorBanner-color);
  --sakai-table-even-color: var(--sakai-background-color-2);
  --sakai-separator-color: var(--sakai-border-color);
  --sakai-calendar-button-background-color: #FFFFFF;
  --sakai-calendar-button-color: var(--button-text-color);
  --sakai-calendar-button-disabled-color: var(--button-disabled-text-color);
  --sakai-calendar-button-disabled-bg-color: var(--button-disabled-background);
  --sakai-calendar-today-bg-color: var(--sakai-color-blue);
  --sakai-calendar-today-color: var(--sakai-text-color-inverted);
  --sakai-calendar-has-events-bg-color: var(--sakai-color-green--darker-4);
  --sakai-calendar-has-events-fg-color: var(--sakai-text-color-inverted);
  --sakai-grades-count-color: var(--sakai-text-color-dimmed);
  --jumbotron-bg: var(--sakai-color-gray--lighter-6);
  --jumbotron-color: var(--sakai-text-color-1);
  --sakai-options-menu-background-color: #D4EBF9;
  --sakai-options-menu-color: black;
  --sakai-user-status-online: var(--sakai-color-green--lighter-2);
  --sakai-popover-background: var(--sakai-background-color-1);
  --sakai-popover-title-background: var(--sakai-background-color-1);
  --sakai-highlight-color: var(--errorBanner-color);
  --timer-bar-full-bg: var(--sakai-color-green);
  --timer-bar-medium-bg: var(--sakai-color-orange);
  --timer-bar-low-bg: var(--sakai-color-red--lighter-1);
  --progress-bar-bg: var(--sakai-color-blue--lighter-6);
  --progress-bar-empty-bg: transparent;
  --sakai-modal-header-bg: var(--sakai-brand);
  --sakai-modal-header-color: #fff;
  --sakai-modal-close-btn-bg: #fff;
  --sakai-modal-content-bg: var(--sakai-background-color-2);
  --sakai-offcanvas-header-bg: var(--sakai-brand);
  --sakai-offcanvas-header-color: #fff;
  --sakai-offcanvas-close-btn-bg: #000;
  --sakai-pin-color: var(--sakai-text-color-2);
  --sakai-pin-hover-color: black;
  --sakai-current-site: transparent;
  --sakai-current-site-color: var(--sakai-text-color-2);
  --sakai-curent-site-border-color: var(--sakai-brand);
  --sakai-selected-page-bg-color: var(--sakai-brand);
  --sakai-selected-page-color: var(--sakai-text-color-inverted);
  --sticky-foooter-color: var(--sakai-brand--lighter-6);
  --sticky-foooter-color-hover: var(--sakai-brand--lighter-6);
  --sticky-footer-bg: var(--site-nav-bg);
  --sakai-thumbnail-background-color: var(--sakai-background-color-1);
  --sakai-thumbnail-border-color: var(--sakai-border-color);
  --sakai-scrollbar-background-color: var(--sakai-border-color);
  --sakai-scrollbar-thumb-color: var(--sakai-brand);
  --sakai-scrollbar-thumb-hover-color: var(--sakai-brand--lighter-3);
}
:root .sakai-colorize--sakai-brand--lighter-7 {
  color: rgb(4.284, 21.0154, 31.416);
  background-color: rgb(231.03, 237.0055, 240.72);
}
:root .sakai-colorize--sakai-brand--lighter-6 {
  color: rgb(4.284, 21.0154, 31.416);
  background-color: rgb(198.6705, 212.712925, 221.442);
}
:root .sakai-colorize--sakai-brand--lighter-5 {
  color: rgb(4.284, 21.0154, 31.416);
  background-color: rgb(166.311, 188.42035, 202.164);
}
:root .sakai-colorize--sakai-brand--lighter-4 {
  color: rgb(4.284, 21.0154, 31.416);
  background-color: rgb(133.9515, 164.127775, 182.886);
}
:root .sakai-colorize--sakai-brand--lighter-3 {
  color: rgb(4.284, 21.0154, 31.416);
  background-color: rgb(101.592, 139.8352, 163.608);
}
:root .sakai-colorize--sakai-brand--lighter-2 {
  color: #fff;
  background-color: rgb(69.2325, 115.542625, 144.33);
}
:root .sakai-colorize--sakai-brand--lighter-1 {
  color: #fff;
  background-color: rgb(36.873, 91.25005, 125.052);
}
:root .sakai-colorize--sakai-brand {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: hsl(203, 76%, 25%);
}
:root .sakai-colorize--sakai-brand--darker-1 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(13.923, 68.30005, 102.102);
}
:root .sakai-colorize--sakai-brand--darker-2 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(11.8575, 58.167625, 86.955);
}
:root .sakai-colorize--sakai-brand--darker-3 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(9.792, 48.0352, 71.808);
}
:root .sakai-colorize--sakai-brand--darker-4 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(7.7265, 37.902775, 56.661);
}
:root .sakai-colorize--sakai-brand--darker-5 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(5.661, 27.77035, 41.514);
}
:root .sakai-colorize--sakai-brand--darker-6 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(3.5955, 17.637925, 26.367);
}
:root .sakai-colorize--sakai-brand--darker-7 {
  color: rgb(187.884, 204.6154, 215.016);
  background-color: rgb(1.53, 7.5055, 11.22);
}
:root .logo-light {
  display: block;
}
:root .logo-dark {
  display: none;
}

/* Dark Theme */
/* Global namespace */
/* The standard spacing for items in Sakai */
/* Typography*/
/* Tool tabs */
/* General button design */
/* end of General button design */
/* Sakai Banners */
/* end of Sakai Banners */
/* Swapped 'View As' view */
/* Favorites */
/* Favorites - item */
/* Favorites - item hovered */
/* Favorites - item selected */
/* Favorites - item selected and hovered */
/* Favorites - tool submenu */
/* Favorites - tool submenu items */
/* All Sites menu */
/* Tool Menu */
/* Wide tool menu, icons on left */
/* Narrow tool menu, icons centered */
/* Tool Menu */
/* Tool menu - lessons subpage menu enabled - top level pages */
/* Tool menu - lessons subpage menu enabled - sub pages */
/* Lessons tool */
/* Navigation Hierarchy */
/* Golden Ratio width for 16px font http://www.pearsonified.com/typography/ */
/* Tool icons */
/* Unpublished Banner */
/* Site Deletion Banner */
/* Icon Overrides */
/* Footer */
/* focus styles for all control elements (e.g. buttons, form controls, links, etc) */
@media (max-width: 767px) {
  :root {
    --portal-header-height: 5.5rem;
  }
}
@media (min-width: 768px) {
  :root {
    --portal-header-height: 4.5rem;
  }
}
:root {
  font-size: 14px;
  --default-font-size: 14px;
  --portal-nav-sidebar-width: 22rem;
  --select-background-image-url: url(/library/skin/default-skin//images/icon-arrow-down.png);
  --sakai-course-card-border-radius: 4px;
  --sakai-title-bar-font-weight: 400;
  --sakai-font-family: Open Sans, sans-serif;
}

:root.sakaiUserTheme-dark {
  --sakai-greyblue--lighter-7: rgb(242.7192, 243.85956, 245.3508);
  --sakai-greyblue--lighter-6: rgb(226.14012, 228.819966, 232.32438);
  --sakai-greyblue--lighter-5: rgb(209.56104, 213.780372, 219.29796);
  --sakai-greyblue--lighter-4: rgb(192.98196, 198.740778, 206.27154);
  --sakai-greyblue--lighter-3: rgb(176.40288, 183.701184, 193.24512);
  --sakai-greyblue--lighter-2: rgb(159.8238, 168.66159, 180.2187);
  --sakai-greyblue--lighter-1: rgb(143.24472, 153.621996, 167.19228);
  --sakai-greyblue: hsl(214, 12%, 57%);
  --sakai-greyblue--darker-1: rgb(120.29472, 130.671996, 144.24228);
  --sakai-greyblue--darker-2: rgb(102.4488, 111.28659, 122.8437);
  --sakai-greyblue--darker-3: rgb(84.60288, 91.901184, 101.44512);
  --sakai-greyblue--darker-4: rgb(66.75696, 72.515778, 80.04654);
  --sakai-greyblue--darker-5: rgb(48.91104, 53.130372, 58.64796);
  --sakai-greyblue--darker-6: rgb(31.06512, 33.744966, 37.24938);
  --sakai-greyblue--darker-7: rgb(13.2192, 14.35956, 15.8508);
  --logo: url(./images/sakaiLogo.png);
  --logo-opacity: .7;
  --sakai-primary-color-1: var(--sakai-brand);
  --sakai-primary-color-2: var(--sakai-brand--lighter-1);
  --sakai-primary-color-3: var(--sakai-brand--lighter-2);
  --sakai-active-color-1: var(--sakai-brand--darker-1);
  --sakai-active-color-2: var(--sakai-brand);
  --sakai-active-color-3: var(--sakai-brand--lighter-1);
  --sakai-passive-color-1: var(--sakai-greyblue--darker-5);
  --sakai-passive-color-2: var(--sakai-greyblue--darker-4);
  --sakai-passive-color-3: var(--sakai-greyblue--darker-3);
  --sakai-background-color-1: var(--sakai-greyblue--darker-6);
  --sakai-background-color-2: var(--sakai-greyblue--darker-5);
  --sakai-background-color-3: var(--sakai-greyblue--darker-4);
  --sakai-background-color-4: var(--sakai-greyblue--darker-3);
  --sakai-background-color-5: var(--sakai-greyblue--darker-2);
  --sakai-background-color-6: var(--sakai-greyblue--darker-1);
  --sakai-background-color-7: var(--sakai-greyblue);
  --sakai-secondary-color-1: var(--sakai-color-blue--lighter-2);
  --sakai-tertiary-color-1: var(--sakai-color-orange--lighter-2);
  --sakai-border-color: var(--sakai-color-gray--darker-4);
  --sakai-border-color-modal: var(--sakai-color-gray--lighter-6);
  --sakai-text-color-1: var(--sakai-color-gray--lighter-5);
  --sakai-text-color-2: var(--sakai-color-gray--lighter-6);
  --sakai-text-color-3: var(--sakai-brand--lighter-6);
  --sakai-text-color-dimmed: var(--sakai-color-gray--lighter-4);
  --sakai-text-color-disabled: var(--sakai-color-gray--lighter-2);
  --sakai-text-color-inverted: var(--sakai-color-gray--lighter-6);
  --sakai-image-invert: grayscale(100%) invert(100%);
  --breadcrumbs-tool-color: var(--sakai-text-color-color-3);
  --breadcrumbs-hover-color: var(--sakai-primary-color-3);
  --link-color: var(--sakai-text-color-3);
  --link-active-color: var(--sakai-text-color-2);
  --link-hover-color: var(--sakai-text-color-2);
  --link-visited-color: var(--sakai-color-purple--lighter-2);
  --radio-button-background: var(--sakai-text-color-1);
  --checkbox-background: var(--sakai-primary-color-1);
  --infoBanner-bordercolor: var(--sakai-color-blue--darker-4);
  --infoBanner-bgcolor: var(--sakai-color-blue--darker-6);
  --infoBanner-color: var(--sakai-color-blue--lighter-4);
  --successBanner-bordercolor: var(--sakai-color-green--darker-4);
  --successBanner-bgcolor: var(--sakai-color-green--darker-6);
  --successBanner-color: var(--sakai-color-green--lighter-4);
  --warnBanner-bordercolor: var(--sakai-color-gold--darker-4);
  --warnBanner-bgcolor: var(--sakai-color-gold--darker-6);
  --warnBanner-color: var(--sakai-color-gold--lighter-4);
  --errorBanner-bordercolor: var(--sakai-color-red--darker-4);
  --errorBanner-bgcolor: var(--sakai-color-red--darker-6);
  --errorBanner-color: var(--sakai-color-red--lighter-4);
  --timer-bar-full-bg: var(--sakai-color-green--darker-2);
  --timer-bar-medium-bg: var(--sakai-color-orange--darker-1);
  --progress-bar-bg: var(--sakai-color-blue--darker-5);
  --progress-bar-empty-bg: var(--sakai-primary-color-1);
  --footer-PoweredBy-bg: var(--sakai-color-gray--darker-1);
  --sakai-highlight-color: var(--sakai-color-red--lighter-4);
  --site-nav-btn-current-hover-color: var(--site-nav-btn-active-color);
  --site-nav-btn-hover-bg: var(--sakai-brand);
  --site-nav-btn-page-hover-border: var(--sakai-brand--lighter-2);
  --sakai-calendar-button-background-color: var(--sakai-background-color);
  --sakai-calendar-button-color: var(--button-text-color);
  --sakai-calendar-button-disabled-background-color: var(--button-disabled-background);
  --sakai-calendar-today-background-color: yellow;
  --sakai-calendar-today-color: black;
  --sakai-calendar-has-events-color: white;
  --sakai-calendar-has-events-background-color: green;
  --jumbotron-bg: var(--sakai-color-blue--darker-5);
  --jumbotron-color: var(--sakai-text-color-1);
  --sakai-curent-site-border-color: var(--sakai-brand--lighter-3);
  --sakai-thumbnail-background-color: var(--sakai-background-color-2);
  --sakai-modal-header-bg: var(--sakai-background-color-3);
  --sakai-modal-header-color: var(--sakai-text-color-1);
  --sakai-modal-close-btn-bg: var(--sakai-text-color-1);
  --sakai-offcanvas-header-bg: var(--sakai-background-color-3);
  --sakai-offcanvas-header-color: var(--sakai-text-color-1);
  --sakai-offcanvas-close-btn-bg: var(--sakai-background-color-1);
  --sakai-selected-page-bg-color: var(--sakai-brand);
  --sakai-scrollbar-thumb-color: var(--sakai-brand--lighter-7);
  --select-background-image-url: url(/library/skin/default-skin//images/icon-arrow-down-dark.png);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-7 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(242.7192, 243.85956, 245.3508);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-6 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(226.14012, 228.819966, 232.32438);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-5 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(209.56104, 213.780372, 219.29796);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-4 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(192.98196, 198.740778, 206.27154);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-3 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(176.40288, 183.701184, 193.24512);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-2 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(159.8238, 168.66159, 180.2187);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--lighter-1 {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: rgb(143.24472, 153.621996, 167.19228);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue {
  color: rgb(37.01376, 40.206768, 44.38224);
  background-color: hsl(214, 12%, 57%);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-1 {
  color: #000;
  background-color: rgb(120.29472, 130.671996, 144.24228);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-2 {
  color: #fff;
  background-color: rgb(102.4488, 111.28659, 122.8437);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-3 {
  color: rgb(220.61376, 223.806768, 227.98224);
  background-color: rgb(84.60288, 91.901184, 101.44512);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-4 {
  color: rgb(220.61376, 223.806768, 227.98224);
  background-color: rgb(66.75696, 72.515778, 80.04654);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-5 {
  color: rgb(220.61376, 223.806768, 227.98224);
  background-color: rgb(48.91104, 53.130372, 58.64796);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-6 {
  color: rgb(220.61376, 223.806768, 227.98224);
  background-color: rgb(31.06512, 33.744966, 37.24938);
}
:root.sakaiUserTheme-dark .sakai-colorize--sakai-greyblue--darker-7 {
  color: rgb(220.61376, 223.806768, 227.98224);
  background-color: rgb(13.2192, 14.35956, 15.8508);
}
:root.sakaiUserTheme-dark .logo-light {
  display: none;
}
:root.sakaiUserTheme-dark .logo-dark {
  display: block;
}
:root.sakaiUserTheme-dark .accordion-button::after {
  filter: invert(100%);
}
:root.sakaiUserTheme-dark .w_content .btn {
  color: white;
}
:root.sakaiUserTheme-dark .table {
  --bs-table-color: var(--sakai-text-color-1);
  --bs-table-striped-color: var(--sakai-text-color-1);
  --bs-table-striped-bg: var(--sakai-background-color-2);
  --bs-table-hover-color: var(--sakai-text-color-1);
}
:root.sakaiUserTheme-dark .btn {
  --bs-btn-color: white;
}
:root.sakaiUserTheme-dark input {
  color-scheme: dark;
}
:root.sakaiUserTheme-dark input.form-control, :root.sakaiUserTheme-dark textarea.form-control, :root.sakaiUserTheme-dark select.form-control {
  background-color: var(--sakai-background-color-2);
  color: var(--sakai-text-color-1);
}
:root.sakaiUserTheme-dark input.form-control:focus, :root.sakaiUserTheme-dark input.form-control:active, :root.sakaiUserTheme-dark input.form-control:-webkit-autofill, :root.sakaiUserTheme-dark textarea.form-control:focus, :root.sakaiUserTheme-dark textarea.form-control:active, :root.sakaiUserTheme-dark textarea.form-control:-webkit-autofill, :root.sakaiUserTheme-dark select.form-control:focus, :root.sakaiUserTheme-dark select.form-control:active, :root.sakaiUserTheme-dark select.form-control:-webkit-autofill {
  background-color: var(--sakai-background-color-3);
  color: var(--sakai-text-color-2);
}
:root.sakaiUserTheme-dark input.form-control:-webkit-autofill,
:root.sakaiUserTheme-dark input.form-control:-webkit-autofill:hover,
:root.sakaiUserTheme-dark input.form-control:-webkit-autofill:focus,
:root.sakaiUserTheme-dark input.form-control:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
  --webkit-text-fill-color: var(--sakai-text-color-1) !important;
  background-color: var(--sakai-background-color-2) !important;
}
:root.sakaiUserTheme-dark .dropdown-menu {
  --bs-dropdown-bg: var(--sakai-background-color-3);
  --bs-dropdown-color: var(--sakai-text-color-1);
  --bs-dropdown-header-color: var(--sakai-text-color-2);
  --bs-dropdown-divider-bg: white;
}
:root.sakaiUserTheme-dark .dropdown-item {
  --bs-dropdown-link-color: var(--sakai-text-color-1);
}
:root.sakaiUserTheme-dark .card {
  --bs-card-bg: var(--sakai-background-color-3);
}
:root.sakaiUserTheme-dark .nav-tabs {
  --bs-nav-tabs-link-active-bg: var(--sakai-background-color-3);
  --bs-nav-tabs-link-active-color: var(--sakai-text-color-1);
}
:root.sakaiUserTheme-dark .nav-link {
  --bs-nav-link-color: white;
  --bs-nav-link-hover-color: white;
}
:root.sakaiUserTheme-dark .list-group {
  --bs-list-group-bg: var(--sakai-background-color-3);
  --bs-list-group-color: var(--sakai-text-color-1);
  --bs-list-group-action-color: var(--sakai-text-color-2);
}
:root.sakaiUserTheme-dark .popover {
  --bs-popover-header-bg: var(--sakai-background-color-3);
  --bs-popover-bg: var(--sakai-background-color-2);
}
:root.sakaiUserTheme-dark .paginate_button {
  --bs-pagination-disabled-bg: var(--sakai-passive-color-1);
  --bs-pagination-bg: var(--sakai-background-color-2);
  --bs-pagination-color: var(--link-color);
  --bs-pagination-hover-color: var(--sakai-text-color-1);
  --bs-pagination-hover-bg: var(--sakai-active-color-2);
}
:root.sakaiUserTheme-dark .poweredby__image {
  filter: invert(1);
}

/*# sourceMappingURL=properties.css.map */