.rgba-mdb-color-slight {
  background-color: rgba(69, 82, 110, 0.1); }

.rgba-mdb-color-light {
  background-color: rgba(69, 82, 110, 0.3); }

.rgba-mdb-color-strong {
  background-color: rgba(69, 82, 110, 0.7); }

.mdb-color.darken-1 {
  background-color: #3b465e !important; }

.mdb-color.darken-2 {
  background-color: #2e3951 !important; }

.mdb-color.darken-3 {
  background-color: #1c2a48 !important; }

.mdb-color.darken-4 {
  background-color: #1c2331 !important; }

.red.lighten-5 {
  background-color: #ffebee !important; }

.red.lighten-4 {
  background-color: #ffcdd2 !important; }

.red.lighten-3 {
  background-color: #ef9a9a !important; }

.red.lighten-2 {
  background-color: #e57373 !important; }

.red.lighten-1 {
  background-color: #ef5350 !important; }

.red {
  background-color: #f44336 !important; }

.red-text {
  color: #f44336 !important; }

.rgba-red-slight {
  background-color: rgba(244, 67, 54, 0.1); }

.rgba-red-light {
  background-color: rgba(244, 67, 54, 0.3); }

.rgba-red-strong {
  background-color: rgba(244, 67, 54, 0.7); }

.red.darken-1 {
  background-color: #e53935 !important; }

.red.darken-2 {
  background-color: #d32f2f !important; }

.red.darken-3 {
  background-color: #c62828 !important; }

.red.darken-4 {
  background-color: #b71c1c !important; }

.red.accent-1 {
  background-color: #ff8a80 !important; }

.red.accent-2 {
  background-color: #ff5252 !important; }

.red.accent-3 {
  background-color: #ff1744 !important; }

.red.accent-4 {
  background-color: #d50000 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.rgba-pink-slight {
  background-color: rgba(233, 30, 99, 0.1); }

.rgba-pink-light {
  background-color: rgba(233, 30, 99, 0.3); }

.rgba-pink-strong {
  background-color: rgba(233, 30, 99, 0.7); }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.rgba-purple-slight {
  background-color: rgba(156, 39, 176, 0.1); }

.rgba-purple-light {
  background-color: rgba(156, 39, 176, 0.3); }

.rgba-purple-strong {
  background-color: rgba(156, 39, 176, 0.7); }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.rgba-deep-purple-slight {
  background-color: rgba(103, 58, 183, 0.1); }

.rgba-deep-purple-light {
  background-color: rgba(103, 58, 183, 0.3); }

.rgba-deep-purple-strong {
  background-color: rgba(103, 58, 183, 0.7); }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.rgba-indigo-slight {
  background-color: rgba(63, 81, 181, 0.1); }

.rgba-indigo-light {
  background-color: rgba(63, 81, 181, 0.3); }

.rgba-indigo-strong {
  background-color: rgba(63, 81, 181, 0.7); }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.blue.lighten-5 {
  background-color: #e3f2fd !important; }

.blue.lighten-4 {
  background-color: #bbdefb !important; }

.blue.lighten-3 {
  background-color: #90caf9 !important; }

.blue.lighten-2 {
  background-color: #64b5f6 !important; }

.blue.lighten-1 {
  background-color: #42a5f5 !important; }

.blue {
  background-color: #2196f3 !important; }

.blue-text {
  color: #2196f3 !important; }

.rgba-blue-slight {
  background-color: rgba(33, 150, 243, 0.1); }

.rgba-blue-light {
  background-color: rgba(33, 150, 243, 0.3); }

.rgba-blue-strong {
  background-color: rgba(33, 150, 243, 0.7); }

.blue.darken-1 {
  background-color: #1e88e5 !important; }

.blue.darken-2 {
  background-color: #1976d2 !important; }

.blue.darken-3 {
  background-color: #1565c0 !important; }

.blue.darken-4 {
  background-color: #0d47a1 !important; }

.blue.accent-1 {
  background-color: #82b1ff !important; }

.blue.accent-2 {
  background-color: #448aff !important; }

.blue.accent-3 {
  background-color: #2979ff !important; }

.blue.accent-4 {
  background-color: #2962ff !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.rgba-light-blue-slight {
  background-color: rgba(3, 169, 244, 0.1); }

.rgba-light-blue-light {
  background-color: rgba(3, 169, 244, 0.3); }

.rgba-light-blue-strong {
  background-color: rgba(3, 169, 244, 0.7); }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.rgba-cyan-slight {
  background-color: rgba(0, 188, 212, 0.1); }

.rgba-cyan-light {
  background-color: rgba(0, 188, 212, 0.3); }

.rgba-cyan-strong {
  background-color: rgba(0, 188, 212, 0.7); }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.rgba-teal-slight {
  background-color: rgba(0, 150, 136, 0.1); }

.rgba-teal-light {
  background-color: rgba(0, 150, 136, 0.3); }

.rgba-teal-strong {
  background-color: rgba(0, 150, 136, 0.7); }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.green.lighten-5 {
  background-color: #e8f5e9 !important; }

.green.lighten-4 {
  background-color: #c8e6c9 !important; }

.green.lighten-3 {
  background-color: #a5d6a7 !important; }

.green.lighten-2 {
  background-color: #81c784 !important; }

.green.lighten-1 {
  background-color: #66bb6a !important; }

.green {
  background-color: #4caf50 !important; }

.green-text {
  color: #4caf50 !important; }

.rgba-green-slight {
  background-color: rgba(76, 175, 80, 0.1); }

.rgba-green-light {
  background-color: rgba(76, 175, 80, 0.3); }

.rgba-green-strong {
  background-color: rgba(76, 175, 80, 0.7); }

.green.darken-1 {
  background-color: #43a047 !important; }

.green.darken-2 {
  background-color: #388e3c !important; }

.green.darken-3 {
  background-color: #2e7d32 !important; }

.green.darken-4 {
  background-color: #1b5e20 !important; }

.green.accent-1 {
  background-color: #b9f6ca !important; }

.green.accent-2 {
  background-color: #69f0ae !important; }

.green.accent-3 {
  background-color: #00e676 !important; }

.green.accent-4 {
  background-color: #00c853 !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.rgba-light-green-slight {
  background-color: rgba(139, 195, 74, 0.1); }

.rgba-light-green-light {
  background-color: rgba(139, 195, 74, 0.3); }

.rgba-light-green-strong {
  background-color: rgba(139, 195, 74, 0.7); }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.rgba-lime-slight {
  background-color: rgba(205, 220, 57, 0.1); }

.rgba-lime-light {
  background-color: rgba(205, 220, 57, 0.3); }

.rgba-lime-strong {
  background-color: rgba(205, 220, 57, 0.7); }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.rgba-yellow-slight {
  background-color: rgba(255, 235, 59, 0.1); }

.rgba-yellow-light {
  background-color: rgba(255, 235, 59, 0.3); }

.rgba-yellow-strong {
  background-color: rgba(255, 235, 59, 0.7); }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.rgba-amber-slight {
  background-color: rgba(255, 193, 7, 0.1); }

.rgba-amber-light {
  background-color: rgba(255, 193, 7, 0.3); }

.rgba-amber-strong {
  background-color: rgba(255, 193, 7, 0.7); }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.rgba-orange-slight {
  background-color: rgba(255, 152, 0, 0.1); }

.rgba-orange-light {
  background-color: rgba(255, 152, 0, 0.3); }

.rgba-orange-strong {
  background-color: rgba(255, 152, 0, 0.7); }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.rgba-deep-orange-slight {
  background-color: rgba(255, 87, 34, 0.1); }

.rgba-deep-orange-light {
  background-color: rgba(255, 87, 34, 0.3); }

.rgba-deep-orange-strong {
  background-color: rgba(255, 87, 34, 0.7); }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.rgba-brown-slight {
  background-color: rgba(121, 85, 72, 0.1); }

.rgba-brown-light {
  background-color: rgba(121, 85, 72, 0.3); }

.rgba-brown-strong {
  background-color: rgba(121, 85, 72, 0.7); }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.rgba-blue-grey-slight {
  background-color: rgba(96, 125, 139, 0.1); }

.rgba-blue-grey-light {
  background-color: rgba(96, 125, 139, 0.3); }

.rgba-blue-grey-strong {
  background-color: rgba(96, 125, 139, 0.7); }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.rgba-grey-slight {
  background-color: rgba(158, 158, 158, 0.1); }

.rgba-grey-light {
  background-color: rgba(158, 158, 158, 0.3); }

.rgba-grey-strong {
  background-color: rgba(158, 158, 158, 0.7); }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.rgba-black-slight {
  background-color: rgba(0, 0, 0, 0.1); }

.rgba-black-light {
  background-color: rgba(0, 0, 0, 0.3); }

.rgba-black-strong {
  background-color: rgba(0, 0, 0, 0.7); }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.rgba-white-slight {
  background-color: rgba(255, 255, 255, 0.1); }

.rgba-white-light {
  background-color: rgba(255, 255, 255, 0.3); }

.rgba-white-strong {
  background-color: rgba(255, 255, 255, 0.7); }

.rgba-stylish-slight {
  background-color: rgba(62, 69, 81, 0.1); }

.rgba-stylish-light {
  background-color: rgba(62, 69, 81, 0.3); }

.rgba-stylish-strong {
  background-color: rgba(62, 69, 81, 0.7); }

.dark-grey-text, .card .card-body .card-text {
  color: #4f4f4f; }

.primary-color {
  background-color: #4285f4 !important; }

.primary-color-dark {
  background-color: #0d47a1 !important; }

.secondary-color {
  background-color: #aa66cc !important; }

.secondary-color-dark {
  background-color: #9933cc !important; }

.default-color {
  background-color: #2bbbad !important; }

.default-color-dark {
  background-color: #00695c !important; }

.info-color {
  background-color: #33b5e5 !important; }

.info-color-dark {
  background-color: #0099cc !important; }

.success-color {
  background-color: #00c851 !important; }

.success-color-dark {
  background-color: #007e33 !important; }

.warning-color {
  background-color: #ffbb33 !important; }

.warning-color-dark {
  background-color: #ff8800 !important; }

.danger-color {
  background-color: #ff3547 !important; }

.danger-color-dark {
  background-color: #cc0000 !important; }

.elegant-color {
  background-color: #2e2e2e !important; }

.elegant-color-dark {
  background-color: #212121 !important; }

.stylish-color {
  background-color: #4b515d !important; }

.stylish-color-dark {
  background-color: #3e4551 !important; }

.unique-color {
  background-color: #3f729b !important; }

.unique-color-dark {
  background-color: #1c2331 !important; }

.special-color {
  background-color: #37474f !important; }

.special-color-dark {
  background-color: #263238 !important; }

.curriqunet-text-blue {
  color: #3babe9 !important;
}

.curriqunet-text-orange {
  color: #f58a01 !important; 
}

.curriqunet-bg-orange {
  background-color: #f58a01 !important;
}

.curriqunet-color-logo-orange {
  background-color: #e5683f !important;
}

.curriqunet-color-logo-blue {
  background-color: #2277a0 !important;
}

.iq-palette {
	height: 100%;
	width: 100%;
}

	.iq-palette .iq-header, .iq-properties .iq-header {
		background: #f8f9fa;
		border-bottom: 1px solid #dee2e6;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 1rem;
		box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
	}

		.iq-palette .iq-header .btn-close {
			padding: 0.5rem 0.5rem;
			margin-top: -0.5rem;
			margin-right: -0.5rem;
			margin-bottom: -0.5rem;
		}

.iq-main-nav {
	background-color: var(--theme-light);
}

	.iq-main-nav .nav-item a {
		color: var(--theme-dark);
	}

.iq-utility-nav {
	background-color: var(--theme-light);
}

	.iq-utility-nav .nav-item.user-menu a {
		color: var(--theme-dark);
	}
#leftsidebar .header {
	background: #CCC;
	border-bottom: solid #2277a0;
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226;
}

.sidebar-menu, .sidebar-menu > li.header {
	white-space: nowrap;
}

	.sidebar-menu > li {
		position: relative;
		margin: 0;
	}

		.sidebar-menu > li.alert {
			border-radius: 0;
			margin: 8px;
		}

	.sidebar-menu a {
		color: var(--sidenav-item-fg-color);
		font-size: var(--sidebar-font-size);
	}

		.sidebar-menu a > .dropdown-menu > a {
			color: inherit;
		}

	.sidebar-menu li > a {
		position: relative;
		-moz-transition-duration: 0.15s;
		-o-transition-duration: 0.15s;
		-webkit-transition-duration: 0.15s;
		transition-duration: 0.15s;
	}

	.sidebar-menu > li:hover a {
		color: var(--sidenav-item-hover-fg-color);
	}

	.sidebar-menu > li.active a {
		color: var(--sidenav-item-active-fg-color);
	}

	.sidebar-menu > li .nav-link {
	padding: 0;
}

.sidebar-menu > li .edit-controls > .dropdown-toggle::after {
	display:none;
}

.sidebar-menu > li > .edit-controls .dropdown-menu > .dropdown-item {
	font-size: small;
}

.sidebar-menu > li > .link-wrapper > a {
	padding: var(--list-item-density) 0.5rem var(--list-item-density) 1.0rem;
	display: block;
	border-left: 3px solid transparent;
}

.sidebar-menu > li.header > .link-wrapper > a {
	padding: 0.5rem;
}

.sidebar-menu > li:hover, .sidebar-menu > li.active > .link-wrapper, .sidebar-menu > li.menu-open {
	color: var(--sidenav-item-active-fg-color);
	background: var(--sidenav-item-active-bg-color);
	-moz-transition: 0.15s all;
	-o-transition: 0.15s all;
	-webkit-transition: 0.15s all;
	transition: 0.15s all;
}

.sidebar-menu a:hover {
	text-decoration: none;
}

/*	.sidebar-menu > li.active > .link-wrapper::after {
		box-shadow: 0 0 3px 3px #1D769F;
		content: "";
		position: absolute;
		left: 0;
		top: 6px;
		bottom: 6px;
		border-radius: 2px;
		background-color: #1D769F;
		-moz-transition: all linear 0.5s;
		-o-transition: all linear 0.5s;
		-webkit-transition: all linear 0.5s;
		transition: all linear 0.5s;
	}
*/
.sidebarmenu-sort-placeholder {
	background-color: rgba(255, 255, 255, 0.1);
}

/* Sub-menu Styles */
.sidebar-menu > li > .sidebar-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #2c3b41;
}
/*.sidebar-menu > li > .link-wrapper > a {
	padding: 0.5rem 0.5rem 0.5rem 1.0rem;
	display: block;
}*/

.sidebar-menu > li > .sidebar-menu > li > .link-wrapper > a {
	padding: 0.3rem 0.3rem 0.3rem 1.5rem;
	color: #8aa4af;
	display: block;
	font-size: 14px;
}

/*.tree-menu {
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}

.sidebar-menu > li > .tree-menu {
	margin: 0 1px;
	background: #2c3b41;
}

.tree-menu > li {
	margin: 0;
}

.sidebar-menu .tree-menu > li > a {
	color: #8aa4af;
}

.tree-menu > li > a {
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 14px;
}

.tree-menu-badge {
	float: right;
	margin: 5px 15px 5px 0;
}

.tree-menu > li > a:hover {
	color: #fff;
}*/


.sidebar-menu > li > a.collapsed.dropdown-toggle::after {
	position: absolute;
	top: 22px;
	right: 0;
	margin-right: .5rem;
	border-right: 0;
	border-left: 0.3em solid;
	border-top: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-moz-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
}

.sidebar-menu > li > a.dropdown-toggle::after {
	position: absolute;
	top: 22px;
	right: 0;
	margin-right: 0.5rem;
	border-top: 0.3em solid transparent;
	border-left: 0.3em solid;
	border-bottom: 0.3em solid transparent;
	border-right: 0;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
}

.sidebar-menu > li > .link-wrapper > .edit-controls {
	z-index: 10000;
	border-radius: 0;
	right: 5px;
	bottom: -15px;
	visibility: hidden;
}

.sidebar-menu > li:hover > .link-wrapper > .edit-controls  {
	visibility: visible;
}

.sidebar-menu > li > a > .add-item:hover > .add-item-btn {
	background-color: RGBA(0,122,255,1.0);
}

.add-item-btn {
	border-radius: 15px;
	background-color: RGBA(0, 0, 0, 0.4);
	height: 30px;
	width: 30px;
	padding: 0;
}

.add-item-btn > .fa-plus {
	left: 26%;
	top: 24%;
	color: white;
}

.sidebar-menu > li > .link-wrapper > .edit-field {
	position: absolute;
	width: 100%;
	z-index: 10000;
}

.drag-handle {
	cursor: grab;
}

.sidebar-menu-header {
	background-color: var(--sidenav-header-bg-color);
}

.sidebar-menu-header .navbar-brand, .sidebar-menu-header .form-check-label {
	color: var(--sidenav-header-fg-color);
}

.sidebar-menu-header .navbar-brand:hover, .sidebar-menu-header .navbar-light .navbar-brand:focus {
	/* The left-hand sidebar menu header is non-interactable, so it should not change colors on hover. */
	/* As such, we are setting its color to be the same as the non-hover color */
	color: var(--sidenav-header-fg-color);
}

.icon-panel .icon-cell:hover {
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.1);
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.icon-panel .icon-cell {
	cursor: pointer;
	border: 1px solid transparent;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}

	.icon-panel .icon-cell.selecting {
		background: rgba(0,0,200,0.05);
		border: 1px solid rgba(0,0,6,0.1);
		-moz-transition: all .2s;
		-o-transition: all .2s;
		-webkit-transition: all .2s;
		transition: all .2s;
	}

	.icon-panel .icon-cell.selected {
		background: rgba(0,0,200,0.1);
		border: 1px solid rgba(0,0,200,0.2);
		-moz-transition: all .2s;
		-o-transition: all .2s;
		-webkit-transition: all .2s;
		transition: all .2s;
	}
.multipane-wrapper {
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

	.multipane-wrapper > * {
		-ms-flex: 1 100%;
		-webkit-flex: 1 100%;
		flex: 1 100%;
	}

.multipane-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: 0.25rem;
	min-height: 50px;
}

.multipane-list-item {
	list-style: none;
}

/* Header Panel */
.multipane-header {
	background-color: var(--multipane-header-bg-color);
	color: var(--multipane-header-fg-color);
}

.multipane-wrapper.edit .multipane-header {
	border-radius: 5px;
	border: 1px dashed silver;
	margin: 1rem 1rem 0 1rem;
}

body.edit-mode .multipane-header .multipane-headerpart {
	padding: 0.5rem;
}

/* Body Panel */
.multipane-body {
	background-color: var(--multipane-body-bg-color);
	color: var(--multipane-body-fg-color);
}

.multipane-wrapper.edit .multipane-body {
	border-radius: 5px;
	border: 1px dashed silver;
	margin: 1rem 1rem 0 1rem;
}

body.edit-mode .multipane-body .multipane-bodypart {
	padding: 0.5rem;
}

/* Left Aside Panel */
.multipane-aside.left-aside {
	background-color: var(--multipane-left-aside-bg-color);
	color: var(--multipane-left-aside-fg-color);
	/*margin: 1rem 0 1rem 1rem;*/
}

.multipane-wrapper.edit .multipane-aside.left-aside {
	border-radius: 5px;
	border: 1px dashed silver;
	margin: 1rem 1rem 0 1rem;
}

body.edit-mode .multipane-aside.left-aside .multipane-leftasidepart {
	padding: 0.5rem;
}

/* Right Aside Panel */
.multipane-aside.right-aside {
	background-color: var(--multipane-right-aside-bg-color);
	color: var(--multipane-right-aside-fg-color);
	/*margin: 1rem 1rem 1rem 0;*/
}

.multipane-wrapper.edit .multipane-aside.right-aside {
	border-radius: 5px;
	border: 1px dashed silver;
	margin: 1rem 1rem 0 1rem;
}

body.edit-mode .multipane-aside.right-aside .multipane-rightasidepart {
	padding: 0.5rem;
}

.multipane-aside.right-aside .multipane-rightasidepart {
	border: 1px solid gainsboro;
	padding: 0.5rem;
}

/* Footer Panel */
.multipane-footer {
	background-color: var(--multipane-footer-bg-color);
	color: var(--multipane-footer-fg-color);
	/*margin: 0 1rem 1rem 1rem;*/
}

.multipane-wrapper.edit .multipane-footer {
	border-radius: 5px;
	border: 1px dashed silver;
	margin: 1rem 1rem 0 1rem;
}

body.edit-mode .multipane-footer .multipane-footer-part {
	padding: 0.5rem;
}

.tab-content .multipane-panel .content-block {
	/*padding-top: 0 !important;*/
}

.tab-content .multipane-panel {
	margin-top: 0;
}

@media all and (min-width: 700px) {
	.multipane-aside {
		-ms-flex: 1 0 0;
		-webkit-flex: 1 0 0;
		flex: 1 0 0;
	}
}

@media all and (min-width: 800px) {
	.multipane-body {
		-ms-flex: 4 0;
		-webkit-flex: 4 0;
		flex: 4 1 1px;
		order: 2;
	}

	.multipane-aside.left-aside {
		order: 1;
	}

	.multipane-aside.right-aside {
		order: 3;
	}

	.multipane-footer {
		order: 4;
	}
}

.content {
	/*padding-bottom: 50px;*/
}

	.content > nav {
		padding: 0;
	}


/* Cursors */
.content-block-handle {
	cursor: grab;
}

/* Sorting */
.target-placeholder {
	background-color: #dcedc8;
	border: 1px dashed #c5e1a5;
	margin: .5rem;
	border-radius: 5px;
	list-style: none;
}

/* Editing */
.multipane-wrapper {
	border: none;
}

	.multipane-wrapper > .multipane-toolbar {
		border: 1px solid;
	}

	.multipane-wrapper.edit {
		border: 1px solid;
	}

		.multipane-wrapper.edit > .multipane-toolbar {
			border: none;
			border-bottom: 1px solid;
			transition: all ease;
		}

.multipane-toolbar ~ .content-block {
	margin: 0.5rem;
}

.panel-toolbar {
	background-color: rgba(25, 135, 84,.2);
}

.multipane-wrapper.edit .cke_textarea_inline:hover:not(.cke_focus) {
	outline: 2px dashed red;
}

/* Headers - Defaults: Override in client skin */
.multipane-header > .multipane-list .content-block:first-of-type {
	font-size: 1.75rem;
}

.multipane-header > .multipane-list .content-block {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5rem;
	margin-top: 0;
}

.multipane-toolbar .section-options-header {
	margin-left: -.75rem;
	margin-right: -.75rem;
	padding: .5rem;
}

.widget-options-panel.hide {
	display: none !important;
}

/* Columns Styles */
.content-block.col1 {
	column-count: 1;
}

.content-block.col2 p {
	break-inside: avoid;
}

.content-block.col2 .index-block,
.content-block.col2 .custom-course-summary-context-wrapper,
.content-block.col2 .course-summary-wrapper,
.content-block.col2 .curriculum-presentation-item-wrapper[data-presentation-entity-type-id="1"] {
	break-inside: avoid;
}

.content-block.col3 p {
	break-inside: avoid;
}

.content-block.col3 .index-block,
.content-block.col3 .custom-course-summary-context-wrapper,
.content-block.col3 .course-summary-wrapper
.content-block.col3 .curriculum-presentation-item-wrapper[data-presentation-entity-type-id="1"] {
	break-inside: avoid;
}

.content-block.col2.vrule {
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-width: 1px;
	-moz-column-rule-color: #ccc;
	-webkit-column-rule-color: #ccc;
	column-rule-color: #ccc;
	-moz-column-rule-style: solid;
	-webkit-column-rule-style: solid;
	column-rule-style: solid;
}

.content-block.col3.vrule {
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-width: 1px;
	-moz-column-rule-color: #ccc;
	-webkit-column-rule-color: #ccc;
	column-rule-color: #ccc;
	-moz-column-rule-style: solid;
	-webkit-column-rule-style: solid;
	column-rule-style: solid;
}

.content-block.col2.hrule {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
}

.content-block.col3.hrule {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
}

@media (min-width: 768px) {
	.content-block.col3 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 1.5em;
		-webkit-column-gap: 1.5em;
		column-gap: 1.5em;
	}

	.content-block.col2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 1.5em;
		-webkit-column-gap: 1.5em;
		column-gap: 1.5em;
	}
}

@media (min-width: 970px) {
	.content-block.col3 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
		-moz-column-gap: 1.5em;
		-webkit-column-gap: 1.5em;
		column-gap: 1.5em;
	}

	.content-block.col2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 1.5em;
		-webkit-column-gap: 1.5em;
		column-gap: 1.5em;
	}
}

@media (max-width: 768px) {
	.content-block.col3 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}

	.content-block.col2 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}
}


.index-list {
}

	.index-list > .index-block .nav-item:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

	.index-list > .index-block .nav-item .edit-field {
		position: absolute;
		width: 100%;
		z-index: 10000;
	}

	.index-list .nav-item .edit-field {
		position: absolute;
		width: 100%;
		z-index: 10000;
	}
.nav-tabs > .nav-item > .nav-link > .edit-field {
	position: absolute;
	z-index: 10000;
	margin-left: -1rem;
}

/*
************************************************************************************************************
  *-*-*-* Base Catalog/UI Skin: Meta4 *-*-*-* 
************************************************************************************************************
*/

/* --- Import Modules --- */
@import url('../../Modules/course-blocks.css');
@import url('../../Modules/body.css');
@import url('../../Modules/tabs.css');
@import url('../../Modules/search.css');


/* --- See Templates > variables.css --- */
:root {
}

/* **************************************************************************************
   *-*-* META USER INTERFACE ("IQ"): Base Skin *-*-*
************************************************************************************** */

/* ***********************************************************************
   *-* IQ Interface: MAIN (All Logged-In Users) *-*
*********************************************************************** */

/* *************************************************************
   ** IQ Navs
************************************************************* */
/* Nav Backgrounds - Default Color */
.iq-utility-nav, .iq-main-nav {
	background-color: var(--theme-white);
}

/* Nav Items/Links */
.iq-main-nav .nav-item .bd-highlight a {
	text-decoration: none;
}   /* Hover:
	- When hovering over link (a) or icon (i), both will change color.
        - "a" on hover
        - "i" on hover
        - "i" on hover with a following sibling of "a"
        - "i" with a following sibling of "a" on hover */
	.iq-main-nav .nav-item .bd-highlight a:hover,
	.iq-main-nav .nav-item .bd-highlight i:hover,
    .iq-main-nav .nav-item .bd-highlight i:hover + a
	.iq-main-nav .nav-item .bd-highlight i:has(+a:hover) {
		color: var(--bs-blue);
	}

/* *************************************************************
   ** IQ Logos
************************************************************* */
/* Client Logo Wrapper (large): does not display in IQ */
#client-logo-outer-wrapper.logo-display {
	display: none !important;
}

/* Client Logo (small): displays in IQ */
.iq-utility-nav > .iq-small-logo {
	margin-left: 1.25rem;
}

/* *************************************************************
   ** IQ Search - Main
************************************************************* */
/* Search Results */
.iq-search-results .bg-secondary {
	background-color: var(--theme-iq-neutral-500) !important;
}

/* Search Result Items */
.iq-search-results-item > .entity-info:not(.public):hover {
	background-color: var(--theme-iq-neutral-100);
	cursor: pointer;
}
.iq-search-results-item > .entity-info.public:hover {
	background-color: var(--theme-iq-neutral-100);
}
.card-body > .entity-info:hover {
	background-color: var(--theme-iq-neutral-100);
	cursor: pointer;
}

/* Search Result Items - Detail Panel */
.iq-search-results-item .iq-detail-panel-bg {
	background-color: var(--theme-iq-neutral-050);
}

.iq-search-results button.toggle-btn .toggle-caret-icon,
.iq-search-results .expand-all-detail-panels 
{
	transform: rotate(90deg);
}

.iq-search-results button.toggle-btn.collapsed .toggle-caret-icon,
.iq-search-results .expand-all-detail-panels.collapsed 
{
	transform: rotate(0);
	transition: all linear 0.15s;
}

/*.iq-search-results .detail-field-panel table tr th:nth-child(1) {
	display: none;
}

.iq-search-results .detail-field-panel table tr td:nth-child(1) {
	display: none;
}*/

/* ***************************************************
   * Fields Dropdown 
*************************************************** */
/* ***** Field Item Accordion Headers ***** */
.iq-search-fields-dropdown .accordion-button.card-header:hover {
	background-color: var(--theme-iq-neutral-100) !important;
}   /* Active/Hover */
    .iq-search-fields-dropdown .accordion-button.card-header.active,
    .iq-search-fields-dropdown .accordion-button.card-header:active,
    .iq-search-fields-dropdown .accordion-button.card-header.active:hover,
    .iq-search-fields-dropdown .accordion-button.card-header:active:hover {
	    background-color: var(--bs-dropdown-link-active-bg) !important;
	    color: var(--theme-white) !important;
    }

/* ***** Field Row ***** */
.iq-search-fields-dropdown .iq-field-row {
	padding-top: 5px;
	padding-bottom: 5px;
}   /* Hover */
    .iq-search-fields-dropdown .iq-field-row:hover {
		background-color: var(--theme-iq-neutral-050) !important;
	}

/* ***************************************************
   * Sort Options Dropdown 
*************************************************** */
.btn.sort-option-button:hover {
	border: 1px solid var(--theme-neutral-900);
}

/* ***************************************************
   * My Searches
*************************************************** */
.iq-my-searches-nav-item .input-group .btn-secondary {
	border: 1px solid var(--theme-neutral-100);
}

/* *************************************************************
   ** IQ Search - Approvals
************************************************************* */
/* Other */
.iq-search-results-item.g-otherApproval > .entity-info:hover {
	background-color: #FFEFD2;
}

/* On Hold */
.iq-search-results-item.OnHold > .entity-info:hover {
	background-color: #FFAAAA;
}

/* *************************************************************
   ** IQ Selection Controls
************************************************************* */

/* ***************************************************
   * Dropdowns 
*************************************************** */
.dropdown-item {
}   /* Hover*/
	.dropdown-item:hover {
		background-color: var(--theme-iq-neutral-100) !important;
	}
    /* Active */
	.dropdown-item.active, .dropdown-item:active,
	.dropdown-item.active:hover, .dropdown-item:active:hover {
		background-color: var(--bs-dropdown-link-active-bg) !important;
		color: var(--theme-white) !important;
	}

/* Dropdown item shadow */
.shadow {
	/* box-shadow: 0.1rem 0.2rem 0.5rem rgba(0, 0, 0, 0.15) !important; */
}
/* ^^ For some reason, trying to include changes to this class 
   breaks the entire display. */

/* ***************************************************
   * Checkboxes & Toggle Switches 
*************************************************** */
form-check-input:checked {
	background-color: var(--bs-blue);
}

/* *************************************************************
   ** IQ Badges 
************************************************************* */
/* Launch Requirements Incomplete */
.badge.bg-warning {
}

/* Launch Requirements Complete */
.badge.bg-success {
	background-color: #04AE42 !important;
    /* This shade of green looks better against 
       the active page-item bs-blue background. */
}

/* Content Status - Requirements Remain */
.content-status.curriqunet-bg-orange {
}

/* Content Status - Complete */
.content-status.bg-success {
}

/* *************************************************************
   ** IQ Buttons
************************************************************* */
/* X (Close) Button */
.btn-close:focus, 
.btn-close:active {
	box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.15);
}

/* X (Close Button - Field Display */
.btn-close.field-display-header:focus,
.btn-close.field-display-header:active {
	box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}

/* ***************************************************
   * Buttons - Nav Header
*************************************************** */
/* ***** Create Proposal ***** */
#createProposal.btn-success {
	background-color: var(--bs-btn-bg) !important;
	border-color: var(--bs-btn-border-color) !important;
}   /* Hover */
	#createProposal.btn-success:hover {
		background-color: var(--bs-btn-hover-bg) !important;
		border-color: var(--bs-btn-hover-border-color) !important;
	}
    /* Focus */
	#createProposal.btn-success:focus {
		box-shadow: 0 0 1px 0.15rem rgba(25, 134, 84, 0.25) !important;
	}
    /* Active */
	#createProposal.btn-success:active {
		background-color: var(--bs-btn-active-bg) !important;
		border-color: var(--bs-btn-active-border-color) !important;
		box-shadow: 0 0 1px 0.15rem rgba(25, 135, 84, 0.25) !important;
	}

/* ***************************************************
   * Buttons - IQ Search Filters
*************************************************** */
/* ***** And/Or ***** */
/* Enabled, not active */
.btn-group.group-conditions > .btn-primary:not(.active) {
	background-color: transparent;
	color: var(--bs-blue);
	border-color: transparent;
}   /* Enabled, active */
    .btn-group.group-conditions > .btn-primary.active {
	    background-color: var(--bs-blue);
	    border-color: var(--bs-blue);
    }
/* Disabled, either active or not active */
.btn-group.group-conditions > .btn-primary.disabled,
.btn-group.group-conditions > .btn-primary.active.disabled {
	background-color: transparent;
	border-color: var(--bs-blue);
	color: var(--bs-blue);
}

/* ***** Add rule, Add group (all) ***** */
.btn-group.group-actions > .btn-secondary {
	border: 1px solid var(--theme-iq-neutral-100);
}

/* ***** Delete (all) ***** */
.btn-group.group-actions > .btn-danger,
.btn-group.group-actions > .btn-danger:hover {
	border: 1px solid var(--theme-iq-neutral-100);
}

/* *************************************************************
   ** IQ Content
************************************************************* */
/* IQ Content Header */
body:not(.iq-nologo) .main-content 
> .iq-header-container 
> .iq-header-container-row 
> .iq-content-header {
	margin-bottom: 0px;
	background-color: var(--theme-white) !important;
	border-bottom: 1.5px solid var(--theme-iq-neutral-200) !important;
}

/* Ordered Lists: list item header */
li:hover > .dd-itemheader {
	background-color: var(--theme-iq-neutral-100) !important;
}

/* ***************************************************
   * Approval History/Proposal Workflow
*************************************************** */
/* View Course Proposal Link */
.reportLinks a {
	border-color: var(--bs-blue) !important;
	background-color: transparent !important;
	color: var(--bs-blue) !important;
	text-decoration: none !important;
	padding: 7px !important;
}
    /* Hover */
	.reportLinks a:hover {
		color: var(--theme-white) !important;
		background-color: var(--bs-blue) !important;
	}
    /* Active */
	.reportLinks a:active {
		color: var(--theme-white) !important;
		background-color: var(--bs-blue-dk) !important;
	}

/* Reports Dropdown */
#reportMenu .btn-xs.dropdown-toggle {
	font-size: var(--bs-body-font-size);
}

/* Tab Panel */
/* Note: all other tab settings are in the catalog tabs settings. */
.content-body 
> .review-panel 
> #ApprovalPanel #ApprovalInformationPanel .nav-tabs {
	background-color: var(--theme-white) !important;
}

/* Admin Move Proposal Link */
.admin-move-proposal.fs-3 {
	font-size: 1.5rem !important;
}
@media screen and (max-width: 700px) {
	.admin-move-proposal.fs-3 {
		font-size: calc(1rem + 0.75vw) !important;
	}
}
@media screen and (max-width: 500px) {
	.admin-move-proposal.fs-3 {
		font-size: calc(1rem + 0.25vw) !important;
	}
}

/* Administratively Move Proposal: "Select a level" error text */
#moveProposal 
> .move-panel-buttons 
> .text-danger.float-start {
	float: none !important;
	margin-right: 10px !important;
}

/* ***********************************************************************
   *-* IQ Interface: SYSTEM CONFIGURATION (Admin Users Only) *-*
*********************************************************************** */

/* *************************************************************
   ** Profile Content
************************************************************* */
/* Remove indentation from field labels */
.iq-config-canvas > #profileContent .container,
.iq-config-canvas > #profileContent .row {
	padding-left: 0;
}

/* Make vertical spacing between sections more even */
.iq-config-canvas > #profileContent .fs-4 {
	margin-top: 10px;
}

/* *************************************************************
   ** Lookup Manager
************************************************************* */
/* Lookup dropdown */
.iq-config-canvas .lookupTable {
	margin-top: 10px;
}

/* Lookup dropdown select */
.iq-config-canvas .lookupTable > #lookup {
	padding: 2px;
}

/* **************************************************************************************
   *-*-* META CATALOG: Base Skin *-*-*
************************************************************************************** */
/* Login Button */
#login.btn {
	color: var(--theme-black) !important;
}
	/* Hover, Active */
	#login.btn:hover,
	#login.btn:active {
		color: var(--theme-main) !important;
	}
    /* Focus */
	#login.btn:focus {
		box-shadow: none;
	}

/* ***********************************************************************
   *-* Catalog Header *-*
*********************************************************************** */

/* ************************************************************* 
   *** Primary Nav (Catalog Header)
************************************************************* */
#primarynav {
	border-bottom: 5px solid var(--header-border-color);
	background-color: var(--header-bg-color);
}

/* Catalog Logo Wrapper */
#catalog-logo-outer-wrapper > #catalog-logo-inner-wrapper {
}

/* ***************************************************
   ** Edit Mode Button (Primary Nav)
*************************************************** */
/* *************** Default *************** */
/* Edit Mode toggled off */
#editModeToggle.btn-check + .btn-outline-dark,
#editModeToggle.btn-check:not(:checked) + .btn-outline-dark {
	color: var(--theme-neutral-900);
	background-color: var(--theme-white);
	border-color: var(--theme-neutral-600);
}
/* Edit Mode toggled on */
#editModeToggle.btn-check:checked + .btn-outline-dark {
	color: var(--theme-white);
	background-color: var(--theme-neutral-800);
	border-color: var(--theme-neutral-900);
}

/* *************** Hover *************** */
/* When Edit Mode is toggled off */
#editModeToggle.btn-check + .btn-outline-dark:hover,
#editModeToggle.btn-check:not(:checked) + .btn-outline-dark:hover {
	color: var(--theme-white);
	background-color: var(--theme-neutral-600);
	border-color: var(--theme-neutral-600);
}   /* When toggling Edit Mode on from an "off" state */
	#editModeToggle.btn-check + .btn-outline-dark:hover:active,
	#editModeToggle.btn-check:not(:checked) + .btn-outline-dark:hover:active {
		color: var(--theme-white);
		background-color: var(--theme-neutral-700);
		border-color: var(--theme-neutral-800);
	}
/* When Edit Mode is toggled on */
#editModeToggle.btn-check:checked + .btn-outline-dark:hover {
	color: var(--theme-white);
	background-color: var(--theme-neutral-700);
	border-color: var(--theme-neutral-800);
}   /* When toggling Edit Mode off from an "on" state */
	#editModeToggle.btn-check:checked + .btn-outline-dark:hover:active {
		color: var(--theme-white);
		background-color: var(--theme-neutral-700);
		border-color: var(--theme-neutral-800);
	}

/* *************** Focus *************** */
/* While toggling Edit Mode on */
#editModeToggle.btn-check + .btn-outline-dark:focus,
#editModeToggle.btn-check:not(:checked) + .btn-outline-dark:focus {
	box-shadow: 0px 0px 1px 0.15rem rgba(0, 0, 0, 0.25);
}
/* While toggling Edit Mode off */
#editModeToggle.btn-check:checked + .btn-outline-dark:focus {
	box-shadow: 0px 0px 1px 0.15rem rgba(0, 0, 0, 0.25);
}

/* ************* Active *************** */
/* When toggling Edit Mode on */
#editModeToggle.btn-check + .btn-outline-dark:active,
#editModeToggle.btn-check:not(:checked) + .btn-outline-dark:active {
	color: var(--theme-white);
	background-color: var(--theme-neutral-800);
	border-color: var(--theme-neutral-900);
	box-shadow: 0px 0px 1px 0.15rem rgba(0, 0, 0, 0.25);
}
/* When toggling Edit Mode off */
#editModeToggle.btn-check:checked + .btn-outline-dark:active {
	color: var(--theme-white);
	background-color: var(--theme-neutral-700);
	border-color: var(--theme-neutral-800);
	box-shadow: 0px 0px 1px 0.15rem rgba(0, 0, 0, 0.25);
}

/* ***************************************************
   ** Search Toolbar (Primary Nav)
*************************************************** */
/* Search Input - Focus Highlight */
#search-toolbar .form-control:focus {
	border: 1px solid var(--theme-main);
	box-shadow: 0 0 3px 0.125rem var(--form-focus-highlight);
}

/* *************** Search Buttons *************** */
/* Execute Search */
#search-execute.btn {
	background-color: var(--search-button-bg-color);
	color: var(--search-button-fg-color);
	border-color: var(--search-button-border-color);
}   /* Hover */
	#search-execute.btn:hover {
		background-color: var(--search-button-hover-bg-color);
		color: var(--search-button-hover-fg-color);
		border-color: var(--search-button-hover-border-color);
	}
    /* Focus */
	#search-execute.btn:focus {
		background-color: var(--search-button-focus-bg-color);
		color: var(--search-button-focus-fg-color);
		border-color: var(--search-button-focus-border-color);
		box-shadow: 0 0 3px 0.125rem rgba(130, 138, 145, 0.5);
	}
    /* Active */
	#search-execute.btn:active {
		background-color: var(--search-button-active-bg-color);
		color: var(--search-button-active-fg-color);
		border-color: var(--search-button-active-border-color);
	}

/* Reset Search */
#search-results-reset.btn {
	background-color: var(--search-reset-bg-color);
	color: var(--search-reset-fg-color);
	border-color: var(--search-button-border-color);
}   /* Hover/Focus */
	#search-results-reset.btn:hover,
	#search-results-reset.btn:focus {
		background-color: var(--search-reset-hover-bg-color);
		color: var(--search-reset-hover-fg-color);
		border-color: var(--search-button-hover-border-color);
	}
    /* Active */
	#search-results-reset.btn:active {
		background-color: var(--search-reset-active-bg-color);
		color: var(--search-reset-active-fg-color);
	}

/* Highlight Results */
#search-highlight-toggle.btn {
	background-color: var(--search-highlight-bg-color) !important;
	color: var(--search-highlight-fg-color) !important;
	border-color: var(--search-button-border-color);
}   /* Hover */
	#search-highlight-toggle.btn:hover {
		background-color: var(--search-highlight-hover-bg-color) !important;
		color: var(--search-highlight-hover-fg-color) !important;
		border-color: var(--search-button-hover-border-color);
	}
    /* Focus */
	#search-highlight-toggle.btn:focus {
		background-color: var(--search-highlight-focus-bg-color) !important;
		color: var(--search-highlight-focus-fg-color) !important;
		border-color: var(--search-button-hover-border-color);
	}
    /* Active */
	#search-highlight-toggle.btn:active {
		background-color: var(--search-highlight-active-bg-color) !important;
		color: var(--search-highlight-active-fg-color) !important;
		border-color: var(--search-button-active-border-color);
	}

/* Toggle Results */
#search-results-toggle.btn {
	background-color: var(--search-toggle-bg-color);
	color: var(--search-toggle-fg-color);
	border-color: var(--search-button-border-color);
}   /* Hover/Focus */
	#search-results-toggle.btn:hover,
	#search-results-toggle.btn:focus {
		background-color: var(--search-toggle-hover-bg-color);
		color: var(--search-toggle-hover-fg-color);
		border-color: var(--search-button-hover-border-color);
	}
    /* Active */
	#search-results-toggle.btn:active {
		background-color: var(--search-toggle-active-bg-color);
		color: var(--search-toggle-active-fg-color);
		border-color: var(--search-button-active-border-color);
	}

/* ***************************************************
   ** Search Results (Off-Canvas) - Primary Nav
*************************************************** */
/* Results Header */
#search-results > .search-results-header {
	background-color: var(--search-results-header-bg-color) !important;
	color: var(--search-results-header-fg-color) !important;
}
/* Search Header - X (Close) Button */
.search-results-header.offcanvas-header .btn-close:focus,
.search-results-header.offcanvas-header .btn-close:active {
	box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}

/* Results Count */
#search-results #search-results-count {
	background-color: var(--search-results-count-bg-color);
	color: var(--search-results-count-fg-color);
	border: 1px solid var(--search-results-count-border-color);
}

/* Search Result Items */
#search-results-list .list-group-item {
	background-color: var(--search-results-bg-color);
	color: var(--search-results-fg-color);
}   /* Hover */
	#search-results-list .list-group-item:hover {
		background-color: var(--search-results-hover-bg-color);
		color: var(--search-results-hover-fg-color);
		border-color: var(--search-results-hover-bg-color);
	}
    /* Active */
	#search-results-list .list-group-item.active {
		background-color: var(--search-results-active-bg-color);
		color: var(--search-results-active-fg-color);
		border-color: var(--search-results-active-bg-color);
	}

/* Results - Highlighted Text */
mark {
	background-color: var(--mark-bg-color) !important;
	color: var(--mark-fg-color);
}

/* ************************************************************* 
   *** Catalog Nav/Primary Nav After Logo
************************************************************* */
/* Catalog Title/Subtitle Wrapper */
#primary-nav-after-logo > .navbar-nav > .nav-item.m-lg-3 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* ***********************************************************************
   *-* Catalog Menu - Left Sidebar *-*
*********************************************************************** */
/* Menu Sidebar */
#leftsidemenu .sidebar-menu {
	background-color: var(--sidenav-bg-color);
}
/* *************************************************** 
   ** Menu Header 
*************************************************** */
#leftsidemenu .sidebar-menu-header {
	padding-top: 0.25rem !important;
	padding-bottom: 0.3rem !important;
	border-bottom: 1px solid var(--theme-iq-neutral-200);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

/* Both the Catalog Navigation header (.iq-header) and the catalog menu header (.sidebar-menu-header) are sticky. When scrolling down in the catalog menu in Edit Mode, .sidebar-menu-header covers up .iq-header. To fix this: 
    - Setting top for .sidebar-menu-header to height of .iq-header (65px).
    - This ensures that .sidebar-menu-header (when showing in Edit Mode) 
      will always be just below .iq-header during menu scroll. */
	#leftsidemenu .sidebar-menu-header.sticky-top {
		top: 65px;
	}

/* When Edit Mode is turned off: menu header does not show */
body:not(.edit-mode) #leftsidemenu .sidebar-menu-header {
	display: none;
}

/* *************** +Add Buttons *************** */
.btn-success,
.btn-success.btn.show {
	background-color: var(--bs-btn-bg) !important;
	border-color: var(--bs-btn-border-color) !important;
}   /* Hover */
	.btn-success:hover,
	.btn-success.btn.show:hover {
		background-color: var(--bs-btn-hover-bg) !important;
		border-color: var(--bs-btn-hover-border-color) !important;
	}
    /* Focus */
	.btn-success:focus,
	.btn-success.btn.show:focus {
		background-color: var(--bs-btn-hover-bg) !important;
		border-color: var(--bs-btn-hover-border-color) !important;
		box-shadow: 0 0 1px 0.15rem rgba(60, 153, 110, 0.5) !important;
	}
    /* Active */
	.btn-success:active,
	.btn-success.btn.show:active {
		background-color: var(--bs-btn-active-bg) !important;
		border-color: var(--bs-btn-active-border-color) !important;
		box-shadow: 0 0 1px 0.15rem rgba(60, 153, 110, 0.5) !important;
	}

/* Edit checkbox (Menu Header only) */
#leftsidemenu .sidebar-menu-header .form-check-input {
	border-color: var(--theme-iq-neutral-200);
}   /* When checked */
	#leftsidemenu .sidebar-menu-header .form-check-input:checked {
		border-color: var(--bs-blue);
	}

/* *************************************************** 
   ** Menu Items
*************************************************** */
.sidebar-menu > li {
	color: var(--sidenav-item-fg-color);
}   /* Hover */
	.sidebar-menu > li:hover {
		background-color: var(--sidenav-item-hover-bg-color);
		color: var(--sidenav-item-hover-fg-color);
	}
    /* Active */
	.sidebar-menu > li.active {
		background-color: var(--sidenav-item-active-bg-color);
		color: var(--sidenav-item-active-fg-color);
	}

/* ***********************************************************************
   *-* Catalog Content - Main Content *-*
*********************************************************************** */

/* *************************************************** 
   ** Content Blocks: Tabs
*************************************************** */
/* Tab Background Panel */
.nav-tabs {
	gap: var(--tab-gap);
	margin-top: 10px;    /* Avoid tabs being "squished" against catalog content header */
	margin-bottom: 10px; /* Avoid tab content being "squished" against tabs */
	border-bottom-color: var(--tab-panel-border-bottom-color);
}

/* Tabs */
.nav-tabs .nav-link {
	background-color: var(--tab-bg-color);
	color: var(--tab-fg-color);
	border-color: var(--tab-border-color);
	border-bottom-color: var(--tab-border-color);
}   /* Hover */
	.nav-tabs .nav-link:hover {
		background-color: var(--tab-hover-bg-color);
		color: var(--tab-hover-fg-color);
		border-color: var(--tab-hover-border-color);
		border-bottom-color: var(--tab-hover-bg-color);
	}
    /* Active */
	.nav-tabs .nav-link.active {
		background-color: var(--tab-active-bg-color);
		color: var(--tab-active-fg-color);
		border-color: var(--tab-active-border-color);
		border-bottom-color: var(--tab-active-bottom-border-color);
	}

/* ***********************************************************************
   *-* Catalog Properties - Right Sidebar *-*
*********************************************************************** */
/* Properties Tabs */
#rightsidebar .nav-tabs {
	gap: var(--tab-gap);
}

/* ***********************************************************************
   *-* Catalog Footer *-*
*********************************************************************** */

:root {
	--start-closed-width: 50px;
}

.iq-offscreen {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	/*visibility: hidden;*/
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	transition: transform 0.15s ease-in-out;
	overflow-y: auto;
}

@media (prefers-reduced-motion: reduce) {
	.iq-offscreen {
		transition: none;
	}
}

.iq-offscreen-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem;
	box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
}

	.iq-offscreen-header .btn-close {
		padding: 0.5rem 0.5rem;
		margin-top: -0.5rem;
		margin-right: -0.5rem;
		margin-bottom: -0.5rem;
	}

.iq-offscreen-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.iq-offscreen-body {
	flex-grow: 1;
	padding: 1rem 1rem;
	overflow-y: auto;
}

.iq-offscreen-start {
	top: 0;
	left: 0;
	width: 400px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(-100%);
}

.iq-offscreen-end {
	top: 0;
	right: 0;
	width: 400px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(100%);
}

.iq-offscreen-top {
	top: 0;
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateY(-100%);
}

.iq-offscreen-bottom {
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateY(100%);
}

.iq-offscreen.show {
	transform: none;
}

:root {
	--start-closed-width: 50px;
}

.offcanvas {
	position: fixed;
	bottom: 0;
	/*z-index: 10000;*/
	display: flex;
	flex-direction: column;
	max-width: 100%;
	/*visibility: hidden;*/
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	transition: transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.offcanvas {
		transition: none;
	}
}

.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem;
	box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
}

	.offcanvas-header .btn-close {
		padding: 0.5rem 0.5rem;
		margin-top: -0.5rem;
		margin-right: -0.5rem;
		margin-bottom: -0.5rem;
	}

.offcanvas-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.offcanvas-body {
	flex-grow: 1;
	padding: 1rem 1rem;
	overflow-y: auto;
}

.offcanvas-start {
	top: 0;
	left: 0;
	width: 400px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(-100%);
}

.offcanvas-end {
	top: 0;
	right: 0;
	width: 33%;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(100%);
}

.offcanvas-top {
	top: 0;
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateY(-100%);
}

.offcanvas-bottom {
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateY(100%);
}

.offcanvas.show {
	transform: none;
}


.detail-panel-sortable {
	min-height: 100px;
}

.iq-detail-panel-bg {
	background-color: var(--theme-main);
}

.header-sortable-placeholder, .detail-panel-placeholder {
	border: 1px dashed black;
}

.iq-search-category {
	z-index: 1030;
}

.fa-grip-dots-vertical {
	cursor: grab;
}

.iq-search-fields .dropdown-menu {
	z-index: 1021;
	max-height: calc(100vh - 15rem);
	overflow-y: auto;
}

.saved-search-dropdown-menu {
	height: 70vh;
}

.iq-search.full-width {
	width: 100% !important;
	transition: all 0.15s ease-in-out;
}

.iq-search.full-height {
	margin-top: 0 !important;
}

.iq-search-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.5);
}

.iq-search-body {
	flex-grow: 1;
	padding: 0;
	overflow: auto;
	position: relative;
	z-index: 1;
}


.iq-search-filters {
	width: 30rem;
	background: rgb(244,244,245);
	transition: .25s all ease-in-out;
	overflow-y: auto;
}

.iq-search-results {
	overflow-y: auto;
}

.iq-search-filters-body {
	background: white;
}

.iq-search-filters-header {
	border-top: 1px solid rgb(206, 212, 218);
	border-bottom: 1px solid rgb(206, 212, 218);
}

.iq-search-filters-footer {
	border-top: 1px solid rgb(206, 212, 218);
}

.iq-search-results .row[data-iq-status="Active"]
{
	font-weight: 600;
}

.iq-search-results .row[data-iq-candelete='false'] li.iq-delete,
.iq-dashboard-widget [data-iq-candelete='false'] li.iq-delete {
	display: none;
}

.iq-search-results .row[data-iq-canmodify='false'] li.iq-modify,
.iq-dashboard-widget [data-iq-canmodify='false'] li.iq-modify {
	display: none;
}

.iq-search-results .row[data-iq-candeactivate='false'] li.iq-deactivate,
.iq-dashboard-widget [data-iq-candeactivate='false'] li.iq-deactivate {
	display: none;
}

.iq-search-results .row[data-iq-canclone='false'] li.iq-clone,
.iq-dashboard-widget [data-iq-canclone='false'] li.iq-clone {
	display: none;
}

.iq-search-results .row[data-iq-canclonesyllabus='false'] li.iq-clonesyllabus,
.iq-dashboard-widget [data-iq-canclonesyllabus='false'] li.iq-clonesyllabus {
	display: none;
}

.iq-search-results .row[data-iq-hasreports='false'] li.iq-reports,
.iq-dashboard-widget [data-iq-hasreports='false'] li.iq-reports {
	display: none !important;
}

.iq-search-filters-builder .rules-group-body .has-error {
	background-color: #fff;
	border-color: rgb(220, 53, 69);
}

.entity-info:hover {
	background-color: var(--theme-neutral-400);
}

.iq-search-header .iq-quick-filter .dropdown-menu{
	overflow: auto;
	max-height: 500px;
}






.list-entry:before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 1px;
	bottom: 0;
	top: 0;
	background-color: black;
	opacity: .1;
}

.group-and > li:not(:last-child):after {
	content: "AND";
	position: absolute;
	background-color: #0d47a1;
	color: #fff;
	border-radius: 7px;
	padding: 3px 5px 3px 5px;
	font-size: xx-small;
	font-weight: 700;
	line-height: 10px;
	left: -32px;
	bottom: -8px;
	box-shadow: 1px 1px 2px 1px #ccc;
}

.group-or > li:not(:last-child):after {
	content: "OR";
	position: absolute;
	background-color: #e65100;
	padding: 3px 8px 3px 8px;
	color: #fff;
	border-radius: 7px;
	bottom: -8px;
	font-size: xx-small;
	font-weight: 700;
	line-height: 10px;
	left: -32px;
	box-shadow: 1px 1px 2px 1px #ccc;
}

.list-entries {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.children-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 20px;
	/* border-right: 1px solid #ccc; */
	list-style: none
}

.group-and {
	padding-left: 35px;
}

.group-or {
	padding-left: 35px;
}

.list-entry {
	position: relative;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 0 1px;
}

.section {
	/* border-width: 0 0 0 1px;
		border-color: #ccc; */
	/* border-bottom: 1px solid #ccc; */
}

.bridgelist {
	/*list-style: disc;*/
	padding-left: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}

	.bridgelist .list-entry:before {
		height: 0;
	}

	.bridgelist .list-entry {
		border: none;
	}

	.bridgelist .list-entry.bullet {
		list-style: disc;
	}
.query-builder .rules-group-container, .query-builder .rule-container, .query-builder .rule-placeholder {
	position: relative;
	margin: 4px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background: rgba(240, 240, 240, 0.9);
}

	.query-builder .rule-container .rule-filter-container,
	.query-builder .rule-container .rule-operator-container,
	.query-builder .rule-container .rule-value-container, .query-builder .error-container, .query-builder .drag-handle {
		display: inline-block;
		/*margin: 0 5px 0 0;*/
		vertical-align: middle;
	}

.query-builder .rules-group-container {
	border: 1px solid transparent;
	background: transparent;
}

.query-builder .rules-group-header {
	margin-bottom: 10px;
}

	.query-builder .rules-group-header .group-conditions .btn.readonly:not(.active),
	.query-builder .rules-group-header .group-conditions input[name$='_cond'] {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		white-space: nowrap;
	}

	.query-builder .rules-group-header .group-conditions .btn.readonly {
		border-radius: 3px;
	}

.query-builder .rules-list {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
}

.query-builder .rule-value-container {
	border-left: 1px solid #DDD;
	padding-left: 5px;
}

	.query-builder .rule-value-container label {
		margin-bottom: 0;
		font-weight: normal;
	}

		.query-builder .rule-value-container label.block {
			display: block;
		}

	.query-builder .rule-value-container select,
	.query-builder .rule-value-container input[type='text'],
	.query-builder .rule-value-container input[type='number'] {
		/*padding: 1px;*/
	}

.query-builder .error-container {
	display: none;
	cursor: help;
	color: #F00;
}

.query-builder .has-error {
	background-color: #322;
	border-color: #800;
}

	.query-builder .has-error .error-container {
		display: inline-block !important;
	}

.query-builder .rules-list > *::before, .query-builder .rules-list > *::after {
	content: '';
	position: absolute;
	left: -10px;
	width: 10px;
	height: calc(50% + 4px);
	border-color: #222;
	border-style: solid;
}

.query-builder .rules-list > *::before {
	top: -4px;
	border-width: 0 0 2px 2px;
}

.query-builder .rules-list > *::after {
	top: 50%;
	border-width: 0 0 0 2px;
}

.query-builder .rules-list > *:first-child::before {
	top: -12px;
	height: calc(50% + 14px);
}

.query-builder .rules-list > *:last-child::before {
	border-radius: 0 0 0 4px;
}

.query-builder .rules-list > *:last-child::after {
	display: none;
}

.query-builder.bt-checkbox-glyphicons .checkbox input[type='checkbox']:checked + label::after {
	font-family: 'Glyphicons Halflings';
	content: '\e013';
}

.query-builder.bt-checkbox-glyphicons .checkbox label::after {
	padding-left: 4px;
	padding-top: 2px;
	font-size: 9px;
}

.query-builder .error-container + .tooltip .tooltip-inner {
	color: #F22 !important;
}

.query-builder p.filter-description {
	margin: 5px 0 0 0;
	background: rgba(0, 170, 255, 0.2);
	border: 1px solid #346F7B;
	color: #AAD1E4;
	border-radius: 5px;
	padding: 2.5px 5px;
	font-size: .8em;
}

.query-builder .rules-group-header [data-invert] {
	margin-left: 5px;
}

.query-builder .drag-handle {
	cursor: move;
	vertical-align: middle;
	margin-left: 5px;
}

.query-builder .dragging {
	position: fixed;
	opacity: .5;
	z-index: 100;
}

	.query-builder .dragging::before, .query-builder .dragging::after {
		display: none;
	}

.query-builder .rule-placeholder {
	border: 1px dashed #BBB;
	opacity: .7;
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
/* Classes to make a menu mega */
	.navbar .dropdown.mega {
		position: static;
	}

.navbar .dropdown.full .dropdown-menu {
	width: 100%;
/*	left: 0;
	right: 0;
*/	top: auto;
	margin: 0;
}

.navbar .dropdown.dw75 .dropdown-menu {
	width: 75%;
	top: auto;
	margin: 0;
}

.navbar .dropdown.dw66 .dropdown-menu {
	width: 66%;
	top: auto;
	margin: 0;
}

.navbar .dropdown.dw50 .dropdown-menu {
	width: 50%;
	top: auto;
	margin: 0;
}

.navbar .dropdown.dw33 .dropdown-menu {
	width: 33%;
	top: auto;
	margin: 0;
}

.navbar .dropdown.dw25 .dropdown-menu {
	width: 25%;
	top: auto;
	margin: 0;
}


/* Bootstrap additional width classes */
.w-1 {
	width: 1% !important;
}

.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}

.w-33{
	width: 33.333333% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-66 {
	width: 66.66666% !important;
}

.w-70 {
	width: 70% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

/* Min width utility classes */

.minw-1 {
	min-width: 1% !important;
}

.minw-5 {
	min-width: 5% !important;
}

.minw-10 {
	min-width: 10% !important;
}

.minw-15 {
	min-width: 15% !important;
}

.minw-20 {
	min-width: 20% !important;
}

.minw-25 {
	min-width: 25% !important;
}

.minw-30 {
	min-width: 30% !important;
}

.minw-33 {
	min-width: 33.333333% !important;
}

.minw-35 {
	min-width: 35% !important;
}

.minw-40 {
	min-width: 40% !important;
}

.minw-45 {
	min-width: 45% !important;
}

.minw-50 {
	min-width: 50% !important;
}

.minw-55 {
	min-width: 55% !important;
}

.minw-60 {
	min-width: 60% !important;
}

.minw-65 {
	min-width: 65% !important;
}

.minw-66 {
	min-width: 66.66666% !important;
}

.minw-70 {
	min-width: 70% !important;
}

.minw-75 {
	min-width: 75% !important;
}

.minw-80 {
	min-width: 80% !important;
}

.minw-85 {
	min-width: 85% !important;
}

.minw-90 {
	min-width: 90% !important;
}

.minw-95 {
	min-width: 95% !important;
}

.minw-100 {
	min-width: 100% !important;
}

/* Bootstrap text opacity to mute text without overriding colors */
.text-05 {
	opacity: 0.05;
}

.text-10 {
	opacity: 0.1;
}

.text-15 {
	opacity: 0.15;
}

.text-20 {
	opacity: 0.2;
}

.text-25 {
	opacity: 0.25;
}

.text-30 {
	opacity: 0.3;
}

.text-35 {
	opacity: 0.35;
}

.text-40 {
	opacity: 0.4;
}

.text-45 {
	opacity: 0.45;
}

.text-50 {
	opacity: 0.5;
}

.text-55 {
	opacity: 0.55;
}

.text-60 {
	opacity: 0.6;
}

.text-65 {
	opacity: 0.65;
}

.text-70 {
	opacity: 0.7;
}

.text-75 {
	opacity: 0.75;
}

.text-80 {
	opacity: 0.8;
}

.text-85 {
	opacity: 0.85;
}

.text-90 {
	opacity: 0.9;
}

.text-95 {
	opacity: 0.95;
}

/* Bootstrap dropdown override to removed drop arrow in nav bars if the condensed style is added to the navbar */
.navbar-nav.condensed .dropdown-toggle::after {
	display: none;
}

/* Bootstrap overlay override */
.modal-backdrop.show {
	opacity: 0.2;
}

/* Focus Overrides - The default bootstrap focus is flat. This adds a smooth blur */
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 3px 0.1rem rgba(0, 123, 255, 0.25);
}

/* Bootstrap animation overrides */
.collapsing {
	-moz-transition: height 0.15s ease;
	-o-transition: height 0.15s ease;
	-webkit-transition: height 0.15s ease;
	transition: height 0.15s ease;
}

.nav-item a {
	outline: 0;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 3px 0.1rem rgba(0, 123, 255, 0.25);
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 1px 0.15rem rgba(38, 143, 255, 0.25);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 1px 0.15rem rgba(38, 143, 255, 0.25);
}

.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 1px 0.15rem rgba(130, 138, 145, 0.25);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 1px 0.15rem rgba(130, 138, 145, 0.25);
}

/* Arrow Buttons */
button.close-arrow-left {
	height: 17px;
	width: 40px;
	position: relative;
	margin-left: 10px;
	outline: 0;
	border-radius: 3px;
	border: 1px solid #4b646f;
	color: white;
	font-size: 10px;
	background: #4b646f;
	background: linear-gradient(to bottom, #238fe7 0,#156fba 100%);
}

button.close-arrow-right {
	height: 17px;
	width: 40px;
	position: relative;
	margin-right: 10px;
	outline: 0;
	border-radius: 3px;
	border: 1px solid #4b646f;
	color: white;
	font-size: 10px;
	background: #4b646f;
	background: linear-gradient(to bottom, #238fe7 0,#156fba 100%);
}

button.close-arrow-left::before {
	content: "";
	position: absolute;
	-moz-transform: scaleX(0.7) rotate(45deg);
	-ms-transform: scaleX(0.7) rotate(45deg);
	-o-transform: scaleX(0.7) rotate(45deg);
	-webkit-transform: scaleX(0.7) rotate(45deg);
	transform: scaleX(0.7) rotate(45deg);
	height: 11px;
	width: 11px;
	left: -6px;
	top: 2px;
	border-radius: 2px 1px;
	background: #4b646f;
	background: linear-gradient(135deg, #238fe7 0,#156fba 100%);
	border-left: 1px solid #4b646f;
	border-bottom: 1px solid #4b646f;
}

button.close-arrow-right::before {
	content: "";
	position: absolute;
	-moz-transform: scaleX(0.7) rotate(45deg);
	-ms-transform: scaleX(0.7) rotate(45deg);
	-o-transform: scaleX(0.7) rotate(45deg);
	-webkit-transform: scaleX(0.7) rotate(45deg);
	transform: scaleX(0.7) rotate(45deg);
	height: 11px;
	width: 11px;
	right: -6px;
	top: 2px;
	border-radius: 2px 1px;
	/* background: #4b646f; */
	background: linear-gradient(135deg, #238fe7 0,#156fba 100%);
	border-right: 1px solid #4b646f;
	border-top: 1px solid #4b646f;
}

/* Button Colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
	color: #fff !important;
}

.bg-gray {
	color: #000;
	background-color: #d2d6de !important;
}

.bg-gray-light {
	background-color: #f7f7f7;
}

.bg-black {
	background-color: #111111 !important;
}

.bg-slight {
	background-color: rgba(69, 82, 110, 0.1);
}

.bg-light {
	background-color: rgba(69, 82, 110, 0.3);
}

.bg-strong {
	background-color: rgba(69, 82, 110, 0.7);
}

.bg-darken-1 {
	background-color: #3b465e !important;
}

.bg-darken-2 {
	background-color: #2e3951 !important;
}

.bg-darken-3 {
	background-color: #1c2a48 !important;
}

.bg-darken-4 {
	background-color: #1c2331 !important;
}


.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
	background-color: #dd4b39 !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
	background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
	background-color: #00c0ef !important;
}

.bg-blue {
	background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
	background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
	background-color: #00a65a !important;
}

.bg-navy {
	background-color: #001f3f !important;
}

.bg-teal {
	background-color: #39cccc !important;
}

.bg-olive {
	background-color: #3d9970 !important;
}

.bg-lime {
	background-color: #01ff70 !important;
}

.bg-orange {
	background-color: #ff851b !important;
}

.bg-fuchsia {
	background-color: #f012be !important;
}

.bg-purple {
	background-color: #605ca8 !important;
}

.bg-maroon {
	background-color: #d81b60 !important;
}

.bg-gray-active {
	color: #000;
	background-color: #b5bbc8 !important;
}

.bg-black-active {
	background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
	background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
	background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
	background-color: #00a7d0 !important;
}

.bg-blue-active {
	background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
	background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
	background-color: #008d4c !important;
}

.bg-navy-active {
	background-color: #001a35 !important;
}

.bg-teal-active {
	background-color: #30bbbb !important;
}

.bg-olive-active {
	background-color: #368763 !important;
}

.bg-lime-active {
	background-color: #00e765 !important;
}

.bg-orange-active {
	background-color: #ff7701 !important;
}

.bg-fuchsia-active {
	background-color: #db0ead !important;
}

.bg-purple-active {
	background-color: #555299 !important;
}

.bg-maroon-active {
	background-color: #ca195a !important;
}

.bg-curriqunet-orange {
	background-color: #e5683f !important;
}

.bg-curriqunet-blue {
	background-color: #2277a0 !important;
}


[class^="bg-"].disabled {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.text-red {
	color: #dd4b39 !important;
}

.text-yellow {
	color: #f39c12 !important;
}

.text-aqua {
	color: #00c0ef !important;
}

.text-blue {
	color: #0073b7 !important;
}

.text-black {
	color: #111111 !important;
}

.text-light-blue {
	color: #3c8dbc !important;
}

.text-green {
	color: #00a65a !important;
}

.text-gray {
	color: #d2d6de !important;
}

.text-navy {
	color: #001f3f !important;
}

.text-teal {
	color: #39cccc !important;
}

.text-olive {
	color: #3d9970 !important;
}

.text-lime {
	color: #01ff70 !important;
}

.text-orange {
	color: #ff851b !important;
}

.text-fuchsia {
	color: #f012be !important;
}

.text-purple {
	color: #605ca8 !important;
}

.text-maroon {
	color: #d81b60 !important;
}

.link-muted {
	color: #7a869d;
}

	.link-muted:hover,
	.link-muted:focus {
		color: #606c84;
	}

.link-black {
	color: #666;
}

	.link-black:hover,
	.link-black:focus {
		color: #999;
	}

.no-select {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.no-scroll-x {
	overflow-x: hidden;
}

.btn-xs, .btn-group-xs > .btn {
	font-size: .75rem;
	padding: 0.125rem 0.25rem;
	line-height: 1.5;
	border-radius: .15rem;
}

.btn-xxs, .btn-group-xxs > .btn {
	font-size: .625rem;
	padding: 0.0rem 0.125rem;
	line-height: 1.5;
	border-radius: .15rem;
}

/* Overrides of default Bootstrap */

a {
	text-decoration: none;
}

.btn-link{
	text-decoration: none;
}

.x-small{
	font-size: .625em;
}

/* Modal Overrides */
.modal-header {
	border-radius: 0 !important;
	background-color: #2277a0 !important;
	font-size: 1.25rem;
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important;
}

.modal-content {
	border-radius: 0 !important;
}

.modal-footer {
	border-radius: 0 !important;
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

#editUserModal #myTab {
	--bs-nav-link-color: #fff !important;
	--bs-nav-pills-link-active-bg: #005174 !important;
}
/*
************************************************************************************************************
*-*-*-* CSS Variables: Defaults  *-*-*-* 
************************************************************************************************************
*/


:root {
	/* ***********************************************************************
	   ** Theme **
	*********************************************************************** */
    /* Neutral */
	--theme-white:          #FFFFFF;
    --theme-neutral-100:    #F8F9FA;
	--theme-neutral-200:    #E9ECEF;
	--theme-neutral-300:    #DEE2E6;
	--theme-neutral-400:    #CED4DA;
	--theme-neutral-500:    #ADB5BD;
	--theme-neutral-600:    #6C757D;
	--theme-neutral-700:    #495057;
	--theme-neutral-800:    #343A40;
    --theme-neutral-850:    #222222;
	--theme-neutral-900:    #212529;
	--theme-black:          #000000;

    --theme-iq-neutral-050: #F0F2F7;
    --theme-iq-neutral-100: #E2E6EF;
    --theme-iq-neutral-150: #DEE3E7;
    --theme-iq-neutral-200: #C5C8D1;
    --theme-iq-neutral-300: #AEB2BE; 
    --theme-iq-neutral-400: #8B939A;
    --theme-iq-neutral-500: #6C757D;
    --theme-iq-neutral-600: #5C636A; 
    --theme-iq-neutral-650: #565E64;
    --theme-iq-neutral-700: #464B50; 
    --theme-iq-neutral-750: #3C4145;
    --theme-iq-neutral-800: #2C2F33;
    --theme-iq-neutral-900: #1A1C1E;

    /* Main/Accent */
	--theme-main:           #1F77A0;
	--theme-accent:         #E5683F;

    /* Warning */
	--theme-warning:        var(--bs-warning); /* Bootstrap default */

	/* Light/Dark */
    --theme-light:          var(--theme-neutral-100);
	--theme-dark:           var(--theme-neutral-900);

	/* Base Font */
	--theme-base-font: var(--bs-font-sans-serif); /* Bootstrap default */

    /* Client Logo */
	--client-logo: url('/Content/images/curriqunet/CurriQunetLogoDesktop.png');
    --client-logo-sm: var(--client-logo);

    /* Bootstrap Color Defaults 
       - Creating variables for greater ease of applying them in external stylesheets 
    */
    --bs-blue-xlt:          #DDEBFF;
    --bs-blue-ltr:          #84B5FE;
    --bs-blue-lt:           #3E8BFD;
    --bs-blue:              #0D6EFD;
    --bs-blue-dk:           #0B5ED7;
    --bs-blue-dkr:          #0A58CA;
    --bs-blue-xdk:          #0A53BE;

	/* ***********************************************************************
	   ** Sizing **
	*********************************************************************** */
	/* Calculate density of list items */
    --density-value: 2; 

    /* Used for top/bottom padding of list items */
	--list-item-density: calc(0.25rem * var(--density-value));

	/* ***********************************************************************
	   ** Typography **
	*********************************************************************** */
	--min-size: 12;
	--max-size: 16;
	--min-dim: 320;
	--max-dim: 1200;	
	--fluid-font-size: clamp(
		calc(var(--min-size) * 1px),
		calc(
			var(--min-size) * 1px + (var(--max-size) - var(--min-size)) *
				(
					(100vmin - (var(--min-dim) * 1px)) /
						(var(--max-dim) - var(--min-dim))
				)
		),
		calc(var(--max-size) * 1px)
	);

    /* Heading Font Sizes */
	--h1-font-size: 2.5rem;
	--h2-font-size: 2rem;
	--h3-font-size: 1.75rem;
	--h4-font-size: 1.5rem;
	--h5-font-size: 1.25rem;
	--h6-font-size: 1rem;

    /* Heading Fonts */
	--h1-font: var(--theme-base-font);
	--h2-font: var(--theme-base-font);
	--h3-font: var(--theme-base-font);
	--h4-font: var(--theme-base-font);
	--h5-font: var(--theme-base-font);
	--h6-font: var(--theme-base-font);

	--body-font-size: var(--fluid-font-size);
	--body-font: var(--theme-base-font); /* Main body font */

	/* ***********************************************************************
	   ** Borders **
	*********************************************************************** */
	/* Default border - width, style, color, radius */
    --border-width: 1px; 
	--border-style: solid;
	--border-color: var(--theme-neutral-300); 
	--border-radius: 0; 

	/* Default border variables - composed into one variable for convenience */
	--border: var(--border-width) var(--border-style) var(--border-color);

	/* ***********************************************************************
	   ** Header **
	*********************************************************************** */
    /* Background & Border */
	--header-bg-color: var(--theme-white);
	--header-border-color: var(--theme-accent); 

    /* Catalog Title & Subtitle */
	--catalog-title-color: var(--theme-iq-neutral-800);
	--catalog-sub-title-color: var(--theme-iq-neutral-800);
	
    /* Export Page as PDF link */
    --pdf-export-link-color: var(--theme-iq-neutral-800);
	--pdf-export-active-color: var(--theme-accent);

	/* *************************************************************
	   * Search Controls *
	************************************************************* */
    /* Search Input - Focus Highlight */
    --form-focus-highlight: rgba(13, 109, 253, 0.5); /* --bs-blue */

    /* ***************************************************
	   -- Search Buttons
	*************************************************** */
	/* --- Execute Search --- */
	--search-button-bg-color: var(--theme-iq-neutral-500);
	--search-button-fg-color: var(--theme-white);
	--search-button-border-color: var(--theme-iq-neutral-100);
    /* Hover */
    --search-button-hover-bg-color: var(--theme-iq-neutral-600);
    --search-button-hover-fg-color: var(--search-button-fg-color);
    --search-button-hover-border-color: var(--search-button-border-color);
	/* Focus */
	--search-button-focus-bg-color: var(--search-button-hover-bg-color);
	--search-button-focus-fg-color: var(--search-button-fg-color);
	--search-button-focus-border-color: var(--search-button-border-color);
	/* Active */
	--search-button-active-bg-color: var(--theme-iq-neutral-650);
	--search-button-active-fg-color: var(--search-button-fg-color);
	--search-button-active-border-color: var(--search-button-border-color);

    /* --- Reset Search --- */
    --search-reset-bg-color: var(--search-button-bg-color);
    --search-reset-fg-color: var(--search-button-fg-color);
    --search-reset-border-color: var(--search-button-border-color);
    /* Hover */
    --search-reset-hover-bg-color: var(--search-button-hover-bg-color);
    --search-reset-hover-fg-color: var(--search-button-hover-fg-color);
    --search-reset-hover-border-color: var(--search-button-hover-border-color);
    /* Focus */
    --search-reset-focus-bg-color: var(--search-button-focus-bg-color);
    --search-reset-focus-fg-color: var(--search-button-focus-fg-color);
    --search-reset-focus-border-color: var(--search-button-focus-border-color);
    /* Active */
    --search-reset-active-bg-color: var(--search-button-active-bg-color);
    --search-reset-active-fg-color: var(--search-button-active-fg-color);
    --search-reset-active-border-color: var(--search-button-active-border-color);

    /* --- Highlight Results --- */
    --search-highlight-bg-color: var(--theme-iq-neutral-700);
    --search-highlight-fg-color: var(--search-button-fg-color);
    --search-highlight-border-color: var(--search-button-border-color);
    /* Hover */
    --search-highlight-hover-bg-color: var(--theme-iq-neutral-750);
    --search-highlight-hover-fg-color: var(--search-button-hover-fg-color);
    --search-highlight-hover-border-color: var(--search-button-hover-border-color);
    /* Focus */
    --search-highlight-focus-bg-color: var(--search-highlight-hover-bg-color);
    --search-highlight-focus-fg-color: var(--search-highlight-hover-fg-color);
    --search-highlight-focus-border-color: var(--search-highlight-hover-border-color);
    /* Active */
    --search-highlight-active-bg-color: var(--theme-iq-neutral-900);
    --search-highlight-active-fg-color: var(--theme-accent);
    --search-highlight-active-border-color: var(--search-button-active-border-color);

    /* --- Toggle Results --- */
	--search-toggle-bg-color: var(--search-button-bg-color);
    --search-toggle-fg-color: var(--search-button-fg-color);
    --search-toggle-border-color: var(--search-button-border-color);
    /* Hover */
    --search-toggle-hover-bg-color: var(--search-button-hover-bg-color);
    --search-toggle-hover-fg-color: var(--search-button-hover-fg-color);
    --search-toggle-hover-border-color: var(--search-button-hover-border-color);
    /* Focus */
    --search-toggle-focus-bg-color: var(--search-button-focus-bg-color);
    --search-toggle-focus-fg-color: var(--search-button-focus-fg-color);
    --search-toggle-focus-border-color: var(--search-button-focus-border-color);
    /* Active */
    --search-toggle-active-bg-color: var(--search-button-active-bg-color);
    --search-toggle-active-fg-color: var(--search-button-active-fg-color);
    --search-toggle-active-border-color: var(--search-button-active-border-color);

    /* *************************************************************
	   * Search Results *
	************************************************************* */
	/* Search Results Header */
	--search-results-header-bg-color: var(--theme-iq-neutral-750);
	--search-results-header-fg-color: var(--theme-white);

    /* Search Results Count */
    --search-results-count-bg-color: var(--theme-white);
    --search-results-count-fg-color: var(--theme-iq-neutral-800);
    --search-results-count-border-color: var(--search-results-item-border-color);

    /* ***************************************************
	   -- Search Results Body
	*************************************************** */
	--search-results-bg-color: var(--body-bg-color);
	--search-results-fg-color: var(--body-fg-color);
    /* Hover */
	--search-results-hover-bg-color: var(--theme-iq-neutral-200);
	--search-results-hover-fg-color: var(--theme-iq-neutral-800);
    /* Active */
	--search-results-active-bg-color: var(--theme-main);
	--search-results-active-fg-color: var(--theme-white);

    /* *****************************************
	   --- Search Results Body Borders
	***************************************** */
    /* All Borders */
	--search-results-item-border-style: var(--border-style);
	--search-results-item-border-width: var(--border-width);
	--search-results-item-border-color: rgba(0, 0, 0, 0.125);
	/* Top Border */
	--search-results-item-border-top-style: var(--search-results-item-border-style);
	--search-results-item-border-top-width: var(--search-results-item-border-width);
	--search-results-item-border-top-color: var(--search-results-item-border-color);
	--search-results-item-border-top: var(--search-results-item-border-top-width) var(--search-results-item-border-top-style) var(--search-results-item-border-top-color);
	/* Bottom Border */
	--search-results-item-border-bottom-style: var(--search-results-item-border-style);
	--search-results-item-border-bottom-width: var(--search-results-item-border-width);
	--search-results-item-border-bottom-color: var(--search-results-item-border-color);
	--search-results-item-border-bottom:  var(--search-results-item-border-bottom-width) var(--search-results-item-border-bottom-style) var(--search-results-item-border-bottom-color);
	/* Left Border */
	--search-results-item-border-left-style: var(--search-results-item-border-style);
	--search-results-item-border-left-width: var(--search-results-item-border-width);
	--search-results-item-border-left-color: var(--search-results-item-border-color);
	--search-results-item-border-left: var(--search-results-item-border-left-width) var(--search-results-item-border-left-style) var(--search-results-item-border-left-color);
	/* Right Border */
	--search-results-item-border-right-style: var(--search-results-item-border-style);
	--search-results-item-border-right-width: var(--search-results-item-border-width);
	--search-results-item-border-right-color: var(--search-results-item-border-color);
	--search-results-item-border-right: var(--search-results-item-border-right-width) var(--search-results-item-border-right-style) var(--search-results-item-border-right-color);

	/* -- Marks -- */
	--mark-bg-color: var(--search-highlight-active-fg-color);
	--mark-fg-color: var(--theme-white);
	--mark-border: 0px solid transparent;

	/* -- Badging -- */
	--badge-bg-color: var(--theme-accent);
	--badge-fg-color: var(--theme-white);

	/* ***********************************************************************
	   ** Menu/Left Sidebar **
	*********************************************************************** */
	--sidebar-font-size: 18px;

    /* Menu Header */
	--sidenav-header-bg-color: var(--theme-iq-neutral-050);
	--sidenav-header-fg-color: var(--theme-black);

    /* -- Menu Items (Pages) -- */
	--sidenav-bg-color: var(--theme-white);
	--sidenav-item-fg-color: var(--theme-neutral-850);
    /* Hover */
    --sidenav-item-hover-bg-color: var(--theme-iq-neutral-100);
	--sidenav-item-hover-fg-color: var(--theme-neutral-850);
    /* Active*/
	--sidenav-item-active-bg-color: var(--theme-main);
	--sidenav-item-active-fg-color: var(--theme-white);

	/* ***********************************************************************
	   ** Body/Content **
	*********************************************************************** */
    /* Background & Text */
	--body-bg-color: var(--theme-white);
	--body-fg-color: var(--theme-black);

    /* *************************************************************
	   * Content Panels *
	************************************************************* */
    /* Header */
	--multipane-header-bg-color: var(--body-bg-color);
	--multipane-header-fg-color: var(--body-fg-color);
    /* Body */
	--multipane-body-bg-color: var(--body-bg-color);
	--multipane-body-fg-color: var(--body-fg-color);
    /* Left Aside */
	--multipane-left-aside-bg-color: var(--body-bg-color);
	--multipane-left-aside-fg-color: var(--body-fg-color);
    /* Right Aside */
	--multipane-right-aside-bg-color: var(--body-bg-color);
	--multipane-right-aside-fg-color: var(--body-fg-color);
    /* Footer */
	--multipane-footer-bg-color: var(--body-bg-color);
	--multipane-footer-fg-color: var(--body-fg-color);

	/* *************************************************************
	   * Tabs *
	************************************************************* */
	/* Space Between Tabs */
    --tab-gap: 5px;

	/* ***************************************************
	   -- Tab Label Padding
	*************************************************** */   
    /* Vertical (Top, Bottom) */
	--tab-padding-vertical: 0.5rem;
	--tab-padding-top: var(--tab-padding-vertical);
	--tab-padding-bottom: var(--tab-padding-vertical);

    /* Horizontal (Left, Right) */
	--tab-padding-horizontal: 1rem;
	--tab-padding-left: var(--tab-padding-horizontal);
	--tab-padding-right: var(--tab-padding-horizontal);

	/* ***************************************************
	   -- Tab Background Panel
	*************************************************** */  
    /* Panel Background Color */
	--tab-panel-bg-color: var(--theme-white); 

	/* Panel Borders */
	--tab-panel-border-bottom-color: var(--border-color);
	--tab-panel-border-bottom-width: 1px;
	--tab-panel-border-bottom-style: var(--border-style);

	/* ***************************************************
	   -- Tab Background & Text 
	*************************************************** */
    /* Default - neutral background (unless otherwise edited), dark text */
	--tab-bg-color: var(--theme-neutral-200);
	--tab-fg-color: var(--theme-iq-neutral-900); 
    
    /* Active - white background, dark text */
	--tab-active-bg-color: var(--theme-white);
	--tab-active-fg-color: var(--theme-iq-neutral-900);  
    
    /* Hover - darker neutral background (unless otherwise edited), white text */
	--tab-hover-bg-color: var(--theme-main);
	--tab-hover-fg-color: var(--theme-white);

	/* ***************************************************
	   -- Tab Borders
	*************************************************** */
    
    /* *****************************************
	   --- Default/Inactive
	***************************************** */ 
    /* Border Color */
	--tab-border-color: var(--border-color);
        --tab-top-border-color: var(--tab-border-color);
        --tab-bottom-border-color: var(--tab-border-color);
        --tab-left-border-color: var(--tab-border-color);
        --tab-right-border-color: var(--tab-border-color);
    /* Border Radius */
	--tab-top-border-radius: 0.25rem;
	    --tab-bottom-border-radius: 0px;
    /* Border Width */
	--tab-border-width: var(--border-width);
	    --tab-top-border-width: var(--tab-border-width);
	    --tab-bottom-border-width: var(--tab-border-width);
	    --tab-left-border-width: var(--tab-border-width);
	    --tab-right-border-width: var(--tab-border-width);
    /* Border Style */
	--tab-border-style: var(--border-style);
	    --tab-top-border-style: var(--tab-border-style);
	    --tab-bottom-border-style: var(--tab-border-style);
	    --tab-left-border-style: var(--tab-border-style);
	    --tab-right-border-style: var(--tab-border-style);

    /* *****************************************
	   --- Active
	***************************************** */   
    /* Border Color */
	--tab-active-border-color: var(--border-color); 
    /* ^^ Neutral (top, left, right) */
	    --tab-active-top-border-color: var(--tab-active-border-color);
	    --tab-active-bottom-border-color: transparent; 
        /* ^^ No bottom border */
	    --tab-active-left-border-color: var(--tab-active-border-color);
	    --tab-active-right-border-color: var(--tab-active-border-color);      
    /* Border Radius */
	--tab-active-top-border-radius: var(--tab-top-border-radius);
	    --tab-active-bottom-border-radius: var(--tab-bottom-border-radius);
    /* Border Width */
	--tab-active-border-width: var(--tab-border-width);
	    --tab-active-top-border-width: var(--tab-active-border-width);
	    --tab-active-bottom-border-width: var(--tab-active-border-width);
	    --tab-active-left-border-width: var(--tab-active-border-width);
	    --tab-active-right-border-width: var(--tab-active-border-width);
	/* Border Style */
    --tab-active-border-style: var(--tab-border-style);
	    --tab-active-top-border-style: var(--tab-active-border-style);
	    --tab-active-bottom-border-style: var(--tab-active-border-style);
	    --tab-active-left-border-style: var(--tab-active-border-style);
	    --tab-active-right-border-style: var(--tab-active-border-style);
	
    /* *****************************************
	   --- Hover
	***************************************** */ 
    /* Border Color */
	--tab-hover-border-color: var(--tab-hover-bg-color);
	    --tab-hover-top-border-color: var(--tab-hover-border-color);
	    --tab-hover-bottom-border-color: var(--tab-hover-border-color);
	    --tab-hover-left-border-color: var(--tab-hover-border-color);
	    --tab-hover-right-border-color: var(--tab-hover-border-color);
    /* Border Radius */
	--tab-hover-top-border-radius: var(--tab-top-border-radius);
	    --tab-hover-bottom-border-radius: var(--tab-bottom-border-radius);
    /* Border Width */
	--tab-hover-border-width: var(--tab-border-width);
	    --tab-hover-top-border-width: var(--tab-hover-border-width);
	    --tab-hover-bottom-border-width: var(--tab-hover-border-width);
	    --tab-hover-left-border-width: var(--tab-hover-border-width);
	    --tab-hover-right-border-width: var(--tab-hover-border-width);
     /* Border Style */
	--tab-hover-border-style: var(--tab-border-style);
	    --tab-hover-top-border-style: var(--tab-hover-border-style);
	    --tab-hover-bottom-border-style: var(--tab-hover-border-style);
	    --tab-hover-left-border-style: var(--tab-hover-border-style);
	    --tab-hover-right-border-style: var(--tab-hover-border-style);
	
	/* ***************************************************
	   -- Tab Content
	*************************************************** */
    /* Background & Text */
	--tab-content-bg-color: var(--body-bg-color);
	--tab-content-fg-color: var(--body-fg-color);

    /* *****************************************
	   --- Tab Content Panels
	***************************************** */
    /* Header */
	--tab-content-multipane-header-bg-color: var(--tab-content-bg-color);
	--tab-content-multipane-header-fg-color: var(--tab-content-fg-color);
    /* Body */
	--tab-content-multipane-body-bg-color: var(--tab-content-bg-color);
	--tab-content-multipane-body-fg-color: var(--tab-content-fg-color);
    /* Left Aside */
	--tab-content-multipane-left-aside-bg-color: var(--tab-content-bg-color);
	--tab-content-multipane-left-aside-fg-color: var(--tab-content-fg-color);
    /*  Right Aside */
	--tab-content-multipane-right-aside-bg-color: var(--tab-content-bg-color);
	--tab-content-multipane-right-aside-fg-color: var(--tab-content-fg-color);
    /* Footer */
	--tab-content-multipane-footer-bg-color: var(--tab-content-bg-color);
	--tab-content-multipane-footer-fg-color: var(--tab-content-fg-color);

    /* *************************************************************
	   * Pagination *
	************************************************************* */
	--pager-bg-color: var(--theme-light);

	/* ***************************************************
	   -- Pager Items
	*************************************************** */
	--pager-item-bg-color: var(--theme-light);
	--pager-item-fg-color: var(--theme-dark);
    /* Disabled */
	--pager-item-disabled-bg-color: var(--theme-neutral-300);
	--pager-item-disabled-fg-color: var(--theme-neutral-500);
    /* Active */
	--pager-item-active-bg-color: var(--theme-main);
	--pager-item-active-fg-color: var(--theme-light);

	/* *************************************************************
	   * Warning Box *
	************************************************************* */
	--warning-box-bg-color: var(--theme-warning);
	--warning-box-fg-color: var(--theme-white);

	/* ***************************************************
	   -- Borders
	*************************************************** */
    /* Border Radius */
	--warning-box-top-border-radius: var(--border-radius);
	    --warning-box-bottom-border-radius: var(--border-radius);
    
    /* Border Color */
	--warning-box-border-color: var(--theme-warning);
	    --warning-box-top-border-color: var(--warning-box-border-color);
	    --warning-box-bottom-border-color: var(--warning-box-border-color);
	    --warning-box-left-border-color: var(--warning-box-border-color);
	    --warning-box-right-border-color: var(--warning-box-border-color);

    /* Border Width */
	--warning-box-border-width: var(--border-width);
        --warning-box-top-border-width: var(--warning-box-border-width);
	    --warning-box-bottom-border-width: var(--warning-box-border-width);
	    --warning-box-left-border-width: var(--warning-box-border-width);
	    --warning-box-right-border-width: var(--warning-box-border-width);

    /* Border Style */
	--warning-box-border-style: var(--border-style);
	    --warning-box-top-border-style: var(--warning-box-border-style);
	    --warning-box-bottom-border-style: var(--warning-box-border-style);
	    --warning-box-left-border-style: var(--warning-box-border-style);
	    --warning-box-right-border-style: var(--warning-box-border-style);


	/* ***********************************************************************
	   ** Properties/Right Sidebar **
	*********************************************************************** */


    /* ***********************************************************************
	   ** Footer **
	*********************************************************************** */
    /* Background & Text */
	--footer-bg-color: var(--theme-iq-neutral-100);
	--footer-fg-color: var(--theme-iq-neutral-900);
	--footer-font-size: var(--body-font-size);

	/* *************************************************************
	   * Borders
	************************************************************* */
    /* Border Radius */
	--footer-top-border-radius: 0.25rem;
	    --footer-bottom-border-radius: 0px;

    /* Border Color */
	--footer-border-color: var(--border-color);
	    --footer-top-border-color: var(--footer-border-color);
	    --footer-bottom-border-color: var(--footer-border-color);
	    --footer-left-border-color: var(--footer-border-color);
	    --footer-right-border-color: var(--footer-border-color);

    /* Border Width */
	--footer-border-width: var(--border-width);
	    --footer-top-border-width: var(--footer-border-width);
	    --footer-bottom-border-width: var(--footer-border-width);
	    --footer-left-border-width: var(--footer-border-width);
	    --footer-right-border-width: var(--footer-border-width);
    
    /* Border Style */
	--footer-border-style: var(--border-style);
	    --footer-top-border-style: var(--footer-border-style);
	    --footer-bottom-border-style: var(--footer-border-style);
	    --footer-left-border-style: var(--footer-border-style);
	    --footer-right-border-style: var(--footer-border-style);
}

body {
	overflow-y: scroll;
}

#primarynav {
	border-bottom: 5px solid var(--header-border-color);
	background-color: var(--header-bg-color);
}

.client-logo {
	content: var(--client-logo);
	max-height: 84px;
}

.client-logo-sm{
	content: var(--client-logo-sm);
	padding: 0.5rem;
	max-height: calc(40px + 0.5rem);
}

.curriqunet-logo {
	content: var(--curriqunet-logo);
	max-height: 40px;
}

#catalog-title {
	color: var(--catalog-title-color);
}

#catalog-subtitle {
	color: var(--catalog-sub-title-color);
}

#search-toolbar .form-control:focus {
	border-color: var(--theme-main);
	box-shadow: 0 0 3px 0.1rem var(--form-focus-highlight);
}

.export-pdf {
	color: var(--pdf-export-link-color);
}

	.export-pdf:hover {
		color: var(--pdf-export-active-color);
		text-decoration: none;
	}

	.export-pdf:not([href]):hover {
		/* Show a not-allowed cursor if the link has not been resolved yet */
		cursor: not-allowed;
	}

.iq-nologo .iq-small-logo {
	display: none;
}

/* Page Overlay */
.overlay {
	display: none;
	position: fixed;
	/* full screen */
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	/* transparent black */
	background: rgba(0, 0, 0, 0.7);
	/* middle layer, i.e. appears below the sidebar */
	z-index: 998;
	opacity: 0;
	/* animate the transition */
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.iq-veil {
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	display: flex !important;
}
	.iq-veil.center {
		right: 0;
	}

	.iq-veil.veil {
		background-color: rgba(0,0,0,.1);
	}

/* disable scrolling on the body when masked */
body.masked {
	overflow: hidden;
}
	/* display .overlay when it has the .active class */
	body.masked .overlay {
		display: block;
		opacity: 1;
	}


/* Set padding to keep content from hitting the edges */
.content {
	margin-left: 0;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
	padding-top: 1.2rem;
	padding-bottom: 6rem;
}

.viewport-full {
	height: 100vh;
}

.footer {
	position: fixed;
	bottom: 0;
	/*flex-shrink: 0;*/
	font-size: var(--footer-font-size);
	background-color: var(--footer-bg-color);
	color: var(--footer-fg-color);
	border-top: var(--footer-top-border-width) var(--footer-top-border-style) var(--footer-top-border-color);
	border-bottom: var(--footer-bottom-border-width) var(--footer-bottom-border-style) var(--footer-bottom-border-color);
	border-left: var(--footer-left-border-width) var(--footer-left-border-style) var(--footer-left-border-color);
	border-right: var(--footer-right-border-width) var(--footer-right-border-style) var(--footer-right-border-color);
}

.warning-box {
	background-color: var(--warning-box-bg-color);
	color: var(--warning-box-fg-color);
	border-top: var(--warning-box-top-border-width) var(--warning-box-top-border-style) var(--warning-box-top-border-color);
	border-bottom: var(--warning-box-bottom-border-width) var(--warning-box-bottom-border-style) var(--warning-box-bottom-border-color);
	border-left: var(--warning-box-left-border-width) var(--warning-box-left-border-style) var(--warning-box-left-border-color);
	border-right: var(--warning-box-right-border-width) var(--warning-box-right-border-style) var(--warning-box-right-border-color);
	border-top-left-radius: var(--warning-box-top-border-radius);
	border-top-right-radius: var(--warning-box-top-border-radius);
	border-bottom-left-radius: var(--warning-box-bottom-border-radius);
	border-bottom-right-radius: var(--warning-box-bottom-border-radius);
}

.warning-box-outline {
	border-top: var(--warning-box-top-border-width) var(--warning-box-top-border-style) var(--warning-box-top-border-color);
	border-bottom: var(--warning-box-bottom-border-width) var(--warning-box-bottom-border-style) var(--warning-box-bottom-border-color);
	border-left: var(--warning-box-left-border-width) var(--warning-box-left-border-style) var(--warning-box-left-border-color);
	border-right: var(--warning-box-right-border-width) var(--warning-box-right-border-style) var(--warning-box-right-border-color);
	border-top-left-radius: var(--warning-box-top-border-radius);
	border-top-right-radius: var(--warning-box-top-border-radius);
	border-bottom-left-radius: var(--warning-box-bottom-border-radius);
	border-bottom-right-radius: var(--warning-box-bottom-border-radius);
}

body.edit-mode .content {
	margin-left: 400px !important;
	/*-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;*/
}

.leftsidebar .content {
	margin-left: 400px;
	/*-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;*/
}

.rightsidebar .content {
	margin-right: 400px;
}

.subtitle {
	background-color: transparent;
	border-radius: 0.25rem;
	font-size: .8rem;
}

/* Override the default bootstrap behavior where horizontal description lists 
	 will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

.page-body-wrapper {
	width: 100%;
	display: flex;
}

	.page-body-wrapper > .navbar {
		padding: 0;
		box-shadow: 0 0 2px 0 #343A40;
	}


/*****************************************************************************/
/* Primary 5 Panel Layout Styles                                             */
/*****************************************************************************/
.main-content {
	/*border: 3px solid red;*/
}

#left-sidebar.pinned ~ .main-content {
	margin-left: 0;
	transition: all 0.15s ease-in-out;
}

#left-sidebar.pinned.show ~ .main-content {
	margin-left: 400px;
	transition: all 0.15s ease-in-out;
}

#right-sidebar.pinned ~ .main-content {
	margin-left: 0;
	transition: all 0.15s ease-in-out;
}

#right-sidebar.pinned.show ~ .main-content {
	margin-right: 400px;
	transition: all 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	#left-sidebar.pinned.show ~ .main-content,
	#right-sidebar.pinned.show ~ .main-content,
	#left-sidebar.pinned ~ .main-content,
	#right-sidebar.pinned ~ .main-content {
		transition: none;
	}
}


