.mcss-backgrounds-outOfBounds {
  background-image: url(images/patterns/pattern-not-allowed@2x.png);
  background-size: 16px 16px;
  opacity: .8;
}

.mcss-button-layout {
  display: inline-block;
  position: relative;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-button-filledPadding {
  padding: 2px;
}

.mcss-button-outlineBorder {
  border-width: 2px;
  border-style: solid;
}

.mcss-button-displayDefaults {
  text-align: center;
  background-image: none;
  overflow: hidden;
}

.mcss-button-hoverable {
  color: #66adc7;
  fill: #66adc7;
  cursor: pointer;
}

.mcss-button-hoverable:hover {
  color: #0a4e70;
  fill: #0a4e70;
}

.mcss-colors-backgroundColor__tcAmber {
  background-color: #f7b51b;
}

.mcss-colors-borderColor__tcAmber {
  border-color: #f7b51b;
}

.mcss-colors-borderLeftColor__tcAmber {
  border-left-color: #f7b51b;
}

.mcss-colors-borderRightColor__tcAmber {
  border-right-color: #f7b51b;
}

.mcss-colors-borderBottomColor__tcAmber {
  border-bottom-color: #f7b51b;
}

.mcss-colors-borderTopColor__tcAmber {
  border-top-color: #f7b51b;
}

.mcss-colors-color__tcAmber {
  color: #f7b51b;
}

.mcss-colors-fill__tcAmber {
  fill: #f7b51b;
}

.mcss-colors-stroke__tcAmber {
  stroke: #f7b51b;
}

.mcss-colors-backgroundColor__tcBlue {
  background-color: #16becc;
}

.mcss-colors-borderColor__tcBlue {
  border-color: #16becc;
}

.mcss-colors-borderLeftColor__tcBlue {
  border-left-color: #16becc;
}

.mcss-colors-borderRightColor__tcBlue {
  border-right-color: #16becc;
}

.mcss-colors-borderBottomColor__tcBlue {
  border-bottom-color: #16becc;
}

.mcss-colors-borderTopColor__tcBlue {
  border-top-color: #16becc;
}

.mcss-colors-color__tcBlue {
  color: #16becc;
}

.mcss-colors-fill__tcBlue {
  fill: #16becc;
}

.mcss-colors-stroke__tcBlue {
  stroke: #16becc;
}

.mcss-colors-backgroundColor__tcCoral {
  background-color: #d9402b;
}

.mcss-colors-borderColor__tcCoral {
  border-color: #d9402b;
}

.mcss-colors-borderLeftColor__tcCoral {
  border-left-color: #d9402b;
}

.mcss-colors-borderRightColor__tcCoral {
  border-right-color: #d9402b;
}

.mcss-colors-borderBottomColor__tcCoral {
  border-bottom-color: #d9402b;
}

.mcss-colors-borderTopColor__tcCoral {
  border-top-color: #d9402b;
}

.mcss-colors-color__tcCoral {
  color: #d9402b;
}

.mcss-colors-fill__tcCoral {
  fill: #d9402b;
}

.mcss-colors-stroke__tcCoral {
  stroke: #d9402b;
}

.mcss-colors-backgroundColor__tcGreen {
  background-color: #5dc744;
}

.mcss-colors-borderColor__tcGreen {
  border-color: #5dc744;
}

.mcss-colors-borderLeftColor__tcGreen {
  border-left-color: #5dc744;
}

.mcss-colors-borderRightColor__tcGreen {
  border-right-color: #5dc744;
}

.mcss-colors-borderBottomColor__tcGreen {
  border-bottom-color: #5dc744;
}

.mcss-colors-borderTopColor__tcGreen {
  border-top-color: #5dc744;
}

.mcss-colors-color__tcGreen {
  color: #5dc744;
}

.mcss-colors-fill__tcGreen {
  fill: #5dc744;
}

.mcss-colors-stroke__tcGreen {
  stroke: #5dc744;
}

.mcss-colors-backgroundColor__tcLightGrey {
  background-color: #d8d5d6;
}

.mcss-colors-borderColor__tcLightGrey {
  border-color: #d8d5d6;
}

.mcss-colors-borderLeftColor__tcLightGrey {
  border-left-color: #d8d5d6;
}

.mcss-colors-borderRightColor__tcLightGrey {
  border-right-color: #d8d5d6;
}

.mcss-colors-borderBottomColor__tcLightGrey {
  border-bottom-color: #d8d5d6;
}

.mcss-colors-borderTopColor__tcLightGrey {
  border-top-color: #d8d5d6;
}

.mcss-colors-color__tcLightGrey {
  color: #d8d5d6;
}

.mcss-colors-fill__tcLightGrey {
  fill: #d8d5d6;
}

.mcss-colors-stroke__tcLightGrey {
  stroke: #d8d5d6;
}

.mcss-colors-backgroundColor__tcNavy {
  background-color: #0a4e70;
}

.mcss-colors-borderColor__tcNavy {
  border-color: #0a4e70;
}

.mcss-colors-borderLeftColor__tcNavy {
  border-left-color: #0a4e70;
}

.mcss-colors-borderRightColor__tcNavy {
  border-right-color: #0a4e70;
}

.mcss-colors-borderBottomColor__tcNavy {
  border-bottom-color: #0a4e70;
}

.mcss-colors-borderTopColor__tcNavy {
  border-top-color: #0a4e70;
}

.mcss-colors-color__tcNavy {
  color: #0a4e70;
}

.mcss-colors-fill__tcNavy {
  fill: #0a4e70;
}

.mcss-colors-stroke__tcNavy {
  stroke: #0a4e70;
}

.mcss-colors-backgroundColor__tcSoftBlue {
  background-color: #66adc7;
}

.mcss-colors-borderColor__tcSoftBlue {
  border-color: #66adc7;
}

.mcss-colors-borderLeftColor__tcSoftBlue {
  border-left-color: #66adc7;
}

.mcss-colors-borderRightColor__tcSoftBlue {
  border-right-color: #66adc7;
}

.mcss-colors-borderBottomColor__tcSoftBlue {
  border-bottom-color: #66adc7;
}

.mcss-colors-borderTopColor__tcSoftBlue {
  border-top-color: #66adc7;
}

.mcss-colors-color__tcSoftBlue {
  color: #66adc7;
}

.mcss-colors-fill__tcSoftBlue {
  fill: #66adc7;
}

.mcss-colors-stroke__tcSoftBlue {
  stroke: #66adc7;
}

.mcss-colors-backgroundColor__tcWarmGrey {
  background-color: #60545c;
}

.mcss-colors-borderColor__tcWarmGrey {
  border-color: #60545c;
}

.mcss-colors-borderLeftColor__tcWarmGrey {
  border-left-color: #60545c;
}

.mcss-colors-borderRightColor__tcWarmGrey {
  border-right-color: #60545c;
}

.mcss-colors-borderBottomColor__tcWarmGrey {
  border-bottom-color: #60545c;
}

.mcss-colors-borderTopColor__tcWarmGrey {
  border-top-color: #60545c;
}

.mcss-colors-color__tcWarmGrey {
  color: #60545c;
}

.mcss-colors-fill__tcWarmGrey {
  fill: #60545c;
}

.mcss-colors-stroke__tcWarmGrey {
  stroke: #60545c;
}

.mcss-colors-backgroundColor__navy1 {
  background-color: #0d4462;
}

.mcss-colors-borderColor__navy1 {
  border-color: #0d4462;
}

.mcss-colors-borderLeftColor__navy1 {
  border-left-color: #0d4462;
}

.mcss-colors-borderRightColor__navy1 {
  border-right-color: #0d4462;
}

.mcss-colors-borderBottomColor__navy1 {
  border-bottom-color: #0d4462;
}

.mcss-colors-borderTopColor__navy1 {
  border-top-color: #0d4462;
}

.mcss-colors-color__navy1 {
  color: #0d4462;
}

.mcss-colors-fill__navy1 {
  fill: #0d4462;
}

.mcss-colors-stroke__navy1 {
  stroke: #0d4462;
}

.mcss-colors-backgroundColor__navy2 {
  background-color: #0d3a55;
}

.mcss-colors-borderColor__navy2 {
  border-color: #0d3a55;
}

.mcss-colors-borderLeftColor__navy2 {
  border-left-color: #0d3a55;
}

.mcss-colors-borderRightColor__navy2 {
  border-right-color: #0d3a55;
}

.mcss-colors-borderBottomColor__navy2 {
  border-bottom-color: #0d3a55;
}

.mcss-colors-borderTopColor__navy2 {
  border-top-color: #0d3a55;
}

.mcss-colors-color__navy2 {
  color: #0d3a55;
}

.mcss-colors-fill__navy2 {
  fill: #0d3a55;
}

.mcss-colors-stroke__navy2 {
  stroke: #0d3a55;
}

.mcss-colors-backgroundColor__navy3 {
  background-color: #06243c;
}

.mcss-colors-borderColor__navy3 {
  border-color: #06243c;
}

.mcss-colors-borderLeftColor__navy3 {
  border-left-color: #06243c;
}

.mcss-colors-borderRightColor__navy3 {
  border-right-color: #06243c;
}

.mcss-colors-borderBottomColor__navy3 {
  border-bottom-color: #06243c;
}

.mcss-colors-borderTopColor__navy3 {
  border-top-color: #06243c;
}

.mcss-colors-color__navy3 {
  color: #06243c;
}

.mcss-colors-fill__navy3 {
  fill: #06243c;
}

.mcss-colors-stroke__navy3 {
  stroke: #06243c;
}

.mcss-colors-backgroundColor__navy4 {
  background-color: #29607c;
}

.mcss-colors-borderColor__navy4 {
  border-color: #29607c;
}

.mcss-colors-borderLeftColor__navy4 {
  border-left-color: #29607c;
}

.mcss-colors-borderRightColor__navy4 {
  border-right-color: #29607c;
}

.mcss-colors-borderBottomColor__navy4 {
  border-bottom-color: #29607c;
}

.mcss-colors-borderTopColor__navy4 {
  border-top-color: #29607c;
}

.mcss-colors-color__navy4 {
  color: #29607c;
}

.mcss-colors-fill__navy4 {
  fill: #29607c;
}

.mcss-colors-stroke__navy4 {
  stroke: #29607c;
}

.mcss-colors-backgroundColor__navy5 {
  background-color: #3f718b;
}

.mcss-colors-borderColor__navy5 {
  border-color: #3f718b;
}

.mcss-colors-borderLeftColor__navy5 {
  border-left-color: #3f718b;
}

.mcss-colors-borderRightColor__navy5 {
  border-right-color: #3f718b;
}

.mcss-colors-borderBottomColor__navy5 {
  border-bottom-color: #3f718b;
}

.mcss-colors-borderTopColor__navy5 {
  border-top-color: #3f718b;
}

.mcss-colors-color__navy5 {
  color: #3f718b;
}

.mcss-colors-fill__navy5 {
  fill: #3f718b;
}

.mcss-colors-stroke__navy5 {
  stroke: #3f718b;
}

.mcss-colors-backgroundColor__navy6 {
  background-color: #6e95a7;
}

.mcss-colors-borderColor__navy6 {
  border-color: #6e95a7;
}

.mcss-colors-borderLeftColor__navy6 {
  border-left-color: #6e95a7;
}

.mcss-colors-borderRightColor__navy6 {
  border-right-color: #6e95a7;
}

.mcss-colors-borderBottomColor__navy6 {
  border-bottom-color: #6e95a7;
}

.mcss-colors-borderTopColor__navy6 {
  border-top-color: #6e95a7;
}

.mcss-colors-color__navy6 {
  color: #6e95a7;
}

.mcss-colors-fill__navy6 {
  fill: #6e95a7;
}

.mcss-colors-stroke__navy6 {
  stroke: #6e95a7;
}

.mcss-colors-backgroundColor__navy7 {
  background-color: #a0b9c4;
}

.mcss-colors-borderColor__navy7 {
  border-color: #a0b9c4;
}

.mcss-colors-borderLeftColor__navy7 {
  border-left-color: #a0b9c4;
}

.mcss-colors-borderRightColor__navy7 {
  border-right-color: #a0b9c4;
}

.mcss-colors-borderBottomColor__navy7 {
  border-bottom-color: #a0b9c4;
}

.mcss-colors-borderTopColor__navy7 {
  border-top-color: #a0b9c4;
}

.mcss-colors-color__navy7 {
  color: #a0b9c4;
}

.mcss-colors-fill__navy7 {
  fill: #a0b9c4;
}

.mcss-colors-stroke__navy7 {
  stroke: #a0b9c4;
}

.mcss-colors-backgroundColor__navy8 {
  background-color: #104f6f;
}

.mcss-colors-borderColor__navy8 {
  border-color: #104f6f;
}

.mcss-colors-borderLeftColor__navy8 {
  border-left-color: #104f6f;
}

.mcss-colors-borderRightColor__navy8 {
  border-right-color: #104f6f;
}

.mcss-colors-borderBottomColor__navy8 {
  border-bottom-color: #104f6f;
}

.mcss-colors-borderTopColor__navy8 {
  border-top-color: #104f6f;
}

.mcss-colors-color__navy8 {
  color: #104f6f;
}

.mcss-colors-fill__navy8 {
  fill: #104f6f;
}

.mcss-colors-stroke__navy8 {
  stroke: #104f6f;
}

.mcss-colors-backgroundColor__green1 {
  background-color: #82cf72;
}

.mcss-colors-borderColor__green1 {
  border-color: #82cf72;
}

.mcss-colors-borderLeftColor__green1 {
  border-left-color: #82cf72;
}

.mcss-colors-borderRightColor__green1 {
  border-right-color: #82cf72;
}

.mcss-colors-borderBottomColor__green1 {
  border-bottom-color: #82cf72;
}

.mcss-colors-borderTopColor__green1 {
  border-top-color: #82cf72;
}

.mcss-colors-color__green1 {
  color: #82cf72;
}

.mcss-colors-fill__green1 {
  fill: #82cf72;
}

.mcss-colors-stroke__green1 {
  stroke: #82cf72;
}

.mcss-colors-backgroundColor__softBlue0 {
  background-color: #b4d6e1;
}

.mcss-colors-borderColor__softBlue0 {
  border-color: #b4d6e1;
}

.mcss-colors-borderLeftColor__softBlue0 {
  border-left-color: #b4d6e1;
}

.mcss-colors-borderRightColor__softBlue0 {
  border-right-color: #b4d6e1;
}

.mcss-colors-borderBottomColor__softBlue0 {
  border-bottom-color: #b4d6e1;
}

.mcss-colors-borderTopColor__softBlue0 {
  border-top-color: #b4d6e1;
}

.mcss-colors-color__softBlue0 {
  color: #b4d6e1;
}

.mcss-colors-fill__softBlue0 {
  fill: #b4d6e1;
}

.mcss-colors-stroke__softBlue0 {
  stroke: #b4d6e1;
}

.mcss-colors-backgroundColor__softBlue1 {
  background-color: #c4dee7;
}

.mcss-colors-borderColor__softBlue1 {
  border-color: #c4dee7;
}

.mcss-colors-borderLeftColor__softBlue1 {
  border-left-color: #c4dee7;
}

.mcss-colors-borderRightColor__softBlue1 {
  border-right-color: #c4dee7;
}

.mcss-colors-borderBottomColor__softBlue1 {
  border-bottom-color: #c4dee7;
}

.mcss-colors-borderTopColor__softBlue1 {
  border-top-color: #c4dee7;
}

.mcss-colors-color__softBlue1 {
  color: #c4dee7;
}

.mcss-colors-fill__softBlue1 {
  fill: #c4dee7;
}

.mcss-colors-stroke__softBlue1 {
  stroke: #c4dee7;
}

.mcss-colors-backgroundColor__softBlue2 {
  background-color: #e0eff4;
}

.mcss-colors-borderColor__softBlue2 {
  border-color: #e0eff4;
}

.mcss-colors-borderLeftColor__softBlue2 {
  border-left-color: #e0eff4;
}

.mcss-colors-borderRightColor__softBlue2 {
  border-right-color: #e0eff4;
}

.mcss-colors-borderBottomColor__softBlue2 {
  border-bottom-color: #e0eff4;
}

.mcss-colors-borderTopColor__softBlue2 {
  border-top-color: #e0eff4;
}

.mcss-colors-color__softBlue2 {
  color: #e0eff4;
}

.mcss-colors-fill__softBlue2 {
  fill: #e0eff4;
}

.mcss-colors-stroke__softBlue2 {
  stroke: #e0eff4;
}

.mcss-colors-backgroundColor__softBlue3 {
  background-color: #e8f3f7;
}

.mcss-colors-borderColor__softBlue3 {
  border-color: #e8f3f7;
}

.mcss-colors-borderLeftColor__softBlue3 {
  border-left-color: #e8f3f7;
}

.mcss-colors-borderRightColor__softBlue3 {
  border-right-color: #e8f3f7;
}

.mcss-colors-borderBottomColor__softBlue3 {
  border-bottom-color: #e8f3f7;
}

.mcss-colors-borderTopColor__softBlue3 {
  border-top-color: #e8f3f7;
}

.mcss-colors-color__softBlue3 {
  color: #e8f3f7;
}

.mcss-colors-fill__softBlue3 {
  fill: #e8f3f7;
}

.mcss-colors-stroke__softBlue3 {
  stroke: #e8f3f7;
}

.mcss-colors-backgroundColor__softBlue4 {
  background-color: #f0f7f9;
}

.mcss-colors-borderColor__softBlue4 {
  border-color: #f0f7f9;
}

.mcss-colors-borderLeftColor__softBlue4 {
  border-left-color: #f0f7f9;
}

.mcss-colors-borderRightColor__softBlue4 {
  border-right-color: #f0f7f9;
}

.mcss-colors-borderBottomColor__softBlue4 {
  border-bottom-color: #f0f7f9;
}

.mcss-colors-borderTopColor__softBlue4 {
  border-top-color: #f0f7f9;
}

.mcss-colors-color__softBlue4 {
  color: #f0f7f9;
}

.mcss-colors-fill__softBlue4 {
  fill: #f0f7f9;
}

.mcss-colors-stroke__softBlue4 {
  stroke: #f0f7f9;
}

.mcss-colors-backgroundColor__softBlue5 {
  background-color: #f7fbfc;
}

.mcss-colors-borderColor__softBlue5 {
  border-color: #f7fbfc;
}

.mcss-colors-borderLeftColor__softBlue5 {
  border-left-color: #f7fbfc;
}

.mcss-colors-borderRightColor__softBlue5 {
  border-right-color: #f7fbfc;
}

.mcss-colors-borderBottomColor__softBlue5 {
  border-bottom-color: #f7fbfc;
}

.mcss-colors-borderTopColor__softBlue5 {
  border-top-color: #f7fbfc;
}

.mcss-colors-color__softBlue5 {
  color: #f7fbfc;
}

.mcss-colors-fill__softBlue5 {
  fill: #f7fbfc;
}

.mcss-colors-stroke__softBlue5 {
  stroke: #f7fbfc;
}

.mcss-colors-backgroundColor__softBlue6 {
  background-color: #66adc7;
}

.mcss-colors-borderColor__softBlue6 {
  border-color: #66adc7;
}

.mcss-colors-borderLeftColor__softBlue6 {
  border-left-color: #66adc7;
}

.mcss-colors-borderRightColor__softBlue6 {
  border-right-color: #66adc7;
}

.mcss-colors-borderBottomColor__softBlue6 {
  border-bottom-color: #66adc7;
}

.mcss-colors-borderTopColor__softBlue6 {
  border-top-color: #66adc7;
}

.mcss-colors-color__softBlue6 {
  color: #66adc7;
}

.mcss-colors-fill__softBlue6 {
  fill: #66adc7;
}

.mcss-colors-stroke__softBlue6 {
  stroke: #66adc7;
}

.mcss-colors-backgroundColor__softBlue7 {
  background-color: #73d8e0;
}

.mcss-colors-borderColor__softBlue7 {
  border-color: #73d8e0;
}

.mcss-colors-borderLeftColor__softBlue7 {
  border-left-color: #73d8e0;
}

.mcss-colors-borderRightColor__softBlue7 {
  border-right-color: #73d8e0;
}

.mcss-colors-borderBottomColor__softBlue7 {
  border-bottom-color: #73d8e0;
}

.mcss-colors-borderTopColor__softBlue7 {
  border-top-color: #73d8e0;
}

.mcss-colors-color__softBlue7 {
  color: #73d8e0;
}

.mcss-colors-fill__softBlue7 {
  fill: #73d8e0;
}

.mcss-colors-stroke__softBlue7 {
  stroke: #73d8e0;
}

.mcss-colors-backgroundColor__softBlue8 {
  background-color: #b2d6e3;
}

.mcss-colors-borderColor__softBlue8 {
  border-color: #b2d6e3;
}

.mcss-colors-borderLeftColor__softBlue8 {
  border-left-color: #b2d6e3;
}

.mcss-colors-borderRightColor__softBlue8 {
  border-right-color: #b2d6e3;
}

.mcss-colors-borderBottomColor__softBlue8 {
  border-bottom-color: #b2d6e3;
}

.mcss-colors-borderTopColor__softBlue8 {
  border-top-color: #b2d6e3;
}

.mcss-colors-color__softBlue8 {
  color: #b2d6e3;
}

.mcss-colors-fill__softBlue8 {
  fill: #b2d6e3;
}

.mcss-colors-stroke__softBlue8 {
  stroke: #b2d6e3;
}

.mcss-colors-backgroundColor__softBlue9 {
  background-color: #b2d6e3;
}

.mcss-colors-borderColor__softBlue9 {
  border-color: #b2d6e3;
}

.mcss-colors-borderLeftColor__softBlue9 {
  border-left-color: #b2d6e3;
}

.mcss-colors-borderRightColor__softBlue9 {
  border-right-color: #b2d6e3;
}

.mcss-colors-borderBottomColor__softBlue9 {
  border-bottom-color: #b2d6e3;
}

.mcss-colors-borderTopColor__softBlue9 {
  border-top-color: #b2d6e3;
}

.mcss-colors-color__softBlue9 {
  color: #b2d6e3;
}

.mcss-colors-fill__softBlue9 {
  fill: #b2d6e3;
}

.mcss-colors-stroke__softBlue9 {
  stroke: #b2d6e3;
}

.mcss-colors-backgroundColor__softBlue10 {
  background-color: #74b4cd;
}

.mcss-colors-borderColor__softBlue10 {
  border-color: #74b4cd;
}

.mcss-colors-borderLeftColor__softBlue10 {
  border-left-color: #74b4cd;
}

.mcss-colors-borderRightColor__softBlue10 {
  border-right-color: #74b4cd;
}

.mcss-colors-borderBottomColor__softBlue10 {
  border-bottom-color: #74b4cd;
}

.mcss-colors-borderTopColor__softBlue10 {
  border-top-color: #74b4cd;
}

.mcss-colors-color__softBlue10 {
  color: #74b4cd;
}

.mcss-colors-fill__softBlue10 {
  fill: #74b4cd;
}

.mcss-colors-stroke__softBlue10 {
  stroke: #74b4cd;
}

.mcss-colors-backgroundColor__brightBlue0 {
  background-color: #24b4c3;
}

.mcss-colors-borderColor__brightBlue0 {
  border-color: #24b4c3;
}

.mcss-colors-borderLeftColor__brightBlue0 {
  border-left-color: #24b4c3;
}

.mcss-colors-borderRightColor__brightBlue0 {
  border-right-color: #24b4c3;
}

.mcss-colors-borderBottomColor__brightBlue0 {
  border-bottom-color: #24b4c3;
}

.mcss-colors-borderTopColor__brightBlue0 {
  border-top-color: #24b4c3;
}

.mcss-colors-color__brightBlue0 {
  color: #24b4c3;
}

.mcss-colors-fill__brightBlue0 {
  fill: #24b4c3;
}

.mcss-colors-stroke__brightBlue0 {
  stroke: #24b4c3;
}

.mcss-colors-backgroundColor__warmGrey1 {
  background-color: #80767d;
}

.mcss-colors-borderColor__warmGrey1 {
  border-color: #80767d;
}

.mcss-colors-borderLeftColor__warmGrey1 {
  border-left-color: #80767d;
}

.mcss-colors-borderRightColor__warmGrey1 {
  border-right-color: #80767d;
}

.mcss-colors-borderBottomColor__warmGrey1 {
  border-bottom-color: #80767d;
}

.mcss-colors-borderTopColor__warmGrey1 {
  border-top-color: #80767d;
}

.mcss-colors-color__warmGrey1 {
  color: #80767d;
}

.mcss-colors-fill__warmGrey1 {
  fill: #80767d;
}

.mcss-colors-stroke__warmGrey1 {
  stroke: #80767d;
}

.mcss-colors-backgroundColor__warmGrey2 {
  background-color: #a0989d;
}

.mcss-colors-borderColor__warmGrey2 {
  border-color: #a0989d;
}

.mcss-colors-borderLeftColor__warmGrey2 {
  border-left-color: #a0989d;
}

.mcss-colors-borderRightColor__warmGrey2 {
  border-right-color: #a0989d;
}

.mcss-colors-borderBottomColor__warmGrey2 {
  border-bottom-color: #a0989d;
}

.mcss-colors-borderTopColor__warmGrey2 {
  border-top-color: #a0989d;
}

.mcss-colors-color__warmGrey2 {
  color: #a0989d;
}

.mcss-colors-fill__warmGrey2 {
  fill: #a0989d;
}

.mcss-colors-stroke__warmGrey2 {
  stroke: #a0989d;
}

.mcss-colors-backgroundColor__warmGrey3 {
  background-color: #b0aaad;
}

.mcss-colors-borderColor__warmGrey3 {
  border-color: #b0aaad;
}

.mcss-colors-borderLeftColor__warmGrey3 {
  border-left-color: #b0aaad;
}

.mcss-colors-borderRightColor__warmGrey3 {
  border-right-color: #b0aaad;
}

.mcss-colors-borderBottomColor__warmGrey3 {
  border-bottom-color: #b0aaad;
}

.mcss-colors-borderTopColor__warmGrey3 {
  border-top-color: #b0aaad;
}

.mcss-colors-color__warmGrey3 {
  color: #b0aaad;
}

.mcss-colors-fill__warmGrey3 {
  fill: #b0aaad;
}

.mcss-colors-stroke__warmGrey3 {
  stroke: #b0aaad;
}

.mcss-colors-backgroundColor__warmGrey4 {
  background-color: #bfbbbe;
}

.mcss-colors-borderColor__warmGrey4 {
  border-color: #bfbbbe;
}

.mcss-colors-borderLeftColor__warmGrey4 {
  border-left-color: #bfbbbe;
}

.mcss-colors-borderRightColor__warmGrey4 {
  border-right-color: #bfbbbe;
}

.mcss-colors-borderBottomColor__warmGrey4 {
  border-bottom-color: #bfbbbe;
}

.mcss-colors-borderTopColor__warmGrey4 {
  border-top-color: #bfbbbe;
}

.mcss-colors-color__warmGrey4 {
  color: #bfbbbe;
}

.mcss-colors-fill__warmGrey4 {
  fill: #bfbbbe;
}

.mcss-colors-stroke__warmGrey4 {
  stroke: #bfbbbe;
}

.mcss-colors-backgroundColor__warmGrey5 {
  background-color: #d7d4d6;
}

.mcss-colors-borderColor__warmGrey5 {
  border-color: #d7d4d6;
}

.mcss-colors-borderLeftColor__warmGrey5 {
  border-left-color: #d7d4d6;
}

.mcss-colors-borderRightColor__warmGrey5 {
  border-right-color: #d7d4d6;
}

.mcss-colors-borderBottomColor__warmGrey5 {
  border-bottom-color: #d7d4d6;
}

.mcss-colors-borderTopColor__warmGrey5 {
  border-top-color: #d7d4d6;
}

.mcss-colors-color__warmGrey5 {
  color: #d7d4d6;
}

.mcss-colors-fill__warmGrey5 {
  fill: #d7d4d6;
}

.mcss-colors-stroke__warmGrey5 {
  stroke: #d7d4d6;
}

.mcss-colors-backgroundColor__warmGrey6 {
  background-color: #989095;
}

.mcss-colors-borderColor__warmGrey6 {
  border-color: #989095;
}

.mcss-colors-borderLeftColor__warmGrey6 {
  border-left-color: #989095;
}

.mcss-colors-borderRightColor__warmGrey6 {
  border-right-color: #989095;
}

.mcss-colors-borderBottomColor__warmGrey6 {
  border-bottom-color: #989095;
}

.mcss-colors-borderTopColor__warmGrey6 {
  border-top-color: #989095;
}

.mcss-colors-color__warmGrey6 {
  color: #989095;
}

.mcss-colors-fill__warmGrey6 {
  fill: #989095;
}

.mcss-colors-stroke__warmGrey6 {
  stroke: #989095;
}

.mcss-colors-backgroundColor__warmGrey7 {
  background-color: #544b41;
}

.mcss-colors-borderColor__warmGrey7 {
  border-color: #544b41;
}

.mcss-colors-borderLeftColor__warmGrey7 {
  border-left-color: #544b41;
}

.mcss-colors-borderRightColor__warmGrey7 {
  border-right-color: #544b41;
}

.mcss-colors-borderBottomColor__warmGrey7 {
  border-bottom-color: #544b41;
}

.mcss-colors-borderTopColor__warmGrey7 {
  border-top-color: #544b41;
}

.mcss-colors-color__warmGrey7 {
  color: #544b41;
}

.mcss-colors-fill__warmGrey7 {
  fill: #544b41;
}

.mcss-colors-stroke__warmGrey7 {
  stroke: #544b41;
}

.mcss-colors-backgroundColor__lightGrey0 {
  background-color: #eceaeb;
}

.mcss-colors-borderColor__lightGrey0 {
  border-color: #eceaeb;
}

.mcss-colors-borderLeftColor__lightGrey0 {
  border-left-color: #eceaeb;
}

.mcss-colors-borderRightColor__lightGrey0 {
  border-right-color: #eceaeb;
}

.mcss-colors-borderBottomColor__lightGrey0 {
  border-bottom-color: #eceaeb;
}

.mcss-colors-borderTopColor__lightGrey0 {
  border-top-color: #eceaeb;
}

.mcss-colors-color__lightGrey0 {
  color: #eceaeb;
}

.mcss-colors-fill__lightGrey0 {
  fill: #eceaeb;
}

.mcss-colors-stroke__lightGrey0 {
  stroke: #eceaeb;
}

.mcss-colors-backgroundColor__lightGrey1 {
  background-color: #f3f2f3;
}

.mcss-colors-borderColor__lightGrey1 {
  border-color: #f3f2f3;
}

.mcss-colors-borderLeftColor__lightGrey1 {
  border-left-color: #f3f2f3;
}

.mcss-colors-borderRightColor__lightGrey1 {
  border-right-color: #f3f2f3;
}

.mcss-colors-borderBottomColor__lightGrey1 {
  border-bottom-color: #f3f2f3;
}

.mcss-colors-borderTopColor__lightGrey1 {
  border-top-color: #f3f2f3;
}

.mcss-colors-color__lightGrey1 {
  color: #f3f2f3;
}

.mcss-colors-fill__lightGrey1 {
  fill: #f3f2f3;
}

.mcss-colors-stroke__lightGrey1 {
  stroke: #f3f2f3;
}

.mcss-colors-backgroundColor__lightGrey2 {
  background-color: #f7f6f7;
}

.mcss-colors-borderColor__lightGrey2 {
  border-color: #f7f6f7;
}

.mcss-colors-borderLeftColor__lightGrey2 {
  border-left-color: #f7f6f7;
}

.mcss-colors-borderRightColor__lightGrey2 {
  border-right-color: #f7f6f7;
}

.mcss-colors-borderBottomColor__lightGrey2 {
  border-bottom-color: #f7f6f7;
}

.mcss-colors-borderTopColor__lightGrey2 {
  border-top-color: #f7f6f7;
}

.mcss-colors-color__lightGrey2 {
  color: #f7f6f7;
}

.mcss-colors-fill__lightGrey2 {
  fill: #f7f6f7;
}

.mcss-colors-stroke__lightGrey2 {
  stroke: #f7f6f7;
}

.mcss-colors-backgroundColor__lightGrey3 {
  background-color: #f9f9f9;
}

.mcss-colors-borderColor__lightGrey3 {
  border-color: #f9f9f9;
}

.mcss-colors-borderLeftColor__lightGrey3 {
  border-left-color: #f9f9f9;
}

.mcss-colors-borderRightColor__lightGrey3 {
  border-right-color: #f9f9f9;
}

.mcss-colors-borderBottomColor__lightGrey3 {
  border-bottom-color: #f9f9f9;
}

.mcss-colors-borderTopColor__lightGrey3 {
  border-top-color: #f9f9f9;
}

.mcss-colors-color__lightGrey3 {
  color: #f9f9f9;
}

.mcss-colors-fill__lightGrey3 {
  fill: #f9f9f9;
}

.mcss-colors-stroke__lightGrey3 {
  stroke: #f9f9f9;
}

.mcss-colors-backgroundColor__lightGrey4 {
  background-color: #e7e5e7;
}

.mcss-colors-borderColor__lightGrey4 {
  border-color: #e7e5e7;
}

.mcss-colors-borderLeftColor__lightGrey4 {
  border-left-color: #e7e5e7;
}

.mcss-colors-borderRightColor__lightGrey4 {
  border-right-color: #e7e5e7;
}

.mcss-colors-borderBottomColor__lightGrey4 {
  border-bottom-color: #e7e5e7;
}

.mcss-colors-borderTopColor__lightGrey4 {
  border-top-color: #e7e5e7;
}

.mcss-colors-color__lightGrey4 {
  color: #e7e5e7;
}

.mcss-colors-fill__lightGrey4 {
  fill: #e7e5e7;
}

.mcss-colors-stroke__lightGrey4 {
  stroke: #e7e5e7;
}

.mcss-colors-backgroundColor__lightGrey5 {
  background-color: #ebe9e5;
}

.mcss-colors-borderColor__lightGrey5 {
  border-color: #ebe9e5;
}

.mcss-colors-borderLeftColor__lightGrey5 {
  border-left-color: #ebe9e5;
}

.mcss-colors-borderRightColor__lightGrey5 {
  border-right-color: #ebe9e5;
}

.mcss-colors-borderBottomColor__lightGrey5 {
  border-bottom-color: #ebe9e5;
}

.mcss-colors-borderTopColor__lightGrey5 {
  border-top-color: #ebe9e5;
}

.mcss-colors-color__lightGrey5 {
  color: #ebe9e5;
}

.mcss-colors-fill__lightGrey5 {
  fill: #ebe9e5;
}

.mcss-colors-stroke__lightGrey5 {
  stroke: #ebe9e5;
}

.mcss-colors-backgroundColor__warmGreen0 {
  background-color: #92d684;
}

.mcss-colors-borderColor__warmGreen0 {
  border-color: #92d684;
}

.mcss-colors-borderLeftColor__warmGreen0 {
  border-left-color: #92d684;
}

.mcss-colors-borderRightColor__warmGreen0 {
  border-right-color: #92d684;
}

.mcss-colors-borderBottomColor__warmGreen0 {
  border-bottom-color: #92d684;
}

.mcss-colors-borderTopColor__warmGreen0 {
  border-top-color: #92d684;
}

.mcss-colors-color__warmGreen0 {
  color: #92d684;
}

.mcss-colors-fill__warmGreen0 {
  fill: #92d684;
}

.mcss-colors-stroke__warmGreen0 {
  stroke: #92d684;
}

.mcss-colors-backgroundColor__warmGreen1 {
  background-color: #d0ecc9;
}

.mcss-colors-borderColor__warmGreen1 {
  border-color: #d0ecc9;
}

.mcss-colors-borderLeftColor__warmGreen1 {
  border-left-color: #d0ecc9;
}

.mcss-colors-borderRightColor__warmGreen1 {
  border-right-color: #d0ecc9;
}

.mcss-colors-borderBottomColor__warmGreen1 {
  border-bottom-color: #d0ecc9;
}

.mcss-colors-borderTopColor__warmGreen1 {
  border-top-color: #d0ecc9;
}

.mcss-colors-color__warmGreen1 {
  color: #d0ecc9;
}

.mcss-colors-fill__warmGreen1 {
  fill: #d0ecc9;
}

.mcss-colors-stroke__warmGreen1 {
  stroke: #d0ecc9;
}

.mcss-colors-backgroundColor__warmGreen2 {
  background-color: #5dc743;
}

.mcss-colors-borderColor__warmGreen2 {
  border-color: #5dc743;
}

.mcss-colors-borderLeftColor__warmGreen2 {
  border-left-color: #5dc743;
}

.mcss-colors-borderRightColor__warmGreen2 {
  border-right-color: #5dc743;
}

.mcss-colors-borderBottomColor__warmGreen2 {
  border-bottom-color: #5dc743;
}

.mcss-colors-borderTopColor__warmGreen2 {
  border-top-color: #5dc743;
}

.mcss-colors-color__warmGreen2 {
  color: #5dc743;
}

.mcss-colors-fill__warmGreen2 {
  fill: #5dc743;
}

.mcss-colors-stroke__warmGreen2 {
  stroke: #5dc743;
}

.mcss-colors-backgroundColor__warmGreen3 {
  background-color: #6acb53;
}

.mcss-colors-borderColor__warmGreen3 {
  border-color: #6acb53;
}

.mcss-colors-borderLeftColor__warmGreen3 {
  border-left-color: #6acb53;
}

.mcss-colors-borderRightColor__warmGreen3 {
  border-right-color: #6acb53;
}

.mcss-colors-borderBottomColor__warmGreen3 {
  border-bottom-color: #6acb53;
}

.mcss-colors-borderTopColor__warmGreen3 {
  border-top-color: #6acb53;
}

.mcss-colors-color__warmGreen3 {
  color: #6acb53;
}

.mcss-colors-fill__warmGreen3 {
  fill: #6acb53;
}

.mcss-colors-stroke__warmGreen3 {
  stroke: #6acb53;
}

.mcss-colors-backgroundColor__overlayColor {
  background-color: #04111c;
}

.mcss-colors-borderColor__overlayColor {
  border-color: #04111c;
}

.mcss-colors-borderLeftColor__overlayColor {
  border-left-color: #04111c;
}

.mcss-colors-borderRightColor__overlayColor {
  border-right-color: #04111c;
}

.mcss-colors-borderBottomColor__overlayColor {
  border-bottom-color: #04111c;
}

.mcss-colors-borderTopColor__overlayColor {
  border-top-color: #04111c;
}

.mcss-colors-color__overlayColor {
  color: #04111c;
}

.mcss-colors-fill__overlayColor {
  fill: #04111c;
}

.mcss-colors-stroke__overlayColor {
  stroke: #04111c;
}

.mcss-controls-modalInputBorder {
  border: 1px solid #bfbbbe!important;
}

.mcss-controls-modalInputBorder:focus {
  border: 1px solid #5dc744!important;
}

.mcss-controls-input {
  border: 2px solid #b4d6e1;
  height: 47px;
  padding: 0 15px;
  font-size: 15px;
}

.mcss-controls-input:focus {
  border: 2px solid #b4d6e1;
}

.mcss-controls-link {
  cursor: pointer;
  color: #66adc7;
  fill: #66adc7;
}

.mcss-controls-link:hover {
  color: #0a4e70;
  fill: #0a4e70;
}

.mcss-controls-link__disabled {
  cursor: not-allowed;
  color: #d7d4d6;
  fill: #d7d4d6;
}

.mcss-grid-container {
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs12 {
  float: left;
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs12Offset {
  margin-left: 100%;
}

.mcss-grid-xs11 {
  float: left;
  position: relative;
  width: 91.66666666666666%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs11Offset {
  margin-left: 91.66666666666666%;
}

.mcss-grid-xs10 {
  float: left;
  position: relative;
  width: 83.33333333333334%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs10Offset {
  margin-left: 83.33333333333334%;
}

.mcss-grid-xs9 {
  float: left;
  position: relative;
  width: 75%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs9Offset {
  margin-left: 75%;
}

.mcss-grid-xs8 {
  float: left;
  position: relative;
  width: 66.66666666666666%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs8Offset {
  margin-left: 66.66666666666666%;
}

.mcss-grid-xs7 {
  float: left;
  position: relative;
  width: 58.333333333333336%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs7Offset {
  margin-left: 58.333333333333336%;
}

.mcss-grid-xs6 {
  float: left;
  position: relative;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs6Offset {
  margin-left: 50%;
}

.mcss-grid-xs5 {
  float: left;
  position: relative;
  width: 41.66666666666667%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs5Offset {
  margin-left: 41.66666666666667%;
}

.mcss-grid-xs4 {
  float: left;
  position: relative;
  width: 33.33333333333333%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs4Offset {
  margin-left: 33.33333333333333%;
}

.mcss-grid-xs3 {
  float: left;
  position: relative;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs3Offset {
  margin-left: 25%;
}

.mcss-grid-xs2 {
  float: left;
  position: relative;
  width: 16.666666666666664%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs2Offset {
  margin-left: 16.666666666666664%;
}

.mcss-grid-xs1 {
  float: left;
  position: relative;
  width: 8.333333333333332%;
  padding-left: 15px;
  padding-right: 15px;
}

.mcss-grid-xs1Offset {
  margin-left: 8.333333333333332%;
}

@media screen and (min-width:768px) {
  .mcss-grid-sm12 {
    float: left;
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm12Offset {
    margin-left: 100%;
  }

  .mcss-grid-sm11 {
    float: left;
    position: relative;
    width: 91.66666666666666%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm11Offset {
    margin-left: 91.66666666666666%;
  }

  .mcss-grid-sm10 {
    float: left;
    position: relative;
    width: 83.33333333333334%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm10Offset {
    margin-left: 83.33333333333334%;
  }

  .mcss-grid-sm9 {
    float: left;
    position: relative;
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm9Offset {
    margin-left: 75%;
  }

  .mcss-grid-sm8 {
    float: left;
    position: relative;
    width: 66.66666666666666%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm8Offset {
    margin-left: 66.66666666666666%;
  }

  .mcss-grid-sm7 {
    float: left;
    position: relative;
    width: 58.333333333333336%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm7Offset {
    margin-left: 58.333333333333336%;
  }

  .mcss-grid-sm6 {
    float: left;
    position: relative;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm6Offset {
    margin-left: 50%;
  }

  .mcss-grid-sm5 {
    float: left;
    position: relative;
    width: 41.66666666666667%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm5Offset {
    margin-left: 41.66666666666667%;
  }

  .mcss-grid-sm4 {
    float: left;
    position: relative;
    width: 33.33333333333333%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm4Offset {
    margin-left: 33.33333333333333%;
  }

  .mcss-grid-sm3 {
    float: left;
    position: relative;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm3Offset {
    margin-left: 25%;
  }

  .mcss-grid-sm2 {
    float: left;
    position: relative;
    width: 16.666666666666664%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm2Offset {
    margin-left: 16.666666666666664%;
  }

  .mcss-grid-sm1 {
    float: left;
    position: relative;
    width: 8.333333333333332%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-sm1Offset {
    margin-left: 8.333333333333332%;
  }
}

@media screen and (min-width:768px) {
  .mcss-grid-smHiddenFrom {
    display: none!important;
  }
}

@media screen and (min-width:992px) {
  .mcss-grid-md12 {
    float: left;
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md12Offset {
    margin-left: 100%;
  }

  .mcss-grid-md11 {
    float: left;
    position: relative;
    width: 91.66666666666666%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md11Offset {
    margin-left: 91.66666666666666%;
  }

  .mcss-grid-md10 {
    float: left;
    position: relative;
    width: 83.33333333333334%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md10Offset {
    margin-left: 83.33333333333334%;
  }

  .mcss-grid-md9 {
    float: left;
    position: relative;
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md9Offset {
    margin-left: 75%;
  }

  .mcss-grid-md8 {
    float: left;
    position: relative;
    width: 66.66666666666666%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md8Offset {
    margin-left: 66.66666666666666%;
  }

  .mcss-grid-md7 {
    float: left;
    position: relative;
    width: 58.333333333333336%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md7Offset {
    margin-left: 58.333333333333336%;
  }

  .mcss-grid-md6 {
    float: left;
    position: relative;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md6Offset {
    margin-left: 50%;
  }

  .mcss-grid-md5 {
    float: left;
    position: relative;
    width: 41.66666666666667%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md5Offset {
    margin-left: 41.66666666666667%;
  }

  .mcss-grid-md4 {
    float: left;
    position: relative;
    width: 33.33333333333333%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md4Offset {
    margin-left: 33.33333333333333%;
  }

  .mcss-grid-md3 {
    float: left;
    position: relative;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md3Offset {
    margin-left: 25%;
  }

  .mcss-grid-md2 {
    float: left;
    position: relative;
    width: 16.666666666666664%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md2Offset {
    margin-left: 16.666666666666664%;
  }

  .mcss-grid-md1 {
    float: left;
    position: relative;
    width: 8.333333333333332%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-md1Offset {
    margin-left: 8.333333333333332%;
  }
}

@media screen and (min-width:992px) {
  .mcss-grid-mdHiddenFrom {
    display: none!important;
  }
}

@media screen and (min-width:1200px) {
  .mcss-grid-lg12 {
    float: left;
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg12Offset {
    margin-left: 100%;
  }

  .mcss-grid-lg11 {
    float: left;
    position: relative;
    width: 91.66666666666666%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg11Offset {
    margin-left: 91.66666666666666%;
  }

  .mcss-grid-lg10 {
    float: left;
    position: relative;
    width: 83.33333333333334%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg10Offset {
    margin-left: 83.33333333333334%;
  }

  .mcss-grid-lg9 {
    float: left;
    position: relative;
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg9Offset {
    margin-left: 75%;
  }

  .mcss-grid-lg8 {
    float: left;
    position: relative;
    width: 66.66666666666666%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg8Offset {
    margin-left: 66.66666666666666%;
  }

  .mcss-grid-lg7 {
    float: left;
    position: relative;
    width: 58.333333333333336%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg7Offset {
    margin-left: 58.333333333333336%;
  }

  .mcss-grid-lg6 {
    float: left;
    position: relative;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg6Offset {
    margin-left: 50%;
  }

  .mcss-grid-lg5 {
    float: left;
    position: relative;
    width: 41.66666666666667%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg5Offset {
    margin-left: 41.66666666666667%;
  }

  .mcss-grid-lg4 {
    float: left;
    position: relative;
    width: 33.33333333333333%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg4Offset {
    margin-left: 33.33333333333333%;
  }

  .mcss-grid-lg3 {
    float: left;
    position: relative;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg3Offset {
    margin-left: 25%;
  }

  .mcss-grid-lg2 {
    float: left;
    position: relative;
    width: 16.666666666666664%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg2Offset {
    margin-left: 16.666666666666664%;
  }

  .mcss-grid-lg1 {
    float: left;
    position: relative;
    width: 8.333333333333332%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mcss-grid-lg1Offset {
    margin-left: 8.333333333333332%;
  }
}

@media screen and (min-width:1200px) {
  .mcss-grid-lgHiddenFrom {
    display: none!important;
  }
}

@media screen and (max-width:480px) {
  .mcss-grid-xsHiddenTo {
    display: none!important;
  }
}

@media screen and (max-width:768px) {
  .mcss-grid-smHiddenTo {
    display: none!important;
  }
}

@media screen and (max-width:992px) {
  .mcss-grid-mdHiddenTo {
    display: none!important;
  }
}

@media screen and (max-width:1200px) {
  .mcss-grid-lgHiddenTo {
    display: none!important;
  }
}

.mcss-helpers-dashedBorder {
  border-width: 1px;
  border-style: dashed;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.mcss-helpers-elementOverlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.mcss-helpers-hr {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 30px;
}

.mcss-helpers-overflowEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcss-hub_events-hackedGreyBackground:before {
  background-color: #f6f9f8;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
}

@media screen and (max-width:992px) {
  .mcss-hub_events-hackedGreyBackground:before {
    display: none;
  }
}

.mcss-hub-button {
  display: inline-block;
}

.mcss-hub-loginButton {
  margin-left: 10px;
}

.mcss-layout-clearFix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.mcss-layout-autoMargin {
  margin-left: auto;
  margin-right: auto;
}

.mcss-layout-touchable {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-layout-row {
  margin-right: -15px;
  margin-left: -15px;
}

@media (max-width:480px) {
  .mcss-layout-row {
    margin-right: 0;
    margin-left: 0;
  }
}

.mcss-layout-rowCentered {
  text-align: center;
}

.mcss-layout-col {
  display: inline-block;
  float: none;
  text-align: left;
  vertical-align: top;
}

.mcss-layout-colCentered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
  vertical-align: top;
}

.mcss-layout-optionTitleContainer {
  max-height: 400px;
  overflow-y: scroll;
  padding: 20px 0 0 0;
}

.mcss-layout-optionTile__3up {
  float: left;
  width: 33.33%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.mcss-layout-optionTile__3up:nth-child(3n+1) {
  padding-left: 20px;
}

.mcss-layout-optionTile__3up:nth-child(3n) {
  padding-right: 20px;
}

.mcss-layout-optionTile__2up {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.mcss-layout-optionTile__2up:nth-child(2n+1) {
  padding-left: 20px;
}

.mcss-layout-optionTile__2up:nth-child(2n) {
  padding-right: 20px;
}

.mcss-layout-optionModalTitle {
  padding: 30px 20px 25px;
}

.mcss-layout-tableLike {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.mcss-layout-verticallyAlignedTableCell {
  display: table-cell;
  vertical-align: middle;
}

.mcss-layout-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  padding: 4px 6px 4px 3px;
  margin-right: 6px;
}

.mcss-legacy_compat-checkbox {
  border-width: 2px;
  border-style: solid;
  border-color: #d7d4d6;
  cursor: pointer;
  height: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 22px;
}

.mcss-legacy_compat-checkbox:checked {
  border-color: #60545c;
}

.mcss-legacy_compat-checkbox:checked:before {
  content: " ";
  position: absolute;
  top: -3px;
  left: -3px;
  height: 22px;
  width: 22px;
  border-color: #60545c;
  background-color: #60545c;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzNF9fc2hhcGVzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI5LjksMTcuNiA0LjksMTIuNiA2LjMsMTEuMiA5LjksMTQuNyAxNy43LDcgMTkuMSw4LjQgIi8+PC9zdmc+);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.mcss-marketing-arrowRoot {
  margin: auto;
  width: 0;
  height: 0;
  border-width: 20px;
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 0;
  margin-top: -2px;
}

.mcss-marketing-arrow {
  border-top-color: #fff;
}

.mcss-marketing-buttonBase {
  display: inline-block;
  background-color: #5dc744;
  color: #fff;
  text-align: center;
}

.mcss-marketing-button {
  margin-top: 26px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.mcss-marketing-contentWidthLimit {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 100px;
  height: 100%;
}

@media (max-width:1199px) {
  .mcss-marketing-contentWidthLimit {
    padding: 0 30px;
  }
}

.mcss-modals-content {
  padding: 40px 40px 0 40px;
}

.mcss-modals-root {
  min-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100vh;
  overflow-x: auto;
}

.mcss-modals-title {
  color: #0a4e70;
  margin-bottom: 21px;
}

.mcss-modals-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-modals-footer {
  padding: 30px 0;
}

.mcss-modals-button {
  max-width: 200px;
  display: inline-block;
  margin-left: 15px;
}

.mcss-needs_review-lightGreyColor {
  color: #a19a9f;
}

.mcss-needs_review-bodyColor {
  color: #7a7279;
}

.mcss-needs_review-bodyStrokeColor {
  stroke: #7a7279;
}

.mcss-needs_review-bodyFillColor {
  fill: #7a7279!important;
}

.mcss-needs_review-greyBackground {
  background: #f6f9f8;
}

.mcss-needs_review-greyBorderBottom {
  border-bottom: 1px solid #e6e6e6;
}

.mcss-needs_review-hoverTransition {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shadow,opacity,color,background-color,border-color,fill;
  transition-property: box-shadow,opacity,color,background-color,border-color,fill;
}

.mcss-palette_brand-primaryBackgroundColor {
  background-color: #66adc7;
}

.mcss-palette_brand-primaryBackgroundColorOnHover:hover {
  background-color: #66adc7;
}

.mcss-palette_brand-primaryColor {
  color: #66adc7;
}

.mcss-palette_brand-primaryColorOnHover:hover {
  color: #66adc7;
}

.mcss-palette_brand-primaryColor::-webkit-input-placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-primaryColor::-moz-placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-primaryColor:-ms-input-placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-primaryColor::placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-primaryBorderColor {
  border-color: #66adc7;
}

.mcss-palette_brand-primaryBorderColorOnHover:hover {
  border-color: #66adc7;
}

.mcss-palette_brand-primaryBorderLeftColor {
  border-left-color: #66adc7;
}

.mcss-palette_brand-primaryBorderLeftColorOnHover:hover {
  border-left-color: #66adc7;
}

.mcss-palette_brand-primaryBorderBottomColor {
  border-bottom-color: #66adc7;
}

.mcss-palette_brand-primaryBorderBottomColorOnHover:hover {
  border-bottom-color: #66adc7;
}

.mcss-palette_brand-primaryFill {
  fill: #66adc7;
}

.mcss-palette_brand-primaryFillOnHover:hover {
  fill: #66adc7;
}

.mcss-palette_brand-primaryStroke {
  stroke: #66adc7;
}

.mcss-palette_brand-primaryStrokeOnHover:hover {
  stroke: #66adc7;
}

.mcss-palette_brand-secondaryBackgroundColor {
  background-color: #104f6f;
}

.mcss-palette_brand-secondaryBackgroundColorOnHover:hover {
  background-color: #104f6f;
}

.mcss-palette_brand-secondaryColor {
  color: #104f6f;
}

.mcss-palette_brand-secondaryColorOnHover:hover {
  color: #104f6f;
}

.mcss-palette_brand-secondaryColor::-webkit-input-placeholder {
  color: #104f6f;
  opacity: .6;
}

.mcss-palette_brand-secondaryColor::-moz-placeholder {
  color: #104f6f;
  opacity: .6;
}

.mcss-palette_brand-secondaryColor:-ms-input-placeholder {
  color: #104f6f;
  opacity: .6;
}

.mcss-palette_brand-secondaryColor::placeholder {
  color: #104f6f;
  opacity: .6;
}

.mcss-palette_brand-secondaryBorderColor {
  border-color: #104f6f;
}

.mcss-palette_brand-secondaryBorderColorOnHover:hover {
  border-color: #104f6f;
}

.mcss-palette_brand-secondaryBorderLeftColor {
  border-left-color: #104f6f;
}

.mcss-palette_brand-secondaryBorderLeftColorOnHover:hover {
  border-left-color: #104f6f;
}

.mcss-palette_brand-secondaryBorderBottomColor {
  border-bottom-color: #104f6f;
}

.mcss-palette_brand-secondaryBorderBottomColorOnHover:hover {
  border-bottom-color: #104f6f;
}

.mcss-palette_brand-secondaryFill {
  fill: #104f6f;
}

.mcss-palette_brand-secondaryFillOnHover:hover {
  fill: #104f6f;
}

.mcss-palette_brand-secondaryStroke {
  stroke: #104f6f;
}

.mcss-palette_brand-secondaryStrokeOnHover:hover {
  stroke: #104f6f;
}

.mcss-palette_brand-secondaryTextBackgroundColor {
  background-color: #60545c;
}

.mcss-palette_brand-secondaryTextBackgroundColorOnHover:hover {
  background-color: #60545c;
}

.mcss-palette_brand-secondaryTextColor {
  color: #60545c;
}

.mcss-palette_brand-secondaryTextColorOnHover:hover {
  color: #60545c;
}

.mcss-palette_brand-secondaryTextColor::-webkit-input-placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-secondaryTextColor::-moz-placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-secondaryTextColor:-ms-input-placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-secondaryTextColor::placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-secondaryTextBorderColor {
  border-color: #60545c;
}

.mcss-palette_brand-secondaryTextBorderColorOnHover:hover {
  border-color: #60545c;
}

.mcss-palette_brand-secondaryTextBorderLeftColor {
  border-left-color: #60545c;
}

.mcss-palette_brand-secondaryTextBorderLeftColorOnHover:hover {
  border-left-color: #60545c;
}

.mcss-palette_brand-secondaryTextBorderBottomColor {
  border-bottom-color: #60545c;
}

.mcss-palette_brand-secondaryTextBorderBottomColorOnHover:hover {
  border-bottom-color: #60545c;
}

.mcss-palette_brand-secondaryTextFill {
  fill: #60545c;
}

.mcss-palette_brand-secondaryTextFillOnHover:hover {
  fill: #60545c;
}

.mcss-palette_brand-secondaryTextStroke {
  stroke: #60545c;
}

.mcss-palette_brand-secondaryTextStrokeOnHover:hover {
  stroke: #60545c;
}

.mcss-palette_brand-secondaryLightBackgroundColor {
  background-color: #66adc7;
}

.mcss-palette_brand-secondaryLightBackgroundColorOnHover:hover {
  background-color: #66adc7;
}

.mcss-palette_brand-secondaryLightColor {
  color: #66adc7;
}

.mcss-palette_brand-secondaryLightColorOnHover:hover {
  color: #66adc7;
}

.mcss-palette_brand-secondaryLightColor::-webkit-input-placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-secondaryLightColor::-moz-placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-secondaryLightColor:-ms-input-placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-secondaryLightColor::placeholder {
  color: #66adc7;
  opacity: .6;
}

.mcss-palette_brand-secondaryLightBorderColor {
  border-color: #66adc7;
}

.mcss-palette_brand-secondaryLightBorderColorOnHover:hover {
  border-color: #66adc7;
}

.mcss-palette_brand-secondaryLightBorderLeftColor {
  border-left-color: #66adc7;
}

.mcss-palette_brand-secondaryLightBorderLeftColorOnHover:hover {
  border-left-color: #66adc7;
}

.mcss-palette_brand-secondaryLightBorderBottomColor {
  border-bottom-color: #66adc7;
}

.mcss-palette_brand-secondaryLightBorderBottomColorOnHover:hover {
  border-bottom-color: #66adc7;
}

.mcss-palette_brand-secondaryLightFill {
  fill: #66adc7;
}

.mcss-palette_brand-secondaryLightFillOnHover:hover {
  fill: #66adc7;
}

.mcss-palette_brand-secondaryLightStroke {
  stroke: #66adc7;
}

.mcss-palette_brand-secondaryLightStrokeOnHover:hover {
  stroke: #66adc7;
}

.mcss-palette_brand-tertiaryBackgroundColor {
  background-color: #5dc744;
}

.mcss-palette_brand-tertiaryBackgroundColorOnHover:hover {
  background-color: #5dc744;
}

.mcss-palette_brand-tertiaryColor {
  color: #5dc744;
}

.mcss-palette_brand-tertiaryColorOnHover:hover {
  color: #5dc744;
}

.mcss-palette_brand-tertiaryColor::-webkit-input-placeholder {
  color: #5dc744;
  opacity: .6;
}

.mcss-palette_brand-tertiaryColor::-moz-placeholder {
  color: #5dc744;
  opacity: .6;
}

.mcss-palette_brand-tertiaryColor:-ms-input-placeholder {
  color: #5dc744;
  opacity: .6;
}

.mcss-palette_brand-tertiaryColor::placeholder {
  color: #5dc744;
  opacity: .6;
}

.mcss-palette_brand-tertiaryBorderColor {
  border-color: #5dc744;
}

.mcss-palette_brand-tertiaryBorderColorOnHover:hover {
  border-color: #5dc744;
}

.mcss-palette_brand-tertiaryBorderLeftColor {
  border-left-color: #5dc744;
}

.mcss-palette_brand-tertiaryBorderLeftColorOnHover:hover {
  border-left-color: #5dc744;
}

.mcss-palette_brand-tertiaryBorderBottomColor {
  border-bottom-color: #5dc744;
}

.mcss-palette_brand-tertiaryBorderBottomColorOnHover:hover {
  border-bottom-color: #5dc744;
}

.mcss-palette_brand-tertiaryFill {
  fill: #5dc744;
}

.mcss-palette_brand-tertiaryFillOnHover:hover {
  fill: #5dc744;
}

.mcss-palette_brand-tertiaryStroke {
  stroke: #5dc744;
}

.mcss-palette_brand-tertiaryStrokeOnHover:hover {
  stroke: #5dc744;
}

.mcss-palette_brand-tertiaryTextBackgroundColor {
  background-color: #60545c;
}

.mcss-palette_brand-tertiaryTextBackgroundColorOnHover:hover {
  background-color: #60545c;
}

.mcss-palette_brand-tertiaryTextColor {
  color: #60545c;
}

.mcss-palette_brand-tertiaryTextColorOnHover:hover {
  color: #60545c;
}

.mcss-palette_brand-tertiaryTextColor::-webkit-input-placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-tertiaryTextColor::-moz-placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-tertiaryTextColor:-ms-input-placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-tertiaryTextColor::placeholder {
  color: #60545c;
  opacity: .6;
}

.mcss-palette_brand-tertiaryTextBorderColor {
  border-color: #60545c;
}

.mcss-palette_brand-tertiaryTextBorderColorOnHover:hover {
  border-color: #60545c;
}

.mcss-palette_brand-tertiaryTextBorderLeftColor {
  border-left-color: #60545c;
}

.mcss-palette_brand-tertiaryTextBorderLeftColorOnHover:hover {
  border-left-color: #60545c;
}

.mcss-palette_brand-tertiaryTextBorderBottomColor {
  border-bottom-color: #60545c;
}

.mcss-palette_brand-tertiaryTextBorderBottomColorOnHover:hover {
  border-bottom-color: #60545c;
}

.mcss-palette_brand-tertiaryTextFill {
  fill: #60545c;
}

.mcss-palette_brand-tertiaryTextFillOnHover:hover {
  fill: #60545c;
}

.mcss-palette_brand-tertiaryTextStroke {
  stroke: #60545c;
}

.mcss-palette_brand-tertiaryTextStrokeOnHover:hover {
  stroke: #60545c;
}

.mcss-palette_brand-grey1BackgroundColor {
  background-color: #80767d;
}

.mcss-palette_brand-grey1BackgroundColorOnHover:hover {
  background-color: #80767d;
}

.mcss-palette_brand-grey1Color {
  color: #80767d;
}

.mcss-palette_brand-grey1ColorOnHover:hover {
  color: #80767d;
}

.mcss-palette_brand-grey1Color::-webkit-input-placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey1Color::-moz-placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey1Color:-ms-input-placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey1Color::placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey1BorderColor {
  border-color: #80767d;
}

.mcss-palette_brand-grey1BorderColorOnHover:hover {
  border-color: #80767d;
}

.mcss-palette_brand-grey1BorderLeftColor {
  border-left-color: #80767d;
}

.mcss-palette_brand-grey1BorderLeftColorOnHover:hover {
  border-left-color: #80767d;
}

.mcss-palette_brand-grey1BorderBottomColor {
  border-bottom-color: #80767d;
}

.mcss-palette_brand-grey1BorderBottomColorOnHover:hover {
  border-bottom-color: #80767d;
}

.mcss-palette_brand-grey1Fill {
  fill: #80767d;
}

.mcss-palette_brand-grey1FillOnHover:hover {
  fill: #80767d;
}

.mcss-palette_brand-grey1Stroke {
  stroke: #80767d;
}

.mcss-palette_brand-grey1StrokeOnHover:hover {
  stroke: #80767d;
}

.mcss-palette_brand-grey2BackgroundColor {
  background-color: #d8d5d6;
}

.mcss-palette_brand-grey2BackgroundColorOnHover:hover {
  background-color: #d8d5d6;
}

.mcss-palette_brand-grey2Color {
  color: #d8d5d6;
}

.mcss-palette_brand-grey2ColorOnHover:hover {
  color: #d8d5d6;
}

.mcss-palette_brand-grey2Color::-webkit-input-placeholder {
  color: #d8d5d6;
  opacity: .6;
}

.mcss-palette_brand-grey2Color::-moz-placeholder {
  color: #d8d5d6;
  opacity: .6;
}

.mcss-palette_brand-grey2Color:-ms-input-placeholder {
  color: #d8d5d6;
  opacity: .6;
}

.mcss-palette_brand-grey2Color::placeholder {
  color: #d8d5d6;
  opacity: .6;
}

.mcss-palette_brand-grey2BorderColor {
  border-color: #d8d5d6;
}

.mcss-palette_brand-grey2BorderColorOnHover:hover {
  border-color: #d8d5d6;
}

.mcss-palette_brand-grey2BorderLeftColor {
  border-left-color: #d8d5d6;
}

.mcss-palette_brand-grey2BorderLeftColorOnHover:hover {
  border-left-color: #d8d5d6;
}

.mcss-palette_brand-grey2BorderBottomColor {
  border-bottom-color: #d8d5d6;
}

.mcss-palette_brand-grey2BorderBottomColorOnHover:hover {
  border-bottom-color: #d8d5d6;
}

.mcss-palette_brand-grey2Fill {
  fill: #d8d5d6;
}

.mcss-palette_brand-grey2FillOnHover:hover {
  fill: #d8d5d6;
}

.mcss-palette_brand-grey2Stroke {
  stroke: #d8d5d6;
}

.mcss-palette_brand-grey2StrokeOnHover:hover {
  stroke: #d8d5d6;
}

.mcss-palette_brand-grey3BackgroundColor {
  background-color: #bfbbbe;
}

.mcss-palette_brand-grey3BackgroundColorOnHover:hover {
  background-color: #bfbbbe;
}

.mcss-palette_brand-grey3Color {
  color: #bfbbbe;
}

.mcss-palette_brand-grey3ColorOnHover:hover {
  color: #bfbbbe;
}

.mcss-palette_brand-grey3Color::-webkit-input-placeholder {
  color: #bfbbbe;
  opacity: .6;
}

.mcss-palette_brand-grey3Color::-moz-placeholder {
  color: #bfbbbe;
  opacity: .6;
}

.mcss-palette_brand-grey3Color:-ms-input-placeholder {
  color: #bfbbbe;
  opacity: .6;
}

.mcss-palette_brand-grey3Color::placeholder {
  color: #bfbbbe;
  opacity: .6;
}

.mcss-palette_brand-grey3BorderColor {
  border-color: #bfbbbe;
}

.mcss-palette_brand-grey3BorderColorOnHover:hover {
  border-color: #bfbbbe;
}

.mcss-palette_brand-grey3BorderLeftColor {
  border-left-color: #bfbbbe;
}

.mcss-palette_brand-grey3BorderLeftColorOnHover:hover {
  border-left-color: #bfbbbe;
}

.mcss-palette_brand-grey3BorderBottomColor {
  border-bottom-color: #bfbbbe;
}

.mcss-palette_brand-grey3BorderBottomColorOnHover:hover {
  border-bottom-color: #bfbbbe;
}

.mcss-palette_brand-grey3Fill {
  fill: #bfbbbe;
}

.mcss-palette_brand-grey3FillOnHover:hover {
  fill: #bfbbbe;
}

.mcss-palette_brand-grey3Stroke {
  stroke: #bfbbbe;
}

.mcss-palette_brand-grey3StrokeOnHover:hover {
  stroke: #bfbbbe;
}

.mcss-palette_brand-grey2TextBackgroundColor {
  background-color: #80767d;
}

.mcss-palette_brand-grey2TextBackgroundColorOnHover:hover {
  background-color: #80767d;
}

.mcss-palette_brand-grey2TextColor {
  color: #80767d;
}

.mcss-palette_brand-grey2TextColorOnHover:hover {
  color: #80767d;
}

.mcss-palette_brand-grey2TextColor::-webkit-input-placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey2TextColor::-moz-placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey2TextColor:-ms-input-placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey2TextColor::placeholder {
  color: #80767d;
  opacity: .6;
}

.mcss-palette_brand-grey2TextBorderColor {
  border-color: #80767d;
}

.mcss-palette_brand-grey2TextBorderColorOnHover:hover {
  border-color: #80767d;
}

.mcss-palette_brand-grey2TextBorderLeftColor {
  border-left-color: #80767d;
}

.mcss-palette_brand-grey2TextBorderLeftColorOnHover:hover {
  border-left-color: #80767d;
}

.mcss-palette_brand-grey2TextBorderBottomColor {
  border-bottom-color: #80767d;
}

.mcss-palette_brand-grey2TextBorderBottomColorOnHover:hover {
  border-bottom-color: #80767d;
}

.mcss-palette_brand-grey2TextFill {
  fill: #80767d;
}

.mcss-palette_brand-grey2TextFillOnHover:hover {
  fill: #80767d;
}

.mcss-palette_brand-grey2TextStroke {
  stroke: #80767d;
}

.mcss-palette_brand-grey2TextStrokeOnHover:hover {
  stroke: #80767d;
}

.mcss-palette_brand-primaryTextBackgroundColor {
  background-color: #ccc;
}

.mcss-palette_brand-primaryTextBackgroundColorOnHover:hover {
  background-color: #ccc;
}

.mcss-palette_brand-primaryTextColor {
  color: #ccc;
}

.mcss-palette_brand-primaryTextColorOnHover:hover {
  color: #ccc;
}

.mcss-palette_brand-primaryTextColor::-webkit-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-primaryTextColor::-moz-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-primaryTextColor:-ms-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-primaryTextColor::placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-primaryTextBorderColor {
  border-color: #ccc;
}

.mcss-palette_brand-primaryTextBorderColorOnHover:hover {
  border-color: #ccc;
}

.mcss-palette_brand-primaryTextBorderLeftColor {
  border-left-color: #ccc;
}

.mcss-palette_brand-primaryTextBorderLeftColorOnHover:hover {
  border-left-color: #ccc;
}

.mcss-palette_brand-primaryTextBorderBottomColor {
  border-bottom-color: #ccc;
}

.mcss-palette_brand-primaryTextBorderBottomColorOnHover:hover {
  border-bottom-color: #ccc;
}

.mcss-palette_brand-primaryTextFill {
  fill: #ccc;
}

.mcss-palette_brand-primaryTextFillOnHover:hover {
  fill: #ccc;
}

.mcss-palette_brand-primaryTextStroke {
  stroke: #ccc;
}

.mcss-palette_brand-primaryTextStrokeOnHover:hover {
  stroke: #ccc;
}

.mcss-palette_brand-primaryContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_brand-primaryContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_brand-primaryContrastColor {
  color: #fff;
}

.mcss-palette_brand-primaryContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_brand-primaryContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-primaryContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-primaryContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-primaryContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-primaryContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_brand-primaryContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_brand-primaryContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_brand-primaryContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_brand-primaryContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_brand-primaryContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_brand-primaryContrastFill {
  fill: #fff;
}

.mcss-palette_brand-primaryContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_brand-primaryContrastStroke {
  stroke: #fff;
}

.mcss-palette_brand-primaryContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_brand-primaryLightBackgroundColor {
  background-color: #f6fafc;
}

.mcss-palette_brand-primaryLightBackgroundColorOnHover:hover {
  background-color: #f6fafc;
}

.mcss-palette_brand-primaryLightColor {
  color: #f6fafc;
}

.mcss-palette_brand-primaryLightColorOnHover:hover {
  color: #f6fafc;
}

.mcss-palette_brand-primaryLightColor::-webkit-input-placeholder {
  color: #f6fafc;
  opacity: .6;
}

.mcss-palette_brand-primaryLightColor::-moz-placeholder {
  color: #f6fafc;
  opacity: .6;
}

.mcss-palette_brand-primaryLightColor:-ms-input-placeholder {
  color: #f6fafc;
  opacity: .6;
}

.mcss-palette_brand-primaryLightColor::placeholder {
  color: #f6fafc;
  opacity: .6;
}

.mcss-palette_brand-primaryLightBorderColor {
  border-color: #f6fafc;
}

.mcss-palette_brand-primaryLightBorderColorOnHover:hover {
  border-color: #f6fafc;
}

.mcss-palette_brand-primaryLightBorderLeftColor {
  border-left-color: #f6fafc;
}

.mcss-palette_brand-primaryLightBorderLeftColorOnHover:hover {
  border-left-color: #f6fafc;
}

.mcss-palette_brand-primaryLightBorderBottomColor {
  border-bottom-color: #f6fafc;
}

.mcss-palette_brand-primaryLightBorderBottomColorOnHover:hover {
  border-bottom-color: #f6fafc;
}

.mcss-palette_brand-primaryLightFill {
  fill: #f6fafc;
}

.mcss-palette_brand-primaryLightFillOnHover:hover {
  fill: #f6fafc;
}

.mcss-palette_brand-primaryLightStroke {
  stroke: #f6fafc;
}

.mcss-palette_brand-primaryLightStrokeOnHover:hover {
  stroke: #f6fafc;
}

.mcss-palette_brand-primaryLightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_brand-primaryLightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_brand-primaryLightTextColor {
  color: #555;
}

.mcss-palette_brand-primaryLightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_brand-primaryLightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-primaryLightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-primaryLightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-primaryLightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-primaryLightTextBorderColor {
  border-color: #555;
}

.mcss-palette_brand-primaryLightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_brand-primaryLightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_brand-primaryLightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_brand-primaryLightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_brand-primaryLightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_brand-primaryLightTextFill {
  fill: #555;
}

.mcss-palette_brand-primaryLightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_brand-primaryLightTextStroke {
  stroke: #555;
}

.mcss-palette_brand-primaryLightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_brand-primaryLightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_brand-primaryLightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_brand-primaryLightContrastColor {
  color: #000;
}

.mcss-palette_brand-primaryLightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_brand-primaryLightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-primaryLightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-primaryLightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-primaryLightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-primaryLightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_brand-primaryLightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_brand-primaryLightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_brand-primaryLightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_brand-primaryLightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_brand-primaryLightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_brand-primaryLightContrastFill {
  fill: #000;
}

.mcss-palette_brand-primaryLightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_brand-primaryLightContrastStroke {
  stroke: #000;
}

.mcss-palette_brand-primaryLightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_brand-secondaryContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_brand-secondaryContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_brand-secondaryContrastColor {
  color: #fff;
}

.mcss-palette_brand-secondaryContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_brand-secondaryContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-secondaryContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-secondaryContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-secondaryContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-secondaryContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_brand-secondaryContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_brand-secondaryContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_brand-secondaryContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_brand-secondaryContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_brand-secondaryContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_brand-secondaryContrastFill {
  fill: #fff;
}

.mcss-palette_brand-secondaryContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_brand-secondaryContrastStroke {
  stroke: #fff;
}

.mcss-palette_brand-secondaryContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_brand-tertiaryContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_brand-tertiaryContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_brand-tertiaryContrastColor {
  color: #fff;
}

.mcss-palette_brand-tertiaryContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_brand-tertiaryContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-tertiaryContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-tertiaryContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-tertiaryContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-tertiaryContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_brand-tertiaryContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_brand-tertiaryContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_brand-tertiaryContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_brand-tertiaryContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_brand-tertiaryContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_brand-tertiaryContrastFill {
  fill: #fff;
}

.mcss-palette_brand-tertiaryContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_brand-tertiaryContrastStroke {
  stroke: #fff;
}

.mcss-palette_brand-tertiaryContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_brand-tertiaryLightBackgroundColor {
  background-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightBackgroundColorOnHover:hover {
  background-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightColor {
  color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightColorOnHover:hover {
  color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightColor::-webkit-input-placeholder {
  color: #f4fbf3;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightColor::-moz-placeholder {
  color: #f4fbf3;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightColor:-ms-input-placeholder {
  color: #f4fbf3;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightColor::placeholder {
  color: #f4fbf3;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightBorderColor {
  border-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightBorderColorOnHover:hover {
  border-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightBorderLeftColor {
  border-left-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightBorderLeftColorOnHover:hover {
  border-left-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightBorderBottomColor {
  border-bottom-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightBorderBottomColorOnHover:hover {
  border-bottom-color: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightFill {
  fill: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightFillOnHover:hover {
  fill: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightStroke {
  stroke: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightStrokeOnHover:hover {
  stroke: #f4fbf3;
}

.mcss-palette_brand-tertiaryLightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_brand-tertiaryLightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_brand-tertiaryLightTextColor {
  color: #555;
}

.mcss-palette_brand-tertiaryLightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_brand-tertiaryLightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightTextBorderColor {
  border-color: #555;
}

.mcss-palette_brand-tertiaryLightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_brand-tertiaryLightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_brand-tertiaryLightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_brand-tertiaryLightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_brand-tertiaryLightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_brand-tertiaryLightTextFill {
  fill: #555;
}

.mcss-palette_brand-tertiaryLightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_brand-tertiaryLightTextStroke {
  stroke: #555;
}

.mcss-palette_brand-tertiaryLightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_brand-tertiaryLightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastColor {
  color: #000;
}

.mcss-palette_brand-tertiaryLightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_brand-tertiaryLightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-tertiaryLightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_brand-tertiaryLightContrastFill {
  fill: #000;
}

.mcss-palette_brand-tertiaryLightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_brand-tertiaryLightContrastStroke {
  stroke: #000;
}

.mcss-palette_brand-tertiaryLightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_brand-grey1TextBackgroundColor {
  background-color: #ccc;
}

.mcss-palette_brand-grey1TextBackgroundColorOnHover:hover {
  background-color: #ccc;
}

.mcss-palette_brand-grey1TextColor {
  color: #ccc;
}

.mcss-palette_brand-grey1TextColorOnHover:hover {
  color: #ccc;
}

.mcss-palette_brand-grey1TextColor::-webkit-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey1TextColor::-moz-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey1TextColor:-ms-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey1TextColor::placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey1TextBorderColor {
  border-color: #ccc;
}

.mcss-palette_brand-grey1TextBorderColorOnHover:hover {
  border-color: #ccc;
}

.mcss-palette_brand-grey1TextBorderLeftColor {
  border-left-color: #ccc;
}

.mcss-palette_brand-grey1TextBorderLeftColorOnHover:hover {
  border-left-color: #ccc;
}

.mcss-palette_brand-grey1TextBorderBottomColor {
  border-bottom-color: #ccc;
}

.mcss-palette_brand-grey1TextBorderBottomColorOnHover:hover {
  border-bottom-color: #ccc;
}

.mcss-palette_brand-grey1TextFill {
  fill: #ccc;
}

.mcss-palette_brand-grey1TextFillOnHover:hover {
  fill: #ccc;
}

.mcss-palette_brand-grey1TextStroke {
  stroke: #ccc;
}

.mcss-palette_brand-grey1TextStrokeOnHover:hover {
  stroke: #ccc;
}

.mcss-palette_brand-grey1ContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_brand-grey1ContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_brand-grey1ContrastColor {
  color: #fff;
}

.mcss-palette_brand-grey1ContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_brand-grey1ContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey1ContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey1ContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey1ContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey1ContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_brand-grey1ContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_brand-grey1ContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_brand-grey1ContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_brand-grey1ContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_brand-grey1ContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_brand-grey1ContrastFill {
  fill: #fff;
}

.mcss-palette_brand-grey1ContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_brand-grey1ContrastStroke {
  stroke: #fff;
}

.mcss-palette_brand-grey1ContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_brand-grey1LightBackgroundColor {
  background-color: #faf9f9;
}

.mcss-palette_brand-grey1LightBackgroundColorOnHover:hover {
  background-color: #faf9f9;
}

.mcss-palette_brand-grey1LightColor {
  color: #faf9f9;
}

.mcss-palette_brand-grey1LightColorOnHover:hover {
  color: #faf9f9;
}

.mcss-palette_brand-grey1LightColor::-webkit-input-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey1LightColor::-moz-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey1LightColor:-ms-input-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey1LightColor::placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey1LightBorderColor {
  border-color: #faf9f9;
}

.mcss-palette_brand-grey1LightBorderColorOnHover:hover {
  border-color: #faf9f9;
}

.mcss-palette_brand-grey1LightBorderLeftColor {
  border-left-color: #faf9f9;
}

.mcss-palette_brand-grey1LightBorderLeftColorOnHover:hover {
  border-left-color: #faf9f9;
}

.mcss-palette_brand-grey1LightBorderBottomColor {
  border-bottom-color: #faf9f9;
}

.mcss-palette_brand-grey1LightBorderBottomColorOnHover:hover {
  border-bottom-color: #faf9f9;
}

.mcss-palette_brand-grey1LightFill {
  fill: #faf9f9;
}

.mcss-palette_brand-grey1LightFillOnHover:hover {
  fill: #faf9f9;
}

.mcss-palette_brand-grey1LightStroke {
  stroke: #faf9f9;
}

.mcss-palette_brand-grey1LightStrokeOnHover:hover {
  stroke: #faf9f9;
}

.mcss-palette_brand-grey1LightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_brand-grey1LightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_brand-grey1LightTextColor {
  color: #555;
}

.mcss-palette_brand-grey1LightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_brand-grey1LightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey1LightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey1LightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey1LightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey1LightTextBorderColor {
  border-color: #555;
}

.mcss-palette_brand-grey1LightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_brand-grey1LightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_brand-grey1LightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_brand-grey1LightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_brand-grey1LightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_brand-grey1LightTextFill {
  fill: #555;
}

.mcss-palette_brand-grey1LightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_brand-grey1LightTextStroke {
  stroke: #555;
}

.mcss-palette_brand-grey1LightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_brand-grey1LightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_brand-grey1LightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_brand-grey1LightContrastColor {
  color: #000;
}

.mcss-palette_brand-grey1LightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_brand-grey1LightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey1LightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey1LightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey1LightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey1LightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_brand-grey1LightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_brand-grey1LightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_brand-grey1LightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_brand-grey1LightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_brand-grey1LightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_brand-grey1LightContrastFill {
  fill: #000;
}

.mcss-palette_brand-grey1LightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_brand-grey1LightContrastStroke {
  stroke: #000;
}

.mcss-palette_brand-grey1LightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_brand-grey2ContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_brand-grey2ContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_brand-grey2ContrastColor {
  color: #fff;
}

.mcss-palette_brand-grey2ContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_brand-grey2ContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey2ContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey2ContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey2ContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey2ContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_brand-grey2ContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_brand-grey2ContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_brand-grey2ContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_brand-grey2ContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_brand-grey2ContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_brand-grey2ContrastFill {
  fill: #fff;
}

.mcss-palette_brand-grey2ContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_brand-grey2ContrastStroke {
  stroke: #fff;
}

.mcss-palette_brand-grey2ContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_brand-grey2LightBackgroundColor {
  background-color: #faf9f9;
}

.mcss-palette_brand-grey2LightBackgroundColorOnHover:hover {
  background-color: #faf9f9;
}

.mcss-palette_brand-grey2LightColor {
  color: #faf9f9;
}

.mcss-palette_brand-grey2LightColorOnHover:hover {
  color: #faf9f9;
}

.mcss-palette_brand-grey2LightColor::-webkit-input-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey2LightColor::-moz-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey2LightColor:-ms-input-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey2LightColor::placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey2LightBorderColor {
  border-color: #faf9f9;
}

.mcss-palette_brand-grey2LightBorderColorOnHover:hover {
  border-color: #faf9f9;
}

.mcss-palette_brand-grey2LightBorderLeftColor {
  border-left-color: #faf9f9;
}

.mcss-palette_brand-grey2LightBorderLeftColorOnHover:hover {
  border-left-color: #faf9f9;
}

.mcss-palette_brand-grey2LightBorderBottomColor {
  border-bottom-color: #faf9f9;
}

.mcss-palette_brand-grey2LightBorderBottomColorOnHover:hover {
  border-bottom-color: #faf9f9;
}

.mcss-palette_brand-grey2LightFill {
  fill: #faf9f9;
}

.mcss-palette_brand-grey2LightFillOnHover:hover {
  fill: #faf9f9;
}

.mcss-palette_brand-grey2LightStroke {
  stroke: #faf9f9;
}

.mcss-palette_brand-grey2LightStrokeOnHover:hover {
  stroke: #faf9f9;
}

.mcss-palette_brand-grey2LightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_brand-grey2LightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_brand-grey2LightTextColor {
  color: #555;
}

.mcss-palette_brand-grey2LightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_brand-grey2LightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey2LightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey2LightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey2LightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey2LightTextBorderColor {
  border-color: #555;
}

.mcss-palette_brand-grey2LightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_brand-grey2LightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_brand-grey2LightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_brand-grey2LightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_brand-grey2LightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_brand-grey2LightTextFill {
  fill: #555;
}

.mcss-palette_brand-grey2LightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_brand-grey2LightTextStroke {
  stroke: #555;
}

.mcss-palette_brand-grey2LightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_brand-grey2LightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_brand-grey2LightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_brand-grey2LightContrastColor {
  color: #000;
}

.mcss-palette_brand-grey2LightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_brand-grey2LightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey2LightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey2LightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey2LightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey2LightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_brand-grey2LightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_brand-grey2LightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_brand-grey2LightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_brand-grey2LightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_brand-grey2LightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_brand-grey2LightContrastFill {
  fill: #000;
}

.mcss-palette_brand-grey2LightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_brand-grey2LightContrastStroke {
  stroke: #000;
}

.mcss-palette_brand-grey2LightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_brand-grey3TextBackgroundColor {
  background-color: #ccc;
}

.mcss-palette_brand-grey3TextBackgroundColorOnHover:hover {
  background-color: #ccc;
}

.mcss-palette_brand-grey3TextColor {
  color: #ccc;
}

.mcss-palette_brand-grey3TextColorOnHover:hover {
  color: #ccc;
}

.mcss-palette_brand-grey3TextColor::-webkit-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey3TextColor::-moz-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey3TextColor:-ms-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey3TextColor::placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_brand-grey3TextBorderColor {
  border-color: #ccc;
}

.mcss-palette_brand-grey3TextBorderColorOnHover:hover {
  border-color: #ccc;
}

.mcss-palette_brand-grey3TextBorderLeftColor {
  border-left-color: #ccc;
}

.mcss-palette_brand-grey3TextBorderLeftColorOnHover:hover {
  border-left-color: #ccc;
}

.mcss-palette_brand-grey3TextBorderBottomColor {
  border-bottom-color: #ccc;
}

.mcss-palette_brand-grey3TextBorderBottomColorOnHover:hover {
  border-bottom-color: #ccc;
}

.mcss-palette_brand-grey3TextFill {
  fill: #ccc;
}

.mcss-palette_brand-grey3TextFillOnHover:hover {
  fill: #ccc;
}

.mcss-palette_brand-grey3TextStroke {
  stroke: #ccc;
}

.mcss-palette_brand-grey3TextStrokeOnHover:hover {
  stroke: #ccc;
}

.mcss-palette_brand-grey3ContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_brand-grey3ContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_brand-grey3ContrastColor {
  color: #fff;
}

.mcss-palette_brand-grey3ContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_brand-grey3ContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey3ContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey3ContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey3ContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_brand-grey3ContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_brand-grey3ContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_brand-grey3ContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_brand-grey3ContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_brand-grey3ContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_brand-grey3ContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_brand-grey3ContrastFill {
  fill: #fff;
}

.mcss-palette_brand-grey3ContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_brand-grey3ContrastStroke {
  stroke: #fff;
}

.mcss-palette_brand-grey3ContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_brand-grey3LightBackgroundColor {
  background-color: #faf9f9;
}

.mcss-palette_brand-grey3LightBackgroundColorOnHover:hover {
  background-color: #faf9f9;
}

.mcss-palette_brand-grey3LightColor {
  color: #faf9f9;
}

.mcss-palette_brand-grey3LightColorOnHover:hover {
  color: #faf9f9;
}

.mcss-palette_brand-grey3LightColor::-webkit-input-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey3LightColor::-moz-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey3LightColor:-ms-input-placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey3LightColor::placeholder {
  color: #faf9f9;
  opacity: .6;
}

.mcss-palette_brand-grey3LightBorderColor {
  border-color: #faf9f9;
}

.mcss-palette_brand-grey3LightBorderColorOnHover:hover {
  border-color: #faf9f9;
}

.mcss-palette_brand-grey3LightBorderLeftColor {
  border-left-color: #faf9f9;
}

.mcss-palette_brand-grey3LightBorderLeftColorOnHover:hover {
  border-left-color: #faf9f9;
}

.mcss-palette_brand-grey3LightBorderBottomColor {
  border-bottom-color: #faf9f9;
}

.mcss-palette_brand-grey3LightBorderBottomColorOnHover:hover {
  border-bottom-color: #faf9f9;
}

.mcss-palette_brand-grey3LightFill {
  fill: #faf9f9;
}

.mcss-palette_brand-grey3LightFillOnHover:hover {
  fill: #faf9f9;
}

.mcss-palette_brand-grey3LightStroke {
  stroke: #faf9f9;
}

.mcss-palette_brand-grey3LightStrokeOnHover:hover {
  stroke: #faf9f9;
}

.mcss-palette_brand-grey3LightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_brand-grey3LightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_brand-grey3LightTextColor {
  color: #555;
}

.mcss-palette_brand-grey3LightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_brand-grey3LightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey3LightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey3LightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey3LightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_brand-grey3LightTextBorderColor {
  border-color: #555;
}

.mcss-palette_brand-grey3LightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_brand-grey3LightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_brand-grey3LightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_brand-grey3LightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_brand-grey3LightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_brand-grey3LightTextFill {
  fill: #555;
}

.mcss-palette_brand-grey3LightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_brand-grey3LightTextStroke {
  stroke: #555;
}

.mcss-palette_brand-grey3LightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_brand-grey3LightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_brand-grey3LightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_brand-grey3LightContrastColor {
  color: #000;
}

.mcss-palette_brand-grey3LightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_brand-grey3LightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey3LightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey3LightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey3LightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_brand-grey3LightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_brand-grey3LightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_brand-grey3LightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_brand-grey3LightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_brand-grey3LightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_brand-grey3LightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_brand-grey3LightContrastFill {
  fill: #000;
}

.mcss-palette_brand-grey3LightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_brand-grey3LightContrastStroke {
  stroke: #000;
}

.mcss-palette_brand-grey3LightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_placeholder-primaryBackgroundColor {
  background-color: #1b8394;
}

.mcss-palette_placeholder-primaryBackgroundColorOnHover:hover {
  background-color: #1b8394;
}

.mcss-palette_placeholder-primaryColor {
  color: #1b8394;
}

.mcss-palette_placeholder-primaryColorOnHover:hover {
  color: #1b8394;
}

.mcss-palette_placeholder-primaryColor::-webkit-input-placeholder {
  color: #1b8394;
  opacity: .6;
}

.mcss-palette_placeholder-primaryColor::-moz-placeholder {
  color: #1b8394;
  opacity: .6;
}

.mcss-palette_placeholder-primaryColor:-ms-input-placeholder {
  color: #1b8394;
  opacity: .6;
}

.mcss-palette_placeholder-primaryColor::placeholder {
  color: #1b8394;
  opacity: .6;
}

.mcss-palette_placeholder-primaryBorderColor {
  border-color: #1b8394;
}

.mcss-palette_placeholder-primaryBorderColorOnHover:hover {
  border-color: #1b8394;
}

.mcss-palette_placeholder-primaryBorderLeftColor {
  border-left-color: #1b8394;
}

.mcss-palette_placeholder-primaryBorderLeftColorOnHover:hover {
  border-left-color: #1b8394;
}

.mcss-palette_placeholder-primaryBorderBottomColor {
  border-bottom-color: #1b8394;
}

.mcss-palette_placeholder-primaryBorderBottomColorOnHover:hover {
  border-bottom-color: #1b8394;
}

.mcss-palette_placeholder-primaryFill {
  fill: #1b8394;
}

.mcss-palette_placeholder-primaryFillOnHover:hover {
  fill: #1b8394;
}

.mcss-palette_placeholder-primaryStroke {
  stroke: #1b8394;
}

.mcss-palette_placeholder-primaryStrokeOnHover:hover {
  stroke: #1b8394;
}

.mcss-palette_placeholder-secondaryBackgroundColor {
  background-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryBackgroundColorOnHover:hover {
  background-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryColor {
  color: #f6bb45;
}

.mcss-palette_placeholder-secondaryColorOnHover:hover {
  color: #f6bb45;
}

.mcss-palette_placeholder-secondaryColor::-webkit-input-placeholder {
  color: #f6bb45;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryColor::-moz-placeholder {
  color: #f6bb45;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryColor:-ms-input-placeholder {
  color: #f6bb45;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryColor::placeholder {
  color: #f6bb45;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryBorderColor {
  border-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryBorderColorOnHover:hover {
  border-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryBorderLeftColor {
  border-left-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryBorderLeftColorOnHover:hover {
  border-left-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryBorderBottomColor {
  border-bottom-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryBorderBottomColorOnHover:hover {
  border-bottom-color: #f6bb45;
}

.mcss-palette_placeholder-secondaryFill {
  fill: #f6bb45;
}

.mcss-palette_placeholder-secondaryFillOnHover:hover {
  fill: #f6bb45;
}

.mcss-palette_placeholder-secondaryStroke {
  stroke: #f6bb45;
}

.mcss-palette_placeholder-secondaryStrokeOnHover:hover {
  stroke: #f6bb45;
}

.mcss-palette_placeholder-tertiaryBackgroundColor {
  background-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryBackgroundColorOnHover:hover {
  background-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryColor {
  color: #ee5931;
}

.mcss-palette_placeholder-tertiaryColorOnHover:hover {
  color: #ee5931;
}

.mcss-palette_placeholder-tertiaryColor::-webkit-input-placeholder {
  color: #ee5931;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryColor::-moz-placeholder {
  color: #ee5931;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryColor:-ms-input-placeholder {
  color: #ee5931;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryColor::placeholder {
  color: #ee5931;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryBorderColor {
  border-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryBorderColorOnHover:hover {
  border-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryBorderLeftColor {
  border-left-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryBorderLeftColorOnHover:hover {
  border-left-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryBorderBottomColor {
  border-bottom-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryBorderBottomColorOnHover:hover {
  border-bottom-color: #ee5931;
}

.mcss-palette_placeholder-tertiaryFill {
  fill: #ee5931;
}

.mcss-palette_placeholder-tertiaryFillOnHover:hover {
  fill: #ee5931;
}

.mcss-palette_placeholder-tertiaryStroke {
  stroke: #ee5931;
}

.mcss-palette_placeholder-tertiaryStrokeOnHover:hover {
  stroke: #ee5931;
}

.mcss-palette_placeholder-primaryTextBackgroundColor {
  background-color: #ccc;
}

.mcss-palette_placeholder-primaryTextBackgroundColorOnHover:hover {
  background-color: #ccc;
}

.mcss-palette_placeholder-primaryTextColor {
  color: #ccc;
}

.mcss-palette_placeholder-primaryTextColorOnHover:hover {
  color: #ccc;
}

.mcss-palette_placeholder-primaryTextColor::-webkit-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-primaryTextColor::-moz-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-primaryTextColor:-ms-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-primaryTextColor::placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-primaryTextBorderColor {
  border-color: #ccc;
}

.mcss-palette_placeholder-primaryTextBorderColorOnHover:hover {
  border-color: #ccc;
}

.mcss-palette_placeholder-primaryTextBorderLeftColor {
  border-left-color: #ccc;
}

.mcss-palette_placeholder-primaryTextBorderLeftColorOnHover:hover {
  border-left-color: #ccc;
}

.mcss-palette_placeholder-primaryTextBorderBottomColor {
  border-bottom-color: #ccc;
}

.mcss-palette_placeholder-primaryTextBorderBottomColorOnHover:hover {
  border-bottom-color: #ccc;
}

.mcss-palette_placeholder-primaryTextFill {
  fill: #ccc;
}

.mcss-palette_placeholder-primaryTextFillOnHover:hover {
  fill: #ccc;
}

.mcss-palette_placeholder-primaryTextStroke {
  stroke: #ccc;
}

.mcss-palette_placeholder-primaryTextStrokeOnHover:hover {
  stroke: #ccc;
}

.mcss-palette_placeholder-primaryContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_placeholder-primaryContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_placeholder-primaryContrastColor {
  color: #fff;
}

.mcss-palette_placeholder-primaryContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_placeholder-primaryContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-primaryContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-primaryContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-primaryContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-primaryContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_placeholder-primaryContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_placeholder-primaryContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_placeholder-primaryContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_placeholder-primaryContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_placeholder-primaryContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_placeholder-primaryContrastFill {
  fill: #fff;
}

.mcss-palette_placeholder-primaryContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_placeholder-primaryContrastStroke {
  stroke: #fff;
}

.mcss-palette_placeholder-primaryContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_placeholder-primaryLightBackgroundColor {
  background-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightBackgroundColorOnHover:hover {
  background-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightColor {
  color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightColorOnHover:hover {
  color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightColor::-webkit-input-placeholder {
  color: #f6fafb;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightColor::-moz-placeholder {
  color: #f6fafb;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightColor:-ms-input-placeholder {
  color: #f6fafb;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightColor::placeholder {
  color: #f6fafb;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightBorderColor {
  border-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightBorderColorOnHover:hover {
  border-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightBorderLeftColor {
  border-left-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightBorderLeftColorOnHover:hover {
  border-left-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightBorderBottomColor {
  border-bottom-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightBorderBottomColorOnHover:hover {
  border-bottom-color: #f6fafb;
}

.mcss-palette_placeholder-primaryLightFill {
  fill: #f6fafb;
}

.mcss-palette_placeholder-primaryLightFillOnHover:hover {
  fill: #f6fafb;
}

.mcss-palette_placeholder-primaryLightStroke {
  stroke: #f6fafb;
}

.mcss-palette_placeholder-primaryLightStrokeOnHover:hover {
  stroke: #f6fafb;
}

.mcss-palette_placeholder-primaryLightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_placeholder-primaryLightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_placeholder-primaryLightTextColor {
  color: #555;
}

.mcss-palette_placeholder-primaryLightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_placeholder-primaryLightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightTextBorderColor {
  border-color: #555;
}

.mcss-palette_placeholder-primaryLightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_placeholder-primaryLightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_placeholder-primaryLightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_placeholder-primaryLightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_placeholder-primaryLightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_placeholder-primaryLightTextFill {
  fill: #555;
}

.mcss-palette_placeholder-primaryLightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_placeholder-primaryLightTextStroke {
  stroke: #555;
}

.mcss-palette_placeholder-primaryLightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_placeholder-primaryLightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastColor {
  color: #000;
}

.mcss-palette_placeholder-primaryLightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_placeholder-primaryLightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-primaryLightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_placeholder-primaryLightContrastFill {
  fill: #000;
}

.mcss-palette_placeholder-primaryLightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_placeholder-primaryLightContrastStroke {
  stroke: #000;
}

.mcss-palette_placeholder-primaryLightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_placeholder-secondaryTextBackgroundColor {
  background-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextBackgroundColorOnHover:hover {
  background-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextColor {
  color: #ccc;
}

.mcss-palette_placeholder-secondaryTextColorOnHover:hover {
  color: #ccc;
}

.mcss-palette_placeholder-secondaryTextColor::-webkit-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryTextColor::-moz-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryTextColor:-ms-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryTextColor::placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryTextBorderColor {
  border-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextBorderColorOnHover:hover {
  border-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextBorderLeftColor {
  border-left-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextBorderLeftColorOnHover:hover {
  border-left-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextBorderBottomColor {
  border-bottom-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextBorderBottomColorOnHover:hover {
  border-bottom-color: #ccc;
}

.mcss-palette_placeholder-secondaryTextFill {
  fill: #ccc;
}

.mcss-palette_placeholder-secondaryTextFillOnHover:hover {
  fill: #ccc;
}

.mcss-palette_placeholder-secondaryTextStroke {
  stroke: #ccc;
}

.mcss-palette_placeholder-secondaryTextStrokeOnHover:hover {
  stroke: #ccc;
}

.mcss-palette_placeholder-secondaryContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastColor {
  color: #fff;
}

.mcss-palette_placeholder-secondaryContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_placeholder-secondaryContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_placeholder-secondaryContrastFill {
  fill: #fff;
}

.mcss-palette_placeholder-secondaryContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_placeholder-secondaryContrastStroke {
  stroke: #fff;
}

.mcss-palette_placeholder-secondaryContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_placeholder-secondaryLightBackgroundColor {
  background-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightBackgroundColorOnHover:hover {
  background-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightColor {
  color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightColorOnHover:hover {
  color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightColor::-webkit-input-placeholder {
  color: #fef9ee;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightColor::-moz-placeholder {
  color: #fef9ee;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightColor:-ms-input-placeholder {
  color: #fef9ee;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightColor::placeholder {
  color: #fef9ee;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightBorderColor {
  border-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightBorderColorOnHover:hover {
  border-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightBorderLeftColor {
  border-left-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightBorderLeftColorOnHover:hover {
  border-left-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightBorderBottomColor {
  border-bottom-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightBorderBottomColorOnHover:hover {
  border-bottom-color: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightFill {
  fill: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightFillOnHover:hover {
  fill: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightStroke {
  stroke: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightStrokeOnHover:hover {
  stroke: #fef9ee;
}

.mcss-palette_placeholder-secondaryLightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextColor {
  color: #555;
}

.mcss-palette_placeholder-secondaryLightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_placeholder-secondaryLightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightTextBorderColor {
  border-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_placeholder-secondaryLightTextFill {
  fill: #555;
}

.mcss-palette_placeholder-secondaryLightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_placeholder-secondaryLightTextStroke {
  stroke: #555;
}

.mcss-palette_placeholder-secondaryLightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_placeholder-secondaryLightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastColor {
  color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-secondaryLightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_placeholder-secondaryLightContrastFill {
  fill: #000;
}

.mcss-palette_placeholder-secondaryLightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_placeholder-secondaryLightContrastStroke {
  stroke: #000;
}

.mcss-palette_placeholder-secondaryLightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-palette_placeholder-tertiaryTextBackgroundColor {
  background-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextBackgroundColorOnHover:hover {
  background-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextColor {
  color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextColorOnHover:hover {
  color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextColor::-webkit-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryTextColor::-moz-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryTextColor:-ms-input-placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryTextColor::placeholder {
  color: #ccc;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryTextBorderColor {
  border-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextBorderColorOnHover:hover {
  border-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextBorderLeftColor {
  border-left-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextBorderLeftColorOnHover:hover {
  border-left-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextBorderBottomColor {
  border-bottom-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextBorderBottomColorOnHover:hover {
  border-bottom-color: #ccc;
}

.mcss-palette_placeholder-tertiaryTextFill {
  fill: #ccc;
}

.mcss-palette_placeholder-tertiaryTextFillOnHover:hover {
  fill: #ccc;
}

.mcss-palette_placeholder-tertiaryTextStroke {
  stroke: #ccc;
}

.mcss-palette_placeholder-tertiaryTextStrokeOnHover:hover {
  stroke: #ccc;
}

.mcss-palette_placeholder-tertiaryContrastBackgroundColor {
  background-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastBackgroundColorOnHover:hover {
  background-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastColor {
  color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastColorOnHover:hover {
  color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastColor::-webkit-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryContrastColor::-moz-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryContrastColor:-ms-input-placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryContrastColor::placeholder {
  color: #fff;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryContrastBorderColor {
  border-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastBorderColorOnHover:hover {
  border-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastBorderLeftColor {
  border-left-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastBorderLeftColorOnHover:hover {
  border-left-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastBorderBottomColor {
  border-bottom-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #fff;
}

.mcss-palette_placeholder-tertiaryContrastFill {
  fill: #fff;
}

.mcss-palette_placeholder-tertiaryContrastFillOnHover:hover {
  fill: #fff;
}

.mcss-palette_placeholder-tertiaryContrastStroke {
  stroke: #fff;
}

.mcss-palette_placeholder-tertiaryContrastStrokeOnHover:hover {
  stroke: #fff;
}

.mcss-palette_placeholder-tertiaryLightBackgroundColor {
  background-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightBackgroundColorOnHover:hover {
  background-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightColor {
  color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightColorOnHover:hover {
  color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightColor::-webkit-input-placeholder {
  color: #fef8f6;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightColor::-moz-placeholder {
  color: #fef8f6;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightColor:-ms-input-placeholder {
  color: #fef8f6;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightColor::placeholder {
  color: #fef8f6;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightBorderColor {
  border-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightBorderColorOnHover:hover {
  border-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightBorderLeftColor {
  border-left-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightBorderLeftColorOnHover:hover {
  border-left-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightBorderBottomColor {
  border-bottom-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightBorderBottomColorOnHover:hover {
  border-bottom-color: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightFill {
  fill: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightFillOnHover:hover {
  fill: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightStroke {
  stroke: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightStrokeOnHover:hover {
  stroke: #fef8f6;
}

.mcss-palette_placeholder-tertiaryLightTextBackgroundColor {
  background-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextBackgroundColorOnHover:hover {
  background-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextColor {
  color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextColorOnHover:hover {
  color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextColor::-webkit-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightTextColor::-moz-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightTextColor:-ms-input-placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightTextColor::placeholder {
  color: #555;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightTextBorderColor {
  border-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextBorderColorOnHover:hover {
  border-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextBorderLeftColor {
  border-left-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextBorderLeftColorOnHover:hover {
  border-left-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextBorderBottomColor {
  border-bottom-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextBorderBottomColorOnHover:hover {
  border-bottom-color: #555;
}

.mcss-palette_placeholder-tertiaryLightTextFill {
  fill: #555;
}

.mcss-palette_placeholder-tertiaryLightTextFillOnHover:hover {
  fill: #555;
}

.mcss-palette_placeholder-tertiaryLightTextStroke {
  stroke: #555;
}

.mcss-palette_placeholder-tertiaryLightTextStrokeOnHover:hover {
  stroke: #555;
}

.mcss-palette_placeholder-tertiaryLightContrastBackgroundColor {
  background-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastBackgroundColorOnHover:hover {
  background-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastColor {
  color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastColorOnHover:hover {
  color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastColor::-webkit-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightContrastColor::-moz-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightContrastColor:-ms-input-placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightContrastColor::placeholder {
  color: #000;
  opacity: .6;
}

.mcss-palette_placeholder-tertiaryLightContrastBorderColor {
  border-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastBorderColorOnHover:hover {
  border-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastBorderLeftColor {
  border-left-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastBorderLeftColorOnHover:hover {
  border-left-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastBorderBottomColor {
  border-bottom-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastBorderBottomColorOnHover:hover {
  border-bottom-color: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastFill {
  fill: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastFillOnHover:hover {
  fill: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastStroke {
  stroke: #000;
}

.mcss-palette_placeholder-tertiaryLightContrastStrokeOnHover:hover {
  stroke: #000;
}

.mcss-table-border {
  border: 1px solid #d7d4c6;
}

.mcss-table-header {
  border-left: none;
  font-weight: 400;
  color: #60545c;
  background-color: #f7fbfc;
  width: 200px;
  border-top: none;
  padding: 9px;
  text-align: left;
}

.mcss-table-header:hover .mcss-table-row {
  background-color: #e8f3f7;
}

.mcss-table-cell {
  border-left: none;
  border-top: none;
  background-color: #fff;
  padding-right: 15px;
  padding-left: 15px;
  text-align: left;
}

.mcss-table-empty {
  margin: 15px;
  text-align: center;
}

.mcss-text_colors-linkColor {
  color: composes;
  background-color: tcSoftBlue from colors;
}

.mcss-text_colors-linkColor__active {
  color: composes;
  background-color: tcNavy from colors;
}

.mcss-text_colors-linkColor__hover {
  color: composes;
  background-color: tcNavy from colors;
}

.mcss-text_colors-linkColor__inactive {
  color: composes;
  background-color: warmGrey4 from colors;
}

.mcss-text_colors-linkHover:hover {
  color: composes;
  background-color: tcNavy from colors;
}

.mcss-toolbar-root {
  min-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-transitions-bezier {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.41,1.15,.51,1.01);
  transition: -webkit-transform .3s cubic-bezier(.41,1.15,.51,1.01);
  transition: transform .3s cubic-bezier(.41,1.15,.51,1.01);
  transition: transform .3s cubic-bezier(.41,1.15,.51,1.01),-webkit-transform .3s cubic-bezier(.41,1.15,.51,1.01);
}

.mcss-transitions-bezierWidth {
  -webkit-transition: width .3s cubic-bezier(.41,1.15,.51,1.01);
  transition: width .3s cubic-bezier(.41,1.15,.51,1.01);
}

.mcss-transitions-hover {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shadow,opacity,color,background-color,border-color,fill,stroke;
  transition-property: box-shadow,opacity,color,background-color,border-color,fill,stroke;
}

.mcss-transitions-slideIn {
  -webkit-animation: mcss-transitions-slideIn .4s;
  animation: mcss-transitions-slideIn .4s;
}

@-webkit-keyframes mcss-transitions-slideIn {
  0% {
    opacity: .1;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  100% {
    opacity: .8;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes mcss-transitions-slideIn {
  0% {
    opacity: .1;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  100% {
    opacity: .8;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.mcss-transitions-fadeIn {
  -webkit-animation: mcss-transitions-slideIn .4s;
  animation: mcss-transitions-slideIn .4s;
}

@keyframes mcss-transitions-slideIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.mcss-typographic_layout-h1 {
  line-height: 48px;
}

.mcss-typographic_layout-h2 {
  line-height: 45px;
  margin-bottom: 15px;
}

.mcss-typographic_layout-h3 {
  line-height: 39px;
  margin-bottom: 15px;
}

.mcss-typographic_layout-h4 {
  line-height: 30px;
  margin-bottom: 9px;
}

.mcss-typographic_layout-h5 {
  line-height: 24px;
  margin-bottom: 9px;
}

.mcss-typographic_layout-h6 {
  line-height: 24px;
  margin-bottom: 9px;
}

.mcss-typographic_layout-p {
  line-height: 18px;
  margin-bottom: 9px;
}

.mcss-typographic_layout-pSmall {
  line-height: 18px;
  margin-bottom: 9px;
}

.mcss-typography-h1 {
  font-size: 48px;
}

@media (max-width:480px) {
  .mcss-typography-h1 {
    line-height: 53px;
  }
}

.mcss-typography-h1__responsive {
  font-size: 48px;
}

@media (max-width:480px) {
  .mcss-typography-h1__responsive {
    font-size: 33px;
    line-height: 38px;
  }
}

.mcss-typography-h2 {
  font-size: 45px;
}

@media (max-width:480px) {
  .mcss-typography-h2 {
    line-height: 50px;
  }
}

.mcss-typography-h2__responsive {
  font-size: 45px;
}

@media (max-width:480px) {
  .mcss-typography-h2__responsive {
    font-size: 27px;
    line-height: 30px;
  }
}

.mcss-typography-h3 {
  font-size: 33px;
}

@media (max-width:480px) {
  .mcss-typography-h3 {
    line-height: 38px;
  }
}

.mcss-typography-h3__responsive {
  font-size: 30px;
}

@media (max-width:480px) {
  .mcss-typography-h3__responsive {
    font-size: 21px;
  }
}

.mcss-typography-h4 {
  font-size: 27px;
}

.mcss-typography-h5 {
  font-size: 21px;
}

.mcss-typography-h6 {
  font-size: 18px;
}

.mcss-typography-h6__responsive {
  font-size: 18px;
}

@media (max-width:480px) {
  .mcss-typography-h6__responsive {
    line-height: 18px;
    font-size: 15px;
  }
}

.mcss-typography-p {
  font-size: 15px;
}

.mcss-typography-pSmall {
  font-size: 13px;
}

.mcss-typography-small {
  font-size: 11px;
}

.mcss-typography-lineHeight {
  line-height: 20px;
}

.mcss-typography-center {
  text-align: center;
}

.mcss-typography-uppercase {
  text-transform: uppercase;
  letter-spacing: .3px;
}

.mcss-typography-label__medium {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mcss-typography-label__small {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.mcss-typography-optionModalTitle {
  font-size: 24px;
  margin-bottom: 0;
  text-align: center;
}

@media screen and (max-width:992px) {
  .mcss-typography-h1 {
    font-size: 33px;
  }

  .mcss-typography-h4 {
    font-size: 21px;
  }
}

.mcss-typography-title {
  color: #0a4e70;
  margin-bottom: 21px;
}

.mcss-typography-titleSmall {
  color: #66adc7;
  margin-bottom: 6px;
}

.mcss-_Button-root {
  position: relative;
}

.mcss-_Button-inherit {
  color: inherit;
  fill: inherit;
  stroke: inherit;
}

.mcss-_Button-inherit:hover {
  color: inherit;
  fill: inherit;
  stroke: inherit;
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  transition-timing-function: inherit;
  -webkit-transition-property: inherit;
  transition-property: inherit;
}

.mcss-_Button-link {
  display: block;
}

.mcss-_Button-container {
  position: relative;
  text-align: center;
}

.mcss-_Button-label {
  text-align: center;
  vertical-align: middle;
  padding-right: 5px;
  padding-left: 5px;
}

.mcss-_Button-icon__svg {
  display: block;
}

.mcss-_Button-icon__cellHack {
  display: table-cell;
  vertical-align: middle;
}

.mcss-_Button-icon__tableHack {
  display: table;
  height: 100%;
  width: 100%;
}

.mcss-_Button-icon {
  fill: inherit;
  position: absolute;
  top: -999px;
  bottom: -999px;
}

.mcss-_Button-icon__left {
  left: 0;
}

.mcss-_Button-icon__right {
  right: 0;
}

.mcss-_Button-disabled {
  cursor: not-allowed;
}

@-webkit-keyframes mcss-_Button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mcss-_Button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mcss-_Button-spin {
  -webkit-animation-name: mcss-_Button-spin;
  animation-name: mcss-_Button-spin;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  fill: #fff;
}

.mcss-AcceptTax-content {
  padding-bottom: 0;
}

.mcss-AcceptTax-body {
  padding-bottom: 0;
}

.mcss-AcceptTax-button {
  max-width: 200px;
}

.mcss-ActivityEditMessaging-root {
  height: 100%;
}

.mcss-ActivityEditMessaging-formContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mcss-ActivityEditMessaging-help {
  background-color: #f3f2f3;
  -webkit-box-flex: 1;
  -ms-flex: 1 6 20%;
  flex: 1 6 20%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-ActivityEditMessaging-main {
  padding: 30px 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mcss-ActivityEditMessaging-formRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ActivityEditMessaging-defaults {
  background-color: #fff;
}

.mcss-ActivityEditMessaging-label {
  -webkit-box-flex: 3;
  -ms-flex: 3 1 30%;
  flex: 3 1 30%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 27px;
}

.mcss-ActivityEditMessaging-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 70%;
  flex: 3 1 70%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-ActivityEditMessaging-checkbox {
  margin-right: 15px;
}

.mcss-ActivityEditMessaging-formFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #f3f3f3;
  padding: 15px;
}

.mcss-ActivityEditMessaging-formFooter__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-ActivityEditMessaging-button {
  width: 150px;
}

.mcss-ActivityEditMessaging-info {
  padding: 15px 30px;
}

.mcss-ActivityEditMessaging-small {
  margin-top: 15px;
}

.mcss-ActivityListItem-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #111;
  fill: #fff;
}

.mcss-ActivityListItem-root:hover {
  color: #111;
  fill: #fff;
}

.mcss-ActivityListItem-lead {
  padding-top: 6px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: 6px;
  text-align: center;
  width: 44px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-ActivityListItem-lead__canceled {
  background-color: #d7d4d6;
  fill: #80767d!important;
}

.mcss-ActivityListItem-lead__trashed {
  background-color: #d7d4d6;
  fill: #80767d!important;
}

.mcss-ActivityListItem-lead__completed {
  background-color: #80767d;
  fill: #fff!important;
}

.mcss-ActivityListItem-lead__published {
  background-color: #24b4c3;
  fill: #fff!important;
}

.mcss-ActivityListItem-lead__draft {
  background-color: #0a4e70;
  fill: #fff!important;
  border-right: 1px solid #f0f7f9;
}

.mcss-ActivityListItem-bubble {
  margin-top: 9px;
}

.mcss-ActivityListItem-stateIconContent {
  fill: inherit!important;
}

.mcss-ActivityListItem-requestedBubble {
  background-color: #5dc744!important;
}

.mcss-ActivityListItem-image {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  width: 200px;
}

.mcss-ActivityListItem-schedulePlaceholder {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
}

.mcss-ActivityListItem-schedulePlaceholderCircle {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.mcss-ActivityListItem-schedulePlaceholderIcon {
  position: absolute;
  top: 20px;
  stroke: none;
  left: 20px;
}

.mcss-ActivityListItem-body {
  padding: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ActivityListItem-type {
  margin-bottom: 3px;
}

.mcss-ActivityListItem-name {
  color: #0a4e70;
  max-width: 400px;
  margin-bottom: 15px;
}

.mcss-ActivityListItem-location {
  margin-top: 6px;
  margin-left: -6px;
}

.mcss-ActivityListItem-actions {
  margin-right: 15px;
}

.mcss-ActivityListItem-statsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 200px;
}

.mcss-ActivityListItem-bigNumberContainer {
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-ActivityListPage-total {
  padding-top: 20px;
  line-height: 25px;
  margin-right: 9px;
}

.mcss-ActivityListPage-filterContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24x;
}

.mcss-ActivityListPage-body {
  background-color: #f0f7f9;
  padding-bottom: 15px;
}

.mcss-ActivityListPage-itemContainer {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 30px;
}

.mcss-ActivityListPage-item {
  margin-top: 15px;
}

.mcss-ActivityListPage-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-ActivityListPage-action {
  margin-left: 30px;
}

.mcss-ActivityListPage-blocking {
  padding-top: 30px;
  width: 50px;
  margin: 0 auto;
}

.mcss-ActivityListPage-more {
  max-width: 200px;
  margin-top: 15px;
}

.mcss-ActivityListPage-activityListPageEmpty {
  height: 350px;
  width: 450px;
  margin-top: 35px;
  margin-left: 63px;
}

.mcss-ActivityPublish-dropdown {
  width: 300px;
}

.mcss-ActivityPublish-label {
  display: inline-block;
}

.mcss-ActivityPublish-icon {
  float: left;
}

.mcss-ActivityPublish-root {
  min-width: 150px;
}

.mcss-ActivitySquareImageContainer-root {
  position: relative;
  background-size: cover;
}

.mcss-ActivitySquareImageContainer-event {
  border-left: 5px solid;
}

.mcss-ActivitySquareImageContainer-assignment {
  border-left: 5px solid;
}

.mcss-ActivitySquareImageContainer-iconContainer {
  top: calc(50% - 40px);
  right: calc(50% - 40px);
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border: 2px solid #fff;
}

.mcss-ActivitySquareImageContainer-icon {
  top: 15px;
  right: 17px;
  bottom: 15px;
  left: 17px;
  position: absolute;
}

.mcss-ActivitySquareImageContainer-iconContainer__small {
  -webkit-transform: scale(.7,.7) translateX(15%) translateY(12%);
  transform: scale(.7,.7) translateX(15%) translateY(12%);
}

.mcss-ActivitySquareImageContainer-iconContainer__smallBack {
  -webkit-transform: scale(.7,.7) translateX(-15%) translateY(-12%);
  transform: scale(.7,.7) translateX(-15%) translateY(-12%);
  opacity: .7;
}

.mcss-ActivitySquareImageContainer-count {
  bottom: 20%;
  left: 20%;
  position: absolute;
}

.mcss-AdjustableBackgroundEditing-root {
  cursor: move;
  width: 100%;
  height: 100%;
}

.mcss-AdjustableBackgroundImageLayer-root {
  height: auto;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  width: auto;
}

.mcss-AdjustableBackgroundWithControls-root {
  position: relative;
}

.mcss-AdjustableBackgroundWithControls-adjustBackgroundButton {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 230px;
}

.mcss-AdjustableBackgroundWithControls-backgroundControls {
  pointer-events: all;
  top: 100%;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 100;
}

.mcss-AdjustableBackgroundWithControls-emptyBackground {
  background-image: url(/images/placeholders/hub_event_background.png);
  background-repeat: repeat;
  background-size: 39px 196px;
}

.mcss-ActivityEditRSVPs-permissionSelect {
  margin-bottom: 30px;
  max-width: 400px;
  display: block;
}

.mcss-ActivityEditRSVPs-permissionPrompt {
  margin-bottom: 6px;
}

.mcss-AssignmentCard-statistic_container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
  padding-right: 30px;
}

.mcss-AssignmentCard-statistic_amount {
  color: #80767d;
}

.mcss-AssignmentEditOverview-permissionSelect {
  margin-bottom: 30px;
  max-width: 400px;
  display: block;
}

.mcss-AssignmentEditOverview-permissionPrompt {
  margin-bottom: 6px;
}

.mcss-AssignmentsListPage-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-AssignmentsListPage-body {
  overflow-y: auto;
}

.mcss-AssignmentsListPage-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-AssignmentsListPage-action {
  margin-left: 30px;
}

.mcss-FormCard-badge {
  line-height: 15px;
  float: right;
  margin-right: 29px;
  margin-top: 6px;
  border-width: 2px;
}

.mcss-FormSubmissionList-header {
  border-bottom: 1px solid #000;
}

.mcss-FormSubmissionList-table {
  top: 66px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.mcss-ScheduleEditOverview-permissionSelect {
  margin-bottom: 30px;
  display: block;
}

.mcss-ScheduleEditOverview-permissionPrompt {
  margin-bottom: 6px;
}

.mcss-BasicDetails-checkbox {
  margin-top: 10px;
  line-height: 13px;
}

.mcss-BasicDetails-location {
  margin-bottom: 30px;
}

.mcss-General-onethird {
  width: 33%;
}

.mcss-General-twothirds {
  width: 66%;
}

.mcss-General-permissionPrompt {
  margin-bottom: 6px;
}

.mcss-General-volunteerLogTimeTitle {
  margin-bottom: 18px;
}

.mcss-General-volunteerLogTimeSubTitle {
  margin-bottom: 6px;
  text-transform: uppercase;
}

.mcss-Hub-permissionSelect {
  margin-bottom: 30px;
  display: block;
}

.mcss-Hub-permissionPrompt {
  margin-bottom: 6px;
}

.mcss-AdminIntegrationItem-logo {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background-size: contain;
  background-repeat: no-repeat;
  width: 150;
  height: 100px;
  margin-bottom: 15px;
}

.mcss-AdminIntegrationItem-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-AdminIntegrationItem-connected {
  margin: 30px;
}

.mcss-AdminIntegrationItem-connectStatusOn {
  color: #5dc744;
  fill: #5dc744;
}

.mcss-AdminIntegrationItem-connectStatusOff {
  color: #f7b51b;
  fill: #f7b51b;
}

.mcss-AdminIntegrationItem-description {
  margin-bottom: 15px;
}

.mcss-AdminIntegrationItem-moreInfo {
  margin-bottom: 15px;
}

.mcss-AdminIntegrationItem-buttonContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column-align: flex-end;
  justify-items: flex-end;
}

.mcss-AdminIntegrationItem-button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 15px;
}

.mcss-AdminIntegrationItem-modal {
  min-width: 700px;
  min-height: 400px;
  max-width: 700px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-AdminIntegrationItem-modalTitle {
  color: #d9402b;
  text-align: center;
  margin-bottom: 30px;
}

.mcss-AdminIntegrationItem-modalBody {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-AdminIntegrationItem-modalFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mcss-AdminIntegrationItem-modalButton {
  max-width: 150px;
}

.mcss-AdminIntegrationItem-cancelButton {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-AdminIntegrationItem-connectedStatus {
  text-align: center;
  text-transform: uppercase;
}

.mcss-ApiError-root {
  min-width: 700px;
}

.mcss-ApiError-content {
  padding-bottom: 0;
}

.mcss-ApiError-body {
  padding-bottom: 0;
}

.mcss-ApiError-button {
  max-width: 200px;
}

.mcss-ApiTransitionControl-root {
  min-width: 700px;
  min-height: 500px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-ApiTransitionControl-title {
  text-align: center;
  margin-bottom: 45px;
}

.mcss-ApiTransitionControl-sectionTitle {
  margin-bottom: 30px;
}

.mcss-ApiTransitionControl-section {
  margin-bottom: 30px;
  position: relative;
}

.mcss-ApiTransitionControl-options {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-ApiTransitionControl-radio {
  min-width: 350px;
}

.mcss-ApiTransitionControl-label {
  min-width: 60px;
}

.mcss-ApiTransitionControl-date {
  padding-bottom: 0;
}

.mcss-ApiTransitionControl-time {
  padding-bottom: 0;
  max-width: 120px;
}

.mcss-ApiTransitionControl-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-ApiTransitionControl-footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.mcss-ApiTransitionControl-button {
  max-width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.mcss-ApiTransitionControl-perms {
  margin-left: 15px;
  display: inline-block;
  width: 270px;
}

.mcss-ApiTransitionControl-disabled .mcss-ApiTransitionControl-disabledOverlay {
  display: block;
}

.mcss-ApiTransitionControl-disabledOverlay {
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: .5;
}

.mcss-ApiTransitionControl-invalid {
  display: inline-block;
  vertical-align: middle;
}

.mcss-AutoResizeTextarea-textarea {
  overflow-y: hidden;
}

.mcss-Avatar-container {
  position: relative;
  background-size: cover;
}

.mcss-Avatar-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-Avatar-placeholder__primary {
  border: 1px solid #1b8394;
  background-color: #f6fafb;
}

.mcss-Avatar-placeholder__grey {
  color: #b0aaad;
  border: 1px solid #b0aaad;
  background-color: #f9f9f9;
}

.mcss-Avatar-personType__contact {
  background-color: #f7b51b;
  border-color: #f7b51b;
  color: #fff;
}

.mcss-Avatar-badge {
  top: -9px;
  right: -18px;
  position: absolute;
}

.mcss-Avatar-initials {
  text-align: center;
}

.mcss-Billing-table {
  width: 100%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.mcss-Billing-tableHeaderSml {
  width: 70px;
}

.mcss-Billing-tableCell {
  padding: 6px 9px;
}

.mcss-Billing-tableCellSml {
  width: 70px;
}

.mcss-Billing-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
}

.mcss-Billing-value {
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  padding-right: 30px;
}

.mcss-Billing-label {
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 30%;
  flex: 3 1 30%;
}

.mcss-BillingChangePlan-title {
  margin-bottom: 15px;
}

.mcss-BillingChangePlan-cancelButton {
  display: inline-block;
  max-width: 250px;
  margin-top: 15px;
}

.mcss-BillingChangePlan-confirmButton {
  margin-left: 15px;
  display: inline-block;
  max-width: 350px;
  margin-top: 15px;
}

.mcss-BillingChangePlan-backButton {
  display: block;
  max-width: 250px;
  margin-top: 15px;
}

.mcss-BillingPage-legacy {
  background-color: #d9402b;
  color: #fff;
  padding: 3px 6px;
}

.mcss-BillingPage-title {
  margin-bottom: 15px;
}

.mcss-BillingPage-owner {
  padding: 15px 30px;
}

.mcss-BillingPage-table {
  margin-top: 30px;
  max-width: 400px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.mcss-BillingPage-tableCell {
  padding: 6px 9px;
}

.mcss-BillingPlan-root {
  padding: 30px;
}

.mcss-BillingPlan-root>div {
  margin-bottom: 30px;
}

.mcss-BillingPlan-title {
  margin-bottom: 15px;
}

.mcss-BillingPlan-smallPrint {
  padding-top: 15px;
}

.mcss-BillingPlan-cancelButton {
  width: 350px;
}

.mcss-BillingPlan-plans {
  padding-top: 21px;
}

.mcss-BirthdayWidget-birthday {
  background-color: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}

.mcss-BirthdayWidget-birthday .mcss-BirthdayWidget-message {
  padding-right: 5px;
}

.mcss-BirthdayWidget-birthday .mcss-BirthdayWidget-icon {
  padding: 6px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
}

.mcss-BirthdayWidget-birthday .mcss-BirthdayWidget-content {
  padding-left: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-BirthdayWidget-birthday .mcss-BirthdayWidget-icon.mcss-BirthdayWidget-today {
  -webkit-filter: none;
  filter: none;
  background-color: #16becc;
  opacity: 1;
}

.mcss-BirthdayWidget-date {
  text-transform: capitalize;
  padding-bottom: 6px;
  margin-top: 15px;
}

.mcss-BrandButton-tiny {
  line-height: 22px;
  padding: 2px 2px;
}

.mcss-BrandButton-small {
  line-height: 28px;
  padding: 2px 4px;
}

.mcss-BrandButton-mini {
  padding: 6px;
}

.mcss-BrandButton-normal {
  padding: 10px 4px;
}

.mcss-BrandButton-large {
  padding: 5px 4px;
}

.mcss-BrandButton-modal {
  font-size: 15px;
  padding: 10px 18px;
}

.mcss-BrandButton-outlineBorder {
  border-width: 2px;
  border-style: solid;
}

.mcss-BrandButton-filledPadding {
  padding: 2px;
}

.mcss-BrandButton-displayDefaults {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  text-align: center;
  cursor: pointer;
  background-image: none;
  overflow: hidden;
}

.mcss-BrandButton-filledAction {
  background-color: #16becc;
  color: #fff;
  fill: #fff;
}

.mcss-BrandButton-filledAction:hover {
  background-color: #5dc744;
}

.mcss-BrandButton-filledActionInverse {
  color: #16becc;
  fill: #16becc;
}

.mcss-BrandButton-filledAlert {
  color: #fff;
  fill: #fff;
}

.mcss-BrandButton-filledWarn {
  background-color: tcCoral;
  color: #fff;
  fill: #fff;
}

.mcss-BrandButton-filledPrimary:hover {
  background-color: #348099;
}

.mcss-BrandButton-filledSecondary:hover {
  background-color: #0d3a55;
}

.mcss-BrandButton-filledTertiary:hover {
  background-color: #24980f;
}

.mcss-BrandButton-filledCritical {
  background-color: #f7b51b;
  color: #fff;
  fill: #fff;
}

.mcss-BrandButton-filledCritical:hover {
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}

.mcss-BrandButton-outlineAction:hover {
  color: #fff;
  background-color: #16becc;
}

.mcss-BrandButton-outlineCritical:hover {
  background-color: #f7b51b;
  color: #fff;
}

.mcss-BrandButton-dashedOutlineDefaults {
  border-width: 2px;
  border-style: dashed;
}

.mcss-BrandButton-dashedOutlinePrimary {
  border-color: #1b8394;
  color: #1b8394;
  stroke: #1b8394;
  fill: #1b8394;
}

.mcss-BrandButton-dashedOutlinePrimary:hover {
  border-color: #0a4e70;
  color: #0a4e70;
  stroke: #0a4e70;
  fill: #0a4e70;
}

.mcss-BrandButton-roundedCorners {
  border-radius: 4px;
  overflow: hidden;
  border-width: 1px;
}

.mcss-BrandButton-filledWhite {
  background-color: #fff;
  color: #000;
  fill: #000;
  stroke: #000;
}

.mcss-BrandButton-outlineWhite {
  border-color: #fff;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-BrandButton-outlineWhite:hover {
  background-color: #fff;
  color: #000;
}

.mcss-BrandButton-nonePrimary {
  color: #66adc7;
  fill: #66adc7;
  stroke: #66adc7;
}

.mcss-ButtonAddToCommunity-root {
  padding: 15px;
  padding-bottom: 0;
  margin: 0 auto;
}

.mcss-ButtonRemoveFromCommunity-root {
  padding: 15px;
  margin: 0 auto;
}

.mcss-ButtonViewOrganizationProfile-button {
  display: inline-block;
  margin-left: 15px;
}

.mcss-OutlineButton-mini {
  padding: 6px 20px;
  font-size: 15px;
}

.mcss-CanceledShiftBanner-root {
  font-size: 11px;
  color: #fff;
  background: #d9402b;
}

.mcss-CannedResponseIndexItem-container {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-CannedResponseIndexItem-column {
  min-width: 0;
}

.mcss-CannedResponseIndexItem-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
}

.mcss-CannedResponseIndexItem-description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mcss-CannedResponseIndexItem-dropdown {
  padding: 15px;
}

.mcss-CannedResponses-buttonContainer {
  overflow: auto;
}

.mcss-CannedResponses-addAsTemplate,
.mcss-CannedResponses-button {
  display: inline-block;
  padding: 9px 0;
}

.mcss-CannedResponses-modal {
  height: 100%;
  max-width: 1000px;
  width: 800px;
  max-height: 500px;
}

.mcss-CannedResponsesDropdown-button {
  display: table-row;
}

.mcss-CannedResponsesDropdown-footer {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 15px;
}

.mcss-CannedResponsesDropdown-dropdownList {
  max-width: 300px;
}

.mcss-CannedResponsesEditor-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}

.mcss-CannedResponsesEditor-column {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-CannedResponsesEditor-pane {
  padding: 40px 21px 24px 21px;
}

.mcss-CannedResponsesEditor-items {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 15px -21px 15px -21px;
  overflow-y: auto;
}

.mcss-CannedResponsesEditor-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-CannedResponsesEditor-item {
  padding: 6px 15px 6px 15px;
  font-size: 15px;
}

.mcss-CannedResponsesEditor-listView {
  background-color: #fff;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 250px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mcss-CannedResponsesEditor-contentView {
  padding: 40px 40px 24px 40px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mcss-CannedResponsesEditor-title {
  padding: 0 0 6px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-CannedResponsesEditor-noSelection {
  margin: auto 0;
  text-align: center;
}

.mcss-CannedResponsesEditor-saveButton {
  min-width: 100px;
  max-width: 130px;
  display: inline-block;
  margin-left: 15px;
}

.mcss-CannedResponsesEditPane-title {
  color: #0a4e70;
  margin-bottom: 21px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-CannedResponsesEditPane-buttons {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.mcss-CannedResponsesEditPane-button {
  max-width: 200px;
  display: inline-block;
  margin-left: 15px;
}

.mcss-CannedResponsesEditPane-column {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-ProfileCardSalesforceControls-root {
  padding-right: 21px;
  padding-left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 60px;
}

.mcss-ProfileCardSalesforceControls-titleText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 30px;
  line-height: 24px;
  margin-bottom: 9px;
}

.mcss-ProfileCardTabBar-container {
  background: #fff;
  border-bottom: 1px solid #d7d4d6;
}

.mcss-ProfileCardTags-tag {
  border: 1px solid #000;
  margin-bottom: 6px;
  color: #1b8394;
  fill: #1b8394;
  stroke: #1b8394;
  border-color: #1b8394;
}

.mcss-ProfileCardTags-tagLabel {
  padding-left: 2px;
  line-height: 22px;
  margin: 0 6px;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mcss-ProfileCardTags-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-ChecklistReminderItem-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-ChecklistReminderItem-checkbox {
  margin-right: 15px;
}

.mcss-ChecklistReminderItem-avatar {
  margin-right: 15px;
}

.mcss-ChecklistReminderItem-itemDescription {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-CheckListTemplate-body {
  margin: 0 auto;
  max-width: 800px;
  padding: 30px;
}

.mcss-CheckListTemplate-checklist {
  border-top: 1px solid #ccc;
}

.mcss-CheckListTemplate-checklistContainer {
  margin-top: 30px;
  margin-bottom: 15px;
}

.mcss-CheckListTemplate-checklistContainerEmpty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 15px 6px;
}

.mcss-CheckListTemplateItem-checklistItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 15px 6px;
  cursor: pointer;
}

.mcss-CheckListTemplateItem-checklistItemDragging {
  opacity: .5;
}

.mcss-CheckListTemplateItem-itemName {
  margin-left: 15px;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-CheckListTemplateItem-editIcon {
  margin-right: 6px;
}

.mcss-Chip-container {
  display: inline-block;
  border-radius: 3px;
  padding: 5px;
  font-size: 12px;
  margin-bottom: 3px;
  margin-right: 3px;
  background-color: #e7e5e7;
}

.mcss-CircularHeaderIcon-root {
  border-width: 2px;
  border-radius: 100px;
  border-style: solid;
  width: 80px;
  height: 80px;
}

.mcss-CircularHeaderIcon-table {
  display: table;
  height: 100%;
  width: 100%;
}

.mcss-CircularHeaderIcon-tableCell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.mcss-CircularHeaderIcon-icon {
  stroke: none;
  fill: #fff;
  position: relative;
  top: -1px;
  left: -1px;
}

.mcss-CloneEvent-root {
  width: 700px;
}

.mcss-CloneEvent-label {
  font-size: 15px;
}

.mcss-CloneEvent-details {
  margin-top: -15px;
  margin-bottom: 18px;
}

.mcss-CloneEvent-dateFieldWrapper {
  width: 250px;
  margin-right: 10px;
}

.mcss-CloneEvent-timeFieldWrapper {
  width: 120px;
}

.mcss-CloneEvent-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-CloneEvent-sectionLabel {
  -webkit-box-flex: 100px;
  -ms-flex: 100px 0 0;
  flex: 100px 0 0;
  font-size: 18px;
  padding: 12px 0;
}

.mcss-CloneEvent-sectionContent {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.mcss-CloneEvent-fieldsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.mcss-CloneEvent-tip {
  margin-left: 4px;
}

.mcss-CloneEvent-notes {
  margin-bottom: 18px;
}

.mcss-ColumnName-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-ColumnName-columnAvatar {
  padding-right: 18px;
}

.mcss-ColumnName-columnName {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-Columns-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-Columns-location {
  color: #a0989d;
}

.mcss-Columns-textNode {
  overflow: auto!important;
  white-space: break-spaces!important;
}

.mcss-Columns-textNode {
  overflow: auto!important;
  white-space: break-spaces!important;
}

.mcss-Container-container {
  margin: 0 auto;
}

@media (min-width:768px) {
  .mcss-Container-container {
    max-width: 750px;
  }
}

@media (min-width:992px) {
  .mcss-Container-container {
    max-width: 970px;
  }
}

@media (min-width:1200px) {
  .mcss-Container-container {
    max-width: 1170px;
  }
}

.mcss-CreateOrganizationTasks-panelContainer {
  width: 180px;
  height: 180px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #eceaeb;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 6px;
}

.mcss-CreateOrganizationTasks-panelContainerSelected {
  background-color: #f0f7f9;
  border-color: #16becc;
}

.mcss-CreateOrganizationTasks-panelLabel {
  margin-top: 15px;
  text-align: center;
  min-height: 40px;
}

.mcss-CreateOrganizationWizard-container {
  height: 100%;
}

.mcss-CreateOrganizationWizard-body {
  margin-left: 30px;
  height: 100%;
}

.mcss-CreateOrganizationWizard-title {
  margin-top: 30px;
  color: #0a4e70;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding-bottom: 30px;
}

.mcss-CreateOrganizationWizard-focusOptions {
  margin-bottom: 15px;
}

.mcss-CreateOrganizationWizard-subtitle {
  color: #0a4e70;
  padding-bottom: 15px;
}

.mcss-CreateOrganizationWizard-main {
  padding: 30px 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mcss-CreateOrganizationWizard-formContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mcss-CreateOrganizationWizard-help {
  background-color: #f3f2f3;
  -webkit-box-flex: 1;
  -ms-flex: 1 6 20%;
  flex: 1 6 20%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-CreateOrganizationWizard-main {
  padding: 30px 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mcss-CreateOrganizationWizard-formRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-CreateOrganizationWizard-defaults {
  background-color: #fff;
}

.mcss-CreateOrganizationWizard-label {
  -webkit-box-flex: 3;
  -ms-flex: 3 1 30%;
  flex: 3 1 30%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 27px;
  padding-left: 0;
}

.mcss-CreateOrganizationWizard-helpText {
  margin-top: 6px;
}

.mcss-CreateOrganizationWizard-field {
  padding: 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 70%;
  flex: 3 1 70%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-CreateOrganizationWizard-formFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid #f3f3f3;
  padding: 15px 0;
}

.mcss-CreateOrganizationWizard-formFooter__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-CreateOrganizationWizard-button {
  min-width: 100px;
  margin-left: 15px;
}

.mcss-CreateOrganizationWizard-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-CreateOrganizationWizard-radioOption {
  width: calc(50% - 15px);
}

.mcss-CreateOrganizationWizard-answerContainer {
  position: relative;
}

.mcss-CreateOrganizationWizard-tasksContainer {
  max-width: 800px;
}

.mcss-CreateOrganizationWizard-planContainer {
  margin: 0 auto;
  margin-top: 15px;
  max-width: 1100px;
  margin-bottom: 15px;
}

.mcss-CreateOrganizationWizard-typesContainer {
  padding: 48px 9px;
  padding-left: 15px;
}

.mcss-CreateOrganizationWizard-optionsContainer {
  max-width: 1000px;
  padding: 48px 9px;
  padding-left: 15px;
}

.mcss-CreateOrganizationWizard-labelOption {
  display: inline-block;
  padding: 9px 6px;
  margin-bottom: 6px;
  margin-right: 6px;
  cursor: pointer;
}

.mcss-CreateOrganizationWizard-labelOptionOn {
  color: #0a4e70;
  background-color: #e8f3f7;
}

.mcss-CreateOrganizationWizard-labelOptionOff {
  background-color: #c4dee7;
}

.mcss-CreateOrganizationWizard-periodContainer {
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.mcss-CreateOrganizationWizard-planToggles {
  margin-bottom: 15px;
}

.mcss-CreateOrganizationWizard-planOption {
  margin-top: 15px;
}

.mcss-CreateOrganizationWizard-errors {
  margin-top: -27px;
}

.mcss-CreateOrganizationWizard-arrow {
  position: absolute;
  top: 0;
  left: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 21px 0;
  border-color: #fff transparent transparent;
}

.mcss-CreateOrganizationWizard-search {
  margin-bottom: 15px;
}

.mcss-CreateOrganizationWizard-pageErrors {
  margin-bottom: 0;
  padding-bottom: 0;
}

.mcss-CreateOrganizationWizard-showFeatures {
  padding-top: 15px;
  text-align: center;
}

.mcss-CreateOrganizationWizard-newCategory {
  background-color: #f7b51b;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  margin-left: 4px;
  padding: 4px 8px;
  position: relative;
  text-transform: uppercase;
}

.mcss-CreateOrUpdateTemplateCheckListItem-cancelButton {
  float: left;
}

.mcss-CreateOrUpdateTemplateCheckListItem-addButton {
  width: 180px;
  float: right;
}

.mcss-CreateOrUpdateTemplateCheckListItem-label {
  margin-top: 21px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-description {
  margin-top: 15px;
  padding-bottom: 0!important;
}

.mcss-CreateOrUpdateTemplateCheckListItem-radiolabel {
  padding-left: 6px;
  margin-top: 15px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-radioHeading {
  margin-top: 15px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-radioOption {
  background-color: transparent!important;
}

.mcss-CreateOrUpdateTemplateCheckListItem-inputTextSml {
  width: 50px;
  line-height: 37px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-inputText {
  width: 50px;
  line-height: 37px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-inputText input {
  height: 47px!important;
}

.mcss-CreateOrUpdateTemplateCheckListItem-clearBody {
  margin-bottom: 15px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-CreateOrUpdateTemplateCheckListItem-remindMe {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-CreateOrUpdateTemplateCheckListItem-fixSelect {
  padding-bottom: 0!important;
}

.mcss-CreateOrUpdateTemplateCheckListItem-remindMeOption {
  margin: 0 15px;
  padding-bottom: 0!important;
}

.mcss-CreateOrUpdateTemplateCheckListItem-advancedContainer {
  margin-left: 30px;
}

.mcss-CreateOrUpdateTemplateCheckListItem-error {
  color: red;
}

.mcss-CurrentUser-container {
  display: table-row;
}

.mcss-CurrentUser-avatar {
  display: table-cell;
  vertical-align: middle;
}

.mcss-CurrentUser-name {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 11px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.mcss-CurrentUser-stateIcon {
  display: table-cell;
  vertical-align: middle;
  padding-left: 9px;
  fill: #fff;
}

.mcss-DashboardActionListActionQuickView-item {
  padding: 6px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 2px solid #fff;
}

.mcss-DashboardActionListActionQuickView-item:hover {
  background-color: #bfbbbe;
}

.mcss-DashboardActionListActionQuickView-description {
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
}

.mcss-DashboardActionListActionQuickView-amount {
  width: 150px;
  text-align: right;
}

.mcss-DashboardActionListActionQuickView-icon {
  width: 150px;
}

.mcss-DashboardActionListActionQuickView-spinner {
  margin: 0 auto;
  padding: 15px;
}

.mcss-DashboardChecklistReminders-header {
  margin-bottom: 18px;
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 21px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ebe9e5;
}

.mcss-DashboardChecklistReminders-header__warning {
  color: #f7b51b;
}

.mcss-NewDashboardActionList-root {
  margin-bottom: 36px;
}

.mcss-NewDashboardActionList-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.mcss-NewDashboardActionList-item {
  min-height: 186px;
  margin-left: 5px;
}

.mcss-NewDashboardActionList-item:first-child {
  margin-left: 0;
}

.mcss-NewDashboardActionListAction-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 120px;
  padding: 20px;
  position: relative;
}

.mcss-NewDashboardActionListAction-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 90px;
}

.mcss-NewDashboardActionListAction-icon {
  display: block;
  height: 56px;
  width: 72px;
}

.mcss-NewDashboardActionListAction-counter {
  color: #0a4e70;
  font-size: 35px;
  margin-top: 9px;
}

.mcss-NewDashboardActionListAction-checked {
  background-image: url(/images/dashboard/icon-checkmark.png);
  height: 25px;
  margin-bottom: 9px;
  margin-top: 20px;
  width: 25px;
}

.mcss-NewDashboardActionListAction-description {
  color: #0a4e70;
  font-size: 15px;
  text-align: center;
}

.mcss-NewDashboardActionListAction-icon-applications {
  background-image: url(/images/dashboard/icon-applications-to-review.png);
}

.mcss-NewDashboardActionListAction-icon-eventShiftRequests {
  background-image: url(/images/dashboard/icon-shifts-to-approve.png);
}

.mcss-NewDashboardActionListAction-icon-messages {
  background-image: url(/images/dashboard/icon-messages-to-read.png);
}

.mcss-NewDashboardActionListAction-icon-credit {
  background-image: url(/images/dashboard/icon-credit-time-to-people.png);
}

.mcss-NewDashboardActionListAction-icon-eventShifts {
  background-image: url(/images/dashboard/icon-notifications-to-send.png);
}

.mcss-NewDashboardActionListAction-root:not(.mcss-NewDashboardActionListAction-disabled).mcss-NewDashboardActionListAction-selected,
.mcss-NewDashboardActionListAction-root:not(.mcss-NewDashboardActionListAction-disabled):hover {
  background-color: #f3f2f3;
  cursor: pointer;
}

.mcss-NewDashboardActionListAction-root.mcss-NewDashboardActionListAction-selected .mcss-NewDashboardActionListAction-icon,
.mcss-NewDashboardActionListAction-root:not(.mcss-NewDashboardActionListAction-disabled):hover .mcss-NewDashboardActionListAction-icon {
  background-position: bottom;
}

.mcss-NewDashboardActionListAction-root.mcss-NewDashboardActionListAction-disabled .mcss-NewDashboardActionListAction-description,
.mcss-NewDashboardActionListAction-root.mcss-NewDashboardActionListAction-disabled .mcss-NewDashboardActionListAction-icon {
  opacity: .5;
}

.mcss-NewDashboardActionListAction-quickview {
  background-color: #0a4e70;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  margin-top: 20px;
  position: absolute;
  padding-bottom: 11.4px;
  padding-top: 11.4px;
  top: 100%;
  width: 270px;
  z-index: 10000;
}

.mcss-NewDashboardActionListAction-root:last-child .mcss-NewDashboardActionListAction-quickview {
  left: initial;
  right: 0;
}

.mcss-NewDashboardActionListAction-quickview:before {
  border: solid 12px transparent;
  border-bottom-color: #0a4e70;
  content: "";
  left: 25%;
  margin-left: -12px;
  position: absolute;
  top: -24px;
  z-index: 1;
}

.mcss-NewDashboardActionListAction-root:last-child .mcss-NewDashboardActionListAction-quickview:before {
  left: 74%;
}

.mcss-NewDashboardActionListActionQuickView-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 18px;
}

.mcss-NewDashboardActionListActionQuickView-item:hover {
  background-color: #12587c;
}

.mcss-NewDashboardActionListActionQuickView-description {
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  font-size: 14.4px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcss-NewDashboardActionListActionQuickView-amount {
  border: 1px solid #5dc744;
  border-radius: 5px;
  color: #5dc744;
  font-size: 11.7px;
  line-height: 21.6px;
  min-width: 26px;
  padding: 0 5px;
  text-align: center;
}

.mcss-NewDashboardActionListActionQuickView-icon {
  width: 150px;
}

.mcss-NewDashboardActionListActionQuickView-spinner {
  margin: 0 auto;
  padding: 15px;
}

.mcss-NewDashboardHeaderOrganizationAvatar-root {
  float: left;
}

.mcss-NewDashboardHeaderOrganizationAvatar-container {
  position: relative;
  background-image: url(/assets/placeholders/organization_avatar2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mcss-NewDashboardHeaderOrganizationAvatar-editable {
  border: 1px solid #e6e6e6;
  color: transparent;
  fill: #fff;
  stroke: #fff;
  padding: 15px;
  text-align: center;
  cursor: pointer;
}

.mcss-NewDashboardHeaderOrganizationAvatar-editable:not(.mcss-NewDashboardHeaderOrganizationAvatar-editableLoading):hover {
  background-color: rgba(0,0,0,.3);
  color: #fff;
}

.mcss-NewDashboardHeaderOrganizationAvatar-editableExists {
  border: 1px solid transparent;
}

.mcss-NewDashboardHeaderOrganizationAvatar-plusSign {
  font-size: 24px;
}

.mcss-NewDashboardHeaderOrganizationAvatar-icon {
  text-align: center;
  margin-top: 16px;
  padding-bottom: 5px;
}

.mcss-DnDApp-container {
  background: #fff;
}

.mcss-DnDApp-container input,
.mcss-DnDApp-container textarea {
  outline: 0;
}

.mcss-DnDApp-userSwitcher {
  position: absolute;
  bottom: 4px;
  height: 40px;
  left: 8px;
  max-width: 145px;
}

.mcss-DnDApp-loadingBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

.mcss-DnDApp-error402 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mcss-DnDApp-error {
  padding-bottom: 60px;
}

.mcss-DnDApp-container a,
.mcss-DnDApp-container button,
.mcss-DnDApp-container div,
.mcss-DnDApp-container span {
  outline: 0;
}

.mcss-DocumentList-emptyState {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  fill: #60545c;
}

.mcss-DocumentList-emptyText {
  margin: 21px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100px;
}

.mcss-DocumentList-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 0;
  margin-bottom: 6px;
  cursor: pointer;
}

.mcss-DocumentList-file:hover {
  background-color: #fafafa;
}

.mcss-DocumentList-fileIcon {
  margin-right: 6px;
  stroke: none;
}

.mcss-DocumentList-standaloneUpload {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-DocumentList-description {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  margin-right: 6px;
}

.mcss-DocumentList-quotaReminder {
  margin-top: 9px;
}

.mcss-Dropdown-root {
  outline: 0;
  position: relative;
}

.mcss-DropdownButton-split {
  background-color: transparent;
  top: -2px;
  right: 0;
  bottom: -2px;
  position: absolute;
  width: 33px;
  border-left-width: 2px;
  border-left-style: solid;
}

.mcss-DropdownButton-splitFilled {
  border-left-color: #fff;
}

.mcss-DropdownButton-splitOutline__primary {
  border-left-color: #1b8394;
}

.mcss-DropdownButton-splitOutline__primary:hover {
  border-left-color: #fff;
}

.mcss-DropdownButton-splitOutline__secondary {
  border-left-color: #f6bb45;
}

.mcss-DropdownButton-splitOutline__tertiary {
  border-left-color: #ee5931;
}

.mcss-DropdownButton-splitOutline__action {
  border-left-color: #1b8394;
}

.mcss-DropdownButton-splitOutline__action:hover {
  border-left-color: #fff;
}

.mcss-DropdownButton-splitOutline__critical {
  border-left-color: #1b8394;
}

.mcss-DropdownButton-splitOutline__critical:hover {
  border-left-color: #fff;
}

.mcss-DropdownButton-splitLabel {
  padding-right: 20px;
}

.mcss-DropdownItem-root {
  position: relative;
  white-space: nowrap;
  padding: 15px 15px;
}

@media (min-width:481px) {
  .mcss-DropdownItem-root {
    padding: 5px 10px;
  }
}

.mcss-DropdownItem-withDivider {
  border-top-width: 1px;
  border-top-style: solid;
}

.mcss-DropdownItem-icon {
  float: right;
  margin-top: 2px;
}

.mcss-DropdownItem-primary.mcss-DropdownItem-selected .mcss-DropdownItem-tick {
  fill: #fff;
  stroke: #fff;
}

.mcss-DropdownItem-primary,
.mcss-DropdownItem-secondary,
.mcss-DropdownItem-tertiary {
  fill: #60545c;
  stroke: #60545c;
  color: #60545c;
}

.mcss-DropdownItem-primary.mcss-DropdownItem-selected {
  background-color: #1b8394;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-DropdownItem-disabled {
  opacity: .7;
}

.mcss-DropdownItem-secondary.mcss-DropdownItem-selected {
  background-color: #f6bb45;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-DropdownItem-tertiary.mcss-DropdownItem-selected {
  background-color: #ee5931;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-DropdownItemAlt-header {
  padding: 15px;
}

.mcss-DropdownItemAlt-status {
  color: #0a4e70;
}

.mcss-DropdownItemAlt-option {
  padding: 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #d8d5d6;
}

.mcss-DropdownItemAlt-selected {
  background-color: #f6fafb;
  color: #0a4e70;
  border-color: #0a4e70;
  fill: #0a4e70;
}

.mcss-DropdownItemAlt-selected .mcss-DropdownItemAlt-title {
  color: #0a4e70;
}

.mcss-DropdownItemAlt-title {
  color: #60545c;
  padding-bottom: 6px;
}

.mcss-DropdownItemAlt-icon {
  float: right;
}

.mcss-DropdownItemAlt-disabled {
  cursor: not-allowed;
}

.mcss-DropdownItemAlt-description {
  padding-right: 48px;
}

.mcss-DropdownList-root {
  box-shadow: 0 0 12px 0 rgba(0,0,0,.3);
  font-size: 15px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 999999;
}

@media (min-width:481px) {
  .mcss-DropdownList-root {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: fixed;
    margin-top: 3px;
  }
}

.mcss-DropdownList-content {
  cursor: pointer;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-DropdownList-footer,
.mcss-DropdownList-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mcss-DropdownList-relative {
  position: relative;
}

.mcss-DropdownList-inline {
  position: absolute;
  top: 46px;
  z-index: 100000;
}

.mcss-DropdownList-primary {
  background-color: #fff;
}

.mcss-DropdownList-secondary {
  background-color: #fff;
}

.mcss-DropdownList-tertiary {
  background-color: #fff;
}

.mcss-DropdownList-dark {
  background: #0a4e70;
}

.mcss-EventCardTools-tools {
  box-shadow: 0 0 10px rgba(0,0,0,.4);
  top: 0;
  right: 0;
  position: absolute;
  width: 350px;
}

.mcss-Export-root {
  position: relative;
}

.mcss-Export-spinner {
  display: none;
}

.mcss-Export-busy .mcss-Export-spinner {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: .7;
}

.mcss-FakeRadioButton-root {
  background: #fff;
  border-radius: 24px;
  border: 2px solid #66adc7;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
  position: relative;
}

.mcss-FakeRadioButton-checked:after {
  background-color: #66adc7;
  border-radius: 24px;
  content: " ";
  display: inline-block;
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.mcss-Features-headerBlueBackground {
  position: absolute;
  height: 300px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b2d6e3;
}

.mcss-Features-headerText {
  padding: 21px 20px;
  max-width: 880px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}

.mcss-Features-headerImage {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
  height: 600px;
  background-image: url(https://tcimgs.s3.amazonaws.com/367e5139acb0aeae8eb5044f67e262cdada0134fc3be80b061263d56dcc8a087.png);
  background-size: auto 600px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.mcss-Features-phoneImage {
  background-image: url(https://tcimgs.s3.amazonaws.com/ebcbaf4568.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 250px;
  height: 500px;
  position: absolute;
  bottom: 10px;
  right: calc(50% - 510px);
  background-color: transparent;
  background-size: cover;
}

.mcss-Features-section {
  display: none;
}

.mcss-Features-selectedSection {
  display: block;
}

@media (max-width:699px) {
  .mcss-Features-section {
    display: block;
  }

  .mcss-Features-phoneImage {
    display: none;
  }

  .mcss-Features-headerImage {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: -30px;
    margin-left: -30px;
    background-size: 92%;
    background-position-y: 0;
  }

  .mcss-Features-headerBlueBackground {
    height: 210px;
  }

  .mcss-Features-headerText {
    font-size: 27px;
    line-height: 1.2em;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    padding-bottom: 30px;
  }
}

.mcss-FeaturesSection-sectionHeaderSize {
  margin-left: 100px;
  max-width: 820px;
}

.mcss-FeaturesSection-sectionHeader {
  color: #fff;
  text-align: left;
  max-width: 754px;
  margin-bottom: 30px;
  margin-top: 70px;
}

.mcss-FeaturesSection-sectionSubtitle {
  text-align: left;
  color: rgba(255,255,255,.7);
  margin-top: 20px;
  margin-bottom: 20px;
}

.mcss-FeaturesSection-featureTextLayout {
  margin-left: auto;
  margin-right: 0;
  width: 350px;
}

.mcss-FeaturesSection-featureTitle {
  padding-top: 99px;
  float: left;
  padding-left: 630px;
}

.mcss-FeaturesSection-featureTitleManage {
  color: #0a4e70;
}

.mcss-FeaturesSection-featureTitleCommunicate {
  color: #5dc744;
}

.mcss-FeaturesSection-featureSubtitle {
  margin-top: 6px;
  float: left;
  padding-left: 630px;
}

.mcss-FeaturesSection-featureImage {
  width: 600px;
  height: 358px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mcss-FeaturesSection-attributionLink,
.mcss-FeaturesSection-attributionLink:hover {
  color: #fff;
}

.mcss-FeaturesSection-tryForFreeButton {
  display: block;
  margin: 0 auto 30px;
}

.mcss-FeaturesSection-ctaTitle {
  text-align: center;
  padding: 50px 50px 9px;
  color: #fff;
}

.mcss-FeaturesSection-quoteWrapper {
  display: table;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.mcss-FeaturesSection-quotePos {
  display: table-cell;
  vertical-align: bottom;
}

.mcss-FeaturesSection-quoteContainer {
  left: 400px;
  max-width: 550px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.mcss-FeaturesSection-quoteLogo {
  display: table-cell;
  padding-bottom: 30px;
  padding-right: 30px;
  width: 150px;
}

.mcss-FeaturesSection-quoteLogoImg {
  width: 100%;
}

.mcss-FeaturesSection-quoteText {
  color: #fff;
}

.mcss-FeaturesSection-next {
  text-align: center;
  padding: 45px;
  line-height: 1.2em;
}

.mcss-FeaturesSection-mobilize {
  padding-top: 230px;
  text-align: center;
}

.mcss-FeaturesSection-mobilizeTitle {
  font-size: 48px;
  line-height: 1.2em;
  color: #fff;
}

.mcss-FeaturesSection-displayOnMobileOnly {
  display: none;
}

.mcss-FeaturesSection-featureTab {
  height: 68px;
  line-height: 68px;
}

@media (max-width:1199px) {
  .mcss-FeaturesSection-sectionHeader {
    font-size: 37px;
  }

  .mcss-FeaturesSection-sectionSubtitle {
    font-size: 20px;
  }

  .mcss-FeaturesSection-sectionHeaderSize {
    margin-left: 40px;
    margin-right: 40px;
  }

  .mcss-FeaturesSection-featureImage {
    width: 420px;
  }

  .mcss-FeaturesSection-featureTitle {
    padding-left: 450px;
  }

  .mcss-FeaturesSection-featureSubtitle {
    padding-left: 450px;
  }

  .mcss-FeaturesSection-quoteContainer {
    left: 260px;
    max-width: 550px;
  }

  .mcss-FeaturesSection-quoteLogo {
    width: 150px;
  }

  .mcss-FeaturesSection-quoteText {
    font-size: 15px;
  }

  .mcss-FeaturesSection-quoteSource {
    font-size: 13px;
  }
}

@media (max-width:699px) {
  .mcss-FeaturesSection-displayOnMobileOnly {
    display: block;
  }

  .mcss-FeaturesSection-sectionHeader {
    margin-top: 0;
  }

  .mcss-FeaturesSection-featureImage,
  .mcss-FeaturesSection-featureSubtitle,
  .mcss-FeaturesSection-featureTitle {
    float: none;
    padding-left: 0;
  }

  .mcss-FeaturesSection-featureImage {
    background-size: contain;
    position: relative;
    background-position: center bottom;
    padding: 0;
    margin: 0;
    width: auto;
    height: 240px;
  }

  .mcss-FeaturesSection-featureTitle {
    padding-top: 45px;
  }

  .mcss-FeaturesSection-quoteLogo {
    margin: 0 auto 30px;
    padding: 0;
    display: block;
  }

  .mcss-FeaturesSection-quoteWrapper {
    display: block;
  }

  .mcss-FeaturesSection-featureQuote {
    height: auto;
    padding: 30px 0;
  }

  .mcss-FeaturesSection-quoteContainer {
    padding: 0 0 45px;
    display: block;
  }

  .mcss-FeaturesSection-ctaTitle {
    padding-left: 0;
    padding-right: 0;
  }
}

.mcss-FeaturesTab-root {
  font-size: 26px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.mcss-FeaturesTab-root:hover {
  color: #e7e5e7;
}

.mcss-FeaturesTab-connect {
  background-color: #16becc;
}

.mcss-FeaturesTab-manage {
  background-color: #0a4e70;
}

.mcss-FeaturesTab-communicate {
  background-color: #5dc743;
}

.mcss-FeaturesTab-foldedCorner {
  width: 0;
  height: 0;
  border-right: 20px solid #b2d6e3;
  border-bottom: 20px solid rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width:1199px) {
  .mcss-FeaturesTab-root {
    font-size: 23px;
  }
}

@media (max-width:699px) {
  .mcss-FeaturesTab-root {
    font-size: 27px;
    text-align: left;
    padding: 0 30px;
  }
}

.mcss-FeaturesTabs-root {
  text-align: center;
  background-color: #b2d6e3;
  padding-top: 20px;
}

.mcss-FeaturesTabs-tabLayout {
  position: relative;
  width: 324px;
  height: 74px;
  line-height: 74px;
  margin: 0 7px;
  display: inline-block;
}

.mcss-FeaturesTabs-tabSelectedLayout {
  margin-top: -16px;
  margin-bottom: -6px;
  padding-top: 16px;
  height: 96px;
  z-index: 1;
}

@media (max-width:1199px) {
  .mcss-FeaturesTabs-tabLayout {
    width: 218px;
    height: 68px;
    line-height: 68px;
  }

  .mcss-FeaturesTabs-tabSelectedLayout {
    height: 88px;
  }
}

@media (max-width:699px) {
  .mcss-FeaturesTabs-root {
    display: none;
  }
}

.mcss-Filter-filterSection {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-Filter-filterSection:first-child {
  padding-bottom: 15px;
}

.mcss-Filter-filterSection:not(:first-child) {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #ddd;
}

.mcss-Filter-filterTitle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-Filter-filterList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-Filter-filterOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 230px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 9px;
  margin-bottom: 9px;
}

.mcss-Filter-filterValue {
  margin-left: 12px;
}

.mcss-Filter-filterDatePicker {
  margin-left: 3px;
}

.mcss-Filter-filters {
  margin-top: 15px;
  background-color: #f6fafb;
  padding: 15px;
}

.mcss-Filter-filterButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mcss-FilterList-root {
  padding-top: 15px;
  padding-left: 30px;
}

.mcss-FilterList-item {
  cursor: pointer;
  margin-bottom: 10px;
  padding-left: 10px;
}

.mcss-FilterList-item__selected {
  border-style: solid;
  border-width: 0 0 0 3px;
  padding-left: 7px;
  font-weight: 700;
}

.mcss-FilterList-title {
  margin-bottom: 6px;
}

.mcss-FilterList-section {
  margin-bottom: 30px;
}

.mcss-FilterList-addressSelect {
  margin-top: 9px;
}

.mcss-FormBuilderForm-container {
  background-color: #f6fafb;
}

.mcss-FormBuilderFormPage-wrapper {
  margin: 0 auto;
  width: 100%;
  display: inline-block;
  background-color: #fff;
}

@media (min-width:993px) {
  .mcss-FormBuilderFormPage-wrapper {
    width: calc(100% - 300px);
  }
}

.mcss-FormBuilderFormPage-notEmbedded {
  border: 0;
  margin-top: 0;
  max-width: 750px;
}

.mcss-FormBuilderFormPage-sidebar {
  width: 300px;
  display: none;
  vertical-align: top;
}

@media (min-width:993px) {
  .mcss-FormBuilderFormPage-sidebar {
    display: inline-block;
  }
}

@media (max-width:480px) {
  .mcss-FormBuilderFormPage-formButtons {
    padding: 40px 32px;
  }
}

.mcss-FormBuilderFormPage-buttonDefaults {
  float: right;
  padding: 10px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  text-align: right;
}

.mcss-FormBuilderFormPage-skip {
  text-transform: uppercase;
  background-color: #fff;
}

.mcss-FormBuilderFormPage-footer {
  background-color: inherit;
}

.mcss-FormBuilderFormPage-footerInfo {
  margin-bottom: 30px;
  text-align: center;
}

.mcss-FormBuilderFormPage-calendarIcon {
  background: #fff;
  height: 100%;
  max-height: 80px;
  position: relative;
  width: 100%;
}

.mcss-FormBuilderFormPage-calendarMonth {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 9px;
  width: 100%;
}

.mcss-FormBuilderFormPage-calendarDay {
  bottom: 3px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.mcss-FormBuilderFormPage-iconContainer {
  vertical-align: middle;
  margin-right: 15px;
  display: none;
}

@media (min-width:993px) {
  .mcss-FormBuilderFormPage-iconContainer {
    display: table-cell;
  }
}

.mcss-FormBuilderFormPage-icon {
  fill: #fff;
}

.mcss-FormBuilderFormPage-headerContainer {
  padding-left: 35px;
}

@media (max-width:480px) {
  .mcss-FormBuilderFormPage-headerContainer {
    padding-left: 0;
  }
}

.mcss-FormBuilderFormPage-header {
  display: table-row;
}

.mcss-FormBuilderFormPage-earmark {
  display: none;
  vertical-align: middle;
  margin-right: 15px;
  width: 80px;
  height: 95px;
  padding-bottom: 15px;
}

@media (min-width:993px) {
  .mcss-FormBuilderFormPage-earmark {
    display: table-cell;
  }
}

.mcss-FormBuilderFormPage-title {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
}

div.mcss-FormBuilderFormPage-authModal {
  background-color: rgba(0,0,0,0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

@media (max-width:480px) {
  div.mcss-FormBuilderFormPage-authModal {
    max-width: 100%;
  }
}

.mcss-FormBuilderFormPage-sidebarTitle {
  margin-bottom: 15px;
}

.mcss-FormBuilderFormPage-sidebarLocation,
.mcss-FormBuilderFormPage-sidebarTime {
  margin-bottom: 15px;
}

.mcss-FormBuilderFormPage-sidebarIcon {
  float: left;
  margin-top: -6px;
  margin-right: 15px;
}

.mcss-FormBuilderFormPage-footer {
  text-align: center;
}

.mcss-FormBuilderFormPage-cta {
  border-width: 0 0 2px;
  border-bottom-style: solid;
  cursor: pointer;
  height: 48px;
  line-height: 46px;
  padding: 0 21px;
  font-size: 21px;
  outline: 0;
  display: inline-block;
}

.mcss-FormBuilderFormPage-back {
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  height: 48px;
  line-height: 46px;
  padding: 0 21px;
  font-size: 21px;
  outline: 0;
  display: inline-block;
  background-color: transparent;
}

.mcss-FormBuilderFormPage-floatButton {
  width: 200px;
}

.mcss-FormBuilderPreview-container {
  background-color: #f7f9fa;
}

.mcss-FormEditButtons-root>div {
  display: inline-block;
  margin-left: 15px;
  min-width: 150px;
}

.mcss-FormEditButtons-dropdown {
  width: 300px;
}

.mcss-FormEditThankYou-root {
  height: 100%;
}

.mcss-FormEditThankYou-formContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mcss-FormEditThankYou-help {
  background-color: #f3f2f3;
  -webkit-box-flex: 1;
  -ms-flex: 1 6 20%;
  flex: 1 6 20%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-FormEditThankYou-main {
  padding: 30px 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mcss-FormEditThankYou-formRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-FormEditThankYou-defaults {
  background-color: #fff;
}

.mcss-FormEditThankYou-label {
  -webkit-box-flex: 3;
  -ms-flex: 3 1 30%;
  flex: 3 1 30%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 27px;
}

.mcss-FormEditThankYou-field {
  padding: 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 70%;
  flex: 3 1 70%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-FormEditThankYou-formFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #f3f3f3;
  padding: 15px;
}

.mcss-FormEditThankYou-formFooter__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-FormEditThankYou-button {
  width: 150px;
}

.mcss-FormEditThankYou-info {
  padding: 15px 30px;
}

.mcss-FormEditThankYou-small {
  margin-top: 15px;
}

.mcss-FormField-noFieldPadding {
  padding: 0;
}

.mcss-FormFieldDuration-hoursInput,
.mcss-FormFieldDuration-minsInput {
  width: 60px;
  float: left;
}

.mcss-FormFieldDuration-clarify,
.mcss-FormFieldDuration-hoursLabel,
.mcss-FormFieldDuration-minsLabel {
  font-size: 15px;
}

.mcss-FormFieldDuration-hoursLabel,
.mcss-FormFieldDuration-minsLabel {
  float: left;
  line-height: 48px;
  margin: 0 10px 0 10px;
}

.mcss-FormFieldDuration-clarify {
  clear: both;
  margin-bottom: 15px;
}

.mcss-FormFieldDuration-error {
  clear: both;
  color: #d9402b;
  font-size: 15px;
  margin-bottom: 15px;
}

.mcss-FormFieldSearch-root {
  position: relative;
}

.mcss-FormFieldSearch-input {
  background: #16becc;
  border: 2px solid #16becc!important;
  color: #fff;
  font-size: 21px;
  height: 36px;
  padding: 0 50px 0 20px;
  width: 100%;
}

.mcss-FormFieldSearch-input::-webkit-input-placeholder {
  color: #fff;
  opacity: .54;
}

.mcss-FormFieldSearch-input::-moz-placeholder {
  color: #fff;
  opacity: .54;
}

.mcss-FormFieldSearch-input:-ms-input-placeholder {
  color: #fff;
  opacity: .54;
}

.mcss-FormFieldSearch-input::placeholder {
  color: #fff;
  opacity: .54;
}

.mcss-FormFieldSearch-input:focus {
  background: #0a4e70;
  border-color: #0a4e70!important;
}

.mcss-FormFieldSearch-searchButton {
  border-left-width: 0;
}

.mcss-FormFieldSearch-iconContainer {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}

.mcss-FormFieldSearch-iconCore {
  display: table;
  height: 100%;
  width: 100%;
}

.mcss-FormFieldSearch-iconCell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.mcss-FormFieldSearch-icon {
  cursor: pointer;
  display: block;
  fill: #e0eff4;
  margin: 0 auto;
  stroke: none;
}

.mcss-FormFieldSearch-icon:hover {
  opacity: .5;
}

input:focus+.mcss-FormFieldSearch-iconContainer .mcss-FormFieldSearch-icon {
  fill: #fff;
}

.mcss-FormFieldTextarea-textarea {
  font-size: 15px!important;
  line-height: 21px;
  width: 100%;
  min-width: 100%!important;
  max-width: 100%!important;
  min-height: 150px;
  resize: vertical;
}

.mcss-FormFieldTextarea-inlineLabel {
  padding-top: 47px;
}

.mcss-FormHeader-root {
  position: relative;
  min-height: 150px;
  background-size: cover;
  overflow: hidden;
}

.mcss-FormHeader-sidebarHack {
  min-height: 150px;
  position: relative;
}

@media (min-width:993px) {
  .mcss-FormHeader-sidebarHack {
    margin-right: 300px;
  }
}

.mcss-FormHeader-title {
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  color: #fff;
}

@media (min-width:993px) {
  .mcss-FormHeader-title {
    margin: 0 auto;
    max-width: 750px;
  }
}

.mcss-FormHeader-vignette {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 25%,rgba(0,0,0,.3) 100%);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgba(0,0,0,.3) 100%);
}

.mcss-FormHeader-backgroundPattern {
  background-color: #1b8394;
  background-repeat: repeat;
  background-size: 39px 196px;
}

.mcss-FormHeader-backgroundPattern__event,
.mcss-FormHeader-backgroundPattern__general,
.mcss-FormHeader-backgroundPattern__joinUs,
.mcss-FormHeader-backgroundPattern__mock,
.mcss-FormHeader-backgroundPattern__team {
  background-image: url(/images/placeholders/hub_event_background.png);
}

.mcss-FormHeader-mobileHeader {
  display: block;
}

@media (min-width:481px) {
  .mcss-FormHeader-mobileHeader {
    display: none;
  }
}

.mcss-FormHeader-userSwitcher {
  margin-top: 12px;
  margin-right: 21px;
  float: right;
}

.mcss-FormResponses-root {
  height: 100%;
}

.mcss-FormResponses-scrollContainer {
  height: 100%;
  background-color: #f0f7f9;
}

.mcss-FormResponses-table {
  width: 100%;
}

.mcss-FormResponses-border {
  border: 1px solid #d7d4c6;
}

.mcss-FormResponses-th {
  font-weight: 400;
  color: #60545c;
  background-color: #f7fbfc;
  width: 200px;
  border-top: none;
  padding: 9px;
  text-align: left;
}

.mcss-FormResponses-tr:hover td {
  background-color: #e8f3f7;
}

.mcss-FormResponses-th:nth-child(1) {
  width: auto;
}

.mcss-FormResponses-td {
  background-color: #fff;
  padding: 15px;
  text-align: left;
}

.mcss-FormResponses-td:first-child,
.mcss-FormResponses-th:first-child {
  border-left: none;
}

.mcss-FormResponses-empty {
  margin: 15px;
  text-align: center;
}

.mcss-FormSettings-root {
  height: 100%;
}

.mcss-FormSettings-formContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mcss-FormSettings-help {
  background-color: #f3f2f3;
  -webkit-box-flex: 1;
  -ms-flex: 1 6 20%;
  flex: 1 6 20%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-FormSettings-main {
  padding: 30px 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 80%;
  flex: 3 1 80%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mcss-FormSettings-upgradeLink {
  padding: 20px 30px 50px;
}

.mcss-FormSettings-formRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-FormSettings-defaults {
  background-color: #fff;
}

.mcss-FormSettings-label {
  -webkit-box-flex: 3;
  -ms-flex: 3 1 30%;
  flex: 3 1 30%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 27px;
}

.mcss-FormSettings-field {
  padding: 15px;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 70%;
  flex: 3 1 70%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mcss-FormSettings-formFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #f3f3f3;
  padding: 15px;
}

.mcss-FormSettings-formFooter__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-FormSettings-button {
  min-width: 100px;
  margin-left: 15px;
}

.mcss-FormShiftFeed-title {
  text-align: center;
  margin-bottom: 30px;
}

.mcss-FormShiftFeed-buttonContainer {
  display: table-row;
}

.mcss-FormShiftFeed-buttonItem {
  display: table-cell;
  vertical-align: middle;
}

.mcss-FormShiftFeed-shiftInfo {
  padding-right: 15px;
  white-space: nowrap;
}

.mcss-FormShiftFeed-shiftButton {
  min-width: 180px;
}

@media (max-width:480px) {
  .mcss-FormShiftFeed-shiftButton {
    left: 10%;
    min-width: 250px;
  }
}

.mcss-FormShiftFeed-fullButton {
  display: inline-block;
  width: 180px;
  text-align: center;
}

.mcss-FormShiftFeed-order {
  margin-right: 15px;
  margin-left: 15px;
}

@media (max-width:480px) {
  .mcss-FormShiftFeed-order span {
    display: none;
  }
}

.mcss-FormShiftFeed-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-FormShiftFeed-spacer {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-FormShiftFeed-empty {
  padding-top: 30px;
  text-align: center;
}

.mcss-FormSignIn-container {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.mcss-FormSignIn-login {
  text-align: center;
}

.mcss-FormSignIn-button {
  width: 270px;
  display: inline-block;
}

@media (max-width:480px) {
  .mcss-FormSignIn-button {
    margin-left: 15px;
    display: block;
    margin-bottom: 15px;
  }
}

.mcss-FormSignIn-button:not(:last-child) {
  margin-right: 15px;
}

.mcss-FormSignIn-signup {
  margin-top: 15px;
  text-align: center;
}

.mcss-FormSignIn-skip {
  text-transform: uppercase;
  text-align: right;
  margin-top: 36px;
}

@media (max-width:480px) {
  .mcss-FormSignIn-userSwitcher {
    padding-left: 30px;
  }
}

@media (max-width:480px) {
  .mcss-FormSignIn-showDetails {
    padding-right: 30px;
  }
}

.mcss-FormSignIn-linkContainer {
  float: right;
  clear: right;
}

.mcss-FormSignIn-link {
  display: table-row;
}

.mcss-FormSignIn-linkItem {
  display: table-cell;
  vertical-align: middle;
}

.mcss-FormSignIn-showFields {
  float: right;
  width: 150px;
  margin-right: -15px;
}

.mcss-FormThankYou-root {
  padding-bottom: 45px;
  position: relative;
}

.mcss-FormThankYou-header {
  height: 300px;
  margin-bottom: 60px;
}

.mcss-FormThankYou-orgLogo {
  top: 270px;
  left: calc(50% - 40px);
  position: absolute;
}

.mcss-FormThankYou-title {
  right: 0;
  bottom: 60px;
  left: 0;
  position: absolute;
  padding-right: 60px;
  padding-left: 60px;
  color: #fff;
  text-align: center;
}

@media (min-width:993px) {
  .mcss-FormThankYou-title {
    margin: 0 auto;
    max-width: 900px;
  }
}

.mcss-FormThankYou-subtitle {
  margin-bottom: 30px;
}

.mcss-FormThankYou-centered {
  margin: 15px auto;
  text-align: center;
}

.mcss-FormThankYou-body {
  padding: 15px 15px;
  text-align: center;
}

@media (min-width:993px) {
  .mcss-FormThankYou-body {
    margin: auto 200px;
    padding-right: 0;
    padding-left: 0;
  }
}

.mcss-FormThankYou-cta {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.mcss-FormThankYou-socialButton {
  max-width: 250px;
  min-width: 200px;
  margin-right: 15px;
  display: inline-block;
  margin-bottom: 15px;
}

@media (min-width:993px) {
  .mcss-FormThankYou-socialButton {
    margin-bottom: 0;
  }
}

.mcss-FormThankYou-ctaButton {
  min-width: 250px;
  margin-right: 15px;
  display: inline-block;
}

.mcss-FormThankYou-verify {
  text-align: center;
  margin: 0 auto;
  max-width: 500px;
  padding: 15px;
}

.mcss-FormThankYou-email {
  margin: 0 auto;
  max-width: 230px;
}

.mcss-FormThankYou-registerTitle {
  margin-bottom: 6px;
}

.mcss-Gradient-n {
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(0deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-ne {
  background-image: -webkit-linear-gradient(45deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(45deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-e {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-se {
  background-image: -webkit-linear-gradient(315deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(135deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-s {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-sw {
  background-image: -webkit-linear-gradient(225deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(225deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-w {
  background-image: -webkit-linear-gradient(right,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(270deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Gradient-nw {
  background-image: -webkit-linear-gradient(135deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
  background-image: linear-gradient(315deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
}

.mcss-Grid-table {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.mcss-Grid-bodyGrid {
  width: 100%;
}

.mcss-Grid-cellDefaults {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-Grid-header {
  white-space: nowrap;
  overflow: hidden;
}

.mcss-Grid-cell {
  white-space: break-spaces!important;
  overflow: auto!important;
  width: 100%;
  height: 100%;
}

.mcss-Grid-cellSelected {
  background-color: #e8f3f7;
}

.mcss-Grid-cellDisabled {
  pointer-events: none;
  background-color: #eee;
  opacity: .5;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.mcss-Grid-headerSelected {
  background-color: #e8f3f7;
}

.mcss-GridSelectAll-root {
  margin-left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-GridSelectAll-count {
  padding-left: 15px;
  min-width: 40px;
}

.mcss-Header2-root {
  height: 68px;
  line-height: 40px;
  background-color: #fff;
  padding: 15px 0;
}

.mcss-Header2-homepageContext {
  background-color: transparent;
}

.mcss-Header2-homepageContext .mcss-Header2-link,
.mcss-Header2-homepageContext .mcss-Header2-menuButton {
  color: #fff;
}

.mcss-Header2-menuWrapper {
  float: right;
}

.mcss-Header2-logo {
  display: inline-block;
  margin-top: -2px;
  overflow: hidden;
}

.mcss-Header2-links {
  float: right;
}

.mcss-Header2-popover {
  display: none;
}

.mcss-Header2-linkBase {
  font-size: 18px;
  display: inline-block;
  margin: 0 15px;
}

.mcss-Header2-link {
  color: #a0989d;
}

.mcss-Header2-menuButton {
  display: none;
}

.mcss-Header2-signUp {
  padding: 0 20px;
  background-color: #16becc;
}

@media (max-width:699px) {
  .mcss-Header2-logo {
    width: 41px;
  }

  .mcss-Header2-menuWrapper {
    display: block;
    position: relative;
    width: 100%;
    max-width: 150px;
  }

  .mcss-Header2-links {
    display: none;
  }

  .mcss-Header2-popover {
    display: block;
    background-color: #29607c;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    line-height: 56px;
    z-index: 9999;
  }

  .mcss-Header2-menuButton {
    display: block;
    float: right;
  }

  .mcss-Header2-closePopover {
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 20px;
    text-align: right;
    font-size: 11px;
  }

  .mcss-Header2-link,
  .mcss-Header2-signUp {
    display: block;
    background: 0 0;
    color: #fff;
    padding: 0 20px;
    margin: 0;
    text-align: left;
  }

  .mcss-Header2-link:hover,
  .mcss-Header2-signUp:hover {
    background-color: #0d4462;
    color: #e8f3f7;
  }
}

.mcss-HeaderDropdown-root {
  background-color: #f3f9fb;
  height: 66px;
}

.mcss-HeaderDropdown-list {
  height: calc(100vh - 65px);
  margin-top: 0;
  box-shadow: none;
  border-right: 1px solid #d8d5d6;
  width: 300px;
}

.mcss-HeaderDropdown-option {
  padding: 15px;
  border-top: 1px solid #d8d5d6;
}

.mcss-HomePage-constrained {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mcss-HomePage-root {
  background-color: #fff;
}

.mcss-HomePage-container {
  padding-top: 25px;
  padding-bottom: 25px;
}

.mcss-HomePage-hero {
  border-bottom: 2px solid #d7d4d6;
  padding-bottom: 30px;
}

.mcss-HomePage-centered {
  margin: 0 auto;
  text-align: center;
}

.mcss-HomePage-heroLeadText {
  max-width: 700px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.mcss-HomePage-heroSubText {
  max-width: 750px;
  margin-bottom: 30px;
  padding-right: 9px;
  padding-left: 9px;
}

.mcss-HomePage-heroImage {
  background: url(/landing-assets/img/hero_image@2x.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  padding-bottom: 45.5%;
  text-align: center;
  position: relative;
}

.mcss-HomePage-heroButton {
  top: 40px;
  right: 0;
  left: 0;
  position: absolute;
  max-width: 200px;
}

@media (max-width:1199px) {
  .mcss-HomePage-heroButton {
    top: 20px;
    right: 0;
    left: 0;
    position: absolute;
  }
}

@media (max-width:699px) {
  .mcss-HomePage-heroButton {
    top: -10px;
    right: 0;
    left: 0;
    position: absolute;
  }
}

.mcss-HomePage-partners {
  padding-top: 30px;
}

.mcss-HomePage-partnerText {
  padding-bottom: 30px;
  padding-right: 15px;
  padding-left: 15px;
}

.mcss-HomePage-partnerLogos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width:699px) {
  .mcss-HomePage-partnerLogos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.mcss-HomePage-logo {
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 130px;
  margin: 0 15px;
}

@media (max-width:699px) {
  .mcss-HomePage-logo {
    background-size: 60%;
    margin-bottom: 30px;
  }
}

.mcss-HomePage-featureLead {
  position: relative;
  padding-top: 54px;
  padding-bottom: 54px;
  background-color: #16becc;
  color: #fff;
}

.mcss-HomePage-featureArrow {
  right: 0;
  bottom: -19px;
  left: 0;
  position: absolute;
  border-top-color: #16becc;
}

.mcss-HomePage-featureLeadTitle {
  padding-right: 15px;
  padding-left: 15px;
}

.mcss-HomePage-featureLeadSubtitle {
  color: rgba(255,255,255,.7);
  padding-right: 15px;
  padding-left: 15px;
}

.mcss-HomePage-feature {
  background-color: #f6fcfd;
}

.mcss-HomePage-featureContainer {
  padding-top: 30px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width:699px) {
  .mcss-HomePage-featureContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.mcss-HomePage-featureOdd {
  background-color: inherit;
}

.mcss-HomePage-featureImage {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
}

.mcss-HomePage-featureText {
  padding-left: 90px;
  padding-top: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width:699px) {
  .mcss-HomePage-featureImage {
    margin-right: 15px;
    margin-left: 15px;
  }

  .mcss-HomePage-featureText {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-HomePage-featureTitle {
  color: #16becc;
}

.mcss-HomePage-quote {
  background-image: url(https://tcimgs.s3.amazonaws.com/af9f464b5f.jpg);
  height: 500px;
  background-size: cover;
  background-position: 50% 30%;
  position: relative;
}

.mcss-HomePage-quoteContainer {
  right: 0;
  bottom: 30px;
  left: 0;
  position: absolute;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
}

.mcss-HomePage-quoteLogo {
  background-image: url(https://tcimgs.s3.amazonaws.com/cd2b582fa5.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 400px;
}

.mcss-HomePage-quoteText {
  padding-right: 30px;
  padding-left: 30px;
  color: #fff;
}

@media (max-width:699px) {
  .mcss-HomePage-quoteContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .mcss-HomePage-quoteLogo {
    display: none;
  }
}

.mcss-HomePage-action {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mcss-HomePage-actionText {
  margin-bottom: 30px;
}

.mcss-HomePage-ctaButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 500px;
}

@media (max-width:699px) {
  .mcss-HomePage-ctaButtons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.mcss-HomePage-actionButton {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 30px;
  min-width: 200px;
  max-width: 200px;
}

.mcss-HomePageImageContainer-root {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 645px;
  border-top: 2px solid #fff;
}

.mcss-HomePageImageContainer-connect {
  background-image: url(http://lorempixum.com/1200/400?a);
}

.mcss-HomePageImageContainer-manage {
  background-image: url(http://lorempixum.com/1200/400?b);
}

.mcss-HomePageImageContainer-communicate {
  background-image: url(http://lorempixum.com/1200/400?c);
}

.mcss-HomePageImageContainer-streamline {
  background-image: none;
  background-color: #fff;
}

.mcss-HomePageImageContainer-byFor {
  background-image: url(http://lorempixum.com/1200/400?e);
  background-color: #544b41;
}

.mcss-HomePageImageContainer-featuresHeader {
  background-color: #fff;
  height: 800px;
}

.mcss-HomePageImageContainer-featureRoot {
  height: 360px;
}

.mcss-HomePageImageContainer-featureHeader {
  background-image: none;
  height: 320px;
}

.mcss-HomePageImageContainer-featureHeaderConnect {
  background-color: #16becc;
}

.mcss-HomePageImageContainer-featureHeaderManage {
  background-color: #0a4e70;
}

.mcss-HomePageImageContainer-featureHeaderCommunicate {
  background-color: #5dc743;
}

.mcss-HomePageImageContainer-feature {
  background-color: #f7fbfc;
  background-image: none;
}

.mcss-HomePageImageContainer-featureContainerConnect {
  background-color: #f6fcfd;
}

.mcss-HomePageImageContainer-featureContainerManage {
  background-color: #f0f4f6;
}

.mcss-HomePageImageContainer-featureContainerCommunicate {
  background-color: #f5fcf4;
}

.mcss-HomePageImageContainer-featureEven {
  background-color: #fff;
}

.mcss-HomePageImageContainer-featureTryForFree {
  background-color: #66adc7;
  height: 900px;
  background-position: 50% 200px;
  background-size: 1400px;
}

.mcss-HomePageImageContainer-featureQuote {
  height: 500px;
  background-size: cover;
  background-position: 50% 30%;
}

.mcss-HomePageImageContainer-featureQuoteConnect {
  background-image: url(http://lorempixum.com/1200/500?connect);
}

.mcss-HomePageImageContainer-featureQuoteManage {
  background-image: url(http://lorempixum.com/1200/500?manage);
}

.mcss-HomePageImageContainer-featureQuoteCommunicate {
  background-image: url(http://lorempixum.com/1200/500?communicate);
}

.mcss-HomePageImageContainer-featureNext {
  background-color: #fff;
  background-image: none;
}

.mcss-HomePageImageContainer-featureGetStarted {
  height: 600px;
}

.mcss-HomePageImageContainer-pricingHeader {
  background-color: #73d8e0;
  background-size: 1200px 380px;
  background-position: 50% 0;
  height: auto;
}

.mcss-HomePageImageContainer-pricingPackages {
  height: auto;
  border-top: none;
  background-color: #0a4e70;
  overflow: visible;
}

.mcss-HomePageImageContainer-pricingSummary {
  border-top: none;
  background-color: #6acb53;
  padding-bottom: 30px;
  height: auto;
}

.mcss-HomePageImageContainer-pricingSignup {
  height: auto;
  background-color: #6acb53;
  border-top: none;
  background-size: 13px 221.5px;
  background-repeat: repeat;
  background-image: url(https://tcimgs.s3.amazonaws.com/a5d226aec7.png);
  min-height: 140px;
}

.mcss-HomePageImageContainer-pricingFaq {
  height: auto;
  background-color: #9dcada;
  border-top-width: 6px;
}

.mcss-HomePageImageContainer-attribution {
  position: absolute;
  bottom: 10px;
  right: 60px;
  color: #fff;
  opacity: .7;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.mcss-HomePageImageContainer-withArrow {
  border-top: 6px solid #fff;
}

@media (max-width:1199px) {
  .mcss-HomePageImageContainer-streamline {
    height: 800px;
  }

  .mcss-HomePageImageContainer-featureHeader {
    height: 290px;
  }

  .mcss-HomePageImageContainer-pricingPackages {
    background: #fff;
    padding: 45px 0;
  }

  .mcss-HomePageImageContainer-featureTryForFree {
    height: 600px;
    background-size: 900px;
  }

  .mcss-HomePageImageContainer-pricingPackages:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0;
    border-color: #fff transparent transparent;
    position: absolute;
    left: 50px;
    z-index: 1000;
    bottom: -24px;
  }
}

@media (max-width:699px) {
  .mcss-HomePageImageContainer-root {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
  }

  .mcss-HomePageImageContainer-communicate,
  .mcss-HomePageImageContainer-connect,
  .mcss-HomePageImageContainer-manage {
    background-color: #fff;
    background-position-y: -200px;
  }

  .mcss-HomePageImageContainer-streamline {
    background-color: #73d8e0;
    height: 483px;
  }

  .mcss-HomePageImageContainer-byFor {
    background-image: url(http://lorempixum.com/450/600?d);
    background-position: 50% 50%;
    background-size: cover;
  }

  .mcss-HomePageImageContainer-featureGetStarted,
  .mcss-HomePageImageContainer-featureNext {
    display: none;
  }

  .mcss-HomePageImageContainer-featureQuote {
    height: auto;
    background-image: none;
    background-color: #66adc7;
    border-top: 0;
  }

  .mcss-HomePageImageContainer-featureHeader {
    border-top: 0;
  }

  .mcss-HomePageImageContainer-featureHeader {
    padding: 30px 0;
  }

  .mcss-HomePageImageContainer-featureRoot {
    background-image: none!important;
  }

  .mcss-HomePageImageContainer-featuresHeader {
    height: 510px;
  }

  .mcss-HomePageImageContainer-pricingSignup {
    background-size: 13px 221.5px;
    background-repeat: repeat;
  }

  .mcss-HomePageImageContainer-streamline {
    background-color: #74b4cd;
  }
}

.mcss-HomePageQuote-root {
  background-color: #fff;
  padding: 30px;
}

.mcss-HomePageQuote-avatarContainer {
  margin-top: -48px;
  float: left;
}

.mcss-HomePageQuote-avatar {
  border-radius: 999px;
  width: 192px;
  height: 192px;
}

.mcss-HomePageQuote-logoContainer {
  width: auto;
  height: 50px;
  background-size: contain;
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.mcss-HomePageQuote-metaContainer {
  float: right;
  width: 150px;
}

.mcss-HomePageQuote-metaName,
.mcss-HomePageQuote-metaOrganization,
.mcss-HomePageQuote-metaTitle {
  margin-bottom: 0;
}

.mcss-HomePageQuote-header {
  margin-bottom: 9px;
  margin-top: 15px;
}

.mcss-HomePageQuote-ctaWrapper {
  color: #80767d;
  margin-top: 24px;
}

.mcss-HomePageQuote-cta {
  color: #0a4e70;
  margin-top: 15px;
}

@media (max-width:699px) {
  .mcss-HomePageQuote-avatarContainer {
    float: right;
    margin-top: -65px;
  }

  .mcss-HomePageQuote-metaContainer {
    float: none;
    width: 150px;
  }

  .mcss-HomePageQuote-avatar {
    width: 150px;
    height: 150px;
  }
}

.mcss-AddBackgroundButton-button {
  background-color: rgba(0,0,0,.5);
  fill: #fff;
  color: #fff;
  stroke: #fff;
}

.mcss-AdjustableBackground-background {
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.mcss-AdjustableBackground-editing {
  pointer-events: none;
}

.mcss-AdjustableBackgroundControls-container {
  background-color: rgba(0,0,0,.7);
  overflow: auto;
  color: #fff;
  padding-top: 15px;
}

.mcss-AdjustableBackgroundControls-busy {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.mcss-AdjustableBackgroundControls-defaults {
  margin-bottom: 15px;
}

.mcss-AdjustableBackgroundControls-slider {
  min-height: 43px;
}

.mcss-AdjustableBackgroundControls-fileInput {
  display: none;
}

.mcss-AssignmentFixedHeader-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 15px 30px;
  height: 65px;
  line-height: 26px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mcss-AssignmentFixedHeader-title {
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 36px;
}

.mcss-AssignmentFixedHeader-button {
  float: right;
  margin-left: 15px;
  min-width: 100px;
}

.mcss-BusyOverlay-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 9999;
  opacity: .4;
}

.mcss-BusyOverlay-overlayDark {
  background-color: #000;
}

.mcss-BusyOverlay-overlayLight {
  background-color: #fff;
}

.mcss-BusyOverlay-spinnerContainer {
  top: calc(50% - 16px);
  right: calc(50% - 16px);
  bottom: calc(50% - 16px);
  left: calc(50% - 16px);
  position: absolute;
}

.mcss-Checkbox-large {
  width: 30px;
  height: 30px;
}

.mcss-Checkbox-normal {
  width: 22px;
  height: 22px;
}

.mcss-Checkbox-small {
  width: 16px;
  height: 16px;
}

.mcss-Checkbox-checkboxContainer {
  display: inline-block;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  margin: 0 6px;
}

.mcss-Checkbox-checkmark {
  top: 20%;
  left: 20%;
  position: absolute;
}

.mcss-Checkbox-checkbox {
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.mcss-Checkbox-checkbox:focus {
  outline: 0;
}

.mcss-Checkbox-checkbox__primary {
  border-color: #ccc;
}

.mcss-Checkbox-checked__primary {
  background-color: #ccc;
}

.mcss-Checkbox-checkmark__primary {
  fill: #fff;
}

.mcss-Checkbox-checkbox__white {
  border-color: #fff;
}

.mcss-Checkbox-checked__white {
  background-color: #fff;
}

.mcss-Checkbox-checkmark__white {
  fill: #000;
}

.mcss-HubAboutOrganization-avatar {
  float: left;
  margin-right: 15px;
}

.mcss-HubAboutOrganization-description {
  clear: both;
  float: left;
  margin-top: 15px;
}

.mcss-HubAboutOrganization-link {
  clear: both;
  float: left;
  margin-top: 15px;
}

.mcss-HubActivityHeader-container {
  height: 340px;
  position: relative;
  background-size: cover;
  background-position: center;
}

.mcss-HubActivityHeader-vignette {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 220px,rgba(0,0,0,.3) 100%);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 220px,rgba(0,0,0,.3) 100%);
}

.mcss-HubActivityHeader-info {
  position: absolute;
  bottom: 30px;
  left: 20%;
  right: 10px;
}

@media (max-width:480px) {
  .mcss-HubActivityHeader-info {
    left: 10px;
  }
}

.mcss-HubActivityHeader-iconContainer {
  position: absolute;
  left: -100px;
  bottom: 0;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border: 2px solid #fff;
}

@media (max-width:480px) {
  .mcss-HubActivityHeader-iconContainer {
    display: none;
  }
}

.mcss-HubActivityHeader-icon {
  position: absolute;
  left: 13px;
  top: 13px;
}

.mcss-HubActivityList-container {
  background-color: #f6fafb;
  margin-top: -232px;
}

.mcss-HubActivityList-sidebar {
  padding-left: 0;
}

.mcss-HubActivityList-empty {
  text-align: center;
  margin-bottom: 200px;
}

.mcss-HubActivityList-main {
  background: #fff;
  min-height: 600px;
}

@media (max-width:480px) {
  .mcss-HubActivityList-main {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width:480px) {
  .mcss-HubActivityList-itemRow {
    margin-right: 0;
    margin-left: 0;
  }
}

.mcss-HubActivityList-itemColumn {
  padding-top: 45px;
  padding-bottom: 45px;
}

.mcss-HubActivityList-item {
  margin-top: 0;
  margin-bottom: 30px;
}

.mcss-HubActivityList-item:nth-child(odd) {
  clear: both;
}

.mcss-HubActivityList-headerContainer {
  padding-top: 45px;
}

.mcss-HubActivityList-headerIconAndTitle {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-HubActivityList-headerIcon {
  display: inline-block;
  margin-right: 20px;
}

@media (max-width:480px) {
  .mcss-HubActivityList-headerIcon {
    display: none;
  }
}

.mcss-HubActivityList-headerTitle {
  display: inline-block;
}

.mcss-HubActivityList-hr {
  padding-top: 30px;
}

.mcss-HubActivityPageSidebar-container {
  padding: 30px 15px;
}

.mcss-HubActivityPageSidebar-title {
  margin-bottom: 15px;
}

.mcss-HubActivityPageSidebar-section {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.mcss-HubActivityPageSidebar-editable {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
}

.mcss-HubActivityShare-title {
  display: inline-block;
}

.mcss-HubActivityShare-icon {
  padding-left: 9px;
  vertical-align: middle;
}

.mcss-HubAddAssignmentModule-title {
  margin-bottom: 15px;
}

.mcss-HubAddAssignmentModule-dropdown {
  margin-bottom: 15px;
}

.mcss-HubAddModule-visual {
  text-align: center;
}

.mcss-HubAddModule-content {
  margin-bottom: 15px;
}

.mcss-HubAddModule-title {
  text-align: center;
  padding: 40px 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubAddModule-tile {
  margin-bottom: 30px;
}

.mcss-HubAssignmentListItem-container {
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubAssignmentListItem-header {
  height: 200px;
}

.mcss-HubAssignmentListItem-content {
  height: 140px;
  padding: 20px;
  position: relative;
}

.mcss-HubAssignmentPage-container {
  margin-right: 0;
  margin-left: 0;
  background-color: #eee;
}

.mcss-HubAssignmentPage-main {
  padding-top: 30px;
  background-color: #fff;
  min-height: 600px;
}

.mcss-HubAssignmentPage-title {
  text-align: center;
  margin-bottom: 15px;
}

.mcss-HubAssignmentPage-footerMain {
  max-width: 750px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.mcss-HubAssignmentPage-hr {
  border-top: 1px solid #ccc;
  margin-bottom: 30px;
  width: 100%;
}

.mcss-HubAssignmentPage-applicationState {
  margin-bottom: 15px;
}

.mcss-HubButton-small {
  padding: 3px;
  line-height: 24px;
}

.mcss-HubButton-normal {
  padding: 10px;
}

.mcss-HubButton-large {
  padding: 5px;
}

.mcss-HubButton-disabled {
  cursor: not-allowed;
}

.mcss-HubButton-disabled,
.mcss-HubButton-disabledWithTip:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.mcss-HubButton-filledWhite {
  background-color: #fff;
  color: #000;
  fill: #000;
  stroke: #000;
}

.mcss-HubButton-outlineWhite {
  border-color: #fff;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-HubButton-outlineWhite:hover {
  background-color: #fff;
  color: #000;
}

.mcss-HubButton-noneWhite {
  color: #fff;
  fill: #fff;
  stroke: #fff;
  border-color: transparent;
}

.mcss-HubButton-noneWhiteInverse {
  color: #60545c;
  fill: #60545c;
  stroke: #60545c;
  border-color: transparent;
}

.mcss-HubButton-filledPrimary:hover {
  background-color: #005868;
}

.mcss-HubButton-filledSecondary:hover {
  background-color: #c28e0e;
}

.mcss-HubButton-filledTertiary:hover {
  background-color: #b72705;
}

.mcss-HubButton-filledTertiaryInverse:hover {
  background-color: #fef8f6;
}

.mcss-HubButton-outlinePrimary:hover {
  fill: #fff;
  stroke: #fff;
}

.mcss-HubButton-outlineSecondaryInverse {
  fill: #fff;
  color: #fff;
  border-color: #fff;
}

.mcss-HubButton-outlineSecondaryInverse:hover {
  background-color: #fff;
  color: #f6bb45;
}

.mcss-HubButton-outlineTertiary:hover {
  fill: #fff;
  stroke: #fff;
}

.mcss-HubEvent-hackedBackground:before {
  right: 0;
  width: 300px;
}

.mcss-HubEvent-pageWidth {
  width: calc(100% - 300px);
}

.mcss-HubEvent-pageInnerWidth {
  max-width: 750px;
}

.mcss-HubEvent-sidebarWidth {
  width: 300px;
}

.mcss-HubEvent-content {
  position: relative;
  padding-bottom: 60px;
}

.mcss-HubEvent-cover {
  height: 340px;
  position: relative;
}

.mcss-HubEvent-slots {
  text-align: center;
  margin-bottom: 15px;
}

.mcss-HubEvent-backgroundGradient,
.mcss-HubEvent-backgroundImage {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mcss-HubEvent-backgroundGradient {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 220px,rgba(0,0,0,.3) 100%);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 220px,rgba(0,0,0,.3) 100%);
}

.mcss-HubEvent-container {
  float: left;
  height: 100%;
  padding: 0 20px;
}

.mcss-HubEvent-inner {
  height: 100%;
  position: relative;
}

.mcss-HubEvent-titleContainer {
  position: absolute;
  bottom: 0;
  padding-bottom: 30px;
  color: #fff;
  height: auto;
  padding-left: 110px;
}

.mcss-HubEvent-earmark {
  height: 80px;
  left: 0;
  position: absolute;
  bottom: 30px;
  width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubEvent-calendarIcon {
  background: #fff;
  height: 100%;
  position: relative;
  width: 100%;
}

.mcss-HubEvent-calendarMonth {
  top: 9px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}

.mcss-HubEvent-calendarDay {
  bottom: 3px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.mcss-HubEvent-coverIcon {
  fill: #fff;
  stroke: transparent;
}

.mcss-HubEvent-subtitle {
  margin-top: 6px;
}

.mcss-HubEvent-detailsTitle {
  padding: 45px 0;
  text-align: center;
}

.mcss-HubEvent-hrSidebar {
  margin: 15px 0;
}

.mcss-HubEvent-hr {
  width: 100%;
  margin: 30px 0;
}

.mcss-HubEvent-bullet {
  padding-left: 32px;
  position: relative;
}

.mcss-HubEvent-bulletSubtitle {
  margin-top: 5px;
}

.mcss-HubEvent-bullet:last-child {
  margin-top: 20px;
}

.mcss-HubEvent-locationImage {
  float: right;
  max-width: 250px;
}

.mcss-HubEvent-locationImage {
  float: right;
}

.mcss-HubEvent-locationImageLarge {
  display: none;
}

.mcss-HubEvent-header {
  margin: 15px 0 15px 0;
}

.mcss-HubEvent-p {
  margin: 20px 0;
}

.mcss-HubEvent-aboutDescription {
  height: 200px;
  position: relative;
  overflow: hidden;
  clear: both;
  padding-top: 15px;
}

.mcss-HubEvent-aboutDescription:after {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 90%,#f6f9f8 100%);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 90%,#f6f9f8 100%);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mcss-HubEvent-button {
  display: inline-block;
  min-width: 230px;
}

.mcss-HubEvent-sidebar {
  float: right;
  height: 100%;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.mcss-HubEvent-sidebarTitle {
  margin: 10px 0;
}

.mcss-HubEvent-iconFacebook,
.mcss-HubEvent-iconMail,
.mcss-HubEvent-iconTwitter {
  margin-top: -2px;
  vertical-align: middle;
}

.mcss-HubEvent-iconTwitter {
  margin-left: 15px;
}

.mcss-HubEvent-iconFacebookFill,
.mcss-HubEvent-iconTwitterFill {
  fill: transparent!important;
}

.mcss-HubEvent-aboutImage {
  float: left;
  height: 50px;
  margin-right: 10px;
  width: 50px;
}

.mcss-HubEvent-bulletIcon {
  left: 0;
  position: absolute;
  top: -4px;
}

.mcss-HubEvent-mobileButtons {
  display: none;
  padding-bottom: 20px;
}

.mcss-HubEvent-buttons {
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}

.mcss-HubEvent-availableRolesHeader {
  padding: 45px 0;
  text-align: center;
}

.mcss-HubEvent-roleName {
  padding-top: 2px;
  overflow: hidden;
}

.mcss-HubEvent-shiftState {
  padding-left: 18px;
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubEvent-roleDetails {
  width: 100%;
}

.mcss-HubEvent-tag {
  border: 1px solid #000;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-HubEvent-tagLabel {
  line-height: 22px;
  margin: 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mcss-HubEvent-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.mcss-HubEvent-mobileVolunteerButton {
  display: none;
}

@media screen and (max-width:992px) {
  .mcss-HubEvent-pageInnerWidth,
  .mcss-HubEvent-pageWidth,
  .mcss-HubEvent-sidebar {
    max-width: 100%;
    width: 100%;
  }

  .mcss-HubEvent-sidebar {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding: 20px;
  }

  .mcss-HubEvent-locationImageLarge {
    display: block;
    float: none;
    max-width: 100%;
    margin-top: 20px;
  }

  .mcss-HubEvent-locationImage {
    display: none;
  }

  .mcss-HubEvent-title {
    bottom: 15px;
    padding-left: 0;
  }

  .mcss-HubEvent-buttons {
    display: none;
  }

  .mcss-HubEvent-button {
    display: block;
  }

  .mcss-HubEvent-mobileVolunteerButton {
    display: block;
  }
}

.mcss-HubEventListItem-lightGreyBorderColor {
  border-color: #e6e6e6;
}

.mcss-HubEventListItem-greyColor {
  color: #9a9499;
}

.mcss-HubEventListItem-darkGreyColor {
  color: #7e767d;
}

.mcss-HubEventListItem-card {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubEventListItem-earmark {
  height: 50px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 50px;
}

.mcss-HubEventListItem-calendarIcon {
  background: #fff;
  height: 100%;
  position: relative;
  width: 100%;
}

.mcss-HubEventListItem-calendarMonth {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 5px;
  width: 100%;
}

.mcss-HubEventListItem-calendarDay {
  bottom: 2px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.mcss-HubEventListItem-coverIcon {
  fill: #fff;
  stroke: transparent;
}

.mcss-HubEventListItem-cover {
  background-size: 40px;
  height: 200px;
  position: relative;
}

.mcss-HubEventListItem-vignette {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 35%,rgba(0,0,0,.7) 100%);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 35%,rgba(0,0,0,.7) 100%);
  height: 100%;
  position: absolute;
  width: 100%;
}

.mcss-HubEventListItem-info {
  bottom: 15px;
  left: 20px;
  right: 20px;
  position: absolute;
}

.mcss-HubEventListItem-nature {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mcss-HubEventListItem-name {
  color: #fff;
}

.mcss-HubEventListItem-content {
  height: 140px;
  padding: 20px;
  position: relative;
}

.mcss-HubEventListItem-time {
  margin-top: 5px;
}

.mcss-HubEventListItem-location {
  margin-left: -6px;
}

.mcss-HubEventListItem-locationIcon {
  left: -8px;
  position: absolute;
  top: -10px;
}

.mcss-HubEventsPage-container,
.mcss-HubEventsPage-root {
  position: relative;
}

.mcss-HubEventsPage-container {
  background-color: #fff;
}

.mcss-HubEventsPage-hackedBackgroundBackground:before {
  left: 0;
  width: 50%;
}

.mcss-HubEventsPage-hackedBackground:before {
  left: 0;
  width: 16.666666666666664%;
}

.mcss-HubEventsPage-hubEventList {
  margin-top: 30px;
  min-height: 400px;
}

.mcss-HubEventsPage-loadingOverlay {
  background: #fff;
  height: 100%;
  left: 16.666666666666664%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  top: 0;
  width: 83.33333%;
  z-index: 1;
}

.mcss-HubEventsPage-loadingOverlayActive {
  opacity: .5;
}

@media screen and (max-width:992px) {
  .mcss-HubEventsPage-loadingOverlay {
    left: 0;
    width: 100%;
  }
}

.mcss-HubFixedHeader-root {
  display: none;
}

.mcss-HubFixedHeader-visible {
  display: block;
}

.mcss-HubHeader-container {
  z-index: 2;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mcss-HubHeader-layout {
  margin: 0;
  padding: 10px 0;
}

.mcss-HubHeader-title {
  float: left;
  padding-top: 3px;
  margin-left: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubHeader-buttonContainer {
  float: right;
  padding-right: 30px;
}

.mcss-HubHeader-button {
  display: inline-block;
  margin-left: 20px;
}

.mcss-HubHeader-themeContainer {
  float: right;
  display: inline-block;
}

.mcss-HubHome-divider {
  border-top: 1px solid #e6e6e6;
  margin: 0 auto;
  max-width: 940px;
}

.mcss-HubItemHeader-type {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mcss-HubItemHeader-name {
  color: #fff;
}

.mcss-HubItemHeader-container {
  position: relative;
  background-size: 40px;
}

.mcss-HubItemHeader-vignette {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 35%,rgba(0,0,0,.7) 100%);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 35%,rgba(0,0,0,.7) 100%);
}

.mcss-HubItemHeader-info {
  right: 20px;
  bottom: 15px;
  left: 20px;
  position: absolute;
}

.mcss-HubItemHeader-iconContainer {
  top: 15px;
  left: 15px;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #fff;
}

.mcss-HubItemHeader-icon {
  top: 10px;
  left: 10px;
  position: absolute;
  fill: #fff;
  stroke: none;
}

.mcss-HubLayout-layout {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.mcss-HubLayout-hubHeaderLayout {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
}

.mcss-HubLayout-spinnerContainer {
  margin: auto;
  padding: 100px 0;
  width: 32px;
}

.mcss-HubLayout-footerOverrides {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
}

.mcss-HubLayout-userSwitcher {
  display: none;
  position: fixed;
  bottom: 6px;
  left: 8px;
}

@media (min-width:481px) {
  .mcss-HubLayout-userSwitcher {
    display: block;
  }
}

.mcss-HubLayout-fixedHeader__noNavigation {
  left: 0;
}

.mcss-HubLayout-headerSpace {
  display: none;
  height: 60px;
}

@media (max-width:768px) {
  .mcss-HubLayout-headerSpace {
    display: block;
  }

  .mcss-HubLayout-layout__withHeader {
    padding-top: 60px;
  }

  .mcss-HubLayout-hubMenu {
    display: block;
    visibility: hidden;
  }

  .mcss-HubLayout-mobileSpinnerContainer {
    margin: auto;
    padding: 117px 0;
    width: 32px;
  }
}

.mcss-HubLeader-visual {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  overflow: hidden;
}

.mcss-HubLeader-editable {
  padding-top: 61px;
}

.mcss-HubLeader-readOnly {
  pointer-events: none;
  cursor: not-allowed;
}

.mcss-HubLeader-backgroundGradient {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mcss-HubLeader-content {
  position: absolute;
  width: 100%;
  bottom: 50px;
}

@media (min-width:481px) {
  .mcss-HubLeader-content {
    bottom: 100px;
  }
}

.mcss-HubLeader-loggedIn .mcss-HubLeader-content {
  bottom: 0!important;
}

@media (min-width:481px) {
  .mcss-HubLeader-loggedIn .mcss-HubLeader-content {
    bottom: 0!important;
  }
}

.mcss-HubLeader-loggedIn .mcss-HubLeader-content .mcss-HubLeader-organizationName {
  font-size: 40px;
}

.mcss-HubLeader-loggedIn .mcss-HubLeader-content .mcss-HubLeader-organizationImage {
  height: 100px;
  left: -100px;
  position: absolute;
  top: 0;
  width: 100px;
}

.mcss-HubLeader-loggedIn .mcss-HubLeader-descriptionWrapper {
  margin-left: 6px;
}

.mcss-HubLeader-noBackgroundImage {
  color: #fff;
  fill: #fff;
}

.mcss-HubLeader-hasBackgroundImage {
  color: #fff;
  fill: #fff;
}

.mcss-HubLeader-buttons {
  position: relative;
  margin: 30px 0;
}

.mcss-HubLeader-bottom {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

.mcss-HubLeader-title {
  margin-bottom: 10px;
}

.mcss-HubLeader-title__center {
  float: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.mcss-HubLeader-copy {
  margin-bottom: 40px;
}

.mcss-HubLeader-copy__center {
  float: none;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}

.mcss-HubLeader-buttonNormal {
  display: inline-block;
  margin-right: 7.5px;
  margin-left: 7.5px;
}

.mcss-HubLeader-buttonCentered {
  margin-right: 7.5px;
  margin-left: 7.5px;
}

.mcss-HubLeader-button {
  width: 220px;
}

@media screen and (max-width:768px) {
  .mcss-HubLeader-button {
    width: auto;
  }
}

.mcss-HubLeader-editable .mcss-HubLeader-organizationInfo,
.mcss-HubLeader-editable .mcss-HubLeader-organizationName {
  opacity: .3;
}

.mcss-HubLeader-descriptionWrapper {
  padding: 30px 0;
  padding-left: 95px;
  position: relative;
  padding-bottom: 40px;
}

.mcss-HubLeader-organizationImage {
  height: 80px;
  left: -80px;
  position: absolute;
  top: 0;
  width: 80px;
}

.mcss-HubLeader-organizationName {
  padding-top: 5px;
}

.mcss-HubLeader-organizationInfo {
  padding-top: 5px;
}

.mcss-HubLeader-organizationLocation,
.mcss-HubLeader-organizationVerified {
  position: relative;
  padding-left: 30px;
}

.mcss-HubLeader-below .mcss-HubLeader-organizationLocation {
  color: #8b8288;
  fill: #8b8288;
}

.mcss-HubLeader-loggedIn .mcss-HubLeader-locationIcon {
  fill: #fff;
}

.mcss-HubLeader-organizationLocation {
  margin-right: 20px;
}

.mcss-HubLeader-locationIcon {
  left: -3px;
  position: absolute;
  top: -5px;
}

.mcss-HubLeader-verifiedIcon {
  left: -3px;
  position: absolute;
  top: -5px;
}

.mcss-HubLeader-smallOrganizationImage {
  height: 44px;
  width: 44px;
  left: -44px;
  position: absolute;
  top: 0;
}

.mcss-HubLeader-smallOrganizationName {
  color: #fff;
  font-size: 24px;
  margin-top: 6px;
}

.mcss-HubLeader-toolbar {
  position: absolute;
  right: 20px;
  top: 20px;
}

.mcss-HubLeader-timecountsLogo {
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
}

.mcss-HubLeader-timecountsLogoImage {
  padding: 20px 0 0 20px;
  width: 100%;
}

.mcss-HubLeader-editableText {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  margin-left: -6px;
  padding: 5px;
  resize: none;
  width: calc(100% + 12px);
}

.mcss-HubLeader-editableText::-webkit-input-placeholder {
  color: #fff;
}

.mcss-HubLeader-editableText__center {
  text-align: center;
  margin: 0 auto;
}

.mcss-HubLeader-alignButton {
  cursor: pointer;
  margin-bottom: 30px;
  padding-left: 32px;
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-HubLeader-alignIcon {
  fill: #fff;
  left: -6px;
  stroke: transparent;
  top: -10px;
  position: absolute;
}

.mcss-HubLeader-backgroundButtonWrapper,
.mcss-HubLeader-gradientButtonWrapper {
  text-align: center;
  height: 47px;
  float: left;
}

.mcss-HubLeader-backgroundButtonWrapper {
  padding: 0 15px;
  width: 270px;
}

.mcss-HubLeader-background {
  height: 100%;
}

.mcss-HubLeader-backgroundWrapper {
  position: relative;
}

.mcss-HubLeader-wrapper {
  height: 590px;
  position: relative;
}

.mcss-HubLeader-wrapper.mcss-HubLeader-loggedIn {
  height: 400px;
}

.mcss-HubLeader-hasBackgroundImage {
  fill: #fff;
  color: #fff;
}

.mcss-HubLeader-gradientButtonWrapper {
  line-height: 45px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
}

.mcss-HubLeader-rotateButton {
  margin-top: 12px;
  text-align: center;
}

.mcss-HubLeader-link {
  border-bottom: 1px solid #fff;
}

.mcss-HubLeader-editBackgroundButton {
  right: 30px;
  bottom: 30px;
  position: absolute;
}

.mcss-HubLeader-backgroundControls {
  pointer-events: all;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 100;
}

@media screen and (max-width:992px) {
  .mcss-HubLeader-organizationImage {
    left: 15px;
    top: -90px;
  }

  .mcss-HubLeader-descriptionWrapper {
    padding-top: 50px;
    padding-left: 0;
  }
}

@media screen and (max-width:480px) {
  .mcss-HubLeader-createAHubButton {
    display: none;
  }
}

.mcss-HubMenu-borderBottom {
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.mcss-HubMenu-container {
  overflow: auto;
}

.mcss-HubMenu-menuItem {
  display: inline-block;
  float: none;
}

.mcss-HubMenu-editable {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.mcss-HubMenu-itemsContainer {
  text-align: center;
}

.mcss-HubMenu-overlay {
  background-color: gray;
  cursor: pointer;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 0;
}

.mcss-HubMenu-bar {
  height: 60px;
  position: relative;
  z-index: 2;
}

.mcss-HubMenu-organizationName {
  height: 100%;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 60px;
  margin-left: 60px;
}

.mcss-HubMenu-organizationImage {
  height: 44px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 44px;
}

.mcss-HubMenu-hamburger {
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 14px;
}

.mcss-HubMenu-menu {
  background-color: #fff;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.mcss-HubMenu-mobileMenu {
  display: none;
}

.mcss-HubMenu-open {
  display: block;
}

.mcss-HubMenu-desktop {
  display: block;
}

.mcss-HubMenu-mobile {
  display: none;
}

@media screen and (max-width:992px) {
  .mcss-HubMenu-container {
    border: none;
  }

  .mcss-HubMenu-desktop {
    display: none;
  }

  .mcss-HubMenu-mobile {
    display: block;
  }
}

.mcss-HubMenuItem-title {
  text-align: center;
}

.mcss-HubMenuItem-container {
  border-bottom: 3px solid transparent;
  padding: 15px;
  display: inline-block;
}

@media screen and (max-width:992px) {
  .mcss-HubMenuItem-container {
    padding-left: 20px;
    border-width: 0;
    display: block;
  }

  .mcss-HubMenuItem-title {
    text-align: left;
  }

  .mcss-HubMenuItem-selected {
    border-left: 5px solid #fda600;
    padding-left: 15px;
  }
}

.mcss-HubMiniHeader-createAHubButton {
  margin-top: 5px;
}

.mcss-HubMiniHeader-button {
  margin-top: 5px;
  display: inline-block;
}

.mcss-HubMiniHeader-loginButton {
  margin-top: 5px;
  display: inline-block;
}

.mcss-HubMiniHeader-smallWrapper {
  height: 60px;
}

.mcss-HubMiniHeader-smallWrapper__fixed {
  right: 0;
  position: fixed;
  top: 0;
  z-index: 1;
}

.mcss-HubMiniHeader-smallContent {
  height: 60px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.mcss-HubMiniHeader-container {
  height: calc(100% + 10px);
  margin: -5px -10px -10px -5px;
  position: absolute;
  width: calc(100% + 10px);
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.mcss-HubMiniHeader-withBackground {
  background-size: cover;
  background-position: center;
}

.mcss-HubMiniHeader-withGradient {
  -webkit-filter: blur(3px) brightness(.7);
  filter: blur(3px) brightness(.7);
}

.mcss-HubMiniHeader-smallDescriptionWrapper {
  padding: 8px 0;
  padding-left: 59px;
  position: relative;
}

.mcss-HubMiniHeader-organizationTitle {
  line-height: 40px;
}

.mcss-HubMiniHeader-organizationImage {
  left: -51px;
  position: absolute;
  top: 0;
  width: 44px;
  height: 44px;
}

.mcss-HubMiniHeader-smallToolbar {
  position: absolute;
  right: 20px;
  top: 8px;
}

.mcss-HubMiniHeader-timecountsLogo {
  left: 10px;
  position: absolute;
  top: 12px;
  width: 37px;
}

.mcss-HubMiniHeader-timecountsLogoImage {
  width: 100%;
}

.mcss-HubMiniHeader-userSwitcher {
  margin-top: 4px;
}

@media (min-width:481px) {
  .mcss-HubMiniHeader-userSwitcher {
    display: none;
  }
}

.mcss-HubModal-layout {
  min-height: 200px;
  margin: 0 auto;
  position: relative;
  width: 640px;
}

.mcss-HubModal-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.mcss-HubModal-title {
  padding-top: 20px;
  text-align: center;
}

.mcss-HubModule-title {
  margin-bottom: 15px;
}

.mcss-HubNotificationBanner-main {
  background: #fff;
  color: #60545c;
  margin: 0;
  opacity: 1;
  padding: 24px 40px 0;
  position: relative;
  -webkit-transition: .8s ease-in;
  transition: .8s ease-in;
  z-index: 1;
}

@media (max-width:768px) {
  .mcss-HubNotificationBanner-main {
    padding: 10px 40px 0;
  }
}

.mcss-HubNotificationBanner-noticeBody {
  margin-bottom: 24px;
}

.mcss-HubNotificationBanner-closeIcon {
  color: #60545c;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}

.mcss-HubTextarea-textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: 0;
  outline: 0;
  padding: 0;
  background: 0 0;
  text-align: inherit;
  overflow-x: hidden;
}

.mcss-HubTile-layout {
  border: 2px solid;
  padding: 30px 21px;
  border-color: inherit;
}

.mcss-HubTile-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.mcss-HubTile-iconContainer {
  width: 48px;
  height: 48px;
  overflow: visible;
}

.mcss-HubTile-title {
  margin-bottom: 6px;
}

.mcss-HubTile-description {
  min-height: 30px;
}

.mcss-Mission-container {
  padding-bottom: 45px;
  position: relative;
}

.mcss-Mission-header {
  padding-top: 33px;
  padding-bottom: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 940px;
}

.mcss-Mission-textContainer {
  max-width: 940px;
}

.mcss-Mission-menuItem {
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}

@media (min-width:481px) {
  .mcss-Mission-menuItem {
    display: none;
  }
}

.mcss-ModalInvolvePointOptions-container {
  width: 950px;
}

.mcss-ModalInvolvePointOptions-tileContainer {
  border-color: #bfbbbe;
  border-style: solid;
  border-width: 1px 0;
}

.mcss-ModalSelectTheme-container {
  width: 800px;
}

.mcss-ModalSelectTheme-tile {
  margin-bottom: 30px;
}

.mcss-ModalSelectTheme-tileContainer {
  overflow: visible;
  padding: 0 50px;
}

.mcss-ModalSelectThemeOption-layout {
  padding: 30px 21px;
}

.mcss-ModalSelectThemeOption-radio {
  margin-top: 15px;
  vertical-align: bottom;
}

.mcss-ModalSelectThemeOption-title {
  display: inline-block;
  margin-left: 8px;
}

.mcss-ModalSelectThemeOption-swatchContainer {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  height: 40px;
  width: 120px;
}

.mcss-ModalSelectThemeOption-swatch {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
}

.mcss-ModalSelectThemeOption-swatchEmpty {
  border-width: 2px;
  display: block;
  border-style: dotted;
}

.mcss-ModalSelectThemeOption-swatch:nth-child(3) {
  right: 0;
}

.mcss-ModalSelectThemeOption-swatch:nth-child(2) {
  right: 40px;
  border-right: none;
}

.mcss-ModalSelectThemeOption-swatch:nth-child(1) {
  right: 80px;
  border-right: none;
}

.mcss-ModuleControls-section {
  margin-bottom: 4px;
  white-space: nowrap;
}

.mcss-ModuleControls-icon {
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
}

.mcss-ModuleControls-iconEnabled {
  cursor: pointer;
}

.mcss-ModuleControls-delete {
  margin-top: 3px;
  font-size: 11px;
}

.mcss-ModuleAvatar-root {
  position: relative;
}

.mcss-ModuleAvatar-container {
  margin: 30px auto;
  text-align: center;
  width: 100px;
}

.mcss-ModuleAvatar-content {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 2px solid #fff;
  overflow: hidden;
}

.mcss-ModuleAvatar-imageContainer {
  background-position: center;
  overflow: hidden;
  background-size: cover;
  height: 100px;
  width: 100px;
}

.mcss-ModuleAvatar-controlsContainer {
  z-index: 9999;
  top: calc(100% + 6px);
  right: 30%;
  left: 30%;
  position: absolute;
}

.mcss-ModuleAvatar-backgroundContainer {
  width: 200px;
}

.mcss-ModuleAvatar-editButton {
  top: 30px;
  left: calc(50% + 100px);
  position: absolute;
}

.mcss-ModuleAvatar-noAvatar {
  visibility: hidden;
}

.mcss-ModuleAvatar-editControl {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: rgba(0,0,0,.1);
  text-align: center;
}

.mcss-ModuleAvatar-editIcon {
  margin: 12px auto;
  display: block;
}

.mcss-ModuleColumn-defaultPadding {
  padding: 15px 30px 21px 30px;
}

.mcss-ModuleColumn-container {
  position: relative;
}

.mcss-ModuleColumn-padding {
  padding-top: 45px;
  padding-bottom: 45px;
}

.mcss-ModuleColumn-paddingWithToolbar {
  padding-bottom: 45px;
}

.mcss-ModuleColumn-containedElements {
  position: relative;
  padding-bottom: 45px;
}

.mcss-ModuleColumn-backgroundContainer {
  position: relative;
}

.mcss-ModuleColumn-backgroundFull {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mcss-ModuleColumn-backgroundColorOverlay {
  background-color: #1b8394;
  opacity: .6;
}

.mcss-ModuleColumn-withPrimaryInverse {
  background-color: #fff;
  border-color: #000;
}

.mcss-ModuleColumn-moduleHidden {
  visibility: hidden;
}

.mcss-ModuleColumn-contentHiddenContainer {
  position: relative;
}

.mcss-ModuleColumn-withPattern {
  background-image: url(/images/placeholders/hub_event_background.png);
  background-size: 39px 196px;
  background-repeat: repeat;
}

.mcss-ModuleColumn-editing {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mcss-ModuleColumn-content {
  max-width: 940px;
}

.mcss-ModuleColumn-floatMenu {
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

.mcss-ModuleColumn-menuRight {
  text-align: right;
}

.mcss-ModuleColumn-colRight {
  display: inline-block;
  float: none;
  vertical-align: top;
  text-align: right;
  margin-right: 25px;
  margin-left: 25px;
}

.mcss-ModuleColumn-menuItem {
  width: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-ModuleColumn-columnMenu {
  margin-top: -2px;
}

.mcss-ModuleColumn-iconDefaults {
  vertical-align: middle;
  margin-top: -4px;
  margin-right: -7px;
}

.mcss-ModuleColumn-rowRight {
  text-align: right;
}

.mcss-ModuleColumn-col {
  min-height: 1em;
}

@media (max-width:480px) {
  .mcss-ModuleColumn-col {
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }
}

.mcss-ModuleColumn-title {
  text-align: center;
  margin-bottom: 15px;
}

.mcss-ModuleColumn-input {
  display: none;
}

.mcss-ModuleColumn-addImageButton {
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.mcss-ModuleColumn-backgroundControls {
  top: 100%;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 100;
  pointer-events: all;
}

.mcss-ModuleColumn-invisible {
  visibility: hidden;
}

.mcss-ModuleContainerSimple-moduleContainer {
  margin-top: 30px;
}

.mcss-ModuleContainerSimple-first {
  padding-bottom: 24px;
  border-bottom: 1px solid #ccc;
}

.mcss-ModuleIcon-iconContainer {
  margin: 15px auto;
  height: 130px;
  width: 130px;
  border-radius: 130px;
  padding-top: 5px;
  background-color: #fff;
  stroke: none;
}

.mcss-ModuleIcon-context__createNewAssignment {
  fill: #0a4e70;
}

.mcss-ModuleIcon-context__createNewSchedule {
  fill: #5dc744;
}

.mcss-ModuleIcon-context__createNewEvent {
  fill: #66adc7;
}

.mcss-ModuleIcon-context__createNewGathering {
  fill: #f7b51b;
}

.mcss-ModuleIcon-context__createNewForm {
  fill: #24b4c3;
  stroke: #24b4c3;
}

.mcss-ModuleIcon-context__createNewAnonymousForm {
  fill: #5dc744;
  stroke: #5dc744;
}

.mcss-ModuleIcon-context__createNewMessage {
  fill: #d9402b;
}

.mcss-ModuleIcon-disabled {
  fill: #a0989d;
  cursor: not-allowed;
}

.mcss-ModuleImage-editable {
  text-align: center;
  padding: 15px;
}

.mcss-ModuleImage-defaults {
  position: relative;
  width: 100%;
  padding-bottom: 66.25%;
}

.mcss-ModuleImage-aspectInner {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.mcss-ModuleInvolvePoint-visual {
  overflow: auto;
  position: relative;
  padding-top: 15px;
}

.mcss-ModuleInvolvePoint-icon {
  margin: 0 auto;
  text-align: center;
}

.mcss-ModuleInvolvePoint-title {
  text-align: center;
}

.mcss-ModuleInvolvePoint-description {
  color: #80767d;
  text-align: center;
}

@media (max-width:480px) {
  .mcss-ModuleInvolvePoint-description {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-ModuleInvolvePoint-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100px;
  left: calc(50% - 50px);
  top: -5px;
}

.mcss-ModuleLink-editable {
  margin-top: 9px;
  margin-bottom: 3px;
}

.mcss-ModuleLink-static {
  margin-top: 9px;
  margin-bottom: 3px;
}

.mcss-ModuleLocation-title {
  margin: 15px 0;
}

.mcss-ModuleLocation-container {
  position: relative;
  padding-left: 40px;
}

.mcss-ModuleLocation-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.mcss-ModuleLocation-contentTitle {
  padding-top: 4px;
  margin-bottom: 9px;
}

.mcss-ModuleLocation-address {
  color: #a0989d;
}

@media (max-width:480px) {
  .mcss-ModuleQuote-root {
    padding: 15px;
  }
}

.mcss-ModuleQuote-quoteIcon {
  stroke: none;
}

.mcss-ModuleQuote-quoteIconLead {
  top: 0;
}

.mcss-ModuleQuote-quoteIconTail {
  bottom: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mcss-ModuleQuote-iconContainer {
  text-align: center;
}

@media (max-width:480px) {
  .mcss-ModuleQuote-iconContainer {
    position: absolute;
  }
}

@media (max-width:480px) {
  .mcss-ModuleQuote-iconContainerLead {
    left: -10px;
    top: -10px;
  }

  .mcss-ModuleQuote-iconContainerTail {
    bottom: 10px;
    right: 45px;
  }
}

.mcss-ModuleQuote-textDefaults {
  text-align: center;
}

.mcss-ModuleQuote-quoteTextEditable {
  vertical-align: middle;
}

.mcss-ModuleQuote-quoteTextStatic {
  vertical-align: middle;
}

.mcss-ModuleQuote-quoteText::-webkit-input-placeholder,
.mcss-ModuleQuote-titleText::-webkit-input-placeholder,
.mcss-ModuleQuote-volunteerText::-webkit-input-placeholder {
  text-align: center;
}

.mcss-ModuleQuote-quoteText::-moz-placeholder,
.mcss-ModuleQuote-titleText::-moz-placeholder,
.mcss-ModuleQuote-volunteerText::-moz-placeholder {
  text-align: center;
}

.mcss-ModuleQuote-quoteText:-ms-input-placeholder,
.mcss-ModuleQuote-titleText:-ms-input-placeholder,
.mcss-ModuleQuote-volunteerText:-ms-input-placeholder {
  text-align: center;
}

.mcss-ModuleQuote-quoteText::placeholder,
.mcss-ModuleQuote-titleText::placeholder,
.mcss-ModuleQuote-volunteerText::placeholder {
  text-align: center;
}

.mcss-ModuleQuote-quote {
  position: relative;
}

.mcss-ModuleSignoff-title {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mcss-ModuleSignoff-readOnly {
  pointer-events: none;
}

.mcss-ModuleSignoff-button {
  width: auto;
  min-width: 33.3333333%;
  padding-left: 10px;
  padding-right: 10px;
}

.mcss-ModuleSkills-skillSelector {
  margin-bottom: 18px;
  padding-left: 5px;
  background: #fff;
  position: relative;
  border: 2px solid #b4d6e1;
}

.mcss-ModuleSkills-tag {
  border: 1px solid #000;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-ModuleSkills-tagLabel {
  line-height: 22px;
  margin: 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mcss-ModuleSkills-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.mcss-ModuleText-editableText {
  resize: none;
  background-color: transparent;
  margin-bottom: 15px;
  padding: 5px 5px 0 5px;
}

.mcss-ModuleText-editableText:focus {
  outline: 0;
}

.mcss-ModuleText-centered {
  text-align: center;
}

.mcss-ModuleText-centered::-webkit-input-placeholder {
  text-align: center;
}

.mcss-ModuleText-centered::-moz-placeholder {
  text-align: center;
}

.mcss-ModuleText-centered:-ms-input-placeholder {
  text-align: center;
}

.mcss-ModuleText-centered::placeholder {
  text-align: center;
}

.mcss-ModuleText-staticText {
  margin-bottom: 15px;
}

.mcss-ModuleTextWithImage-root {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: visible;
}

.mcss-ModuleTextWithImage-text {
  padding: 10px;
}

.mcss-ModuleTextWithImageAndLink-root {
  border: 1px solid #d8d5d6;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-ModuleTextWithImageAndLink-textImage {
  overflow: visible;
}

.mcss-ModuleTextWithImageAndLink-link {
  margin: 0 auto;
  max-width: 200px;
  padding-bottom: 20px;
}

.mcss-ModuleTextWithTitle-title {
  text-align: left;
}

.mcss-ModuleTextWithTitle-lead {
  text-align: left;
}

.mcss-ModuleTextWithTitle-description {
  text-align: left;
}

@media (max-width:480px) {
  .mcss-ModuleTextWithTitle-description,
  .mcss-ModuleTextWithTitle-lead,
  .mcss-ModuleTextWithTitle-title {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-ModuleTextWithTitleAndLink-title {
  text-align: left;
}

.mcss-ModuleTextWithTitleAndLink-description {
  text-align: left;
}

.mcss-ModuleTextWithTitleAndLink-link {
  margin: 0 auto;
  padding-bottom: 20px;
  max-width: 300px;
}

.mcss-ModuleTimeCommitment-title {
  margin: 15px 0;
}

.mcss-ModuleTimeCommitment-container {
  position: relative;
  padding-left: 40px;
}

.mcss-ModuleTimeCommitment-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.mcss-ModuleTimeCommitment-customEditable {
  margin-top: 15px;
}

.mcss-ModuleTimeCommitment-contentTitle {
  padding-top: 4px;
  margin-bottom: 9px;
}

.mcss-ModuleTimeCommitment-content,
.mcss-ModuleTimeCommitment-dateTime {
  margin-bottom: 6px;
  color: #a0989d;
}

.mcss-OrganizationAvatar-container {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mcss-OrganizationAvatar-editable {
  background-color: #1b8394;
  color: #fff;
  fill: #fff;
  stroke: #fff;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
}

.mcss-OrganizationAvatar-editableExists {
  background-color: rgba(0,0,0,.3)!important;
}

.mcss-OrganizationAvatar-editableNew {
  background-color: #1b8394;
  color: #fff;
}

.mcss-OrganizationAvatar-icon {
  text-align: center;
  margin-top: 16px;
  padding-bottom: 5px;
}

.mcss-RadioButton-container {
  border-style: solid;
  border-radius: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}

.mcss-RadioButton-containerSelected {
  border-width: 8px;
}

.mcss-RadioButton-containerDefault {
  border-width: 2px;
}

.mcss-Swatch-color {
  width: 100%;
  height: 100%;
}

.mcss-ThemePalette-buttonLabel {
  margin-right: 140px;
}

.mcss-ThemePalette-button {
  padding: 1px 0;
}

.mcss-ThemePalette-icon {
  display: inline-block;
  margin-left: 6px;
}

.mcss-ThemePalette-swatch {
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 40px;
}

.mcss-ThemePalette-swatch:nth-child(4) {
  right: 0;
}

.mcss-ThemePalette-swatch:nth-child(3) {
  right: 40px;
}

.mcss-ThemePalette-swatch:nth-child(2) {
  right: 80px;
}

.mcss-ThemePalette-buttonLabel {
  margin-left: 15px;
}

.mcss-UploadContainer-input {
  display: none;
}

.mcss-HubAssignments-menu {
  text-align: center;
  margin-bottom: 30px;
}

.mcss-HubAssignments-ordering {
  text-align: left;
  margin-bottom: 15px;
}

.mcss-HubAssignments-hr {
  padding-top: 30px;
}

.mcss-HubAssignments-empty {
  text-align: center;
  padding-top: 60px;
  margin-bottom: 200px;
}

.mcss-HubAssignments-title {
  margin-bottom: 15px;
}

.mcss-HubAssignments-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-HubAssignments-spacer {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-HubAssignments-maxResultsLegend {
  text-align: center;
  color: #1d859f;
  font-size: 14px;
}

.mcss-HubCommitments-itemRow {
  min-height: 600px;
}

@media (max-width:480px) {
  .mcss-HubCommitments-itemColumn {
    padding-left: 0;
    padding-right: 0;
  }
}

.mcss-HubCommitments-itemColumnNoHeader {
  padding-top: 33px;
}

.mcss-HubCommitments-menu {
  text-align: center;
  margin-bottom: 15px;
}

.mcss-HubCommitments-empty {
  max-width: 500px;
  text-align: center;
}

.mcss-HubCommitments-filter {
  top: calc(100% + 3px);
  right: 6px;
  position: absolute;
  z-index: 1;
  width: 150px;
}

@media (max-width:992px) {
  .mcss-HubCommitments-filter {
    display: none;
  }
}

.mcss-HubCommitments-containerPending {
  border-style: solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-width: 1px;
  margin-bottom: 30px;
}

.mcss-HubCommitments-header {
  margin-top: 39px;
}

.mcss-HubCommitments-welcomeMessage {
  text-align: left;
  margin-bottom: 15px;
}

.mcss-HubCommitmentsHeader-root {
  padding-top: 30px;
}

.mcss-HubCommitmentsHeader-firstSection {
  min-height: 100px;
}

@media (max-width:992px) {
  .mcss-HubCommitmentsHeader-firstSection {
    text-align: center;
  }
}

.mcss-HubCommitmentsHeader-section {
  min-height: 100px;
}

@media (max-width:992px) {
  .mcss-HubCommitmentsHeader-section {
    text-align: center;
  }
}

.mcss-HubCommitmentsHeader-avatar {
  display: inline-block;
}

.mcss-HubCommitmentsHeader-icon {
  margin-left: 9px;
}

.mcss-HubCommitmentsHeader-estimateTip {
  font-size: 28px;
}

.mcss-HubFAQ-itemsContainer {
  max-width: 1200px;
  padding: 40px 60px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.mcss-HubFAQ-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: initial!important;
  -moz-appearance: initial!important;
  appearance: initial!important;
  border-bottom: 1px solid #ccc;
}

.mcss-HubFAQ-itemBody {
  padding: 12px;
  border: 0 solid #f9f9f9;
  background-color: #f9f9f9;
  border-left-width: 4px;
}

.mcss-HubFAQ-itemTitle {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-HubFooter-root {
  background-color: #1b8394;
  color: #fff;
  fill: #fff;
  stroke: #fff;
  background-image: url(/images/placeholders/hub_event_background.png);
  background-size: 39px 196px;
  background-repeat: repeat;
}

.mcss-HubFooter-container {
  margin: 0 auto;
  max-width: 940px;
}

.mcss-HubFooter-col {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width:768px) {
  .mcss-HubFooter-col {
    margin: 0 auto;
  }
}

@media (min-width:481px) and (max-width:768px) {
  .mcss-HubFooter-col {
    max-width: 400px;
  }
}

@media (max-width:480px) {
  .mcss-HubFooter-col {
    max-width: 300px;
  }
}

.mcss-HubFooter-item {
  display: table-row;
}

.mcss-HubFooter-item>* {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 3px;
}

.mcss-HubFooter-item span {
  padding-left: 15px;
}

.mcss-HubFooter-orgName {
  margin-bottom: 6px;
}

.mcss-HubFooter-contact {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.mcss-HubFooter-addressLine {
  margin-top: 6px;
  margin-bottom: 3px;
}

.mcss-HubFooter-header {
  text-align: center;
  margin-bottom: 30px;
}

.mcss-HubFooter-contactButton {
  display: inline-block;
  min-width: 200px;
}

.mcss-HubFooter-hr {
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.mcss-HubFooter-editing {
  margin-top: 15px;
  border: 1px dotted #fff;
  padding: 10px;
}

.mcss-HubFooter-link {
  text-decoration: underline;
}

.mcss-HubManageSidebar-container {
  padding-top: 15px;
  padding-left: 15px;
}

.mcss-HubManageSidebar-item {
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
  padding-left: 10px;
}

.mcss-HubManageSidebar-item__active {
  border-style: solid;
  border-width: 0 0 0 3px;
  padding-left: 7px;
  font-weight: 700;
}

.mcss-HubMe-container {
  background-color: #f6fafb;
}

.mcss-HubMe-main {
  padding-left: 4px;
  padding-right: 4px;
  background: #fff;
  min-height: calc(100vh - 118px);
}

.mcss-HubParticipations-root {
  padding: 21px;
}

.mcss-HubParticipations-timeline {
  border-left: 1px solid #ebe9e5;
  margin-left: 15px;
  padding-left: 25px;
  padding-right: 15px;
  position: relative;
  width: inherit;
}

@media (min-width:769px) {
  .mcss-HubParticipations-timeline {
    width: 600px;
  }
}

.mcss-HubParticipations-timelineItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  border: 1px solid #ebe9e5;
  border-radius: 3px;
  margin-bottom: 15px;
}

.mcss-HubParticipations-timelineItem::before {
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
  width: 15px;
  height: 15px;
  top: calc(50% - 9px);
  left: -35px;
  position: absolute;
}

.mcss-HubParticipations-timelineItem__verified::before {
  background-color: #ee5931;
}

.mcss-HubParticipations-timelineItem__underReview::before {
  background-color: #f6bb45;
}

.mcss-HubParticipations-timelineItem__noShow::before {
  background-color: #989095;
}

.mcss-HubParticipations-activityName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-HubParticipations-activityContent p {
  margin: 0 0 2px;
}

.mcss-HubParticipations-state {
  text-transform: capitalize;
}

.mcss-HubParticipations-state__verified_tag {
  margin-top: 10px;
}

.mcss-HubParticipations-state__noShow {
  color: #989095;
}

.mcss-HubParticipations-hourSummary {
  color: #60545c;
  font-size: 28px;
  margin: 72px 10px 36px;
}

.mcss-HubParticipations-hourSummaryDropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mcss-HubParticipations-logTimeButton {
  margin-bottom: 36px;
  width: 312px;
}

.mcss-HubParticipations-trackedHours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-HubParticipations-notification {
  padding-top: 23px;
  padding-bottom: 23px;
  color: #fff;
}

.mcss-HubParticipations-successfulSubmission {
  color: #1b8394;
  margin: 0;
}

div.mcss-HubRequestTime-BecauseSASSAndSCSSTogetherSuck.mcss-HubRequestTime-VolunteerOpportunityTypeaheadDropdownOptions {
  width: 100%;
  margin-left: 0;
}

@media (min-width:769px) {
  div.mcss-HubRequestTime-BecauseSASSAndSCSSTogetherSuck.mcss-HubRequestTime-VolunteerOpportunityTypeaheadDropdownOptions {
    max-width: 60%!important;
    min-width: 60%!important;
  }
}

.mcss-HubRequestTime-title {
  margin: 20px 10px;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-title {
    padding-left: 15%;
  }
}

.mcss-HubRequestTime-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-body {
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    padding-left: 25%;
  }
}

.mcss-HubRequestTime-VolunteerOpportunityTypeahead {
  width: 100%;
}

.mcss-HubRequestTime-EventTypeaheadOption {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 5px;
}

.mcss-HubRequestTime-inputTextClassName {
  border-style: solid;
  padding-left: 7px;
  font-weight: 700;
  height: 47px;
  width: 100%;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-inputTextClassName {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
  }
}

.mcss-HubRequestTime-inputTextClassName:focus {
  border-color: #1b8394;
}

.mcss-HubRequestTime-EventTypeaheadOption_icon {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12%;
  padding-left: 2%;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-EventTypeaheadOption_icon {
    padding-left: 10px;
    width: 30px;
  }
}

.mcss-HubRequestTime-EventTypeaheadOption_date,
.mcss-HubRequestTime-EventTypeaheadOption_location {
  font-size: 10px;
  padding-left: 10px;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-EventTypeaheadOption_date,
  .mcss-HubRequestTime-EventTypeaheadOption_location {
    font-size: 15px;
  }
}

.mcss-HubRequestTime-EventTypeaheadOption_date,
.mcss-HubRequestTime-EventTypeaheadOption_location,
.mcss-HubRequestTime-EventTypeaheadOption_name {
  float: left;
}

.mcss-HubRequestTime-EventTypeaheadOption_name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 45%;
  padding-left: 12%;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-EventTypeaheadOption_name {
    font-size: 15px;
    width: 60%;
    padding-left: 50px;
  }
}

.mcss-HubRequestTime-EventTypeaheadOption_date {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 20%;
}

.mcss-HubRequestTime-EventTypeaheadOption_location {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 20%;
}

.mcss-HubRequestTime-OpportunityDropdownOption {
  background: 0 0;
  color: #fff;
  font-size: 13px;
  padding: 8px 0;
}

@media (min-width:769px) {
  .mcss-HubRequestTime-OpportunityDropdownOption {
    font-size: 15px;
  }
}

.mcss-HubRequestTime-DropdownList-content {
  max-height: 100%;
}

.mcss-HubRequestTime-OpportunityDropdownOption:hover,
.mcss-HubRequestTime-OpportunityDropdownOption__selected {
  color: #fff;
  border-style: solid;
  border-width: 0 0 0 3px;
  padding-left: 7px;
  font-weight: 700;
}

.mcss-HubRequestTime-OpportunityDropdownOption__highlight {
  color: #fff;
}

.mcss-HubRequestTime-OpportunityDropdownOption__disabled {
  opacity: .5;
  cursor: not-allowed;
}

div.mcss-HubRequestTimeForm-BecauseSASSAndSCSSTogetherSuck.mcss-HubRequestTimeForm-TypeaheadDropdownOptions {
  width: 100%;
  margin-left: 0;
}

@media (min-width:769px) {
  div.mcss-HubRequestTimeForm-BecauseSASSAndSCSSTogetherSuck.mcss-HubRequestTimeForm-TypeaheadDropdownOptions {
    max-width: 35%!important;
    min-width: 35%!important;
  }
}

.mcss-HubRequestTimeForm-wrapper {
  margin: 0 auto;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  padding-bottom: 40px;
}

@media media-lg {
  .mcss-HubRequestTimeForm-wrapper {
    width: calc(100% - 300px);
    padding-bottom: 0;
  }
}

.mcss-HubRequestTimeForm-formField {
  padding-top: 47px;
}

.mcss-HubRequestTimeForm-errors {
  margin-top: 17px;
  margin-bottom: 0;
}

.mcss-HubRequestTimeForm-errors .Errors {
  margin: 0;
}

.mcss-HubRequestTimeForm-subFormFieldContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-subFormFieldContainer {
    max-width: 50%;
  }
}

.mcss-HubRequestTimeForm-subFormField {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 20px;
  padding-right: 10px;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-subFormField {
    padding-right: 20px;
  }
}

.mcss-HubRequestTimeForm-skills {
  border-style: solid;
  padding-left: 7px;
  font-weight: 700;
  min-height: 47px;
  height: 100%;
  width: 100%;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-skills {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
  }
}

.mcss-HubRequestTimeForm-opportunityName {
  border-style: solid;
  padding-left: 7px;
  height: 47px;
  width: 100%;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-opportunityName {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
  }
}

.mcss-HubRequestTimeForm-description {
  border-style: solid;
  padding-left: 7px;
  padding-top: 7px;
  height: 94px;
  width: 100%;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-description {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
  }
}

.mcss-HubRequestTimeForm-volunteerDate .SingleDatePickerInput input {
  font-size: 15px;
  border: 2px #b4d6e1;
  border-style: solid;
  height: 47px;
}

.mcss-HubRequestTimeForm-durationHours {
  border-style: solid;
  padding-left: 7px;
  height: 47px;
  width: 90%;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-durationHours {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mcss-HubRequestTimeForm-readonlyOpportunityName {
  padding-top: 7px;
  padding-left: 7px;
  font-weight: 700;
  height: 47px;
  width: 100%;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-readonlyOpportunityName {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
  }
}

.mcss-HubRequestTimeForm-shiftSelect {
  width: 100%;
}

@media (min-width:769px) {
  .mcss-HubRequestTimeForm-shiftSelect {
    width: 60%;
  }
}

.mcss-HubRequestTimeForm-shiftLocation {
  padding-left: 20px;
}

.mcss-HubRequestTimeForm-shiftLocation,
.mcss-HubRequestTimeForm-shiftName {
  display: inline;
  font-size: 15px;
  float: left;
}

.mcss-HubResource-root {
  background-color: #f4f4f4;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}

.mcss-HubResource-root:hover .mcss-HubResource-download {
  display: block;
}

.mcss-HubResource-square {
  margin-top: 7px;
  width: 70px;
  height: 70px;
  border-width: 3px;
  border-style: solid;
  position: relative;
}

.mcss-HubResource-ext {
  position: absolute;
  padding: 3px 0;
  right: -5px;
  top: 24px;
  background-color: #f4f4f4;
  font-size: 22px;
  text-transform: uppercase;
}

.mcss-HubResource-updatedAt {
  color: #bbb;
}

.mcss-HubResource-download {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  height: 70px;
  text-align: center;
  background-color: #f4f4f4;
  display: none;
}

.mcss-HubResources-itemsContainer {
  max-width: 1200px;
  padding: 40px 60px;
  margin: 0 auto;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-HubResources-item {
  min-width: 190px;
  height: 190px;
}

.mcss-HubResources-message {
  max-width: 1200px;
  padding: 40px 60px;
  margin: 0 auto;
  margin-bottom: -40px;
}

.mcss-HubResources-empty {
  text-align: center;
  padding-top: 60px;
  margin-bottom: 200px;
}

.mcss-HubSkills-tag {
  border: 1px solid #000;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-HubSkills-tagLabel {
  line-height: 22px;
  margin: 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mcss-HubSkills-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.mcss-HubTabMenu__default-container {
  border-bottom: 2px solid #ebe9e5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-HubTabMenu__default-tab {
  border-style: solid;
  border-color: #ebe9e5;
  padding: 15px 30px;
}

.mcss-HubTabMenu__default-tabNormal {
  margin-bottom: -2px;
  border-width: 0 0 2px;
}

.mcss-HubTabMenu__default-tabSelected {
  border-width: 2px;
  border-bottom-color: #fff;
  margin-right: -2px;
  margin-left: -2px;
}

.mcss-HubTabMenu__lineover-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-HubTabMenu__lineover-tab {
  border-style: solid;
  margin-top: -2px;
  border-width: 2px 0 0;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 9px;
  margin-left: 9px;
}

.mcss-HubTabMenu__lineover-tabNormal {
  border-color: transparent;
  opacity: .7;
}

.mcss-HubTabMenu__lineover-tabNormal:hover {
  opacity: 1;
}

.mcss-HubTabMenu__lineunder-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-HubTabMenu__lineunder-tab {
  border-style: solid;
  margin-bottom: -2px;
  border-width: 0 0 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 9px;
  margin-left: 9px;
}

.mcss-HubTabMenu__lineunder-tabNormal {
  border-color: transparent;
  opacity: .7;
}

.mcss-HubTabMenu__lineunder-tabNormal:hover {
  border-color: #f6bb45;
  opacity: 1;
}

.mcss-HubTabMenu__lineunder-tabSelected {
  border-color: #f6bb45;
}

.mcss-HubTabMenu__profileCard-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 9px;
}

.mcss-HubTabMenu__profileCard-tab {
  border-style: solid;
  border: 0;
  padding: 11px 9px;
}

.mcss-HubTabMenu__profileCard-tabNormal {
  color: #bfbbbe;
}

.mcss-HubTabMenu__profileCard-tabNormal:hover {
  color: #66adc7;
}

.mcss-HubTabMenu__profileCard-tabSelected {
  color: #0a4e70;
}

.mcss-Inbox-quota {
  padding: 15px;
}

.mcss-Inbox-quotaTitle {
  margin-bottom: 15px;
}

.mcss-Inbox-addQuota {
  margin-top: 15px;
  display: block;
}

.mcss-Inbox-refresh {
  float: right;
}

.mcss-InboxConversationGroup-root {
  padding: 12px 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-InboxConversationGroup-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-InboxConversationGroup-core {
  width: calc(100% - 50px);
}

.mcss-InboxConversationGroup-meta {
  margin-top: 6px;
  color: #a0989d;
}

.mcss-InboxConversationGroup-countWrapper {
  width: 50px;
}

.mcss-InboxConversationGroup-count {
  float: right;
}

.mcss-InboxConversationGroup-root:hover .mcss-InboxConversationGroup-label,
.mcss-InboxConversationGroup-root:hover .mcss-InboxConversationGroup-meta {
  color: #0a4e70;
}

.mcss-InboxConversationGroupList-showMore {
  display: block;
  text-align: right;
  padding: 6px 0;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-InboxConversationGroupList-firstItem {
  border-top: 1px solid #e7e5e7;
  margin-top: 0!important;
}

.mcss-InboxConversationGroupList-selected {
  background: #f0f7f9;
  border-bottom: 1px solid #66adc7;
  border-top: 1px solid #66adc7;
  margin-top: -1px;
}

.mcss-InboxConversationGroupList-unselected {
  border-bottom: 1px solid #e7e5e7;
}

.mcss-InboxConversationList-conversationGroup {
  margin-bottom: 9px;
}

.mcss-InboxMessage-root {
  padding-bottom: 9px;
}

.mcss-InboxMessage-container {
  width: calc(100% - 30px);
  padding-bottom: 9px;
}

.mcss-InboxMessage-contentContainer {
  background: #fff;
  padding: 12px;
  border-radius: 6px;
}

.mcss-InboxMessage-date {
  opacity: .7;
}

.mcss-InboxMessage-container {
  margin: 0;
}

.mcss-InboxMessage-outgoing .mcss-InboxMessage-container {
  margin-left: auto;
}

.mcss-InboxMessage-incoming .mcss-InboxMessage-container {
  margin-right: auto;
}

.mcss-InboxMessage-incoming,
.mcss-InboxMessage-outgoing {
  overflow: none;
}

.mcss-InboxMessage-theme__default.mcss-InboxMessage-outgoing .mcss-InboxMessage-contentContainer {
  background: #d0ecc9;
  border: 1px solid #5dc743;
}

.mcss-InboxMessage-theme__default.mcss-InboxMessage-incoming .mcss-InboxMessage-contentContainer {
  background: #e8f3f7;
  border: 1px solid #b4d6e1;
}

.mcss-InboxMessage-theme__iOS.mcss-InboxMessage-outgoing .mcss-InboxMessage-contentContainer {
  background: #e0eff4;
}

.mcss-InboxMessage-theme__iOS.mcss-InboxMessage-incoming .mcss-InboxMessage-contentContainer {
  background: #f3f2f3;
}

.mcss-InboxMessage-theme__timecounts.mcss-InboxMessage-outgoing .mcss-InboxMessage-contentContainer {
  border: 1px solid #d7d4d6;
}

.mcss-InboxMessage-theme__timecounts.mcss-InboxMessage-incoming .mcss-InboxMessage-contentContainer {
  background: #fff;
  border: 1px solid #d7d4d6;
}

.mcss-InboxMessage-incoming .mcss-InboxMessage-container {
  padding-bottom: 18px;
}

.mcss-InboxMessage-subject {
  margin-bottom: 12px;
  opacity: .7;
}

.mcss-InboxMessage-body {
  font-size: 15px;
}

.mcss-InboxMessage-name {
  line-height: 30px;
}

.mcss-InboxMessage-date {
  line-height: 30px;
}

.mcss-InboxMessage-incomingSender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-InboxMessage-incomingSender .mcss-InboxMessage-date {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
}

.mcss-InboxMessage-incomingSender .mcss-InboxMessage-avatar {
  margin-right: 8px;
}

.mcss-InboxMessage-incomingSender {
  cursor: pointer;
}

.mcss-InboxMessage-incomingSender:hover {
  color: #0a4e70;
}

.mcss-InboxMessage-outgoingSender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-InboxMessage-outgoingSender .mcss-InboxMessage-date {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}

.mcss-InboxMessage-outgoingSender .mcss-InboxMessage-avatar {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-right: 8px;
}

.mcss-InboxMessage-outgoingSender .mcss-InboxMessage-name {
  margin-right: 8px;
}

.mcss-InboxMessage-metaContainer {
  padding-top: 9px;
}

.mcss-InboxMessage-errors {
  color: #d9402b;
  text-align: center;
  padding-bottom: 9px;
}

.mcss-InboxMessage-errors a {
  color: #d9402b;
  border-bottom: 1px solid #d9402b;
}

.mcss-InboxMessage-errors a:hover {
  color: #0a4e70;
  border-bottom: 1px solid #0a4e70;
}

.mcss-InboxMessage-showMore {
  text-align: right;
  display: block;
}

.mcss-InboxMessage-animateIn {
  -webkit-animation: mcss-InboxMessage-slideIn .4s;
  animation: mcss-InboxMessage-slideIn .4s;
}

@-webkit-keyframes mcss-InboxMessage-slideIn {
  0% {
    opacity: .1;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  100% {
    opacity: .8;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes mcss-InboxMessage-slideIn {
  0% {
    opacity: .1;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  100% {
    opacity: .8;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.mcss-InboxMessageList-root {
  position: relative;
}

.mcss-InboxMessageList-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
}

.mcss-InboxMessageList-inboxSenderWrapper {
  padding: 16px 15px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 50px;
}

.mcss-InboxMessageList-messagesList {
  padding: 15px 15px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.mcss-InboxMessageList-messageBoxContainer {
  border-top: 1px solid #bfbbbe;
  padding: 15px;
  padding-top: 18px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.mcss-InboxMessageList-locked {
  pointer-events: none;
}

.mcss-InboxMessageList-loading {
  opacity: .7;
}

.mcss-InboxMessageList-showOlder {
  display: block;
  text-align: center;
  padding: 3px 0;
  margin-bottom: 9px;
  font-size: 15px;
}

.mcss-InboxMessageList-subject {
  padding: 9px 20px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #a0989d;
  font-size: 15px;
  text-align: center;
}

.mcss-InboxMessageList-viewProfileCard {
  text-align: right;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  line-height: 21px;
}

.mcss-InboxMessageList-theme__default .mcss-InboxMessageList-container {
  background: #fff;
}

.mcss-InboxMessageList-theme__default .mcss-InboxMessageList-inboxSenderWrapper {
  background: #fff;
  border-bottom: 1px solid #bfbbbe;
}

.mcss-InboxMessageList-theme__default .mcss-InboxMessageList-messageBoxContainer {
  background: #f7f6f7;
}

.mcss-InboxMessageList-theme__iOS .mcss-InboxMessageList-container {
  background: #fff;
}

.mcss-InboxMessageList-theme__iOS .mcss-InboxMessageList-inboxSenderWrapper {
  background: #f7f6f7;
  border-bottom: 1px solid #bfbbbe;
}

.mcss-InboxMessageList-theme__iOS .mcss-InboxMessageList-messageBoxContainer {
  background: #f7f6f7;
}

.mcss-InboxMessageList-theme__timecounts .mcss-InboxMessageList-container {
  background: #f7fbfc;
}

.mcss-InboxMessageList-theme__timecounts .mcss-InboxMessageList-inboxSenderWrapper {
  background: #fff;
  border-bottom: 1px solid #bfbbbe;
}

.mcss-InboxMessageList-theme__timecounts .mcss-InboxMessageList-messageBoxContainer {
  background: #f7f6f7;
}

.mcss-InboxMessageList-profileCardIcon {
  position: absolute;
  top: 9px;
  right: 10px;
}

.mcss-InboxMessagesHeader-root {
  line-height: 21px;
  font-size: 18px;
}

.mcss-InboxMessagesHeader-root {
  position: relative;
}

.mcss-InboxMessagesHeader-avatarContainer {
  width: 55px;
  float: left;
}

.mcss-InboxMessagesHeader-view {
  position: absolute;
  top: 0;
  right: 0;
}

.mcss-InboxMessagesHeader-subject {
  color: #80767d;
}

.mcss-InboxMessageThread-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-InboxMessageThread-root {
  position: relative;
  padding: 12px 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f3f2f3;
}

.mcss-InboxMessageThread-mainInfoContainer {
  width: calc(100% - 45px);
}

.mcss-InboxMessageThread-checkboxContainer {
  width: 30px;
}

.mcss-InboxMessageThread-avatarContainer {
  width: 45px;
}

.mcss-InboxMessageThread-avatar {
  margin-top: 5px;
}

.mcss-InboxMessageThread-count,
.mcss-InboxMessageThread-date {
  float: left;
  text-align: right;
}

.mcss-InboxMessageThread-date {
  color: #80767d;
  width: 120px;
}

.mcss-InboxMessageThread-count {
  color: #a0989d;
  width: 40px;
}

.mcss-InboxMessageThread-name,
.mcss-InboxMessageThread-subject {
  float: left;
}

.mcss-InboxMessageThread-name {
  width: calc(100% - 120px);
}

.mcss-InboxMessageThread-subject {
  color: #80767d;
  width: calc(100% - 40px);
}

.mcss-InboxMessageThread-preview {
  color: #a0989d;
}

.mcss-InboxMessageThread-indicator {
  position: absolute;
  top: 5px;
  right: 5px;
}

.mcss-InboxMessageThread-unread {
  background: #fff;
}

.mcss-InboxMessageThread-selected {
  background: #f0f7f9;
}

.mcss-InboxMessageThread-unread .mcss-InboxMessageThread-date,
.mcss-InboxMessageThread-unread .mcss-InboxMessageThread-name,
.mcss-InboxMessageThread-unread .mcss-InboxMessageThread-subject {
  font-weight: 700;
  color: #60545c;
}

.mcss-InboxMessageThread-root:hover .mcss-InboxMessageThread-context,
.mcss-InboxMessageThread-root:hover .mcss-InboxMessageThread-count,
.mcss-InboxMessageThread-root:hover .mcss-InboxMessageThread-date,
.mcss-InboxMessageThread-root:hover .mcss-InboxMessageThread-name,
.mcss-InboxMessageThread-root:hover .mcss-InboxMessageThread-preview,
.mcss-InboxMessageThread-root:hover .mcss-InboxMessageThread-subject {
  color: #0a4e70;
}

.mcss-InboxMessageThread-line1 {
  line-height: 24px;
}

.mcss-InboxMessageThread-line2,
.mcss-InboxMessageThread-line3 {
  line-height: 21px;
}

.mcss-InboxMessageThread-line4 {
  margin-top: 3px;
  display: none;
}

.mcss-InboxMessageThreadList-root {
  position: relative;
}

.mcss-InboxMessageThreadList-selected {
  border-bottom: 1px solid #66adc7;
  border-top: 1px solid #66adc7;
  margin-top: -1px;
}

.mcss-InboxMessageThreadList-content {
  height: 100%;
}

.mcss-InboxMessageThreadList-unselected {
  border-bottom: 1px solid #e7e5e7;
}

.mcss-InboxMessageThreadList-locked {
  pointer-events: none;
}

.mcss-InboxMessageThreadList-loading {
  opacity: .7;
}

.mcss-InboxMessageThreadList-spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mcss-InboxMessageThreadList-selectAllContainer {
  border-bottom: 1px solid #bfbbbe;
  padding: 9px 15px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  min-height: 54px;
}

.mcss-InboxMessageThreadList-selectAllWrapper {
  float: right;
}

.mcss-InboxMessageThreadList-selectAll {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-InboxMessageThreadList-messageThreadsFlex {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-InboxMessageThreadList-messageThreadsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

.mcss-InboxMessageThreadList-messageThreadList {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.mcss-InboxSelectAll-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-InboxSelectAll-selectAllButton {
  line-height: 22px;
}

.mcss-InboxSelectAll-checkboxContainer {
  width: 30px;
}

.mcss-InboxStatus-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e7e5e7;
  border-top: 1px solid #bfbbbe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 32px;
  padding: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

.mcss-InboxStatus-spinner svg {
  display: block;
}

.mcss-InboxStatus-close {
  position: absolute;
  top: 6px;
  right: 6px;
}

.mcss-InboxView-cover,
.mcss-InboxView-view {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 131px;
}

.mcss-InboxView-conversationsColumn {
  border-right: 1px solid #bfbbbe;
  background: #fff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  min-width: 0;
}

.mcss-InboxView-conversationsColumn,
.mcss-InboxView-messageThreadsColumn,
.mcss-InboxView-messagesColumn {
  height: 100%;
}

.mcss-InboxView-emptyConversations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
}

.mcss-InboxView-emptyInbox {
  height: 214px;
  width: 285px;
}

.mcss-InboxView-emptyConversationsLabel {
  margin-bottom: 30px;
  color: #a0989d;
  padding: 0 24px;
}

.mcss-InboxView-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.mcss-InboxView-messageThreadsColumn {
  background: #fff;
  border-right: 1px solid #bfbbbe;
  min-width: 0;
}

.mcss-InboxView-emptyState,
.mcss-InboxView-messageThreadsColumn,
.mcss-InboxView-messagesColumn {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.mcss-InboxView-messageThreadsColumn {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.mcss-InboxView-messagesColumn {
  -webkit-box-flex: 1.3;
  -ms-flex: 1.3 0 0;
  flex: 1.3 0 0;
}

.mcss-InboxView-conversationsContainer,
.mcss-InboxView-messageThreadsContainer,
.mcss-InboxView-messagesContainer {
  height: 100%;
}

.mcss-InboxView-messageThreadsList {
  height: 100%;
}

.mcss-InboxView-messagesColumn {
  background: #fff;
}

.mcss-InboxView-messagesList {
  height: 100%;
}

.mcss-InboxView-emptyState {
  background: url(images/patterns/repeating-chevrons.svg) repeat-x top left;
  background-color: #f0f7f9;
  color: #0a4e70;
  font-size: 24px;
  text-align: center;
  position: relative;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-InboxView-emptyStateContent {
  margin: 0 auto;
  max-width: 500px;
}

.mcss-InboxView-emptyStateIcon {
  display: block;
  margin: 0 auto;
}

.mcss-InboxView-emptyStateSubtitle {
  color: #60545c;
  margin-top: 15px;
}

.mcss-InboxView-conversationGroupList {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: 21px 15px;
}

.mcss-InboxView-inboxStatus {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.mcss-InboxView-conversationGroupListFlex {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-InboxView-cover {
  background-color: #f0f7f9;
}

.mcss-InputText-root {
  font-size: 15px!important;
}

.mcss-InputText-isInvalid {
  border-color: #d9402b!important;
}

.mcss-InputText-disabled {
  opacity: .4;
}

.mcss-InputText-use__emailSubject {
  padding-left: 89px!important;
}

.mcss-LimitedCharacters-root {
  position: relative;
  overflow: hidden;
}

.mcss-LimitedCharacters-charCount {
  right: 3px;
  bottom: 9px;
  position: absolute;
  color: #fff;
  padding: 3px 6px;
  background-color: rgba(0,0,0,.4);
}

.mcss-LimitedCharacters-low {
  background-color: rgba(200,0,0,.4);
}

.mcss-LinkSelector-cancelButton {
  float: left;
}

.mcss-LinkSelector-saveButton {
  width: 200px;
  float: right;
  margin-bottom: 21px;
}

.mcss-LinkSelector-select {
  margin-bottom: 15px;
}

.mcss-Location-container {
  display: table-row;
}

.mcss-Location-container:empty .mcss-Location-icon {
  display: none;
}

.mcss-Location-icon {
  display: table-cell;
  vertical-align: middle;
}

.mcss-Location-label {
  display: table-cell;
  vertical-align: middle;
}

.mcss-LocationTypeahead-error {
  color: #d9402b;
  padding-top: 6px;
}

.mcss-Login-skip {
  text-transform: uppercase;
  text-align: right;
  margin-top: 36px;
}

.mcss-Login-root {
  position: relative;
}

.mcss-LoginButton-normal {
  padding-top: 20px;
  padding-bottom: 20px;
}

.mcss-LoginButton-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mcss-LoginButton-facebook {
  background-color: #3b5998;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-LoginButton-timecounts {
  box-shadow: inset 0 0 0 2px #16becc;
  background-color: #fff;
}

.mcss-LoginButton-divider {
  top: 10px;
  bottom: 10px;
  left: 60px;
  position: absolute;
  border-left: 1px solid rgba(0,0,0,.15);
  border-right: 1px solid rgba(255,255,255,.2);
}

.mcss-LoginButton-normal .mcss-LoginButton-icon {
  margin-left: 18px;
}

.mcss-LoginButton-small .mcss-LoginButton-icon {
  margin-left: 15px;
}

.mcss-ManageApplicant-people {
  margin-bottom: 30px;
}

.mcss-ManageApplicant-reason {
  margin-bottom: 27px;
}

.mcss-ManageApplicant-subject {
  margin-bottom: 24px;
  margin-top: 24px;
}

.mcss-ManageApplicant-saved {
  margin-bottom: 36px;
}

.mcss-ManageNotifications-people {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mcss-ManageNotifications-clearButton {
  width: 120px;
}

.mcss-ManageNotifications-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-ManageNotifications-padButton {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-ManageNotifications-sendButton {
  width: 120px;
}

.mcss-ManageNotifications-subject {
  margin-bottom: 15px;
}

.mcss-ManageNotifications-info {
  margin-bottom: 15px;
}

.mcss-MenuContainer-wrapper {
  padding: 6px;
}

.mcss-MenuContainer-light {
  background: #fff;
}

.mcss-MenuContainer-dark {
  background: #0a4e70;
}

.mcss-MessageBoxInline-templatesContainer {
  margin-bottom: 9px;
}

.mcss-MessageBoxInline-signatureButton,
.mcss-MessageBoxInline-templateButton {
  float: left;
  margin-right: 16px;
}

.mcss-MessageBoxInline-saveTemplate {
  float: right;
}

.mcss-MessageBoxInline2-templatesContainer {
  margin-bottom: 9px;
}

.mcss-MessageBoxInline2-signatureButton,
.mcss-MessageBoxInline2-templateButton {
  float: left;
  margin-right: 16px;
}

.mcss-MessageBoxInline2-saveTemplate {
  float: right;
}

.mcss-MessageBoxInline2-cantSendBy {
  float: left;
}

.mcss-MessageBoxInline2-buttonCreateConversation {
  float: left;
}

.mcss-MiniRegister-root {
  padding-top: 15px;
}

.mcss-MiniRegister-error {
  color: #d9402b;
}

.mcss-MiniRegister-social {
  margin-bottom: 27px;
}

.mcss-MiniRegister-divider {
  position: relative;
  width: 100%;
  border-top: 1px solid #60545c;
  text-align: center;
  margin-top: 24px;
}

.mcss-MiniRegister-divider span {
  position: absolute;
  top: -5px;
  left: calc(50% - 20px);
  display: inline-block;
  background-color: #f9f9f9;
  width: 40px;
}

.mcss-ModalChromeAdminHOC-root {
  position: relative;
  min-width: 300px;
}

.mcss-ModalChromeAdminHOC-content {
  padding: 40px 40px 0 40px;
}

.mcss-ModalEventRoleCompat-container {
  padding: 30px;
  min-width: 600px;
}

.mcss-ModalHOC-background {
  background-color: rgba(4,17,28,.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-ModalHOC-root {
  position: relative;
  max-width: 70%;
  margin: 0 auto;
}

.mcss-ModalHOC-close {
  top: 9px;
  right: 9px;
  position: absolute;
}

.mcss-ModalConversationNew-templatesContainer {
  margin-bottom: 9px;
}

.mcss-ModalConversationNew-signatureButton,
.mcss-ModalConversationNew-templateButton {
  float: left;
  margin-right: 16px;
}

.mcss-ModalConversationNew-saveTemplate {
  float: right;
}

.mcss-ModalConversationNew-quotaReminder {
  position: absolute;
  right: 40px;
  top: 20px;
  text-align: right;
}

.mcss-ModalCreateNew-container {
  background-color: #fff;
  width: 950px;
}

.mcss-ModalCreateNew-tileContainer {
  border-color: #bfbbbe;
  border-style: solid;
  border-width: 1px 0;
}

.mcss-ModalEventRoleEdit2-permissions {
  margin-top: 15px;
}

.mcss-ModalEventRoleEdit2-permissionsLabel {
  margin-top: 36px;
  vertical-align: top;
  display: inline-block;
  width: 30%;
}

.mcss-ModalEventRoleEdit2-permissionsField {
  display: inline-block;
  width: 70%;
}

.mcss-ModalEventRoleEdit2-permissionSelect {
  margin-bottom: 30px;
  display: block;
}

.mcss-ModalEventRoleEdit2-permissionPrompt {
  margin-bottom: 6px;
}

.mcss-ModalOptionTile-layout {
  padding: 0 20px 20px 20px;
  text-align: center;
  min-height: 300px;
  border-width: 2px;
  border-style: solid;
}

.mcss-ModalOptionTile-title {
  margin-bottom: 6px;
}

.mcss-ModalOptionTile-description {
  min-height: 30px;
}

.mcss-ModalOptionTile-hub {
  color: #80767d;
}

.mcss-ModalOptionTile-hub.mcss-ModalOptionTile-icon {
  fill: #66adc7;
  stroke: #66adc7;
}

.mcss-ModalOptionTile-hub.mcss-ModalOptionTile-layoutNormal {
  background-color: #f6fafb;
  border-color: transparent;
}

.mcss-ModalOptionTile-hub.mcss-ModalOptionTile-layoutSelected {
  background-color: #f6fafb;
  border-color: #66adc7;
}

.mcss-ModalOptionTile-admin {
  color: #60545c;
}

.mcss-ModalOptionTile-admin.mcss-ModalOptionTile-layoutNormal {
  background-color: #f9f9f9;
  border-color: transparent;
}

.mcss-ModalOptionTile-admin.mcss-ModalOptionTile-layoutSelected {
  background-color: #f0f7f9;
  border-color: #16becc;
}

.mcss-ModalOptionTile-disabled {
  cursor: not-allowed;
  opacity: .5;
}

.mcss-ModalWrapperHOC-root {
  height: 100%;
}

.mcss-Navigation-title {
  font-size: 21px;
  padding: 9px 15px 30px 15px;
  word-wrap: break-word;
}

.mcss-Navigation-subtitle {
  padding: 0 15px 30px 15px;
  margin-top: -9px;
}

.mcss-Navigation-menu {
  top: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 190px;
}

.mcss-Navigation-resizeIcon {
  bottom: 8px;
  left: 13px;
  position: absolute;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.mcss-Navigation-resizeIcon__expanded {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.mcss-Navigation-content {
  background: #fff;
  -webkit-transform: translate3d(50px,0,0);
  transform: translate3d(50px,0,0);
  overflow-x: hidden;
  width: calc(100% - 50px);
}

.mcss-Navigation-fixedHeader {
  left: 50px;
}

.mcss-Navigation-content__expanded,
.mcss-Navigation-fixedHeader__expanded {
  -webkit-transform: translate3d(190px,0,0);
  transform: translate3d(190px,0,0);
  width: calc(100% - 190px);
}

@media (max-width:480px) {
  .mcss-Navigation-menu {
    display: none;
  }

  .mcss-Navigation-menu .mcss-Navigation-title {
    display: none;
  }

  .mcss-Navigation-mobileMenu {
    display: unset;
    background: #fff;
    color: #fff;
    outline: #000;
  }

  .mcss-Navigation-content,
  .mcss-Navigation-fixedHeader {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    width: 100%;
  }

  .mcss-Navigation-fixedHeader {
    left: 0;
  }

  .mcss-Navigation-content__expanded,
  .mcss-Navigation-fixedHeader__expanded {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

.mcss-Navigation-content__absolute {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
}

.mcss-Navigation-header {
  top: 0;
  bottom: 140px;
  left: 0;
  position: absolute;
}

.mcss-Navigation-inner {
  top: 140px;
  bottom: 50px;
  left: 0;
  position: absolute;
  width: 190px;
}

.mcss-Navigation-footer {
  right: 0;
  bottom: 50px;
  left: 0;
  position: absolute;
  -webkit-perspective: 200px;
  perspective: 200px;
}

.mcss-Navigation-headerButton {
  top: 15px;
  left: 15px;
  position: absolute;
  color: #80767d;
}

.mcss-Navigation-headerIcon {
  display: block;
  margin-bottom: 5px;
}

.mcss-Navigation-menu__secondary__expanded {
  width: 160px;
}

.mcss-Navigation-menu__secondary__expanded .mcss-Navigation-inner {
  width: 160px;
}

.mcss-Navigation-content__secondary__expanded {
  -webkit-transform: translate3d(160px,0,0);
  transform: translate3d(160px,0,0);
  width: calc(100% - 160px);
}

@media (max-width:480px) {
  .mcss-Navigation-menu__secondary__expanded {
    width: 50px;
  }

  .mcss-Navigation-menu__secondary__expanded .mcss-Navigation-inner {
    width: 50px;
  }

  .mcss-Navigation-content__secondary__expanded {
    -webkit-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0);
    width: calc(100% - 50px);
  }
}

.mcss-NavigationItem-container {
  position: relative;
  letter-spacing: 1px;
  overflow: ellipsis;
  height: 45px;
  line-height: 45px;
  display: block;
  padding: 0 15px;
}

.mcss-NavigationItem-label {
  float: left;
  height: 45px;
  line-height: 45px;
}

@media (max-width:480px) {
  a.mcss-NavigationItem-container:after {
    content: "\2022";
  }

  a.mcss-NavigationItem-container {
    font-size: 32px;
    background: #fff;
  }

  a.mcss-NavigationItem-grey2Selected {
    color: #16becc;
  }

  .mcss-NavigationItem-label {
    display: none;
  }
}

.mcss-NavigationItem-icon {
  float: left;
  margin-top: 7px;
  margin-left: -6px;
  margin-right: 9px;
  width: 32px;
  height: 32px;
  fill: inherit;
  stroke: inherit;
}

.mcss-NavigationItem-icon .Icon_fill {
  fill: inherit!important;
}

.mcss-NavigationItem-icon .Icon_stroke {
  stroke: inherit!important;
}

.mcss-NavigationItem-iconPlaceholder {
  background-color: #fff;
  border-radius: 32px;
}

.mcss-NavigationItem-unread {
  height: 45px;
  float: right;
  position: relative;
}

.mcss-NavigationItem-unreadBubble {
  padding: 0 8px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.mcss-NavigationItem-unreadDotContainer {
  position: absolute;
  left: 27px;
  top: 9px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: #f6bb45;
}

.mcss-NavigationItem-unreadDot {
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #1b8394;
}

.mcss-NavigationItem-secondary {
  text-transform: uppercase;
}

.mcss-NavigationItem-secondary:hover {
  background-color: #c28e0e;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-NavigationItem-secondary:hover .mcss-NavigationItem-unreadDotContainer {
  background-color: #c28e0e;
}

.mcss-NavigationItem-secondarySelected {
  background-color: #c28e0e;
  fill: #fff;
  stroke: #fff;
}

.mcss-NavigationItem-secondarySelected .mcss-NavigationItem-unreadDotContainer {
  background-color: #c28e0e;
}

.mcss-NavigationItem-grey2 {
  fill: #faf9f9;
  stroke: #faf9f9;
  text-transform: uppercase;
}

.mcss-NavigationItem-grey2Text {
  color: #80767d;
}

.mcss-NavigationItem-grey2:hover {
  background-color: #fff;
}

.mcss-NavigationItem-grey2Selected {
  background-color: #d8d5d6;
  fill: #fff;
  stroke: #fff;
}

.mcss-NavigationItem-child {
  padding-left: 50px;
}

.mcss-NavigationItem-mainChild {
  color: #68adc6!important;
  background-color: #154863;
  font-size: 12px;
}

.mcss-NavigationItem-mainChild:hover {
  background-color: #c28e0e;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-NavigationItem-mainChild:hover .mcss-NavigationItem-unreadDotContainer {
  background-color: #c28e0e;
}

.mcss-NavigationItem-mainChildSelected {
  color: #fff!important;
}

.mcss-NavigationItem-mainChildSelected .mcss-NavigationItem-unreadDotContainer {
  background-color: #c28e0e;
}

.mcss-NewsFeedItem-navy:before {
  background-color: #2b497f;
}

.mcss-NewsFeedItem-unknown:before {
  background-color: #000;
}

.mcss-NewsFeedItem-general:before {
  background-color: #66adc7;
}

.mcss-NewsFeedItem-positive:before {
  background-color: #61c54c;
}

.mcss-NewsFeedItem-negative:before {
  background-color: #d64032;
}

.mcss-NewsFeedItem-activity:before {
  background-color: #f5b434;
}

.mcss-OrgLink-disabled {
  pointer-events: none;
}

.mcss-PageBody-root {
  position: relative;
  height: 100vh;
  overflow-y: auto;
}

.mcss-PageBody-hasHeader {
  height: calc(100vh - 66px);
}

.mcss-PageBody-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column-align: center;
  justify-items: center;
  text-align: center;
  z-index: 9999;
  background-color: rgba(255,255,255,.7);
}

.mcss-PageBody-overlaySpinner {
  margin: 0 auto;
}

.mcss-PageHeader-root {
  min-height: 66px;
  border-bottom: 1px solid #d8d5d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.mcss-PageTitle-container {
  font-size: 27px;
  color: #80767d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-PageToolbar-root {
  min-height: 66px;
  border-bottom: 1px solid #d8d5d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.mcss-Pagination-root {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-Pagination-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-Pagination-text {
  font-size: 15px;
  display: inline-block;
  line-height: 18px;
  margin-right: 3px;
}

.mcss-Pagination-icon {
  display: block;
  margin: 0 auto;
  position: relative;
  left: -9px;
}

.mcss-Pagination-iconContainer {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  width: 16px;
  margin-left: 5px;
}

.mcss-PaidFeature-root {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-PaidFeature-root>div {
  margin: 10px;
}

.mcss-PaidFeature-upgrade {
  padding-top: 20px;
  width: 150px;
  margin: 0 auto;
}

.mcss-PaidFeature-body {
  text-align: left;
  padding: 0 25%;
}

.mcss-PaidFeature-featureCopy {
  text-align: left;
}

.mcss-PaidFeature-featureSubTitle {
  text-align: left;
}

.mcss-PaidFeature-featureTitle {
  padding-bottom: 1.2rem;
  color: #0a4e70;
  text-align: left;
}

.mcss-PaidFeatureInline-root {
  margin-bottom: 15px;
}

.mcss-PasswordStrengthMeter-container {
  padding-bottom: 18px;
}

.mcss-PasswordStrengthMeter-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 250px;
  height: 8px;
}

.mcss-PasswordStrengthMeter-progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 3px;
}

.mcss-PasswordStrengthMeter-labelParagraph {
  margin-top: 5px;
}

.mcss-PasswordStrengthMeter-progress::-webkit-progress-value {
  border-radius: 2px;
  background-size: 35px 20px,100% 100%,100% 100%;
}

.mcss-PasswordStrengthMeter-strength-Weak::-webkit-progress-value {
  background-color: #d9402b;
}

.mcss-PasswordStrengthMeter-strength-Fair::-webkit-progress-value {
  background-color: #f7b51b;
}

.mcss-PasswordStrengthMeter-strength-Good::-webkit-progress-value {
  background-color: #92d684;
}

.mcss-PasswordStrengthMeter-strength-Strong::-webkit-progress-value {
  background-color: #5dc744;
}

.mcss-PeopleListView-person {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
}

.mcss-PeopleListView-more {
  display: inline-block;
  vertical-align: middle;
}

.mcss-PersonBadge-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-PersonBadge-name {
  margin-left: 15px;
}

.mcss-PersonCheckList-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.mcss-PersonCheckList-itemDescription {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-PersonCheckList-checkbox {
  margin-right: 15px;
}

.mcss-PersonCheckList-overdue {
  color: #f7b51b;
}

.mcss-PersonCheckList-inRenewal {
  color: #5dc744;
}

.mcss-PersonChecklistItemEdit-cancelButton {
  float: left;
  font-size: 13px;
  line-height: 39px;
}

.mcss-PersonChecklistItemEdit-mainButton {
  width: 120px;
  float: right;
}

.mcss-PersonName-noun__inboxMessage {
  font-size: 15px;
  display: block;
}

.mcss-PersonName-noun__inboxSender {
  font-size: 18px;
  display: block;
}

.mcss-PersonTypeahead-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-PersonTypeahead-dropdown {
  background-color: #fff;
  border: 2px solid #b4d6e1;
}

.mcss-PersonTypeahead-item {
  padding: 6px;
  border-bottom: 1px solid #ebe9e5;
  height: 45px;
}

.mcss-PersonTypeahead-item.mcss-PersonTypeahead-highlighted {
  background-color: #b4d6e1;
  color: #fff;
}

.mcss-PersonTypeahead-spinner {
  display: block;
  text-align: center;
  margin: 15px auto;
}

.mcss-PersonTypeahead-empty {
  padding: 15px;
  text-align: center;
}

.mcss-PersonTypeahead-chipContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -12px;
}

.mcss-PersonTypeahead-chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  margin-right: 3px;
  padding: 4px 6px 4px 3px;
  border: 1px solid #000;
  border-color: #1b8394;
  color: #ccc;
  fill: #ccc;
  background-color: #fff;
}

.mcss-PersonTypeahead-close {
  margin-left: 12px;
}

.mcss-PersonTypeahead-personAvatar {
  margin-right: 6px;
}

.mcss-PersonTypeahead-personName {
  font-size: 16px;
}

.mcss-PersonTypeahead-remove {
  margin-left: 6px;
}

.mcss-PersonTypeahead-hiddenInput {
  height: 32px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}

.mcss-PersonTypeahead-hiddenInput::-webkit-input-placeholder {
  line-height: inherit;
}

.mcss-PersonTypeahead-hiddenInput::-moz-placeholder {
  line-height: inherit;
}

.mcss-PersonTypeahead-hiddenInput:-ms-input-placeholder {
  line-height: inherit;
}

.mcss-PersonTypeahead-hiddenInput::placeholder {
  line-height: inherit;
}

.mcss-Pipeline-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-Pipeline-summary {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-Pipeline-search {
  margin-right: 15px;
}

.mcss-Pipeline-dropdown {
  margin-left: -30px;
  border-right: 1px solid #d8d5d6;
  margin-right: 30px;
  min-height: 68px;
  min-width: 300px;
}

.mcss-Pipeline-dropdownFooter {
  text-align: center;
  padding: 30px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255,0,0,.08);
  color: #d9402b;
  fill: #d9402b;
}

.mcss-Pipeline-main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-Pipeline-itemContainer {
  position: relative;
  white-space: nowrap;
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-width: 1px;
  border-top-style: solid;
}

.mcss-Pipeline-itemSelected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 7px;
}

.mcss-Pipeline-itemContainer.mcss-Pipeline-itemSelectedList {
  background-color: #1b8394;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-Pipeline-itemWarn {
  margin-left: 8px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.mcss-Pipeline-itemLabel {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-Pipeline-itemCount {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-right: 9px;
}

.mcss-Pipeline-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 21px;
  border-right: 1px solid #d8d5d6;
  border-bottom: 1px solid #d8d5d6;
}

.mcss-Pipeline-filterItem {
  padding-right: 15px;
}

.mcss-Pipeline-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7f6f7;
  border: 1px solid #a0989d;
  padding: 6px 9px;
  border-radius: 3px;
  cursor: pointer;
  color: #60545c;
}

.mcss-Pipeline-pillIcon {
  margin-left: 6px;
  fill: #60545c;
}

.mcss-Pipeline-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #fff;
  opacity: .7;
  padding-top: 200px;
  text-align: center;
  z-index: 9999;
}

.mcss-Pipeline-fetching {
  pointer-events: none;
}

.mcss-Pipeline-empty {
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin-top: 100px;
  text-align: center;
}

.mcss-Pipeline-notifyButton {
  margin-top: -15px;
  margin-right: 15px;
}

.mcss-Pipeline-membersListPageEmpty {
  height: 330px;
  width: 330px;
}

.mcss-PipelineActionButton-root {
  padding: 5px;
  margin-left: -12px;
}

.mcss-PipelineActionButton-button {
  width: 250px;
}

.mcss-PipelineActionButton-button div {
  font-size: 15px;
}

.mcss-PipelineFormAnswer-root {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcss-PipelineFormSummary-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.mcss-PipelineFormSummary-block {
  display: inline-block;
  white-space: nowrap;
  padding-right: 6px;
}

.mcss-PipelineSelectRow-root {
  margin-right: -15px;
  margin-left: -15px;
  width: 66px;
  height: 100%;
  padding-top: 14px;
  text-align: center;
}

.mcss-PricePlanFAQ-root {
  padding-top: 45px;
}

.mcss-PricePlanFAQ-content {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width:992px) {
  .mcss-PricePlanFAQ-content {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-PricePlanFAQ-items {
  margin: 0 -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width:992px) {
  .mcss-PricePlanFAQ-items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.mcss-PricePlanFAQ-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 300px;
  padding-right: 30px;
  padding-left: 30px;
}

.mcss-PricePlanFAQ-subtitle {
  color: #16becc;
}

.mcss-PricePlanFAQ-description {
  padding-bottom: 21px;
}

.mcss-PricePlanOption-root {
  margin: 0 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-width: 2px;
  border-style: solid;
}

@media screen and (max-width:992px) {
  .mcss-PricePlanOption-root {
    margin-bottom: 24px;
  }
}

.mcss-PricePlanOption-root__primary {
  border-color: #16becc;
  color: #fff;
}

.mcss-PricePlanOption-root__amber {
  border-color: #f6bb45!important;
}

.mcss-PricePlanOption-label {
  top: 9px;
  right: 9px;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  padding: 3px 9px;
  text-transform: uppercase;
}

.mcss-PricePlanOption-header {
  padding: 36px 15px 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 310px;
}

.mcss-PricePlanOption-header__primary {
  background-color: #16becc;
}

.mcss-PricePlanOption-header__amber {
  background-color: #f6bb45!important;
}

.mcss-PricePlanOption-body {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-PricePlanOption-body__primary {
  fill: #16becc;
}

.mcss-PricePlanOption-planName {
  font-weight: 400;
}

.mcss-PricePlanOption-planDescription {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-PricePlanOption-price {
  font-size: 80px;
  line-height: 90px;
  font-weight: 400;
}

.mcss-PricePlanOption-section:nth-last-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-PricePlanOption-footer {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.mcss-PricePlanOption-sectionTitle {
  padding-bottom: 6px;
}

.mcss-PricePlanOption-items {
  padding-bottom: 12px;
}

.mcss-PricePlanOption-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-PricePlanOption-itemIcon {
  margin-right: 9px;
}

.mcss-PricePlanOption-button {
  padding-top: 15px;
  width: 200px;
}

.mcss-PricePlanOption-customPrice {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mcss-PricePlanOption-disabled {
  pointer-events: none;
  background-color: #eee;
  opacity: .5;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.mcss-PricePlans-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

@media screen and (max-width:992px) {
  .mcss-PricePlans-root {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-Pricing-root {
  background-color: #fff;
}

.mcss-Pricing-headline {
  text-align: center;
  padding: 50px 15px 30px 15px;
}

.mcss-Pricing-constrained {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mcss-Pricing-pickerContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 300px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-Pricing-picker {
  text-align: center;
  padding: 6px 9px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 2px;
}

.mcss-Pricing-picker:first-child {
  border-right-width: 0;
}

.mcss-Pricing-pickerMessage {
  position: absolute;
  right: -100px;
}

.mcss-Pricing-section {
  padding-bottom: 15px;
}

@media screen and (max-width:992px) {
  .mcss-Pricing-priceComment {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-PricingStandardFeatures-root {
  background-color: #bad5e1;
  padding: 15px;
}

.mcss-PricingStandardFeatures-content {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.mcss-PricingStandardFeatures-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width:992px) {
  .mcss-PricingStandardFeatures-items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.mcss-PricingStandardFeatures-item {
  text-align: center;
  padding: 0 9px;
}

.mcss-PricingStandardFeatures-itemIcon {
  display: block;
}

.mcss-Privacy-body h4 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.mcss-Privacy-body h3 {
  margin-bottom: 30px;
}

.mcss-Privacy-body li {
  font-size: 15px;
}

.mcss-Privacy-body address {
  font-size: 15px;
}

.mcss-ProfileCardActivityFeed-root {
  padding: 21px;
}

.mcss-ProfileCardActivityFeed-header {
  margin-bottom: 15px;
}

.mcss-ProfileCardActivityFeed-timeline {
  border-left: 1px solid #ebe9e5;
  margin-left: 15px;
  padding-left: 25px;
  position: relative;
}

.mcss-ProfileCardActivityFeed-timelineItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  border: 1px solid #ebe9e5;
  border-radius: 3px;
  margin-bottom: 15px;
}

.mcss-ProfileCardActivityFeed-timelineItem::before {
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
  width: 15px;
  height: 15px;
  top: calc(50% - 9px);
  left: -35px;
  position: absolute;
}

.mcss-ProfileCardActivityFeed-timelineItem__ignore::before {
  background-color: #ccc;
}

.mcss-ProfileCardActivityFeed-timelineItem__future::before {
  background-color: #61c54c;
}

.mcss-ProfileCardActivityFeed-timelineItem__future .mcss-ProfileCardActivityFeed-activityCredit {
  display: none;
}

.mcss-ProfileCardActivityFeed-timelineItem__past::before {
  background-color: #16becc;
}

.mcss-ProfileCardActivityFeed-timelineItem__past.mcss-ProfileCardActivityFeed-timelineItem__Project::before {
  background-color: #0a4e70;
}

.mcss-ProfileCardActivityFeed-timelineItem__info::before {
  background-color: #f5b434;
}

.mcss-ProfileCardActivityFeed-activityContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ProfileCardActivityFeed-activityCredit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-ProfileCardActivityFeed-comments {
  border-left: 1px solid #bfbbbe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  padding-left: 4px;
}

.mcss-ProfileCardActivityFeed-next {
  fill: #80767d;
}

.mcss-ProfileCardActivityFeed-empty {
  padding-left: 0;
  margin-bottom: 15px;
}

.mcss-ProfileCardAssignments-container {
  padding: 21px;
}

.mcss-ProfileCardAssignments-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: right;
  -ms-flex-align: right;
  align-items: right;
}

.mcss-ProfileCardAssignments-title>div {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-ProfileCardAssignments-summaryContainer .mcss-ProfileCardAssignments-summary:last-child {
  border-bottom: none;
}

.mcss-ProfileCardAssignments-summary {
  padding-bottom: 15px;
  border-bottom: 1px solid #bfbbbe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}

.mcss-ProfileCardAssignments-summaryContent {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-ProfileCardAssignments-summaryButton {
  width: 140px;
}

.mcss-ProfileCardCheckList-root {
  padding-right: 21px;
  padding-left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 60px;
}

.mcss-ProfileCardCheckList-titleText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 21px;
}

.mcss-ProfileCardDocuments-root {
  margin-bottom: 21px;
}

.mcss-ProfileCardDocuments-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

.mcss-ProfileCardDocuments-titleText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ProfileCardProfileHeader-root {
  background-color: #f7f6f7;
  border-bottom: 1px solid #ebe9e5;
  padding: 21px;
  color: #a0989d;
}

.mcss-ProfileCardProfileHeader-highlight {
  color: #60545c;
  display: inline;
}

.mcss-QuotaReminder-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.mcss-QuotaReminder-container>* {
  margin-right: 30px;
}

.mcss-QuotaReminder-warning {
  margin-bottom: 15px;
}

.mcss-RejectApplicant-cancelButton {
  float: left;
  font-size: 13px;
  line-height: 39px;
}

.mcss-RejectApplicant-rejectButton {
  width: 120px;
  float: right;
}

.mcss-RejectApplicant-addToCommunity {
  margin-top: 15px;
}

.mcss-ReportingInsightsPage-container {
  position: relative;
  padding: 30px;
}

.mcss-ReportingInsightsPage-box {
  border-width: 1px;
  border-style: solid;
}

.mcss-ReportingInsightsPage-top {
  padding: 15px;
  margin-bottom: 15px;
}

.mcss-ReportingInsightsPage-chartTop {
  height: 250px;
}

.mcss-ReportingInsightsPage-chartFull {
  height: calc(100vh - 350px);
}

.mcss-ReportingInsightsPage-bottom {
  margin-bottom: 15px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-ReportingInsightsPage-grid {
  overflow: none;
}

@media print {
  .mcss-ReportingInsightsPage-grid {
    display: none;
  }
}

.mcss-ReportingInsightsPage-bottomSpinner {
  padding: 15px;
}

.mcss-ReportingInsightsPage-grouping {
  top: 32px;
  right: 45px;
  position: absolute;
}

.mcss-ReportingInsightsPage-toolbar {
  padding-left: 30px;
  padding-right: 30px;
}

.mcss-ReportingInsightsPage-to {
  display: inline-block;
  padding-right: 7px;
  padding-bottom: 2px;
}

.mcss-ReportingInsightsPage-itemContainer {
  position: relative;
  white-space: nowrap;
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-width: 1px;
  border-top-style: solid;
}

.mcss-ReportingInsightsPage-reportDropdown {
  width: 250px;
}

.mcss-ReportingInsightsPage-toolbarDivider {
  margin-right: 15px;
  margin-left: 15px;
}

.mcss-ReportingInsightsPage-bodyWithHeaders {
  height: calc(100vh - 132px);
}

.mcss-ReportingInsightsPage-dropdownInput {
  border-width: 1px!important;
}

.mcss-ReportingInsightsPage-filter {
  border-width: 1px!important;
  margin-right: 15px;
  width: 250px;
}

.mcss-ReportingInsightsPage-filter input::-webkit-input-placeholder {
  font-size: 18px;
}

.mcss-ReportingInsightsPage-filter input::-moz-placeholder {
  font-size: 18px;
}

.mcss-ReportingInsightsPage-filter input:-ms-input-placeholder {
  font-size: 18px;
}

.mcss-ReportingInsightsPage-filter input::placeholder {
  font-size: 18px;
}

.mcss-ReportingInsightsPage-banner {
  width: 100%;
  background-color: grey;
  padding: 15px;
}

.mcss-ReportingInsightsPage-invalid {
  background-color: #ebe9e5;
}

.mcss-ReportingInsightsPage-check {
  margin-left: 10px;
}

.mcss-ReportingInsightsPage-mode {
  background-color: #fff;
  border-radius: 100px;
}

.mcss-ReportingInsightsPage-modeOption {
  background-color: #fff!important;
  padding: 0!important;
  margin: 0 15px 0 0!important;
}

.mcss-ReportingInsightsPage-modeRadioColor0 {
  border-color: #16becc!important;
}

.mcss-ReportingInsightsPage-modeRadioColor0:after {
  background-color: #16becc!important;
}

.mcss-ReportingInsightsPage-modeRadioColor1 {
  border-color: #91d186!important;
}

.mcss-ReportingInsightsPage-modeRadioColor1:after {
  background-color: #91d186!important;
}

.mcss-ReportingInsightsPage-modeOptionContainer {
  top: 10px;
  left: 45px;
  position: absolute;
  border-radius: 100px;
  border: 1px solid #ebe9e5;
  background-color: #fff;
}

.mcss-ReportingInsightsPage-buttons {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.mcss-ReportingInsightsPage-printContainer {
  width: 720px;
}

.mcss-ReportingInsightsPage-printTitle {
  margin-bottom: 15px;
}

.mcss-ReportingInsightsPageGrid-overlay {
  margin: 15px;
}

.mcss-ReportingInsightsPageTop-root {
  position: relative;
}

.mcss-ReportingInsightsPageTop-fullscreen {
  pointer-events: none;
}

.mcss-ReportingInsightsPageTop-tooltip {
  padding: 4px 7px;
  text-align: center;
}

.mcss-ReportingInsightsPageTop-overlay.mcss-ReportingInsightsPageTop-show {
  z-index: 9999;
}

.mcss-ReportingInsightsPageTop-overlay .mcss-ReportingInsightsPageTop-tooltip {
  display: none;
}

.mcss-ReportingInsightsPageTop-overlay .mcss-ReportingInsightsPageTop-tooltipAmount {
  visibility: hidden;
}

.mcss-ReportingInsightsPageTop-overlay.mcss-ReportingInsightsPageTop-show .mcss-ReportingInsightsPageTop-tooltip {
  display: block;
}

.mcss-ReportingInsightsPageTop-overlay.mcss-ReportingInsightsPageTop-hovered .mcss-ReportingInsightsPageTop-tooltipAmount {
  visibility: visible;
}

.mcss-ReportingInsightsPageTop-hovered .mcss-ReportingInsightsPageTop-tooltip {
  background-color: #0a4e70;
  color: #fff;
}

.mcss-ReportingInsightsPageTop-highlight {
  position: absolute;
  top: 0;
  bottom: 0;
}

.mcss-ReportingInsightsPageTop-hovered .mcss-ReportingInsightsPageTop-highlight {
  background-color: #16becc;
  opacity: .1;
}

.mcss-ReportingInsightsPageTop-hovered {
  pointer-events: none;
}

.mcss-ReportingInsightsStats-stat {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
  min-height: auto;
}

.mcss-ReportingInsightsStats-smallStat {
  border-left: 1px solid #eceaeb;
}

.mcss-ReportingInsightsStats-totalNumber .mcss-ReportingInsightsStats-metric {
  font-size: 70px;
  line-height: 60px;
}

.mcss-ReportingInsightsStats-metric {
  font-size: 30px;
}

.mcss-ReportingInsightsStats-totalNumber {
  color: #0a4e70;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-ReportingInsightsStats-lowestNumber {
  color: #d9402b;
}

.mcss-ReportingInsightsStats-highestNumber {
  color: #5dc744;
}

.mcss-ReportingInsightsStats-averageNumber {
  color: #16becc;
}

.mcss-ReportingOverview-container {
  background-color: #f0f7f9;
}

.mcss-ReportingOverview-body {
  height: calc(100vh - 66px);
}

.mcss-ReportingOverview-action {
  margin-right: 15px;
}

.mcss-ReportingOverview-grid {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 700px;
  max-width: 1200px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: -20px;
}

.mcss-ReportingOverview-dropdown {
  font-size: 14px;
}

.mcss-ReportingOverview-fullscreen {
  pointer-events: none;
}

.mcss-ReportingOverview-tooltip {
  background-color: #0a4e70;
  padding: 7px;
  color: #fff;
  min-width: 75px;
  text-align: center;
}

.mcss-ReportingOverview-spinner {
  text-align: center;
  margin: 0 auto;
  padding: 30px;
}

.mcss-ReportingOverviewCommunity-tooltipAmount {
  font-size: 18px;
}

.mcss-ReportingOverviewEngagement-pie {
  margin-top: 12px;
  text-align: center;
}

.mcss-ReportingOverviewEngagement-legend {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-ReportingOverviewEngagement-legend div {
  margin-right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-ReportingOverviewEngagement-legend .mcss-ReportingOverviewEngagement-dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  margin-left: 6px;
}

.mcss-ReportingOverviewNumbersWidget-bigNumber {
  font-size: 70px;
  color: #0a4e70;
  border-bottom: 1px solid #eceaeb;
}

.mcss-ReportingOverviewNumbersWidget-smallNumbers {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-ReportingOverviewNumbersWidget-smallNumber {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ReportingOverviewNumbersWidget-smallNumber+.mcss-ReportingOverviewNumbersWidget-smallNumber {
  border-left: 1px solid #eceaeb;
  padding-left: 10px;
}

.mcss-ReportingOverviewNumbersWidget-smallMetric {
  font-size: 30px;
  color: #16becc;
}

.mcss-ReportingPrintView-root {
  background-color: #fff;
  overflow: auto!important;
}

.mcss-ReportingPrintView-button {
  position: absolute;
  right: 0;
  top: 0;
  margin: 15px;
  width: 150px;
}

@media print {
  .mcss-ReportingPrintView-button {
    display: none;
  }
}

.mcss-ReportingPrintView-table {
  border: 1px solid #000;
  margin-bottom: 20px;
}

.mcss-ReportingPrintView-table th {
  border: 1px solid #000;
  height: 30px;
  background-color: #eee;
}

.mcss-ReportingPrintView-table td {
  padding: 15px;
  min-width: 130px;
  max-width: 200px;
  border-left: 1px solid #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcss-ReportingWidget-box {
  background-color: #fff;
  height: 50%;
  border-right: 20px solid #f0f7f9;
  border-bottom: 20px solid #f0f7f9;
  padding: 20px;
  overflow: auto;
  width: 33%;
  position: relative;
}

.mcss-ReportingWidget-box .mcss-ReportingWidget-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 9px;
}

.mcss-ReportingWidget-box .mcss-ReportingWidget-header .mcss-ReportingWidget-title {
  font-size: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ReportingWidget-box_1_2 {
  height: 100%;
}

.mcss-ReportingWidget-spinner {
  text-align: center;
  margin: 0 auto;
  padding: 30px;
}

.mcss-ReportingWidget-refresh {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}

.mcss-RoleEditor-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.mcss-RoleEditor-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.mcss-RoleEditor-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mcss-RoleEditor-avoidIntercom {
  margin-right: 100px;
}

.mcss-RoleEditor-footer>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-RoleEditor-header {
  height: 50px;
}

.mcss-RoleEditor-title {
  font-size: 21px;
}

.mcss-RoleEditor-close {
  position: absolute;
  top: 5px;
  right: 5px;
}

.mcss-RoleEditor-action {
  margin-left: 15px;
}

.mcss-RoleEditor-skillSelector {
  border: 2px solid #b4d6e1;
}

.mcss-RoleEditor-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  fill: #d9402b;
  color: #d9402b;
  margin-top: -16px;
  margin-bottom: 20px;
}

.mcss-RoleEditor-warningAbove {
  margin-bottom: 18px;
}

.mcss-RoleEditor-updateAll {
  display: block;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 27px;
  fill: #d9402b;
  color: #d9402b;
}

.mcss-Roles-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-Roles-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-Roles-action {
  margin-left: 30px;
}

.mcss-Roles-itemContainer {
  position: relative;
  white-space: nowrap;
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-width: 1px;
  border-top-style: solid;
}

.mcss-Roles-itemSelected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 7px;
}

.mcss-Roles-itemContainer.mcss-Roles-itemSelectedList {
  background-color: #1b8394;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-Roles-itemLabel {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-Roles-main {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-Roles-spinner {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  padding-top: 80px;
  text-align: center;
  background-color: rgba(255,255,255,.9);
}

.mcss-Roles-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 11;
  background-color: rgba(0,0,0,.5);
}

.mcss-Roles-editor {
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 60%;
  max-width: 670px;
  background-color: #fff;
  border-left: 1px solid #d8d5d6;
  padding: 30px;
  padding-bottom: 24px;
}

.mcss-Roles-newModal {
  padding: 30px;
  min-width: 700px;
}

.mcss-Roles-description {
  overflow: none;
}

.mcss-Roles-rolesListPageEmpty {
  height: 350px;
  width: 350px;
  margin: auto;
}

.mcss-ScheduleDayBounds-root {
  height: 100%;
  margin: 0;
  pointer-events: none;
  width: 100%;
}

.mcss-ScheduleDayBounds-addPeriodButton {
  pointer-events: all;
}

.mcss-ScheduleDayBounds-buttonWrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.mcss-ScheduleMonthView-outOfBounds {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.mcss-ScheduleWeekBounds-root {
  pointer-events: none;
}

.mcss-ScheduleWeekBounds-newScheduleButtonCover,
.mcss-ScheduleWeekBounds-outOfRangeCover {
  height: 100%;
  left: 0;
  overflow-x: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.mcss-ScheduleWeekBounds-flexCoverContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mcss-ScheduleWeekBounds-addShiftsSpacer,
.mcss-ScheduleWeekBounds-outOfRangeSpacer {
  background: 0 0;
  height: 100%;
  margin: 0;
  min-width: 160px;
}

.mcss-ScheduleWeekBounds-buttonWrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mcss-ScheduleWeekBounds-buttonCore {
  background: #f7fbfc;
  display: inline-block;
}

.mcss-ScheduleWeekBounds-addPeriodButton,
.mcss-ScheduleWeekBounds-addShiftButton {
  pointer-events: all;
}

.mcss-ScheduleWeekBounds-addShiftButton {
  width: 150px;
}

.mcss-ScheduleWeekBounds-outOfRangeBlock {
  height: 100%;
  margin: 0;
  min-width: 160px;
}

.mcss-SelectAllButton-root {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-SelectAllButton-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-SelectAllButton-button,
.mcss-SelectAllButton-checkbox,
.mcss-SelectAllButton-count {
  display: inline-block;
}

.mcss-SelectAllButton-checkbox {
  margin-right: 8px;
}

.mcss-SelectAllButton-count {
  font-size: 18px;
  margin-right: 8px;
}

.mcss-SelectAllButton-button__enabled {
  fill: #60545c;
}

.mcss-SelectAllButton-disabled {
  cursor: not-allowed;
  opacity: .5;
}

.mcss-SettingsDocuments-body {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 30px;
}

.mcss-SettingsDocuments-hack {
  height: auto;
}

.mcss-SettingsDocuments-help {
  margin-bottom: 30px;
}

.mcss-SettingsFAQ-body {
  margin: 0 auto;
  max-width: 800px;
  padding: 30px;
}

.mcss-SettingsFAQ-action {
  margin-left: 15px;
}

.mcss-SettingsFAQ-itemTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}

.mcss-SettingsFAQ-itemTitleInput {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-bottom: 0!important;
  margin-right: 12px;
}

.mcss-SettingsFAQ-containerEmpty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 6px;
}

.mcss-SettingsFAQ-itemsContainer {
  margin-top: 30px;
}

.mcss-SettingsFAQ-removeDisabled {
  opacity: .5;
  pointer-events: none;
}

.mcss-SettingsIntegrations-root {
  background-color: #f0f7f9;
}

.mcss-SettingsIntegrations-body {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mcss-SettingsIntegrations-item {
  box-sizing: border-box;
  margin-bottom: 21px;
  width: calc(70% - .666666666666667 * 15px);
  background-color: #fff;
  padding: 27px;
}

.mcss-ShiftFeed-root {
  margin-bottom: 30px;
}

.mcss-ShiftFeedEvent-shiftCount {
  white-space: nowrap;
}

.mcss-ShiftFeedEventShift-root {
  border-top-width: 1px;
  border-top-style: solid;
  width: 100%;
}

.mcss-ShiftFeedEventShift-row {
  display: table;
}

.mcss-ShiftFeedEventShift-section {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width:481px) {
  .mcss-ShiftFeedEventShift-section {
    display: table-cell;
    vertical-align: middle;
  }
}

.mcss-ShiftFeedEventShift-date {
  white-space: nowrap;
}

.mcss-ShiftFeedEventShift-name {
  width: 100%;
}

@media (min-width:481px) {
  .mcss-ShiftFeedEventShift-name {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mcss-ShiftFeedGroupHeader-full {
  margin-bottom: 18px;
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-ShiftFeedGroupHeader-compact {
  margin-top: 30px;
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: #ebe9e5;
  border-left-color: #1b8394;
  padding: 27px 9px;
}

.mcss-ShiftFeedGroupHeader-showMore {
  float: right;
  fill: #60545c;
  color: #60545c;
  margin-top: 6px;
  margin-right: 6px;
}

.mcss-ShiftFeedGroupHeader-description {
  background-color: #f6fafb;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #ebe9e5;
  padding: 15px;
}

.mcss-ShiftFeedGroupHeader-descriptionTitle {
  padding-bottom: 9px;
}

.mcss-ShiftFeedGroupHeader-icon {
  fill: #60545c;
  vertical-align: middle;
  margin-right: 9px;
}

@media (max-width:768px) {
  .mcss-ShiftFeedGroupHeader-full {
    margin-left: 15px;
  }
}

.mcss-ShiftFeedItem-defaultBorder {
  border-style: solid;
}

.mcss-ShiftFeedItem-root {
  background-color: #fff;
}

.mcss-ShiftFeedItem-item__full,
.mcss-ShiftFeedItem-item__upcoming {
  border-width: 1px;
  margin-bottom: 30px;
}

.mcss-ShiftFeedItem-item__compact {
  border-width: 0 1px 1px;
}

.mcss-ShiftFeedItem-item__compact .mcss-ShiftFeedItem-section {
  padding: 15px;
}

.mcss-ShiftFeedItem-item__compact:first-child {
  border-width: 1px;
}

.mcss-ShiftFeedItem-container {
  display: table-row;
}

.mcss-ShiftFeedItem-column {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
}

@media (min-width:481px) {
  span.mcss-ShiftFeedItem-mobileShiftButton {
    display: none;
    visibility: hidden;
  }
}

@media (max-width:480px) {
  div.mcss-ShiftFeedItem-desktopShiftButton {
    display: none;
    visibility: hidden;
  }
}

.mcss-ShiftFeedItem-section {
  display: block;
  padding-right: 15px;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width:480px) {
  .mcss-ShiftFeedItem-section {
    padding: 15px 3px;
  }
}

.mcss-ShiftFeedItem-image {
  width: 125px;
  height: 125px;
}

.mcss-ShiftFeedItem-content {
  width: 100%;
}

@media (max-width:480px) {
  .mcss-ShiftFeedItem-content {
    display: table-row;
  }
}

.mcss-ShiftFeedItem-isFull {
  background-color: #fef9ee;
}

.mcss-ShiftFeedItem-isFull>* {
  opacity: .6;
}

.mcss-ShiftFeedItem-compact .mcss-ShiftFeedItem-subtitle {
  display: inline-block;
}

.mcss-ShiftFeedItem-detail {
  background-color: #f7fbfc;
  border-top-width: 1px;
  border-top-style: solid;
  padding: 30px 40px;
}

.mcss-ShiftFeedItem-subtitle {
  margin-bottom: 3px;
}

.mcss-ShiftFeedItem-label {
  margin-bottom: 3px;
}

.mcss-ShiftFeedItem-location {
  margin-left: -6px;
}

.mcss-ShiftFeedParticipation-root {
  display: table-row;
}

.mcss-ShiftFeedParticipation-buttonItem {
  display: table-cell;
  vertical-align: middle;
}

.mcss-ShiftFeedParticipation-statusText {
  padding-right: 15px;
  white-space: nowrap;
  display: none;
}

@media (min-width:481px) {
  .mcss-ShiftFeedParticipation-statusText {
    display: table-cell;
  }
}

.mcss-ShiftFeedParticipation-button {
  min-width: 180px;
}

.mcss-ShiftFeedParticipation-plainStatus {
  padding: 5px;
  text-align: center;
  border: 2px solid #ddd;
}

.mcss-ShiftFeedParticipation-translucent {
  opacity: .8;
}

.mcss-ShiftFeedPending-image {
  width: 125px;
  height: 125px;
}

.mcss-ShiftFeedPending-section {
  padding: 15px;
}

.mcss-ShiftFeedPending-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-ShiftFeedPending-pending {
  min-width: 180px;
  background-color: #efefef;
}

.mcss-ShiftFeedPending-pendingText {
  padding-bottom: 6px;
}

.mcss-ShiftFeedPending-detail {
  background-color: #f7fbfc;
  border-top-width: 1px;
  border-top-style: solid;
  padding: 30px 40px;
}

.mcss-ShiftFeedPending-subtitle {
  margin-bottom: 3px;
}

.mcss-ShiftFeedPending-label {
  margin-bottom: 3px;
}

.mcss-ShiftFeedPending-location {
  margin-left: -6px;
}

.mcss-ShiftFeedShiftDetail-root {
  margin-bottom: 30px;
}

.mcss-ShiftFeedShiftDetail-infoContainer {
  margin-bottom: 15px;
}

.mcss-ShiftFeedShiftDetail-mapContainer {
  padding-right: 15px;
  padding-left: 15px;
  text-align: right;
}

.mcss-ShiftFeedShiftDetail-title {
  margin-bottom: 15px;
}

.mcss-ShiftFeedShiftDetail-button {
  margin-top: 15px;
}

.mcss-ShiftFeedShiftDetail-description {
  clear: both;
  padding-top: 15px;
}

.mcss-ShiftFeedShowMore-root {
  display: table-row;
}

.mcss-ShiftFeedShowMore-body {
  display: table-cell;
  vertical-align: middle;
}

.mcss-ShiftVolunteerList-descriptionTitle {
  padding-bottom: 9px;
  border-bottom: 1px solid #d8d5d6;
  margin-bottom: 18px;
}

.mcss-ShiftVolunteerList-descriptionBody {
  margin-bottom: 6px;
}

.mcss-ShiftVolunteerList-person {
  display: table-row;
}

.mcss-ShiftVolunteerList-avatar,
.mcss-ShiftVolunteerList-personName {
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
  padding-right: 12px;
  padding-bottom: 3px;
}

.mcss-Skill-root {
  border: 1px solid #000;
  margin-bottom: 6px;
}

.mcss-Skill-primary {
  color: #1b8394;
  fill: #1b8394;
  stroke: #1b8394;
  border-color: #1b8394;
}

.mcss-Skill-name {
  padding-left: 2px;
  line-height: 22px;
}

.mcss-Skills-root {
  padding-right: 21px;
  padding-left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mcss-Skills-fake {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 22px;
  padding: 4px 6px 4px 3px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.mcss-Skills-title {
  margin: 21px 21px 0 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-Skills-titleText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-Skills-modal {
  min-width: 700px;
  min-height: 400px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-Skills-modalTitle {
  text-align: center;
  margin-bottom: 45px;
}

.mcss-Skills-modalBody {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-Skills-modalFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mcss-Skills-modalButton {
  max-width: 150px;
}

.mcss-Skills-cancelButton {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-Skills-section {
  margin-bottom: 30px;
  position: relative;
}

.mcss-Skills-modalLabel {
  min-width: 150px;
  margin-left: 15px;
}

.mcss-Skills-existing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.mcss-Slider-container {
  padding-top: 15px;
}

.mcss-Slider-label {
  padding-top: 2px;
}

.mcss-Slider-minLabel {
  padding-right: 9px;
  float: left;
  width: 30%;
  text-align: right;
}

.mcss-Slider-maxLabel {
  padding-left: 9px;
  float: left;
  width: 30%;
}

.mcss-Slider-slider {
  float: left;
  width: 40%;
  text-align: center;
}

.mcss-SliderNumbers-root {
  color: #0a4e70;
}

.mcss-SliderNumbers-counter {
  color: #24b4c3;
}

.mcss-SocialButton-small {
  padding: 2px;
}

.mcss-SocialButton-normal {
  padding: 10px;
}

.mcss-SocialButton-large {
  padding: 5px;
}

.mcss-SocialButton-facebook {
  background-color: #3b5998;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-SocialButton-twitter {
  background-color: #00aced;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.mcss-StaticMap-map {
  width: 100%;
  height: 100%;
}

.mcss-StatMovement-movement {
  font-size: 20px;
  color: #5dc744;
  fill: #5dc744;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-StatMovement-movement.mcss-StatMovement-negative {
  color: #d9402b;
  fill: #d9402b;
}

.mcss-SummaryText-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcss-SvgIcon-primary {
  color: #1b8394;
  fill: #1b8394;
  stroke: #1b8394;
}

.mcss-SvgIcon-secondary {
  color: #f6bb45;
  fill: #f6bb45;
  stroke: #f6bb45;
}

.mcss-SvgIcon-tertiary {
  color: #ee5931;
  fill: #ee5931;
  stroke: #ee5931;
}

.mcss-SwitchUser-avatar {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}

.mcss-SwitchUser-content {
  display: inline-block;
}

.mcss-SwitchUser-name {
  margin-bottom: 3px;
}

.mcss-SwitchUser-switch {
  margin-bottom: 30px;
}

.mcss-Terms-body h4 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.mcss-Terms-body h3 {
  margin-bottom: 30px;
}

.mcss-Terms-body li {
  font-size: 15px;
  margin-bottom: 3px;
}

.mcss-Terms-body address {
  font-size: 15px;
}

.mcss-ThemeLink-primary {
  color: #1b8394;
  fill: #1b8394;
  stroke: #1b8394;
}

.mcss-ThemeLink-primary:hover {
  color: #005868;
  fill: #005868;
  stroke: #005868;
}

.mcss-ThemeLink-primaryInverse,
.mcss-ThemeLink-primaryInverse:hover {
  color: #fff;
}

.mcss-ThemeLink-primaryText,
.mcss-ThemeLink-primaryText:hover {
  color: #ccc;
  fill: #ccc;
  stroke: #ccc;
}

.mcss-ThemeLink-secondary {
  color: #f6bb45;
  fill: #f6bb45;
  stroke: #f6bb45;
}

.mcss-ThemeLink-secondaryDark {
  color: #c28e0e;
  fill: #c28e0e;
  stroke: #c28e0e;
}

.mcss-ThemeLink-secondaryText {
  color: #ccc;
}

.mcss-ThemeLink-secondaryInverse,
.mcss-ThemeLink-secondaryInverse:hover {
  color: #fff;
}

.mcss-ThemeLink-tertiary {
  color: #ee5931;
  fill: #ee5931;
  stroke: #ee5931;
}

.mcss-ThemeLink-tertiary:hover {
  color: #b72705;
  fill: #b72705;
  stroke: #b72705;
}

.mcss-ThemeLink-tertiaryInverse {
  color: #fff;
}

.mcss-ThemeLink-tertiaryText {
  color: #ccc;
}

.mcss-ThemeLink-grey1,
.mcss-ThemeLink-grey1:hover {
  color: #80767d;
}

.mcss-ThemeLink-shiftFeedItem {
  color: #80767d;
  font-weight: 700;
}

.mcss-ThemeLink-white,
.mcss-ThemeLink-white:hover {
  color: #fff;
  text-decoration: underline;
}

.mcss-ThemeLink-alert,
.mcss-ThemeLink-alert:hover {
  color: #d9402b;
  text-decoration: underline;
}

.mcss-ThemeLink-none {
  color: inherit;
}

.mcss-ThemeLink-none:hover {
  color: inherit;
}

.mcss-ThemeLink-action {
  color: #16becc;
}

.mcss-ThemeLink-action:hover {
  color: #16becc;
}

.mcss-ThemeLink-underline {
  text-decoration: underline;
}

.mcss-TimecountsLink-hub {
  color: #ee5931;
  fill: #ee5931;
}

@media (max-width:480px) {
  .mcss-TitleBar-buttons {
    display: none;
  }
}

.mcss-Toolbar-root {
  border-bottom: 1px solid #d8d5d6;
}

.mcss-Toolbar-toolbarSplit {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-ToolbarButton-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 75px;
  fill: #80767d;
}

.mcss-ToolbarButton-root:hover {
  color: #0a4e70;
  fill: #0a4e70;
}

.mcss-ToolbarButton-disabled>* {
  opacity: .3;
  pointer-events: none;
}

.mcss-ToolbarDivider-root {
  background-color: #faf9f9;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mcss-ToolbarDivider-divider {
  fill: #fff;
}

.mcss-ToolbarDivider-dividerFill {
  fill: #d8d5d6;
}

.mcss-ToolTip-popover {
  position: fixed;
  pointer-events: all;
}

.mcss-ToolTip-fullscreen {
  pointer-events: none;
}

.mcss-ToolTip-content {
  background-color: #0a4e70;
  font-size: 15px;
  max-width: 250px;
  padding: 15px;
  position: relative;
  text-align: center;
}

.mcss-ToolTip-content:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0a4e70;
  content: " ";
  height: 0;
  width: 0;
  bottom: -10px;
  left: calc(50% - 10px);
  position: absolute;
}

.mcss-ToolTip-tipContainer {
  display: inline-block;
  vertical-align: middle;
}

.mcss-TopPersonWidget-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.mcss-TopPersonWidget-person .mcss-TopPersonWidget-position {
  -ms-flex-item-align: right;
  -ms-grid-row-align: right;
  align-self: right;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.mcss-TopPersonWidget-progress {
  position: relative;
  margin-top: 5px;
  width: 100%;
  height: 16px;
  overflow: auto;
  background-color: #f3fbf1;
}

.mcss-TopPersonWidget-progress .mcss-TopPersonWidget-valueUnder {
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  position: absolute;
  font-size: 12px;
}

.mcss-TopPersonWidget-progress .mcss-TopPersonWidget-value {
  color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  position: absolute;
  font-size: 12px;
}

.mcss-TopPersonWidget-progress .mcss-TopPersonWidget-bar {
  background-color: #8fd283;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
}

.mcss-TopPersonWidget-person>div {
  padding-right: 10px;
}

.mcss-TopPersonWidget-container {
  margin-top: 24px;
}

.mcss-TopUpItem-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-TopUpItem-padButton {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.mcss-TopUpItem-clearButton,
.mcss-TopUpItem-sendButton {
  width: 120px;
}

.mcss-TopUpItem-smallPrint {
  padding-top: 15px;
}

.mcss-TrackingFilterModal-root {
  min-width: 500px;
  width: 500px;
}

.mcss-TrackingFilterModal-content {
  padding-bottom: 0;
}

.mcss-TrackingFilterModal-body {
  padding-bottom: 0;
}

.mcss-TrackingFilterModal-activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.mcss-TrackingFilterModal-eventName {
  padding-left: 15px;
}

.mcss-TrackingFilterModal-eventDate {
  display: block;
}

.mcss-TrackingFilterModal-button {
  max-width: 200px;
}

.mcss-TrackingPage-userOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-TrackingPage-editButton {
  margin-left: 15px;
}

.mcss-TrackingPage-toolbar {
  padding-right: 30px;
}

.mcss-TrackingPage-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 132px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-TrackingPage-grid {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-TrackingPage-creditedButtonSize {
  width: 100%;
}

.mcss-TrackingPage-search {
  background: #16becc;
  border: 2px solid #16becc!important;
  color: #fff;
  font-size: 21px;
  height: 36px;
  min-width: 300px;
  margin-left: 12px;
}

.mcss-TrackingPage-searchDisabled {
  background: #eceaeb;
  border: 2px solid #eceaeb!important;
}

.mcss-TrackingPage-searchInput {
  font-size: 21px!important;
}

.mcss-TrackingPage-search ::-webkit-input-placeholder {
  font-size: 21px;
}

.mcss-TrackingPage-search ::-moz-placeholder {
  font-size: 21px;
}

.mcss-TrackingPage-search :-ms-input-placeholder {
  font-size: 21px;
}

.mcss-TrackingPage-search ::placeholder {
  font-size: 21px;
}

.mcss-TrackingPage-activeFilter {
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.mcss-TrackingPage-filterItem {
  border: 1px solid;
  padding-left: 15px;
  max-width: 180px;
}

.mcss-TrackingPage-filterName {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mcss-TrackingPage-filterTitle {
  margin-right: 15px;
}

.mcss-TrackingPage-filterClear {
  margin-left: 15px;
}

.mcss-TrackingPage-filterList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-TrackingPage-filterClearIcon {
  margin-right: 6px;
  margin-left: 6px;
}

.mcss-CheckButton-root {
  position: relative;
}

.mcss-CheckButton-checkbox {
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  position: absolute!important;
  border: 0!important;
  width: 100%!important;
  background-color: inherit!important;
  opacity: .000001;
}

.mcss-CheckButton-checkbox:before {
  content: ""!important;
}

.mcss-CheckButton-checkbox:focus {
  border: 2px solid #1b8394!important;
}

.mcss-CheckButton-checkbox:checked:focus {
  border: 2px solid #fff!important;
}

.mcss-CheckButton-icon {
  top: calc(50% - 8px);
  right: 6px;
  position: absolute;
  fill: #fff;
  display: none;
}

.mcss-CheckButton-altLabel {
  color: #fff;
  background-color: #1b8394!important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 24px;
  display: none;
  pointer-events: none;
}

.mcss-CheckButton-checkbox:checked+.mcss-CheckButton-altLabel {
  display: block;
}

.mcss-CheckButton-checkbox:checked+.mcss-CheckButton-altLabel,
.mcss-CheckButton-checkbox:checked+.mcss-CheckButton-altLabel+.mcss-CheckButton-icon {
  display: block;
}

.mcss-UIBadge-root {
  display: inline-block;
}

.mcss-UIBadge-defaults {
  border-radius: 22px;
  border-style: solid;
  padding: 2px 7px;
}

.mcss-UIBadge-alert {
  background-color: #d9402b;
  border-color: #fff;
  color: #fff;
}

.mcss-UICheckbox-withLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mcss-UICheckbox-label {
  padding-left: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mcss-UICheckbox-label__primary {
  color: #1b8394;
}

.mcss-UICheckbox-label__grey1 {
  color: #80767d;
}

.mcss-UICheckbox-label__grey2 {
  color: #d8d5d6;
}

.mcss-UICheckbox-large {
  width: 30px;
  height: 30px;
}

.mcss-UICheckbox-normal {
  width: 22px;
  height: 22px;
}

.mcss-UICheckbox-small {
  width: 16px;
  height: 16px;
}

.mcss-UICheckbox-checkboxContainer {
  display: inline-block;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  margin: 0;
}

.mcss-UICheckbox-checkmark {
  top: 20%;
  left: 20%;
  position: absolute;
}

.mcss-UICheckbox-checkbox {
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.mcss-UICheckbox-checkbox:focus {
  outline: 0;
}

.mcss-UICheckbox-checkbox__primary {
  border-color: #1b8394;
}

.mcss-UICheckbox-checked__primary {
  background-color: #1b8394;
}

.mcss-UICheckbox-checkmark__primary {
  fill: #fff;
}

.mcss-UICheckbox-checkbox__primaryContrast {
  border-color: #fff;
}

.mcss-UICheckbox-checked__primaryContrast {
  background-color: #fff;
}

.mcss-UICheckbox-checkmark__primaryContrast {
  fill: #1b8394;
}

.mcss-UICheckbox-checkbox__secondary {
  border-color: #f6bb45;
}

.mcss-UICheckbox-checked__secondary {
  background-color: #f6bb45;
}

.mcss-UICheckbox-checkmark__secondary {
  fill: #fff;
}

.mcss-UICheckbox-checkbox__tertiary {
  border-color: #ee5931;
}

.mcss-UICheckbox-checked__tertiary {
  background-color: #ee5931;
}

.mcss-UICheckbox-checkmark__tertiary {
  fill: #fff;
}

.mcss-UICheckbox-checkbox__grey1 {
  border-color: #80767d;
}

.mcss-UICheckbox-checked__grey1 {
  background-color: #80767d;
}

.mcss-UICheckbox-checkmark__grey1 {
  fill: #fff;
}

.mcss-UICheckbox-checkbox__grey2 {
  border-color: #d8d5d6;
}

.mcss-UICheckbox-checked__grey2 {
  background-color: #d8d5d6;
}

.mcss-UICheckbox-checkmark__grey2 {
  fill: #fff;
}

.mcss-UnqualifyApplicant-cancelButton {
  float: left;
  font-size: 13px;
}

.mcss-UnqualifyApplicant-rejectButton {
  width: 120px;
  float: right;
}

.mcss-UnqualifyApplicant-cancelButton {
  line-height: 39px;
}

.mcss-Upcoming-descriptionTitle {
  padding-bottom: 9px;
  border-bottom: 1px solid #d8d5d6;
  margin-bottom: 18px;
}

.mcss-Upcoming-descriptionBody {
  margin-bottom: 6px;
}

.mcss-UpcomingShiftList-descriptionTitle {
  padding-bottom: 6px;
  border-bottom: 1px solid #d8d5d6;
  margin-bottom: 6px;
}

.mcss-UpcomingShiftList-descriptionBody {
  margin-bottom: 6px;
}

.mcss-UpcomingShiftList-linkContainer {
  margin-top: 12px;
}

.mcss-UpcomingShiftList-link {
  float: left;
  text-decoration: underline;
  margin-right: 15px;
}

.mcss-UpcomingShiftList-shift {
  margin-top: 9px;
}

.mcss-UpcomingShiftList-shiftPeriod {
  text-align: right;
  color: #80767d;
}

.mcss-UpcomingShiftList-shiftPeople {
  margin-top: 3px;
  color: #80767d;
  min-height: 30px;
}

.mcss-Uploader-root {
  border-radius: 0;
  width: 100%;
}

.mcss-UploadWrapper-fileInput {
  display: none;
}

.mcss-User-container {
  background: #fff;
}

.mcss-User-container input,
.mcss-User-container textarea {
  outline: 0;
}

.mcss-User-userSwitcher {
  position: absolute;
  bottom: 4px;
  height: 40px;
  left: 8px;
  width: 40px;
}

.mcss-User-loadingBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

.mcss-GeneralSettings-subtitle {
  font-size: 21px;
  margin-top: 28px;
  margin-bottom: 12px;
}

.mcss-GeneralSettings-messageType {
  margin-top: 12px;
  font-size: 15px;
  margin-bottom: 3px;
}

.mcss-SelectedEventOrAssignmentSettings-subtitle {
  margin-top: 28px;
  margin-bottom: 12px;
}

.mcss-SelectedEventOrAssignmentSettings-listItem {
  padding: 3px 20px;
  white-space: nowrap;
  list-style-position: inside;
}

.mcss-SelectedEventOrAssignmentSettings-overrideItems {
  padding: 6px 0 18px;
  list-style-type: none;
}

.mcss-SelectedEventOrAssignmentSettings-overrideItems>ul {
  list-style-type: none;
}

.mcss-SelectedEventOrAssignmentSettings-messageTypeDefaultToOrg {
  padding-top: 33px;
  padding-bottom: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 940px;
}

.mcss-SelectedEventOrAssignmentSettings-messageType {
  margin-top: 12px;
  font-size: 15px;
  margin-bottom: 3px;
}

.mcss-VolunteerNotifications-switchContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 11px;
}

.mcss-VolunteerNotifications-yesno {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.mcss-OrganizationNotificationSettings-subtitle {
  font-size: 21px;
  margin-top: 28px;
  margin-bottom: 12px;
}

.mcss-OrganizationNotificationSettings-messageType {
  margin-top: 12px;
  font-size: 15px;
  margin-bottom: 3px;
}

.mcss-UserMenu-root {
  background-color: #f6bb45;
  color: #fff;
}

.mcss-UserMenu-container {
  position: relative;
}

@media (min-width:481px) {
  .mcss-UserMenu-container {
    min-width: 350px;
  }
}

.mcss-UserMenu-divider {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #fef9ee;
}

.mcss-UserMenu-list {
  overflow-x: hidden;
  margin-bottom: 30px;
}

.mcss-UserMenu-listItem {
  display: table-row;
}

.mcss-UserMenu-listItemRow {
  display: table-cell;
  vertical-align: middle;
}

.mcss-UserMenu-titleIcon {
  fill: #fef9ee;
}

.mcss-UserMenu-titleText {
  padding-left: 6px;
}

.mcss-UserMenu-header {
  overflow: auto;
  background-color: rgba(0,0,0,.1);
  padding: 12px 21px;
}

.mcss-UserMenu-body {
  padding: 21px;
  overflow-y: auto;
}

.mcss-UserMenu-logo {
  float: left;
}

.mcss-UserMenu-me {
  float: right;
}

.mcss-UserMenu-close {
  fill: #fff;
  margin-top: 6px;
  margin-left: 6px;
  float: right;
}

.mcss-UserMenu-avatar {
  padding-bottom: 6px;
}

.mcss-UserMenu-text {
  padding-bottom: 6px;
  padding-left: 15px;
  white-space: nowrap;
  overflow: ellipsis;
}

.mcss-UserMenu-name {
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
}

.mcss-UserMenu-viewProfile {
  font-size: 12px;
}

.mcss-UserMenu-item {
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
}

.mcss-UserMenu-item:hover,
.mcss-UserMenu-viewProfile:hover {
  color: #fef9ee;
}

.mcss-UserMenu-upgrade {
  margin: -5px;
  padding: 5px;
  margin-right: 2px;
  margin-left: 0;
  display: inline-block;
  background-color: #8cbe71;
}

.mcss-UserMenu-upgrade:hover {
  color: #8cbe71;
  background-color: #fff;
}

.mcss-UserSwitcher2-menu {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 999999;
}

@media (min-width:769px) {
  .mcss-UserSwitcher2-menu {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    max-width: 400px;
    margin: 0 auto;
  }
}

.mcss-UserSwitcher2-help {
  padding-right: 45px;
}

.mcss-ActivityAutosuggest-activityAutosuggest {
  width: 100%;
}

.mcss-ActivityAutosuggest-activityAutosuggestDropdownItem {
  bottom: auto;
  left: auto;
  margin-left: 0;
  margin-top: 3px;
  position: fixed;
  right: auto;
  top: auto;
  width: auto!important;
}

.mcss-ActivityAutosuggest-activityAutosuggestInput {
  border-style: solid;
  padding-left: 7px;
  font-weight: 700;
  height: 47px;
  width: 100%;
}

.mcss-ActivityAutosuggest-activityAutosuggestInput:focus {
  border-color: #1b8394;
}

.mcss-ActivityAutosuggest-OpportunityDropdownOption {
  background: 0 0;
  color: #fff;
  font-size: 13px;
  padding: 8px 0;
}

.mcss-ActivityAutosuggest-OpportunityDropdownOption:hover,
.mcss-ActivityAutosuggest-OpportunityDropdownOption__selected {
  color: #fff;
  font-weight: 700;
}

.mcss-ActivityAutosuggest-OpportunityDropdownOption__highlight {
  color: #fff;
}

.mcss-ActivityAutosuggest-OpportunityDropdownOption__disabled {
  opacity: .5;
  cursor: not-allowed;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 5px;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption_icon {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12%;
  padding-left: 2%;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption_date,
.mcss-ActivityAutosuggest-EventTypeaheadOption_location {
  font-size: 10px;
  padding-left: 10px;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption_date,
.mcss-ActivityAutosuggest-EventTypeaheadOption_location,
.mcss-ActivityAutosuggest-EventTypeaheadOption_name {
  float: left;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption_name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 45%;
  padding-left: 12%;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption_date {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 20%;
}

.mcss-ActivityAutosuggest-EventTypeaheadOption_location {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 20%;
}

.mcss-CancelConfirmationModal-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 68px 0;
  width: 720px;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-buttonClose {
  right: 20px;
  top: 20px;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-message,
.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-note {
  color: #60545c;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  line-height: 150%;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-message {
  font-size: 40px;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-note {
  font-size: 15px;
  margin-top: 5px;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-buttons .mcss-CancelConfirmationModal-button {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin: 0 20px;
  width: 200px;
}

@media only screen and (max-width:800px) {
  .mcss-CancelConfirmationModal-root {
    width: 90%;
  }

  .mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-message {
    font-size: 30px;
  }
}

@media only screen and (max-width:600px) {
  .mcss-CancelConfirmationModal-root {
    padding: 68px 0 0;
  }

  .mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-message {
    font-size: 26px;
  }

  .mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
  }

  .mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-buttons .mcss-CancelConfirmationModal-button {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 10px 40px 0;
    width: auto;
  }
}

@media only screen and (max-width:480px) {
  .mcss-CancelConfirmationModal-root {
    width: 100%;
  }

  .mcss-CancelConfirmationModal-root .mcss-CancelConfirmationModal-content .mcss-CancelConfirmationModal-message {
    font-size: 24px;
  }
}

.mcss-LogVolunteerTime-container {
  padding: 40px 90px;
}

.mcss-LogVolunteerTime-container h2 {
  color: #60545c;
  font-size: 28px;
  margin-bottom: 50px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-formSection {
  margin-bottom: 36px;
}

.mcss-LogVolunteerTime-container h3 {
  color: #60545c;
  font-size: 18px;
  margin-bottom: 24px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 24px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field:last-child {
  margin-right: 0;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityLabelAndClear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityLabelAndClear a {
  margin-left: 10px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-formFieldSelectStyledInput,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textArea,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput {
  display: block;
  border: 1px solid #aaa3a7;
  color: #60545c;
  font-size: 15px;
  font-weight: 400;
  padding: 12px 14px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-formFieldSelectStyledInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input::-webkit-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput::-webkit-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest input::-webkit-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textArea::-webkit-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput::-webkit-input-placeholder {
  color: #d8d5d6;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input::-moz-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput::-moz-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest input::-moz-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textArea::-moz-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput::-moz-placeholder {
  color: #d8d5d6;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input:-ms-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput:-ms-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest input:-ms-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textArea:-ms-input-placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput:-ms-input-placeholder {
  color: #d8d5d6;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input::placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput::placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest input::placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textArea::placeholder,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput::placeholder {
  color: #d8d5d6;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-formFieldSelectStyledInput,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput {
  height: 53px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest input {
  height: auto;
  line-height: 17px;
  padding-top: 5px;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField [class*=SingleDatePickerInput] {
  display: block;
  border-width: 0;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField input:focus,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-activityAutosuggestInput:focus,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-formFieldSelectStyledInput[class*=FormFieldSelectStyled__focussed],
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-skillsAutosuggest[class*=ChipSelectorSkills__focussed],
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textArea:focus,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field .mcss-LogVolunteerTime-textInput:focus {
  border-color: #16becc;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField.mcss-LogVolunteerTime-hasError input,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field.mcss-LogVolunteerTime-hasError .mcss-LogVolunteerTime-activityAutosuggestInput,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field.mcss-LogVolunteerTime-hasError .mcss-LogVolunteerTime-formFieldSelectStyledInput,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field.mcss-LogVolunteerTime-hasError .mcss-LogVolunteerTime-skillsAutosuggest,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field.mcss-LogVolunteerTime-hasError .mcss-LogVolunteerTime-textArea,
.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-field.mcss-LogVolunteerTime-hasError .mcss-LogVolunteerTime-textInput {
  border-color: #eb5757;
}

.mcss-LogVolunteerTime-container .mcss-LogVolunteerTime-row .mcss-LogVolunteerTime-dateField .DateInput {
  width: 100%;
}