/* END Layout Styles                                                         */


/*****************************************************************************/
/* User Menu Styles */
/*****************************************************************************/
.nav > .user-menu > .dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
	border-top-width: 0;
	width: 250px;
}

	.nav > .user-menu > .dropdown-menu,
	.nav > .user-menu > .dropdown-menu > .user-body {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

		.nav > .user-menu > .dropdown-menu > li.user-header {
			padding: 10px;
			text-align: center;
		}

			.nav > .user-menu > .dropdown-menu > li.user-header > img {
				z-index: 5;
				/*height: 90px;
				width: 90px;*/
				border: 3px solid;
				border-color: transparent;
				border-color: rgba(255, 255, 255, 0.2);
			}

			.nav > .user-menu > .dropdown-menu > li.user-header > p {
				z-index: 5;
				color: #fff;
				color: rgba(255, 255, 255, 0.8);
				font-size: 17px;
				margin-top: 10px;
			}

				.nav > .user-menu > .dropdown-menu > li.user-header > p > small {
					display: block;
					font-size: 12px;
				}

		.nav > .user-menu > .dropdown-menu > .user-body {
			padding: 15px;
			border-bottom: 1px solid #f4f4f4;
			border-top: 1px solid #dddddd;
		}

			.nav > .user-menu > .dropdown-menu > .user-body:before,
			.nav > .user-menu > .dropdown-menu > .user-body:after {
				content: " ";
				display: table;
			}

			.nav > .user-menu > .dropdown-menu > .user-body:after {
				clear: both;
			}

			.nav > .user-menu > .dropdown-menu > .user-body a {
				color: #444 !important;
			}

@media (max-width: 991px) {
	.nav > .user-menu > .dropdown-menu > .user-body a {
		background: #fff !important;
		color: #444 !important;
	}
}

.nav > .user-menu > .dropdown-menu > .user-footer {
	background-color: #f9f9f9;
	padding: 10px;
}

	.nav > .user-menu > .dropdown-menu > .user-footer:before,
	.nav > .user-menu > .dropdown-menu > .user-footer:after {
		content: " ";
		display: table;
	}

	.nav > .user-menu > .dropdown-menu > .user-footer:after {
		clear: both;
	}

	.nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
		color: #666666;
	}

@media (max-width: 991px) {
	.nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
		background-color: #f9f9f9;
	}
}

.nav > .user-menu .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: -2px;
}

.nav-link .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	/*margin-top: -2px;*/
}

@media (max-width: 767px) {
	.nav > .user-menu .user-image {
		float: none;
		margin-right: 0;
		margin-top: -8px;
		line-height: 10px;
	}

	.nav-link .user-image {
		float: none;
		margin-right: 0;
		margin-top: -8px;
		line-height: 10px;
	}
}
/* END User Menu Styles                                                      */

/*****************************************************************************/
/* Left Off-screen Sidebar                                                  */
/*****************************************************************************/

/*#leftsidebar {
	position: fixed;
	width: 0;
	left: -1px;
	background: var(--sidenav-bg-color);
	overflow-y: auto;
	border-top: 35px;
	border-left: 20px;
	border-right: 20px;
	border-bottom: 20px;
	border-style: solid;
	border-color: #fff;
	z-index: 1;*/
	/*-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;*/
	/*margin-top: 150px;*/
/*}

.leftsidebar #leftsidebar {
	left: 0;
}*/

.content li[data-toggle='leftsidebar'] {
	cursor: pointer;
}

	.content li[data-toggle='leftsidebar']:hover {
		opacity: 0.7;
	}

/* Hides the toggler for opening the left sidebar */
.leftsidebar .content li[data-toggle='leftsidebar'][data-action='open'] {
	/*display: none;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;*/
}

/* Style for the toggler for closing the left sidebar */
.leftsidebar .sidebar-menu div[data-toggle='leftsidebar'][data-action='close'] {
	/*color: #b8c7ce;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
	cursor: pointer;*/
}

	.leftsidebar .sidebar-menu div[data-toggle='leftsidebar'][data-action='close']:hover {
		color: #fff;
	}

/*****************************************************************************/
/* Right Off-screen Sidebar                                                  */
/*****************************************************************************/

/*#rightsidebar {
	position: fixed;
	width: 0;
	right: -1px;
	background: #FFF;
	color: #1e282c;
	overflow-y: auto;
	border-top: 14px solid transparent;
	border-left: 20px solid transparent;
	border-right: none;
	border-bottom: none;
}*/

	/* Override the header styles */
	/*#rightsidebar div.header {
		color: #4b646f;
		background: #b8c7ce;
	}


.rightsidebar #rightsidebar {
	right: 0;*/
	/*border-left: 1px solid #ced4da;*/
/*}*/

.content li[data-toggle='rightsidebar'] {
	cursor: pointer;
}

	.content li[data-toggle='rightsidebar']:hover {
		opacity: 0.7;
	}

	.content li[data-toggle='rightsidebar'][data-action='open'] {
		display: block;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-webkit-transition: all 0.15s;
		transition: all 0.15s;
	}

/* Hide the toggler for opening the right side bar */
.rightsidebar .content li[data-toggle='rightsidebar'][data-action='open'] {
	display: none;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

/* Style for the toggler for closing the right sidebar */
.rightsidebar .sidebar-menu div[data-toggle='rightsidebar'][data-action='close'] {
	color: #4b646f;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
	cursor: pointer;
}

	.rightsidebar .sidebar-menu div[data-toggle='rightsidebar'][data-action='close']:hover {
		color: #000;
	}


#rightsidebar .tab-panel {
	padding: 8px;
}

#rightsidebar > #rightsideproperties {
	border-left: 1px solid silver;
}

#rightsidebar .nav-tabs {
	padding: 5px 5px 0 5px;
	border-bottom: 1px solid #85888B;
	background-color: #f8f9fa;
}

	#rightsidebar .nav-tabs > .nav-item {
		font-size: 12px;
	}

		#rightsidebar .nav-tabs > .nav-item > .nav-link {
			padding: .25rem .5rem;
			border-radius: 0;
			background: #CFD3D6;
			border-color: transparent;
			color: #343A40;
			-moz-transition: 0.15s all;
			-o-transition: 0.15s all;
			-webkit-transition: 0.15s all;
			transition: 0.15s all;
			border-bottom: 1px solid #808B93;
		}

			#rightsidebar .nav-tabs > .nav-item > .nav-link.active {
				color: #fff;
				background: #808B93;
			}

			#rightsidebar .nav-tabs > .nav-item > .nav-link:hover {
				color: #fff;
				background: #808B93;
			}


/*****************************************************************************/
/* Sidebars and Content Header                                               */
/*                                                                           */
/* WARNING: These styles support the ShowHeader and ShowSidebar extensions.  */
/* If you don't fully understand what is going on with these styles	DO NOT   */
/* make any changes or you will break the layout														 */
/*****************************************************************************/
.main-content > .iq-toolbar {
	z-index: 1001;
}

.editor-header > #primarynav {
	border-bottom: none;
	background-color: var(--header-bg-color);
}

.editor-header > .iq-header-container > .iq-header-container-row > .iq-content-header {
	padding: 0.5rem;
	border-bottom: 1px solid #dee2e6;
	flex: 1 1 auto !important;
}

.editor-header > .iq-header-container {
	border-bottom: 5px solid var(--header-border-color);
	background-color: var(--header-bg-color);
}

.main-content > .iq-header-container > .iq-header-container-row > .iq-content-header {
	padding: 0.5rem;
	background: #f8f9fa;
	border-bottom: 1px solid #dee2e6;
	flex: 1 1 auto !important;
}

.start-nav-toggle, .end-nav-toggle {
	white-space: nowrap !important;
}
/* WARNING: These next two styles determine the visible of header toggles for the left and right sidebars. They are dependent on 
	specific positioning of the sidebars in the dom being sibling elements of the content toolbar. If the DOM gets changed
	and the sidebars and content toolbar are no longer siblings, or if the tree structure changes it will result in a behavior
	change.
*/
#left-sidebar.show ~ .main-content > .iq-header-container > .iq-header-container-row > .iq-content-header > .start-nav-toggle {
	display: none;
}

#right-sidebar.show ~ .main-content > .iq-header-container > .iq-header-container-row > .iq-content-header > .end-nav-toggle {
	display: none;
}

.main-content .content-body {
	padding: 1.0rem;
	padding-top: 0;
	padding-bottom: 25%;
}

/* Override the default bootstrap breadcrumb to be less in your face */
.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0.5rem;
	list-style: none;
	background-color: transparent;
	border-radius: 0.25rem;
	font-size: .8rem;
}

.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {
	content: "•";
}

/* Top Navigation Bar Styles */
.primary-nav {
	height: 56px;
}

.search-nav {
	height: 47px;
}

#search-toolbar {
	min-width: 270px;
}

.utility-nav {
	height: 47px;
}

/* User Menu Styles */
.navbar-nav > .user-menu > .dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
	border-top-width: 0;
	width: 250px;
	z-index: 1021;
}

	.navbar-nav > .user-menu > .dropdown-menu,
	.navbar-nav > .user-menu > .dropdown-menu > .user-body {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

		.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
			padding: 10px;
			text-align: center;
		}

			.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
				z-index: 5;
				/*height: 90px;
				width: 90px;*/
				border: 3px solid;
				border-color: transparent;
				border-color: rgba(255, 255, 255, 0.2);
			}

			.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
				z-index: 5;
				color: #fff;
				color: rgba(255, 255, 255, 0.8);
				font-size: 17px;
				margin-top: 10px;
			}

				.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
					display: block;
					font-size: 12px;
				}

		.navbar-nav > .user-menu > .dropdown-menu > .user-body {
			padding: 15px;
			border-bottom: 1px solid #f4f4f4;
			border-top: 1px solid #dddddd;
		}

			.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
			.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
				content: " ";
				display: table;
			}

			.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
				clear: both;
			}

			.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
				color: #444 !important;
			}

@media (max-width: 991px) {
	#primarynav {
		border-bottom-width: 1px;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
		background: #fff !important;
		color: #444 !important;
	}

	#leftsidebar {
		border: none;
	}

	.leftsidebar .content {
		margin-left: 0;
	}

	#leftsidebar.collapse {
		display: block !important;
	}

	#leftsidebar.collapse.show {
		width: 100% !important;
	}

	.footer{
		position: static;
	}
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
	background-color: #f9f9f9;
	padding: 10px;
}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
	.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
		content: " ";
		display: table;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
		clear: both;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
		color: #666666;
	}

@media (max-width: 991px) {
	.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
		background-color: #f9f9f9;
	}
}

.navbar-nav > .user-menu .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: -2px;
}

.navbar-nav-link .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	/*margin-top: -2px;*/
}

@media (max-width: 767px) {
	.navbar-nav > .user-menu .user-image {
		float: none;
		margin-right: 0;
		margin-top: -8px;
		line-height: 10px;
	}

	.navbar-nav-link .user-image {
		float: none;
		margin-right: 0;
		margin-top: -8px;
		line-height: 10px;
	}
}

/* END User Menu Styles */

/* Boostrap Select Additional Styles*/
.input-group-sm .bootstrap-select button {
	font-size: 0.875rem;
	padding: 0.25rem 1.0rem 0.25rem 0.25rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

/* Overflow Drop Menu Styles */
.overflow-tab .dropdown-menu .nav-item .nav-link {
	border: none;
	border-radius: 0;
	font-size: 12px;
}

.overflow-tab .dropdown-menu .nav-link.active {
	border: none;
}

.overflow-tab .dropdown-menu .nav-item:hover .nav-link {
	background-color: #808B93;
	color: #fff;
}

#search-results.offcanvas-end {
	width: 800px;
}

#search-results > .search-results-header {
	background: #212121;
}

#search-results .search-results-count {
	background: transparent;
}

mark {
	padding: 0;
	background-color: rgba(0, 108, 53,.3);
}

/* End Overflow Drop Menu Styles */

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
	max-width: 280px;
}*/


/* Skin definitions - Temporary until full skin system is done */
.skin-black li.user-header {
	background-color: #222;
}

.iq-password {
	position: relative;
}

	.iq-password .iq-password-hideshow {
		position: absolute;
		right: 15px;
		top: 35px;
	}



/*******************************************************************************
	Dashboard Styles
*******************************************************************************/
.iq-dashboard-widget-body {
	overflow-y: scroll;
}

.noteCount::after {
	content: attr(data-note-count);
	position: relative;
	top: -22px;
	right: -10px;
	background-color: #DF7401;
	border-radius: 50%;
	font-size: smaller;
	color: white;
	width: 15px;
	height: 15px;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.noteCount[data-note-count="0"]::after {
	display: none;
}

/*************************************************************************************
	Disable Drag Selection Styles
	Do not change these.
*************************************************************************************/

nav, .iq-offscreen, offcanvas, button, [data-iq-toggle], .accordion-header {
	user-select: none !important;
}

/****************************************************************************
	Multi-tab Content
****************************************************************************/

.iq-content-tabs {
	padding-left: .25rem;
	margin-top: .25rem;
}

	.iq-content-tabs .nav-item .nav-link {
		padding: .5rem;
	}

/****************************************************************************
	Forms
****************************************************************************/
#form-sections .iq-form-section.loading {
	pointer-events: none;
	user-select: none;
	/*opacity: 0.5;*/ /* optional: visual feedback */
}

.district-column-width{
	width: 100px;
}


.proposaltype-column-width {
	width: 120px;
}

.organizationtitle-column-width {
	width: 120px;
}

.subject-column-width {
	width:70px;
}

.title-column-width {
	width:180px;	
}

.position-column-width {
	width:150px;
}

.report-column-width {
	width:60px;
}

.hold-column-width 
{
	width: 120px;
}

.confirmation-text
{ 
		font-size: 16px;
		margin-left: 10px;
}

.confirmation-text-title
{
		color: #F58A01;
		font-weight: bold;
}

.OnHold {
	background-color: #FFDDDD;
}

.t-alt td.OnHold {
	background-color: #FFDDDD;
}

.OnHold:hover {
	background-color: #FFAAAA;
}

.t-alt td.OnHold:hover {
	background-color: #FFAAAA;
}

.g-otherApproval {
	background-color: #FFF7E7;
}

.talt td.g-otherApproval {
	background-color: #FFF7E7;
}

.g-otherApproval:hover {
	background-color: #FFEFD2;
}

.talt td.g-otherApproval:hover {
	background-color: #FFEFD2;
}



/* BEGIN - course summaries display */

.container-fluid.course-summary-wrapper {
	margin: 0;
	padding: 3px;
	border: none;
}

	.container-fluid.course-summary-wrapper .row:first-child {
		font-weight: 600;
	}

	.container-fluid.course-summary-wrapper .grade-option[data-grade-option="Letter"] {
		display: none;
	}

	.container-fluid.course-summary-wrapper .course-status-display {
		display: none;
	}

		.container-fluid.course-summary-wrapper .course-status-display[data-status-alias="Discontinued"] {
			display: inline;
			color: red;
			font-style: italic;
		}

		.container-fluid.course-summary-wrapper .course-status-display .course-status-display-period {
			color: initial;
		}

	.container-fluid.course-summary-wrapper .repeat-option {
		text-transform: lowercase;
	}

.course-has-other-versions {
	color: red;
	font-style: italic;
	display: inline;
}

/* Rule for custom course summaries to allow the other-versions text to work */
.custom-course-summary-context-wrapper[data-course-has-other-versions="false"] .course-has-other-versions {
	display: none;
}

/* END - course summaries display */

/* Program summary (description, etc.) display */

/* HACK to get program outcomes output for some new catalog clients until we have a more robust solution in place */
/* Hide the program outcomes output by default (will be overriden in client stylesheets for those who want this output) */
/* This hack involves adding it to the program summary, so targeting it only inside the .program-summary-wrapper */
.program-summary-wrapper .program-outcomes-summary-wrapper {
	display: none;
}

/* END - Program summary (description, etc.) display */

/* UC Davis skin - program requirements (program blocks) display */

.course-block-ucdavis .child-wrapper {
	margin-bottom: 1em;
}

.course-block-ucdavis .parent-wrapper[data-has-header="true"] > .child-wrapper, .course-block-ucdavis.block-title.parent-wrapper > .child-wrapper,
.course-block-ucdavis .course-entry > .child-wrapper[data-child-type="block-entry-footer"] {
	/* 15px of padding required by Bootstrap, 2.5em by UC Davis spec */
	/* The 15px of padding in Bootstrap is balanced out by a -15px margin */
	padding-left: calc(15px + 2.5em);
	padding-right: calc(15px + 2.5em);
}

.course-block-ucdavis.block-title.parent-wrapper > .child-wrapper {
	margin-top: 1em;
}

.course-block-ucdavis .course-entry > .child-wrapper {
	margin-bottom: 0;
}

.course-block-ucdavis .parent-wrapper[data-has-condition="true"] > .child-wrapper:last-child {
	margin-bottom: 0;
}

.course-block-ucdavis .non-course-entry[data-has-children="true"] > .left-column {
	font-style: italic;
}

.course-block-ucdavis.block-title > .left-column, .course-block-ucdavis .block-units-label, .course-block-ucdaviss-total-credits {
	font-weight: bold;
}

.course-block-ucdavis .course-entry-status {
	display: none;
}

	.course-block-ucdavis .course-entry-status[data-status-alias="Discontinued"] {
		display: inline;
		color: red;
	}

.course-block-ucdavis .condition-row {
	text-transform: uppercase;
}

.course-block-ucdavis .block-entry[data-entry-style="Strong"] > :not(.child-wrapper):not(.right-column) {
	font-weight: bold;
}

.course-block-ucdavis .block-entry[data-entry-style="Strong/Italic"] > :not(.child-wrapper):not(.right-column) {
	font-weight: bold;
	font-style: italic;
}

.course-block-ucdavis .block-entry[data-entry-style="Italic"] > :not(.child-wrapper):not(.right-column) {
	font-style: italic;
}

.course-block-ucdavis .block-entry[data-entry-style="Underline"] > :not(.child-wrapper):not(.right-column) {
	text-decoration: underline;
}

.course-block-ucdavis .block-entry[data-entry-style="Italic/Underline"] > :not(.child-wrapper):not(.right-column) {
	font-style: italic;
	text-decoration: underline;
}

.course-block-ucdavis .block-entry[data-entry-style="Strong/Underline"] > :not(.child-wrapper):not(.right-column) {
	font-weight: bold;
	text-decoration: underline;
}
/* END - UC Davis skin - program requirements (program blocks) display */

/* BEGIN - Rendered course blocks styling - standard format */
.course-block-standard .child-wrapper {
	margin-bottom: 1em;
}

.course-block-standard .parent-wrapper[data-has-header-or-rendered-units="true"] > .child-wrapper, .course-block-standard.block-title.parent-wrapper > .child-wrapper {
	/* 15px of padding required by Bootstrap, 1em to give small indendation per level */
	/* The 15px of padding in Bootstrap is balanced out by a -15px margin */
	padding-left: calc(15px + 1em);
}

.course-block-standard.block-title.parent-wrapper > .child-wrapper {
	margin-top: 1em;
}

.course-block-standard .parent-wrapper[data-condition-output-is-next="true"] > .child-wrapper:last-child {
	margin-bottom: 0px;
}

.course-block-standard .non-course-entry[data-has-children="true"] > .non-course-row-core-wrapper > .non-course-row-core > .left-column {
	font-style: italic;
}

.course-block-standard.block-title > .block-title-row-core-wrapper > .block-title-row-core > .left-column, .course-block-standard .block-units-label, .course-block-standards-total-credits {
	font-weight: bold;
}

.course-block-standard .course-entry-status {
	display: none;
}

	.course-block-standard .course-entry-status[data-status-alias="Discontinued"] {
		display: inline;
		color: red;
		text-transform: lowercase;
	}

.course-block-standard .condition-row {
	text-transform: uppercase;
}

.course-block-standard .parent-wrapper[data-has-children="true"] > .non-course-row-core-wrapper > .non-course-row-core {
	background-color: #eeeeee;
}

.course-block-standard .course-entry, .course-block-standard .parent-wrapper[data-has-children="false"] > .non-course-row-core-wrapper > .non-course-row-core {
	border-bottom: 1px dotted #cccccc;
}

.course-block-standard.parent-wrapper[data-include-in-calculations="false"] > .block-title-row-core-wrapper > .block-title-row-core .block-units-display,
.course-block-standard.parent-wrapper[data-include-in-calculations="false"] > .block-title-row-core-wrapper > .block-title-row-core .block-units-label,
.course-block-standard.parent-wrapper[data-include-in-calculations="false"] .parent-wrapper[data-has-children="true"] > .non-course-row-core-wrapper > .non-course-row-core .block-entry-units-display,
.course-block-standard .parent-wrapper[data-include-in-calculations="false"] > .non-course-row-core-wrapper > .non-course-row-core .block-entry-units-display,
.course-block-standard .parent-wrapper[data-include-in-calculations="false"] .parent-wrapper[data-has-children="true"] > .non-course-row-core-wrapper > .non-course-row-core .block-entry-units-display {
	display: none;
}

.course-block-standard .parent-wrapper[data-has-children="true"][data-has-header="false"][data-include-in-calculations="false"] > .child-wrapper {
	/* reset padding to Bootstrap default */
	padding-left: 15px;
}

.course-block-standard .parent-wrapper[data-has-children="true"][data-has-header="false"][data-include-in-calculations="false"] > .non-course-row-core-wrapper {
	display: none;
}
/* END - Rendered course blocks styling - standard format */

.popover {
	font-size: var(--body-font-size);
}

/* ******* */
/* Course links */
/* ******* */
/* The default max-width by bootstrap is 276px*/
@media (min-width: 576px) {
	.popover {
		/*background-color: yellow;*/
		max-width: calc(100vw - 80vw + (calc(100vh - 80vh)));
	}
}

/*@media (min-width: 576px) {
	.popover {
		background-color: red;*/
		/*(276 / 576) * 768*/
		/*max-width: 368px; 
	}
}

@media (min-width: 768px) {
	.popover {
		background-color: green;
		max-width: 475.33px;
	}
}

@media (min-width: 992px) {
	.popover {
		background-color: purple;
		max-width: 575px;
	}
}

@media (min-width: 1200px) {
	.popover {
		background-color: black;
		max-width: 670px;
	}
}

@media (min-width: 1400px) {
	.popover {
		background-color: yellow;
		max-width: 800px;
		max-width: calc(100vw - 80vw + (calc(100vh - 80vh)));
	}
}*/
