/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}
.irs-line-left {
  left: 0;
  width: 11%;
}
.irs-line-mid {
  left: 9%;
  width: 82%;
}
.irs-line-right {
  right: 0;
  width: 11%;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}
.irs-slider.single {
}
.irs-slider.from {
}
.irs-slider.to {
}
.irs-slider.type_last {
  z-index: 2;
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}
.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
  height: 55px;
}
.irs-with-grid {
  height: 75px;
}
.irs-line {
  height: 10px;
  top: 33px;
  background: #eee;
  background: linear-gradient(to bottom, #ddd -50%, #fff 150%); /* W3C */
  border: 1px solid #ccc;
  border-radius: 16px;
  -moz-border-radius: 16px;
}
.irs-line-left {
  height: 8px;
}
.irs-line-mid {
  height: 8px;
}
.irs-line-right {
  height: 8px;
}

.irs-bar {
  height: 10px;
  top: 33px;
  border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca;
  background: #428bca;
  background: linear-gradient(to top, rgba(66, 139, 202, 1) 0%, rgba(127, 195, 232, 1) 100%); /* W3C */
}
.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  background: #428bca;
  background: linear-gradient(to top, rgba(66, 139, 202, 1) 0%, rgba(127, 195, 232, 1) 100%); /* W3C */
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30);
}

.irs-slider {
  top: 25px;
  width: 27px;
  height: 27px;
  border: 1px solid #aaa;
  background: #ddd;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 1) 20%,
    rgba(255, 255, 255, 1) 100%
  ); /* W3C */
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.irs-slider.state_hover,
.irs-slider:hover {
  background: #fff;
}

.irs-min,
.irs-max {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
  background: #ccc;
}

.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #428bca;
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
  background: #999;
}

.irs-grid {
  height: 27px;
}
.irs-grid-pol {
  opacity: 0.5;
  background: #428bca;
}
.irs-grid-pol.small {
  background: #999;
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac;
}

.irs-disabled {
}

@charset "UTF-8";
.backgroundColor\(white\), .niceButtonActive {
  background-color: #FFFFFF;
}

.backgroundColor\(white\)\:\:hover:hover {
  background-color: #FFFFFF;
}

.backgroundColor\(white\)\:\:active:active {
  background-color: #FFFFFF;
}

.backgroundColor\(white\)\:\:focus:focus {
  background-color: #FFFFFF;
}

.backgroundColor\(black\) {
  background-color: #000000;
}

.backgroundColor\(black\)\:\:hover:hover {
  background-color: #000000;
}

.backgroundColor\(black\)\:\:active:active {
  background-color: #000000;
}

.backgroundColor\(black\)\:\:focus:focus {
  background-color: #000000;
}

.backgroundColor\(orange\) {
  background-color: #ED601A;
}

.backgroundColor\(orange\)\:\:hover:hover {
  background-color: #ED601A;
}

.backgroundColor\(orange\)\:\:active:active {
  background-color: #ED601A;
}

.backgroundColor\(orange\)\:\:focus:focus {
  background-color: #ED601A;
}

.backgroundColor\(transparent\) {
  background-color: transparent;
}

.backgroundColor\(transparent\)\:\:hover:hover {
  background-color: transparent;
}

.backgroundColor\(transparent\)\:\:active:active {
  background-color: transparent;
}

.backgroundColor\(transparent\)\:\:focus:focus {
  background-color: transparent;
}

.backgroundColor\(primary\) {
  background-color: #02284B;
}

.backgroundColor\(primary\)\:\:hover:hover {
  background-color: #02284B;
}

.backgroundColor\(primary\)\:\:active:active {
  background-color: #02284B;
}

.backgroundColor\(primary\)\:\:focus:focus {
  background-color: #02284B;
}

.backgroundColor\(secondary\) {
  background-color: #F15727;
}

.backgroundColor\(secondary\)\:\:hover:hover {
  background-color: #F15727;
}

.backgroundColor\(secondary\)\:\:active:active {
  background-color: #F15727;
}

.backgroundColor\(secondary\)\:\:focus:focus {
  background-color: #F15727;
}

.backgroundColor\(chartBlue\) {
  background-color: #639DEA;
}

.backgroundColor\(chartBlue\)\:\:hover:hover {
  background-color: #639DEA;
}

.backgroundColor\(chartBlue\)\:\:active:active {
  background-color: #639DEA;
}

.backgroundColor\(chartBlue\)\:\:focus:focus {
  background-color: #639DEA;
}

.backgroundColor\(chartBlueLighten1\) {
  background-color: #7DB7FF;
}

.backgroundColor\(chartBlueLighten1\)\:\:hover:hover {
  background-color: #7DB7FF;
}

.backgroundColor\(chartBlueLighten1\)\:\:active:active {
  background-color: #7DB7FF;
}

.backgroundColor\(chartBlueLighten1\)\:\:focus:focus {
  background-color: #7DB7FF;
}

.backgroundColor\(chartBlueLighten2\) {
  background-color: #96D0FF;
}

.backgroundColor\(chartBlueLighten2\)\:\:hover:hover {
  background-color: #96D0FF;
}

.backgroundColor\(chartBlueLighten2\)\:\:active:active {
  background-color: #96D0FF;
}

.backgroundColor\(chartBlueLighten2\)\:\:focus:focus {
  background-color: #96D0FF;
}

.backgroundColor\(chartBlueLighten3\) {
  background-color: #B0EAFF;
}

.backgroundColor\(chartBlueLighten3\)\:\:hover:hover {
  background-color: #B0EAFF;
}

.backgroundColor\(chartBlueLighten3\)\:\:active:active {
  background-color: #B0EAFF;
}

.backgroundColor\(chartBlueLighten3\)\:\:focus:focus {
  background-color: #B0EAFF;
}

.backgroundColor\(chartBlueBright\) {
  background-color: #488BFB;
}

.backgroundColor\(chartBlueBright\)\:\:hover:hover {
  background-color: #488BFB;
}

.backgroundColor\(chartBlueBright\)\:\:active:active {
  background-color: #488BFB;
}

.backgroundColor\(chartBlueBright\)\:\:focus:focus {
  background-color: #488BFB;
}

.backgroundColor\(chartGreen\) {
  background-color: #A7C573;
}

.backgroundColor\(chartGreen\)\:\:hover:hover {
  background-color: #A7C573;
}

.backgroundColor\(chartGreen\)\:\:active:active {
  background-color: #A7C573;
}

.backgroundColor\(chartGreen\)\:\:focus:focus {
  background-color: #A7C573;
}

.backgroundColor\(chartGreenBright\) {
  background-color: #93B522;
}

.backgroundColor\(chartGreenBright\)\:\:hover:hover {
  background-color: #93B522;
}

.backgroundColor\(chartGreenBright\)\:\:active:active {
  background-color: #93B522;
}

.backgroundColor\(chartGreenBright\)\:\:focus:focus {
  background-color: #93B522;
}

.backgroundColor\(chartGreenLighten1\) {
  background-color: #A0C22F;
}

.backgroundColor\(chartGreenLighten1\)\:\:hover:hover {
  background-color: #A0C22F;
}

.backgroundColor\(chartGreenLighten1\)\:\:active:active {
  background-color: #A0C22F;
}

.backgroundColor\(chartGreenLighten1\)\:\:focus:focus {
  background-color: #A0C22F;
}

.backgroundColor\(chartGreenLighten2\) {
  background-color: #ADCF3C;
}

.backgroundColor\(chartGreenLighten2\)\:\:hover:hover {
  background-color: #ADCF3C;
}

.backgroundColor\(chartGreenLighten2\)\:\:active:active {
  background-color: #ADCF3C;
}

.backgroundColor\(chartGreenLighten2\)\:\:focus:focus {
  background-color: #ADCF3C;
}

.backgroundColor\(chartGreenLighten3\) {
  background-color: #B9DB48;
}

.backgroundColor\(chartGreenLighten3\)\:\:hover:hover {
  background-color: #B9DB48;
}

.backgroundColor\(chartGreenLighten3\)\:\:active:active {
  background-color: #B9DB48;
}

.backgroundColor\(chartGreenLighten3\)\:\:focus:focus {
  background-color: #B9DB48;
}

.backgroundColor\(chartBlueGreen1\) {
  background-color: #417FCF;
}

.backgroundColor\(chartBlueGreen1\)\:\:hover:hover {
  background-color: #417FCF;
}

.backgroundColor\(chartBlueGreen1\)\:\:active:active {
  background-color: #417FCF;
}

.backgroundColor\(chartBlueGreen1\)\:\:focus:focus {
  background-color: #417FCF;
}

.backgroundColor\(chartBluegreen2\) {
  background-color: #669FE7;
}

.backgroundColor\(chartBluegreen2\)\:\:hover:hover {
  background-color: #669FE7;
}

.backgroundColor\(chartBluegreen2\)\:\:active:active {
  background-color: #669FE7;
}

.backgroundColor\(chartBluegreen2\)\:\:focus:focus {
  background-color: #669FE7;
}

.backgroundColor\(chartBluegreen3\) {
  background-color: #7EC3ED;
}

.backgroundColor\(chartBluegreen3\)\:\:hover:hover {
  background-color: #7EC3ED;
}

.backgroundColor\(chartBluegreen3\)\:\:active:active {
  background-color: #7EC3ED;
}

.backgroundColor\(chartBluegreen3\)\:\:focus:focus {
  background-color: #7EC3ED;
}

.backgroundColor\(chartBluegreen4\) {
  background-color: #95D899;
}

.backgroundColor\(chartBluegreen4\)\:\:hover:hover {
  background-color: #95D899;
}

.backgroundColor\(chartBluegreen4\)\:\:active:active {
  background-color: #95D899;
}

.backgroundColor\(chartBluegreen4\)\:\:focus:focus {
  background-color: #95D899;
}

.backgroundColor\(chartLilac\) {
  background-color: #D7B5EF;
}

.backgroundColor\(chartLilac\)\:\:hover:hover {
  background-color: #D7B5EF;
}

.backgroundColor\(chartLilac\)\:\:active:active {
  background-color: #D7B5EF;
}

.backgroundColor\(chartLilac\)\:\:focus:focus {
  background-color: #D7B5EF;
}

.backgroundColor\(chartOrange\) {
  background-color: #FFBA30;
}

.backgroundColor\(chartOrange\)\:\:hover:hover {
  background-color: #FFBA30;
}

.backgroundColor\(chartOrange\)\:\:active:active {
  background-color: #FFBA30;
}

.backgroundColor\(chartOrange\)\:\:focus:focus {
  background-color: #FFBA30;
}

.backgroundColor\(chartOrangeDark\) {
  background-color: #FDB02A;
}

.backgroundColor\(chartOrangeDark\)\:\:hover:hover {
  background-color: #FDB02A;
}

.backgroundColor\(chartOrangeDark\)\:\:active:active {
  background-color: #FDB02A;
}

.backgroundColor\(chartOrangeDark\)\:\:focus:focus {
  background-color: #FDB02A;
}

.backgroundColor\(chartOrangeBright\) {
  background-color: #FD7C23;
}

.backgroundColor\(chartOrangeBright\)\:\:hover:hover {
  background-color: #FD7C23;
}

.backgroundColor\(chartOrangeBright\)\:\:active:active {
  background-color: #FD7C23;
}

.backgroundColor\(chartOrangeBright\)\:\:focus:focus {
  background-color: #FD7C23;
}

.backgroundColor\(chartOrangeLighten\) {
  background-color: #FDAB3C;
}

.backgroundColor\(chartOrangeLighten\)\:\:hover:hover {
  background-color: #FDAB3C;
}

.backgroundColor\(chartOrangeLighten\)\:\:active:active {
  background-color: #FDAB3C;
}

.backgroundColor\(chartOrangeLighten\)\:\:focus:focus {
  background-color: #FDAB3C;
}

.backgroundColor\(tableBorderGray\) {
  background-color: #E0E0E0;
}

.backgroundColor\(tableBorderGray\)\:\:hover:hover {
  background-color: #E0E0E0;
}

.backgroundColor\(tableBorderGray\)\:\:active:active {
  background-color: #E0E0E0;
}

.backgroundColor\(tableBorderGray\)\:\:focus:focus {
  background-color: #E0E0E0;
}

.backgroundColor\(gray1\) {
  background-color: #F8F8F8;
}

.backgroundColor\(gray1\)\:\:hover:hover {
  background-color: #F8F8F8;
}

.backgroundColor\(gray1\)\:\:active:active {
  background-color: #F8F8F8;
}

.backgroundColor\(gray1\)\:\:focus:focus {
  background-color: #F8F8F8;
}

.backgroundColor\(gray2\) {
  background-color: #E5E5E5;
}

.backgroundColor\(gray2\)\:\:hover:hover {
  background-color: #E5E5E5;
}

.backgroundColor\(gray2\)\:\:active:active {
  background-color: #E5E5E5;
}

.backgroundColor\(gray2\)\:\:focus:focus {
  background-color: #E5E5E5;
}

.backgroundColor\(gray3\) {
  background-color: #DDDDDD;
}

.backgroundColor\(gray3\)\:\:hover:hover {
  background-color: #DDDDDD;
}

.backgroundColor\(gray3\)\:\:active:active {
  background-color: #DDDDDD;
}

.backgroundColor\(gray3\)\:\:focus:focus {
  background-color: #DDDDDD;
}

.backgroundColor\(gray4\) {
  background-color: #CCCCCC;
}

.backgroundColor\(gray4\)\:\:hover:hover {
  background-color: #CCCCCC;
}

.backgroundColor\(gray4\)\:\:active:active {
  background-color: #CCCCCC;
}

.backgroundColor\(gray4\)\:\:focus:focus {
  background-color: #CCCCCC;
}

.backgroundColor\(gray5\) {
  background-color: #999999;
}

.backgroundColor\(gray5\)\:\:hover:hover {
  background-color: #999999;
}

.backgroundColor\(gray5\)\:\:active:active {
  background-color: #999999;
}

.backgroundColor\(gray5\)\:\:focus:focus {
  background-color: #999999;
}

.backgroundColor\(gray6\) {
  background-color: #666666;
}

.backgroundColor\(gray6\)\:\:hover:hover {
  background-color: #666666;
}

.backgroundColor\(gray6\)\:\:active:active {
  background-color: #666666;
}

.backgroundColor\(gray6\)\:\:focus:focus {
  background-color: #666666;
}

.backgroundColor\(gray7\) {
  background-color: #333333;
}

.backgroundColor\(gray7\)\:\:hover:hover {
  background-color: #333333;
}

.backgroundColor\(gray7\)\:\:active:active {
  background-color: #333333;
}

.backgroundColor\(gray7\)\:\:focus:focus {
  background-color: #333333;
}

.backgroundColor\(gray8\) {
  background-color: #9B9B9B;
}

.backgroundColor\(gray8\)\:\:hover:hover {
  background-color: #9B9B9B;
}

.backgroundColor\(gray8\)\:\:active:active {
  background-color: #9B9B9B;
}

.backgroundColor\(gray8\)\:\:focus:focus {
  background-color: #9B9B9B;
}

.backgroundColor\(gray9\) {
  background-color: #EEEEEE;
}

.backgroundColor\(gray9\)\:\:hover:hover {
  background-color: #EEEEEE;
}

.backgroundColor\(gray9\)\:\:active:active {
  background-color: #EEEEEE;
}

.backgroundColor\(gray9\)\:\:focus:focus {
  background-color: #EEEEEE;
}

.backgroundColor\(errorColor\) {
  background-color: #FF0000;
}

.backgroundColor\(errorColor\)\:\:hover:hover {
  background-color: #FF0000;
}

.backgroundColor\(errorColor\)\:\:active:active {
  background-color: #FF0000;
}

.backgroundColor\(errorColor\)\:\:focus:focus {
  background-color: #FF0000;
}

.backgroundColor\(alertColor\) {
  background-color: #F6A405;
}

.backgroundColor\(alertColor\)\:\:hover:hover {
  background-color: #F6A405;
}

.backgroundColor\(alertColor\)\:\:active:active {
  background-color: #F6A405;
}

.backgroundColor\(alertColor\)\:\:focus:focus {
  background-color: #F6A405;
}

.backgroundColor\(goodColor\) {
  background-color: #70961A;
}

.backgroundColor\(goodColor\)\:\:hover:hover {
  background-color: #70961A;
}

.backgroundColor\(goodColor\)\:\:active:active {
  background-color: #70961A;
}

.backgroundColor\(goodColor\)\:\:focus:focus {
  background-color: #70961A;
}

.backgroundColor\(successColor\) {
  background-color: #58C026;
}

.backgroundColor\(successColor\)\:\:hover:hover {
  background-color: #58C026;
}

.backgroundColor\(successColor\)\:\:active:active {
  background-color: #58C026;
}

.backgroundColor\(successColor\)\:\:focus:focus {
  background-color: #58C026;
}

.backgroundColor\(successColorLight\) {
  background-color: #f2fbea;
}

.backgroundColor\(successColorLight\)\:\:hover:hover {
  background-color: #f2fbea;
}

.backgroundColor\(successColorLight\)\:\:active:active {
  background-color: #f2fbea;
}

.backgroundColor\(successColorLight\)\:\:focus:focus {
  background-color: #f2fbea;
}

.backgroundColor\(needsAttentionColor\) {
  background-color: #C60004;
}

.backgroundColor\(needsAttentionColor\)\:\:hover:hover {
  background-color: #C60004;
}

.backgroundColor\(needsAttentionColor\)\:\:active:active {
  background-color: #C60004;
}

.backgroundColor\(needsAttentionColor\)\:\:focus:focus {
  background-color: #C60004;
}

.backgroundColor\(negativeBehavior\) {
  background-color: #D0021B;
}

.backgroundColor\(negativeBehavior\)\:\:hover:hover {
  background-color: #D0021B;
}

.backgroundColor\(negativeBehavior\)\:\:active:active {
  background-color: #D0021B;
}

.backgroundColor\(negativeBehavior\)\:\:focus:focus {
  background-color: #D0021B;
}

.backgroundColor\(negativeColor\) {
  background-color: #B11A10;
}

.backgroundColor\(negativeColor\)\:\:hover:hover {
  background-color: #B11A10;
}

.backgroundColor\(negativeColor\)\:\:active:active {
  background-color: #B11A10;
}

.backgroundColor\(negativeColor\)\:\:focus:focus {
  background-color: #B11A10;
}

.backgroundColor\(warningColor\) {
  background-color: #EBB84B;
}

.backgroundColor\(warningColor\)\:\:hover:hover {
  background-color: #EBB84B;
}

.backgroundColor\(warningColor\)\:\:active:active {
  background-color: #EBB84B;
}

.backgroundColor\(warningColor\)\:\:focus:focus {
  background-color: #EBB84B;
}

.backgroundColor\(emphasisColor\) {
  background-color: #7BB2CC;
}

.backgroundColor\(emphasisColor\)\:\:hover:hover {
  background-color: #7BB2CC;
}

.backgroundColor\(emphasisColor\)\:\:active:active {
  background-color: #7BB2CC;
}

.backgroundColor\(emphasisColor\)\:\:focus:focus {
  background-color: #7BB2CC;
}

.backgroundColor\(highlightColor\) {
  background-color: #FFFCBB;
}

.backgroundColor\(highlightColor\)\:\:hover:hover {
  background-color: #FFFCBB;
}

.backgroundColor\(highlightColor\)\:\:active:active {
  background-color: #FFFCBB;
}

.backgroundColor\(highlightColor\)\:\:focus:focus {
  background-color: #FFFCBB;
}

.backgroundColor\(linkColor\) {
  background-color: #46B0B9;
}

.backgroundColor\(linkColor\)\:\:hover:hover {
  background-color: #46B0B9;
}

.backgroundColor\(linkColor\)\:\:active:active {
  background-color: #46B0B9;
}

.backgroundColor\(linkColor\)\:\:focus:focus {
  background-color: #46B0B9;
}

.backgroundColor\(linkVisitedColor\) {
  background-color: #2D97A0;
}

.backgroundColor\(linkVisitedColor\)\:\:hover:hover {
  background-color: #2D97A0;
}

.backgroundColor\(linkVisitedColor\)\:\:active:active {
  background-color: #2D97A0;
}

.backgroundColor\(linkVisitedColor\)\:\:focus:focus {
  background-color: #2D97A0;
}

.backgroundColor\(marketColor\) {
  background-color: #8B7FE9;
}

.backgroundColor\(marketColor\)\:\:hover:hover {
  background-color: #8B7FE9;
}

.backgroundColor\(marketColor\)\:\:active:active {
  background-color: #8B7FE9;
}

.backgroundColor\(marketColor\)\:\:focus:focus {
  background-color: #8B7FE9;
}

.backgroundColor\(currentColor\) {
  background-color: currentColor;
}

.backgroundColor\(currentColor\)\:\:hover:hover {
  background-color: currentColor;
}

.backgroundColor\(currentColor\)\:\:active:active {
  background-color: currentColor;
}

.backgroundColor\(currentColor\)\:\:focus:focus {
  background-color: currentColor;
}

.color\(white\) {
  color: #FFFFFF;
}

.color\(white\)\:\:hover:hover {
  color: #FFFFFF;
}

.color\(white\)\:\:active:active {
  color: #FFFFFF;
}

.color\(white\)\:\:focus:focus {
  color: #FFFFFF;
}

.color\(black\) {
  color: #000000;
}

.color\(black\)\:\:hover:hover {
  color: #000000;
}

.color\(black\)\:\:active:active {
  color: #000000;
}

.color\(black\)\:\:focus:focus {
  color: #000000;
}

.color\(orange\) {
  color: #ED601A;
}

.color\(orange\)\:\:hover:hover {
  color: #ED601A;
}

.color\(orange\)\:\:active:active {
  color: #ED601A;
}

.color\(orange\)\:\:focus:focus {
  color: #ED601A;
}

.color\(transparent\) {
  color: transparent;
}

.color\(transparent\)\:\:hover:hover {
  color: transparent;
}

.color\(transparent\)\:\:active:active {
  color: transparent;
}

.color\(transparent\)\:\:focus:focus {
  color: transparent;
}

.color\(primary\) {
  color: #02284B;
}

.color\(primary\)\:\:hover:hover {
  color: #02284B;
}

.color\(primary\)\:\:active:active {
  color: #02284B;
}

.color\(primary\)\:\:focus:focus {
  color: #02284B;
}

.color\(secondary\) {
  color: #F15727;
}

.color\(secondary\)\:\:hover:hover {
  color: #F15727;
}

.color\(secondary\)\:\:active:active {
  color: #F15727;
}

.color\(secondary\)\:\:focus:focus {
  color: #F15727;
}

.color\(chartBlue\) {
  color: #639DEA;
}

.color\(chartBlue\)\:\:hover:hover {
  color: #639DEA;
}

.color\(chartBlue\)\:\:active:active {
  color: #639DEA;
}

.color\(chartBlue\)\:\:focus:focus {
  color: #639DEA;
}

.color\(chartBlueLighten1\) {
  color: #7DB7FF;
}

.color\(chartBlueLighten1\)\:\:hover:hover {
  color: #7DB7FF;
}

.color\(chartBlueLighten1\)\:\:active:active {
  color: #7DB7FF;
}

.color\(chartBlueLighten1\)\:\:focus:focus {
  color: #7DB7FF;
}

.color\(chartBlueLighten2\) {
  color: #96D0FF;
}

.color\(chartBlueLighten2\)\:\:hover:hover {
  color: #96D0FF;
}

.color\(chartBlueLighten2\)\:\:active:active {
  color: #96D0FF;
}

.color\(chartBlueLighten2\)\:\:focus:focus {
  color: #96D0FF;
}

.color\(chartBlueLighten3\) {
  color: #B0EAFF;
}

.color\(chartBlueLighten3\)\:\:hover:hover {
  color: #B0EAFF;
}

.color\(chartBlueLighten3\)\:\:active:active {
  color: #B0EAFF;
}

.color\(chartBlueLighten3\)\:\:focus:focus {
  color: #B0EAFF;
}

.color\(chartBlueBright\) {
  color: #488BFB;
}

.color\(chartBlueBright\)\:\:hover:hover {
  color: #488BFB;
}

.color\(chartBlueBright\)\:\:active:active {
  color: #488BFB;
}

.color\(chartBlueBright\)\:\:focus:focus {
  color: #488BFB;
}

.color\(chartGreen\) {
  color: #A7C573;
}

.color\(chartGreen\)\:\:hover:hover {
  color: #A7C573;
}

.color\(chartGreen\)\:\:active:active {
  color: #A7C573;
}

.color\(chartGreen\)\:\:focus:focus {
  color: #A7C573;
}

.color\(chartGreenBright\) {
  color: #93B522;
}

.color\(chartGreenBright\)\:\:hover:hover {
  color: #93B522;
}

.color\(chartGreenBright\)\:\:active:active {
  color: #93B522;
}

.color\(chartGreenBright\)\:\:focus:focus {
  color: #93B522;
}

.color\(chartGreenLighten1\) {
  color: #A0C22F;
}

.color\(chartGreenLighten1\)\:\:hover:hover {
  color: #A0C22F;
}

.color\(chartGreenLighten1\)\:\:active:active {
  color: #A0C22F;
}

.color\(chartGreenLighten1\)\:\:focus:focus {
  color: #A0C22F;
}

.color\(chartGreenLighten2\) {
  color: #ADCF3C;
}

.color\(chartGreenLighten2\)\:\:hover:hover {
  color: #ADCF3C;
}

.color\(chartGreenLighten2\)\:\:active:active {
  color: #ADCF3C;
}

.color\(chartGreenLighten2\)\:\:focus:focus {
  color: #ADCF3C;
}

.color\(chartGreenLighten3\) {
  color: #B9DB48;
}

.color\(chartGreenLighten3\)\:\:hover:hover {
  color: #B9DB48;
}

.color\(chartGreenLighten3\)\:\:active:active {
  color: #B9DB48;
}

.color\(chartGreenLighten3\)\:\:focus:focus {
  color: #B9DB48;
}

.color\(chartBlueGreen1\) {
  color: #417FCF;
}

.color\(chartBlueGreen1\)\:\:hover:hover {
  color: #417FCF;
}

.color\(chartBlueGreen1\)\:\:active:active {
  color: #417FCF;
}

.color\(chartBlueGreen1\)\:\:focus:focus {
  color: #417FCF;
}

.color\(chartBluegreen2\) {
  color: #669FE7;
}

.color\(chartBluegreen2\)\:\:hover:hover {
  color: #669FE7;
}

.color\(chartBluegreen2\)\:\:active:active {
  color: #669FE7;
}

.color\(chartBluegreen2\)\:\:focus:focus {
  color: #669FE7;
}

.color\(chartBluegreen3\) {
  color: #7EC3ED;
}

.color\(chartBluegreen3\)\:\:hover:hover {
  color: #7EC3ED;
}

.color\(chartBluegreen3\)\:\:active:active {
  color: #7EC3ED;
}

.color\(chartBluegreen3\)\:\:focus:focus {
  color: #7EC3ED;
}

.color\(chartBluegreen4\) {
  color: #95D899;
}

.color\(chartBluegreen4\)\:\:hover:hover {
  color: #95D899;
}

.color\(chartBluegreen4\)\:\:active:active {
  color: #95D899;
}

.color\(chartBluegreen4\)\:\:focus:focus {
  color: #95D899;
}

.color\(chartLilac\) {
  color: #D7B5EF;
}

.color\(chartLilac\)\:\:hover:hover {
  color: #D7B5EF;
}

.color\(chartLilac\)\:\:active:active {
  color: #D7B5EF;
}

.color\(chartLilac\)\:\:focus:focus {
  color: #D7B5EF;
}

.color\(chartOrange\) {
  color: #FFBA30;
}

.color\(chartOrange\)\:\:hover:hover {
  color: #FFBA30;
}

.color\(chartOrange\)\:\:active:active {
  color: #FFBA30;
}

.color\(chartOrange\)\:\:focus:focus {
  color: #FFBA30;
}

.color\(chartOrangeDark\) {
  color: #FDB02A;
}

.color\(chartOrangeDark\)\:\:hover:hover {
  color: #FDB02A;
}

.color\(chartOrangeDark\)\:\:active:active {
  color: #FDB02A;
}

.color\(chartOrangeDark\)\:\:focus:focus {
  color: #FDB02A;
}

.color\(chartOrangeBright\) {
  color: #FD7C23;
}

.color\(chartOrangeBright\)\:\:hover:hover {
  color: #FD7C23;
}

.color\(chartOrangeBright\)\:\:active:active {
  color: #FD7C23;
}

.color\(chartOrangeBright\)\:\:focus:focus {
  color: #FD7C23;
}

.color\(chartOrangeLighten\) {
  color: #FDAB3C;
}

.color\(chartOrangeLighten\)\:\:hover:hover {
  color: #FDAB3C;
}

.color\(chartOrangeLighten\)\:\:active:active {
  color: #FDAB3C;
}

.color\(chartOrangeLighten\)\:\:focus:focus {
  color: #FDAB3C;
}

.color\(tableBorderGray\) {
  color: #E0E0E0;
}

.color\(tableBorderGray\)\:\:hover:hover {
  color: #E0E0E0;
}

.color\(tableBorderGray\)\:\:active:active {
  color: #E0E0E0;
}

.color\(tableBorderGray\)\:\:focus:focus {
  color: #E0E0E0;
}

.color\(gray1\) {
  color: #F8F8F8;
}

.color\(gray1\)\:\:hover:hover {
  color: #F8F8F8;
}

.color\(gray1\)\:\:active:active {
  color: #F8F8F8;
}

.color\(gray1\)\:\:focus:focus {
  color: #F8F8F8;
}

.color\(gray2\) {
  color: #E5E5E5;
}

.color\(gray2\)\:\:hover:hover {
  color: #E5E5E5;
}

.color\(gray2\)\:\:active:active {
  color: #E5E5E5;
}

.color\(gray2\)\:\:focus:focus {
  color: #E5E5E5;
}

.color\(gray3\) {
  color: #DDDDDD;
}

.color\(gray3\)\:\:hover:hover {
  color: #DDDDDD;
}

.color\(gray3\)\:\:active:active {
  color: #DDDDDD;
}

.color\(gray3\)\:\:focus:focus {
  color: #DDDDDD;
}

.color\(gray4\) {
  color: #CCCCCC;
}

.color\(gray4\)\:\:hover:hover {
  color: #CCCCCC;
}

.color\(gray4\)\:\:active:active {
  color: #CCCCCC;
}

.color\(gray4\)\:\:focus:focus {
  color: #CCCCCC;
}

.color\(gray5\) {
  color: #999999;
}

.color\(gray5\)\:\:hover:hover {
  color: #999999;
}

.color\(gray5\)\:\:active:active {
  color: #999999;
}

.color\(gray5\)\:\:focus:focus {
  color: #999999;
}

.color\(gray6\) {
  color: #666666;
}

.color\(gray6\)\:\:hover:hover {
  color: #666666;
}

.color\(gray6\)\:\:active:active {
  color: #666666;
}

.color\(gray6\)\:\:focus:focus {
  color: #666666;
}

.color\(gray7\) {
  color: #333333;
}

.color\(gray7\)\:\:hover:hover {
  color: #333333;
}

.color\(gray7\)\:\:active:active {
  color: #333333;
}

.color\(gray7\)\:\:focus:focus {
  color: #333333;
}

.color\(gray8\) {
  color: #9B9B9B;
}

.color\(gray8\)\:\:hover:hover {
  color: #9B9B9B;
}

.color\(gray8\)\:\:active:active {
  color: #9B9B9B;
}

.color\(gray8\)\:\:focus:focus {
  color: #9B9B9B;
}

.color\(gray9\) {
  color: #EEEEEE;
}

.color\(gray9\)\:\:hover:hover {
  color: #EEEEEE;
}

.color\(gray9\)\:\:active:active {
  color: #EEEEEE;
}

.color\(gray9\)\:\:focus:focus {
  color: #EEEEEE;
}

.color\(errorColor\) {
  color: #FF0000;
}

.color\(errorColor\)\:\:hover:hover {
  color: #FF0000;
}

.color\(errorColor\)\:\:active:active {
  color: #FF0000;
}

.color\(errorColor\)\:\:focus:focus {
  color: #FF0000;
}

.color\(alertColor\) {
  color: #F6A405;
}

.color\(alertColor\)\:\:hover:hover {
  color: #F6A405;
}

.color\(alertColor\)\:\:active:active {
  color: #F6A405;
}

.color\(alertColor\)\:\:focus:focus {
  color: #F6A405;
}

.color\(goodColor\) {
  color: #70961A;
}

.color\(goodColor\)\:\:hover:hover {
  color: #70961A;
}

.color\(goodColor\)\:\:active:active {
  color: #70961A;
}

.color\(goodColor\)\:\:focus:focus {
  color: #70961A;
}

.color\(successColor\) {
  color: #58C026;
}

.color\(successColor\)\:\:hover:hover {
  color: #58C026;
}

.color\(successColor\)\:\:active:active {
  color: #58C026;
}

.color\(successColor\)\:\:focus:focus {
  color: #58C026;
}

.color\(successColorLight\) {
  color: #f2fbea;
}

.color\(successColorLight\)\:\:hover:hover {
  color: #f2fbea;
}

.color\(successColorLight\)\:\:active:active {
  color: #f2fbea;
}

.color\(successColorLight\)\:\:focus:focus {
  color: #f2fbea;
}

.color\(needsAttentionColor\) {
  color: #C60004;
}

.color\(needsAttentionColor\)\:\:hover:hover {
  color: #C60004;
}

.color\(needsAttentionColor\)\:\:active:active {
  color: #C60004;
}

.color\(needsAttentionColor\)\:\:focus:focus {
  color: #C60004;
}

.color\(negativeBehavior\) {
  color: #D0021B;
}

.color\(negativeBehavior\)\:\:hover:hover {
  color: #D0021B;
}

.color\(negativeBehavior\)\:\:active:active {
  color: #D0021B;
}

.color\(negativeBehavior\)\:\:focus:focus {
  color: #D0021B;
}

.color\(negativeColor\) {
  color: #B11A10;
}

.color\(negativeColor\)\:\:hover:hover {
  color: #B11A10;
}

.color\(negativeColor\)\:\:active:active {
  color: #B11A10;
}

.color\(negativeColor\)\:\:focus:focus {
  color: #B11A10;
}

.color\(warningColor\) {
  color: #EBB84B;
}

.color\(warningColor\)\:\:hover:hover {
  color: #EBB84B;
}

.color\(warningColor\)\:\:active:active {
  color: #EBB84B;
}

.color\(warningColor\)\:\:focus:focus {
  color: #EBB84B;
}

.color\(emphasisColor\) {
  color: #7BB2CC;
}

.color\(emphasisColor\)\:\:hover:hover {
  color: #7BB2CC;
}

.color\(emphasisColor\)\:\:active:active {
  color: #7BB2CC;
}

.color\(emphasisColor\)\:\:focus:focus {
  color: #7BB2CC;
}

.color\(highlightColor\) {
  color: #FFFCBB;
}

.color\(highlightColor\)\:\:hover:hover {
  color: #FFFCBB;
}

.color\(highlightColor\)\:\:active:active {
  color: #FFFCBB;
}

.color\(highlightColor\)\:\:focus:focus {
  color: #FFFCBB;
}

.color\(linkColor\), .niceButtonActive {
  color: #46B0B9;
}

.color\(linkColor\)\:\:hover:hover {
  color: #46B0B9;
}

.color\(linkColor\)\:\:active:active {
  color: #46B0B9;
}

.color\(linkColor\)\:\:focus:focus {
  color: #46B0B9;
}

.color\(linkVisitedColor\) {
  color: #2D97A0;
}

.color\(linkVisitedColor\)\:\:hover:hover {
  color: #2D97A0;
}

.color\(linkVisitedColor\)\:\:active:active {
  color: #2D97A0;
}

.color\(linkVisitedColor\)\:\:focus:focus {
  color: #2D97A0;
}

.color\(marketColor\) {
  color: #8B7FE9;
}

.color\(marketColor\)\:\:hover:hover {
  color: #8B7FE9;
}

.color\(marketColor\)\:\:active:active {
  color: #8B7FE9;
}

.color\(marketColor\)\:\:focus:focus {
  color: #8B7FE9;
}

.color\(currentColor\) {
  color: currentColor;
}

.color\(currentColor\)\:\:hover:hover {
  color: currentColor;
}

.color\(currentColor\)\:\:active:active {
  color: currentColor;
}

.color\(currentColor\)\:\:focus:focus {
  color: currentColor;
}

.stroke\(white\) {
  stroke: #FFFFFF;
}

.stroke\(white\)\:\:hover:hover {
  stroke: #FFFFFF;
}

.stroke\(white\)\:\:active:active {
  stroke: #FFFFFF;
}

.stroke\(white\)\:\:focus:focus {
  stroke: #FFFFFF;
}

.stroke\(black\) {
  stroke: #000000;
}

.stroke\(black\)\:\:hover:hover {
  stroke: #000000;
}

.stroke\(black\)\:\:active:active {
  stroke: #000000;
}

.stroke\(black\)\:\:focus:focus {
  stroke: #000000;
}

.stroke\(orange\) {
  stroke: #ED601A;
}

.stroke\(orange\)\:\:hover:hover {
  stroke: #ED601A;
}

.stroke\(orange\)\:\:active:active {
  stroke: #ED601A;
}

.stroke\(orange\)\:\:focus:focus {
  stroke: #ED601A;
}

.stroke\(transparent\) {
  stroke: transparent;
}

.stroke\(transparent\)\:\:hover:hover {
  stroke: transparent;
}

.stroke\(transparent\)\:\:active:active {
  stroke: transparent;
}

.stroke\(transparent\)\:\:focus:focus {
  stroke: transparent;
}

.stroke\(primary\) {
  stroke: #02284B;
}

.stroke\(primary\)\:\:hover:hover {
  stroke: #02284B;
}

.stroke\(primary\)\:\:active:active {
  stroke: #02284B;
}

.stroke\(primary\)\:\:focus:focus {
  stroke: #02284B;
}

.stroke\(secondary\) {
  stroke: #F15727;
}

.stroke\(secondary\)\:\:hover:hover {
  stroke: #F15727;
}

.stroke\(secondary\)\:\:active:active {
  stroke: #F15727;
}

.stroke\(secondary\)\:\:focus:focus {
  stroke: #F15727;
}

.stroke\(chartBlue\) {
  stroke: #639DEA;
}

.stroke\(chartBlue\)\:\:hover:hover {
  stroke: #639DEA;
}

.stroke\(chartBlue\)\:\:active:active {
  stroke: #639DEA;
}

.stroke\(chartBlue\)\:\:focus:focus {
  stroke: #639DEA;
}

.stroke\(chartBlueLighten1\) {
  stroke: #7DB7FF;
}

.stroke\(chartBlueLighten1\)\:\:hover:hover {
  stroke: #7DB7FF;
}

.stroke\(chartBlueLighten1\)\:\:active:active {
  stroke: #7DB7FF;
}

.stroke\(chartBlueLighten1\)\:\:focus:focus {
  stroke: #7DB7FF;
}

.stroke\(chartBlueLighten2\) {
  stroke: #96D0FF;
}

.stroke\(chartBlueLighten2\)\:\:hover:hover {
  stroke: #96D0FF;
}

.stroke\(chartBlueLighten2\)\:\:active:active {
  stroke: #96D0FF;
}

.stroke\(chartBlueLighten2\)\:\:focus:focus {
  stroke: #96D0FF;
}

.stroke\(chartBlueLighten3\) {
  stroke: #B0EAFF;
}

.stroke\(chartBlueLighten3\)\:\:hover:hover {
  stroke: #B0EAFF;
}

.stroke\(chartBlueLighten3\)\:\:active:active {
  stroke: #B0EAFF;
}

.stroke\(chartBlueLighten3\)\:\:focus:focus {
  stroke: #B0EAFF;
}

.stroke\(chartBlueBright\) {
  stroke: #488BFB;
}

.stroke\(chartBlueBright\)\:\:hover:hover {
  stroke: #488BFB;
}

.stroke\(chartBlueBright\)\:\:active:active {
  stroke: #488BFB;
}

.stroke\(chartBlueBright\)\:\:focus:focus {
  stroke: #488BFB;
}

.stroke\(chartGreen\) {
  stroke: #A7C573;
}

.stroke\(chartGreen\)\:\:hover:hover {
  stroke: #A7C573;
}

.stroke\(chartGreen\)\:\:active:active {
  stroke: #A7C573;
}

.stroke\(chartGreen\)\:\:focus:focus {
  stroke: #A7C573;
}

.stroke\(chartGreenBright\) {
  stroke: #93B522;
}

.stroke\(chartGreenBright\)\:\:hover:hover {
  stroke: #93B522;
}

.stroke\(chartGreenBright\)\:\:active:active {
  stroke: #93B522;
}

.stroke\(chartGreenBright\)\:\:focus:focus {
  stroke: #93B522;
}

.stroke\(chartGreenLighten1\) {
  stroke: #A0C22F;
}

.stroke\(chartGreenLighten1\)\:\:hover:hover {
  stroke: #A0C22F;
}

.stroke\(chartGreenLighten1\)\:\:active:active {
  stroke: #A0C22F;
}

.stroke\(chartGreenLighten1\)\:\:focus:focus {
  stroke: #A0C22F;
}

.stroke\(chartGreenLighten2\) {
  stroke: #ADCF3C;
}

.stroke\(chartGreenLighten2\)\:\:hover:hover {
  stroke: #ADCF3C;
}

.stroke\(chartGreenLighten2\)\:\:active:active {
  stroke: #ADCF3C;
}

.stroke\(chartGreenLighten2\)\:\:focus:focus {
  stroke: #ADCF3C;
}

.stroke\(chartGreenLighten3\) {
  stroke: #B9DB48;
}

.stroke\(chartGreenLighten3\)\:\:hover:hover {
  stroke: #B9DB48;
}

.stroke\(chartGreenLighten3\)\:\:active:active {
  stroke: #B9DB48;
}

.stroke\(chartGreenLighten3\)\:\:focus:focus {
  stroke: #B9DB48;
}

.stroke\(chartBlueGreen1\) {
  stroke: #417FCF;
}

.stroke\(chartBlueGreen1\)\:\:hover:hover {
  stroke: #417FCF;
}

.stroke\(chartBlueGreen1\)\:\:active:active {
  stroke: #417FCF;
}

.stroke\(chartBlueGreen1\)\:\:focus:focus {
  stroke: #417FCF;
}

.stroke\(chartBluegreen2\) {
  stroke: #669FE7;
}

.stroke\(chartBluegreen2\)\:\:hover:hover {
  stroke: #669FE7;
}

.stroke\(chartBluegreen2\)\:\:active:active {
  stroke: #669FE7;
}

.stroke\(chartBluegreen2\)\:\:focus:focus {
  stroke: #669FE7;
}

.stroke\(chartBluegreen3\) {
  stroke: #7EC3ED;
}

.stroke\(chartBluegreen3\)\:\:hover:hover {
  stroke: #7EC3ED;
}

.stroke\(chartBluegreen3\)\:\:active:active {
  stroke: #7EC3ED;
}

.stroke\(chartBluegreen3\)\:\:focus:focus {
  stroke: #7EC3ED;
}

.stroke\(chartBluegreen4\) {
  stroke: #95D899;
}

.stroke\(chartBluegreen4\)\:\:hover:hover {
  stroke: #95D899;
}

.stroke\(chartBluegreen4\)\:\:active:active {
  stroke: #95D899;
}

.stroke\(chartBluegreen4\)\:\:focus:focus {
  stroke: #95D899;
}

.stroke\(chartLilac\) {
  stroke: #D7B5EF;
}

.stroke\(chartLilac\)\:\:hover:hover {
  stroke: #D7B5EF;
}

.stroke\(chartLilac\)\:\:active:active {
  stroke: #D7B5EF;
}

.stroke\(chartLilac\)\:\:focus:focus {
  stroke: #D7B5EF;
}

.stroke\(chartOrange\) {
  stroke: #FFBA30;
}

.stroke\(chartOrange\)\:\:hover:hover {
  stroke: #FFBA30;
}

.stroke\(chartOrange\)\:\:active:active {
  stroke: #FFBA30;
}

.stroke\(chartOrange\)\:\:focus:focus {
  stroke: #FFBA30;
}

.stroke\(chartOrangeDark\) {
  stroke: #FDB02A;
}

.stroke\(chartOrangeDark\)\:\:hover:hover {
  stroke: #FDB02A;
}

.stroke\(chartOrangeDark\)\:\:active:active {
  stroke: #FDB02A;
}

.stroke\(chartOrangeDark\)\:\:focus:focus {
  stroke: #FDB02A;
}

.stroke\(chartOrangeBright\) {
  stroke: #FD7C23;
}

.stroke\(chartOrangeBright\)\:\:hover:hover {
  stroke: #FD7C23;
}

.stroke\(chartOrangeBright\)\:\:active:active {
  stroke: #FD7C23;
}

.stroke\(chartOrangeBright\)\:\:focus:focus {
  stroke: #FD7C23;
}

.stroke\(chartOrangeLighten\) {
  stroke: #FDAB3C;
}

.stroke\(chartOrangeLighten\)\:\:hover:hover {
  stroke: #FDAB3C;
}

.stroke\(chartOrangeLighten\)\:\:active:active {
  stroke: #FDAB3C;
}

.stroke\(chartOrangeLighten\)\:\:focus:focus {
  stroke: #FDAB3C;
}

.stroke\(tableBorderGray\) {
  stroke: #E0E0E0;
}

.stroke\(tableBorderGray\)\:\:hover:hover {
  stroke: #E0E0E0;
}

.stroke\(tableBorderGray\)\:\:active:active {
  stroke: #E0E0E0;
}

.stroke\(tableBorderGray\)\:\:focus:focus {
  stroke: #E0E0E0;
}

.stroke\(gray1\) {
  stroke: #F8F8F8;
}

.stroke\(gray1\)\:\:hover:hover {
  stroke: #F8F8F8;
}

.stroke\(gray1\)\:\:active:active {
  stroke: #F8F8F8;
}

.stroke\(gray1\)\:\:focus:focus {
  stroke: #F8F8F8;
}

.stroke\(gray2\) {
  stroke: #E5E5E5;
}

.stroke\(gray2\)\:\:hover:hover {
  stroke: #E5E5E5;
}

.stroke\(gray2\)\:\:active:active {
  stroke: #E5E5E5;
}

.stroke\(gray2\)\:\:focus:focus {
  stroke: #E5E5E5;
}

.stroke\(gray3\) {
  stroke: #DDDDDD;
}

.stroke\(gray3\)\:\:hover:hover {
  stroke: #DDDDDD;
}

.stroke\(gray3\)\:\:active:active {
  stroke: #DDDDDD;
}

.stroke\(gray3\)\:\:focus:focus {
  stroke: #DDDDDD;
}

.stroke\(gray4\) {
  stroke: #CCCCCC;
}

.stroke\(gray4\)\:\:hover:hover {
  stroke: #CCCCCC;
}

.stroke\(gray4\)\:\:active:active {
  stroke: #CCCCCC;
}

.stroke\(gray4\)\:\:focus:focus {
  stroke: #CCCCCC;
}

.stroke\(gray5\) {
  stroke: #999999;
}

.stroke\(gray5\)\:\:hover:hover {
  stroke: #999999;
}

.stroke\(gray5\)\:\:active:active {
  stroke: #999999;
}

.stroke\(gray5\)\:\:focus:focus {
  stroke: #999999;
}

.stroke\(gray6\) {
  stroke: #666666;
}

.stroke\(gray6\)\:\:hover:hover {
  stroke: #666666;
}

.stroke\(gray6\)\:\:active:active {
  stroke: #666666;
}

.stroke\(gray6\)\:\:focus:focus {
  stroke: #666666;
}

.stroke\(gray7\) {
  stroke: #333333;
}

.stroke\(gray7\)\:\:hover:hover {
  stroke: #333333;
}

.stroke\(gray7\)\:\:active:active {
  stroke: #333333;
}

.stroke\(gray7\)\:\:focus:focus {
  stroke: #333333;
}

.stroke\(gray8\) {
  stroke: #9B9B9B;
}

.stroke\(gray8\)\:\:hover:hover {
  stroke: #9B9B9B;
}

.stroke\(gray8\)\:\:active:active {
  stroke: #9B9B9B;
}

.stroke\(gray8\)\:\:focus:focus {
  stroke: #9B9B9B;
}

.stroke\(gray9\) {
  stroke: #EEEEEE;
}

.stroke\(gray9\)\:\:hover:hover {
  stroke: #EEEEEE;
}

.stroke\(gray9\)\:\:active:active {
  stroke: #EEEEEE;
}

.stroke\(gray9\)\:\:focus:focus {
  stroke: #EEEEEE;
}

.stroke\(errorColor\) {
  stroke: #FF0000;
}

.stroke\(errorColor\)\:\:hover:hover {
  stroke: #FF0000;
}

.stroke\(errorColor\)\:\:active:active {
  stroke: #FF0000;
}

.stroke\(errorColor\)\:\:focus:focus {
  stroke: #FF0000;
}

.stroke\(alertColor\) {
  stroke: #F6A405;
}

.stroke\(alertColor\)\:\:hover:hover {
  stroke: #F6A405;
}

.stroke\(alertColor\)\:\:active:active {
  stroke: #F6A405;
}

.stroke\(alertColor\)\:\:focus:focus {
  stroke: #F6A405;
}

.stroke\(goodColor\) {
  stroke: #70961A;
}

.stroke\(goodColor\)\:\:hover:hover {
  stroke: #70961A;
}

.stroke\(goodColor\)\:\:active:active {
  stroke: #70961A;
}

.stroke\(goodColor\)\:\:focus:focus {
  stroke: #70961A;
}

.stroke\(successColor\) {
  stroke: #58C026;
}

.stroke\(successColor\)\:\:hover:hover {
  stroke: #58C026;
}

.stroke\(successColor\)\:\:active:active {
  stroke: #58C026;
}

.stroke\(successColor\)\:\:focus:focus {
  stroke: #58C026;
}

.stroke\(successColorLight\) {
  stroke: #f2fbea;
}

.stroke\(successColorLight\)\:\:hover:hover {
  stroke: #f2fbea;
}

.stroke\(successColorLight\)\:\:active:active {
  stroke: #f2fbea;
}

.stroke\(successColorLight\)\:\:focus:focus {
  stroke: #f2fbea;
}

.stroke\(needsAttentionColor\) {
  stroke: #C60004;
}

.stroke\(needsAttentionColor\)\:\:hover:hover {
  stroke: #C60004;
}

.stroke\(needsAttentionColor\)\:\:active:active {
  stroke: #C60004;
}

.stroke\(needsAttentionColor\)\:\:focus:focus {
  stroke: #C60004;
}

.stroke\(negativeBehavior\) {
  stroke: #D0021B;
}

.stroke\(negativeBehavior\)\:\:hover:hover {
  stroke: #D0021B;
}

.stroke\(negativeBehavior\)\:\:active:active {
  stroke: #D0021B;
}

.stroke\(negativeBehavior\)\:\:focus:focus {
  stroke: #D0021B;
}

.stroke\(negativeColor\) {
  stroke: #B11A10;
}

.stroke\(negativeColor\)\:\:hover:hover {
  stroke: #B11A10;
}

.stroke\(negativeColor\)\:\:active:active {
  stroke: #B11A10;
}

.stroke\(negativeColor\)\:\:focus:focus {
  stroke: #B11A10;
}

.stroke\(warningColor\) {
  stroke: #EBB84B;
}

.stroke\(warningColor\)\:\:hover:hover {
  stroke: #EBB84B;
}

.stroke\(warningColor\)\:\:active:active {
  stroke: #EBB84B;
}

.stroke\(warningColor\)\:\:focus:focus {
  stroke: #EBB84B;
}

.stroke\(emphasisColor\) {
  stroke: #7BB2CC;
}

.stroke\(emphasisColor\)\:\:hover:hover {
  stroke: #7BB2CC;
}

.stroke\(emphasisColor\)\:\:active:active {
  stroke: #7BB2CC;
}

.stroke\(emphasisColor\)\:\:focus:focus {
  stroke: #7BB2CC;
}

.stroke\(highlightColor\) {
  stroke: #FFFCBB;
}

.stroke\(highlightColor\)\:\:hover:hover {
  stroke: #FFFCBB;
}

.stroke\(highlightColor\)\:\:active:active {
  stroke: #FFFCBB;
}

.stroke\(highlightColor\)\:\:focus:focus {
  stroke: #FFFCBB;
}

.stroke\(linkColor\) {
  stroke: #46B0B9;
}

.stroke\(linkColor\)\:\:hover:hover {
  stroke: #46B0B9;
}

.stroke\(linkColor\)\:\:active:active {
  stroke: #46B0B9;
}

.stroke\(linkColor\)\:\:focus:focus {
  stroke: #46B0B9;
}

.stroke\(linkVisitedColor\) {
  stroke: #2D97A0;
}

.stroke\(linkVisitedColor\)\:\:hover:hover {
  stroke: #2D97A0;
}

.stroke\(linkVisitedColor\)\:\:active:active {
  stroke: #2D97A0;
}

.stroke\(linkVisitedColor\)\:\:focus:focus {
  stroke: #2D97A0;
}

.stroke\(marketColor\) {
  stroke: #8B7FE9;
}

.stroke\(marketColor\)\:\:hover:hover {
  stroke: #8B7FE9;
}

.stroke\(marketColor\)\:\:active:active {
  stroke: #8B7FE9;
}

.stroke\(marketColor\)\:\:focus:focus {
  stroke: #8B7FE9;
}

.stroke\(currentColor\) {
  stroke: currentColor;
}

.stroke\(currentColor\)\:\:hover:hover {
  stroke: currentColor;
}

.stroke\(currentColor\)\:\:active:active {
  stroke: currentColor;
}

.stroke\(currentColor\)\:\:focus:focus {
  stroke: currentColor;
}

.fill\(white\) {
  fill: #FFFFFF;
}

.fill\(white\)\:\:hover:hover {
  fill: #FFFFFF;
}

.fill\(white\)\:\:active:active {
  fill: #FFFFFF;
}

.fill\(white\)\:\:focus:focus {
  fill: #FFFFFF;
}

.fill\(black\) {
  fill: #000000;
}

.fill\(black\)\:\:hover:hover {
  fill: #000000;
}

.fill\(black\)\:\:active:active {
  fill: #000000;
}

.fill\(black\)\:\:focus:focus {
  fill: #000000;
}

.fill\(orange\) {
  fill: #ED601A;
}

.fill\(orange\)\:\:hover:hover {
  fill: #ED601A;
}

.fill\(orange\)\:\:active:active {
  fill: #ED601A;
}

.fill\(orange\)\:\:focus:focus {
  fill: #ED601A;
}

.fill\(transparent\) {
  fill: transparent;
}

.fill\(transparent\)\:\:hover:hover {
  fill: transparent;
}

.fill\(transparent\)\:\:active:active {
  fill: transparent;
}

.fill\(transparent\)\:\:focus:focus {
  fill: transparent;
}

.fill\(primary\) {
  fill: #02284B;
}

.fill\(primary\)\:\:hover:hover {
  fill: #02284B;
}

.fill\(primary\)\:\:active:active {
  fill: #02284B;
}

.fill\(primary\)\:\:focus:focus {
  fill: #02284B;
}

.fill\(secondary\) {
  fill: #F15727;
}

.fill\(secondary\)\:\:hover:hover {
  fill: #F15727;
}

.fill\(secondary\)\:\:active:active {
  fill: #F15727;
}

.fill\(secondary\)\:\:focus:focus {
  fill: #F15727;
}

.fill\(chartBlue\) {
  fill: #639DEA;
}

.fill\(chartBlue\)\:\:hover:hover {
  fill: #639DEA;
}

.fill\(chartBlue\)\:\:active:active {
  fill: #639DEA;
}

.fill\(chartBlue\)\:\:focus:focus {
  fill: #639DEA;
}

.fill\(chartBlueLighten1\) {
  fill: #7DB7FF;
}

.fill\(chartBlueLighten1\)\:\:hover:hover {
  fill: #7DB7FF;
}

.fill\(chartBlueLighten1\)\:\:active:active {
  fill: #7DB7FF;
}

.fill\(chartBlueLighten1\)\:\:focus:focus {
  fill: #7DB7FF;
}

.fill\(chartBlueLighten2\) {
  fill: #96D0FF;
}

.fill\(chartBlueLighten2\)\:\:hover:hover {
  fill: #96D0FF;
}

.fill\(chartBlueLighten2\)\:\:active:active {
  fill: #96D0FF;
}

.fill\(chartBlueLighten2\)\:\:focus:focus {
  fill: #96D0FF;
}

.fill\(chartBlueLighten3\) {
  fill: #B0EAFF;
}

.fill\(chartBlueLighten3\)\:\:hover:hover {
  fill: #B0EAFF;
}

.fill\(chartBlueLighten3\)\:\:active:active {
  fill: #B0EAFF;
}

.fill\(chartBlueLighten3\)\:\:focus:focus {
  fill: #B0EAFF;
}

.fill\(chartBlueBright\) {
  fill: #488BFB;
}

.fill\(chartBlueBright\)\:\:hover:hover {
  fill: #488BFB;
}

.fill\(chartBlueBright\)\:\:active:active {
  fill: #488BFB;
}

.fill\(chartBlueBright\)\:\:focus:focus {
  fill: #488BFB;
}

.fill\(chartGreen\) {
  fill: #A7C573;
}

.fill\(chartGreen\)\:\:hover:hover {
  fill: #A7C573;
}

.fill\(chartGreen\)\:\:active:active {
  fill: #A7C573;
}

.fill\(chartGreen\)\:\:focus:focus {
  fill: #A7C573;
}

.fill\(chartGreenBright\) {
  fill: #93B522;
}

.fill\(chartGreenBright\)\:\:hover:hover {
  fill: #93B522;
}

.fill\(chartGreenBright\)\:\:active:active {
  fill: #93B522;
}

.fill\(chartGreenBright\)\:\:focus:focus {
  fill: #93B522;
}

.fill\(chartGreenLighten1\) {
  fill: #A0C22F;
}

.fill\(chartGreenLighten1\)\:\:hover:hover {
  fill: #A0C22F;
}

.fill\(chartGreenLighten1\)\:\:active:active {
  fill: #A0C22F;
}

.fill\(chartGreenLighten1\)\:\:focus:focus {
  fill: #A0C22F;
}

.fill\(chartGreenLighten2\) {
  fill: #ADCF3C;
}

.fill\(chartGreenLighten2\)\:\:hover:hover {
  fill: #ADCF3C;
}

.fill\(chartGreenLighten2\)\:\:active:active {
  fill: #ADCF3C;
}

.fill\(chartGreenLighten2\)\:\:focus:focus {
  fill: #ADCF3C;
}

.fill\(chartGreenLighten3\) {
  fill: #B9DB48;
}

.fill\(chartGreenLighten3\)\:\:hover:hover {
  fill: #B9DB48;
}

.fill\(chartGreenLighten3\)\:\:active:active {
  fill: #B9DB48;
}

.fill\(chartGreenLighten3\)\:\:focus:focus {
  fill: #B9DB48;
}

.fill\(chartBlueGreen1\) {
  fill: #417FCF;
}

.fill\(chartBlueGreen1\)\:\:hover:hover {
  fill: #417FCF;
}

.fill\(chartBlueGreen1\)\:\:active:active {
  fill: #417FCF;
}

.fill\(chartBlueGreen1\)\:\:focus:focus {
  fill: #417FCF;
}

.fill\(chartBluegreen2\) {
  fill: #669FE7;
}

.fill\(chartBluegreen2\)\:\:hover:hover {
  fill: #669FE7;
}

.fill\(chartBluegreen2\)\:\:active:active {
  fill: #669FE7;
}

.fill\(chartBluegreen2\)\:\:focus:focus {
  fill: #669FE7;
}

.fill\(chartBluegreen3\) {
  fill: #7EC3ED;
}

.fill\(chartBluegreen3\)\:\:hover:hover {
  fill: #7EC3ED;
}

.fill\(chartBluegreen3\)\:\:active:active {
  fill: #7EC3ED;
}

.fill\(chartBluegreen3\)\:\:focus:focus {
  fill: #7EC3ED;
}

.fill\(chartBluegreen4\) {
  fill: #95D899;
}

.fill\(chartBluegreen4\)\:\:hover:hover {
  fill: #95D899;
}

.fill\(chartBluegreen4\)\:\:active:active {
  fill: #95D899;
}

.fill\(chartBluegreen4\)\:\:focus:focus {
  fill: #95D899;
}

.fill\(chartLilac\) {
  fill: #D7B5EF;
}

.fill\(chartLilac\)\:\:hover:hover {
  fill: #D7B5EF;
}

.fill\(chartLilac\)\:\:active:active {
  fill: #D7B5EF;
}

.fill\(chartLilac\)\:\:focus:focus {
  fill: #D7B5EF;
}

.fill\(chartOrange\) {
  fill: #FFBA30;
}

.fill\(chartOrange\)\:\:hover:hover {
  fill: #FFBA30;
}

.fill\(chartOrange\)\:\:active:active {
  fill: #FFBA30;
}

.fill\(chartOrange\)\:\:focus:focus {
  fill: #FFBA30;
}

.fill\(chartOrangeDark\) {
  fill: #FDB02A;
}

.fill\(chartOrangeDark\)\:\:hover:hover {
  fill: #FDB02A;
}

.fill\(chartOrangeDark\)\:\:active:active {
  fill: #FDB02A;
}

.fill\(chartOrangeDark\)\:\:focus:focus {
  fill: #FDB02A;
}

.fill\(chartOrangeBright\) {
  fill: #FD7C23;
}

.fill\(chartOrangeBright\)\:\:hover:hover {
  fill: #FD7C23;
}

.fill\(chartOrangeBright\)\:\:active:active {
  fill: #FD7C23;
}

.fill\(chartOrangeBright\)\:\:focus:focus {
  fill: #FD7C23;
}

.fill\(chartOrangeLighten\) {
  fill: #FDAB3C;
}

.fill\(chartOrangeLighten\)\:\:hover:hover {
  fill: #FDAB3C;
}

.fill\(chartOrangeLighten\)\:\:active:active {
  fill: #FDAB3C;
}

.fill\(chartOrangeLighten\)\:\:focus:focus {
  fill: #FDAB3C;
}

.fill\(tableBorderGray\) {
  fill: #E0E0E0;
}

.fill\(tableBorderGray\)\:\:hover:hover {
  fill: #E0E0E0;
}

.fill\(tableBorderGray\)\:\:active:active {
  fill: #E0E0E0;
}

.fill\(tableBorderGray\)\:\:focus:focus {
  fill: #E0E0E0;
}

.fill\(gray1\) {
  fill: #F8F8F8;
}

.fill\(gray1\)\:\:hover:hover {
  fill: #F8F8F8;
}

.fill\(gray1\)\:\:active:active {
  fill: #F8F8F8;
}

.fill\(gray1\)\:\:focus:focus {
  fill: #F8F8F8;
}

.fill\(gray2\) {
  fill: #E5E5E5;
}

.fill\(gray2\)\:\:hover:hover {
  fill: #E5E5E5;
}

.fill\(gray2\)\:\:active:active {
  fill: #E5E5E5;
}

.fill\(gray2\)\:\:focus:focus {
  fill: #E5E5E5;
}

.fill\(gray3\) {
  fill: #DDDDDD;
}

.fill\(gray3\)\:\:hover:hover {
  fill: #DDDDDD;
}

.fill\(gray3\)\:\:active:active {
  fill: #DDDDDD;
}

.fill\(gray3\)\:\:focus:focus {
  fill: #DDDDDD;
}

.fill\(gray4\) {
  fill: #CCCCCC;
}

.fill\(gray4\)\:\:hover:hover {
  fill: #CCCCCC;
}

.fill\(gray4\)\:\:active:active {
  fill: #CCCCCC;
}

.fill\(gray4\)\:\:focus:focus {
  fill: #CCCCCC;
}

.fill\(gray5\) {
  fill: #999999;
}

.fill\(gray5\)\:\:hover:hover {
  fill: #999999;
}

.fill\(gray5\)\:\:active:active {
  fill: #999999;
}

.fill\(gray5\)\:\:focus:focus {
  fill: #999999;
}

.fill\(gray6\) {
  fill: #666666;
}

.fill\(gray6\)\:\:hover:hover {
  fill: #666666;
}

.fill\(gray6\)\:\:active:active {
  fill: #666666;
}

.fill\(gray6\)\:\:focus:focus {
  fill: #666666;
}

.fill\(gray7\) {
  fill: #333333;
}

.fill\(gray7\)\:\:hover:hover {
  fill: #333333;
}

.fill\(gray7\)\:\:active:active {
  fill: #333333;
}

.fill\(gray7\)\:\:focus:focus {
  fill: #333333;
}

.fill\(gray8\) {
  fill: #9B9B9B;
}

.fill\(gray8\)\:\:hover:hover {
  fill: #9B9B9B;
}

.fill\(gray8\)\:\:active:active {
  fill: #9B9B9B;
}

.fill\(gray8\)\:\:focus:focus {
  fill: #9B9B9B;
}

.fill\(gray9\) {
  fill: #EEEEEE;
}

.fill\(gray9\)\:\:hover:hover {
  fill: #EEEEEE;
}

.fill\(gray9\)\:\:active:active {
  fill: #EEEEEE;
}

.fill\(gray9\)\:\:focus:focus {
  fill: #EEEEEE;
}

.fill\(errorColor\) {
  fill: #FF0000;
}

.fill\(errorColor\)\:\:hover:hover {
  fill: #FF0000;
}

.fill\(errorColor\)\:\:active:active {
  fill: #FF0000;
}

.fill\(errorColor\)\:\:focus:focus {
  fill: #FF0000;
}

.fill\(alertColor\) {
  fill: #F6A405;
}

.fill\(alertColor\)\:\:hover:hover {
  fill: #F6A405;
}

.fill\(alertColor\)\:\:active:active {
  fill: #F6A405;
}

.fill\(alertColor\)\:\:focus:focus {
  fill: #F6A405;
}

.fill\(goodColor\) {
  fill: #70961A;
}

.fill\(goodColor\)\:\:hover:hover {
  fill: #70961A;
}

.fill\(goodColor\)\:\:active:active {
  fill: #70961A;
}

.fill\(goodColor\)\:\:focus:focus {
  fill: #70961A;
}

.fill\(successColor\) {
  fill: #58C026;
}

.fill\(successColor\)\:\:hover:hover {
  fill: #58C026;
}

.fill\(successColor\)\:\:active:active {
  fill: #58C026;
}

.fill\(successColor\)\:\:focus:focus {
  fill: #58C026;
}

.fill\(successColorLight\) {
  fill: #f2fbea;
}

.fill\(successColorLight\)\:\:hover:hover {
  fill: #f2fbea;
}

.fill\(successColorLight\)\:\:active:active {
  fill: #f2fbea;
}

.fill\(successColorLight\)\:\:focus:focus {
  fill: #f2fbea;
}

.fill\(needsAttentionColor\) {
  fill: #C60004;
}

.fill\(needsAttentionColor\)\:\:hover:hover {
  fill: #C60004;
}

.fill\(needsAttentionColor\)\:\:active:active {
  fill: #C60004;
}

.fill\(needsAttentionColor\)\:\:focus:focus {
  fill: #C60004;
}

.fill\(negativeBehavior\) {
  fill: #D0021B;
}

.fill\(negativeBehavior\)\:\:hover:hover {
  fill: #D0021B;
}

.fill\(negativeBehavior\)\:\:active:active {
  fill: #D0021B;
}

.fill\(negativeBehavior\)\:\:focus:focus {
  fill: #D0021B;
}

.fill\(negativeColor\) {
  fill: #B11A10;
}

.fill\(negativeColor\)\:\:hover:hover {
  fill: #B11A10;
}

.fill\(negativeColor\)\:\:active:active {
  fill: #B11A10;
}

.fill\(negativeColor\)\:\:focus:focus {
  fill: #B11A10;
}

.fill\(warningColor\) {
  fill: #EBB84B;
}

.fill\(warningColor\)\:\:hover:hover {
  fill: #EBB84B;
}

.fill\(warningColor\)\:\:active:active {
  fill: #EBB84B;
}

.fill\(warningColor\)\:\:focus:focus {
  fill: #EBB84B;
}

.fill\(emphasisColor\) {
  fill: #7BB2CC;
}

.fill\(emphasisColor\)\:\:hover:hover {
  fill: #7BB2CC;
}

.fill\(emphasisColor\)\:\:active:active {
  fill: #7BB2CC;
}

.fill\(emphasisColor\)\:\:focus:focus {
  fill: #7BB2CC;
}

.fill\(highlightColor\) {
  fill: #FFFCBB;
}

.fill\(highlightColor\)\:\:hover:hover {
  fill: #FFFCBB;
}

.fill\(highlightColor\)\:\:active:active {
  fill: #FFFCBB;
}

.fill\(highlightColor\)\:\:focus:focus {
  fill: #FFFCBB;
}

.fill\(linkColor\) {
  fill: #46B0B9;
}

.fill\(linkColor\)\:\:hover:hover {
  fill: #46B0B9;
}

.fill\(linkColor\)\:\:active:active {
  fill: #46B0B9;
}

.fill\(linkColor\)\:\:focus:focus {
  fill: #46B0B9;
}

.fill\(linkVisitedColor\) {
  fill: #2D97A0;
}

.fill\(linkVisitedColor\)\:\:hover:hover {
  fill: #2D97A0;
}

.fill\(linkVisitedColor\)\:\:active:active {
  fill: #2D97A0;
}

.fill\(linkVisitedColor\)\:\:focus:focus {
  fill: #2D97A0;
}

.fill\(marketColor\) {
  fill: #8B7FE9;
}

.fill\(marketColor\)\:\:hover:hover {
  fill: #8B7FE9;
}

.fill\(marketColor\)\:\:active:active {
  fill: #8B7FE9;
}

.fill\(marketColor\)\:\:focus:focus {
  fill: #8B7FE9;
}

.fill\(currentColor\) {
  fill: currentColor;
}

.fill\(currentColor\)\:\:hover:hover {
  fill: currentColor;
}

.fill\(currentColor\)\:\:active:active {
  fill: currentColor;
}

.fill\(currentColor\)\:\:focus:focus {
  fill: currentColor;
}

.borderColor\(white\) {
  border-color: #FFFFFF;
}

.borderColor\(white\)\:\:hover:hover {
  border-color: #FFFFFF;
}

.borderColor\(white\)\:\:active:active {
  border-color: #FFFFFF;
}

.borderColor\(white\)\:\:focus:focus {
  border-color: #FFFFFF;
}

.borderColor\(black\) {
  border-color: #000000;
}

.borderColor\(black\)\:\:hover:hover {
  border-color: #000000;
}

.borderColor\(black\)\:\:active:active {
  border-color: #000000;
}

.borderColor\(black\)\:\:focus:focus {
  border-color: #000000;
}

.borderColor\(orange\) {
  border-color: #ED601A;
}

.borderColor\(orange\)\:\:hover:hover {
  border-color: #ED601A;
}

.borderColor\(orange\)\:\:active:active {
  border-color: #ED601A;
}

.borderColor\(orange\)\:\:focus:focus {
  border-color: #ED601A;
}

.borderColor\(transparent\) {
  border-color: transparent;
}

.borderColor\(transparent\)\:\:hover:hover {
  border-color: transparent;
}

.borderColor\(transparent\)\:\:active:active {
  border-color: transparent;
}

.borderColor\(transparent\)\:\:focus:focus {
  border-color: transparent;
}

.borderColor\(primary\) {
  border-color: #02284B;
}

.borderColor\(primary\)\:\:hover:hover {
  border-color: #02284B;
}

.borderColor\(primary\)\:\:active:active {
  border-color: #02284B;
}

.borderColor\(primary\)\:\:focus:focus {
  border-color: #02284B;
}

.borderColor\(secondary\) {
  border-color: #F15727;
}

.borderColor\(secondary\)\:\:hover:hover {
  border-color: #F15727;
}

.borderColor\(secondary\)\:\:active:active {
  border-color: #F15727;
}

.borderColor\(secondary\)\:\:focus:focus {
  border-color: #F15727;
}

.borderColor\(chartBlue\) {
  border-color: #639DEA;
}

.borderColor\(chartBlue\)\:\:hover:hover {
  border-color: #639DEA;
}

.borderColor\(chartBlue\)\:\:active:active {
  border-color: #639DEA;
}

.borderColor\(chartBlue\)\:\:focus:focus {
  border-color: #639DEA;
}

.borderColor\(chartBlueLighten1\) {
  border-color: #7DB7FF;
}

.borderColor\(chartBlueLighten1\)\:\:hover:hover {
  border-color: #7DB7FF;
}

.borderColor\(chartBlueLighten1\)\:\:active:active {
  border-color: #7DB7FF;
}

.borderColor\(chartBlueLighten1\)\:\:focus:focus {
  border-color: #7DB7FF;
}

.borderColor\(chartBlueLighten2\) {
  border-color: #96D0FF;
}

.borderColor\(chartBlueLighten2\)\:\:hover:hover {
  border-color: #96D0FF;
}

.borderColor\(chartBlueLighten2\)\:\:active:active {
  border-color: #96D0FF;
}

.borderColor\(chartBlueLighten2\)\:\:focus:focus {
  border-color: #96D0FF;
}

.borderColor\(chartBlueLighten3\) {
  border-color: #B0EAFF;
}

.borderColor\(chartBlueLighten3\)\:\:hover:hover {
  border-color: #B0EAFF;
}

.borderColor\(chartBlueLighten3\)\:\:active:active {
  border-color: #B0EAFF;
}

.borderColor\(chartBlueLighten3\)\:\:focus:focus {
  border-color: #B0EAFF;
}

.borderColor\(chartBlueBright\) {
  border-color: #488BFB;
}

.borderColor\(chartBlueBright\)\:\:hover:hover {
  border-color: #488BFB;
}

.borderColor\(chartBlueBright\)\:\:active:active {
  border-color: #488BFB;
}

.borderColor\(chartBlueBright\)\:\:focus:focus {
  border-color: #488BFB;
}

.borderColor\(chartGreen\) {
  border-color: #A7C573;
}

.borderColor\(chartGreen\)\:\:hover:hover {
  border-color: #A7C573;
}

.borderColor\(chartGreen\)\:\:active:active {
  border-color: #A7C573;
}

.borderColor\(chartGreen\)\:\:focus:focus {
  border-color: #A7C573;
}

.borderColor\(chartGreenBright\) {
  border-color: #93B522;
}

.borderColor\(chartGreenBright\)\:\:hover:hover {
  border-color: #93B522;
}

.borderColor\(chartGreenBright\)\:\:active:active {
  border-color: #93B522;
}

.borderColor\(chartGreenBright\)\:\:focus:focus {
  border-color: #93B522;
}

.borderColor\(chartGreenLighten1\) {
  border-color: #A0C22F;
}

.borderColor\(chartGreenLighten1\)\:\:hover:hover {
  border-color: #A0C22F;
}

.borderColor\(chartGreenLighten1\)\:\:active:active {
  border-color: #A0C22F;
}

.borderColor\(chartGreenLighten1\)\:\:focus:focus {
  border-color: #A0C22F;
}

.borderColor\(chartGreenLighten2\) {
  border-color: #ADCF3C;
}

.borderColor\(chartGreenLighten2\)\:\:hover:hover {
  border-color: #ADCF3C;
}

.borderColor\(chartGreenLighten2\)\:\:active:active {
  border-color: #ADCF3C;
}

.borderColor\(chartGreenLighten2\)\:\:focus:focus {
  border-color: #ADCF3C;
}

.borderColor\(chartGreenLighten3\) {
  border-color: #B9DB48;
}

.borderColor\(chartGreenLighten3\)\:\:hover:hover {
  border-color: #B9DB48;
}

.borderColor\(chartGreenLighten3\)\:\:active:active {
  border-color: #B9DB48;
}

.borderColor\(chartGreenLighten3\)\:\:focus:focus {
  border-color: #B9DB48;
}

.borderColor\(chartBlueGreen1\) {
  border-color: #417FCF;
}

.borderColor\(chartBlueGreen1\)\:\:hover:hover {
  border-color: #417FCF;
}

.borderColor\(chartBlueGreen1\)\:\:active:active {
  border-color: #417FCF;
}

.borderColor\(chartBlueGreen1\)\:\:focus:focus {
  border-color: #417FCF;
}

.borderColor\(chartBluegreen2\) {
  border-color: #669FE7;
}

.borderColor\(chartBluegreen2\)\:\:hover:hover {
  border-color: #669FE7;
}

.borderColor\(chartBluegreen2\)\:\:active:active {
  border-color: #669FE7;
}

.borderColor\(chartBluegreen2\)\:\:focus:focus {
  border-color: #669FE7;
}

.borderColor\(chartBluegreen3\) {
  border-color: #7EC3ED;
}

.borderColor\(chartBluegreen3\)\:\:hover:hover {
  border-color: #7EC3ED;
}

.borderColor\(chartBluegreen3\)\:\:active:active {
  border-color: #7EC3ED;
}

.borderColor\(chartBluegreen3\)\:\:focus:focus {
  border-color: #7EC3ED;
}

.borderColor\(chartBluegreen4\) {
  border-color: #95D899;
}

.borderColor\(chartBluegreen4\)\:\:hover:hover {
  border-color: #95D899;
}

.borderColor\(chartBluegreen4\)\:\:active:active {
  border-color: #95D899;
}

.borderColor\(chartBluegreen4\)\:\:focus:focus {
  border-color: #95D899;
}

.borderColor\(chartLilac\) {
  border-color: #D7B5EF;
}

.borderColor\(chartLilac\)\:\:hover:hover {
  border-color: #D7B5EF;
}

.borderColor\(chartLilac\)\:\:active:active {
  border-color: #D7B5EF;
}

.borderColor\(chartLilac\)\:\:focus:focus {
  border-color: #D7B5EF;
}

.borderColor\(chartOrange\) {
  border-color: #FFBA30;
}

.borderColor\(chartOrange\)\:\:hover:hover {
  border-color: #FFBA30;
}

.borderColor\(chartOrange\)\:\:active:active {
  border-color: #FFBA30;
}

.borderColor\(chartOrange\)\:\:focus:focus {
  border-color: #FFBA30;
}

.borderColor\(chartOrangeDark\) {
  border-color: #FDB02A;
}

.borderColor\(chartOrangeDark\)\:\:hover:hover {
  border-color: #FDB02A;
}

.borderColor\(chartOrangeDark\)\:\:active:active {
  border-color: #FDB02A;
}

.borderColor\(chartOrangeDark\)\:\:focus:focus {
  border-color: #FDB02A;
}

.borderColor\(chartOrangeBright\) {
  border-color: #FD7C23;
}

.borderColor\(chartOrangeBright\)\:\:hover:hover {
  border-color: #FD7C23;
}

.borderColor\(chartOrangeBright\)\:\:active:active {
  border-color: #FD7C23;
}

.borderColor\(chartOrangeBright\)\:\:focus:focus {
  border-color: #FD7C23;
}

.borderColor\(chartOrangeLighten\) {
  border-color: #FDAB3C;
}

.borderColor\(chartOrangeLighten\)\:\:hover:hover {
  border-color: #FDAB3C;
}

.borderColor\(chartOrangeLighten\)\:\:active:active {
  border-color: #FDAB3C;
}

.borderColor\(chartOrangeLighten\)\:\:focus:focus {
  border-color: #FDAB3C;
}

.borderColor\(tableBorderGray\) {
  border-color: #E0E0E0;
}

.borderColor\(tableBorderGray\)\:\:hover:hover {
  border-color: #E0E0E0;
}

.borderColor\(tableBorderGray\)\:\:active:active {
  border-color: #E0E0E0;
}

.borderColor\(tableBorderGray\)\:\:focus:focus {
  border-color: #E0E0E0;
}

.borderColor\(gray1\) {
  border-color: #F8F8F8;
}

.borderColor\(gray1\)\:\:hover:hover {
  border-color: #F8F8F8;
}

.borderColor\(gray1\)\:\:active:active {
  border-color: #F8F8F8;
}

.borderColor\(gray1\)\:\:focus:focus {
  border-color: #F8F8F8;
}

.borderColor\(gray2\) {
  border-color: #E5E5E5;
}

.borderColor\(gray2\)\:\:hover:hover {
  border-color: #E5E5E5;
}

.borderColor\(gray2\)\:\:active:active {
  border-color: #E5E5E5;
}

.borderColor\(gray2\)\:\:focus:focus {
  border-color: #E5E5E5;
}

.borderColor\(gray3\) {
  border-color: #DDDDDD;
}

.borderColor\(gray3\)\:\:hover:hover {
  border-color: #DDDDDD;
}

.borderColor\(gray3\)\:\:active:active {
  border-color: #DDDDDD;
}

.borderColor\(gray3\)\:\:focus:focus {
  border-color: #DDDDDD;
}

.borderColor\(gray4\) {
  border-color: #CCCCCC;
}

.borderColor\(gray4\)\:\:hover:hover {
  border-color: #CCCCCC;
}

.borderColor\(gray4\)\:\:active:active {
  border-color: #CCCCCC;
}

.borderColor\(gray4\)\:\:focus:focus {
  border-color: #CCCCCC;
}

.borderColor\(gray5\) {
  border-color: #999999;
}

.borderColor\(gray5\)\:\:hover:hover {
  border-color: #999999;
}

.borderColor\(gray5\)\:\:active:active {
  border-color: #999999;
}

.borderColor\(gray5\)\:\:focus:focus {
  border-color: #999999;
}

.borderColor\(gray6\) {
  border-color: #666666;
}

.borderColor\(gray6\)\:\:hover:hover {
  border-color: #666666;
}

.borderColor\(gray6\)\:\:active:active {
  border-color: #666666;
}

.borderColor\(gray6\)\:\:focus:focus {
  border-color: #666666;
}

.borderColor\(gray7\) {
  border-color: #333333;
}

.borderColor\(gray7\)\:\:hover:hover {
  border-color: #333333;
}

.borderColor\(gray7\)\:\:active:active {
  border-color: #333333;
}

.borderColor\(gray7\)\:\:focus:focus {
  border-color: #333333;
}

.borderColor\(gray8\) {
  border-color: #9B9B9B;
}

.borderColor\(gray8\)\:\:hover:hover {
  border-color: #9B9B9B;
}

.borderColor\(gray8\)\:\:active:active {
  border-color: #9B9B9B;
}

.borderColor\(gray8\)\:\:focus:focus {
  border-color: #9B9B9B;
}

.borderColor\(gray9\) {
  border-color: #EEEEEE;
}

.borderColor\(gray9\)\:\:hover:hover {
  border-color: #EEEEEE;
}

.borderColor\(gray9\)\:\:active:active {
  border-color: #EEEEEE;
}

.borderColor\(gray9\)\:\:focus:focus {
  border-color: #EEEEEE;
}

.borderColor\(errorColor\) {
  border-color: #FF0000;
}

.borderColor\(errorColor\)\:\:hover:hover {
  border-color: #FF0000;
}

.borderColor\(errorColor\)\:\:active:active {
  border-color: #FF0000;
}

.borderColor\(errorColor\)\:\:focus:focus {
  border-color: #FF0000;
}

.borderColor\(alertColor\) {
  border-color: #F6A405;
}

.borderColor\(alertColor\)\:\:hover:hover {
  border-color: #F6A405;
}

.borderColor\(alertColor\)\:\:active:active {
  border-color: #F6A405;
}

.borderColor\(alertColor\)\:\:focus:focus {
  border-color: #F6A405;
}

.borderColor\(goodColor\) {
  border-color: #70961A;
}

.borderColor\(goodColor\)\:\:hover:hover {
  border-color: #70961A;
}

.borderColor\(goodColor\)\:\:active:active {
  border-color: #70961A;
}

.borderColor\(goodColor\)\:\:focus:focus {
  border-color: #70961A;
}

.borderColor\(successColor\) {
  border-color: #58C026;
}

.borderColor\(successColor\)\:\:hover:hover {
  border-color: #58C026;
}

.borderColor\(successColor\)\:\:active:active {
  border-color: #58C026;
}

.borderColor\(successColor\)\:\:focus:focus {
  border-color: #58C026;
}

.borderColor\(successColorLight\) {
  border-color: #f2fbea;
}

.borderColor\(successColorLight\)\:\:hover:hover {
  border-color: #f2fbea;
}

.borderColor\(successColorLight\)\:\:active:active {
  border-color: #f2fbea;
}

.borderColor\(successColorLight\)\:\:focus:focus {
  border-color: #f2fbea;
}

.borderColor\(needsAttentionColor\) {
  border-color: #C60004;
}

.borderColor\(needsAttentionColor\)\:\:hover:hover {
  border-color: #C60004;
}

.borderColor\(needsAttentionColor\)\:\:active:active {
  border-color: #C60004;
}

.borderColor\(needsAttentionColor\)\:\:focus:focus {
  border-color: #C60004;
}

.borderColor\(negativeBehavior\) {
  border-color: #D0021B;
}

.borderColor\(negativeBehavior\)\:\:hover:hover {
  border-color: #D0021B;
}

.borderColor\(negativeBehavior\)\:\:active:active {
  border-color: #D0021B;
}

.borderColor\(negativeBehavior\)\:\:focus:focus {
  border-color: #D0021B;
}

.borderColor\(negativeColor\) {
  border-color: #B11A10;
}

.borderColor\(negativeColor\)\:\:hover:hover {
  border-color: #B11A10;
}

.borderColor\(negativeColor\)\:\:active:active {
  border-color: #B11A10;
}

.borderColor\(negativeColor\)\:\:focus:focus {
  border-color: #B11A10;
}

.borderColor\(warningColor\) {
  border-color: #EBB84B;
}

.borderColor\(warningColor\)\:\:hover:hover {
  border-color: #EBB84B;
}

.borderColor\(warningColor\)\:\:active:active {
  border-color: #EBB84B;
}

.borderColor\(warningColor\)\:\:focus:focus {
  border-color: #EBB84B;
}

.borderColor\(emphasisColor\) {
  border-color: #7BB2CC;
}

.borderColor\(emphasisColor\)\:\:hover:hover {
  border-color: #7BB2CC;
}

.borderColor\(emphasisColor\)\:\:active:active {
  border-color: #7BB2CC;
}

.borderColor\(emphasisColor\)\:\:focus:focus {
  border-color: #7BB2CC;
}

.borderColor\(highlightColor\) {
  border-color: #FFFCBB;
}

.borderColor\(highlightColor\)\:\:hover:hover {
  border-color: #FFFCBB;
}

.borderColor\(highlightColor\)\:\:active:active {
  border-color: #FFFCBB;
}

.borderColor\(highlightColor\)\:\:focus:focus {
  border-color: #FFFCBB;
}

.borderColor\(linkColor\), .niceButtonActive {
  border-color: #46B0B9;
}

.borderColor\(linkColor\)\:\:hover:hover {
  border-color: #46B0B9;
}

.borderColor\(linkColor\)\:\:active:active {
  border-color: #46B0B9;
}

.borderColor\(linkColor\)\:\:focus:focus {
  border-color: #46B0B9;
}

.borderColor\(linkVisitedColor\) {
  border-color: #2D97A0;
}

.borderColor\(linkVisitedColor\)\:\:hover:hover {
  border-color: #2D97A0;
}

.borderColor\(linkVisitedColor\)\:\:active:active {
  border-color: #2D97A0;
}

.borderColor\(linkVisitedColor\)\:\:focus:focus {
  border-color: #2D97A0;
}

.borderColor\(marketColor\) {
  border-color: #8B7FE9;
}

.borderColor\(marketColor\)\:\:hover:hover {
  border-color: #8B7FE9;
}

.borderColor\(marketColor\)\:\:active:active {
  border-color: #8B7FE9;
}

.borderColor\(marketColor\)\:\:focus:focus {
  border-color: #8B7FE9;
}

.borderColor\(currentColor\) {
  border-color: currentColor;
}

.borderColor\(currentColor\)\:\:hover:hover {
  border-color: currentColor;
}

.borderColor\(currentColor\)\:\:active:active {
  border-color: currentColor;
}

.borderColor\(currentColor\)\:\:focus:focus {
  border-color: currentColor;
}

.linkColor\(linkColor\) a {
  color: #46B0B9;
}

.color-chart-green {
  color: #a7c573;
}

.risk-profile {
  --rm-primary-color: #669fe7;
  --rm-secondary-color: #f5a623;
}

/**
 * propertyNametoClassNamingSchema - transforms a property-name string
 * into our className schema (font-size => fontSize).
 * @param $str: string
 */
/**
 * valueToClassNamingSchema - transforms a value string
 * into our className schema (2 => \(2\))
 */
/**
 * @mixin boxProperty - utility for managing properties like margin and padding.
 * 
 * @param $property: string - the property name (margin)
 * @param $increment: number = 0 - the amount to increase between $min and $max
 * @param $min: number = 0 - the minimum value
 * @param $max: number = 1 - the maximum value
 * @param $units: string = 'em' - the units to use (em, px, rem)
 * @param $additionalValues: string[] - any special or non-numeric properties to include (auto)
 */
/**
 * @mixin propertyIterator - a simple property-value utility.
 * @param $property: string
 * @param values: any[]
 * @param units?: string = ''
 * Ex: @include propertyIterator((
 *      property: font-size,
 *      values: (1, 2.4, 3.6, 4.8, 5),
 *      units: em
 * ))
 */
/**
 * @mixin property - decouples our naming logic from property values. Useful in case we ever want
 * to change our naming schema, it can be done globally in this mixin instead of every time a property
 * is declared.
 * @param $property: string
 * @param $value: any
 * @param $auto: boolean = true - whether or not to automatically add the property: value declaration
 * @param $units: string = '' 
 */
@font-face {
  font-family: 'riskmatch-icons';
  src: url(/static/webpack/fonts/riskmatch-icons.1f4fca1b826aaed0192d.eot);
  src: url(/static/webpack/fonts/riskmatch-icons.1f4fca1b826aaed0192d.eot#iefix) format("embedded-opentype"), url(/static/webpack/fonts/riskmatch-icons.219934c9fd64bc97d7e7.ttf) format("truetype"), url(/static/webpack/fonts/riskmatch-icons.3ab6b02708b24fd93bb8.woff) format("woff"), url(/static/webpack/img/riskmatch-icons.6a1fb6d7330168afd6f7.svg#riskmatch-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  font-size: 13px;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  overflow: hidden;
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  html,
  body {
    font-size: 14px;
  }
}

.mq--medium html, .mq--medium
body {
  font-size: 14px;
}

@media all and (min-width: medium) {
  html,
  body {
    font-size: 14px;
  }
}

@media all and (min-width: 1100px) {
  html,
  body {
    font-size: 16px;
  }
}

.mq--large html, .mq--large
body {
  font-size: 16px;
}

@media all and (min-width: large) {
  html,
  body {
    font-size: 16px;
  }
}

html.panel__inner {
  width: 1px;
  min-width: 100%;
}

html.panel__inner.mq--desktop {
  font-size: 16px;
}

html.panel__inner.mq--desktop body {
  font-size: 16px;
}

html.panel__inner.mq--tablet {
  font-size: 14px;
}

html.panel__inner.mq--tablet body {
  font-size: 14px;
}

html.panel__inner.mq--small {
  font-size: 13px;
}

html.panel__inner.mq--small body {
  font-size: 13px;
}

#app {
  width: 100%;
  height: 100%;
}

.num, .align-r, td.num,
th.num {
  text-align: right;
}

.icon, .align-c, td.icon,
th.icon, td.center,
th.center, th.tile-cell, td.action,
th.action, td.ratio-set,
th.ratio-set, th.colgroup {
  text-align: center;
}

.float-r {
  float: right;
}

.float-l {
  float: left;
}

.align-l {
  text-align: left;
}

.align-t {
  vertical-align: top;
}

.align-m {
  vertical-align: middle;
}

.clear {
  clear: both;
}

.inline {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.stacked {
  display: block;
}

.absolute-r {
  position: absolute;
  right: 0;
}

.uppercase {
  text-transform: uppercase;
}

/* Nicolas Gallagher's micro clearfix */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

.no-bullets {
  list-style: none;
  padding-left: 0;
}

.no-bullets li {
  list-style: none;
}

.padded {
  padding: 0.5em !important;
}

.padded1 {
  padding: 1em;
}

.padding-t {
  padding-top: 2em !important;
}

.padding-t0\.25 {
  padding-top: 0.25em !important;
}

.padding-t0\.5 {
  padding-top: 0.5em !important;
}

.padding-t1 {
  padding-top: 1em !important;
}

.padding-t1\.5 {
  padding-top: 1.5em !important;
}

.padding-b {
  padding-bottom: 2em !important;
}

.padding-b0\.25 {
  padding-bottom: 0.25em !important;
}

.padding-b0\.5 {
  padding-bottom: 0.5em !important;
}

.padding-b1 {
  padding-bottom: 1em !important;
}

.padding-b1\.5 {
  padding-bottom: 1.5em !important;
}

.padding-l {
  padding-left: 2em !important;
}

.padding-l1 {
  padding-left: 1em !important;
}

.padding-l1\.5 {
  padding-left: 1.5em !important;
}

.padding-r {
  padding-right: 2em !important;
}

.padding-r0\.5 {
  padding-right: 0.5em !important;
}

.padding-r1 {
  padding-right: 1em !important;
}

.padding-r1\.5 {
  padding-right: 1.5em !important;
}

.padding-0 {
  padding: 0 !important;
}

.padding-1 {
  padding: 1em !important;
}

.padding-0\.5 {
  padding: 0.5em !important;
}

.padding-0\.25 {
  padding: 0.25em !important;
}

.padding-lr--0\.25 {
  padding-left: 0.25em !important;
  padding-right: 0.25em !important;
}

.padding-t0 {
  padding-top: 0 !important;
}

.padding-b0 {
  padding-bottom: 0 !important;
}

.margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-b {
  margin-bottom: 2em !important;
}

.margin-b0 {
  margin-bottom: 0 !important;
}

.margin-b0\.5 {
  margin-bottom: 0.5em !important;
}

.margin-b1 {
  margin-bottom: 1em !important;
}

.margin-b1\.5 {
  margin-bottom: 1.5em !important;
}

.margin-t0 {
  margin-top: 0 !important;
}

.margin-t {
  margin-top: 2em !important;
}

.margin-t0\.25 {
  margin-top: 0.25em !important;
}

.margin-t0\.5 {
  margin-top: 0.5em !important;
}

.margin-t1 {
  margin-top: 1em !important;
}

.margin-t1\.5 {
  margin-top: 1.5em !important;
}

.margin-0 {
  margin: 0 !important;
}

.margin-lr {
  margin-left: 1em;
  margin-right: 1em;
}

.margin-r {
  margin-right: 1em !important;
}

.margin-r0\.5 {
  margin-right: 0.5em !important;
}

.margin-r1 {
  margin-right: 1em !important;
}

.margin-l {
  margin-left: 1em !important;
}

.margin-l0 {
  margin-left: 0 !important;
}

.margin-l0\.25 {
  margin-left: 0.25em !important;
}

.margin-l0\.5 {
  margin-left: 0.5em !important;
}

.margin-l0\.75 {
  margin-left: 0.75em !important;
}

.margin-l1 {
  margin-left: 1em !important;
}

.margin-l2 {
  margin-left: 2em !important;
}

.margin-l0\.1 {
  margin-left: 0.1em !important;
}

.margin-all0\.5 {
  margin: 0.5em;
}

.margin-all1 {
  margin: 1em;
}

.pull-down {
  margin-bottom: -3em;
}

.no-pointer-events {
  pointer-events: none;
}

.hidden {
  display: none;
}

.visibly-hidden, .ps-filter:not(.ps-checkbox--plain) input[type='checkbox'],
.ps-filter:not(.ps-checkbox--plain) input[type='radio'], .toggle, .divisionSelector__toggleBox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.absolute-center {
  /*requires element have a declared height*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.ellipsis, .c-filterTile__header {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.word-wrap,
td.word-wrap {
  white-space: normal;
  word-break: keep-all;
}

.force-wrap,
td.force-wrap {
  white-space: break-word;
  word-break: break-all;
}

.width10 {
  width: 10%;
}

.width20 {
  width: 20%;
}

.width30 {
  width: 30%;
}

.width40 {
  width: 40%;
}

.width48 {
  width: 48%;
}

.width50,
.w-50 {
  width: 50%;
}

.width60 {
  width: 60%;
}

.width70 {
  width: 70%;
}

.width80 {
  width: 80%;
}

.width90 {
  width: 90%;
}

.width100 {
  width: 100%;
}

.border-l,
.b-left {
  border-left: 1px solid #ccc;
}

.border-r {
  border-right: 1px solid #ccc;
}

.border-b, .presentation .s-summary__content {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}

.border-t {
  border-top: 1px solid #ccc;
  padding-top: 1em;
}

.b-radius {
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  background-clip: border-box;
}

.h-scroll {
  overflow-x: auto;
}

.v-scroll {
  overflow-y: auto;
}

.rounded, .container.quick-find, .container.simple, .container.padded-margin, .container.topic-list, .container.take-action {
  border-radius: 8px;
}

.rounded--small {
  border-radius: 2px;
}

.rounded-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.vscroll {
  overflow-y: auto;
}

.overflow {
  overflow: visible;
}

.bg-white {
  background-color: #ffffff;
}

.loader {
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  background-image: url(/static/webpack/img/loading.1bc52b731b6dd4618fe2.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 20;
}

.no-smil .loader {
  background-image: url(/static/webpack/img/loading.c47733b9694633c106ee.gif);
}

.loader.inline {
  display: inline-block;
  margin: 0 0.5em;
  width: 1em;
  height: 1em;
  line-height: inherit;
}

.svg-loader {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.svg-loader__wrapper {
  display: inline-block;
  font-size: 1em;
  width: 1em;
  height: 1em;
}

.svg-loader__path {
  fill: #f15727;
  opacity: 0.4;
}

.svg-loader--light .svg-loader__path,
.metric-bar.clickable .metric-unit:hover .svg-loader__path {
  fill: #ffffff;
}

.svg-loader__marker {
  fill: #f15727;
  animation: loader-rotate 1s linear infinite;
  transform-origin: 20px 20px;
}

.svg-loader--light .svg-loader__marker,
.metric-bar.clickable .metric-unit:hover .svg-loader__marker {
  fill: #ffffff;
}

@keyframes loader-rotate {
  to {
    transform: rotate(360deg);
  }
}

.text-label {
  text-transform: capitalize;
}

.transparent {
  opacity: 0;
}

.color--chart-blue {
  color: #639dea !important;
}

.fw--300 {
  font-weight: 300;
}

.fw--400 {
  font-weight: 400;
}

.fw--600 {
  font-weight: 600;
}

.fw--700 {
  font-weight: 700;
}

.fs--1 {
  font-size: 1.2em;
}

.border--none {
  border: none !important;
}

.bw--1 {
  border-width: 1px;
}

.bs--s {
  border-style: solid;
}

.bc--ccc {
  border-color: #ccc;
}

.width {
  /** @TODO: incorporate extra-large better into flow. */
}

.width--100\% {
  width: 100%;
}

.width--50\% {
  width: 50%;
}

@media all and (min-width: 1100px) {
  .width--50\%\@large {
    width: 50%;
  }
}

.mq--large .width--50\%\@large {
  width: 50%;
}

@media all and (min-width: large) {
  .width--50\%\@large {
    width: 50%;
  }
}

.m--t1 {
  margin-top: 1em;
}

.m--t0\@large {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .m--t0\@large {
    margin-top: 0;
  }
}

.mq--large .m--t0\@large {
  margin-top: 0;
}

@media all and (min-width: large) {
  .m--t0\@large {
    margin-top: 0;
  }
}

.cursor--pointer {
  cursor: pointer;
}

.justify {
  justify-content: space-between;
}

.maxHeight-transition__target {
  overflow: hidden;
  max-height: 100px;
}

.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--enter--active {
  transition: max-height 0.25s ease;
  max-height: 100px;
}

.maxHeight-transition--leave {
  max-height: 100px;
}

.maxHeight-transition--leave--active {
  transition: max-height 0.25s ease;
  max-height: 0;
}

.maxHeight-transition--200 .maxHeight-transition__target {
  max-height: 200px;
}

.maxHeight-transition--200 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--200 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 200px;
}

.maxHeight-transition--200 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 200px;
}

.maxHeight-transition--200 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--300 .maxHeight-transition__target {
  max-height: 300px;
}

.maxHeight-transition--300 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--300 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 300px;
}

.maxHeight-transition--300 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 300px;
}

.maxHeight-transition--300 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--400 .maxHeight-transition__target {
  max-height: 400px;
}

.maxHeight-transition--400 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--400 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 400px;
}

.maxHeight-transition--400 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 400px;
}

.maxHeight-transition--400 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--500 .maxHeight-transition__target {
  max-height: 500px;
}

.maxHeight-transition--500 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--500 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 500px;
}

.maxHeight-transition--500 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 500px;
}

.maxHeight-transition--500 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--600 .maxHeight-transition__target {
  max-height: 600px;
}

.maxHeight-transition--600 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--600 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 600px;
}

.maxHeight-transition--600 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 600px;
}

.maxHeight-transition--600 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--700 .maxHeight-transition__target {
  max-height: 700px;
}

.maxHeight-transition--700 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--700 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 700px;
}

.maxHeight-transition--700 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 700px;
}

.maxHeight-transition--700 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--800 .maxHeight-transition__target {
  max-height: 800px;
}

.maxHeight-transition--800 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--800 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 800px;
}

.maxHeight-transition--800 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 800px;
}

.maxHeight-transition--800 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--900 .maxHeight-transition__target {
  max-height: 900px;
}

.maxHeight-transition--900 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--900 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 900px;
}

.maxHeight-transition--900 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 900px;
}

.maxHeight-transition--900 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.maxHeight-transition--1000 .maxHeight-transition__target {
  max-height: 1000px;
}

.maxHeight-transition--1000 .maxHeight-transition__target.maxHeight-transition--enter {
  max-height: 0;
}

.maxHeight-transition--1000 .maxHeight-transition__target.maxHeight-transition--enter--active {
  max-height: 1000px;
}

.maxHeight-transition--1000 .maxHeight-transition__target.maxHeight-transition--leave {
  max-height: 1000px;
}

.maxHeight-transition--1000 .maxHeight-transition__target.maxHeight-transition--leave--active {
  max-height: 0;
}

.em-format em {
  font-size: 0.9em;
  font-style: normal;
  font-weight: 300;
}

a:not(.unstyled) {
  color: #46b0b9;
}

a:not(.unstyled):visited {
  color: #3f9ea7;
}

a:not(.unstyled):hover {
  color: #7bb2cc;
}

a:not(.unstyled):focus {
  color: #7bb2cc;
}

a:not(.unstyled):active {
  color: #f15727;
}

a:not(.unstyled).disabled,
.disabled a:not(.unstyled) {
  color: #ccc;
}

a:not(.unstyled).disabled:visited,
.disabled a:not(.unstyled):visited {
  color: #ccc;
}

a:not(.unstyled).disabled:hover,
.disabled a:not(.unstyled):hover {
  color: #ccc;
}

a:not(.unstyled).disabled:focus,
.disabled a:not(.unstyled):focus {
  color: #ccc;
}

a:not(.unstyled).disabled:active,
.disabled a:not(.unstyled):active {
  color: #ccc;
}

.looks-good {
  color: #70961a;
}

.bg--looks-good {
  background: #70961a;
}

.bg--chart-green {
  background-color: #a7c573;
}

.bg--white {
  background-color: #fff !important;
}

.bg--light-gray {
  background-color: #f8f8f8;
}

.color--looks-good {
  color: #70961a;
  fill: #70961a;
}

.color--chart-blue {
  color: #639dea;
  fill: #639dea;
}

.color--chart-green {
  color: #a7c573;
  fill: #a7c573;
}

.color--chart-orange {
  color: #ffba30;
  fill: #ffba30;
}

.color--riskmatch-orange {
  color: #f15727 !important;
  fill: #f15727 !important;
}

.color--riskmatch-blue {
  color: #02284b;
  fill: #02284b;
}

.color-white {
  color: #ffffff;
  fill: #ffffff;
}

.color--link-color {
  color: #46b0b9;
}

.needs-attention {
  color: #c60004 !important;
}

.needs-attention .bar-cell .bar {
  background-color: #c60004;
}

.new,
a.new,
td > a.new {
  color: #fd7c23;
}

.footnotes {
  color: #999;
}

.warning {
  color: #c60004;
}

.win {
  color: #9bbb58;
}

.loss {
  color: #df583e;
}

.pending-delete {
  border: 1px solid #f78b83 !important;
}

.invalid-field {
  border: 2px solid #c60004 !important;
}

.emphasize {
  color: #f15727;
}

.shaded-bg {
  background-color: #f8f8f8;
}

.shaded-bg-medium-2 {
  background-color: #dfdfdf;
}

.disabled,
.inactive {
  color: #999;
}

.attention {
  color: #f15727;
}

.pos-text {
  color: #009933;
}

.neg-text {
  color: #d14836;
}

.default-text {
  color: #000;
}

.swatch:before {
  background: #000000;
}

.swatch.swatch--chart-orange:before {
  background: #ffba30;
}

.swatch.swatch--chart-bright-orange:before {
  background: #fd7c23;
}

.swatch.swatch--chart-blue:before {
  background: #639dea;
}

.swatch.swatch--chart-bright-blue:before {
  background: #488bfb;
}

.view-only,
.sample-data {
  position: relative;
  user-select: none;
}

.view-only:before,
.sample-data:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: not-allowed;
  z-index: 10;
}

.view-only.collapsible > header:hover,
.sample-data.collapsible > header:hover {
  background-color: #ddd;
}

.view-only.collapsible > header:hover .section-title,
.sample-data.collapsible > header:hover .section-title {
  color: #333;
}

.view-only.collapsible > header:hover:before,
.sample-data.collapsible > header:hover:before {
  color: #666;
}

.view-only > div {
  opacity: 0.5;
}

.view-only > div.ribbon {
  opacity: 1;
}

.sample-data:before {
  background-image: url(/img/sample-data.png);
  background-position: center;
  background-repeat: no-repeat;
}

.lt-ie9 .sample-data {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.lt-ie9 .sample-data * {
  filter: inherit;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  display: block;
  min-height: 0;
}

.ui-helper-clearfix:before {
  content: '';
  display: table;
}

.ui-helper-clearfix:after {
  content: '';
  display: table;
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selecting {
  background: #eee;
}

.ui-selecting .handle {
  background: #ddd;
}

.ui-selected {
  background: #def;
}

.ui-selected .handle {
  background: #cde;
}

.ui-widget {
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: white;
  color: #404040;
}

.ui-widget-header {
  font-weight: bold;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #666;
}

.ui-widget-header a {
  color: #222222;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #f2f2f2;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  overflow: visible;
}

.ui-state-default a {
  color: #555555;
  text-decoration: none;
}

.ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

.ui-state-hover a {
  color: #212121;
  text-decoration: none;
}

.ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a {
  color: #212121;
  text-decoration: none;
}

.ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

.ui-state-highlight p,
.ui-state-error p,
.ui-state-default p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1em;
  margin: 7px 15px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  position: relative;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  position: relative;
  margin-bottom: 18px;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/img/jqueryui/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: url(/img/jqueryui/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(/img/jqueryui/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
  background-image: url(/img/jqueryui/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(/img/jqueryui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/img/jqueryui/ui-icons_f6cf3b_256x240.png);
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start,
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-button.ui-corner-all {
  border-radius: 2em;
}

.ui-widget-overlay {
  background: #aaaaaa url(/img/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(/img/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete-loading {
  background: url(/static/webpack/img/loading.1bc52b731b6dd4618fe2.svg) no-repeat right center;
  background-size: contain;
}

.no-smil .ui-autocomplete-loading {
  background: url("/img/loading.gif") no-repeat right center;
  background-size: contain;
}

.ui-button {
  cursor: pointer;
  display: inline-block;
  background-color: #f2f2f2;
  outline: 0;
  padding: 5px 14px 6px;
  margin: 0;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  overflow: visible;
}

.ui-button-primary {
  color: #ffffff;
  background-color: #46b0b9;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-success {
  color: #ffffff;
  background-color: #58c026;
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-error {
  color: #ffffff;
  background-color: #b11a10;
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-icon-only {
  width: 2.2em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
  /*tempfix*/
  display: none;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
  padding-left: 2.1em;
  padding-right: 2.1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  top: 50%;
  margin-top: -3px;
  margin-bottom: 3px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #46b0b9;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.4em;
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* reset extra padding in Firefox */
/*
 * jQuery UI Menu 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus {
  font-weight: normal;
  margin: 0;
  color: #ffffff;
  background: #46b0b9;
  background-color: #46b0b9;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: 0;
  color: #ffffff;
  background: #46b0b9;
  background-color: #46b0b9;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  padding: 1px 0.4em;
}

.ui-menu .ui-menu-item a .result--main {
  font-weight: 700;
}

.ui-menu .ui-menu-item a .result--desc {
  font-weight: 400;
  font-size: smaller;
  color: #666;
  margin-left: 0.5em;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* Fix problem with border in ui-state-active */
/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu {
  width: 200px;
  margin-bottom: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

/*
 * jQuery UI spinner 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

/* more specificity required here to overide default borders */
/* vertical centre icon */
.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

/*
 * jQuery UI Dialog 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
  outline: 0;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  outline: medium none;
  z-index: 1050;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  padding: 5px 15px;
  border: 0px 0px 0px 1px solid;
  border-color: white;
  font-size: 18px;
  text-decoration: none;
  background: #ddd;
  /*
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
*/
  border-bottom-left-radius: 0px;
  border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title {
  float: left;
  color: #02284b;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-dialog .ui-dialog-title span {
  font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 35%;
  background: none;
  border-width: 0;
  border: none;
  box-shadow: none;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 1px;
  filter: alpha(opacity=100);
  opacity: 1;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: #fff;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  background-color: #f5f5f5;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  /*
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
*/
  border-radius: 0 0 6px 6px;
  /*
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
*/
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  color: #ffffff;
  background-color: #46b0b9;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  color: #ffffff;
  background-color: #f15727;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* IE fix for background inheritance from ui-widget*/
/*
 * jQuery UI Tooltip 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tooltip/
 */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  /*
  -o-box-shadow: 0 0 5px #ddd;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
*/
  /*box-shadow: 0 2px 5px #ddd;*/
  box-shadow: inset 0 1px 0 #ffffff;
}

body .ui-tooltip {
  border-width: 2px;
}

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  border: 0px;
  font-weight: bold;
  width: 100%;
  padding: 4px 0;
  background-color: #f5f5f5;
  color: #808080;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  /*top: 1px;*/
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  /*left:1px;*/
}

.ui-datepicker .ui-datepicker-next-hover {
  /*right:1px;*/
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

.ui-datepicker th {
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a {
  background-color: #bfbfbf;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom: 0px;
}

.ui-datepicker-today a:hover {
  background-color: #808080;
  color: #ffffff;
}

.ui-datepicker td a {
  margin-bottom: 0px;
  border: 0px;
}

.ui-datepicker td:hover {
  color: #ffffff;
}

.ui-datepicker td .ui-state-default {
  border: 0px;
  background: none;
  margin-bottom: 0px;
  padding: 5px;
  color: gray;
  text-align: center;
  filter: none;
}

.ui-datepicker td .ui-state-active {
  background: #bfbfbf;
  margin-bottom: 0px;
  font-size: normal;
  text-shadow: 0px;
  color: #ffffff;
  /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
*/
  border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
  color: #ffffff;
  background: #0064cd;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #049cdb, #0064cd);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

/**Toolbar**/
.ui-toolbar {
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  /*
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
*/
  border-radius: 3px;
  /*
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
*/
  box-shadow: inset 0 1px 0 #ffffff;
}

/***Dialog fixes**/
.ui-dialog-buttonset .ui-button:nth-child(2) {
  cursor: pointer;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 5px 14px 6px;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  /*
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
*/
  transition: 0.1s linear all;
  overflow: visible;
}

.ui-effects-transfer {
  border: 1px solid #999;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 100;
}

/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Tue Aug 13 2013 04:08 UTC+0000
 * Plugins: tips viewport svg modal
 * Styles: basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 500px;
  min-width: 50px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip.wide {
  max-width: unset;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  /*
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
*/
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #f1d031;
  background-color: #ffffa3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

/*! Light tooltip style */
.qtip-light {
  background-color: white;
  border-color: #e2e2e2;
  color: #454545;
}

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

/*! Dark tooltip style */
.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
  background-color: #404040;
}

.qtip-dark .qtip-icon {
  border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/*! Cream tooltip style */
.qtip-cream {
  background-color: #fbf7aa;
  border-color: #f9e98e;
  color: #a27d35;
}

.qtip-cream .qtip-titlebar {
  background-color: #f0de7d;
}

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

/*! Red tooltip style */
.qtip-red {
  background-color: #f78b83;
  border-color: #d95252;
  color: #912323;
}

.qtip-red .qtip-titlebar {
  background-color: #f06d65;
}

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-red .qtip-icon {
  border-color: #d95252;
}

.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #d95252;
}

/*! Green tooltip style */
.qtip-green {
  background-color: #caed9e;
  border-color: #90d93f;
  color: #3f6219;
}

.qtip-green .qtip-titlebar {
  background-color: #b0de78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.qtip-blue {
  background-color: #e5f6fe;
  border-color: #add9ed;
  color: #5e99bd;
}

.qtip-blue .qtip-titlebar {
  background-color: #d0e9f5;
}

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
  /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
*/
  border-radius: 4px;
}

.qtip-rounded .qtip-titlebar {
  /*
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
*/
  border-radius: 2px 2px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube {
  /*
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
*/
  border-radius: 2px;
  /*
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
*/
  box-shadow: 0 0 3px #333;
  color: white;
  border-width: 0;
  background: #4a4a4a;
  background-image: linear-gradient(to top, #4a4a4a 0, black 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4a4a4a;
  background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  /*
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
*/
  border-radius: 2px;
  /*
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
*/
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.qtip-jtools .qtip-titlebar {
  background-color: transparent;
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

/* Cluetip style */
.qtip-cluetip {
  /*
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
*/
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #d9d9c2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876a;
  color: white;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

/* Tipsy style */
.qtip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0 solid transparent;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* Tipped style */
.qtip-tipped {
  border: 3px solid #959fa9;
  /*
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
*/
  border-radius: 3px;
  background-color: #f9f9f9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3a79b8;
  background-image: linear-gradient(to top, #3a79b8, #2e629d);
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #fbfbfb;
  color: #555;
}

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
  /** Taken from Bootstrap body */
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  /** Taken from Bootstrap .popover */
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
*/
  border-radius: 6px;
  /*
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
*/
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  /*
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
*/
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  /** Taken from Bootstrap .popover-title */
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  /*
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
*/
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  /**
             * Overrides qTip2:
             * .qtip-titlebar .qtip-close{
             *   [...]
             *   right: 4px;
             *   top: 50%;
             *   [...]
             *   border-style: solid;
             * }
             */
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  /** Taken from Bootstrap .popover-content */
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  /**
         * Overrides qTip2:
         * .qtip-default .qtip-icon {
         *   border-color: #CCC;
         *   background: #F1F1F1;
         *   color: #777;
         * }
         */
  background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  /**
             * Overrides qTip2:
             * .qtip-icon .ui-icon{
             *   width: 18px;
             *   height: 14px;
             * }
             */
  width: auto;
  height: auto;
  /* Taken from Bootstrap .close */
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  /* Taken from Bootstrap .close:hover */
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
    https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus,
.qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}

.qtip-orgs .orgslist {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-size: 0.875em;
}

.qtip-orgs .orgslist__item {
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.qtip-orgs .orgslist__item + li {
  border-top: 1px solid;
}

.qtip-orgs .orgslist__item:last-of-type:not(:only-of-type) {
  border-bottom: 1px solid;
}

.arrow-light .qtip-tip {
  top: 0 !important;
  background-color: white;
}

/*
   Plupload
------------------------------------------------------------------- */
.plupload_button {
  display: inline-block;
  text-decoration: none;
  color: #46b0b9;
  border: 1px solid #46b0b9;
  padding: 0 1em 0 2em;
  line-height: 2em;
  margin-right: 4px;
  background: #fff url("/bower_components/plupload/js/jquery.plupload.queue/img/buttons.png") no-repeat 0 center;
  outline: 0;
  border-radius: 3em;
}

.plupload_button:hover {
  color: #000;
  text-decoration: none;
}

.plupload_disabled,
a.plupload_disabled:hover {
  background: #eee url("/bower_components/plupload/js/jquery.plupload.queue/img/buttons-disabled.png") no-repeat 0 center;
  border-color: #d5d5d5;
  color: #ccc;
  cursor: default;
}

.plupload_add {
  background-position: -181px center;
}

.plupload_wrapper {
  font-size: 0.75em;
  width: 100%;
}

.plupload_container {
  padding: 0.5em;
}

.plupload_container input {
  border: 1px solid #ddd;
  width: 98%;
}

/*
.plupload_header_content {
	background: url('/bower_components/plupload/js/jquery.plupload.queue/img/backgrounds.gif') no-repeat 0 -317px;
	min-height: 56px;
	padding-left: 60px;
	color: #FFF;
}
*/
/*
.plupload_header_title {
	font: normal 18px sans-serif;
	padding: 6px 0 3px;
}
.plupload_header_text {
	font: normal 12px sans-serif;
}
*/
.plupload_filelist {
  margin: 0;
  padding: 0;
  border: 1px solid #eee;
}

.plupload_filelist.drag-over {
  border-color: #f15727;
}

.plupload_scroll .plupload_filelist {
  height: 185px;
  overflow-y: auto;
  width: 100%;
}

.plupload_filelist > div {
  display: table;
  table-layout: fixed;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.plupload_filelist_header,
.plupload_filelist_footer {
  display: table;
  table-layout: fixed;
  background: #eee;
  width: 100%;
  color: #666;
}

.plupload_filelist_header {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ccc;
}

.plupload_filelist_footer {
  border-top: 1px solid #fff;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
}

.plupload_file_name {
  display: table-cell;
  width: 80%;
  padding: 0.3125em 0.625em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.plupload_file_status {
  display: table-cell;
  color: #777;
}

.plupload_file_status span {
  color: #42454a;
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress,
.plupload_file_action {
  display: table-cell;
  padding: 0.3125em 0.625em;
  vertical-align: middle;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
  text-align: right;
}

.plupload_file_size,
.plupload_file_status {
  width: 10%;
}

.plupload_file_action {
  min-width: 18px;
}

.plupload_file_action * {
  display: none;
}

.plupload_uploading > div {
  background: #edf4de;
}

.plupload_uploading a {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/static/webpack/img/loading.1bc52b731b6dd4618fe2.svg) no-repeat 0 50%;
}

.plupload_done {
  color: #999;
}

.plupload_delete a {
  color: #b11a10;
}

.plupload_delete a:hover {
  color: #b11a10;
}

.plupload_failed > div {
  color: #c60004;
}

.plupload_failed a {
  color: #c60004;
  cursor: default;
}

.plupload_failed a:hover {
  color: #c60004;
}

.plupload_done a {
  color: #70961a;
  cursor: default;
}

.plupload_done a:hover {
  color: #70961a;
}

.plupload_progress_placeholder,
.plupload_buttons {
  display: table-cell;
  width: 80%;
  padding: 0.3125em 0.625em;
}

.plupload_upload_status {
  display: table-cell;
  padding: 0.3125em 0.625em;
  width: 20%;
}

.plupload_progress,
.plupload_upload_status {
  display: none;
}

.plupload_progress_container {
  margin-top: 3px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 1px;
}

.plupload_progress_bar {
  width: 0px;
  height: 7px;
  background: #cdeb8b;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-right: 17px;
}

.plupload_clear,
.plupload_clearer {
  clear: both;
}

.plupload_clearer,
.plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;
}

.plupload_droptext {
  text-align: center;
  vertical-align: middle;
  border: 0;
  height: 100%;
  line-height: 100px;
}

.hidden-select {
  position: absolute;
  padding: 0;
  margin: 0;
  max-width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  width: 100%;
  border: none;
  cursor: pointer;
  font-size: inherit !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0.001;
}

.hidden-select option {
  color: black;
}

.hidden-select:focus {
  outline: 2px solid #669fe7 !important;
}

.custom-select:not(.ps-filter) {
  position: relative;
}

.custom-select:not(.ps-filter) select,
.custom-select:not(.ps-filter) ul.cs-multi {
  position: absolute;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.custom-select:not(.ps-filter) select,
.custom-select:not(.ps-filter) .btn-select {
  width: 20em;
}

.custom-select:not(.ps-filter) select {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  border: none;
  cursor: pointer;
  font-size: inherit !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0.001;
}

.custom-select:not(.ps-filter) select option {
  color: black;
}

.custom-select:not(.ps-filter) select:focus {
  outline: 2px solid #669fe7 !important;
}

.custom-select:not(.ps-filter) option {
  font-size: inherit !important;
  line-height: 1.5;
}

.custom-select:not(.ps-filter) ul.cs-multi {
  display: none;
  top: 2em;
  right: 0;
  max-height: 11em;
  width: 20em;
  padding: 0.2em 0;
  list-style-type: none;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

.custom-select:not(.ps-filter) .btn-select {
  max-width: 100%;
  width: 100%;
  position: relative;
  display: inline-block;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 0.2em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.75em;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2em;
}

.custom-select:not(.ps-filter) .btn-select.btn-focus, .custom-select:not(.ps-filter) .btn-select:focus {
  outline: 2px solid #669fe7 !important;
}

.custom-select:not(.ps-filter) .btn-select::after {
  position: absolute;
  top: 45%;
  right: 1em;
  content: '';
  display: block;
  border: 0.4em solid transparent;
  border-top: 0.4em solid #646464;
  text-overflow: ellipsis;
  width: 0;
  height: 0;
}

.custom-select:not(.ps-filter) .btn-select:empty::before {
  content: '\00a0' !important;
  /*non-breaking space when empty to preserve height */
}

.custom-select:not(.ps-filter) .btn-select.disabled {
  border-color: #ddd;
  color: #ddd;
  cursor: not-allowed;
}

.custom-select:not(.ps-filter) .btn-select.disabled:after {
  border-top-color: #ddd;
}

.custom-select:not(.ps-filter).disabled .btn-select {
  border-color: #dddddd;
  color: #cccccc;
}

.custom-select:not(.ps-filter).disabled .btn-select:after {
  border-top-color: #cccccc;
}

.custom-select:not(.ps-filter) .label-text {
  display: inline-block;
  padding: 0 1em 0.3em 0;
}

.custom-select.fatboy {
  margin: 0.25em 0;
}

.custom-select.fatboy select {
  height: 2em;
  -webkit-appearance: none;
}

.custom-select.fatboy select,
.custom-select.fatboy .btn-select {
  width: 100%;
}

.custom-select.fatboy .btn-select {
  background-color: #fff;
  width: 100%;
  height: 2em;
  padding-right: 2em;
  text-indent: 0.5em;
  line-height: 2em;
}

.custom-select.fatboy .btn-select::after {
  background-color: transparent;
}

.custom-select.rm-select {
  font-size: 0.75rem;
  text-align: center;
}

.custom-select.rm-select .btn-select,
.custom-select.rm-select select {
  height: 1.6em;
}

.custom-select.rm-select .btn-select,
.custom-select.rm-select select,
.custom-select.rm-select ul.cs-multi {
  width: 14rem;
  font-weight: 400;
}

.custom-select.rm-select ul.cs-multi {
  top: 2.3em;
  right: 0;
  padding: 0.2em 0.5em;
  font-weight: bold;
  width: auto;
}

.niceform > li .custom-select {
  min-width: 8em;
}

.niceform > li .custom-select .btn-select {
  width: 100%;
}

.niceform > li .custom-select .cs-multi {
  top: 2em;
  min-width: 100%;
}

.niceform > li .custom-select li.select-all {
  margin: 0.25em 0;
  padding: 0 0.5em 0.25em;
  font-size: 100%;
}

.niceform > li .custom-select li.select-option {
  margin: 0.25em 0 !important;
  padding: 0 0.5em !important;
  font-size: 100% !important;
}

.page-header .page-settings .rm-select,
.toolbar .rm-select {
  float: right;
}

.page-header .page-settings .rm-select::after,
.toolbar .rm-select::after {
  content: '';
  position: absolute;
  border: 0.7em solid transparent;
  border-top-color: #f15727;
  right: 7rem;
  top: 1.1rem;
  margin-right: -0.7em;
}

.page-header .page-settings .rm-select select,
.toolbar .rm-select select {
  min-width: 12em;
  position: absolute;
  top: 0;
  margin: 0;
}

.page-header .page-settings .rm-select ul.cs-multi,
.toolbar .rm-select ul.cs-multi {
  position: absolute;
  top: 1.5em;
  margin: 0;
}

.page-header .page-settings .rm-select .label-text,
.toolbar .rm-select .label-text {
  position: relative;
  width: 5.5rem;
  padding-bottom: 0;
  margin: 0;
  font-size: 0.75rem;
  text-align: right;
  color: #999;
  font-weight: 300;
  white-space: nowrap;
  vertical-align: top;
}

.page-header .page-settings .rm-select .btn-select,
.toolbar .rm-select .btn-select {
  background-color: #f15727;
  color: #fff;
  border: none;
  border-radius: 5em;
  overflow: hidden;
  padding: 0em 1.7em 0em 0.5em;
  white-space: nowrap;
  max-width: 14rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.page-header .page-settings .rm-select .btn-select:after,
.toolbar .rm-select .btn-select:after {
  background-color: transparent;
  border-top: 0.4em solid #fff;
}

.toolbar > .rm-select {
  margin-top: 1em;
}

.tools-r > .rm-select {
  float: none;
}

.rm-select.custom-select ul.cs-multi {
  min-width: 12rem;
}

ul.cs-multi {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 4px 4px 4px RGBA(37, 37, 37, 0.2);
  list-style-type: none;
  font-size: 100%;
  z-index: 2;
}

ul.cs-multi ul {
  padding-left: 0;
  margin-left: 1.7em;
}

ul.cs-multi li {
  padding: 1px 0.5em;
  text-align: left;
  vertical-align: middle;
  position: relative;
}

ul.cs-multi li.select-all {
  display: block;
  border-bottom: 1px solid #ccc;
}

ul.cs-multi li label {
  display: inline-block;
  padding: 0 0.25em;
  width: calc(100% - 3em) !important;
  width: -webkit-calc(100% - 3em) !important;
  white-space: nowrap;
}

ul.cs-multi li label:hover {
  background: #136ae2;
  color: #fff;
}

ul.cs-multi li input[type='checkbox'] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25em;
}

ul.cs-multi li li {
  list-style-type: none;
  font-size: 100%;
}

.filters .custom-select > label {
  display: block;
}

.filters .custom-select ul.cs-multi {
  right: -0.5rem;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
  direction: rtl;
}

.countdown-holding span {
  color: #888;
}

.countdown-row {
  clear: both;
  width: 100%;
  padding: 0px;
  text-align: center;
}

.countdown-show1 .countdown-section {
  width: 98%;
}

.countdown-show2 .countdown-section {
  width: 48%;
}

.countdown-show3 .countdown-section {
  width: 32.5%;
}

.countdown-show4 .countdown-section {
  width: 24.5%;
}

.countdown-show5 .countdown-section {
  width: 19.5%;
}

.countdown-show6 .countdown-section {
  width: 16.25%;
}

.countdown-show7 .countdown-section {
  width: 14%;
}

.countdown-section {
  display: inline-block;
  float: left;
  font-size: 75%;
  text-align: center;
}

.countdown-amount {
  font-size: 200%;
}

.countdown-period {
  display: block;
}

.countdown-descr {
  display: block;
  width: 100%;
}

/* variables */
/* mixins */
.popper[data-placement^='bottom'] .react-datepicker__triangle, .popper[data-placement^='top'] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.popper[data-placement^='bottom'] .react-datepicker__triangle, .popper[data-placement^='top'] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .popper[data-placement^='bottom'] .react-datepicker__triangle::before, .popper[data-placement^='top'] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.popper[data-placement^='bottom'] .react-datepicker__triangle::before, .popper[data-placement^='top'] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  content: '';
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.popper[data-placement^='bottom'] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.popper[data-placement^='bottom'] .react-datepicker__triangle, .popper[data-placement^='bottom'] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.popper[data-placement^='bottom'] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.popper[data-placement^='top'] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.popper[data-placement^='top'] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .popper[data-placement^='top'] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.popper[data-placement^='top'] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

/*******************************************************************************************/
.react-datepicker {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.popper[data-placement^='bottom'] {
  margin-top: 10px;
}

.popper[data-placement^='top'] {
  margin-bottom: 6px;
}

.popper[data-placement^='right'] {
  margin-left: 8px;
}

.popper[data-placement^='right'] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.popper[data-placement^='left'] {
  margin-right: 8px;
}

.popper[data-placement^='left'] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  color: transparent;
  user-select: none;
  height: calc(0.45rem + 0.45rem);
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  display: inline;
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: '\00d7';
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.svg-icon {
  display: inline-block;
}

.svg-icon > svg {
  max-width: 100%;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[class^='icon-'],
[class*=' icon-'],
.not--preferred:before,
.rm--preferred:before,
.rm--client:before,
.preferred-by-agencies:before,
.preferred-by-broker-wide:before,
.preferred:before,
h3.circle.horizontal:before,
.collist__item:before,
.menu__searchField:before,
.menu.editing .menuTile:after,
.ps-checkbox:not(.ps-checkbox--plain) label:before,
.ps-radio__item label:before,
.view-bar .tab-input-container.searchbox:before,
.linked .progress__label__link:before,
.progress__label__link.visited:before,
.warning--message label[for='industry-filter']:after,
#opportunity .btn-select.warning--message:before,
.programcard__action span:after,
.radialprog__yoy:before,
.c-breadcrumb__item + .c-breadcrumb__item:before,
.divisionSelector__filterClear:before,
.divisionSelector__toggle--checked .divisionSelector__toggleLabel:before,
.c-filterSidebar__itemStatusIcon--applied:before,
.c-filterSidebar__itemLink:after,
.c-filterTile--simple .c-filterTile__clear:after,
.searchIcon\:\:before:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'riskmatch-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-change-down,
.icon-change-up,
.icon-positive,
icon-negative,
.icon-plus,
.presentation__expand,
.icon-minus,
.plupload_delete a,
.presentation__collapse,
.icon-cancel,
.icon-export,
.icon-user,
.icon-user-large,
.icon-chevron-left,
.wizard .backward,
.icon-chevron-right,
.wizard .forward,
.icon-chevron-up,
.icon-chevron-down,
.icon-star,
.icon-star-empty,
.icon-checked,
.icon-x,
.p-tile__close:before,
.icon-users,
.icon-user-add,
.icon-upload,
.icon-download,
.icon-info,
.icon-pending,
.icon-matched,
.icon-declined,
.icon-approved,
.icon-file,
.icon-file-word,
.icon-file-doc,
.icon-file-excel,
.icon-file-pdf,
.icon-menu,
.icon-logout,
.icon-login,
.icon-search,
.icon-check,
.plupload_done a,
.icon-question,
.icon-warning,
.plupload_failed a,
.icon-circle-check,
.icon-success:before,
.icon-circle-question,
.icon-circle-warning,
.icon-match-full,
.icon-match-partial,
.icon-match-none,
.icon-new,
.icon-open,
.icon-complete,
.icon-incomplete,
.icon-unconfirmed,
.icon-confirmed,
.icon-circle-info,
.icon-circle-plus,
.icon-circle-minus,
.icon-circle-cancel,
.icon-alert,
.icon-printer,
.icon-email,
.icon-edit,
.icon-pencil,
.icon-flag,
.market.preferred:before,
.market.preferred,
.icon-settings {
  font-family: 'riskmatch-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--margin0:before {
  margin-right: 0 !important;
}

.icon-settings:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-email:before {
  content: "";
}

.icon-flag:before, .market.preferred:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-alert:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-change-down:before,
.icon-positive:before,
.icon-filled-arrow-down:before {
  content: "";
}

.icon-filled-arrow-up:before,
.icon-change-up:before,
.icon-negative:before {
  content: "";
}

.icon-plus:before, .presentation__expand:before {
  content: "";
}

.icon-minus:before, .plupload_delete a:before, .presentation__collapse:before {
  content: "";
}

.icon-pending:before, .icon-match-partial:before {
  content: "";
}

.icon-matched:before, .icon-match-none:before,
.icon-new:before,
.icon-open:before,
.icon-incomplete:before {
  content: "";
}

.icon-approved:before, .icon-match-full:before, .icon-accepted:before {
  content: "";
}

.icon-accepted:before {
  content: "";
}

.icon-declined:before {
  content: "";
}

.icon-question:before, .icon-unconfirmed:before {
  content: "";
}

.icon-question-mark:before {
  content: "";
}

.icon-warning:before, .plupload_failed a:before {
  content: "";
}

.icon-cancel:before {
  content: "";
}

.icon-circle-check:before, .icon-confirmed:before,
.icon-complete:before, .icon-success:before, li.success-message:before {
  content: "";
}

.icon-check:before, .plupload_done a:before {
  content: "";
}

.icon-circle-question:before {
  content: "";
}

.icon-circle-warning:before, li.error-message:before {
  content: "";
}

.icon-export:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-user:before, .icon-user-large:before {
  content: "";
}

.icon-chevron-right:before, .wizard .forward:before {
  content: "";
}

.icon-chevron-up:before {
  content: "";
}

.icon-chevron-down:before {
  content: "";
}

.icon-chevron-left:before, .wizard .backward:before {
  content: "";
}

.icon-logout:before {
  content: "";
}

.icon-login:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-star-orange {
  color: #ffba30;
}

.icon-star-orange:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-star-fave {
  color: #ffba30;
}

.icon-star-fave:before {
  content: "";
}

.icon-star-fave:hover {
  color: #46b0b9;
  cursor: pointer;
}

.icon-star-empty:before {
  content: "";
}

.icon-checked:before {
  content: "";
}

.icon-x:before, .p-tile__close:before {
  content: "";
}

.icon-users:before {
  content: "";
}

.icon-user-add:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-circle-info:before {
  content: "";
}

.icon-circle-plus:before {
  content: "";
}

.icon-circle-cancel:before {
  content: "";
}

.icon-file-excel:before {
  content: "";
}

.icon-file-pdf:before {
  content: "";
}

.icon-file:before {
  content: "";
}

.icon-file-word:before,
.icon-file-doc:before {
  content: "";
}

.icon-alert:before {
  color: #f6a405;
}

.icon-change-down:before,
.icon-positive:before {
  color: #c60004;
  font-size: 1.5em;
  line-height: 0.75em;
  vertical-align: middle;
}

.icon-change-up:before,
.icon-negative:before {
  color: #70961a;
  font-size: 1.5em;
  line-height: 0.75em;
  vertical-align: middle;
}

.icon-passes:before {
  content: "";
  color: #70961a;
  font-size: 0.825em;
}

.icon-fails:before {
  content: "";
  color: #b11a10;
  font-size: 0.825em;
}

.icon-warning:before, .plupload_failed a:before {
  color: #c60004;
  cursor: pointer;
  display: inline-block;
}

.icon-circle-warning:before, li.error-message:before {
  color: #c60004;
  cursor: pointer;
  display: inline-block;
}

.icon-unread:before {
  content: "";
  color: #666;
  margin-right: 0.5em;
}

.icon-maybe:before {
  color: #999999;
  content: "";
  margin-right: 0.5em;
}

.icon-pending:before, .icon-match-partial:before {
  color: #639dea;
  margin-right: 0.5em;
}

.icon-unread:before {
  color: #666;
  margin-right: 0.5em;
}

.icon-matched:before, .icon-match-none:before,
.icon-new:before,
.icon-open:before,
.icon-incomplete:before,
.icon-match-none:before,
.icon-new:before,
.icon-open:before,
.icon-incomplete:before {
  color: #c60004;
  margin-right: 0.5em;
}

.icon-declined:before {
  color: #333;
  margin-right: 0.5em;
}

.icon-approved:before, .icon-match-full:before, .icon-accepted:before {
  color: #70961a;
  margin-right: 0.5em;
}

.boolean-column .icon-approved:before, .boolean-column .icon-match-full:before, .boolean-column .icon-accepted:before {
  margin-right: 0;
}

.icon-interest {
  display: block;
  text-indent: -100px;
  overflow: hidden;
  width: 4.25em;
  height: 1em;
  background: url(/static/webpack/img/interest-sprite.51b68bf640f59a279723.svg);
  background-size: 4.25em 11em;
}

.icon-interest.e00 {
  background-position: 0 0;
}

.icon-interest.lte20 {
  background-position: 0 -2em;
}

.icon-interest.lte40 {
  background-position: 0 -4em;
}

.icon-interest.lte60 {
  background-position: 0 -6em;
}

.icon-interest.lte80 {
  background-position: 0 -8em;
}

.icon-interest.lte100 {
  background-position: 0 -10em;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .icon-interest {
    background-size: 4.2em 11em;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .icon-interest {
    background-size: 4.2em 11em;
  }
}

.icon-strength {
  display: block;
  text-indent: -100px;
  overflow: hidden;
  width: 2.1875em;
  height: 2.5em;
  background-image: url(/static/webpack/img/strength-sprite.2b3f02dbfaa5491ff18b.svg);
  background-size: 8em 14.1875em;
  background-repeat: no-repeat;
}

.icon-strength.lte20 {
  background-position: 0 0.3em;
}

.icon-strength.lte40 {
  background-position: 0 -2.7em;
}

.icon-strength.lte60 {
  background-position: 0 -5.7em;
}

.icon-strength.lte80 {
  background-position: 0 -8.7em;
}

.icon-strength.lte100 {
  background-position: 0 -11.7em;
}

.icon-strength.premium.lte20 {
  background-position: -4em 0.3em;
}

.icon-strength.premium.lte40 {
  background-position: -4em -2.7em;
}

.icon-strength.premium.lte60 {
  background-position: -4em -5.7em;
}

.icon-strength.premium.lte80 {
  background-position: -4em -8.7em;
}

.icon-strength.premium.lte100 {
  background-position: -4em -11.7em;
}

.icon-attention {
  display: inline-block;
  height: 12px;
  width: 12px;
  overflow: hidden;
  background-color: #b11a10;
  text-indent: 100px;
  border-radius: 6px;
  background-image: linear-gradient(#f32b28, #b11a10);
}

.approve-button-small {
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.1em;
  height: 1.5em;
  width: 3em;
  line-height: 1.5em;
  font-size: 0.65em;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  background-color: #70961a;
}

.decline-button-small {
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.1em;
  height: 1.5em;
  width: 3em;
  line-height: 1.5em;
  font-size: 0.65em;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  background-color: #b11a10;
}

.decline-button-small span {
  font-size: 0.9em;
}

.icon-match-full:before {
  color: #93b522;
}

.icon-match-partial:before {
  color: #93b522;
}

.icon-match-none:before {
  color: #ccc;
}

.icon-confirmed,
.icon-unconfirmed,
.icon-upload,
.icon-download {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  font-size: 1rem;
}

.icon-confirmed,
.icon-complete {
  color: #70961a;
}

.icon-unconfirmed {
  color: #c60004;
}

.icon-cancel:hover,
.icon-circle-cancel:hover {
  color: #b11a10;
  cursor: pointer;
}

.icon-cancel:before,
.icon-circle-cancel:before {
  position: relative;
  margin-right: 0.2em;
}

.icon-cancel:before:hover,
.icon-circle-cancel:before:hover {
  color: #b11a10;
}

td .icons-list .icon-cancel,
td .icon-cancel,
td .icon-circle-cancel,
div .icons-list .icon-cancel {
  font-size: 0.85em;
  color: #999;
}

td .icons-list .icon-cancel:hover,
td .icon-cancel:hover,
td .icon-circle-cancel:hover,
div .icons-list .icon-cancel:hover {
  color: #b11a10;
}

.icon-star-empty {
  color: #ccc;
}

.icon-star-empty:hover {
  color: #46b0b9;
  cursor: pointer;
}

.icon-star {
  color: #7bb2cc;
}

.icon-star:hover {
  color: #46b0b9;
  cursor: pointer;
}

.icon-success {
  color: #70961a;
}

.icon-success:before {
  margin-right: 0.5em;
}

.icon-user-large {
  font-size: 12.3em;
  color: #ccc;
}

/*span*/
.text-icon {
  display: inline-block;
  background: #032d74;
  color: #ffffff;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-size: 16px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}

.text-icon.type--b, .text-icon.type--o {
  background-color: #999;
}

.text-icon.type--m {
  background-color: #0554d8;
}

.text-icon.type--w {
  background: #488bfb;
}

.market:before {
  content: '';
  display: inline-block;
  height: 1em;
  width: 1.5em;
}

.market.preferred:before {
  color: #70961a;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.83em;
}

h6 {
  font-size: 0.67em;
}

a {
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none;
  text-decoration: underline;
}

.needs-attention,
.looks-good {
  font-weight: 700;
}

b {
  font-weight: 700;
}

.comment {
  font-style: italic;
  font-weight: 300;
}

.new, .bold {
  font-weight: 700;
}

.not--preferred:before,
.rm--preferred:before,
.rm--client:before,
.preferred-by-agencies:before,
.preferred-by-broker-wide:before,
.preferred:before {
  content: "";
  margin-right: 0.5em;
  color: #70961a;
  vertical-align: middle;
}

.not--preferred:before {
  display: none;
}

.preferred-by-agencies:before,
.rm--client:before,
.rm--preferred:before {
  color: #ffba30;
}

.footnotes {
  font-size: 0.75em;
  padding: 0;
}

@media print {
  .footnotes {
    page-break-before: avoid;
    page-break-inside: avoid;
  }
}

.printable .footnotes, .footnotes.printable {
  page-break-before: avoid;
  page-break-inside: avoid;
}

ul.footnotes {
  list-style-type: none;
}

h3 {
  vertical-align: middle;
}

h3 > span:not(.ignore) {
  font-weight: 400;
  font-style: italic;
}

h3 > span.report-highlight {
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
  color: #f15727;
}

h3 > .inline {
  vertical-align: middle;
}

h3.circle {
  position: relative;
  margin: 1em 0;
  padding-top: 2.5em;
  width: 100%;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  color: #f15727;
}

h3.circle span {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  background-color: #f15727;
  border-radius: 1em;
  color: #fff;
  font-style: normal;
  font-weight: inherit;
}

h3.circle.horizontal {
  text-align: left;
  color: #ccc;
  margin: 1.5em 0 0 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #ccc;
  transition: color 0.25s ease;
  overflow: hidden;
}

h3.circle.horizontal:before {
  font-size: 1.5em;
  margin-right: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  margin: auto;
  content: "";
  transition: transform 0.25s ease;
  transform: translateY(60px);
  transform: translate3d(0, 60px, 0);
}

h3.circle.horizontal.no--border {
  border-bottom: none;
  padding: 0;
}

h3.circle.horizontal span {
  text-align: center;
  display: inline-block;
  position: static;
  top: auto;
  left: auto;
  margin: 0 15px 0 0;
  background-color: #ccc;
  transition: transform 0.25s ease;
}

h3.circle.horizontal.next--step {
  color: #f15727;
}

h3.circle.horizontal.next--step span {
  background-color: #f15727;
}

h3.circle.horizontal.prev--step {
  color: #999;
}

h3.circle.horizontal.prev--step span {
  transform: translateY(-60px);
  transform: translate3d(0, -60px, 0);
}

h3.circle.horizontal.prev--step:before {
  transform: translateY(0);
  transform: translate3d(0, 0, 0);
}

h3.span-columns {
  background: #fff;
  border-radius: 5px;
  padding: 0.25em 0;
  margin-bottom: 0.5em;
}

.colheader {
  font-weight: 700;
  background: #a7c573;
  color: #fff;
  padding: 0.3em;
  border-radius: 0.3125em;
}

.colheader.primary {
  background: #93b522;
}

.colheader.secondary {
  background: #488bfb;
}

/*ul*/
.collist {
  list-style: none;
  line-height: 2;
  padding-left: 10px;
  /*li*/
}

.collist__item {
  position: relative;
  vertical-align: middle;
}

.collist__item:before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.primary .collist__item:before {
  content: "";
  color: #93b522;
}

.secondary .collist__item:before {
  content: "";
  color: #488bfb;
}

.spacious {
  line-height: 1.6;
  font-weight: 300;
}

.spacious h2,
.spacious h3 {
  font-weight: 300;
}

.intro {
  margin: 0;
  padding: 0;
}

.note {
  font-size: 0.75em;
  font-weight: 400;
  color: #999;
}

span.note {
  margin: 0 1em;
}

.label {
  color: #999;
}

.no-data {
  color: #999;
  font-size: 0.875em;
  text-align: center;
  position: relative;
  top: 40%;
}

.toolbar .no-data {
  float: left;
  margin-left: 1.5em;
  text-align: left;
  max-width: 50%;
}

.subhead {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.smaller {
  font-size: smaller;
}

.larger {
  font-size: larger;
}

.rank .rank-value {
  font-weight: 700;
}

.rank .rank-total {
  font-size: smaller;
  color: #777;
}

.rank.looks-good span {
  color: #70961a !important;
}

.rank.needs-attention span {
  color: #c60004 !important;
}

.gem {
  position: relative;
  top: -1px;
  margin: 0 0.5em;
  padding: 0.25em 0.5em;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 0.75rem;
  border-radius: 0.25em;
  background: #c60004;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  text-align: center;
}

.type-gem {
  display: inline-block;
  background: #999;
  color: #fff;
  margin: 0 0.5em;
  padding: 0 0.5em;
  width: 2.5em;
  font-size: 0.725rem;
  font-weight: 600;
  line-height: 0.85rem;
  border-radius: 0.25em;
  text-align: center;
}

.ui-state-focus .type-gem {
  background: #46b0b9;
}

.item-spans li {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-spans span.item {
  display: inline-block;
  margin-right: 1em;
}

.item.industry-code {
  width: 4em;
  text-align: right;
}

.item.industry-desc {
  font-weight: 600;
}

.contact .name,
.contact .org,
.contact .alt-office-name {
  font-weight: 700;
}

.appetite-details .h-list li {
  font-size: 0.9375em;
  font-weight: 700;
  margin-right: 1em;
}

em.wholesale {
  font-style: inherit;
  font-weight: 300;
  color: #999;
  font-size: 0.8em;
  line-height: inherit;
  vertical-align: text-top;
}

.show-edit:after {
  content: 'EDIT';
  font-size: smaller;
  color: #999;
  margin-left: 1em;
  display: none;
}

.show-edit:hover:after {
  display: inline-block;
}

span.expand-selection {
  cursor: pointer;
  font-size: 0.875em;
}

.company-summary .simple > dd.data, .company-summary .container.padded-margin > dd.data, .company-summary .topic-list > dd.data,
.company-summary .simple > li.data,
.company-summary .container.padded-margin > li.data,
.company-summary .topic-list > li.data {
  font-weight: 600;
  padding-left: 1em;
}

.company-summary .simple > li.data.inactive:before, .company-summary .container.padded-margin > li.data.inactive:before, .company-summary .topic-list > li.data.inactive:before {
  content: '*';
  display: inline-block;
  margin-left: -1em;
  width: 1em;
}

.company-summary .simple > li.data.inactive, .company-summary .container.padded-margin > li.data.inactive, .company-summary .topic-list > li.data.inactive {
  color: #000;
}

.company-summary h4 {
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
}

.company-summary .footnotes {
  font-size: 0.75rem;
}

.sidebar-details {
  color: #444;
}

.sidebar-details .note {
  margin: 0px;
}

.sidebar-details h4 {
  margin: 0;
  padding: 4px 0px;
  font-size: 0.9em;
}

.sidebar-details h4 span {
  font-weight: lighter;
}

.sidebar-details h3 {
  margin: 0;
  padding: 4px 0px;
}

.sidebar-details .table-list {
  margin: 4px;
  border: 1px solid #ddd;
  max-height: 200px;
  overflow-y: auto;
}

.sidebar-details .table-list tr {
  height: 0em;
}

.sidebar-details .table-list thead,
.sidebar-details .table-list tbody {
  border: none;
}

.sidebar-details .spacious {
  line-height: 2.5em;
  padding-left: 0.5em;
}

.value-note {
  font-size: 0.75em !important;
  font-weight: 400;
  color: #999;
  margin: 0;
  padding: 0;
}

.value-note span {
  font-weight: bold;
}

.value-note span.green {
  color: #a7c573;
}

.value-note span.blue {
  color: #639dea;
}

.inline-metric {
  display: inline-block;
  height: 2em;
  line-height: 1em;
  padding: 0.5em;
  border-radius: 0.25em;
  font-size: 2em;
  font-weight: 300;
  color: #f15727;
  vertical-align: middle;
  margin: 0 0.5em;
}

.inline-metric.good {
  background-color: #70961a;
  color: #fff;
}

.inline-metric.poor {
  background-color: #c60004;
  color: #fff;
}

.inline-metric.neutral {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}

.semibold {
  font-weight: 600 !important;
}

.light {
  font-weight: 300 !important;
}

.default-font {
  font-family: 'Open Sans', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

form {
  position: relative;
  margin: 0;
  padding: 0;
}

select {
  min-width: 8em;
}

td > select {
  max-width: 100%;
}

input[type='text'],
input[type='number'],
input[type='password'] {
  vertical-align: middle;
  max-width: 100%;
}

input[type='radio'],
input[type='checkbox'] {
  cursor: pointer;
}

.no-placeholder {
  /** Custom styles for placeholders in IE9 #2949. This also REQUIRED for #5090, you cannot reproduce it on Prototype */
}

.no-placeholder .placeholdersjs {
  color: #000;
}

.no-placeholder .hide-placeholder {
  display: none !important;
}

.no-placeholder .wrong {
  border-color: #ff0000;
}

textarea + .counter {
  font-size: 0.75em;
  color: #999;
}

label {
  vertical-align: middle;
}

input[type='file'] {
  box-shadow: none;
}

input:focus,
textarea:focus {
  outline: 2px solid #669fe7;
}

input[type='file']:focus, input[type='checkbox']:focus {
  outline: 2px solid #669fe7;
}

select:focus {
  box-shadow: none;
  outline: 1px dotted #666;
}

input::placeholder {
  color: #bcbcbc;
  font-size: 12px;
  line-height: 2em;
}

input::-webkit-input-placeholder {
  color: #bcbcbc;
  font-size: 12px;
  line-height: 2em;
}

input::-moz-placeholder {
  color: #bcbcbc;
  font-size: 12px;
  line-height: 2em;
}

input::-ms-input-placeholder {
  color: #bcbcbc;
  font-size: 12px;
  line-height: 2em;
}

input.italic-placeholder::placeholder {
  font-style: italic;
}

input.italic-placeholder::-webkit-input-placeholder {
  font-style: italic;
}

input.italic-placeholder::-moz-placeholder {
  font-style: italic;
}

input.italic-placeholder::-ms-input-placeholder {
  font-style: italic;
}

input[type='text'], input[type='number'], input[type='password'], input[type='email'], input[type='number'], input.ui-autocomplete-input {
  display: inline-block;
  padding: 0.25em;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 2em;
  height: 32px;
}

.ui-autocomplete-input {
  width: 100%;
}

p.empty-message {
  margin: 0;
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.5;
}

.quick-find input[type='text'] {
  width: 90%;
  margin-left: 5%;
  height: 3em;
  line-height: 3em;
  font-size: 1rem;
  color: #333;
}

textarea,
.uneditable-input,
.sidebar-overlay .ui-autocomplete-input {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.niceform {
  padding: 0;
  margin: 0;
}

.niceform label {
  display: block;
}

.niceform label > span.note {
  display: block;
  margin: 0;
}

.niceform > li {
  list-style: none;
  margin: 0.25em 0;
  padding: 0.25em;
}

.niceform > li li {
  list-style: none;
}

.niceform > li > label {
  display: block;
  margin: 0.5em 0 0.2em;
  font-weight: 700;
}

.niceform > li > .fieldnote {
  display: block;
  margin: 0.5em 0 0.2em;
  font-weight: 300;
}

.niceform > li:first-child > label {
  margin-top: 0;
}

.niceform > li li {
  margin: 0.25em 0.5em;
  padding: 0.25em 0;
  font-size: 0.85em;
}

.niceform > li li.select-option,
.niceform > li li.select-all {
  margin: 0.25em 0;
  padding: 0 0.25em;
}

.niceform > li.checkbox {
  margin: 0;
  padding: 0.1em 0;
}

.niceform.left-right > li {
  background-color: #fff;
}

.niceform.left-right > li > label {
  display: inline-block;
  width: 40%;
  text-align: right;
  margin: 0 1em 0.25em 0.25em;
  vertical-align: top;
}

.niceform.left-right > li > label.required:after {
  content: ' *';
  color: #c60004;
}

.niceform.left-right > li > label + span:not(.ui-helper-hidden-accessible) {
  vertical-align: middle;
}

.niceform.left-right > li input.ui-autocomplete-input,
.niceform.left-right > li > input[type='text'],
.niceform.left-right > li > input[type='email'],
.niceform.left-right > li > input[type='tel'],
.niceform.left-right > li > input[type='number'],
.niceform.left-right > li > select {
  width: 50%;
}

.niceform.left-right > li > .slider-control {
  display: inline-block;
  width: 50%;
  margin-left: 0.5em;
}

.niceform.left-right > li > .block,
.niceform.left-right > li > .industry-selector-tool,
.niceform.left-right > li > span:not(.ui-helper-hidden-accessible) {
  display: inline-block;
  width: 50%;
}

.niceform.left-right > li .slider-values {
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 0.875em;
}

.niceform.left-right > li .buttons {
  padding-left: 40%;
}

.niceform.left-right > li > .multiselect,
.niceform.left-right > li .custom-select {
  display: inline-block;
  width: 50%;
}

.niceform.left-right > li > span:not(.ui-helper-hidden-accessible) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.niceform.left-right > .radio > label {
  display: block;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  width: 100%;
  padding-left: 2em;
  text-align: left;
}

.niceform.left-right > .radio > label > input {
  margin-right: 1em;
  margin-left: 40%;
}

.niceform.left-right .slider-unit label {
  vertical-align: top;
  margin-top: -0.2em;
}

.niceform.left-right.one-third li label {
  width: 30%;
}

.niceform.left-right.one-third li > input[type='text'],
.niceform.left-right.one-third li > select {
  width: 66%;
}

.niceform.left-right.one-third li > span {
  width: 66%;
}

.niceform.left-right.one-third li > .multiselect,
.niceform.left-right.one-third li > .custom-select,
.niceform.left-right.one-third li > .block,
.niceform.left-right.one-third li > .industry-selector-tool {
  width: 66%;
}

.niceform.left-right.one-fourth li label {
  width: 25%;
}

.niceform.left-right.one-fourth li > input[type='text'],
.niceform.left-right.one-fourth li > select {
  width: 70%;
}

.niceform.left-right.one-fourth li > span:not(.ui-helper-hidden-accessible) {
  width: 70%;
}

.niceform.left-right.one-fourth li > .multiselect,
.niceform.left-right.one-fourth li > .custom-select,
.niceform.left-right.one-fourth li > .block,
.niceform.left-right.one-fourth li > .industry-selector-tool {
  width: 70%;
}

.niceform.left-right.one-fourth li.radio > label {
  margin-left: 0;
  width: 70%;
}

.niceform.left-right.one-fourth li.radio > label:before {
  content: '';
  display: inline-block;
  width: calc(25% * 1.4 + 0.5em);
  width: -webkit-calc(25% * 1.4 + 0.5em);
}

.niceform.left-right.one-fourth li.radio > label > input[type='radio'],
.niceform.left-right.one-fourth li.radio > label > input[type='checkbox'] {
  margin-left: 0;
  margin-right: 0.5em;
}

.niceform.left-right.one-fourth .radio > label.radio-group {
  width: 25%;
  display: inline-block;
  text-align: right;
  margin-top: 0;
}

.niceform.left-right.one-fourth .radio > .block > label {
  width: auto;
}

.niceform.h-list > li {
  vertical-align: baseline;
}

.niceform.h-list > li.buttons {
  padding: 0;
}

.niceform.full-width input[type='text'],
.niceform.full-width select,
.niceform.full-width textarea,
.niceform.full-width .multiselect {
  width: 100%;
  max-width: 100%;
}

.niceform > li.buttons {
  margin: 2em 1em 0;
  padding-left: 30%;
  border: none;
}

.program-exposures .niceform li {
  padding: 0 0.25em;
}

.program-exposures .niceform label {
  font-weight: 300;
}

.program-exposures .niceform input {
  font-weight: 600;
}

.fieldset {
  padding: 0.5em 0 1em !important;
  margin: 0 !important;
}

.fieldset fieldset {
  border: none;
  padding: 0;
}

.fieldset fieldset legend {
  width: 100%;
  padding: 0.25em 0;
  padding-right: 60%;
  text-align: right;
  font-weight: 600;
  font-style: italic;
  background: #e5e5e5;
}

.fieldset fieldset ul.niceform {
  clear: both;
  font-size: 114.3%;
}

.fieldset fieldset ul.niceform li {
  border: none;
}

.block > label {
  display: block;
  margin-bottom: 0.25em;
}

label.required:after,
h2.required:after,
h3.required:after,
.required > label:after {
  content: ' *';
  color: #c60004;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

.radio input,
.checkbox input {
  margin-right: 0.5em;
}

.radio > label,
.niceform .radio > label,
.checkbox > label,
.niceform .checkbox > label {
  display: block;
  font-weight: 400;
  margin: 0.25em 1em 0.25em 0.25em;
  cursor: pointer;
}

.radio > label.radio-group {
  font-weight: 700;
  margin-bottom: 0.83em;
  cursor: default;
}

input[type='text'].percent:after,
span.editable.percent:after {
  content: '%';
  display: inline-block;
  float: right;
  color: #333;
  font-size: 1em;
  margin-right: 0.25em;
}

input[type='text']::-ms-clear {
  display: none;
}

.currencyInput {
  display: inline-block;
}

.currencyInput:before {
  content: '$';
  display: inline-block;
  color: #333;
  font-size: 1em;
  margin-right: 0.1em;
  vertical-align: middle;
}

.editable .niceform.edit-mode input[type='text'] {
  width: 12em;
}

.editable input[disabled],
.editable input:disabled {
  background: none;
  border-color: transparent;
  color: #000;
  cursor: not-allowed;
}

.editable select:disabled,
.editable select[disabled],
.editable div:disabled .btn-select,
.editable div.disabled .btn-select,
.editable div[disabled] .btn-select {
  cursor: not-allowed;
}

.editable div:disabled .btn-select,
.editable div[disabled] .btn-select,
.editable div.disabled .btn-select {
  border: none;
}

.editable div:disabled .btn-select:after,
.editable div[disabled] .btn-select:after,
.editable div.disabled .btn-select:after {
  opacity: 0;
}

.editable div:disabled .ms-hd,
.editable div[disabled] .ms-hd,
.editable div.disabled .ms-hd,
.editable div.disabled .icon-cancel,
.editable div:disabled .icon-cancel,
.editable div[disabled] .icon-cancel {
  display: none;
}

.editable div.disabled .ms-bd,
.editable div:disabled .ms-bd,
.editable div[disabled] .ms-bd {
  border: none;
}

.editable > li {
  border-bottom: 1px solid #e5e5e5;
}

.editable > li > label {
  padding: 0.25em 0;
}

.editable > li.fieldset label {
  padding: 0.25em 0;
}

.editable > li.buttons {
  padding-left: 40%;
}

.editable > li.buttons a:first-child {
  margin-left: 1em;
}

input.no--clear::-ms-clear {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.quick-search {
  float: left;
  margin-bottom: 1px;
  padding: 0.25em;
  background-color: #eee;
  border-radius: 0.25em;
}

.quick-search input {
  line-height: normal;
  font-size: 0.85em;
  background-color: #f8f8f8;
  border: none;
  width: auto;
}

.quick-search input:focus {
  background-color: #fff;
}

.quick-search .icon-search {
  vertical-align: middle;
  font-size: 1.2em;
  margin: 0 0.25em;
}

ul.messages {
  margin: 0;
  padding-left: 2em;
  text-align: left;
  list-style-type: none;
}

.simple-form ul.messages {
  margin: 0 2em;
}

ul.messages > li:last-child {
  margin-bottom: 1em;
}

ul.messages > li:first-child {
  margin-top: 1em;
}

li.error-message,
li.success-message {
  list-style-type: none;
  text-indent: -0.8em;
}

li.error-header {
  font-size: 1em;
  font-weight: bold;
  margin-left: -1.5em;
  list-style-type: none;
  color: #c60004;
}

li.error-message:before,
li.success-message:before {
  font-family: 'riskmatch-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 1rem;
  margin-right: 0.5em;
  margin-top: -0.25em;
  vertical-align: middle;
}

li.error-message {
  color: #c60004;
}

li.success-message {
  color: #70961a;
  font-weight: bold;
}

li.error > label,
li.error > h2,
.form-error > label,
.form-error > h2 {
  color: #c60004;
}

li.error input[type='text'],
li.error input[type='number'],
li.error input[type='password'],
li.error input[type='email'],
li.error input[type='tel'],
li.error input[type='number'],
li.error textarea,
.form-error input[type='text'],
.form-error input[type='number'],
.form-error input[type='password'],
.form-error input[type='email'],
.form-error input[type='tel'],
.form-error input[type='number'],
.form-error textarea {
  border: 1px solid #ff0000;
}

li.error input[type='text']:focus,
li.error input[type='number']:focus,
li.error input[type='password']:focus,
li.error input[type='email']:focus,
li.error input[type='tel']:focus,
li.error input[type='number']:focus,
li.error textarea:focus,
.form-error input[type='text']:focus,
.form-error input[type='number']:focus,
.form-error input[type='password']:focus,
.form-error input[type='email']:focus,
.form-error input[type='tel']:focus,
.form-error input[type='number']:focus,
.form-error textarea:focus {
  outline: 2px solid #ff0000;
}

li.error select,
li.error .custom-select,
li.error .singleselect,
li.error .multiselect,
.form-error select,
.form-error .custom-select,
.form-error .singleselect,
.form-error .multiselect {
  border: 1px solid #ff0000;
}

.editable.edit-mode td.error {
  background-color: #c60004;
  border-left: 1px solid #fff;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(/static/webpack/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.258fdd11eb5ed52811a8.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(/static/webpack/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.7812bd0b6ec15d0b8c40.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/static/webpack/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.f699ce0fe69ebd82d5d0.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/static/webpack/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.a6b4768c2569c57a4037.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(/static/webpack/fonts/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.98260875c6368b013de2.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/static/webpack/fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.92edfcf65298bf9160cb.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(/static/webpack/fonts/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.8c1517ed43ef9f11822e.woff) format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/static/webpack/fonts/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.d270ca6837ae0bedd13c.woff) format("woff");
}

.sidebar-container {
  position: relative;
  height: 100%;
  width: 9.5em;
  background: #02284b;
  border: 1px solid #eee;
  z-index: 5;
}

.sidebar-container .sidebar.wrapper:before {
  content: '';
  display: block;
  height: 1.875em;
  background-color: #02284b;
}

.sidebar-container .main-logo {
  display: block;
  height: 6.5em;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #999;
}

.sidebar-container .main-logo img {
  margin-top: 2em;
}

.lt-ie9 .sidebar-container .main-logo img {
  width: 45px;
}

.main-nav {
  display: block;
  position: relative;
}

.main-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav > ul > li {
  display: block;
  position: relative;
  border-bottom: 1px solid #045096;
  text-align: left;
  background-color: #02284b;
}

.main-nav > ul > li .gem {
  top: auto;
  margin-top: 6px;
  display: inline-block;
}

.main-nav > ul > li:hover {
  background-color: #022341;
}

.main-nav > ul > li:hover > a {
  color: #46b0b9;
}

.main-nav > ul > li.expanded > a {
  color: #fff;
}

.main-nav > ul a {
  color: #fff;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1em 0.5em;
  font-size: 0.7em;
  text-transform: uppercase;
}

.main-nav > ul a span {
  margin-left: 0.5em;
}

.submenu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #011b32;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.submenu li {
  display: block;
  border-bottom: 1px solid #03427d;
}

.submenu li a {
  font-size: 0.65em;
  padding: 0.75em 0.25em 0.75em 1em;
  color: #fff;
  line-height: 1.75em;
}

.submenu li:hover a {
  color: #46b0b9;
  cursor: pointer;
}

body.sales .t-sales > a,
body.rfp .t-rfp > a,
body.appetite .t-appetite > a,
body.market-op .t-market-op > a,
body.intermediaries .t-intermediaries > a,
body.analytics .t-analytics > a,
body.carriers .t-carriers > a,
body.dashboard .t-dashboard > a,
body.portfolio.individual .t-portfolio > a,
body.portfolio.officer .t-dashboard > a,
body.portfolio.manager .t-dashboard > a,
body.clients .t-clients > a,
body.reports .t-reports > a,
body.help .t-help > a,
body.exp .t-exp > a,
body.search .t-search > a,
body.search-page .t-search > a,
body.w-interstitial .w-interstitial > a {
  background-color: #f15727;
}

body.sales .t-sales > a .gem,
body.rfp .t-rfp > a .gem,
body.appetite .t-appetite > a .gem,
body.market-op .t-market-op > a .gem,
body.intermediaries .t-intermediaries > a .gem,
body.analytics .t-analytics > a .gem,
body.carriers .t-carriers > a .gem,
body.dashboard .t-dashboard > a .gem,
body.portfolio.individual .t-portfolio > a .gem,
body.portfolio.officer .t-dashboard > a .gem,
body.portfolio.manager .t-dashboard > a .gem,
body.clients .t-clients > a .gem,
body.reports .t-reports > a .gem,
body.help .t-help > a .gem,
body.exp .t-exp > a .gem,
body.search .t-search > a .gem,
body.search-page .t-search > a .gem,
body.w-interstitial .w-interstitial > a .gem {
  border: 1px solid darkred;
}

body.sales .t-sales > a:hover,
body.rfp .t-rfp > a:hover,
body.appetite .t-appetite > a:hover,
body.market-op .t-market-op > a:hover,
body.intermediaries .t-intermediaries > a:hover,
body.analytics .t-analytics > a:hover,
body.carriers .t-carriers > a:hover,
body.dashboard .t-dashboard > a:hover,
body.portfolio.individual .t-portfolio > a:hover,
body.portfolio.officer .t-dashboard > a:hover,
body.portfolio.manager .t-dashboard > a:hover,
body.clients .t-clients > a:hover,
body.reports .t-reports > a:hover,
body.help .t-help > a:hover,
body.exp .t-exp > a:hover,
body.search .t-search > a:hover,
body.search-page .t-search > a:hover,
body.w-interstitial .w-interstitial > a:hover {
  background-color: #ef450f;
  color: #fff;
}

body.sales .t-sales:after,
body.rfp .t-rfp:after,
body.appetite .t-appetite:after,
body.market-op .t-market-op:after,
body.intermediaries .t-intermediaries:after,
body.analytics .t-analytics:after,
body.carriers .t-carriers:after,
body.dashboard .t-dashboard:after,
body.portfolio.individual .t-portfolio:after,
body.portfolio.manager .t-dashboard:after,
body.portfolio.officer .t-dashboard:after,
body.clients .t-clients:after,
body.reports .t-reports:after,
body.help .t-help:after,
body.exp .t-exp:after,
body.search .t-search:after {
  content: '';
  display: block;
  position: absolute;
  right: -1px;
  top: 1.2em;
  width: 0;
  height: 0;
  margin-top: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #eee;
}

body {
  background-color: #eee;
}

body.supressScroll {
  overflow: hidden;
}

body > .wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  color: #333;
  padding-left: 9.5em;
}

.login-page .main-container {
  padding-left: 0;
}

body.sales-portal > .wrapper {
  margin: 0 0 -5rem;
}

body.sales-portal > .wrapper:after {
  display: none;
}

body.sales-portal .main-container {
  margin: 0;
  top: 2em;
  padding-top: 2em;
}

body.sales-portal .main-container:before {
  display: none;
}

body.sales-portal .main-content {
  margin: 0 auto;
}

.lt-ie8 .main-container {
  height: 100%;
}

.content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.content__body {
  flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-top: 2em;
}

.content__inner {
  padding: 0 1em;
  max-width: 85em;
  margin: 0 auto;
}

.header {
  margin-bottom: 1px;
}

.nav {
  color: #ffffff;
  background: #02284b;
  text-align: center;
}

.nav__content {
  display: flex;
}

.nav__inner {
  flex: 1;
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid #f15727;
  padding-right: 1em;
}

.nav__icon {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto 0.25em;
  fill: #fff;
  position: relative;
}

.nav__icon--gem {
  width: auto;
  height: auto;
}

.nav__icon svg {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.nav__menu, .nav__utils {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav__menu {
  display: flex;
}

.nav__menuItem {
  position: relative;
  display: block;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.nav__menuItem:hover {
  background-color: #031f3a;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.nav__menuItem.active {
  position: relative;
  background: #f15727;
}

.nav__menuItem.active:hover {
  background-color: #d73e0e;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.nav__menuItem.active:hover:after {
  border-color: #d73e0e transparent transparent transparent;
}

.nav__menuItem.active:hover:before {
  background: #d73e0e;
}

.nav__menuItem.active:before {
  content: '';
  position: absolute;
  left: -1px;
  bottom: -3px;
  width: calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  height: 3px;
  background: #f15727;
}

.nav__menuItem.active:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #f15727 transparent transparent transparent;
}

.nav__menuText {
  font-size: 0.688em;
}

.nav__menuLink {
  color: #ffffff !important;
  display: block;
  padding: 0 30px 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 60px;
}

.nav__favorites {
  position: absolute;
  left: -1px;
  padding: 0.5em 0.375em 0.75em;
  background: #eee;
  z-index: 1;
  width: 13em;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  display: none;
  border-radius: 0 0 0.25em 0.25em;
}

.nav__menuItem:hover .nav__favorites, .nav__favorites:hover {
  display: block;
}

.header.expanded .nav__favorites {
  display: none;
}

.header.expanded .nav__favorites:hover {
  display: none;
}

.nav__editFavorites {
  display: block;
  margin-top: 0.875em;
}

.nav__editFavorites.disabled {
  pointer-events: none;
}

.nav__logo {
  border-bottom: 3px solid #f15727;
}

.nav__logoLink {
  width: 214px;
  height: 100%;
  display: block;
  background: url(/static/webpack/img/rm-logo-vertafore-topbar.8ea780d0f1ebe2649b2a.svg) center center/auto 44px no-repeat;
}

.nav__utils {
  display: flex;
}

.nav__utilItem:not(.nav__userStatus) {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.nav__utilItem:not(.nav__userStatus):hover {
  background-color: #031f3a;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.nav__utilLink {
  display: block;
  padding: 0 20px 8px;
  color: #ffffff !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 60px;
}

.nav__userStatus {
  text-align: right;
  font-size: 0.75em;
}

.secondaryNav {
  border-bottom: 1px solid #979797;
  background: #fff;
}

.secondaryNav__content {
  padding: 0 1em;
  display: flex;
}

.secondaryNav__title {
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1;
  flex: 1;
  justify-content: space-between;
}

.secondaryNav__utils {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-5px);
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .secondaryNav__utils {
    transform: translateY(-4px);
  }
}

.mq--medium .secondaryNav__utils {
  transform: translateY(-4px);
}

@media all and (min-width: 1100px) {
  .secondaryNav__utils {
    transform: translateY(-3px);
  }
}

.mq--large .secondaryNav__utils {
  transform: translateY(-3px);
}

.menu {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: -1;
  transition: z-index 0.25s step-end, background-color 0.25s ease-out;
  pointer-events: none;
}

.menu.visible {
  z-index: 30;
  background: rgba(0, 0, 0, 0.6);
  transition: z-index 0.25s step-start, background-color 0.25s ease-out;
  pointer-events: auto;
}

.menu__screen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  transition: z-index 0.25s step-end, background-color 0.25s ease-out;
}

.menu__screen--full {
  top: 0;
  bottom: 0;
}

.menu__screen.visible {
  z-index: 6;
  background: rgba(0, 0, 0, 0.6);
  transition: z-index 0.25s step-start, background-color 0.25s ease-out;
  pointer-events: auto;
}

.menu__screen .menuTile {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 23.75em;
  height: 11.25em;
}

.menu__screen--enter {
  opacity: 0;
}

.menu__screen--enter--active {
  opacity: 1;
}

.menu__screen--leave {
  opacity: 1;
}

.menu__screen--leave--active {
  opacity: 0;
}

.menu__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f9f8f8;
  position: relative;
  margin-bottom: 2em;
  transform: translateX(0);
}

.menu__inner--enter {
  transform: translateY(-100%);
}

.menu__inner--enter--active {
  transform: translateY(0);
  transition: transform 0.25s ease-in-out;
}

.menu__inner--leave {
  transform: translateY(0);
}

.menu__inner--leave--active {
  transform: translateY(-100%);
  transition: transform 0.25s ease-in-out;
}

.menu.focused--tile .menu__inner:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.menu__header {
  background: #ffffff;
  border-bottom: 1px solid #4a4a4a;
}

.menu__nav {
  text-align: center;
  background: #02284b;
  color: #ffffff;
  border-bottom: 3px solid #f15727;
  height: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.menu__navInner {
  position: relative;
  padding: 0 1em;
  width: 100%;
}

.menu__search {
  padding: 1em 0;
  transition: opacity 0.25s ease;
  position: relative;
}

.menu__searchInner {
  padding: 0 1em;
  max-width: 75em;
  margin: 0 auto;
}

.menu__searchLabel {
  font-size: 1.125em;
  font-weight: 700;
  margin-bottom: 0.25em;
  display: block;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menu__searchLabel {
    text-align: center;
  }
}

.menu__searchField {
  position: relative;
  width: 360px;
  max-width: 100%;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menu__searchField {
    margin: 0 auto;
  }
}

.menu__searchField:before {
  display: block;
  content: "";
  color: #02284b;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  line-height: 2em;
}

.menu__searchInput {
  padding-left: 2em !important;
  padding-right: 1.5em !important;
  width: 100%;
}

.menu__searchInput::-ms-clear {
  display: none;
}

.menu__searchClear {
  display: block;
  position: absolute;
  top: 0;
  right: 0.25em;
  bottom: 0;
  margin: auto;
  line-height: 2em;
  color: #cccccc !important;
}

.menu__close {
  display: block;
  width: 29px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
}

.menu__close:hover svg {
  transform: scale(1.25);
}

.menu__close svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  transition: transform 0.25s ease;
  transform-origin: center center;
}

.menu__title {
  margin: 0;
  font-size: 1.125em;
}

.menu__subtitle {
  font-size: 1em;
  font-weight: 300;
  margin: 0;
}

.menu__main {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menu__main {
    display: flex;
    flex-direction: column;
  }
}

.menu__categories {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menu__categories {
    position: relative;
    border-left: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    margin-top: 1px;
  }
  .menu__categories:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 6px;
    background: #e9e9e9;
  }
  .menu__categoriesInner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
  }
  .menu__categories .menuCategory {
    flex-direction: column;
    padding-bottom: 1.5em;
    position: relative;
    border-bottom: 0;
    border-left: 1px solid #b1b1b1;
  }
  .menu__categories .menuCategory:nth-of-type(even) {
    background: #f9f8f8;
  }
  .menu__categories .menuCategory:nth-of-type(odd) {
    background: #f2f1f1;
  }
  .menu__categories .menuCategory:last-of-type {
    border-right: 1px solid #b1b1b1;
  }
  .menu__categories .menuCategory__header {
    width: 100%;
    border-left-width: 0;
    border-top-width: 6px;
    border-bottom: 1px solid #b1b1b1 !important;
    position: relative;
  }
  .menu__categories .menuCategory__title {
    justify-content: center;
  }
  .menu__categories .menuCategory__body {
    flex-direction: column;
    border-left: 0;
    flex-wrap: nowrap;
  }
  .menu__categories .menuCategory__body .menuTile {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}

.menuCategory {
  background: #f9f8f8;
  border-bottom: 1px solid #b1b1b1;
  display: flex;
}

.menuCategory.category--favorites {
  position: relative;
  /** @TODO: incorporate extra-large better into flow. */
}

.menuCategory.category--favorites.disabled .menuTile {
  opacity: 0.25;
}

.menuCategory.category--favorites:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid transparent;
  transition: border-color 0.25s ease-in-out;
  user-select: none;
  pointer-events: none;
}

.menuCategory.category--favorites .menuCategory__headerWrapper {
  vertical-align: middle;
}

.menuCategory.category--favorites .menuCategory__title {
  vertical-align: middle;
}

.menuCategory.category--favorites .menuCategory__icon {
  vertical-align: middle;
}

.menuCategory.category--favorites .menuCategory__action {
  margin-top: 0.25em;
}

@media all and (min-width: 1500px) {
  .menuCategory.category--favorites {
    display: block;
    min-height: 6.625em;
  }
  .menuCategory.category--favorites .menuCategory__header {
    width: 100%;
    border-left-width: 0;
    border-top-width: 6px;
    min-height: 0;
    padding: 0;
    height: 2.25em;
    border-bottom: 1px solid #b1b1b1;
  }
  .menuCategory.category--favorites .menuCategory__headerWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .menuCategory.category--favorites .menuCategory__action {
    margin-top: 0;
  }
  .menuCategory.category--favorites .menuCategory__actionWrapper {
    flex: 1;
  }
  .menuCategory.category--favorites .menuCategory__title {
    display: flex;
    justify-content: flex-end;
    flex: 1;
  }
  .menuCategory.category--favorites .menuCategory__icon {
    margin: 0 1.5em;
  }
  .menuCategory.category--favorites .menuCategory__description {
    text-align: center;
  }
  .menuCategory.category--favorites .menuCategory__body {
    justify-content: center;
    padding-bottom: 0;
  }
  .menuCategory.category--favorites .menuCategory__body .menuTile {
    margin-bottom: 0.5em;
  }
}

.menuCategory + .menuCategory {
  margin-top: 1px;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menuCategory + .menuCategory {
    margin-top: 0;
  }
}

.menuCategory:last-of-type:not(.category--favorites) {
  margin-bottom: 1.5em;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menuCategory:last-of-type:not(.category--favorites) {
    margin-bottom: 0;
  }
}

.menuCategory:nth-of-type(even) {
  background: #f2f1f1;
}

.menuCategory__header {
  border-style: solid;
  border-width: 0 0 0 13px;
  width: 9em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 12px;
  transition: opacity 0.25s ease;
  min-height: 5.25em;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1500px) {
  .menuCategory__header {
    min-height: 2.75em;
  }
}

.category--favorites .menuCategory__header {
  border-color: #ffb300;
}

.category--core-screens .menuCategory__header {
  border-color: #e65325;
}

.category--markets .menuCategory__header,
.category--intermediaries .menuCategory__header {
  border-color: #4990e2;
}

.category--clients .menuCategory__header,
.category--opportunities .menuCategory__header {
  border-color: #fcc600;
}

.category--sales .menuCategory__header {
  border-color: #5fb502;
}

.category--analytics .menuCategory__header {
  border-color: #c98bff;
}

.category--admin .menuCategory__header {
  border-color: #a8a8a8;
}

.category--my-company .menuCategory__header {
  border-color: #3353a9;
}

.menuCategory__description {
  color: #9b9b9b;
  font-size: 0.6875em;
}

.menuCategory__title {
  margin: 0;
  font-size: 0.875em;
  display: flex;
}

.category--favorites .menuCategory__title {
  display: inline-block;
}

.menuCategory__action {
  display: block;
}

.menuCategory__icon {
  margin-left: 0.5em;
}

.category--favorites .menuCategory__icon {
  fill: #ffb300;
}

.category--core-screens .menuCategory__icon {
  fill: #e65325;
}

.category--markets .menuCategory__icon,
.category--intermediaries .menuCategory__icon {
  fill: #4990e2;
}

.category--clients .menuCategory__icon,
.category--opportunities .menuCategory__icon {
  fill: #fcc600;
}

.category--sales .menuCategory__icon {
  fill: #5fb502;
}

.category--analytics .menuCategory__icon {
  fill: #c98bff;
}

.category--admin .menuCategory__icon {
  fill: #a8a8a8;
}

.category--my-company .menuCategory__icon {
  fill: #3353a9;
}

.menuCategory__body {
  flex: 1;
  border-left: 1px solid #b1b1b1;
  padding: 0.25em 0.5em 0;
  display: flex;
  flex-wrap: wrap;
}

.menuCategory__body .menuTile {
  width: 12em;
  margin-right: 0.5em;
  margin-bottom: 0.25em;
}

.menu__emptyMessage {
  padding: 2em 0;
  text-align: center;
}

.menuTile {
  display: block;
  height: 6.75em;
  min-height: 6.75em;
  border: 1px solid #dddddd;
  border-left-width: 0;
  border-left: 5px solid;
  background: #ffffff;
  padding: 1em 0.5em 0.75em 0.25em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .menuTile {
    height: 6em;
    min-height: 6em;
  }
}

.mq--large .menuTile {
  height: 6em;
  min-height: 6em;
}

@media all and (min-width: large) {
  .menuTile {
    height: 6em;
    min-height: 6em;
  }
}

.menuTile.expanded {
  padding: 0.75em 0.5em 0.5em 0.25em;
}

.nav__favorites .menuTile {
  height: auto;
  min-height: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.nav__favorites .menuTile + .menuTile {
  margin-top: 0.25em;
}

.menu.editing .menuTile:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 1.5em;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.menu.editing .menuCategory.category--favorites .menuTile:after {
  content: "";
  color: #c60004;
}

.menu.editing .menuCategory:not(.category--favorites) .menuTile:after {
  content: "";
  color: #488bfb;
}

.menu.editing .menuCategory:not(.category--favorites) .menuTile.favorited {
  opacity: 0.25;
  pointer-events: none;
}

.menu.editing .menuCategory:not(.category--favorites) .menuTile.favorited:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  z-index: auto;
}

.menu.editing .menuCategory:not(.category--favorites) .menuTile.favorited:after {
  display: none;
  content: '';
}

.menuTile > span {
  transition: transform 5s ease;
}

.menuTile:not(.expanded):hover, .menuTile:not(.expanded).focused {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.menuTile__statusIcon {
  fill: #f6a623;
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  top: 2px;
  left: 3px;
}

.category--favorites .menuTile__statusIcon,
.nav__favorites .menuTile__statusIcon {
  display: none;
}

.menuTile__badge {
  position: absolute;
  background: #08a70e;
  border: 1px solid #86fd03;
  font-size: 0.75em;
  color: #ffffff;
  font-weight: 700;
  padding: 0 0.75em;
  top: -3px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  margin: auto;
  text-transform: uppercase;
  border-radius: 0.75em;
  text-align: center;
  text-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
}

.nav__favorites .menuTile__badge,
.category--favorites .menuTile__badge {
  display: none;
}

.menuTile__gem {
  position: absolute;
  top: -3px;
  right: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 0.625rem;
  font-weight: 600;
  border-radius: 0.25em;
  background: #c60004;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  text-align: center;
}

.menu.editing .menuTile__gem {
  display: none;
}

.menuTile__title {
  margin: 0;
  font-size: 0.75em;
  color: #000000;
}

.nav__favorites .menuTile__title {
  text-align: left;
}

.menuTile.expanded .menuTile__title {
  font-size: 1em;
}

.menuTile__description {
  margin: 0;
  font-size: 0.625em;
  color: #4a4a4a;
}

.nav__favorites .menuTile__description {
  display: none;
}

.menuTile.expanded .menuTile__description {
  font-size: 0.75em;
}

.menuTile__autocompleteWrapper {
  margin-top: 0.75em;
}

.menuTile__autocompleteWrapper label {
  display: block;
  margin-bottom: 0.25em;
  font-size: 0.875em;
  font-weight: bold;
}

.menuTile__autocompleteWrapper button {
  margin-top: 0.5em;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper {
  height: 1.25em;
  pointer-events: none;
  margin-top: 0.25em;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper label {
  display: none;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper input[type='text'] {
  height: 1.25em;
  line-height: 1.25em;
  padding-top: 0;
  padding-bottom: 0;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper input[type='text']::-webkit-input-placeholder {
  font-size: 0.6875em;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper input[type='text']:moz-placeholder {
  font-size: 0.6875em;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper input[type='text']::-moz-placeholder {
  font-size: 0.6875em;
}

.menuTile:not(.expanded) .menuTile__autocompleteWrapper input[type='text']:-ms-input-placeholder {
  font-size: 0.6875em;
}

.menuTile__autocompleteDummy {
  height: 20px;
  line-height: 20px;
  border: 1px solid #979797;
  font-style: italic;
  font-size: 0.6875em;
  color: #9b9b9b;
  padding: 0 0.5em;
  margin-top: 0.75em;
  border-radius: 2px;
  text-align: left;
}

.menuTile.category--core-screens {
  border-left-color: #e65325;
}

.menuTile.category--markets, .menuTile.category--intermediaries {
  border-left-color: #4990e2;
}

.menuTile.category--clients, .menuTile.category--opportunities {
  border-left-color: #fcc600;
}

.menuTile.category--sales {
  border-left-color: #5fb502;
}

.menuTile.category--analytics {
  border-left-color: #c98bff;
}

.menuTile.category--admin {
  border-left-color: #a8a8a8;
}

.menuTile.category--my-company {
  border-left-color: #3353a9;
}

.menu__footer {
  border-top: 10px solid #02284b;
  position: relative;
}

.menu__footerClose {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 33px;
  border-radius: 6px;
  background: #02284b;
  transform-origin: bottom center;
  transition: transform 0.25s ease;
}

.menu__footerClose:hover {
  transform: scale(1.25);
}

.menu__footerClose svg {
  fill: #ffffff;
  width: 24px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/** Delete below when new nav is integrated */
.top-container {
  position: relative;
  height: 1.95em;
  height: 1.95rem;
  background: #02284b;
  border-top: 1px solid #eee;
  z-index: 3;
}

.no-header .top-container,
.app-message .top-container,
.app-login .top-container {
  border-top: 0;
}

.login-page .top-container,
.sales-portal .top-container {
  left: 0;
}

.login-page .top-container .home,
.sales-portal .top-container .home {
  color: #fff;
  float: left;
  line-height: 1.95rem;
}

.top-container .wrapper {
  position: relative;
  max-width: 75em;
  margin: 0 auto;
  padding: 0 1em;
}

.user-utilities {
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  right: 1em;
  line-height: 2em;
}

.user-utilities:after {
  content: '';
  display: table;
  clear: both;
}

.user-utilities li {
  list-style: none;
  white-space: nowrap;
  float: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.user-utilities li li {
  list-style: none;
}

.user-utilities li:first-child {
  padding-left: 0;
}

.user-utilities li:last-child {
  padding-right: 0;
}

.user-utilities .nav-item {
  display: inline-block;
  height: 2em;
  overflow: hidden;
  text-align: center;
}

.user-utilities .nav-item a {
  display: block;
  min-width: 2em;
  height: 2em;
  line-height: 2em;
  color: #90d0d5;
}

.user-utilities .nav-item a:hover {
  color: #fff;
}

.user-utilities .nav-item .nicebutton, .user-utilities .nav-item .matchbutton, .user-utilities .nav-item .squaredIconButton, .user-utilities .nav-item .button-card__button, .user-utilities .nav-item button.dt-button,
.user-utilities .nav-item div.dt-button,
.user-utilities .nav-item a.dt-button {
  position: relative;
  top: -0.25em;
  display: inline-block;
  background: transparent;
}

.user-utilities .label {
  color: #fff;
}

.user-utilities .utility-profile-name {
  font-size: 0.75em;
  color: #fff;
}

.user-utilities .profile-name {
  font-weight: bold;
  margin-left: 0.25em;
}

.user-utilities .utility-profile a {
  display: block;
  width: 2em;
  line-height: 2em;
}

.user-utilities .utility-profile span,
.user-utilities .utility-help span,
.user-utilities .utility-print span {
  text-indent: -500px;
  display: inline-block;
}

.user-utilities .utility-logout a span {
  text-indent: -500px;
  display: inline-block;
}

.build-id {
  position: absolute;
  left: 1em;
  overflow: hidden;
  width: 35%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #52a9fa;
  font-size: 0.75em;
  line-height: 2.5em;
}

.top-bar-menu {
  background-color: #f8f8f8;
}

.b-ac-profile .utility-profile,
.b-ac-profile-teams .utility-profile,
.c-ac-profile .utility-profile,
.ac-profile .utility-profile {
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.b-ac-profile .utility-profile a:before,
.b-ac-profile-teams .utility-profile a:before,
.c-ac-profile .utility-profile a:before,
.ac-profile .utility-profile a:before {
  color: #f15727;
}

.user-utilities .nav-item .help-toggle-on {
  display: inline-block;
}

.user-utilities .nav-item .help-toggle-off {
  display: none;
}

.showHelpTips .user-utilities .nav-item .help-toggle-on {
  display: none;
}

.showHelpTips .user-utilities .nav-item .help-toggle-off {
  display: inline-block;
}

.user-utilities .utility-help {
  display: none;
}

.hasHelp .user-utilities .utility-help {
  display: inline-block;
}

.constrained-container {
  width: 75em;
  margin: 0 auto;
  padding: 0 1em;
}

.main-content {
  position: relative;
  z-index: 1;
  height: calc(100% - 1.95rem);
  height: -webkit-calc(100% - 1.95rem);
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.main-content__inner {
  max-width: 75em;
  margin: 0 auto;
  padding: 0 1em;
  min-height: 100%;
}

.main-content__inner:after {
  content: '';
  display: block;
  height: 4em;
}

.presentation--page .main-content__inner {
  display: flex;
  max-width: 100%;
  width: 100%;
  padding: 0;
}

.no-header .main-content__inner,
.app-message .main-content__inner,
.app-login .main-content__inner {
  padding-top: 1.95rem;
}

.main-content:before {
  content: '';
  display: block;
  position: absolute;
  left: -14.5em;
  right: 0;
  top: 0;
  height: 6.4rem;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 0;
}

.no-header .main-content:before,
.app-message .main-content:before,
.app-login .main-content:before,
.panel__inner .main-content:before,
.legacy-panel-wrapper .main-content:before {
  display: none;
}

@media print {
  .main-content:before {
    display: none;
  }
}

.printable .main-content:before, .main-content:before.printable {
  display: none;
}

.no-header .main-content,
.app-message .main-content,
.app-login .main-content,
.login-page .main-content {
  height: 100%;
}

@-moz-document url-prefix() {
  .page-header {
    height: 6.4rem;
  }
}

.page-header {
  width: 100%;
  position: relative;
  min-height: 102px;
  min-height: 6.4rem;
  height: 6.4rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.new--menu .page-header {
  display: none;
}

.new--menu .panel__inner .page-header,
.new--menu .dynamic-panel .page-header {
  display: table;
}

.dynamic-panel .page-header {
  min-height: 0;
  height: auto;
  margin-top: 2em;
}

.panel__inner .page-header {
  min-height: 3em;
  height: auto;
  margin: 0;
  margin-top: 1em;
}

.page-header .page-info {
  overflow: hidden;
  vertical-align: middle;
}

.page-header .page-title {
  width: 100%;
  max-width: 55em;
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 38px 0 0;
  padding: 0;
  color: #02284b;
  background-color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.manager.portfolio .page-header .page-title,
.officer.portfolio .page-header .page-title {
  color: #f15727;
}

.panel__inner .page-header .page-title,
.dynamic-panel .page-header .page-title {
  background-color: transparent;
  line-height: 1.2;
}

.dynamic-panel .page-header .page-title {
  color: #000000;
  font-size: 1.25em;
}

.page-header .profile-name {
  margin-left: 0.5em;
  color: #f15727;
}

.page-header .subhead {
  font-weight: 300;
  width: 100%;
}

.page-header .subhead a,
.page-header .subhead a:visited {
  font-weight: 700;
  color: #46b0b9;
}

.page-header .page-settings {
  display: table-cell;
  vertical-align: bottom;
  height: 6.4rem;
  width: 20rem;
}

.page-header .page-settings .set {
  width: 100%;
  text-align: right;
  min-height: 1.7rem;
  clear: both;
}

.page-header .page-settings .set:after {
  content: '';
  display: table;
  clear: both;
}

.page-header .page-settings select {
  position: relative;
  top: 0.2em;
  margin-bottom: 0.2em;
  min-width: 10em;
}

.page-header .page-settings .switch-bar li a,
.page-header .page-settings .switch-bar li span {
  min-width: 10rem;
  text-align: center;
}

.page-header .page-settings .switch-bar .small a {
  min-width: 3em;
}

.lt-ie8 .page-header {
  background: #fff;
  line-height: 102px;
  height: 102px;
}

.footer-container {
  position: relative;
  height: 2rem;
  top: 0;
  margin-bottom: 0;
  margin-top: -2rem;
  /*
    .app-login & {
        position: absolute;;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0;

        .wrapper {
            padding: 0 1em;
        }
    }
*/
}

.content__body .footer-container,
.panel__inner .footer-container {
  margin-top: 4em;
}

.footer-container .wrapper {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1em;
  font-size: 0.75em;
  color: #999;
  line-height: 30px;
  line-height: 1.9rem;
}

.footer-container .wrapper .h-list li {
  margin: 0;
  padding: 0;
  margin-right: 1em;
  padding-right: 1em;
}

.container.page-settings {
  /*ul*/
}

.container.page-settings > .content-wrapper {
  font-size: 0.75em;
  padding-bottom: 0;
  overflow: visible;
}

.container.page-settings .page-settings__summary li + li:before {
  content: '|';
  margin: 0 6px;
}

.ps {
  display: flex;
  align-items: center;
  /*li*/
  /*li*/
}

.ps + .ps {
  margin-top: 0.5em;
  border-top: 1px solid #ccc;
  padding-top: 0.5em;
}

.simple .ps + .ps, .container.padded-margin .ps + .ps, .topic-list .ps + .ps {
  border-top: 0;
}

.ps [data-ps-show] {
  display: none;
}

.ps__label {
  width: 10em;
}

.ps__group {
  flex: 1;
  display: flex;
  align-items: center;
}

.ps__control, .ps__empty, .ps-radio__item {
  margin: 0 3px;
  height: 24px;
  flex: 1;
}

.ps__control--no-height, .ps__empty--no-height, .ps-radio__item--no-height {
  height: auto;
}

.ps__control--active, .ps__empty--active, .ps-radio__item--active {
  display: block !important;
}

.ps__control.disabled {
  cursor: not-allowed;
}

.ps__control.disabled * {
  pointer-events: none;
}

.ps__item {
  flex: 1;
}

.ps__item + .ps__item {
  margin-left: 0.5em;
}

.ps-select, .ps-multi-select, .ps-tree-select {
  position: relative;
  width: 100%;
  height: 100%;
}

.ps-select__value, .ps-multi-select__value, .ps-tree-select__value {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f15727;
  border-radius: 0.3125em;
  color: #fff;
  font-weight: 400;
  text-align: left;
  line-height: 24px;
  text-indent: 6px;
  padding-right: 24px;
  text-transform: capitalize;
  user-select: none;
  cursor: pointer;
}

.disabled .ps-select__value, .disabled .ps-multi-select__value, .disabled .ps-tree-select__value {
  background-color: #bbb;
}

.ps-select__value:after, .ps-multi-select__value:after, .ps-tree-select__value:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0.5em;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}

.disabled .ps-select__value:after, .disabled .ps-multi-select__value:after, .disabled .ps-tree-select__value:after {
  display: none;
}

.ps-select {
  /*select*/
}

.ps-select .ps__node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.001;
}

.ps-multi-select {
  /*ul*/
}

.ps-multi-select .ps__node {
  position: absolute;
  top: 24px;
  right: 0;
  left: 0;
  display: none;
  list-style: none;
  margin: 0;
  padding: 3px 0;
  background: #fff;
  z-index: 5;
  border-radius: 0.3125em;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -6px rgba(0, 0, 0, 0.2);
  outline: none;
}

.ps-multi-select .ps__node.is--visible {
  display: block;
}

.ps-select-option, .ps-select-all {
  padding: 2px 6px;
  font-weight: 700;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.ps-select-option:hover, .ps-select-option:active, .ps-select-all:hover, .ps-select-all:active {
  background: blue;
  color: #fff;
}

.ps-select-option label, .ps-select-all label {
  flex: 1;
  margin-left: 2px;
  user-select: none;
}

.ps-select-all {
  border-bottom: 1px solid #ccc;
}

.ps-checkbox:not(.ps-checkbox--plain), .ps-radio__item {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.ps-checkbox:not(.ps-checkbox--plain) label, .ps-radio__item label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #bbb;
  line-height: 24px;
  padding-left: 2em;
  user-select: none;
  cursor: pointer;
}

.ps-checkbox:not(.ps-checkbox--plain) label:before, .ps-radio__item label:before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  left: 0.375em;
  bottom: 0;
  margin: auto;
  opacity: 0.6;
  transition: opacity 0.12s, border-color 0.08s;
}

.ps-checkbox:not(.ps-checkbox--plain) input:checked + label, .ps-radio__item input:checked + label {
  background: #f15727;
}

.ps-checkbox:not(.ps-checkbox--plain) input:checked + label:before, .ps-radio__item input:checked + label:before {
  content: "";
  border-color: transparent;
  opacity: 1;
}

.ps-checkbox:not(.ps-checkbox--plain).checkbox--disabled, .ps-radio__item.checkbox--disabled {
  pointer-events: none;
}

.ps-checkbox:not(.ps-checkbox--plain).checkbox--disabled label, .ps-radio__item.checkbox--disabled label {
  cursor: not-allowed;
  background: #ccc;
  color: #eee;
}

.ps-checkbox:not(.ps-checkbox--plain).checkbox--disabled label:before, .ps-radio__item.checkbox--disabled label:before {
  border-radius: 100%;
}

.ps-range__current-month {
  min-width: 6em;
  margin: 0 0.25em;
  border-radius: 0.25em;
  background-color: #f15727;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

.ps-range .irs {
  height: 75px;
}

.ps-range .irs-from,
.ps-range .irs-to,
.ps-range .irs-single {
  top: 5px;
  background: #f15727;
  font-size: 1em;
}

.ps-range .irs-bar {
  border-top: 1px solid #f15727;
  border-bottom: 1px solid #f15727;
  background: #f15727;
}

.ps-range .irs-line {
  background: #ddd;
}

.ps-radio {
  display: flex;
  align-items: center;
  height: 24px;
}

.ps-radio input[type='radio'] {
  opacity: 0;
}

.ps .checktree__list {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin-top: 0;
  padding: 0.5em;
  max-height: 150px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ps .checktree__list .checktree__list {
  position: relative;
  top: auto;
  max-height: none;
  overflow-y: auto;
  padding: 0;
}

.ps .checktree__list input:checked + label {
  font-weight: 700;
}

.ps__checkbox__container {
  display: block;
  position: relative;
  user-select: none;
  cursor: pointer;
}

.ps__checkbox__container input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.ps__checkbox__container input:checked ~ .ps__checkmark {
  background-color: #2196F3;
  border: solid #FFFFFF 0;
}

.ps__checkbox__container input:checked ~ .ps__checkmark:after {
  display: block;
}

.ps__checkbox__container .ps__checkmark:after {
  left: 4.5px;
  top: 0;
  width: 2.5px;
  height: 7px;
  border: solid #FFFFFF;
  border-width: 0 2.3px 2.3px 0;
  transform: rotate(45deg);
}

.ps__checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #FFFFFF;
  border: solid #566573 0.5px;
  border-radius: 2.5px;
}

.ps__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/*small*/
.footnote {
  display: inline-block;
  font-style: italic;
  color: #999;
}

.show-me + .footnote {
  margin-top: 20px;
}

.ui-dialog .footnote {
  margin-top: 10px;
  float: right;
  width: 72%;
}

.legacy-footnote {
  font-size: 0.87em;
}

.multiselect,
.niceform .multiselect,
.singleselect,
.niceform .singleselect {
  font-size: 0.85rem;
  background: #fff;
  max-width: 30em;
}

.multiselect > .ms-hd,
.niceform .multiselect > .ms-hd,
.singleselect > .ms-hd,
.niceform .singleselect > .ms-hd {
  padding: 0 0.5em;
  /* min-height: 3em; */
  border: 1px solid #ccc;
  margin-bottom: 1px;
}

.multiselect > .ms-hd label,
.niceform .multiselect > .ms-hd label,
.singleselect > .ms-hd label,
.niceform .singleselect > .ms-hd label {
  display: inline-block;
  font-weight: 700;
  color: #333;
}

.multiselect .ms-controls,
.niceform .multiselect .ms-controls,
.singleselect .ms-controls,
.niceform .singleselect .ms-controls {
  display: block;
}

.multiselect.required label:after,
.niceform .multiselect.required label:after,
.singleselect.required label:after,
.niceform .singleselect.required label:after {
  content: ' *';
}

.multiselect > .ms-bd,
.multiselect .content-wrapper.ms-bd,
.niceform .multiselect > .ms-bd,
.niceform .multiselect .content-wrapper.ms-bd,
.singleselect > .ms-bd,
.singleselect .content-wrapper.ms-bd,
.niceform .singleselect > .ms-bd,
.niceform .singleselect .content-wrapper.ms-bd {
  height: 350px;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  -ms-overflow-style: scrollbar;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .multiselect > .ms-bd,
  .multiselect .content-wrapper.ms-bd,
  .niceform .multiselect > .ms-bd,
  .niceform .multiselect .content-wrapper.ms-bd,
  .singleselect > .ms-bd,
  .singleselect .content-wrapper.ms-bd,
  .niceform .singleselect > .ms-bd,
  .niceform .singleselect .content-wrapper.ms-bd {
    overflow-y: scroll;
    padding: 0.25em 1.5em 0.25em 0.5em;
  }
}

.multiselect > .ms-ft,
.niceform .multiselect > .ms-ft,
.singleselect > .ms-ft,
.niceform .singleselect > .ms-ft {
  padding: 0.25em 0.5em;
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-top: 1px;
  position: relative;
}

.multiselect ul,
.niceform .multiselect ul,
.singleselect ul,
.niceform .singleselect ul {
  padding: 0;
  margin: 0;
}

.multiselect li,
.niceform .multiselect li,
.singleselect li,
.niceform .singleselect li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.4em;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .multiselect li,
  .niceform .multiselect li,
  .singleselect li,
  .niceform .singleselect li {
    line-height: 2em;
  }
}

.multiselect li:last-child,
.niceform .multiselect li:last-child,
.singleselect li:last-child,
.niceform .singleselect li:last-child {
  border: none;
}

.multiselect li div,
.niceform .multiselect li div,
.singleselect li div,
.niceform .singleselect li div {
  margin-bottom: 1px;
  padding: 0 16px;
  padding: 0 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.multiselect .level-0,
.niceform .multiselect .level-0,
.singleselect .level-0,
.niceform .singleselect .level-0 {
  margin-left: 0;
  margin-bottom: 1px;
}

.multiselect .ui-selected,
.niceform .multiselect .ui-selected,
.singleselect .ui-selected,
.niceform .singleselect .ui-selected {
  background: #70961a;
  color: #fff;
}

.multiselect .ui-selecting,
.niceform .multiselect .ui-selecting,
.singleselect .ui-selecting,
.niceform .singleselect .ui-selecting {
  background: #feff9f;
}

.multiselect .ui-selectee:hover,
.niceform .multiselect .ui-selectee:hover,
.singleselect .ui-selectee:hover,
.niceform .singleselect .ui-selectee:hover {
  cursor: pointer;
  background-color: #eee;
}

.multiselect li > div.ui-selected:hover,
.niceform .multiselect li > div.ui-selected:hover,
.singleselect li > div.ui-selected:hover,
.niceform .singleselect li > div.ui-selected:hover {
  cursor: pointer;
  background: #7bb2cc;
  color: #fff;
}

.multiselect .level-0 > li > div,
.niceform .multiselect .level-0 > li > div {
  font-weight: 600;
}

.multiselect .level-1,
.niceform .multiselect .level-1 {
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-bottom: 1px;
  border-top: 1px solid #eee;
}

.multiselect .level-1 > li > div,
.niceform .multiselect .level-1 > li > div {
  font-weight: 400;
}

.multiselect .level-2,
.niceform .multiselect .level-2 {
  margin-left: 16px;
  margin-left: 1rem;
  border-top: 1px solid #eee;
}

.multiselect .include li div.ui-selected,
.niceform .multiselect .include li div.ui-selected {
  background-color: #70961a;
  color: #fff;
}

.multiselect .exclude li div.ui-selected,
.niceform .multiselect .exclude li div.ui-selected {
  background-color: #c60004;
  color: #fff;
}

.multiselect .ms-ft,
.niceform .multiselect .ms-ft {
  overflow: auto;
}

.multiselect .ms-ft:after,
.niceform .multiselect .ms-ft:after {
  content: '';
  display: table;
  clear: both;
}

.multiselect .ms-ft .clear-all,
.niceform .multiselect .ms-ft .clear-all {
  float: right;
}

.multiselect.string,
.niceform .multiselect.string {
  max-width: inherit;
}

.wizard .multiselect.string, .wizard
.niceform .multiselect.string {
  max-width: 30em;
}

.multiselect.string > .ms-bd,
.niceform .multiselect.string > .ms-bd {
  height: auto;
  max-height: 350px;
}

.wizard .multiselect.string > .ms-bd, .wizard
.niceform .multiselect.string > .ms-bd {
  height: 350px;
}

.multiselect.string > .ms-hd,
.niceform .multiselect.string > .ms-hd {
  border: none;
  padding: 0;
}

.multiselect.string li > div,
.niceform .multiselect.string li > div {
  padding: 0;
}

.multiselect.string li > div.ui-selected,
.multiselect.string .include li > div.ui-selected,
.niceform .multiselect.string li > div.ui-selected,
.niceform .multiselect.string .include li > div.ui-selected {
  background-color: inherit;
  color: inherit;
}

.multiselect.string li > div.ui-selected:hover,
.multiselect.string li > div.ui-selectee:hover,
.niceform .multiselect.string li > div.ui-selected:hover,
.niceform .multiselect.string li > div.ui-selectee:hover {
  background-color: #eee;
  cursor: default;
}

.multiselect.string li > div.ui-selectee span.icon-cancel,
.niceform .multiselect.string li > div.ui-selectee span.icon-cancel {
  float: right;
  line-height: 1.5em;
  color: #ccc;
}

.multiselect.string li > div.ui-selectee span.icon-cancel:hover,
.niceform .multiselect.string li > div.ui-selectee span.icon-cancel:hover {
  color: #b11a10;
}

.multiselect.tree {
  max-width: 100%;
}

.multiselect.tree .ms-bd {
  height: 350px;
}

.multiselect.tree li {
  font-size: 100%;
}

.multiselect.tree .ms-bd li > span {
  float: left;
}

.multiselect.tree .level-1,
.multiselect.tree .level-2 {
  margin-left: 0;
}

.multiselect.tree .ms-hd input.ms-searchbox {
  float: right;
  margin: 0.5em 0;
}

.multiselect.tree .ms-hd .empty-message {
  margin: 0;
  padding: 0;
  font-size: smaller;
  float: right;
  clear: both;
}

.multiselect.tree .ms-hd button {
  margin-top: 1em;
}

.multiselect.tree .ms-bd li ul {
  display: none;
}

.multiselect.tree .ms-bd li.expanded > ul {
  display: block;
}

.multiselect.tree .ms-bd li li {
  margin-left: 1em;
}

.multiselect.tree .ms-bd li > div {
  padding: 0 0.5em;
  margin-left: 1.5em;
  height: 1.5em;
  vertical-align: top;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .multiselect.tree .ms-bd li > div {
    margin-left: 2em;
    height: 2.1em;
  }
}

.multiselect.tree .ms-bd li > span.trigger {
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .multiselect.tree .ms-bd li > span.trigger {
    width: 2em;
    height: 2em;
  }
}

.multiselect.tree .ms-bd li > span.trigger:before {
  font-family: 'riskmatch-icons';
  display: block;
  width: 1.3em;
  height: 1.3em;
  content: '\f054';
  color: #46b0b9;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .multiselect.tree .ms-bd li > span.trigger:before {
    width: 2em;
    height: 2em;
  }
}

.multiselect.tree .ms-bd li.expanded > span.trigger:before {
  content: '\f078';
}

.multiselect.tree .ms-bd li span.desc {
  display: inline-block;
  width: 87%;
  margin-right: 0.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multiselect.tree .ms-bd li span.code {
  display: inline-block;
  width: 6em;
  text-align: left;
  vertical-align: top;
}

.multiselect.tree .ms-ft p.totals {
  float: left;
  margin: 0;
  font-weight: 300;
}

.multiselect.tree .ms-ft span {
  margin-right: 2em;
}

.singleselect .ms-hd,
.niceform .singleselect .ms-hd {
  min-height: 0;
  height: 0;
  overflow: hidden;
  border: none;
}

.ui-dialog .multiselect .ms-bd {
  max-height: 20em;
}

.multi-industry-select {
  height: 110px;
}

.industry-selector-tool {
  display: inline-block;
  width: 100%;
  background: #f8f8f8;
  padding: 0.25em;
}

.industry-selector-tool .display-message {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.9em;
  font-style: italic;
  color: #999;
  min-height: 1.3em;
}

.industry-selector-tool .industry-select-display {
  padding: 0 0.25em;
  position: relative;
}

.industry-selector-tool .industry-select-display.compact {
  overflow-y: auto;
  max-height: 6em;
  background: #f8f8f8;
}

.industry-selector-tool .industry-item {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.industry-selector-tool .industry-item span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}

.industry-selector-tool .industry-item .naics {
  margin-left: 0.5em;
  width: 4em;
}

.industry-selector-tool .industry-item .item-desc {
  max-width: 60%;
}

.industry-selector-tool .industry-item .expand {
  position: absolute;
  right: 0;
  top: 0.2em;
  width: 9em;
  cursor: pointer;
  font-size: 0.875em;
  text-align: right;
}

.industry-selector-tool .industry-item .expand-detail p {
  font-size: 0.7em !important;
  line-height: 1em;
}

.industry-selector-tool > input {
  width: 100%;
}

.industry-selector-tool.single .industry-item {
  border: none;
}

.industry-selector-tool.single .industry-item span.item-desc {
  max-width: 80%;
}

.industry-selector-tool.single .display-message {
  clear: both;
  margin: 0.5em 0 0 0.5em;
}

.industry-selector-tool.simple, .industry-selector-tool.container.padded-margin, .industry-selector-tool.topic-list {
  padding: 0 0 0.25em;
}

.action-btn-sm,
a.action-btn-sm {
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.1em;
  height: 1.5em;
  width: 3em;
  line-height: 1.5em;
  font-size: 0.65em;
  color: #fff;
  text-align: center;
  border-radius: 8px;
}

.action-btn-sm:hover,
a.action-btn-sm:hover {
  color: #fff;
}

.action-btn-sm .icon-x, .action-btn-sm .p-tile__close:before,
.action-btn-sm .icon-checked,
.action-btn-sm .icon-question,
a.action-btn-sm .icon-x,
a.action-btn-sm .p-tile__close:before,
a.action-btn-sm .icon-checked,
a.action-btn-sm .icon-question {
  font-size: 1em;
}

.action-btn-sm.disabled,
a.action-btn-sm.disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: none;
}

a.action-btn-sm:visited,
a.action-btn-sm:hover,
a.action-btn-sm:focus,
a.action-btn-sm:active {
  color: #fff;
}

.action-btn-sm.approve {
  background-color: #70961a;
}

.action-btn-sm.approve:hover {
  background-color: #608016;
}

.action-btn-sm.decline {
  background-color: #b11a10;
}

.action-btn-sm.decline:hover {
  background-color: #9a170e;
}

.action-btn-sm.maybe {
  background: #999;
}

.action-btn-sm.maybe:hover {
  background-color: #8c8c8c;
}

.nicebutton, .matchbutton, .squaredIconButton, .button-card__button, button.dt-button,
div.dt-button,
a.dt-button {
  display: inline-block;
  width: auto;
  height: 2em;
  padding: 0 1em;
  border: 1px solid #46b0b9;
  background: #fff;
  color: #46b0b9;
  cursor: pointer;
  text-align: center;
  text-indent: 0;
  font-size: 0.875em;
  line-height: 2em;
  outline: none;
  border-radius: 5em;
  text-transform: uppercase;
}

.nicebutton:hover, .matchbutton:hover, .squaredIconButton:hover, .button-card__button:hover, button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  background: #f2f2f2;
  border: 1px solid #388d94;
  color: #388d94;
}

.nicebutton.primary, .primary.matchbutton, .primary.squaredIconButton, .primary.button-card__button, button.primary.dt-button,
div.primary.dt-button,
a.primary.dt-button {
  background: #46b0b9;
  border: 1px solid #388d94;
  color: #fff;
}

.nicebutton.primary:hover, .primary.matchbutton:hover, .primary.squaredIconButton:hover, .primary.button-card__button:hover, button.primary.dt-button:hover,
div.primary.dt-button:hover,
a.primary.dt-button:hover {
  background: #3f9ea7;
}

.nicebutton.primary:active, .primary.matchbutton:active, .primary.squaredIconButton:active, .primary.button-card__button:active, button.primary.dt-button:active,
div.primary.dt-button:active,
a.primary.dt-button:active {
  background: #43a9b2;
}

.nicebutton.primary.disabled, .primary.disabled.matchbutton, .primary.disabled.squaredIconButton, .primary.disabled.button-card__button, button.primary.disabled.dt-button,
div.primary.disabled.dt-button,
a.primary.disabled.dt-button {
  background: #d3d3d3;
  color: #f3f3f3;
  border-color: transparent;
}

.nicebutton.secondary, .secondary.matchbutton, .secondary.squaredIconButton, .secondary.button-card__button, button.secondary.dt-button,
div.secondary.dt-button,
a.secondary.dt-button {
  background: #42a35a;
  border: 1px solid #337f46;
  color: #fff;
}

.nicebutton.secondary:hover, .secondary.matchbutton:hover, .secondary.squaredIconButton:hover, .secondary.button-card__button:hover, button.secondary.dt-button:hover,
div.secondary.dt-button:hover,
a.secondary.dt-button:hover {
  background: #3b9150;
}

.nicebutton.secondary:active, .secondary.matchbutton:active, .secondary.squaredIconButton:active, .secondary.button-card__button:active, button.secondary.dt-button:active,
div.secondary.dt-button:active,
a.secondary.dt-button:active {
  background: #3f9c56;
}

.nicebutton.default-no-border, .default-no-border.matchbutton, .default-no-border.squaredIconButton, .default-no-border.button-card__button, button.default-no-border.dt-button,
div.default-no-border.dt-button,
a.default-no-border.dt-button {
  background: inherit;
  border-width: 0;
}

.nicebutton.success, .success.matchbutton, .success.squaredIconButton, .success.button-card__button, button.success.dt-button,
div.success.dt-button,
a.success.dt-button {
  background: #58c026;
  border: 1px solid #44951e;
  color: #fff;
}

.nicebutton.success:hover, .success.matchbutton:hover, .success.squaredIconButton:hover, .success.button-card__button:hover, button.success.dt-button:hover,
div.success.dt-button:hover,
a.success.dt-button:hover {
  background: #4eab22;
}

.nicebutton.success:active, .success.matchbutton:active, .success.squaredIconButton:active, .success.button-card__button:active, button.success.dt-button:active,
div.success.dt-button:active,
a.success.dt-button:active {
  background: #54b724;
}

.nicebutton.negative, .negative.matchbutton, .negative.squaredIconButton, .negative.button-card__button, button.negative.dt-button,
div.negative.dt-button,
a.negative.dt-button {
  background: #b11a10;
  border: 1px solid #82130c;
  color: #fff;
}

.nicebutton.negative:hover, .negative.matchbutton:hover, .negative.squaredIconButton:hover, .negative.button-card__button:hover, button.negative.dt-button:hover,
div.negative.dt-button:hover,
a.negative.dt-button:hover {
  background: #9a170e;
}

.nicebutton.negative:active, .negative.matchbutton:active, .negative.squaredIconButton:active, .negative.button-card__button:active, button.negative.dt-button:active,
div.negative.dt-button:active,
a.negative.dt-button:active {
  background: #a8190f;
}

.nicebutton.negative-outline, .negative-outline.matchbutton, .negative-outline.squaredIconButton, .negative-outline.button-card__button, button.negative-outline.dt-button,
div.negative-outline.dt-button,
a.negative-outline.dt-button {
  color: #b11a10;
  border: 1px solid #b11a10;
}

.nicebutton.needs-attention, .needs-attention.matchbutton, .needs-attention.squaredIconButton, .needs-attention.button-card__button, button.needs-attention.dt-button,
div.needs-attention.dt-button,
a.needs-attention.dt-button {
  background: #c60004;
  border: 1px solid #930003;
  color: #FFFFFF !important;
}

.nicebutton.needs-attention:hover, .needs-attention.matchbutton:hover, .needs-attention.squaredIconButton:hover, .needs-attention.button-card__button:hover, button.needs-attention.dt-button:hover,
div.needs-attention.dt-button:hover,
a.needs-attention.dt-button:hover {
  background: #ad0003;
}

.nicebutton.needs-attention:active, .needs-attention.matchbutton:active, .needs-attention.squaredIconButton:active, .needs-attention.button-card__button:active, button.needs-attention.dt-button:active,
div.needs-attention.dt-button:active,
a.needs-attention.dt-button:active {
  background: #bc0004;
}

.nicebutton.needs-attention-outline, .needs-attention-outline.matchbutton, .needs-attention-outline.squaredIconButton, .needs-attention-outline.button-card__button, button.needs-attention-outline.dt-button,
div.needs-attention-outline.dt-button,
a.needs-attention-outline.dt-button {
  color: #c60004;
  border: 1px solid #c60004;
}

.nicebutton.maybe, .maybe.matchbutton, .maybe.squaredIconButton, .maybe.button-card__button, button.maybe.dt-button,
div.maybe.dt-button,
a.maybe.dt-button {
  background: #999;
  border: 1px solid gray;
  color: #fff;
}

.nicebutton.maybe:hover, .maybe.matchbutton:hover, .maybe.squaredIconButton:hover, .maybe.button-card__button:hover, button.maybe.dt-button:hover,
div.maybe.dt-button:hover,
a.maybe.dt-button:hover {
  background: #8c8c8c;
}

.nicebutton.maybe:active, .maybe.matchbutton:active, .maybe.squaredIconButton:active, .maybe.button-card__button:active, button.maybe.dt-button:active,
div.maybe.dt-button:active,
a.maybe.dt-button:active {
  background: #949494;
}

.nicebutton.bright, .bright.matchbutton, .bright.squaredIconButton, .bright.button-card__button, button.bright.dt-button,
div.bright.dt-button,
a.bright.dt-button {
  background: #fd7c23;
  border: 1px solid #fff;
  color: #fff;
}

.nicebutton.bright:hover, .bright.matchbutton:hover, .bright.squaredIconButton:hover, .bright.button-card__button:hover, button.bright.dt-button:hover,
div.bright.dt-button:hover,
a.bright.dt-button:hover {
  background: #fd6d0a;
}

.nicebutton.bright:active, .bright.matchbutton:active, .bright.squaredIconButton:active, .bright.button-card__button:active, button.bright.dt-button:active,
div.bright.dt-button:active,
a.bright.dt-button:active {
  background: #fd7619;
}

.nicebutton.disabled, .disabled.matchbutton, .disabled.squaredIconButton, .disabled.button-card__button, button.disabled.dt-button,
div.disabled.dt-button,
a.disabled.dt-button {
  pointer-events: none;
}

.nicebutton.disabled, .disabled.matchbutton, .disabled.squaredIconButton, .disabled.button-card__button, button.disabled.dt-button,
div.disabled.dt-button,
a.disabled.dt-button, .nicebutton.disabled:hover, .disabled.matchbutton:hover, .disabled.squaredIconButton:hover, .disabled.button-card__button:hover, button.disabled.dt-button:hover,
div.disabled.dt-button:hover,
a.disabled.dt-button:hover {
  background-color: #eee;
  border-color: #d5d5d5;
  color: #ccc;
  cursor: default;
}

.nicebutton.small, .matchbutton, .small.squaredIconButton, .small.button-card__button, button.small.dt-button,
div.small.dt-button,
a.small.dt-button {
  font-size: 0.75em;
  text-transform: uppercase;
}

.nicebutton.tiny, .tiny.matchbutton, .tiny.squaredIconButton, .tiny.button-card__button, button.tiny.dt-button,
div.tiny.dt-button,
a.tiny.dt-button {
  font-size: 0.5625em;
  font-weight: 600;
  text-transform: uppercase;
}

.nicebutton.left-icon, .left-icon.matchbutton, .squaredIconButton, .left-icon.button-card__button, button.left-icon.dt-button,
div.left-icon.dt-button,
a.left-icon.dt-button {
  padding-left: 2.5em;
  position: relative;
  line-height: 1.9em;
}

.nicebutton.left-icon[class*='icon-']:before, .left-icon.matchbutton[class*='icon-']:before, .squaredIconButton[class*='icon-']:before, .left-icon.button-card__button[class*='icon-']:before, button.left-icon.dt-button[class*='icon-']:before,
div.left-icon.dt-button[class*='icon-']:before,
a.left-icon.dt-button[class*='icon-']:before {
  position: absolute;
  left: 1em;
}

.nicebutton.block, .block.matchbutton, .block.squaredIconButton, .block.button-card__button, button.block.dt-button,
div.block.dt-button,
a.block.dt-button {
  display: block;
}

.nicebutton.collapsed, .collapsed.matchbutton, .collapsed.squaredIconButton, .collapsed.button-card__button, button.collapsed.dt-button,
div.collapsed.dt-button,
a.collapsed.dt-button {
  line-height: 1.2em;
  height: 3em;
  font-size: 0.8em;
  width: 90%;
}

a.nicebutton:hover, a.matchbutton:hover, a.squaredIconButton:hover, a.button-card__button:hover,
a.dt-button:hover {
  background: #f2f2f2;
  color: #388d94;
  border: 1px solid #388d94;
}

a.nicebutton:active, a.matchbutton:active, a.squaredIconButton:active, a.button-card__button:active,
a.dt-button:active {
  color: #46b0b9;
}

a.nicebutton.primary, a.primary.matchbutton, a.primary.squaredIconButton, a.primary.button-card__button,
a.primary.dt-button {
  color: #fff;
}

a.nicebutton.primary:hover, a.primary.matchbutton:hover, a.primary.squaredIconButton:hover, a.primary.button-card__button:hover,
a.primary.dt-button:hover {
  background: #3f9ea7;
  border: 1px solid #388d94;
}

a.nicebutton.primary:active, a.primary.matchbutton:active, a.primary.squaredIconButton:active, a.primary.button-card__button:active,
a.primary.dt-button:active {
  color: #fff;
}

.matchbutton {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.25em;
  width: 100%;
  max-width: 100px;
  vertical-align: middle;
}

.squaredIconButton {
  border-radius: 0.25em;
}

.squaredIconButton [class*='icon-'] {
  position: relative;
  left: -1.25em;
}

.nicebutton + .nicebutton, .matchbutton + .nicebutton, .squaredIconButton + .nicebutton, .button-card__button + .nicebutton, button.dt-button + .nicebutton, div.dt-button + .nicebutton, a.dt-button + .nicebutton, .nicebutton + .matchbutton, .matchbutton + .matchbutton, .squaredIconButton + .matchbutton, .button-card__button + .matchbutton, button.dt-button + .matchbutton, div.dt-button + .matchbutton, a.dt-button + .matchbutton, .nicebutton + .squaredIconButton, .matchbutton + .squaredIconButton, .squaredIconButton + .squaredIconButton, .button-card__button + .squaredIconButton, button.dt-button + .squaredIconButton, div.dt-button + .squaredIconButton, a.dt-button + .squaredIconButton, .nicebutton + .button-card__button, .matchbutton + .button-card__button, .squaredIconButton + .button-card__button, .button-card__button + .button-card__button, button.dt-button + .button-card__button, div.dt-button + .button-card__button, a.dt-button + .button-card__button, .nicebutton + button.dt-button, .matchbutton + button.dt-button, .squaredIconButton + button.dt-button, .button-card__button + button.dt-button, button.dt-button + button.dt-button, div.dt-button + button.dt-button, a.dt-button + button.dt-button,
.nicebutton + div.dt-button,
.matchbutton + div.dt-button,
.squaredIconButton + div.dt-button,
.button-card__button + div.dt-button,
button.dt-button + div.dt-button,
div.dt-button + div.dt-button,
a.dt-button + div.dt-button,
.nicebutton + a.dt-button,
.matchbutton + a.dt-button,
.squaredIconButton + a.dt-button,
.button-card__button + a.dt-button,
button.dt-button + a.dt-button,
div.dt-button + a.dt-button,
a.dt-button + a.dt-button {
  margin-left: 0.5em;
}

.lt-ie8 a.primary,
.lt-ie8 a.primary:visited {
  color: #fff;
}

.combo-button {
  color: #333;
}

.combo-button > span {
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.1em;
  height: 1.5em;
  width: 3em;
  line-height: 1.5em;
  font-size: 0.65em;
  text-align: center;
  border-radius: 8px;
}

.combo-button.approve > span {
  color: #fff;
  background-color: #70961a;
}

.combo-button.approve:hover > span {
  background-color: #608016;
}

.combo-button.decline > span {
  color: #fff;
  background-color: #b11a10;
}

ul.button-group {
  list-style: none;
  margin: 0;
  left: 0;
}

ul.button-group > li {
  margin: 0;
  float: left;
}

ul.button-group > *:first-child > a {
  border-bottom-left-radius: 5em;
  border-top-left-radius: 5em;
  border-left-width: 1px;
}

ul.button-group > *:last-child > a {
  border-bottom-right-radius: 5em;
  border-top-right-radius: 5em;
}

ul.button-group .nicebutton, ul.button-group .matchbutton, ul.button-group .squaredIconButton, ul.button-group .button-card__button, ul.button-group button.dt-button,
ul.button-group div.dt-button,
ul.button-group a.dt-button {
  border-radius: 0;
  display: inline-block;
  margin-left: 0;
}

ul.button-group .nicebutton + .nicebutton, ul.button-group .matchbutton + .nicebutton, ul.button-group .squaredIconButton + .nicebutton, ul.button-group .button-card__button + .nicebutton, ul.button-group button.dt-button + .nicebutton, ul.button-group div.dt-button + .nicebutton, ul.button-group a.dt-button + .nicebutton, ul.button-group .nicebutton + .matchbutton, ul.button-group .matchbutton + .matchbutton, ul.button-group .squaredIconButton + .matchbutton, ul.button-group .button-card__button + .matchbutton, ul.button-group button.dt-button + .matchbutton, ul.button-group div.dt-button + .matchbutton, ul.button-group a.dt-button + .matchbutton, ul.button-group .nicebutton + .squaredIconButton, ul.button-group .matchbutton + .squaredIconButton, ul.button-group .squaredIconButton + .squaredIconButton, ul.button-group .button-card__button + .squaredIconButton, ul.button-group button.dt-button + .squaredIconButton, ul.button-group div.dt-button + .squaredIconButton, ul.button-group a.dt-button + .squaredIconButton, ul.button-group .nicebutton + .button-card__button, ul.button-group .matchbutton + .button-card__button, ul.button-group .squaredIconButton + .button-card__button, ul.button-group .button-card__button + .button-card__button, ul.button-group button.dt-button + .button-card__button, ul.button-group div.dt-button + .button-card__button, ul.button-group a.dt-button + .button-card__button, ul.button-group .nicebutton + button.dt-button, ul.button-group .matchbutton + button.dt-button, ul.button-group .squaredIconButton + button.dt-button, ul.button-group .button-card__button + button.dt-button, ul.button-group button.dt-button + button.dt-button, ul.button-group div.dt-button + button.dt-button, ul.button-group a.dt-button + button.dt-button,
ul.button-group .nicebutton + div.dt-button,
ul.button-group .matchbutton + div.dt-button,
ul.button-group .squaredIconButton + div.dt-button,
ul.button-group .button-card__button + div.dt-button,
ul.button-group button.dt-button + div.dt-button,
ul.button-group div.dt-button + div.dt-button,
ul.button-group a.dt-button + div.dt-button,
ul.button-group .nicebutton + a.dt-button,
ul.button-group .matchbutton + a.dt-button,
ul.button-group .squaredIconButton + a.dt-button,
ul.button-group .button-card__button + a.dt-button,
ul.button-group button.dt-button + a.dt-button,
ul.button-group div.dt-button + a.dt-button,
ul.button-group a.dt-button + a.dt-button {
  margin-left: 0;
  border-left-width: 0;
}

.graph .more-info-btn {
  position: absolute;
  top: 2em;
  right: 2em;
  z-index: 10;
}

.toggle {
  /*
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
*/
}

.toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.toggle-yes-no + label {
  padding: 2px;
  width: 100%;
  height: 2em;
}

input.toggle-yes-no + label:before,
input.toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-weight: 600;
  text-align: center;
  line-height: 2em;
}

input.toggle-yes-no + label:before {
  display: block;
  background-color: #dddddd;
  color: #46b0b9;
  content: attr(data-off);
}

input.toggle-yes-no + label:after {
  display: none;
  background-color: #70961a;
  color: #fff;
  content: attr(data-on);
}

input.toggle-yes-no:checked + label:before {
  display: none;
}

input.toggle-yes-no:checked + label:after {
  display: block;
}

@media print {
  /*
    input.toggle-yes-no + label:before,
    input.toggle-yes-no + label:after,
    input.toggle-yes-no:checked + label:after,
    input.toggle-yes-no:checked + label:before {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
    }
*/
}

button.smaller {
  font-size: 0.75em !important;
  padding: 0 0.75em !important;
}

.button-card {
  width: 31%;
  min-height: 150px;
  height: 100%;
  vertical-align: top;
  display: inline-block;
  margin: 1em 0.25em 0.5em;
  padding: 0 1em;
  color: #02284b;
  overflow: hidden;
}

.button-card.border {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.button-card__button {
  margin: 0.5em 0;
  width: 100%;
}

.button-card__text {
  vertical-align: middle;
}

.save-button {
  background: #7ed321;
  border: 1px solid #7ed321;
  color: #fff;
}

.save-button:hover, .save-button:focus, .save-button:active {
  background: #71bd1e;
  border: 1px solid #71bd1e;
  color: #fff;
}

.divisionSelector__tree:focus,
.divisionSelector__tree:active,
.divisionSelector__tree:hover {
  outline: none !important;
  text-decoration: none !important;
}

.container {
  position: relative;
  margin: 0 0 2em;
  padding: 0;
}

.container:after {
  content: '';
  display: table;
  clear: both;
}

h3.circle.horizontal + .container {
  margin-top: 1em;
}

.container .loading-message {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
}

.container .loading-message > p {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

.container:not(.standard-container).disabled {
  display: none;
}

.container.loaded .loading-message {
  display: none;
}

.container.collapsed {
  margin-bottom: 1em;
}

.container .wizard {
  margin-bottom: 1em;
  z-index: 1;
}

.container > header {
  position: relative;
  min-height: 2em;
  width: 100%;
  user-select: none;
}

.container.bordered {
  border: 1px solid #ccc;
  padding: 1em;
}

.container.rounded, .container.quick-find, .container.simple, .container.padded-margin, .container.topic-list, .container.take-action {
  border-radius: 5px;
}

.container.help-connect {
  padding: 2em;
  background: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 1px #ccc;
}

.container.help-connect h3 {
  color: #f15727;
  margin-top: 0;
}

.container.help-connect p {
  font-weight: 300;
}

.container.table-container {
  overflow: visible;
}

.container.quick-find {
  margin-bottom: 1em;
  padding: 2em 1em;
  background-color: #a7c573;
  color: #fff;
}

.container.simple, .container.padded-margin, .container.topic-list {
  background-color: #fff;
  box-shadow: 1px 1px 3px 1px #ccc;
}

.container.padded-margin {
  margin: 1em 1em 0 1em;
  padding: 15px;
}

.container.take-action {
  box-shadow: 1px 1px 3px 1px #ccc;
  background-color: #55a791;
  color: #fff;
  font-weight: 300;
}

.container.take-action input {
  color: #333;
}

.container.take-action h1,
.container.take-action h2 {
  font-weight: 300;
}

.container.treemap-display {
  background-color: #f8f8f8;
  padding: 1em;
}

.container.prompt .hd {
  background-color: #70961a;
  color: #fff;
  padding: 0.5em 1em;
  position: relative;
  min-height: 2em;
}

.container.prompt .hd .btn-close {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.5em;
}

.container.prompt .hd .title {
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

.container.prompt .hd .title:before {
  content: '?';
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  border: 3px solid #fff;
  border-radius: 2em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1em;
}

.container.prompt .bd {
  padding: 1em;
}

.container.teaser {
  border-top: 1em solid #f15727;
}

.container > .liner {
  padding: 1em;
}

.section-content {
  padding: 0 1.5em;
}

.collapsible {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 1px #ccc;
}

.collapsible > header {
  background-color: #ddd;
  min-height: 1.375em;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  transition: background-color 0.3s ease-in-out;
}

.collapsible > header:after {
  content: '';
  display: table;
  clear: both;
}

.collapsible > header:hover {
  background-color: #46b0b9;
}

.collapsible > .content-wrapper {
  position: relative;
  overflow: hidden;
  margin: 1.5em;
  padding-bottom: 1.5em;
}

.collapsible > .content-wrapper.full--width {
  margin: 1.5em 0;
}

.collapsible > .content-wrapper > h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.collapsible > .content-wrapper.wizard {
  margin: 0;
  padding-bottom: 0;
}

.collapsible > .content-wrapper.ms-bd {
  margin: 0;
  padding: 0;
}

.collapsible > header:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: -0.5em 0.25em 0;
  font-size: 1em;
  color: #666;
}

.collapsible > header:hover:before {
  color: #b5dfe3;
}

.collapsible.expanded > header:before {
  content: '\e005';
  font-family: 'riskmatch-icons';
}

.collapsible.collapsed > header:before {
  content: '\e004';
  font-family: 'riskmatch-icons';
}

.collapsible.collapsed > .content-wrapper {
  display: none;
}

.collapsible .collapsible {
  margin: 1px 0;
  border: 1px solid #ccc;
  box-shadow: none;
}

.collapsible .collapsible > header {
  border-radius: 2px;
}

.collapsible .collapsible.expanded .section-title,
.collapsible .collapsible.collapsed .section-title {
  opacity: 1;
}

.collapsible .collapsible.collapsed {
  margin-bottom: 1px;
}

.ui-dialog-content .collapsible {
  box-shadow: none;
  border: 1px solid #ccc;
}

.fixed-min .content-wrapper {
  min-height: 500px;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .fixed-min .content-wrapper {
    min-height: 0;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .fixed-min .content-wrapper {
    min-height: 0;
  }
}

.quick-facts h3 {
  font-size: 1em;
  font-weight: 600;
}

.quick-facts + .toolbar {
  margin-top: 2em;
}

.section-title {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: calc(100% - 1em);
  width: -webkit-calc(100% - 1em);
  padding-left: 0.25em;
  font-size: 0.75rem;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 22px;
  line-height: 1.375rem;
  transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out, color 0.1s linear, opacity 0.3s ease-in-out;
}

.collapsible .section-title {
  position: relative;
  padding-left: 2.5em;
}

.collapsed .section-title {
  line-height: 41px;
  line-height: 2.5625rem;
  height: 41px;
  height: 2.5625rem;
  visibility: visible;
}

.expanded .section-title {
  line-height: 22px;
  line-height: 1.375rem;
  height: 22px;
  height: 1.375rem;
  opacity: 0;
}

.collapsible header:hover .section-title {
  color: #fff;
  opacity: 1;
}

.section-title > ul {
  position: relative;
  display: inline;
  margin: 0 0.25em 0;
  padding: 0;
  font-size: 0.8em;
}

.section-title > ul li {
  position: relative;
  display: inline-block;
}

.section-title > ul li:first-child {
  margin-left: 0.25em;
}

.section-title > ul li:last-child {
  margin-right: 0;
}

.section-title > ul li:last-child:after {
  display: none;
}

.section-aside {
  padding-right: 20px;
  font-size: 0.8em;
}

.collapsible header:hover .section-aside {
  color: #fff;
  opacity: 1;
}

.filters {
  padding: 1em;
  margin-bottom: 2em;
  vertical-align: top;
}

.filter-toggles {
  margin-top: 0;
  border-top: 1px solid #ccc;
}

.filter-settings h3 {
  margin: -1em -1em 1em;
  padding: 0.2em 0.5em;
  background-color: #a7c573;
  color: #fff;
  font-weight: 400;
  font-size: 0.85em;
}

.filter-settings h3 span {
  font-size: 100%;
  font-weight: 700;
  font-style: normal;
}

.buttons {
  padding: 1em;
  margin: 2em 0;
  vertical-align: middle;
  border-top: 1px dotted #ccc;
}

.qtip .buttons {
  padding: 0.5em;
  margin: 1em 0;
}

.buttons .h-list li {
  margin-right: 1em;
  vertical-align: middle;
}

.collapsed .buttons.persist {
  position: absolute;
  right: 1em;
  top: 50%;
  padding: 0;
  border: 0;
  margin-top: -0.75em;
}

.collapsed .buttons.persist .btn,
.collapsed .buttons.persist .nicebutton,
.collapsed .buttons.persist .matchbutton,
.collapsed .buttons.persist .squaredIconButton,
.collapsed .buttons.persist .button-card__button,
.collapsed .buttons.persist button.dt-button,
.collapsed .buttons.persist div.dt-button,
.collapsed .buttons.persist a.dt-button {
  height: 1.5em;
  line-height: 1.5em;
  font-size: 0.8em;
}

.buttons.persistent {
  position: absolute;
  right: 1em;
  top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out, font-size 0.3s ease-in-out;
}

.expanded .buttons.persistent {
  font-size: 0.8em;
  line-height: 1.375rem;
}

.collapsed .buttons.persistent {
  line-height: 2.5625rem;
}

.content-wrapper + .buttons {
  margin-top: 0;
}

.liner {
  padding: 1em;
}

.geo-tools {
  float: right;
  margin-top: -2em;
}

.company-summary .three-items .column {
  min-height: 14em;
}

.team-summary {
  padding: 0;
  margin: 2em 0 0;
  position: relative;
  font-size: 0.9em;
}

.team-summary h3 {
  margin: 0;
  padding: 0.1em 0.5em;
  background-color: #a7c573;
  color: #fff;
  border-radius: 4px;
}

.access-message,
.company-summary .access-message {
  background-color: #d3e4f9;
  border-radius: 5px;
}

.access-message > h3,
.company-summary .access-message > h3 {
  margin: 0;
  padding: 0.25em;
  background-color: #639dea;
  color: #fff;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.access-message > .container,
.company-summary .access-message > .container {
  margin: 0 1em 1em;
}

.help .topic {
  min-height: 600px;
  padding: 1em;
}

.help .topic > h2 {
  margin: 1rem;
  font-weight: 400;
  color: #f15727;
}

.help .topic > h3 {
  margin: 1rem;
  font-weight: 400;
  color: #f15727;
}

.help .topic > .summary {
  margin: 2rem 1rem;
  font-weight: 300;
}

.help .topic > .description {
  margin: 2rem 1rem;
}

.help .topic > .description .image-holder {
  overflow: hidden;
  border: 1px solid #f8f8f8;
}

.help .topic > .description img {
  max-width: 100%;
}

.help .topic > .related {
  margin: 2rem 1rem;
}

.feature {
  padding: 1.5em 1.5em 1em;
  border: 1px solid #e5e5e5;
  border-radius: 0.25em;
}

.feature .inner {
  padding: 0;
}

.feature .inner * {
  margin-bottom: 1em;
  margin-top: 0;
}

.feature .inner img {
  display: block;
}

.feature .inner .buttons {
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 0;
}

.logo {
  position: relative;
  background: #fff;
  width: 15em;
  height: 15em;
  text-align: center;
}

.logo img {
  width: 15em;
}

/* <!--removed 01-27-2016 conflict... I think it's unused at this point -->
.placeholder {
    text-align: center;
   img {
       max-width: 100%;
   }
}
*/
.tiles > .tile,
.tiles > li.tile {
  display: block;
  float: left;
  background: #fff;
  margin: 0 2em 2em 0;
  padding: 0.25em;
  width: 8.4rem;
  height: 10rem;
  border: 2px solid transparent;
  border-radius: 0.25em;
  box-shadow: 2px 2px 6px rgba(102, 102, 102, 0.5);
  font-size: 0.8rem;
}

.tiles > .tile:hover,
.tiles > li.tile:hover {
  border: 2px solid #46b0b9;
}

.tiles > .tile h1,
.tiles > li.tile h1 {
  font-size: 0.8rem;
  font-weight: 300;
  background: #eee;
  color: #000;
  padding: 0;
  margin: 0;
  pointer-events: none;
}

.tiles > .tile .rating,
.tiles > li.tile .rating {
  margin: 1em 0;
  color: #ffba30;
  pointer-events: none;
}

.tiles > .tile .date,
.tiles > li.tile .date {
  pointer-events: none;
}

.test .container.collapsible {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.test .sidebar-container {
  display: none;
}

.test .test-body {
  position: relative;
  margin: 4em;
}

.test .test-container {
  margin: 2em 0;
  border: 1px dashed #639dea;
  padding: 1em;
}

.test .tip-content {
  display: block;
  width: 500px;
}

/*
.carrier-ratings-updates-container {
    .carrier-ratings {
        &--rated {
            display: block;
        }

        &--unrated {
            display: none;
        }
    }

    &.show--unrated {
        .carrier-ratings {
            &--rated {
                display: none;
            }

            &--unrated {
                display: block;
            }
        }

        .toolbar--filters {
            display: none;
        }
    }
}
*/
.multi_value_list > li {
  margin-left: -36px;
  border-top: 1px solid #e0e0e0;
}

.multi_value_list > li > span {
  float: right;
  color: #d9d9d9;
  margin-top: 2px;
}

.multi_value_list > li:last-child {
  border-bottom: 1px solid #e0e0e0;
}

@media print {
  .standard-container {
    margin-bottom: 0;
  }
  .standard-container__toggle {
    opacity: 0;
  }
  .standard-container__header {
    padding: 0;
  }
  .standard-container__body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

.printable .standard-container, .standard-container.printable {
  margin-bottom: 0;
}

.printable .standard-container__toggle, .standard-container.printable__toggle {
  opacity: 0;
}

.printable .standard-container__header, .standard-container.printable__header {
  padding: 0;
}

.printable .standard-container__body, .standard-container.printable__body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.flexcolumn {
  flex-direction: column;
}

.flexcolumn > * {
  display: inline-block;
  flex-grow: 1;
  flex-basis: auto !important;
}

.flexrow,
.flexcolumn {
  display: flex !important;
}

.flex-align--center {
  align-items: center !important;
}

.flex-align--baseline {
  align-items: baseline !important;
}

.flex-align--start {
  align-items: flex-start !important;
}

.flex-align--end {
  align-items: flex-end !important;
}

.flex-align--stretch {
  align-items: stretch !important;
}

.justify--center {
  justify-content: center !important;
}

.justify--end {
  justify-content: flex-end !important;
}

.justify--start {
  justify-content: flex-start !important;
}

.justify--around {
  justify-content: space-around !important;
}

.justify--between {
  justify-content: space-between !important;
}

.no--flex {
  flex: none !important;
}

.flexitem.flex--0 {
  flex: 0;
}

.flexitem.flex--1 {
  flex: 1;
}

.flexitem.flex--2 {
  flex: 2;
}

.flexitem.flex--3 {
  flex: 3;
}

.flexitem.flex--4 {
  flex: 4;
}

.flexitem.flex--5 {
  flex: 5;
}

.flexitem.flex--6 {
  flex: 6;
}

.flexitem.flex--7 {
  flex: 7;
}

.flexitem.flex--8 {
  flex: 8;
}

.flexitem.flex--9 {
  flex: 9;
}

.flexitem.flex--10 {
  flex: 10;
}

.flexitem.small--0 {
  flex: 0;
}

.flexitem.medium--0 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--0 {
    flex: 0;
  }
}

.mq--medium .flexitem.medium--0 {
  flex: 0;
}

@media all and (min-width: medium) {
  .flexitem.medium--0 {
    flex: 0;
  }
}

.flexitem.large--0 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--0 {
    flex: 0;
  }
}

.mq--large .flexitem.large--0 {
  flex: 0;
}

@media all and (min-width: large) {
  .flexitem.large--0 {
    flex: 0;
  }
}

.flexitem.small--1 {
  flex: 1;
}

.flexitem.medium--1 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--1 {
    flex: 1;
  }
}

.mq--medium .flexitem.medium--1 {
  flex: 1;
}

@media all and (min-width: medium) {
  .flexitem.medium--1 {
    flex: 1;
  }
}

.flexitem.large--1 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--1 {
    flex: 1;
  }
}

.mq--large .flexitem.large--1 {
  flex: 1;
}

@media all and (min-width: large) {
  .flexitem.large--1 {
    flex: 1;
  }
}

.flexitem.small--2 {
  flex: 2;
}

.flexitem.medium--2 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--2 {
    flex: 2;
  }
}

.mq--medium .flexitem.medium--2 {
  flex: 2;
}

@media all and (min-width: medium) {
  .flexitem.medium--2 {
    flex: 2;
  }
}

.flexitem.large--2 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--2 {
    flex: 2;
  }
}

.mq--large .flexitem.large--2 {
  flex: 2;
}

@media all and (min-width: large) {
  .flexitem.large--2 {
    flex: 2;
  }
}

.flexitem.small--3 {
  flex: 3;
}

.flexitem.medium--3 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--3 {
    flex: 3;
  }
}

.mq--medium .flexitem.medium--3 {
  flex: 3;
}

@media all and (min-width: medium) {
  .flexitem.medium--3 {
    flex: 3;
  }
}

.flexitem.large--3 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--3 {
    flex: 3;
  }
}

.mq--large .flexitem.large--3 {
  flex: 3;
}

@media all and (min-width: large) {
  .flexitem.large--3 {
    flex: 3;
  }
}

.flexitem.small--4 {
  flex: 4;
}

.flexitem.medium--4 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--4 {
    flex: 4;
  }
}

.mq--medium .flexitem.medium--4 {
  flex: 4;
}

@media all and (min-width: medium) {
  .flexitem.medium--4 {
    flex: 4;
  }
}

.flexitem.large--4 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--4 {
    flex: 4;
  }
}

.mq--large .flexitem.large--4 {
  flex: 4;
}

@media all and (min-width: large) {
  .flexitem.large--4 {
    flex: 4;
  }
}

.flexitem.small--5 {
  flex: 5;
}

.flexitem.medium--5 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--5 {
    flex: 5;
  }
}

.mq--medium .flexitem.medium--5 {
  flex: 5;
}

@media all and (min-width: medium) {
  .flexitem.medium--5 {
    flex: 5;
  }
}

.flexitem.large--5 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--5 {
    flex: 5;
  }
}

.mq--large .flexitem.large--5 {
  flex: 5;
}

@media all and (min-width: large) {
  .flexitem.large--5 {
    flex: 5;
  }
}

.flexitem.small--6 {
  flex: 6;
}

.flexitem.medium--6 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--6 {
    flex: 6;
  }
}

.mq--medium .flexitem.medium--6 {
  flex: 6;
}

@media all and (min-width: medium) {
  .flexitem.medium--6 {
    flex: 6;
  }
}

.flexitem.large--6 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--6 {
    flex: 6;
  }
}

.mq--large .flexitem.large--6 {
  flex: 6;
}

@media all and (min-width: large) {
  .flexitem.large--6 {
    flex: 6;
  }
}

.flexitem.small--7 {
  flex: 7;
}

.flexitem.medium--7 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--7 {
    flex: 7;
  }
}

.mq--medium .flexitem.medium--7 {
  flex: 7;
}

@media all and (min-width: medium) {
  .flexitem.medium--7 {
    flex: 7;
  }
}

.flexitem.large--7 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--7 {
    flex: 7;
  }
}

.mq--large .flexitem.large--7 {
  flex: 7;
}

@media all and (min-width: large) {
  .flexitem.large--7 {
    flex: 7;
  }
}

.flexitem.small--8 {
  flex: 8;
}

.flexitem.medium--8 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--8 {
    flex: 8;
  }
}

.mq--medium .flexitem.medium--8 {
  flex: 8;
}

@media all and (min-width: medium) {
  .flexitem.medium--8 {
    flex: 8;
  }
}

.flexitem.large--8 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--8 {
    flex: 8;
  }
}

.mq--large .flexitem.large--8 {
  flex: 8;
}

@media all and (min-width: large) {
  .flexitem.large--8 {
    flex: 8;
  }
}

.flexitem.small--9 {
  flex: 9;
}

.flexitem.medium--9 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--9 {
    flex: 9;
  }
}

.mq--medium .flexitem.medium--9 {
  flex: 9;
}

@media all and (min-width: medium) {
  .flexitem.medium--9 {
    flex: 9;
  }
}

.flexitem.large--9 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--9 {
    flex: 9;
  }
}

.mq--large .flexitem.large--9 {
  flex: 9;
}

@media all and (min-width: large) {
  .flexitem.large--9 {
    flex: 9;
  }
}

.flexitem.small--10 {
  flex: 10;
}

.flexitem.medium--10 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .flexitem.medium--10 {
    flex: 10;
  }
}

.mq--medium .flexitem.medium--10 {
  flex: 10;
}

@media all and (min-width: medium) {
  .flexitem.medium--10 {
    flex: 10;
  }
}

.flexitem.large--10 {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .flexitem.large--10 {
    flex: 10;
  }
}

.mq--large .flexitem.large--10 {
  flex: 10;
}

@media all and (min-width: large) {
  .flexitem.large--10 {
    flex: 10;
  }
}

.flex-wrap {
  flex-wrap: wrap;
}

.no-wrap {
  flex-wrap: nowrap;
}

.row {
  width: 100%;
  max-width: 75em;
  max-width: 75rem;
  min-width: 20em;
  min-width: 20rem;
  margin: 0 auto;
}

.row .row {
  min-width: 0px;
}

.row {
  *zoom: 1;
}

.row:before,
.row:after {
  content: '';
  display: table;
}

.row:after {
  clear: both;
}

.row.table {
  display: table;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.row.table .column {
  display: table-cell;
  float: none;
  margin: 0;
}

.column {
  position: relative;
  margin-left: 1.70213%;
  float: left;
  min-height: 1px;
}

.column:first-child {
  margin-left: 0px;
}

.column:last-child {
  float: right;
}

.boxed .column {
  border-radius: 0.5em;
  border: 1px solid #eee;
  min-height: 14em;
  margin-top: 1em;
}

.six-items > .column {
  width: 15.24823%;
}

.five-items > .column {
  width: 18.6383%;
}

.five-items > .column.double {
  width: 38.97873%;
}

.five-items > .column.triple {
  width: 59.31916%;
}

.four-items > .column {
  width: 23.7234%;
}

.four-items > .column.double {
  width: 49.14893%;
}

.four-items > .column.triple {
  width: 74.57446%;
}

.row.table.four-items > .column {
  width: 25%;
}

.row.table.four-items > .column.double {
  width: 50%;
}

.three-items > .column {
  width: 32.19858%;
}

.three-items > .column.double {
  width: 66.09929%;
}

.row.table.three-items > .column {
  width: 33.333333%;
}

.row.table.three-items > .column.double {
  width: 66.66666%;
}

.two-items > .column {
  width: 49.14894%;
}

.one-item > .column {
  float: none;
  margin-left: 0;
  margin-right: 0;
}

.one-four-split > .column:first-child {
  width: 18.6383%;
}

.one-four-split > .column:last-child {
  width: 79.65959%;
}

.four-one-split > .column:first-child {
  width: 79.65959%;
}

.four-one-split > .column:last-child {
  width: 18.6383%;
}

.one-three-split > .column:first-child {
  width: 23.7234%;
}

.one-three-split > .column:last-child {
  width: 74.57446%;
}

.one-two-split > .column:first-child {
  width: 32.19858%;
}

.one-two-split > .column:last-child {
  width: 66.09929%;
}

.row.table.one-two-split > .column:first-child {
  width: 33.33333%;
}

.row.table.one-two-split > .column:last-child {
  width: 66.66667%;
}

.row.table.one-three-split > .column:first-child {
  width: 25%;
}

.row.table.one-three-split > .column:last-child {
  width: 75%;
}

.two-one-split > .column:first-child {
  width: 66.09929%;
}

.two-one-split > .column:last-child {
  width: 32.19858%;
}

.three-one-split > .column:first-child {
  width: 74.57446%;
}

.three-one-split > .column:last-child {
  width: 23.7234%;
}

.h-set .column {
  height: 18em;
}

@media (min-width: 1px) and (max-width: 1100px) {
  .quick-facts > .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
  .quick-facts > .four-items > .column:nth-child(2) {
    flex: 2 1 auto;
    order: 99;
    flex-basis: 100%;
  }
  .quick-facts > .four-items > .column:nth-child(2) > h3 {
    text-align: left;
    margin-bottom: 0;
  }
  .quick-facts > four-items > .column > .simple-percent-chart > .wrapper > span.value {
    font-size: 3.5em;
  }
}

.gray--bg {
  background-color: #f4f4f4 !important;
}

.fixed-width-flex-grow {
  width: 20%;
  flex-grow: 0.09;
}

.flex-1 {
  flex: 1 1 auto;
}

.min-height-200 {
  min-height: 200px;
}

.min-height-0 {
  min-height: 0;
}

.metric-bar {
  display: flex;
  align-items: stretch;
}

.metric-title {
  font-weight: 300;
  color: #02284b;
}

.metric-subhead {
  font-weight: 300;
  font-size: 1.25em;
  margin-bottom: 0.83em;
}

.metric-unit {
  padding: 1em;
  padding: 1em 0.25em;
  background-color: #fff;
  position: relative;
  text-align: center;
  flex: 1;
  color: #033564;
  /** @TODO: incorporate extra-large better into flow. */
}

.metric-unit:not(.stacked) + .metric-unit:not(.stacked) {
  margin-left: 1em;
}

.metric-unit.split--item {
  flex: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background: transparent;
  padding: 0;
  min-height: 6em;
}

@media all and (min-width: 1100px) {
  .metric-unit {
    padding: 1em;
  }
}

.mq--large .metric-unit {
  padding: 1em;
}

@media all and (min-width: large) {
  .metric-unit {
    padding: 1em;
  }
}

.metric-unit .data {
  display: block;
  font-size: 2.4em;
  line-height: 1.2em;
  font-weight: 700;
  /** @TODO: incorporate extra-large better into flow. */
}

.metric-unit .data > span.loader {
  font-size: 16px;
}

.metric-unit .data > span.svg-loader__wrapper {
  font-size: 0.75em;
}

.metric-bar.smaller .metric-unit .data {
  font-size: 1.75em;
  margin-bottom: 0.1em;
}

@media all and (min-width: 1100px) {
  .metric-unit .data {
    font-size: 2.75em;
  }
}

.mq--large .metric-unit .data {
  font-size: 2.75em;
}

@media all and (min-width: large) {
  .metric-unit .data {
    font-size: 2.75em;
  }
}

.metric-unit .data-units {
  display: block;
  font-size: 0.875em;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
}

.metric-bar.smaller .metric-unit .data-units {
  font-size: 0.75rem;
}

.metric-unit .data-context {
  display: block;
  font-size: 0.8125em;
  line-height: 2em;
  font-weight: 700;
  color: #666;
}

.metric-unit em {
  font-size: 0.9em;
  font-style: normal;
  font-weight: 300;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .metric-unit em {
    font-weight: 400;
  }
}

.mq--medium .metric-unit em {
  font-weight: 400;
}

@media all and (min-width: medium) {
  .metric-unit em {
    font-weight: 400;
  }
}

.metric-unit.value.positive {
  background-color: #70961a;
  color: #fff;
}

.metric-unit.value.negative {
  background-color: #c60004;
  color: #fff;
}

.metric-unit.value.negative.neg-1 {
  background-color: rgba(198, 0, 4, 0.3);
  color: #fff;
  text-shadow: 1px 1px 2px #c60004;
}

.metric-unit.value.negative.neg-2 {
  background-color: rgba(198, 0, 4, 0.5);
  color: #fff;
  text-shadow: 1px 1px 2px #c60004;
}

.metric-unit.value.negative.neg-3 {
  background-color: rgba(198, 0, 4, 0.8);
  color: #fff;
  text-shadow: 1px 1px 2px #c60004;
}

.metric-unit.value.negative.neg-4 {
  background-color: rgba(198, 0, 4, 0.9);
  color: #fff;
}

.metric-unit.value.positive.pos-1 {
  background-color: rgba(112, 150, 26, 0.3);
  color: #fff;
  text-shadow: 1px 1px 2px #2f3f0b;
}

.metric-unit.value.positive.pos-2 {
  background-color: rgba(112, 150, 26, 0.5);
  color: #fff;
  text-shadow: 1px 1px 2px #2f3f0b;
}

.metric-unit.value.positive.pos-3 {
  background-color: rgba(112, 150, 26, 0.8);
  color: #fff;
  text-shadow: 1px 1px 2px #2f3f0b;
}

.metric-unit.value.positive.pos-4 {
  background-color: rgba(112, 150, 26, 0.9);
  color: #fff;
}

.metric-unit.value.positive {
  background-color: #70961a;
  color: #fff;
}

.metric-unit.value.neutral {
  background-color: #fff;
}

.metric-unit.value.no-info {
  background-color: #ccc;
  color: #999;
}

.metric-bar > .metric-unit {
  padding: 1em;
  border-radius: 0.3125em;
  background-color: #fff;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .metric-bar > .metric-unit {
    padding: 1em 0.25em;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .metric-bar > .metric-unit {
    padding: 1em 0.25em;
  }
}

.metric-bar.one-item > .metric-unit {
  float: none;
}

.qtip .metric-unit {
  padding: 1em;
  border-bottom: 1px solid #ccc;
}

.qtip .metric-unit + .metric-unit {
  border-bottom: none;
}

.qtip .metric-unit .data {
  font-size: 1.2em;
}

.qtip .metric-unit .data-units {
  line-height: 1.5;
  color: #666;
  font-size: 0.875em;
  text-transform: none;
}

.metric-stack .metric-unit {
  display: block;
  margin-top: 3em;
}

.total-metrics {
  margin-bottom: 1em;
}

.total-metrics .metric-unit {
  background: transparent;
  min-height: 2em;
  padding: 0;
  border-radius: 0;
  color: #999;
}

.total-metrics .metric-unit .data {
  font-size: 1em;
  font-weight: 400;
}

.total-metrics .metric-unit .data-units {
  font-size: 0.6875em;
}

.metric-bar.details .metric-unit {
  border: 1px black solid;
  min-height: 6.85em;
}

.metric-bar.details .metric-unit .data {
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1.5em;
}

.metric-bar.clickable {
  padding-bottom: 1em;
}

.metric-bar.clickable .metric-unit {
  padding: 0;
}

.metric-bar.clickable .metric-unit:hover {
  background-color: #46b0b9;
  text-decoration: none;
}

.metric-bar.clickable .metric-unit:hover a {
  color: #fff;
  text-decoration: none;
}

.metric-bar.clickable .metric-unit:hover a:focus {
  text-decoration: none;
}

.metric-bar.clickable .metric-unit.not-clickable {
  padding: 1em;
}

.metric-bar.clickable .metric-unit.not-clickable:hover {
  background-color: #fff;
  cursor: default;
}

.metric-bar.clickable a {
  display: block;
  min-height: 7.35em;
  padding: 1em;
  color: #46b0b9;
  text-decoration: none;
}

.metric-bar.clickable a:visited {
  color: #46b0b9;
  text-decoration: none;
}

.metric-bar.clickable a:focus {
  text-decoration: none;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .metric-bar.clickable a {
    min-height: 5.35em;
    padding: 0.25em;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .metric-bar.clickable a {
    min-height: 5.35em;
    padding: 0.25em;
  }
}

.metric-bar.clickable .active,
.metric-bar.clickable .active:hover {
  background-color: #f15727;
}

.metric-bar.clickable .active a,
.metric-bar.clickable .active a:hover {
  color: #fff;
  cursor: default;
  text-decoration: none;
}

.metric-bar.clickable .active a:focus {
  text-decoration: none;
}

.metric-bar.clickable .active:after {
  content: '';
  position: absolute;
  border: 1em solid transparent;
  border-top: 1em solid #f15727;
  bottom: -1.9em;
  left: 50%;
  margin-left: -1em;
}

.metric-bar.clickable .active:last-child:after {
  margin-left: -0.85em;
}

.metric-unit.highlight {
  background-color: #f15727;
  color: #fff;
  margin-bottom: 1em;
}

.metric-unit.highlight:after {
  content: '';
  position: absolute;
  border: 1em solid transparent;
  border-top: 1em solid #f15727;
  bottom: -2em;
  left: 50%;
  margin-left: -1em;
}

.secondary.metric-bar {
  border-top: 1px solid #e2e2e2;
  margin-top: 1em;
}

.secondary.metric-bar > .metric-unit {
  min-height: 4em;
  padding: 1em 0;
}

.secondary.metric-bar > .metric-unit .data {
  font-size: 1.5em;
}

.secondary.metric-bar > .metric-unit .data-units {
  font-size: 0.75em;
}

/**
 * @class metricbar. Experimental, only in use at b-pp-03.
 */
/*ul*/
.metricbar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  text-transform: uppercase;
  text-align: center;
  color: #02284b;
}

.metricbar__item {
  flex: 1;
  padding: 1em;
  border-radius: 0.3125em;
  background: #ffffff;
}

.metricbar__item + .metricbar__item {
  margin-left: 14px;
}

.bordered .metricbar__item {
  border: 1px solid;
}

.metricbar__data {
  font-size: 2.75em;
  font-weight: 700;
  line-height: 1;
}

.metricbar__units {
  margin-top: 0.75em;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1em;
}

.metricbar em {
  font-weight: 400;
  font-size: 0.9em;
  font-style: normal;
}

.metricbar small {
  font-size: 0.25em;
  display: block;
}

.small-margin-bottom-children > div {
  margin-bottom: 6px;
}

.fixed-height-width-bars {
  width: 43%;
}

.fixed-height-width-bars > div {
  min-height: 85px;
}

.fixed-height-width-bars > div > div > .textlabel {
  font-size: 1.85em;
  margin-bottom: 0;
}

.fixed-height-width-bars > div > div > .data-units {
  font-size: 0.78rem;
}

.fixed-height-width-bars > div * {
  line-height: initial;
}

.conspicuous-subheading {
  color: #f15727;
}

.inconspicuous-subheading {
  color: #ddd;
}

.stacked-metric-bars {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-basis: 100%;
  justify-content: space-between;
  padding: 10px;
}

.stacked-metric-bars .heading-metrics {
  align-self: center;
}

.stacked-metric-bars .heading-metrics > h3 {
  color: #666666;
}

.stacked-metric-bars .heading-metrics > p {
  margin-top: -22px;
  margin-left: 17px;
}

.stacked-metric-bars > .flexrow > .metric-unit {
  padding: 1em;
  border-radius: 0.3125em;
  background-color: #fff;
}

.stacked-metric-bars > .flexrow > .metric-unit:first-child {
  margin-right: 10px;
}

.stacked-metric-bars .metric-unit {
  margin-left: 0 !important;
}

.stacked-metric-bars .metric-unit + .metric-unit {
  margin-left: 0 !important;
}

.flex-met {
  flex: 1;
}

.flex-100-row {
  display: flex;
  flex-basis: 100%;
  flex-direction: row;
}

.fixed-min-width {
  min-width: 350px;
}

.react-metric + .react-metric {
  margin-left: 1em;
}

.react-metric--vertical + .react-metric--vertical {
  margin-left: 0;
}

.react-metric--split + .react-metric--split {
  margin-left: 0.5em;
}

.react-metric.react-metric--placeholder {
  position: relative;
  overflow: hidden;
}

.react-metric.react-metric--placeholder:after {
  content: '-';
  color: #CCCCCC;
  position: absolute;
  background-color: #DDDDDD;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 2.5em;
}

.view-bar {
  display: flex;
  padding-top: 1em;
}

.view-bar.level-2 {
  padding-top: 0;
  margin-top: -1em;
}

.view-bar.level-2 .tab {
  font-weight: 400;
}

.view-bar .tab-scope {
  position: relative;
  float: right;
  margin-bottom: 1em;
  padding: 0.5em;
  height: 3.5rem;
}

.view-bar .tab {
  position: relative;
  flex: 1;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 0.5em;
  background: #fff;
  color: #46b0b9;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0.3125em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.view-bar .tab:not(.tab-input-container):hover {
  color: #fff;
  background-color: #46b0b9;
}

.view-bar .tab-input-container {
  padding: 0;
  border: 0 !important;
  position: relative;
}

.view-bar .tab-input-container.searchbox:before {
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  color: darkgray;
  z-index: 1;
}

.view-bar .tab-input-container.searchbox .tab__input {
  padding-left: 1.75em;
}

.view-bar .tab__input {
  display: block;
  width: 100%;
  padding: 0.5em 0.25em 0.25em;
  line-height: 1.625em;
  font-weight: normal;
  color: #333;
  border-radius: 0.3125em;
}

.view-bar .tab:last-child {
  float: right;
  margin-right: 0px;
}

.view-bar .tab.disabled, .view-bar .tab.disabled:hover {
  color: #999;
  background: #fff;
  cursor: default;
}

.view-bar a.tab.active {
  color: #fff;
  background: #f15727;
}

.view-bar a.tab.active:after {
  content: '';
  display: block;
  position: absolute;
  border: 0.67em solid transparent;
  border-top: 0.67em solid #f15727;
  bottom: -1.2em;
  left: 50%;
  margin-left: -0.67em;
}

.view-bar a.tab.active:hover:after {
  border-top: 0.67em solid #46b0b9;
}

.view-bar.bordered .tab,
.container.collapsible .view-bar .tab {
  font-size: 1rem;
  border: 1px solid #46b0b9;
}

.view-bar.bordered .tab.active,
.container.collapsible .view-bar .tab.active {
  border: 1px solid transparent;
}

.public_fixedDataTable_filter::-ms-clear {
  display: none;
}

table {
  margin: 0.5em 0;
  border-top: 1px solid #e2e2e2;
  font-size: 100%;
}

table:not(.c-table__header):not(.c-table__footer) {
  width: 100% !important;
  max-width: 100% !important;
}

table.no--border {
  border: 0;
}

table.no--border tbody {
  border: 0;
}

table.no--border tr {
  border: 0 !important;
}

table.smallest-font tbody {
  font-size: 0.7em;
}

table.smaller-font tbody {
  font-size: 0.875em;
}

table.fixed-width {
  table-layout: fixed;
}

table.align-t td {
  vertical-align: top;
}

table caption {
  text-align: left;
  font-weight: bold;
}

thead {
  display: table-header-group;
}

tfoot {
  display: table-footer-group;
}

thead tr {
  height: 1.5em;
}

td {
  text-align: left;
  padding: 0.3125em 0.625em;
}

td .icon-pending,
td .icon-approved,
td .icon-new,
td .icon-matched,
td .icon-declined,
td .icon-match-full,
td .icon-match-partial,
td .icon-match-none,
td [class*='icon-'] {
  height: 1rem;
  width: 1rem;
  font-size: 1rem;
}

td .icon-interest {
  width: 4.25em;
}

td .icon-strength {
  width: 2.1875em;
  height: 2.2em;
  margin: 0 auto;
}

td .icon-attention {
  width: 0.75em;
  height: 0.75em;
}

th {
  text-align: left;
  vertical-align: bottom;
  font-size: 0.6875em;
  padding: 0 0.625em;
  text-transform: uppercase;
}

tbody th {
  vertical-align: middle;
}

.c-table__cell.num:last-child {
  padding-right: 1em;
}

td.action,
th.action {
  width: 6em;
}

td.interest,
th.interest {
  width: 5em;
}

td.status,
th.status {
  width: 4em;
}

td.has-divider,
th.has-divider,
.c-table__cell.has-divider {
  border-left: 1px solid #ddd !important;
}

td.dark {
  background-color: #f6f6f6;
}

.bar-cell {
  width: 35%;
}

.bar-cell.two-bar {
  width: 25%;
}

.bar-cell.three-bar {
  width: 25%;
}

.bar-cell.full-bar {
  width: 75%;
}

.bar-cell span {
  font-size: 0.75em;
  cursor: pointer;
}

.bar-cell .bar {
  display: block;
  border-radius: 0.25em;
  min-width: 4.8em;
  min-height: 1em;
  padding: 0.15625em 0.325em;
  background-color: #a7c573;
  color: #fff;
}

.bar-cell .bar.highlight {
  background-color: #ffba30;
}

.wholesaler .bar-cell .bar {
  background-color: #75943e;
}

.bar-cell .negative-bar {
  background-color: #c60004 !important;
}

.bar-cell.bar-1 .bar {
  background-color: #a7c573;
}

.bar-cell.bar-2 .bar {
  background-color: #ffba30;
}

.bar-cell.bar-3 .bar {
  background-color: #639dea;
}

.bar-cell.bar-4 .bar {
  background-color: inherit;
  color: #bababa;
}

.bar-cell.no--cursor span {
  cursor: auto;
}

tr.wholesaler .bar {
  background-color: #75943e;
}

tr.wholesaler .bar-1 .bar {
  background-color: #75943e;
}

tr.wholesaler .bar-2 .bar {
  background-color: #ff9830;
}

tr.minimum > td {
  border-bottom: 1px solid #c60004 !important;
  position: relative;
}

tr.minimum > td:first-of-type:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #c60004;
  z-index: 1;
}

th.minimum--horizontal {
  position: relative;
}

th.minimum--horizontal:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 50%;
  top: 50%;
  left: 3px;
  bottom: 0;
  background: #c60004;
}

th.minimum--horizontal:after {
  content: '';
  position: absolute;
  bottom: 50%;
  bottom: calc(50% - 3px);
  bottom: -webkit-calc(50% - 3px);
  left: 1px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #c60004;
  z-index: 1;
}

tr.grayscale,
td.grayscale--horizontal {
  filter: grayscale(100%);
}

td.grayscale--horizontal {
  border-left-color: #c60004 !important;
}

td.grayscale--horizontal + td.grayscale--horizontal {
  border-left-color: #eee !important;
}

th.colgroup {
  border-bottom: 1px solid #666;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  color: #666;
}

th.colgroup.has-divider-sibling {
  border-right: none;
}

thead {
  border-bottom: 2px solid #e0e0e0;
}

tbody {
  border-bottom: 2px solid #e0e0e0;
}

tbody tr + tr {
  border-top: 1px solid #e0e0e0;
}

tfoot td {
  font-size: 0.875em;
  font-weight: 600;
}

tfoot td sup {
  font-weight: 400;
}

tr.odd {
  background-color: #f6f6f6;
}

tr.even {
  background-color: white;
}

table.tighter td,
table.tighter th {
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.no-stripes tr.odd,
.no-stripes tr.even {
  background-color: transparent;
}

.no-border {
  border-top: none;
}

.dataTable {
  margin: 0 auto;
  clear: both;
  width: 100%;
}

.dataTable td.dataTables_empty {
  text-align: center;
}

.dataTable .sorting {
  color: #46b0b9;
  cursor: pointer;
  outline: none;
}

.dataTable .sorting_asc, .dataTable .sorting_desc {
  color: #333;
  cursor: pointer;
  outline: none;
}

.dataTable .row_selected {
  background-color: #fffcbb;
}

.dataTables_scroll {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.dataTables_scroll table {
  border-top: none;
}

.dataTables_scrollHead {
  clear: both;
}

.dataTables_scrollHead table thead {
  border: 0;
}

.dataTables_scrollHead table td,
.dataTables_scrollHead table th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dataTables_scrollBody {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-overflow-scrolling: touch;
  box-sizing: 'content-box';
}

.dataTables_scrollBody table {
  margin: 0;
  border: 0;
}

.dataTables_scrollBody table thead {
  border: 0;
}

.dataTables_scrollBody table tbody {
  border-bottom: 0;
}

.dataTables_scrollBody table td,
.dataTables_scrollBody table th {
  white-space: nowrap;
}

.dataTables_scrollFoot {
  background-color: #fff;
}

.dataTables_scrollFoot table {
  border-top: none;
}

.dataTables_scrollFoot td {
  box-sizing: content-box;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}

.dataTables_length {
  float: right;
}

.dataTables_filter {
  position: relative;
  top: -0.5rem;
  width: 20em;
}

.toolbar.table-top .dataTables_filter {
  margin-bottom: 1em;
  float: left;
  position: static;
}

.dataTables_filter label {
  font-size: 0.875em;
}

.dataTables_filter input {
  margin-left: 1em;
}

.dataTables_wrapper .dataTables_info {
  font-size: 0.8em;
  margin-top: 1em;
  position: absolute;
  left: 1em;
}

.dataTables_wrapper .dataTables_paginate {
  position: absolute;
  right: 0;
  margin-top: 1em;
  text-align: right;
  font-size: 0.8em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-left: 0.2em;
  padding: 0 0.5em;
  cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #46b0b9;
  color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #f15727;
  color: #fff;
  font-weight: 700;
  cursor: default;
  border-radius: 1em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background: transparent;
  color: #999;
  cursor: default;
}

.dataTables_wrapper .dataTables_paginate span.ellipsis, .dataTables_wrapper .dataTables_paginate span.c-filterTile__header {
  display: inline-block;
  white-space: normal;
  overflow: inherit;
  text-overflow: inherit;
  width: auto;
}

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
}

.tile-grid .even,
.tile-grid .odd {
  background-color: #fff;
}

.tile-grid tbody .tile-cell,
.tile-grid .dataTable_scrollBody .tile-cell {
  padding: 1px;
}

.dataTables_scrollFoot .tile-grid td {
  box-sizing: content-box;
}

.dataTables_scrollHead td,
.dataTables_scrollBody td,
.dataTables_scrollFoot td,
.dataTables_scrollHead th,
.dataTables_scrollBody th,
.dataTables_scrollFoot th {
  box-sizing: content-box;
}

table.DTCR_clonedTable {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
}

table.DTCR_clonedTable.th {
  cursor: move;
}

div.DTCR_pointer {
  width: 1px;
  background-color: #0259c4;
  z-index: 201;
}

table.reorder-col th {
  cursor: move !important;
  background-color: #fcfcfc;
  border: none;
  border-radius: 1px;
  border-color: #888;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

table.reorder-col th:hover {
  background-color: #fff;
  box-shadow: inset 0 0 0 0px #aaa, 0 5px 15px #888;
  border: none;
}

table.reorder-col th:active {
  background-color: #fff;
  transform: translateY(3px);
}

.tile-grid {
  table-layout: fixed;
}

.tile-grid .tile {
  border-radius: 1.2em;
  display: block;
  border: 2px solid #fff;
  background-color: #a7c573;
  color: #fff;
  padding: 0.3125em 0.625em;
}

.tile-grid .tile.null {
  border-radius: 1.2em;
  display: block;
  border: 2px solid #fff;
  background-color: #e2e2e2;
  padding: 0.3125em 0.625em;
}

.tile-grid.has-details .tile:not(.null):hover {
  background-color: #46b0b9;
  cursor: pointer;
}

.ratio-set div {
  display: inline-block;
  border: 2px solid #fff;
  padding: 0.3125em 0.625em;
  background-color: #fff;
  border-radius: 1.2em;
}

.ratio-set div span:nth-child(2) {
  font-weight: bold;
}

.ratio-set div.bottom {
  background-color: #c60004;
  color: #fff;
}

.ratio-set div.top {
  background-color: #70961a;
  color: #fff;
}

.heatmap,
.valuemap {
  table-layout: fixed;
}

.heatmap tr,
.valuemap tr {
  background-color: #fff;
  height: 2em;
  border-bottom: none;
}

.heatmap td,
.valuemap td {
  padding: 0 0.625em;
  height: 2em;
  border-bottom: 1px solid #eee;
}

.heatmap td.heat,
.heatmap td.value,
.heatmap div.heat,
.valuemap td.heat,
.valuemap td.value,
.valuemap div.heat {
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  padding: 0;
}

.heatmap td.heat span,
.heatmap td.value span,
.heatmap div.heat span,
.valuemap td.heat span,
.valuemap td.value span,
.valuemap div.heat span {
  display: block;
  height: 2em;
  line-height: 2em;
}

.heatmap td.heat span:hover,
.heatmap td.value span:hover,
.heatmap div.heat span:hover,
.valuemap td.heat span:hover,
.valuemap td.value span:hover,
.valuemap div.heat span:hover {
  box-shadow: inset 0 0 0 1px #f15727;
}

.heatmap td.heat .first-quartile,
.heatmap td.value .first-quartile,
.heatmap div.heat .first-quartile,
.valuemap td.heat .first-quartile,
.valuemap td.value .first-quartile,
.valuemap div.heat .first-quartile {
  background-color: #639dea;
}

.heatmap td.heat .second-quartile,
.heatmap td.value .second-quartile,
.heatmap div.heat .second-quartile,
.valuemap td.heat .second-quartile,
.valuemap td.value .second-quartile,
.valuemap div.heat .second-quartile {
  background-color: #90b9f0;
}

.heatmap td.heat .third-quartile,
.heatmap td.value .third-quartile,
.heatmap div.heat .third-quartile,
.valuemap td.heat .third-quartile,
.valuemap td.value .third-quartile,
.valuemap div.heat .third-quartile {
  background-color: #bdd5f6;
}

.heatmap td.heat .fourth-quartile,
.heatmap td.value .fourth-quartile,
.heatmap div.heat .fourth-quartile,
.valuemap td.heat .fourth-quartile,
.valuemap td.value .fourth-quartile,
.valuemap div.heat .fourth-quartile {
  background-color: #eaf2fc;
}

.heatmap td.heat .negative,
.heatmap td.value .negative,
.heatmap div.heat .negative,
.valuemap td.heat .negative,
.valuemap td.value .negative,
.valuemap div.heat .negative {
  background-color: #c60004;
  color: #fff;
}

.heatmap td.heat .positive,
.heatmap td.value .positive,
.heatmap div.heat .positive,
.valuemap td.heat .positive,
.valuemap td.value .positive,
.valuemap div.heat .positive {
  background-color: #70961a;
  color: #fff;
}

.heatmap td.heat .neutral,
.heatmap td.value .neutral,
.heatmap div.heat .neutral,
.valuemap td.heat .neutral,
.valuemap td.value .neutral,
.valuemap div.heat .neutral {
  background-color: #fff;
}

.heatmap td.heat .no-info,
.heatmap td.value .no-info,
.heatmap div.heat .no-info,
.valuemap td.heat .no-info,
.valuemap td.value .no-info,
.valuemap div.heat .no-info {
  background-color: #ccc;
  color: #999;
}

.heatmap td.heat .negative.neg-1,
.heatmap td.value .negative.neg-1,
.heatmap div.heat .negative.neg-1,
.valuemap td.heat .negative.neg-1,
.valuemap td.value .negative.neg-1,
.valuemap div.heat .negative.neg-1 {
  background-color: rgba(198, 0, 4, 0.3);
  color: #fff;
  text-shadow: 1px 1px 2px #c60004;
}

.heatmap td.heat .negative.neg-2,
.heatmap td.value .negative.neg-2,
.heatmap div.heat .negative.neg-2,
.valuemap td.heat .negative.neg-2,
.valuemap td.value .negative.neg-2,
.valuemap div.heat .negative.neg-2 {
  background-color: rgba(198, 0, 4, 0.5);
  color: #fff;
  text-shadow: 1px 1px 2px #c60004;
}

.heatmap td.heat .negative.neg-3,
.heatmap td.value .negative.neg-3,
.heatmap div.heat .negative.neg-3,
.valuemap td.heat .negative.neg-3,
.valuemap td.value .negative.neg-3,
.valuemap div.heat .negative.neg-3 {
  background-color: rgba(198, 0, 4, 0.8);
  color: #fff;
  text-shadow: 1px 1px 2px #c60004;
}

.heatmap td.heat .negative.neg-4,
.heatmap td.value .negative.neg-4,
.heatmap div.heat .negative.neg-4,
.valuemap td.heat .negative.neg-4,
.valuemap td.value .negative.neg-4,
.valuemap div.heat .negative.neg-4 {
  background-color: rgba(198, 0, 4, 0.9);
  color: #fff;
}

.heatmap td.heat.negative.neg-5,
.heatmap td.value.negative.neg-5,
.heatmap div.heat.negative.neg-5,
.valuemap td.heat.negative.neg-5,
.valuemap td.value.negative.neg-5,
.valuemap div.heat.negative.neg-5 {
  background-color: #c60004;
  color: #fff;
}

.heatmap td.heat .positive.pos-1,
.heatmap td.value .positive.pos-1,
.heatmap div.heat .positive.pos-1,
.valuemap td.heat .positive.pos-1,
.valuemap td.value .positive.pos-1,
.valuemap div.heat .positive.pos-1 {
  background-color: rgba(112, 150, 26, 0.3);
  color: #fff;
  text-shadow: 1px 1px 2px #70961a;
}

.heatmap td.heat .positive.pos-2,
.heatmap td.value .positive.pos-2,
.heatmap div.heat .positive.pos-2,
.valuemap td.heat .positive.pos-2,
.valuemap td.value .positive.pos-2,
.valuemap div.heat .positive.pos-2 {
  background-color: rgba(112, 150, 26, 0.5);
  color: #fff;
  text-shadow: 1px 1px 2px #70961a;
}

.heatmap td.heat .positive.pos-3,
.heatmap td.value .positive.pos-3,
.heatmap div.heat .positive.pos-3,
.valuemap td.heat .positive.pos-3,
.valuemap td.value .positive.pos-3,
.valuemap div.heat .positive.pos-3 {
  background-color: rgba(112, 150, 26, 0.8);
  color: #fff;
  text-shadow: 1px 1px 2px #70961a;
}

.heatmap td.heat .positive.pos-4,
.heatmap td.value .positive.pos-4,
.heatmap div.heat .positive.pos-4,
.valuemap td.heat .positive.pos-4,
.valuemap td.value .positive.pos-4,
.valuemap div.heat .positive.pos-4 {
  background-color: rgba(112, 150, 26, 0.9);
  color: #fff;
}

.heatmap td.heat .positive.pos-5,
.heatmap td.value .positive.pos-5,
.heatmap div.heat .positive.pos-5,
.valuemap td.heat .positive.pos-5,
.valuemap td.value .positive.pos-5,
.valuemap div.heat .positive.pos-5 {
  background-color: #70961a;
  color: #fff;
}

.heatmap td.heat span,
.valuemap td.heat span {
  overflow: hidden;
  text-indent: -200px;
}

.heatmap td.value span,
.valuemap td.value span {
  text-align: center;
  font-weight: 600;
}

.heatmap td.value .hasData,
.valuemap td.value .hasData {
  cursor: pointer;
}

.heatmap tfoot td,
.heatmap tfoot td.heat,
.heatmap tfoot td.value,
.valuemap tfoot td,
.valuemap tfoot td.heat,
.valuemap tfoot td.value {
  border-bottom: 1px solid #ccc;
}

.quick-facts table tbody td,
.quick-facts table tfoot td {
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1.5em;
}

.quick-facts table .bar-cell .bar {
  min-width: 1em;
}

.quick-facts table tr td:first-child,
.quick-facts table tr th:first-child {
  padding-left: 0.25em;
}

.quick-facts table tr td:last-child,
.quick-facts table tr th:last-child {
  padding-right: 0.25em;
}

table.program-data tbody {
  border: none;
}

table.program-data thead {
  border: none;
}

table.program-data tbody tr tr.even,
table.program-data tbody tr.odd {
  background-color: #eee;
  border: none;
  border-bottom: 2px solid #fff;
}

table.program-data tbody tr td:first-child {
  border-left-radius: 5px;
}

table.program-data tbody tr td:last-child {
  border-right-radius: 5px;
}

table.program-data tbody td input {
  width: 100%;
}

.appetite-table tbody tr {
  height: 3em;
}

td.peer-overlap {
  width: 10%;
  text-align: center;
}

td.peer-overlap span {
  display: inline-block;
  height: 1.2em;
  width: 2em;
  font-size: 0.875em;
  line-height: 1.2em;
  text-align: center;
  color: #fff;
  border-radius: 60px;
}

td.peer-overlap span.attention {
  background-color: #c60004;
}

td.peer-overlap span:hover {
  cursor: pointer;
  background-color: #930003;
}

.accordion-table {
  border: none;
}

.accordion-table tr.odd,
.accordion-table tr.even {
  background-color: #f4f4f4;
  border: none;
  border-bottom: 2px solid #fff;
}

.accordion-table tbody,
.accordion-table thead,
.accordion-table tfoot {
  border: none;
}

.accordion-table .row-control {
  width: 2em;
  text-align: center;
}

.row-highlight tbody tr:hover {
  cursor: pointer;
  background-color: #fffa88;
}

.row-highlight tbody tr.row-highlight td {
  font-weight: 700;
}

.row-highlight tbody tr.row-highlight:hover {
  background-color: #fffcbb;
}

tr.feature-row td {
  font-weight: bold;
  font-size: 1.2em;
  color: #639dea;
  background-color: #f8f8f8;
}

tr.parent-row {
  border-bottom: 1px solid #999;
}

tr.parent-row td {
  background-color: #ddd;
  font-weight: bold;
}

td.bold {
  font-weight: bold;
}

tr.child-row td:first-child {
  text-indent: 0em;
}

tr.bold-row td {
  font-weight: bold;
}

tr.row-highlight,
.tile-grid tr.row-highlight {
  background-color: #fffcbb;
}

tr.row-highlight td,
.tile-grid tr.row-highlight td {
  background-color: inherit;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    position: static;
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    position: static;
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

.show-more.hidden {
  display: none;
}

.show-more .expanded {
  display: none;
}

.show-more.expanded .collapsed {
  display: none;
}

.show-more.expanded .expanded {
  display: inline-block;
}

.cs-more__results, .cs-more__contract {
  display: none;
}

.cs-more.expanded .cs-more__results {
  display: block;
}

.cs-more.expanded .cs-more__expand {
  display: none;
}

.cs-more.expanded .cs-more__contract {
  display: block;
}

.table-bar {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.table-bar__text {
  width: 6em;
  text-align: right;
  padding-right: 0.5em;
  font-size: 1em !important;
}

.table-bar__bar {
  height: 1.5rem;
  flex: 1;
  display: block;
}

.table-bar__inner {
  display: block;
  height: 1.75em;
  display: block;
  border-radius: 0.25em;
  min-width: 4.8em;
  height: 1.5rem;
  background-color: #a7c573;
}

.parent--relationship {
  font-size: 0.75em;
  color: #999;
}

.bold-font {
  font-weight: bold;
}

.normal-font {
  font-weight: 500;
}

.indent-text > td {
  text-indent: 2em !important;
}

.no-border {
  margin: initial;
  border-top: none !important;
}

.no-border > tbody > tr:last-child {
  border-bottom: none;
}

.summary-table-border {
  margin-top: 2em;
}

.summary-table-border:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0.23em;
  border-bottom: 1px solid #666;
  height: 24px;
}

.border-top-gray {
  border-top: 2px solid #999 !important;
}

.text-font {
  color: #3f9ea7;
}

.no-click-events {
  pointer-events: none !important;
}

.hide-toolbar {
  display: none !important;
}

.react-toggle {
  touch-action: pan-x;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #cccccc;
}

.react-toggle--checked .react-toggle-track {
  background-color: #19ab27;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128d15;
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19ab27;
}

.react-toggle--focus .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 3px 2px #0099e0;
  -moz-box-shadow: 0px 0px 3px 2px #0099e0;
  box-shadow: 0px 0px 2px 3px #0099e0;
}

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #0099e0;
  -moz-box-shadow: 0px 0px 5px 5px #0099e0;
  box-shadow: 0px 0px 5px 5px #0099e0;
}

ul.simple, ul.container.padded-margin, ul.topic-list,
ol.simple,
ol.container.padded-margin,
ol.topic-list,
dl.simple,
dl.container.padded-margin,
dl.topic-list {
  margin: 0;
  padding: 0;
}

ul.simple > li, ul.container.padded-margin > li, ul.topic-list > li,
ol.simple > li,
ol.container.padded-margin > li,
ol.topic-list > li,
dl.simple > li,
dl.container.padded-margin > li,
dl.topic-list > li {
  list-style: none;
  padding-left: 0;
}

ul.simple > li li, ul.container.padded-margin > li li, ul.topic-list > li li,
ol.simple > li li,
ol.container.padded-margin > li li,
ol.topic-list > li li,
dl.simple > li li,
dl.container.padded-margin > li li,
dl.topic-list > li li {
  list-style: none;
}

ul.simple > dt, ul.container.padded-margin > dt, ul.topic-list > dt,
ol.simple > dt,
ol.container.padded-margin > dt,
ol.topic-list > dt,
dl.simple > dt,
dl.container.padded-margin > dt,
dl.topic-list > dt {
  font-weight: bold;
  margin: 0.75em 0 0.25em;
  clear: both;
}

ul.simple > dd, ul.container.padded-margin > dd, ul.topic-list > dd,
ol.simple > dd,
ol.container.padded-margin > dd,
ol.topic-list > dd,
dl.simple > dd,
dl.container.padded-margin > dd,
dl.topic-list > dd {
  margin: 0 0 0 1em;
  padding: 0;
}

ul.simple > li span.label, ul.container.padded-margin > li span.label, ul.topic-list > li span.label,
ol.simple > li span.label,
ol.container.padded-margin > li span.label,
ol.topic-list > li span.label,
dl.simple > li span.label,
dl.container.padded-margin > li span.label,
dl.topic-list > li span.label {
  display: inline-block;
  width: 7em;
}

ul.table-list {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  list-style-type: none;
}

ul.table-list > li {
  display: table-row;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}

ul.table-list > li:last-child {
  border-bottom: none;
}

ul.table-list > li span {
  display: table-cell;
  padding: 0.2em 0.5em;
}

ul.table-list.scrollable {
  display: block;
  max-height: 20em;
  overflow-y: auto;
  border: 1px solid #ccc;
}

.counter {
  counter-reset: list;
}

.counter li {
  list-style: none;
  position: relative;
}

.counter li::before {
  counter-increment: list;
  content: counter(list, decimal) ".";
  position: absolute;
  top: 0px;
  left: -2.1em;
  width: 1.6em;
  display: inline-block;
  text-align: right;
}

.lined > li, .topic-list > li,
ul.lined > li,
ul.topic-list > li {
  border-bottom: 1px solid #e5e5e5;
  padding: 0.25em 0;
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: none;
}

.lined > dt, .topic-list > dt,
.lined > dd,
.topic-list > dd,
ul.lined > dt,
ul.topic-list > dt,
ul.lined > dd,
ul.topic-list > dd {
  border-bottom: 1px solid #eee;
}


.lined > dd,
.topic-list > dd,
ul.lined > dd,
ul.topic-list > dd {
  padding: 0.25em 0 0.25em 1em;
  margin: 0;
}

.stacked li {
  float: none;
  display: block;
}

.h-list {
  margin: 0;
  border: 0;
  padding: 0;
}

.h-list > li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  white-space: nowrap;
}

.h-list.piped li + li {
  border-left: 1px solid #999;
  margin-left: 1em;
  padding-left: 1em;
}

table ul {
  margin-top: 0;
  margin-bottom: 0;
}

.icons-list {
  list-style: none;
  padding-left: 0;
}

.icons-list li {
  list-style: none;
}

td .icons-list li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tiles {
  margin: 0;
  padding: 1em;
  border: 1px solid #ccc;
  max-height: 500px;
  overflow-y: auto;
  background: #eee;
  border-radius: 0.25em;
}

.tiles > li.tile {
  margin: 0 1.4em 1.5em 0;
}

.filters .h-list li {
  vertical-align: top;
  margin-left: 2em;
}

.filters .h-list li.button {
  vertical-align: bottom;
}

.side-by-side {
  list-style: none;
  display: table-row-group;
}

.side-by-side li {
  list-style: none;
}

.side-by-side > li {
  display: table-cell;
  vertical-align: top;
  padding: 0 1px 0 0;
  overflow: hidden;
}

.side-by-side ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-by-side ul li {
  list-style: none;
}

.label-list {
  margin: 1em 0;
  padding: 0;
}

.label-list > li {
  list-style: none;
  line-height: 2;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
}

.label-list > li li {
  list-style: none;
}

.label-list .data-label {
  display: inline-block;
  float: left;
  width: 40%;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-summary .label-list .data-label {
  width: 25%;
  max-width: 9em;
}

.program-demographics .label-list .data-label {
  width: 25%;
  margin-right: 1em;
  text-align: right;
  color: #000;
  font-weight: 300;
}

.label-list .data {
  position: relative;
  display: inline-block;
  float: left;
  width: 60%;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
}

.label-list .data span.icon {
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.program-demographics .label-list .data {
  width: calc(75% - 1em);
  width: -webkit-calc(75% - 1em);
}

.label-list .data.wrap {
  line-height: 1.3;
  margin: 0.5em 0;
  white-space: normal !important;
}

.label-list .data-list {
  display: inline-block;
  padding: 0;
  width: 60%;
}

.label-list .data-list > li.data {
  display: block;
  width: 100%;
  line-height: 1.5em;
}

.label-list .nicebutton, .label-list .matchbutton, .label-list .squaredIconButton, .label-list .button-card__button, .label-list button.dt-button,
.label-list div.dt-button,
.label-list a.dt-button {
  margin-top: 0.375em;
}

.label-list.tighter .data,
.label-list.tighter .data-list {
  width: 70%;
}

.label-list.tighter .data-label {
  width: 30%;
}

.report-parameters .label-list .data-label {
  width: 20%;
}

.report-parameters .label-list .data {
  width: 80%;
}

.metric-list {
  display: table;
  width: 100%;
  margin: 1em 0;
  padding: 0;
}

.metric-list > li {
  list-style: none;
  overflow: hidden;
  display: table-row;
}

.metric-list > li li {
  list-style: none;
}

.metric-list > li > span {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
}

.metric-list .header {
  caption-side: top;
  display: table-caption;
  background-color: #ddd;
  margin: 1em 0;
  padding: 0 1em;
  border-radius: 4px;
}

.metric-list .data {
  text-align: right;
  width: 50%;
  font-size: 1.5em;
  font-weight: 700;
  padding-right: 0.25em;
}

.metric-list .data em {
  font-weight: 400;
  font-size: 0.9em;
  font-style: normal;
}

.metric-list .data-units {
  width: 50%;
  font-size: 0.75em;
  font-weight: 300;
  text-transform: uppercase;
}

.tile-list {
  margin: 0;
  padding: 0;
}

.tile-list:after {
  content: '';
  display: table;
  clear: both;
}

.tile-list > li {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}

.tile-list > li li {
  list-style: none;
}

.tile-list .tile {
  position: relative;
  min-height: 1px;
  float: left;
}

.tile-list .tile .liner {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  padding: 0.5em 1em;
}

.tile-list .tile-4 {
  width: 25%;
}

.team-list .tile > .liner {
  height: 10em;
  font-size: 0.9em;
  margin: 0.5em;
}

.team-list ul {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.team-list ul li {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-list .account-owner > .liner {
  border-left-color: #639dea;
  border-left-width: 4px;
}

.team-list .account-owner .name {
  font-size: 1.2em;
}

.team-list .name {
  font-weight: bold;
}

.team-list .line {
  font-weight: bold;
  color: #000;
}

.team-list .icon-cancel,
.team-list .add-product-line-specialist {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}

.team-list .icon-cancel {
  color: #999;
}

.team-list .icon-cancel:hover {
  color: #b11a10;
}

.team-list .add-row {
  text-align: center;
  border: none;
}

.topic-list li {
  text-indent: 0;
  padding: 1em 0;
}

ol.toc {
  margin: 0;
  padding: 0;
}

ol.toc > li {
  list-style: decimal;
  margin-bottom: 0.5em;
  margin-left: 1.5em;
}

ol.toc > li ol {
  padding: 0 1.3em;
}

ol.toc > li li {
  list-style: disc;
  margin-top: 0.5em;
}

ol.toc li.disabled {
  font-style: italic;
  color: #999;
}

.toggle-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.toggle-list li {
  list-style: none;
}

.toggle-list li {
  padding-left: 0;
  border-bottom: 1px solid #eee;
  padding: 0.25em 0;
}

.toggle-list li ul {
  padding: 0 1em;
}

.toggle-list li li:first-child {
  border-top: 1px solid #eee;
  margin-top: 0.5em;
}

.toggle-list li li:last-child {
  border: none;
}

.toggle-list li a {
  display: block;
  font-weight: 600;
}

.toggle-list li a:hover {
  background-color: #46b0b9;
  color: #fff;
}

.ui-dialog .toggle-list.scroll-v {
  max-height: 15em;
  overflow: auto;
  padding: 1em;
  border: 1px solid #ccc;
}

.filter-controls {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filter-controls li {
  position: relative;
  margin: 1px 0;
  padding: 0.2em;
  font-size: 0.875em;
}

.filter-controls li.filter-type {
  font-weight: 600;
  text-align: center;
}

.filter-controls li.filter-toggle {
  padding-left: 0.5em;
  border-radius: 0.25em;
  background: #eee;
}

.filter-controls li.active {
  background: #f15727;
  color: #fff;
}

.filter-controls li .filter-clear {
  position: absolute;
  display: none;
  top: 50%;
  right: 0.5em;
  margin-top: -0.65em;
  height: 1.5em;
  width: 1.5em;
  border-radius: 2px;
  font-size: 0.8em;
  line-height: 1.5em;
  text-align: center;
}

.filter-toggles.enabled li.filter-toggle:hover {
  background-color: #46b0b9;
  color: #fff;
  cursor: pointer;
}

.filter-toggles.enabled li.edit {
  background: #a7c573;
  color: #fff;
}

.filter-toggles.enabled li.active .filter-clear {
  display: inline-block;
}

.filter-toggles.enabled li.active .filter-clear:hover {
  cursor: pointer;
  border: 1px solid #fff;
}

.ui-autocomplete li.ui-menu-item {
  text-align: left;
}

.ui-autocomplete li.ui-menu-item.type--carrier:first-of-type:before {
  content: 'Top Level Carriers';
  display: block;
  padding: 0.5em 0 0.5em 0.25em;
  margin: 0;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  background: #999;
}

.ui-autocomplete li.ui-menu-item.type--carrier + .type--ip:before {
  content: 'Issuing Papers';
  background: #999;
  display: block;
  padding: 0.5em 0 0.5em 0.25em;
  margin: 0;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
}

.ui-autocomplete li.ui-menu-item .desc {
  font-weight: 700;
}

.ui-autocomplete li.ui-menu-item .code {
  display: inline-block;
  width: 6em;
  text-align: right;
}

.ui-autocomplete li.ui-menu-item .group,
.ui-autocomplete li.ui-menu-item .subgroup {
  color: #999;
}

.ui-autocomplete li.ui-menu-item:focus {
  outline: none;
}

.ui-autocomplete li.ui-menu-item a:hover,
.ui-autocomplete li.ui-menu-item:focus a,
.ui-autocomplete li.ui-menu-item a.focused, .ui-autocomplete li.ui-menu-item.focused {
  outline: none;
  background-color: #46b0b9;
  color: #fff !important;
}

.ui-autocomplete li.ui-menu-item a:hover .group,
.ui-autocomplete li.ui-menu-item a:hover .subgroup,
.ui-autocomplete li.ui-menu-item a:hover .type-label,
.ui-autocomplete li.ui-menu-item:focus a .group,
.ui-autocomplete li.ui-menu-item:focus a .subgroup,
.ui-autocomplete li.ui-menu-item:focus a .type-label,
.ui-autocomplete li.ui-menu-item a.focused .group,
.ui-autocomplete li.ui-menu-item a.focused .subgroup,
.ui-autocomplete li.ui-menu-item a.focused .type-label, .ui-autocomplete li.ui-menu-item.focused .group,
.ui-autocomplete li.ui-menu-item.focused .subgroup,
.ui-autocomplete li.ui-menu-item.focused .type-label {
  color: #fff !important;
}

.ui-autocomplete li.ui-menu-item a:hover a,
.ui-autocomplete li.ui-menu-item:focus a a,
.ui-autocomplete li.ui-menu-item a.focused a, .ui-autocomplete li.ui-menu-item.focused a {
  color: #fff !important;
}

.ui-autocomplete li.ui-menu-item .type-label {
  display: inline-block;
  width: 6em;
  text-align: right;
}

.ui-autocomplete li.ui-menu-item .type-label:after {
  content: ' | ';
}

a:hover .ui-autocomplete li.ui-menu-item .type-label {
  color: #fff !important;
}

.ui-autocomplete li.ui-menu-item .parent {
  color: #999;
}

.ui-autocomplete li.ui-menu-item a:hover > .parent {
  color: #fff;
}

.touch .ui-autocomplete li.ui-menu-item a:hover > .parent {
  color: #999;
}

.ui-autocomplete li.category-label {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}

.ui-autocomplete li.category-label .title {
  padding: 0.5em 0 0.5em 0.5em;
  margin: 0;
  color: #444;
}

.level-0 > li > div {
  font-weight: 600;
}

li.level-0 {
  margin-left: 0;
  font-weight: bold;
  line-height: 2;
}

li.level-1 {
  margin-left: 1rem;
  line-height: 2;
}

li.level-2 {
  margin-left: 2rem;
  margin-bottom: 0.25em;
  line-height: 2;
}

.listStyleType\(none\) {
  list-style-type: none;
}

.increase-width-list > .simple, .increase-width-list > .container.padded-margin, .increase-width-list > .topic-list {
  width: 60%;
}

.increase-width-list > .simple div, .increase-width-list > .container.padded-margin div, .increase-width-list > .topic-list div {
  font-size: 1em;
}

.increase-width-list > .simple div > li, .increase-width-list > .container.padded-margin div > li, .increase-width-list > .topic-list div > li {
  white-space: no-wrap;
  padding: 0.2em !important;
  font-weight: 600;
}

.increase-width-list > .simple div > li > div, .increase-width-list > .container.padded-margin div > li > div, .increase-width-list > .topic-list div > li > div {
  width: 40% !important;
}

.increase-width-list > .simple div > li:last-child, .increase-width-list > .container.padded-margin div > li:last-child, .increase-width-list > .topic-list div > li:last-child {
  border-bottom: 1px solid #cccccc;
}

.report-submission-list > .simple, .report-submission-list > .container.padded-margin, .report-submission-list > .topic-list {
  height: 100%;
}

.report-submission-list > .simple > div > li > div, .report-submission-list > .container.padded-margin > div > li > div, .report-submission-list > .topic-list > div > li > div {
  font-weight: 500 !important;
}

.no-border li {
  border-bottom: none;
}

.secondary-nav {
  position: relative;
  display: block;
  padding: 2em 0;
}

.secondary-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.secondary-nav ul li {
  position: relative;
  padding-top: 0.313em;
  padding-bottom: 0.313em;
  padding-left: 1em;
  font-weight: 300;
}

.secondary-nav ul li > a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding-right: 0.75em;
}

.secondary-nav ul li span {
  position: absolute;
  right: 0;
  line-height: 1.375em;
}

.secondary-nav ul li.back a {
  color: #999;
}

.secondary-nav ul li.back a:hover {
  color: #46b0b9;
}

.secondary-nav ul li.back span {
  position: relative;
  right: auto;
  padding-right: 1em;
}

.secondary-nav ul li a.active {
  color: #f15727;
}

.switch-bar {
  position: relative;
  font-size: 0.75rem;
}

.toolbar .switch-bar {
  position: relative;
  float: right;
  margin-top: 1em;
  z-index: 5;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .toolbar .switch-bar {
    position: static;
    float: right;
    margin: 1em 0;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .toolbar .switch-bar {
    position: static;
    float: right;
    margin: 1em 0;
  }
}

header .switch-bar {
  position: absolute;
  right: 0;
}

.tab-scope .switch-bar {
  right: 0;
  bottom: -0.4rem;
}

.switch-bar > ul {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  margin: 0;
  border: 0;
  padding: 0;
}

.switch-bar > ul > li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  white-space: nowrap;
}

.switch-bar > ul > li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  white-space: nowrap;
}

.switch-bar > ul:after {
  content: '';
  display: table;
  clear: both;
}

.switch-bar > ul:after {
  position: absolute;
  display: block;
  content: '';
  background-color: #46b0b9;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -0.2em;
  z-index: 0;
}

.switch-bar li {
  position: relative;
  margin: 0 0.25em 0em;
  z-index: 1;
}

.switch-bar li a {
  display: block;
  padding: 0 1em;
  margin-bottom: 0.7em;
  border: 1px solid #46b0b9;
  background-color: #fff;
  color: #46b0b9;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 1em;
}

.switch-bar li a.disabled {
  user-select: none;
  pointer-events: none;
  border: 1px solid #90d0d5;
  color: #90d0d5;
}

.switch-bar li a:hover {
  border: 1px solid #46b0b9;
  background-color: #46b0b9;
  color: #fff;
}

.switch-bar li a:hover span:before {
  color: #fff;
}

.switch-bar li > span {
  display: block;
  padding: 0.1em 1em;
  text-transform: uppercase;
  text-align: center;
}

.switch-bar li:last-child {
  margin-right: 0;
}

.switch-bar li.active a {
  border: 1px solid #f15727;
  background-color: #f15727;
  color: #fff;
}

.switch-bar li.active a span:before {
  color: #fff;
}

.switch-bar li.active:after {
  content: '';
  position: absolute;
  border: 0.75em solid transparent;
  border-top-color: #f15727;
  left: 50%;
  top: 1.4em;
  margin-left: -0.7em;
}

.switch-bar li.active:last-child:after {
  margin-left: -0.7em;
}

.switch-bar li.disabled {
  text-decoration: line-through;
  cursor: default;
}

.switch-bar li.disabled a,
.switch-bar li.disabled a:hover {
  color: #e2e2e2;
  border: 1px solid #e2e2e2;
}

.switch-metric {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.switch-metric > .no-after {
  align-self: center;
  text-align: center;
}

.switch-metric > .no-after > ul {
  overflow: visible;
}

.switch-metric > .no-after > ul > li {
  width: 100%;
  margin: 0 !important;
}

.switch-metric > .no-after > ul:after {
  content: none;
}

.switch-metric .negative-margin > ul > li {
  margin-left: -12em !important;
}

.switch-metric > .visual-text {
  font-weight: 300;
  display: flex;
  position: relative;
}

.switch-metric > .visual-text > span {
  display: block;
  line-height: 0.98em;
}

.toolbar {
  position: relative;
  display: table;
  min-height: 3em;
  width: 100%;
}

.toolbar:after {
  content: '';
  display: table;
  clear: both;
}

.toolbar.justify {
  display: block;
  text-align: justify;
}

.toolbar.justify:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.flexbox .toolbar.justify {
  text-align: left;
  display: flex;
  justify-content: space-between;
}

.flexbox .toolbar.justify:after {
  display: none;
}

.toolbar.justify > .justify-item {
  display: inline-block;
}

.toolbar > h3,
.toolbar > h4 {
  float: left;
  max-width: 80%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .toolbar > h3,
  .toolbar > h4 {
    float: none;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .toolbar > h3,
  .toolbar > h4 {
    float: none;
  }
}

.toolbar > h3 span:not(.ignore),
.toolbar > h4 span:not(.ignore) {
  font-weight: normal;
  font-style: italic;
}

.toolbar h3 + p {
  clear: both;
  max-width: 80%;
  float: left;
}

.toolbar .nicebutton.reset, .toolbar .reset.matchbutton, .toolbar .reset.squaredIconButton, .toolbar .reset.button-card__button, .toolbar button.reset.dt-button,
.toolbar div.reset.dt-button,
.toolbar a.reset.dt-button {
  float: right;
}

.toolbar + .toolbar {
  border-top: 1px solid #ddd;
}

.toolbar .tools-r {
  position: absolute;
  right: 1em;
  top: 1em;
  width: auto;
}

.toolbar .tools-r select,
.toolbar .tools-r input,
.toolbar .tools-r .nicebutton,
.toolbar .tools-r .matchbutton,
.toolbar .tools-r .squaredIconButton,
.toolbar .tools-r .button-card__button,
.toolbar .tools-r button.dt-button,
.toolbar .tools-r div.dt-button,
.toolbar .tools-r a.dt-button {
  margin-right: 1em;
}

.toolbar.table-top {
  min-height: 2em;
  margin-top: 1em;
}

.toolbar.table-top > .tools-r {
  top: auto;
  bottom: 0;
}

.toolbar.table-top .btn.reset {
  top: 0.25em;
}

.toolbar.table-top .nicebutton, .toolbar.table-top .matchbutton, .toolbar.table-top .squaredIconButton, .toolbar.table-top .button-card__button, .toolbar.table-top button.dt-button,
.toolbar.table-top div.dt-button,
.toolbar.table-top a.dt-button {
  margin-bottom: 0.25em;
  margin-top: 0.25em;
}

.toolbar .current-filters {
  position: relative;
  display: block;
  float: right;
  margin: 0 0 0 1em;
  min-width: 1em;
  height: 2em;
}

.toolbar .current-filters .filter-clear {
  position: relative;
  top: 50%;
  display: block;
  float: left;
  height: 1.6em;
  padding: 0.25em 1em 0.25em 2em;
  margin: -0.9em 1em 0;
  background-color: #999;
  border-radius: 3em;
  color: #fff;
  font-size: 0.75em;
}

.toolbar .current-filters .filter-clear:hover {
  background-color: #b11a10;
}

.toolbar .current-filters .icon-cancel:before {
  position: absolute;
  left: 0.25em;
  top: 0.15em;
  font-size: 1.25em;
}

.toolbar .title-holder {
  display: table-cell;
  max-width: 80%;
  vertical-align: middle;
}

.toolbar .title-holder h4 {
  margin: 0;
}

.toolbar .title-holder .profile-name {
  color: #f15727;
}

.toolbar .title-holder .subhead {
  font-weight: 300;
}

.toolbar .title-holder .subhead span {
  font-weight: 700;
}

.toolbar .nav-holder {
  display: table-cell;
  text-align: right;
  min-width: 20%;
  vertical-align: middle;
}

.toolbar .nav-holder a {
  font-size: 0.825em;
  display: inline-block;
  margin-left: 1em;
}

.wizard > .toolbar {
  min-height: 16px;
  min-height: 1rem;
  height: 2em;
}

.wizard > .toolbar > h3 {
  float: left;
  padding: 0.5em 1em;
  font-size: 1em;
  border-bottom: 1px solid #eee;
  line-height: 1em;
}

.wizard > .toolbar > .nicebutton, .wizard > .toolbar > .matchbutton, .wizard > .toolbar > .squaredIconButton, .wizard > .toolbar > .button-card__button, .wizard > .toolbar > button.dt-button,
.wizard > .toolbar > div.dt-button,
.wizard > .toolbar > a.dt-button {
  float: right;
  margin: 0.4em 1em 0em;
}

.legend-container {
  margin: 0 0;
  float: right;
  position: relative;
}

.legend-container .legend {
  float: right;
  list-style: none;
  margin: 1em;
  color: #999999;
}

.legend-container li {
  float: left;
  font-size: 0.75em;
  margin-right: 1.5em;
}

.legend-container li span:not(.text-icon) {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  margin-bottom: -0.125em;
  border: 1px solid #999;
  border-radius: 1em;
}

.legend-container li span[class^='icon'] {
  border: none;
}

.legend-container .icons li span {
  border: none;
}

.legend-container li:last-child {
  margin: 0;
}

.legend .good span {
  background-color: #70961a;
}

.legend .needs-attn span {
  background-color: #c60004;
}

.legend .first-quartile span {
  background-color: #639dea;
}

.legend .second-quartile span {
  background-color: #90b9f0;
}

.legend .third-quartile span {
  background-color: #bdd5f6;
}

.legend .fourth-quartile span {
  background-color: #eaf2fc;
}

.footnotes {
  float: left;
  width: 50%;
}

.footnotes:after {
  content: '';
  display: table;
  clear: both;
}

.footnotes.full-width {
  width: 100%;
  float: none;
  clear: both;
}

.footnotes li {
  margin-bottom: 0.5em;
}

.footnotes li .dot {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  margin-top: 0.2em;
  border: 1px solid #eee;
  vertical-align: top;
  border-radius: 1em;
}

.footnotes li .dot.green {
  background: #93b522;
}

.footnotes li .dot.blue {
  background: #488bfb;
}

.footnotes li > span {
  margin-right: 0.5em;
}

.footnotes .good .dot {
  background-color: #70961a;
}

.footnotes .needs-attn .dot {
  background-color: #c60004;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .footnotes {
    float: none;
    display: block;
    width: 100%;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .footnotes {
    float: none;
    display: block;
    width: 100%;
  }
}

.b-appetite-legend {
  clear: both;
}

.b-appetite-legend .text-icon {
  margin-right: 5px;
}

.b-appetite-legend .legend {
  display: flex;
  align-items: center;
}

.b-appetite-legend + .footnotes {
  clear: both;
}

div.responsive-svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top;
}

svg.responsive-svg-content {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}

.graph {
  position: relative;
  margin-top: 1em;
  vertical-align: top;
  -ms-content-zooming: none;
}

.graph .tick line {
  fill: none;
  stroke: #999;
  shape-rendering: crispEdges;
}

.graph .tick text {
  font-size: 0.75em;
  fill: #999;
}

.graph path {
  fill: none;
  stroke: #999;
  shape-rendering: crispEdges;
}

.grid .graph path {
  display: none;
}

.graph .hover_target {
  opacity: 0;
}

.graph .teardrop-mark path {
  fill: #fd7c23;
  stroke: none;
  shape-rendering: geometricPrecision;
}

.graph .teardrop-mark text {
  fill: #fff;
  font-size: 0.75em;
}

.graph .teardrop-mark .teardrop {
  pointer-events: all;
  -webkit-svg-shadow: 1px 1px 1px #000;
}

.graph .chart-title {
  font-size: 1em;
  font-weight: bold;
  fill: #02284b;
}

.graph .legend .legend-label {
  float: none;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 0.5em 0 0.2em;
  min-width: 6em;
  line-height: 1.583;
  color: #333;
  border-radius: 3em;
}

.graph .legend .legend-label:before {
  content: '';
  display: inline-block;
  margin: 0 0.5em -0.125em 0;
  height: 1em;
  width: 1em;
  border-radius: 2em;
}

.graph .legend.clickable:before {
  content: 'Sort By: ';
  display: inline-block;
  width: 5em;
  margin-right: 1em;
  font-size: 0.7em;
  text-transform: uppercase;
}

.graph .legend.clickable .legend-label {
  border: 1px solid #46b0b9;
}

.graph .legend.clickable .legend-label {
  background: #dfdfdf;
  font-weight: 700;
}

.graph .legend.clickable .legend-label:hover {
  color: #46b0b9;
  cursor: pointer;
}

.graph .chart-header .label text {
  font-size: 0.75em;
  text-transform: uppercase;
  fill: #333;
}

.graph .zebra {
  opacity: 0;
}

.graph text.link {
  fill: #46b0b9;
  cursor: pointer;
}

.graph text.link:hover {
  fill: #7bb2cc;
}

.distribution-bar-chart line,
.distribution-bar-chart rect {
  shape-rendering: crispEdges;
}

.distribution-bar-chart__border, .distribution-bar-chart__tick, .distribution-bar-chart__guide {
  stroke-width: 1;
  stroke: #ccc;
}

.distribution-bar-chart__label {
  fill: #666;
}

.distribution-bar-chart__bar {
  fill: #639dea;
}

.distribution-bar-chart__bar:hover {
  fill: #2073e1;
}

.distribution-bar-chart__marker {
  stroke-width: 1;
}

.distribution-bar-chart__marker--target {
  stroke: #70961a;
  stroke-dasharray: 2 2;
}

.distribution-bar-chart__marker--avg {
  stroke: #f15727;
}

.distribution-bar-chart__marker--market {
  stroke: #000;
}

.distribution-bar-chart__ball--target {
  fill: none !important;
  stroke: #70961a !important;
  stroke-width: 3;
}

.distribution-bar-chart__ball--avg {
  stroke: #f15727 !important;
  stroke-width: 3;
  fill: #f15727 !important;
  shape-rendering: auto !important;
}

.distribution-bar-chart__ball--market {
  fill: #000;
}

.distribution-bar-chart__guide {
  fill: none;
  stroke: #ddd;
  stroke-width: 1px;
  stroke-dasharray: 3 2;
}

/*svg*/
.bar-chart {
  margin-top: 0 !important;
  /*text*/
}

.bar-chart path.domain {
  fill: none;
  stroke-width: 1;
}

.bar-chart line,
.bar-chart rect {
  shape-rendering: crispEdges;
}

.bar-chart__border {
  fill: #f8f8f8;
}

.bar-chart__guide {
  stroke-dasharray: 2 5;
  stroke: rgba(0, 0, 0, 0.5);
}

.bar-chart-ytd {
  fill: #fd7c23;
}

.bar-chart-prev {
  fill: #fdab3c;
}

.bar-chart-full {
  fill: #639dea;
}

.bar-chart__target {
  fill: transparent !important;
}

.bar-chart__line {
  stroke: #333;
  stroke-width: 1px;
}

.bar-chart__tick {
  font-weight: 400;
}

.bar-chart__tick:first-of-type {
  fill: #fd7c23;
}

/* commission spread bar chart used in dashboard -> premium */
.commission-border {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.axis-text {
  fill: #707070;
  text-transform: uppercase;
}

.light-background-chart {
  background-color: #f9f9f9;
}

.column-chart .bar,
.histogram .bar {
  fill: #a7c573;
  transition-property: fill;
  transition-duration: 0.5s;
}

.column-chart .bar:hover,
.histogram .bar:hover {
  fill: #ffba30;
  cursor: pointer;
}

.column-chart .bar.sel,
.histogram .bar.sel {
  fill: #ffba30;
}

.column-chart .bar.fade,
.histogram .bar.fade {
  fill: #eaeaea;
}

.column-chart .bar.hover,
.histogram .bar.hover {
  fill: #75943e;
}

.column-chart .sel.hover,
.histogram .sel.hover {
  fill: #ffba30;
}

.column-chart .grid .tick line,
.histogram .grid .tick line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}

.column-chart .focus text,
.column-chart .focus-bin .bar,
.histogram .focus text,
.histogram .focus-bin .bar {
  fill: #ffba30;
}

.column-chart .focus-label,
.histogram .focus-label {
  font-size: 0.8em;
  font-weight: bold;
  text-anchor: middle;
  fill: #ffba30;
}

.mini-column-chart .bar:hover,
.simple-bar .bar:hover {
  fill: #a7c573;
  cursor: default;
}

.mini-column-chart .focus-bin .bar:hover,
.simple-bar .focus-bin .bar:hover {
  fill: #ffba30;
  cursor: default;
}

.simple-bar {
  width: 100%;
  height: 90%;
  background-color: #f8f8f8;
}

.simple-bar .axis-label {
  font-size: 0.8em;
  fill: #999;
}

.simple-bar .bar-values text {
  font-size: 0.8em;
  font-weight: bold;
  fill: #333;
}

.simple-bar .chart-title {
  fill: #333;
  font-weight: normal;
}

.time-histogram {
  background-color: #f8f8f8;
  margin-bottom: 1em;
}

.time-histogram .bar {
  fill: #639dea;
  shape-rendering: crispEdges;
}

.time-histogram .axis path,
.time-histogram .axis line {
  fill: none;
  stroke: #999;
  shape-rendering: crispEdges;
}

.time-histogram .grid.horizontal .tick {
  stroke: white;
  stroke-width: 0px;
  shape-rendering: crispEdges;
}

.time-histogram .brush .extent,
.time-histogram .brush .selection {
  stroke: #f15727;
  stroke-opacity: 0.6;
  stroke-width: 1px;
  fill-opacity: 0.1;
  fill: #f15727;
  shape-rendering: crispEdges;
}

.time-histogram .y.axis line {
  stroke: #999;
}

.time-histogram .y.axis text {
  font-size: 0.625em;
  font-weight: 300;
  color: #999;
}

.time-histogram .x.axis line {
  stroke-width: 1px;
  stroke: #999;
}

.time-histogram .x.axis text {
  text-anchor: start !important;
  cursor: pointer;
  font-size: 0.8125em;
  font-weight: 400;
  fill: #46b0b9;
  stroke: none;
}

.cChart {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 99%;
}

.cChart svg {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  top: 0;
}

.spread-chart {
  background-color: #f8f8f8;
  border-radius: 4px;
}

.spread-chart .tick line {
  stroke: #999;
}

.spread-chart .tick text {
  font-weight: bold;
  fill: #999;
}

.spread-chart .grid.vertical .tick {
  stroke: #999;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 5;
}

.spread-chart .x {
  stroke: #999;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 5;
}

.spread-chart .line {
  fill: none;
  stroke: #ccc;
  stroke-width: 8px;
  shape-rendering: crispEdges;
}

.spread-chart .dot {
  stroke: #fff;
  stroke-width: 1px;
}

.spread-chart .low,
.spread-chart .new,
.spread-chart .legend-val-1 {
  fill: #488bfb;
}

.spread-chart .med,
.spread-chart .median,
.spread-chart .you,
.spread-chart .renewal,
.spread-chart .legend-val-2 {
  fill: #fd7c23;
}

.spread-chart .high,
.spread-chart .expanded,
.spread-chart .legend-val-3 {
  fill: #93b522;
}

.spread-chart .data {
  fill: #666;
}

.spread-chart .unit-border {
  stroke: #ddd;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.spread-chart .legend-label.value-1:before {
  background-color: #488bfb;
}

.spread-chart .legend-label.value-2:before {
  background-color: #fd7c23;
}

.spread-chart .legend-label.value-3:before {
  background-color: #93b522;
}

.distribution-chart {
  padding: 0 1em;
  background-color: #f8f8f8;
  border-radius: 4px;
}

.distribution-chart .grid .tick line {
  fill: none;
  stroke: #666;
  stroke-dasharray: 1, 3;
  shape-rendering: crispEdges;
}

.distribution-chart .vertical .tick line {
  stroke: #666;
}

.distribution-chart .vertical .domain {
  display: none;
}

.distribution-chart text {
  fill: #333;
}

.distribution-chart #total text {
  fill: #000;
  font-weight: 700;
}

.distribution-chart .tick line {
  stroke: #999;
}

.distribution-chart .tick text {
  font-weight: bold;
  fill: #999;
}

.distribution-chart .x {
  stroke: #fdb02a;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 5;
}

.distribution-chart .line {
  fill: none;
  stroke: #fef3d4;
  stroke-width: 3px;
  shape-rendering: crispEdges;
}

.distribution-chart .small,
.distribution-chart .new,
.distribution-chart .value-1 {
  fill: #417fcf;
  shape-rendering: crispEdges;
}

.distribution-chart .medium,
.distribution-chart .renewal,
.distribution-chart .value-2 {
  fill: #669fe7;
  shape-rendering: crispEdges;
}

.distribution-chart .large,
.distribution-chart .expanded,
.distribution-chart .value-3 {
  fill: #7ec3ed;
  shape-rendering: crispEdges;
}

.distribution-chart .value-4 {
  fill: #95d899;
  shape-rendering: crispEdges;
}

.distribution-chart .value-4.unmapped {
  fill: #ccc;
}

.distribution-chart .unit-border {
  stroke: #ddd;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.distribution-chart .legend-label.value-1:before {
  background-color: #417fcf;
}

.distribution-chart .legend-label.value-2:before {
  background-color: #669fe7;
}

.distribution-chart .legend-label.value-3:before {
  background-color: #7ec3ed;
}

.distribution-chart .legend-label.value-4:before {
  background-color: #95d899;
}

.distribution-chart .legend-label.value-4.unmapped:before {
  background-color: #ccc;
}

.spread-chart .chart-header.clickable .label:hover,
.distribution-chart .chart-header.clickable .label:hover {
  cursor: pointer;
}

.spread-chart .chart-header.clickable .label text,
.distribution-chart .chart-header.clickable .label text {
  fill: #46b0b9;
}

.spread-chart .chart-header.clickable .label:hover text,
.distribution-chart .chart-header.clickable .label:hover text {
  fill: #f15727;
}

.spread-chart .chart-header.clickable .label.active text,
.distribution-chart .chart-header.clickable .label.active text {
  font-weight: 700;
}

.spread-chart .chart-header.clickable .legend-title,
.distribution-chart .chart-header.clickable .legend-title {
  text-transform: uppercase;
  fill: #333;
}

.spread-chart .chart-header.clickable .legend-label,
.distribution-chart .chart-header.clickable .legend-label {
  font-size: 0.75em;
  fill: #333;
}

.spread-chart .unit.total text.label,
.spread-chart .unit.total text.data,
.distribution-chart .unit.total text.label,
.distribution-chart .unit.total text.data {
  fill: #000;
  font-weight: 700;
}

.donut-chart {
  text-align: center;
}

.donut-chart svg {
  width: 100%;
  max-height: 14em;
}

.donut-chart .donut {
  shape-rendering: geometricPrecision;
}

.donut-chart .legend-label {
  text-anchor: middle;
}

.donut-chart .units-label {
  font-size: 0.7em;
  font-weight: normal;
  text-transform: uppercase;
}

.donut-chart .data-label {
  font-weight: bold;
  font-size: 1.5em;
}

.donut-chart .arc {
  stroke: #fff;
  stroke-width: 2px;
}

.donut-chart .value-1 {
  fill: #639dea;
}

.donut-chart .value-2 {
  fill: #ffba30;
}

.donut-chart .value-3 {
  fill: #a7c573;
}

.bubble-chart {
  background-color: #f8f8f8;
  border-radius: 4px;
}

.bubble-chart .bubble {
  fill: #488bfb;
  stroke: #0441a6;
  cursor: pointer;
  pointer-events: all;
  opacity: 0.65;
}

.bubble-chart .bubble.active {
  fill: #ffba30;
  stroke: #c98600;
  stroke-width: 3px;
  opacity: 1;
}

.bubble-chart .axis-label {
  font-size: 0.8em;
  fill: #999;
}

.bubble-chart .axis-label.size-label {
  font-size: 0.7em;
}

.bubble-chart .grid .tick line {
  fill: none;
  stroke: #a7c573;
  stroke-dasharray: 1, 3;
  shape-rendering: crispEdges;
}

.bubble-chart .grid path {
  display: none;
}

.bubble-chart .vertical .tick line {
  stroke: #ffba30;
}

.bubble-chart .guide line {
  fill: none;
  stroke: #c98600;
  shape-rendering: crispEdges;
  opacity: 0;
}

.bubble-chart .brush .extent {
  stroke: #fff;
  fill-opacity: 0.1;
  shape-rendering: crispEdges;
}

.bubble-chart .loading {
  font-size: 1em;
  fill: #999;
}

.b-sales-cross-sell .relative-size-chart {
  margin-top: 30px;
}

.relative-size-chart .explore-button {
  fill: #ffffff;
  stroke: #46b0b9;
  stroke-miterlimit: 10;
  cursor: pointer;
}

.relative-size-chart .explore-text {
  fill: #46b0b9;
  text-transform: uppercase;
  font-size: 1em;
}

.relative-size-chart .chart-bg {
  fill: #f8f8f8;
  stroke: #dfdfdf;
}

.relative-size-chart .cluster-line {
  stroke-width: 2px;
  stroke: #fff;
}

.relative-size-chart .centerline {
  stroke: #f15727;
  stroke-width: 1px;
}

.relative-size-chart .bubble {
  fill: #639dea;
  stroke-width: 5px;
  stroke: #3681e4;
  pointer-events: all;
}

.relative-size-chart .bubble.empty {
  stroke: #ccc;
  fill: #999;
}

.relative-size-chart .bubble.empty:hover {
  cursor: default;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .relative-size-chart .bubble {
    stroke-width: 2px;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .relative-size-chart .bubble {
    stroke-width: 2px;
  }
}

.relative-size-chart .cluster-value {
  font-size: 2em;
  font-weight: 700;
}

.relative-size-chart .cluster-name {
  font-size: 1em;
  font-weight: 400;
}

.relative-size-chart .total-cluster {
  fill: #f15727;
}

.relative-size-chart text {
  fill: #fff;
  text-anchor: middle;
  pointer-events: none;
}

.relative-size-chart text.header {
  fill: #000;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
}

.relative-size-chart .total-value {
  font-size: 2.25em;
  font-weight: 700;
}

.relative-size-chart .total-name {
  font-size: 1em;
  font-weight: 400;
}

.relative-size-chart .clickable .bubble:hover,
.relative-size-chart .clickable .total-cluster:hover {
  cursor: pointer;
  fill: #46b0b9;
  stroke: #3f9ea7;
}

.relative-completion-chart .chart-bg {
  fill: #f8f8f8;
  stroke: #dfdfdf;
}

.relative-completion-chart .range {
  fill: #ccc;
  shape-rendering: geometricPrecision;
}

.relative-completion-chart .measure {
  fill: #93b522;
  shape-rendering: geometricPrecision;
}

.relative-completion-chart .marker {
  stroke: #666;
  stroke-width: 1px;
  shape-rendering: geometricPrecision;
}

.relative-completion-chart .value {
  font-size: 0.75em;
  font-weight: 300;
  fill: #3c4c20;
}

.relative-completion-chart > svg {
  width: 100% !important;
}

.relationship-chart rect {
  cursor: pointer;
  shape-rendering: geometricPrecision;
  transition-property: opacity;
  transition-duration: 0.5s;
}

.relationship-chart .label {
  fill: #999;
  pointer-events: none;
  font-size: 0.8125em;
}

.relationship-chart .value {
  fill: #fff;
  pointer-events: none;
  font-size: 0.6875em;
}

.relationship-chart .chart:hover rect {
  opacity: 0.3;
}

.relationship-chart .col1 rect {
  fill: #fff;
  stroke: #93b522;
}

.relationship-chart .col1 .label {
  fill: #93b522;
}

.relationship-chart .col1 .active rect {
  fill: #93b522;
  stroke: #93b522;
  opacity: 1;
}

.relationship-chart .col1 .active .label {
  fill: #fff;
}

.relationship-chart .col2 rect {
  fill: #639dea;
}

.relationship-chart .col2 .label {
  fill: #fff;
  text-anchor: middle;
}

.relationship-chart .col2 .active rect {
  fill: #639dea;
  opacity: 1;
}

.relationship-chart .col3 rect {
  fill: #fff;
  stroke: #fd7c23;
}

.relationship-chart .col3 .label {
  fill: #fd7c23;
}

.relationship-chart .col3 .active rect {
  fill: #fd7c23;
  stroke: #fd7c23;
  opacity: 1;
}

.relationship-chart .col3 .active .label {
  fill: #fff;
}

.relationship-chart.win-loss .col1 rect {
  stroke: #df583e;
  cursor: default;
}

.relationship-chart.win-loss .col1 .label {
  fill: #df583e;
}

.relationship-chart.win-loss .col1 .active rect {
  fill: #df583e;
  stroke: #df583e;
}

.relationship-chart.win-loss .col1 .active .label {
  fill: #fff;
}

.relationship-chart.win-loss .col3 rect {
  stroke: #9bbb58;
  cursor: default;
}

.relationship-chart.win-loss .col3 .label {
  fill: #9bbb58;
}

.relationship-chart.win-loss .col3 .active rect {
  fill: #9bbb58;
  stroke: #9bbb58;
}

.relationship-chart.win-loss .col3 .active .label {
  fill: #fff;
}

.relationship-chart .col1 .label {
  text-anchor: start;
}

.relationship-chart .col3 .label {
  text-anchor: start;
}

.relationship-chart .link {
  fill: none;
  stroke-width: 1px;
  shape-rendering: geometricPrecision;
  opacity: 0.2;
  transition-property: opacity;
  transition-duration: 0.4s;
}

.relationship-chart .link.left {
  stroke: #93b522;
}

.relationship-chart .link.right {
  stroke: #fd7c23;
}

.relationship-chart .link.active {
  stroke-width: 1.5px;
  z-index: 1000;
  opacity: 1;
}

.relationship-chart.win-loss .link.left {
  stroke: #df583e;
}

.relationship-chart.win-loss .link.right {
  stroke: #9bbb58;
}

.relationship-chart .col1 .value {
  text-anchor: end;
}

.relationship-chart .col2 .value.left {
  text-anchor: start;
}

.relationship-chart .col2 .value.right {
  text-anchor: end;
}

.relationship-chart .col3 .value {
  text-anchor: end;
}

.relationship-chart .chart-headers text {
  text-anchor: middle;
  fill: #333;
}

.relationship-chart .footer tspan {
  font-weight: 300;
}

.relationship-chart .footer tspan.colValue {
  font-weight: 700;
}

.relationship-chart .footer .col2 {
  text-anchor: middle;
}

.relationship-chart .footer .col3 {
  text-anchor: end;
}

#competitor-relationships .relationship-chart .col1 .active rect {
  stroke: #df583e;
  fill: #df583e;
}

#competitor-relationships .relationship-chart .col3 .active rect {
  stroke: #9bbb58;
  fill: #9bbb58;
}

.win-loss-chart svg {
  background-color: #f8f8f8;
}

.win-loss-chart .bars rect {
  transition-property: opacity;
  transition-duration: 0.5s;
  cursor: pointer;
}

.win-loss-chart .bars rect.bar {
  fill: #9bbb58;
}

.win-loss-chart .bars rect.bar2 {
  fill: #df583e;
}

.win-loss-chart .grid .tick line {
  fill: none;
  stroke: #a7c573;
  stroke-dasharray: 1, 3;
  shape-rendering: crispEdges;
}

.win-loss-chart .grid path {
  display: none;
}

.win-loss-chart .vertical .tick line {
  stroke: #ffba30;
}

.win-loss-chart .y.axis {
  stroke: #999;
  shape-rendering: crispEdges;
}

.win-loss-chart .labels .label {
  text-anchor: end;
  fill: #46b0b9;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.5s;
}

.win-loss-chart .chart-header .label {
  text-anchor: end;
  fill: #333;
}

.win-loss-chart .chart-header .label.neg {
  fill: #df583e;
}

.win-loss-chart .chart-header .label.pos {
  fill: #9bbb58;
  text-anchor: start;
}

.win-loss-chart .chart-title {
  text-anchor: middle;
  fill: #666;
}

.win-loss-chart rect.fade,
.win-loss-chart text.fade {
  opacity: 0.5;
}

.win-loss-chart rect.hover {
  fill: #75943e;
}

.win-loss-chart .sel.hover {
  fill: #ffba30;
}

.map-chart {
  background-color: #f8f8f8;
}

.map-chart path {
  shape-rendering: geometricPrecision;
  stroke: #fff;
}

.map-chart .mesh {
  fill: none;
  stroke: #fff;
  stroke-width: 0.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}

.map-chart rect {
  fill: none;
  pointer-events: all;
}

.map-chart .state {
  transition: fill 0.5s ease;
  cursor: pointer;
}

.map-chart .state:nth-of-type(1) {
  transition-delay: 0.005s;
}

.map-chart .state:nth-of-type(2) {
  transition-delay: 0.01s;
}

.map-chart .state:nth-of-type(3) {
  transition-delay: 0.015s;
}

.map-chart .state:nth-of-type(4) {
  transition-delay: 0.02s;
}

.map-chart .state:nth-of-type(5) {
  transition-delay: 0.025s;
}

.map-chart .state:nth-of-type(6) {
  transition-delay: 0.03s;
}

.map-chart .state:nth-of-type(7) {
  transition-delay: 0.035s;
}

.map-chart .state:nth-of-type(8) {
  transition-delay: 0.04s;
}

.map-chart .state:nth-of-type(9) {
  transition-delay: 0.045s;
}

.map-chart .state:nth-of-type(10) {
  transition-delay: 0.05s;
}

.map-chart .state:nth-of-type(11) {
  transition-delay: 0.055s;
}

.map-chart .state:nth-of-type(12) {
  transition-delay: 0.06s;
}

.map-chart .state:nth-of-type(13) {
  transition-delay: 0.065s;
}

.map-chart .state:nth-of-type(14) {
  transition-delay: 0.07s;
}

.map-chart .state:nth-of-type(15) {
  transition-delay: 0.075s;
}

.map-chart .state:nth-of-type(16) {
  transition-delay: 0.08s;
}

.map-chart .state:nth-of-type(17) {
  transition-delay: 0.085s;
}

.map-chart .state:nth-of-type(18) {
  transition-delay: 0.09s;
}

.map-chart .state:nth-of-type(19) {
  transition-delay: 0.095s;
}

.map-chart .state:nth-of-type(20) {
  transition-delay: 0.1s;
}

.map-chart .state:nth-of-type(21) {
  transition-delay: 0.105s;
}

.map-chart .state:nth-of-type(22) {
  transition-delay: 0.11s;
}

.map-chart .state:nth-of-type(23) {
  transition-delay: 0.115s;
}

.map-chart .state:nth-of-type(24) {
  transition-delay: 0.12s;
}

.map-chart .state:nth-of-type(25) {
  transition-delay: 0.125s;
}

.map-chart .state:nth-of-type(26) {
  transition-delay: 0.13s;
}

.map-chart .state:nth-of-type(27) {
  transition-delay: 0.135s;
}

.map-chart .state:nth-of-type(28) {
  transition-delay: 0.14s;
}

.map-chart .state:nth-of-type(29) {
  transition-delay: 0.145s;
}

.map-chart .state:nth-of-type(30) {
  transition-delay: 0.15s;
}

.map-chart .state:nth-of-type(31) {
  transition-delay: 0.155s;
}

.map-chart .state:nth-of-type(32) {
  transition-delay: 0.16s;
}

.map-chart .state:nth-of-type(33) {
  transition-delay: 0.165s;
}

.map-chart .state:nth-of-type(34) {
  transition-delay: 0.17s;
}

.map-chart .state:nth-of-type(35) {
  transition-delay: 0.175s;
}

.map-chart .state:nth-of-type(36) {
  transition-delay: 0.18s;
}

.map-chart .state:nth-of-type(37) {
  transition-delay: 0.185s;
}

.map-chart .state:nth-of-type(38) {
  transition-delay: 0.19s;
}

.map-chart .state:nth-of-type(39) {
  transition-delay: 0.195s;
}

.map-chart .state:nth-of-type(40) {
  transition-delay: 0.2s;
}

.map-chart .state:nth-of-type(41) {
  transition-delay: 0.205s;
}

.map-chart .state:nth-of-type(42) {
  transition-delay: 0.21s;
}

.map-chart .state:nth-of-type(43) {
  transition-delay: 0.215s;
}

.map-chart .state:nth-of-type(44) {
  transition-delay: 0.22s;
}

.map-chart .state:nth-of-type(45) {
  transition-delay: 0.225s;
}

.map-chart .state:nth-of-type(46) {
  transition-delay: 0.23s;
}

.map-chart .state:nth-of-type(47) {
  transition-delay: 0.235s;
}

.map-chart .state:nth-of-type(48) {
  transition-delay: 0.24s;
}

.map-chart .state:nth-of-type(49) {
  transition-delay: 0.245s;
}

.map-chart .state:nth-of-type(50) {
  transition-delay: 0.25s;
}

body:not(.b-admitted-alternatives) .map-chart .state {
  fill: #ccc;
}

.map-chart .state:hover {
  fill: #d1d1d1;
}

.map-chart .state.heat--0 {
  fill: #deeafe;
}

.map-chart .state.heat--1 {
  fill: #accafd;
}

.map-chart .state.heat--2 {
  fill: #7aabfc;
}

.map-chart .state.heat--3 {
  fill: #488bfb;
}

.map-chart .state.heat--4 {
  fill: #166bfa;
}

.map-chart .state.heat--5 {
  fill: #0554d8;
}

.map-chart .state.heat--6 {
  fill: #0441a6;
}

.map-chart .state.heat--7 {
  fill: #032d74;
}

.map-chart .state.heat--8 {
  fill: #011a43;
}

.map-chart .state.heat--9 {
  fill: #000611;
}

.map-chart .state.heat--10 {
  fill: black;
}

.map-chart .state.active {
  fill: #aaa;
}

.b-admitted-alternatives .map-chart .state.active {
  fill: #f15727 !important;
}

.map-chart .dot {
  fill: #a7c573;
  fill-opacity: 0.7;
  stroke: #93b522;
  stroke-width: 1px;
  transition-property: fill-opacity;
  transition-property: stroke-width;
  transition-duration: 0.5s;
}

.map-chart .dot:hover {
  fill-opacity: 1;
  stroke-width: 2px;
  cursor: pointer;
}

.map-chart .ring {
  fill: none;
  stroke: #93b522;
}

.circle-chart {
  position: relative;
  width: 100%;
  min-height: 14em;
  text-align: center;
}

.circle-chart .circle {
  position: relative;
  display: block;
  margin: 2em auto 1em;
  width: 11em;
  height: 11em;
  background-color: #a7c573;
  color: #fff;
  line-height: 11em;
  border-radius: 100px;
}

.circle-chart .circle strong {
  font-size: 3.5em;
}

.circle-chart .topic {
  display: block;
  width: 100%;
  font-size: 0.875em;
}

.circle-chart .category {
  display: block;
  width: 100%;
  color: #000;
  font-size: 0.875em;
  font-weight: 600;
}

.overlap-chart circle {
  pointer-events: all;
}

.overlap-chart .ao {
  fill: #639dea;
}

.overlap-chart .overlap {
  fill: #c60004;
}

.overlap-chart .value {
  fill: white;
  font-size: 0.8125em;
  text-anchor: middle;
}

.cluster-chart text {
  fill: #fff;
  text-anchor: middle;
  pointer-events: none;
}

.cluster-chart .total-cluster {
  fill: #f15727;
}

.cluster-chart .cluster {
  fill: #639dea;
  stroke-width: 5px;
  stroke: #3681e4;
}

.cluster-chart .cluster:hover {
  cursor: pointer;
  stroke: #1b67cc;
  fill: #4d8fe7;
}

.cluster-chart .cluster.empty {
  stroke: #ccc;
  fill: #999;
}

.cluster-chart .cluster.empty:hover {
  cursor: default;
}

.cluster-chart .cluster.selected {
  fill: #f15727;
  stroke: #d73e0e;
}

.cluster-chart .cluster.selected:hover {
  fill: #ef450f;
}

.cluster-chart .cluster-value,
.cluster-chart .total-value {
  font-size: 2em;
  font-weight: bold;
}

.cluster-chart .cluster-name,
.cluster-chart .total-name {
  font-size: 0.6em;
  text-transform: uppercase;
}

.program-chart .carrier rect {
  fill: #639dea;
}

.program-chart .deductible rect {
  fill: #999;
}

.program-chart text {
  fill: #fff;
  pointer-events: none;
  font-size: 0.625em;
  text-anchor: end;
}

.opportunities-chart {
  position: relative;
  padding-bottom: 0px;
  min-height: 500px;
}

.opportunities-chart .opportunity-total {
  color: #f15727;
  font-size: 2em;
  font-weight: 300;
  line-height: 1;
  margin: 0 1em 0.5em;
}

.opportunities-chart .opportunity-total sup {
  font-size: 0.6em;
}

.opportunities-chart div.bar {
  border-radius: 0.25em;
}

.opportunities-chart div.bar.current {
  background-color: #fd7c23;
  vertical-align: middle;
}

.opportunities-chart div.bar.new {
  background-color: #417fcf;
}

.opportunities-chart div.bar.crossSell {
  background-color: #669fe7;
}

.opportunities-chart div.bar.renewals {
  background-color: #2d66b0;
  cursor: default;
}

.opportunities-chart .example-intro {
  font-size: 0.9em;
  font-weight: 600;
  color: white;
  margin: 0.25em 0.5em;
}

.opportunities-chart div.growth p {
  font-size: 1.125em;
  color: #f15727;
  text-align: center;
}

.opportunities-chart .dollar-amount {
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.opportunities-chart .display-name {
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.opportunities-chart .current-summary {
  color: #fd7c23;
}

.opportunities-chart .current-summary .dollar-amount {
  font-size: 2em;
}

.opportunities-chart .current-summary .display-name {
  font-size: 1.5em;
}

.opportunities-chart .current-summary .disclaimer {
  color: #666;
  font-weight: 300;
  margin: 0;
}

.opportunities-chart .current-summary .breakdown {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.opportunities-chart .current-summary .nicebutton, .opportunities-chart .current-summary .matchbutton, .opportunities-chart .current-summary .squaredIconButton, .opportunities-chart .current-summary .button-card__button, .opportunities-chart .current-summary button.dt-button,
.opportunities-chart .current-summary div.dt-button,
.opportunities-chart .current-summary a.dt-button {
  margin-top: 0.5em;
}

.opportunities-chart .opportunity-summary p {
  margin: 0 0 0.5em;
}

.opportunities-chart .opportunity-summary .dollar-amount {
  font-size: 1.5em;
}

.opportunities-chart .opportunity-summary .display-name {
  font-size: 1.5em;
}

.opportunities-chart .opportunity-summary.new {
  color: #417fcf;
}

.opportunities-chart .opportunity-summary.crossSell {
  color: #669fe7;
}

.opportunities-chart .opportunity-summary.renewals {
  color: #2d66b0;
}

.opportunities-chart .opportunity-summary .nicebutton, .opportunities-chart .opportunity-summary .matchbutton, .opportunities-chart .opportunity-summary .squaredIconButton, .opportunities-chart .opportunity-summary .button-card__button, .opportunities-chart .opportunity-summary button.dt-button,
.opportunities-chart .opportunity-summary div.dt-button,
.opportunities-chart .opportunity-summary a.dt-button {
  font-weight: 400;
}

.opportunities-chart h6.explore-more {
  color: white;
  margin-left: 21px;
  margin-top: 4px;
  margin-bottom: 0px;
  font-size: 0.75em;
}

.opportunities-chart .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.25em;
  opacity: 0;
  cursor: pointer;
  color: white;
  text-align: center;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.opportunities-chart .mask h5 {
  margin: 0 auto;
}

.opportunities-chart .mask:hover {
  background-color: #46b0b9;
  opacity: 1;
}

.opportunities-chart table.example {
  margin: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  font-weight: 300;
  border-top: none;
}

.opportunities-chart table.example td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3em;
  padding: 0;
  max-width: 0;
}

.opportunities-chart div.displayContainer {
  min-height: 500px;
}

.opportunities-chart path.target-line {
  stroke: #f15727;
  stroke-dasharray: 4, 8;
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 4;
  shape-rendering: geometricPrecision;
}

.opportunities-chart path.arrow-path-def {
  stroke: #f15727;
  fill-opacity: 0;
  stroke-width: 2;
  shape-rendering: geometricPrecision;
  stroke-linecap: round;
}

.opportunities-chart path.target-arrow {
  stroke-width: 1.4;
  shape-rendering: geometricPrecision;
  stroke-linecap: round;
}

.radial-progress-chart .background {
  fill: #ffffff;
  fill-opacity: 0.01;
}

.radial-progress-chart .component {
  fill: #e1e1e1;
}

.radial-progress-chart .component .label {
  text-anchor: middle;
  fill: #0000ff;
}

.radial-progress-chart .arc {
  stroke-weight: 0.1;
  fill: #4e8fff;
}

.radial-progress-chart .arc2 {
  stroke-weight: 0.1;
  fill: #3660b0;
}

.radial-progress-chart .label {
  text-anchor: middle;
}

.radial-progress-chart .radial-svg {
  display: block;
  margin: 0 auto;
}

.split-flow {
  background-color: #f8f8f8;
}

.split-flow:after {
  content: '';
  display: table;
  clear: both;
}

.split-flow line.splitter {
  stroke-width: 1px;
  stroke: #ccc;
}

.split-flow .total-value circle {
  fill: #669fe7;
  stroke: white;
  stroke-width: 5px;
}

.split-flow .total-value text {
  fill: white;
  font-size: 1.1em;
}

.split-flow .indirect-node {
  fill: #fdb02a;
  stroke: white;
  stroke-width: 3px;
}

.split-flow .indirect-flow {
  fill: none;
  stroke: #fdb02a;
  stroke-width: 1.5px;
}

.split-flow .direct-flow {
  fill: none;
  stroke: #669fe7;
  stroke-width: 1.5px;
}

.split-flow .mask {
  fill: none;
  stroke: #f8f8f8;
}

.split-flow text {
  text-anchor: middle;
}

.split-flow text.caption {
  fill: #999;
  font-size: 0.875em;
}

@media print {
  .split-flow text.caption {
    font-size: 0.7em;
  }
}

.printable .split-flow text.caption, .split-flow text.caption.printable {
  font-size: 0.7em;
}

.split-flow text.direct {
  fill: #669fe7;
}

.split-flow text.indirect {
  fill: #fdb02a;
}

.split-flow text.value {
  font-weight: bold;
  font-size: 1.75em;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .split-flow .total-value text.value {
    font-size: 1.6em;
  }
}

.line-chart .background {
  fill: #f8f8f8;
  stroke: #ccc;
}

.line-chart .axis path,
.line-chart .axis line {
  fill: none;
  stroke: #ccc;
  shape-rendering: crispEdges;
}

.line-chart .axis {
  /*
        text {
            font-size: 1.4em;
        }
*/
}

.line-chart .axis.x text {
  fill: #666;
}

.line-chart .value {
  fill: none;
  stroke-width: 3.5px;
  shape-rendering: geometricPrecision;
}

.line-chart .y1 {
  stroke: #fd7c23;
}

.line-chart .y1 line {
  stroke: #bbb;
  stroke-dasharray: 3, 2;
}

.line-chart .point {
  cursor: pointer;
}

.line-chart .point.y1-point {
  fill: #fd7c23;
}

.line-chart .point.y2-point {
  fill: #488bfb;
}

.line-chart .point.active {
  fill: #f15727;
}

.line-chart .y2 {
  stroke: #488bfb;
}

.line-chart .overlay {
  fill: none;
  pointer-events: all;
}

.line-chart .date-highlight {
  fill: #e4e4e4;
  stroke: none;
}

.line-chart .date-display text {
  fill: #444;
  font-size: 13px;
}

.line-chart .date-display text.label {
  font-size: 12px;
}

.line-chart .date-display rect {
  fill: #e4e4e4;
  stroke: none;
}

.line-chart .axis-label {
  fill: none;
  font-size: 12px;
}

.line-chart .focus.y1 {
  stroke: #fd7c23;
}

.line-chart .focus.y1 text {
  fill: #fd7c23;
}

.line-chart .focus.y2 {
  stroke: #488bfb;
}

.line-chart .focus.y2 text {
  fill: #488bfb;
}

.line-chart .focus circle {
  fill: none;
  stroke-width: 3px;
}

.quarterly-line-chart {
  /** @bugfix #87638 */
}

.quarterly-line-chart .empty-message tspan {
  fill: #488bfb;
  font-size: 1.25em;
  font-weight: 600;
}

.quarterly-line-chart path {
  shape-rendering: geometricPrecision;
}

.quarterly-line-chart .series circle.point,
.quarterly-line-chart .series circle.shadow,
.quarterly-line-chart .series path.line {
  -ms-transform: translateZ(0px);
}

.quarterly-line-chart .label-group .label {
  -ms-transform: translateZ(0px);
}

.quarterly-line-chart .series--1 path.line,
.quarterly-line-chart .series--1 .legend-line {
  stroke: #93b522;
}

.quarterly-line-chart .series--1 circle.point {
  fill: #93b522;
}

.quarterly-line-chart .series--2 path.line,
.quarterly-line-chart .series--2 .legend-line {
  stroke: #488bfb;
}

.quarterly-line-chart .series--2 circle.point {
  fill: #488bfb;
}

.quarterly-line-chart .axis path,
.quarterly-line-chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.quarterly-line-chart .y.axis text {
  font-size: 14px;
  font-weight: 300;
  fill: #4a4a4a;
}

.quarterly-line-chart .y.axis line {
  stroke: #ccc;
}

.quarterly-line-chart .x.axis text {
  font-size: 18px;
  font-weight: 300;
  fill: #4a4a4a;
  text-anchor: middle;
}

.quarterly-line-chart .x.axis line:not(.domain) {
  stroke: #bbb;
  stroke-dasharray: 2, 5;
}

.quarterly-line-chart .x.axis .current line {
  stroke: #fd7c23;
  stroke-width: 2.5px;
}

.quarterly-line-chart .x.axis .current text {
  fill: #fd7c23;
}

.quarterly-line-chart .x.axis .current text.annotation {
  font-weight: bold;
}

.quarterly-line-chart .axis line.domain {
  stroke: #000;
}

.quarterly-line-chart .legend line {
  stroke-width: 5;
}

.quarterly-line-chart .legend text {
  font-size: 14px;
  font-weight: 300;
  fill: #4a4a4a;
}

.quarterly-line-chart .line {
  fill: none;
  stroke-width: 16px;
}

.quarterly-line-chart .point {
  transition-property: fill;
  transition-duration: 0.5s;
  stroke: white;
  stroke-width: 3px;
}

.quarterly-line-chart .point:hover {
  fill: #f15727 !important;
}

.quarterly-line-chart .label-group--1 .label text {
  fill: #93b522;
}

.quarterly-line-chart .label text {
  text-anchor: middle;
  font-size: 14px;
  fill: #488bfb;
}

.quarterly-line-chart .label rect {
  fill: white;
  stroke-width: 0.7;
  stroke: #a4a4a4;
}

.treemap {
  margin-top: 0;
}

.treemap .progress-bar {
  transition: width 0.25s, opacity 0.3s;
  height: 5px;
  background-color: #46b0b9;
}

.treemap .zoomable-tree-map text {
  font-size: 0.75em;
  font-weight: 400;
  fill: #000;
  text-shadow: 1px 1px 2px #fff;
}

.treemap .zoomable-tree-map .title {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 6px;
}

.treemap .zoomable-tree-map .obj-value {
  font-weight: 700;
}

.treemap .zoomable-tree-map text {
  pointer-events: none;
}

.treemap .zoomable-tree-map .grandparent > text {
  font-weight: 600;
}

.treemap .zoomable-tree-map rect {
  fill: none;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.treemap .zoomable-tree-map .grandparent > rect {
  fill: transparent;
}

.treemap .zoomable-tree-map .grandparent:hover rect {
  fill: transparent;
}

.treemap .zoomable-tree-map .child {
  pointer-events: none;
}

.treemap .zoomable-tree-map .children > rect.parent,
.treemap .zoomable-tree-map .grandparent > rect {
  cursor: pointer;
  stroke-width: 2px;
}

.treemap .zoomable-tree-map .children > rect.parent {
  fill-opacity: 0;
}

.treemap .zoomable-tree-map .children:not(:hover) rect.child {
  stroke: #000;
  fill-opacity: 1;
}

.treemap .zoomable-tree-map .children rect.parent,
.treemap .zoomable-tree-map .grandparent rect {
  cursor: pointer;
}

.graph.hexgrid:not(.hexgrid--colored) polygon {
  fill: #488bfb;
}

.graph.hexgrid {
  background-color: #f8f8f8;
  border-radius: 4px;
}

.graph.hexgrid polygon {
  stroke: white;
  stroke-width: 3px;
}

.graph.hexgrid polygon.currently-buys {
  fill: #93b522;
}

.graph.hexgrid text {
  fill: white;
  stroke: none;
  text-anchor: middle;
  font-size: 16px;
  font-weight: 400;
}

.graph.hexgrid .dot.currently-buy {
  background: #93b522;
}

@media print {
  .chart {
    page-break-inside: avoid;
  }
}

.printable .chart, .chart.printable {
  page-break-inside: avoid;
}

/* ************ HIGHLIGHT STATES ************ */
.chart .unit.sel {
  cursor: pointer;
}

.chart .unit.sel .data {
  fill: #333;
}

/* ************ FADE STATES ************ */
.chart .unit .hover_target,
.chart .unit.sel .hover_target {
  fill: #f8f8f8;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.5s;
}

.chart .unit.fade .hover_target {
  opacity: 0.7;
}

/************ BUTTON *************** */
g.svg-nicebutton {
  cursor: pointer;
}

g.svg-nicebutton:hover rect {
  fill: #388d94;
  stroke: #388d94;
}

g.svg-nicebutton:hover text {
  fill: #f2f2f2;
}

g.svg-nicebutton text {
  fill: #fff;
  font-size: 0.875em;
}

g.svg-nicebutton rect {
  rx: 10px;
  ry: 10px;
  height: 22px;
  padding: 0 1em;
  fill: #46b0b9;
  stroke-width: 1px;
  stroke: #46b0b9;
}

/*i*/
.appointed-info-icon {
  color: #46b0b9;
  margin-left: 10px;
  cursor: pointer;
}

.policy-graph__wrapper {
  background-color: #f8f8f8;
  padding: 2em 0;
}

.policy-graph__rowHeader {
  fill: #eeeeee;
  opacity: 0.7;
}

.policy-graph__rowTitle {
  font-size: 14px;
  fill: #a9a9a9;
}

.policy-graph__rowDivider {
  stroke: #cccccc;
}

.policy-graph__barText {
  font-size: 12px;
  fill: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.policy-graph__barText.floating {
  fill: #9b9b9b;
}

.policy-graph__legendKey {
  font-size: 12px;
  fill: #5c5c5c;
}

.policy-graph__range {
  fill: #faf17d;
  opacity: 0.5;
}

.policy-graph__grid {
  stroke-width: 1px;
  stroke: #bbbbbb;
}

.policy-graph__grid--minor {
  stroke-dasharray: 2 5;
}

.policy-graph__domain {
  stroke: #979797;
  stroke-width: 1px;
}

@media all and (max-width: 820px) {
  .time-histogram .x.axis text {
    transform: translate(0px, -5px);
  }
  .time-histogram .x.axis text.histogram-year {
    transform: translate(-32px, 6px);
  }
}

@media all and (max-width: 580px) {
  .time-histogram .x.axis text {
    transform: translate(-6px, -5px);
  }
  .time-histogram .x.axis text.histogram-year {
    transform: translate(-35px, 7px);
  }
}

@media all and (max-width: 446px) {
  .time-histogram .x.axis text {
    font-size: 0.6993em;
  }
}

circle.bi-bubble {
  opacity: 0.84;
  stroke-width: 2;
  transition: fill 0.1s ease-in-out, stroke 0.25s ease-in-out, opacity 0.1s ease-in-out;
}

circle.bi-bubble.with--tip {
  cursor: pointer;
}

circle.bi-bubble.with--tip:hover {
  fill: #f15727 !important;
  stroke: #f15727 !important;
  opacity: 1;
}

.submission-two-chart {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.submission-two-chart > div {
  flex: 1 1 45%;
  margin: 1em 0.4em;
}

.RMChartGridDOM--masked > :not(svg):not(.RMChartGridDOM--escapeMask) {
  opacity: 0;
}

.meter {
  position: relative;
  margin: 0.5em 0 0.25em;
  height: 0.75em;
  overflow: hidden;
  background: #d6d6d6;
  border-radius: 2px;
}

.meter > span {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  border: none;
  background-color: #a7c573;
}

.meter > span.blue {
  background-color: #639dea;
}

.meter.dual {
  height: 2em;
  background-color: #639dea;
}

.meter.dual > span {
  border-right: 1px solid #fff;
}

.meter-values {
  display: block;
  font-size: 0.675em;
}

.split-percent-bar,
.percent-bar {
  position: relative;
  height: 2em;
  line-height: 2em;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .split-percent-bar,
  .percent-bar {
    margin: 2em 1em 0;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .split-percent-bar,
  .percent-bar {
    margin: 2em 1em 0;
  }
}

.split-percent-bar .meter,
.percent-bar .meter {
  height: 2em;
  margin: 0;
  border-radius: 0.5em;
}

.split-percent-bar .meter > span,
.percent-bar .meter > span {
  background-color: #639dea;
}

.percentbar {
  vertical-align: middle;
}

.flexbox .percentbar {
  display: flex;
  align-items: center;
}

.percentbar__label {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flexbox .percentbar__label {
  width: 3em;
  display: block;
  padding-right: 4px;
}

.percentbar .meter {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.flexbox .percentbar .meter {
  flex: 1;
  width: auto;
}

.split-percent-bar {
  margin: 2em 10em 0;
}

.split-percent-bar .label {
  display: inline-block;
  position: absolute;
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}

.split-percent-bar .label.value-1 {
  text-align: right;
  color: #639dea;
  top: -2em;
  padding-right: 0.25em;
}

.split-percent-bar .label.value-2 {
  text-align: left;
  color: #a7c573;
  top: 2em;
  padding-left: 0.25em;
}

.split-percent-bar .label span {
  color: #000;
}

.split-percent-bar .label.value-1:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0.5em;
  height: 5.5em;
  width: 1px;
  background-color: #000;
  z-index: 2;
}

.split-percent-bar .meter {
  background: #a7c573;
}

.percent-bar {
  margin: 0.5em 1em 0;
}

.percent-bar .meter {
  background: #ccc;
  width: calc(70% - 0.5em);
  width: -webkit-calc(70% - 0.5em);
  display: inline-block;
  vertical-align: middle;
}

.percent-bar .meter span {
  border-bottom: none;
  border-right: 1px solid #000;
  background: #639dea;
  text-align: right;
  padding-right: 0.25em;
  color: #fff;
  font-weight: 600;
}

.percent-bar .label {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.25em;
  color: #000;
  font-size: 0.875em;
  background: #eee;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.simple-percent-chart .wrapper {
  position: relative;
  margin-top: 1em;
  height: 14.75em;
  height: 14.75rem;
  overflow: hidden;
  background-color: #eee;
  border-radius: 0.5em;
}

.simple-percent-chart .wrapper > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background-color: #ddd;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.25) 5px, rgba(255, 255, 255, 0.25) 10px);
}

.simple-percent-chart .wrapper .value {
  position: relative;
  display: block;
  height: 100%;
  margin-right: -0.25em;
  text-align: center;
  font-size: 5em;
  font-weight: bold;
  line-height: 208px;
  line-height: 13rem;
  color: #639dea;
  text-shadow: #fff 3px 3px 0;
}

.simple-percent-chart .wrapper .value span {
  font-weight: normal;
  font-size: 1em;
}

.simple-percent-chart.compact {
  margin-bottom: 1em;
}

.simple-percent-chart.compact .wrapper {
  height: 32px;
  height: 2rem;
}

.simple-percent-chart.compact .wrapper > div {
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  height: 100%;
}

.simple-percent-chart.compact .wrapper .value {
  font-size: 1.5em;
  line-height: 2rem;
  margin-top: -0.1em;
  text-shadow: #fff 1px 1px 0;
}

.simple-percent-chart a.hide-details,
.simple-percent-chart a.show-details {
  font-size: 0.75em;
  display: block;
  text-align: center;
}

.qtip-dark,
.qtip-darkOnLight {
  background-color: #02284b;
  border-color: black;
  color: #fff;
}

.qtip-dark .title,
.qtip-darkOnLight .title {
  color: #fff;
}

.qtip-dark .val,
.qtip-darkOnLight .val {
  color: #fff;
}

.qtip-dark .label,
.qtip-darkOnLight .label {
  color: #ffba30;
}

.qtip-dark .qtip-titlebar,
.qtip-darkOnLight .qtip-titlebar {
  background-color: #02284b;
  border-bottom: 1px solid #03427d;
  font-weight: normal;
}

.qtip-dark .qtip-icon,
.qtip-darkOnLight .qtip-icon {
  border-color: #055dae;
}

.qtip-dark .qtip-titlebar .ui-state-hover,
.qtip-darkOnLight .qtip-titlebar .ui-state-hover {
  border-color: #03427d;
}

.qtip-dark tbody,
.qtip-dark tbody tr,
.qtip-darkOnLight tbody,
.qtip-darkOnLight tbody tr {
  border-bottom: 1px solid #055dae;
}

.tip-content {
  display: none;
}

.tip-container {
  font-size: 1em;
  margin-bottom: 1em;
  white-space: normal;
}

.tip-container .title,
.tip-container .product {
  font-size: 1em;
  margin: 0.25em 0;
}

.tip-container .product {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tip-container li {
  border-top: 1px solid #03427d;
  clear: both;
  line-height: 2em;
}

.tip-container li .title {
  width: 50%;
  float: left;
}

.tip-container li .val {
  width: 50%;
  float: right;
  text-align: right;
  margin: 0.25em 0;
}

.tip-container li .dot {
  float: left;
  width: 1em;
  height: 1em;
  margin: 0.5em 0.4em 0 0;
  border-radius: 1em;
  background: white;
}

.tip-container li.high .dot {
  background: #93b522;
}

.tip-container li.high .val {
  color: #93b522;
}

.tip-container li.mid .dot {
  background: #fd7c23;
}

.tip-container li.mid .val {
  color: #fd7c23;
}

.tip-container li.low .dot {
  background: #488bfb;
}

.tip-container li.low .val {
  color: #488bfb;
}

.tip-container table.simple, .tip-container table.container.padded-margin, .tip-container table.topic-list {
  border: 0;
  margin-top: 0.5em;
}

.tip-container table.simple thead, .tip-container table.container.padded-margin thead, .tip-container table.topic-list thead {
  border-bottom: 1px solid #03427d;
}

.tip-container table.log {
  font-size: 0.75em;
  font-weight: 300;
}

.tip-container table.log td {
  padding: 0.1em 0.5em;
}

.tip-container td.title {
  font-size: 1em;
}

.distribution-tip thead {
  border: none;
  font-size: 1em;
}

.distribution-tip th,
.distribution-tip td {
  white-space: nowrap;
}

.distribution-tip th .small,
.distribution-tip th .new,
.distribution-tip th .value-1 {
  color: #417fcf;
  padding: 0.25em;
}

.distribution-tip th .med,
.distribution-tip th .renewal,
.distribution-tip th .value-2 {
  color: #669fe7;
  padding: 0.25em;
}

.distribution-tip th .large,
.distribution-tip th .expanded,
.distribution-tip th .value-3 {
  color: #7ec3ed;
  padding: 0.25em;
}

.distribution-tip th .value-4 {
  color: #95d899;
  padding: 0.25em;
}

.distribution-tip th .value-4.unmapped {
  color: #ccc;
  padding: 0.25em;
}

.distribution-tip td.small,
.distribution-tip td.new,
.distribution-tip td.value-1 {
  color: #417fcf;
}

.distribution-tip td.med,
.distribution-tip td.renewal,
.distribution-tip td.value-2 {
  color: #669fe7;
}

.distribution-tip td.large,
.distribution-tip td.expanded,
.distribution-tip td.value-3 {
  color: #7ec3ed;
}

.distribution-tip td.value-4 {
  color: #95d899;
}

.distribution-tip td.value-4.unmapped {
  color: #ccc;
}

.spread-tip, .bar-tip, .map-tip {
  width: 400px;
}

.bubble-tip p.name,
.bubble-tip p.office {
  margin: 0;
  font-weight: bold;
}

.tile-tip {
  width: 400px;
}

.tile-tip table.simple td, .tile-tip table.container.padded-margin td, .tile-tip table.topic-list td {
  width: 50%;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300;
}

.tile-tip table.simple td:nth-child(2), .tile-tip table.container.padded-margin td:nth-child(2), .tile-tip table.topic-list td:nth-child(2) {
  text-align: right;
}

.tile-tip tr.total td {
  font-weight: 700;
}

.simple-tip {
  font-size: 0.75em;
  min-width: 100px;
  max-width: 175px;
}

.simple-tip .qtip-content {
  text-align: center;
}

.full-width-tip {
  max-width: 100%;
}

.wrap-tip {
  word-wrap: break-word;
  white-space: pre-line;
}

.help-qtip {
  background-color: #fff;
  border-color: #639dea;
}

.help-qtip .qtip-titlebar {
  background-color: #639dea;
  border-bottom: 1px solid #90b9f0;
  font-weight: normal;
  color: #fff;
}

.help-qtip .qtip-icon {
  border-color: #bdd5f6;
}

.help-qtip .qtip-titlebar .ui-state-hover {
  border-color: #90b9f0;
}

.help-qtip .tip-container {
  margin: 0.3em;
  font-size: 0.875em;
  font-size: 0.875rem;
}

.warning-qtip {
  background-color: #fff;
  border-color: #c60004;
}

.warning-qtip .qtip-titlebar {
  background-color: #c60004;
  border-bottom: 1px solid #f90005;
  font-weight: normal;
  color: #fff;
}

.warning-qtip .qtip-icon {
  border-color: #ff2d31;
}

.warning-qtip .qtip-titlebar .ui-state-hover {
  border-color: #f90005;
}

.warning-qtip .tip-container {
  margin: 0.3em;
  font-size: 0.875em;
  font-size: 0.875rem;
}

.warning-qtip.bordered {
  border-style: solid;
  border-width: 2px;
}

.alert-qtip {
  background-color: #f8f8f8;
  border: 2px solid #f6a405;
}

.alert-qtip .qtip-titlebar {
  background-color: #f6a405;
  font-weight: normal;
  color: #fff;
}

.alert-qtip .qtip-content {
  font-size: 0.875em;
}

.info-qtip {
  background-color: #f8f8f8;
  border: 2px solid #639dea;
}

.info-qtip.bg-white {
  background-color: #ffffff;
}

.info-qtip.border--riskmatch-orange {
  border-color: #f15727;
}

.info-qtip.shadowed {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.info-qtip .qtip-titlebar {
  background-color: #639dea;
  font-size: 0.9em;
  font-weight: normal;
  color: #fff;
}

.info-qtip .qtip-content {
  font-size: 0.875em;
}

.info-qtip.qtip--blue {
  border: 2px solid #4d8fe7;
}

.info-qtip.qtip--blue .qtip-titlebar {
  background: #2f7bfa;
}

.info-qtip.qtip--green {
  border: 2px solid #82a01e;
}

.info-qtip.qtip--green .qtip-titlebar {
  background: #93b522;
}

.info-qtip.heatmap-qtip {
  border: 2px solid #02284b;
}

.info-qtip.heatmap-qtip .qtip-titlebar {
  background-color: #02284b;
}

.heatmap-tip .tip-container {
  text-align: center;
}

.heatmap-tip em {
  color: #ffba30;
  font-style: normal;
}

.pending-items-tip {
  width: 24em;
}

.pending-items-tip .qtip-content {
  background-color: #ebebeb;
}

.pending-items-tip .hd {
  height: 1.5em;
  text-align: center;
  background-color: #ebebeb;
  font-size: 0.875em;
}

.pending-items-tip .bd {
  padding: 0;
}

.pending-items-tip .pending-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}

.pending-items-tip .pending-list .count {
  display: inline-block;
  width: 3em;
  text-align: right;
  margin-right: 0.5em;
}

.pending-items-tip .pending-list > li {
  padding: 0.5em 0.25em;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  font-size: 0.875em;
}

.pending-items-tip .pending-list .block-menu {
  margin: 0.5em 0 0 0;
  padding: 0;
  list-style: none;
  max-height: 20em;
  overflow-y: auto;
}

.pending-items-tip .pending-list .block-menu > li {
  border-bottom: 1px solid #ccc;
  padding-left: 3.75em;
}

.pending-items-tip .pending-list .buttons {
  border: none;
  padding: 0;
  margin: 0 0 1em;
}

.pending-items-tip .pending-list .name,
.pending-items-tip .pending-list .carrier {
  font-weight: bold;
}

.pending-items-tip .pending-list .company,
.pending-items-tip .pending-list .product,
.pending-items-tip .pending-list .renewal,
.pending-items-tip .pending-list .status {
  display: block;
}

.rfp-tip .qtip-content {
  width: 300px;
  background-color: #fff;
}

.rfp-tip .qtip-content h1 {
  font-size: 0.8em;
}

.rfp-tip .qtip-content ul > li {
  font-size: 0.8em;
  line-height: 1.2;
  border: none;
}

.rfp-tip .qtip-content dl {
  line-height: 1.2;
  font-size: 0.8em;
}

.rfp-tip .qtip-content .rating > label {
  font-size: 0.8em;
}

.tip-toggle {
  font-size: 0.875em;
}

.tip-header {
  margin: 0 0 3px 0;
  padding: 2px;
  border-bottom: 1px #ddd solid;
}

.tip-header p {
  font-size: 0.75em;
  margin: 0;
}

.tooltip-fixed {
  position: fixed;
}

.no-indent {
  text-indent: 0 !important;
}

.increase-text {
  font-size: 0.92em;
  padding: 5px;
}

.smaller-icon {
  height: 0.8em !important;
  width: 0.8em !important;
  font-size: 0.8em !important;
}

.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: #f15727;
  position: absolute;
  pointer-events: none;
}

/* Northward tooltips */
.d3-tip.n:after {
  content: '\25BC';
  margin: -2px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.no--padding .qtip-content {
  padding: 0;
}

.overflow--visible .qtip-content {
  overflow: unset;
}

.company-summary,
.match-details,
.intermediary-summary {
  padding: 0;
  margin: 1em 0 0;
  position: relative;
  font-size: 0.9em;
}

.company-summary h2,
.match-details h2,
.intermediary-summary h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #02284b;
}

.company-summary h2 span,
.match-details h2 span,
.intermediary-summary h2 span {
  font-weight: bold;
}

.company-summary h3,
.match-details h3,
.intermediary-summary h3 {
  margin: 0;
  padding: 0.25em;
  background-color: #a7c573;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
}

.company-summary .vcard,
.match-details .vcard,
.intermediary-summary .vcard {
  line-height: 1.5em;
  margin-top: 1em;
}

.company-summary .vcard div,
.match-details .vcard div,
.intermediary-summary .vcard div {
  word-break: break-word;
}

.company-summary .vcard .org,
.match-details .vcard .org,
.intermediary-summary .vcard .org {
  font-weight: bold;
  font-size: 1.1em;
}

.company-summary .columns,
.match-details .columns,
.intermediary-summary .columns {
  position: relative;
}

.company-summary .totals,
.match-details .totals,
.intermediary-summary .totals {
  margin-top: 1em;
}

.company-summary table td,
.match-details table td,
.intermediary-summary table td {
  text-transform: uppercase;
  font-size: 0.846em;
}

.company-summary .scroll-list,
.match-details .scroll-list,
.intermediary-summary .scroll-list {
  min-height: 120px;
  max-height: 190px;
  overflow-y: auto;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

.short-form-dialog {
  font-size: 0.875rem;
  /*
    .niceform.left-right > li > label {
        margin-top: .25em;
    }
*/
}

.short-form-dialog input[type='text'] {
  font-size: 0.875em;
}

.short-form-dialog select,
.short-form-dialog option,
.short-form-dialog label + span,
.short-form-dialog .custom-select {
  font-size: 0.875em;
}

.short-form-dialog .small-vertical-margin {
  margin-top: 5px;
  margin-bottom: 5px;
}

.ui-dialog.hasAutocomplete {
  overflow: visible;
}

.dialog-autocomplete {
  max-height: 200px;
  min-width: 150px;
  width: auto;
}

.dialog-autocomplete li {
  font-size: 0.75em;
  line-height: 1.2em;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}

.dialog-autocomplete li:nth-child(odd) {
  background-color: #f1f1f1;
}

.wizard {
  height: 45em;
  height: 45rem;
  background-color: #fff;
  border-radius: 4px;
  background-clip: border-box;
  overflow: hidden;
}

.wizard .wizard-header {
  width: 100%;
  height: 3em;
  padding: 0 1em;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.wizard .wizard-header ul {
  width: 100%;
}

.wizard .wizard-header ul li {
  padding: 0.25em 1em;
  border-left: 1px solid #ccc;
  width: 30%;
}

.wizard .wizard-header ul li:last-child {
  width: 10%;
}

.wizard .wizard-header ul li:first-child {
  padding-left: 0.25em;
  border-left: 0;
}

.wizard .wizard-header label {
  display: block;
  font-size: 0.75em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.wizard .wizard-header .value {
  display: block;
  font-size: 1em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wizard .wizard-contents {
  position: absolute;
  right: 3em;
  right: 3rem;
  left: 3em;
  left: 3rem;
  top: 5.1em;
  top: 5.1rem;
  bottom: 2.5em;
  bottom: 2.5rem;
  background-color: #fff;
}

.wizard .slide,
.wizard .step {
  position: absolute;
  top: 0;
  left: 0;
  height: 37.5em;
  height: 37.5rem;
  width: 100% !important;
  overflow: hidden;
  background: #fff;
}

.wizard .slide-intro {
  position: relative;
  border-bottom: 1px solid #ccc;
  height: 3.5em;
  padding: 0.5em 1em;
}

.wizard .slide-intro h1 {
  font-size: 1em;
  color: #f15727;
  margin: 0;
}

.wizard .slide-intro .subhead {
  float: left;
  margin: 0.25em 0;
  font-size: 0.875em;
  font-weight: bold;
  color: #666;
}

.wizard .slide-intro .start-over {
  position: absolute;
  top: 0.25em;
  right: 1em;
}

.wizard .slide-content {
  width: 100%;
  height: 34em;
  height: 34rem;
  overflow: auto;
  padding: 1em;
}

.wizard .slide-content h2 {
  font-size: 0.9375em;
  margin-top: 0;
}

.wizard .slide-content label {
  font-size: 0.9375em;
}

.wizard .slide-content .niceform.left-right select {
  max-width: 12em;
}

.wizard .buttons-follow {
  max-height: 26em;
  overflow-y: auto;
}

.wizard .wizard-prev,
.wizard .wizard-next {
  position: absolute;
  top: 5em;
  bottom: 2.5em;
  width: 3em;
  background-color: #ebebeb;
  border-top: 1px solid #eee;
  z-index: 10;
}

.wizard .wizard-prev {
  left: 0;
}

.wizard .wizard-prev span {
  left: 3em;
  text-align: right;
  border-right-radius: 0.25em;
}

.wizard .wizard-next {
  right: 0;
}

.wizard .wizard-next span {
  right: 3em;
  border-left-radius: 0.25em;
}

.wizard .forward:before,
.wizard .backward:before {
  position: absolute;
  top: 50%;
  font-size: 2em;
  margin-top: -1em;
  margin-left: 0.5em;
  pointer-events: none;
}

.wizard .wizard-button {
  display: block;
  height: 100%;
  overflow: hidden;
  cursor: inherit;
}

.wizard .wizard-button span {
  visibility: hidden;
  position: absolute;
  top: 50%;
  height: 3em;
  width: 0em;
  line-height: 2em;
  font-family: Roboto, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  margin-top: -2.5em;
  padding: 0.5em;
  background-color: inherit;
  transition-property: width;
  transition-duration: 0.5s;
}

.wizard .wizard-button:hover {
  background-color: #46b0b9;
  color: #fff;
}

.wizard .wizard-button:hover span {
  visibility: visible;
  width: 7em;
}

.wizard .disabled .wizard-button,
.wizard .disabled .wizard-button:hover {
  background-color: #ebebeb;
  pointer-events: none;
  cursor: not-allowed;
}

.wizard .disabled .wizard-button span,
.wizard .disabled .wizard-button:hover span {
  visibility: hidden;
  width: 0;
}

.wizard .wizard-footer {
  position: absolute;
  bottom: 0;
  right: 0em;
  left: 0em;
  height: 2.5em;
  padding: 0 3em;
  border-top: 1px solid #999;
  line-height: 2.5em;
  z-index: 10;
  box-shadow: 0px -1px 1px rgba(51, 51, 51, 0.25);
}

.wizard .wizard-footer .wiz-cancel-btn {
  float: right;
  margin-top: 0.65em;
}

.wizard dl {
  font-size: 0.85em;
}

.wizard dl dd {
  color: #333;
}

.wizard .wizard-help {
  width: 100%;
}

.wizard-nav {
  width: 100%;
  height: 3em;
  padding: 0 1em;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.wizard-nav ol,
.wizard-nav ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.wizard-nav ol ol {
  position: absolute;
  top: 0;
  left: 60%;
  width: 80%;
}

.wizard-nav li {
  position: relative;
  float: left;
  margin: 0;
  padding: 2.5em 0 0;
  height: 3em;
  text-align: center;
  font-size: 0.75em;
  text-transform: uppercase;
}

.wizard-nav .six-step li {
  width: 16.66667%;
}

.wizard-nav .five-step li {
  width: 20%;
}

.wizard-nav .four-step li {
  width: 25%;
}

.wizard-nav .two-step li {
  width: 50%;
}

.wizard-nav li span {
  display: block;
  position: absolute;
  left: 50%;
  top: 0.3em;
  margin-left: -0.75em;
  width: 1.5em;
  height: 1.5em;
  background-color: #cbcbcb;
  border-radius: 1em;
  color: #fff;
  font-size: 1.25em;
  line-height: 1.5em;
  text-align: center;
}

.wizard-nav li li span {
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  top: 0.75em;
}

.wizard-nav .completed {
  color: #929292;
}

.wizard-nav .active {
  color: #f15727;
}

.wizard-nav .active span {
  background-color: #f15727;
}

.wizard-nav .completed span {
  background-color: #929292;
}

.wizard-nav .active li span {
  background-color: #cbcbcb;
}

.wizard-nav .active li.active span {
  background-color: #f15727;
}

.wizard-nav .active li.completed span {
  background-color: #929292;
}

.breadcrumb {
  font-size: 0.85em;
  margin: 0;
  border-top: 1px solid #ddd;
  clear: both;
}

.breadcrumb.animation-breadcrumb {
  transition: background 0.5s ease;
}

.breadcrumb.highlighted {
  background: #fffcbb;
}

.breadcrumb.secondary-nav-pager {
  padding: 0;
  margin-bottom: 1em;
  border-top: none;
}

.breadcrumb ol,
.breadcrumb ul {
  margin: 0;
  padding: 0.3125em 0;
  white-space: nowrap;
}

.breadcrumb ol {
  text-indent: -5px;
}

.breadcrumb li {
  display: inline-block;
  line-height: 20px;
  margin: 0 9px 0 -10px;
  padding: 0 20px;
  position: relative;
}

.breadcrumb li.inactive a {
  color: #333;
  font-weight: bold;
}

.breadcrumb li.current {
  font-weight: 700;
  color: #f15727;
  cursor: default;
}

.breadcrumb li:last-child a {
  color: #f15727;
}

.breadcrumb li.active {
  color: #46b0b9;
  cursor: pointer;
}

.breadcrumb li:before,
.breadcrumb li:after {
  border-right: 1px solid #666666;
  content: '';
  display: block;
  height: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}

.breadcrumb li:after {
  bottom: 0;
  top: auto;
  -moz-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.breadcrumb li.inactive:before,
.breadcrumb li.inactive:after {
  display: none;
}

.breadcrumb ul li:last-child:before,
.breadcrumb ul li:last-child:after,
.breadcrumb ol li:last-child:before,
.breadcrumb ol li:last-child:after {
  display: none;
}

.graph .breadcrumb {
  margin-top: 2em;
  display: block;
  clear: both;
  margin-left: 2em;
  margin-right: 2em;
  border: none;
}

.graph .breadcrumb > ol {
  border-bottom: 1px solid #ccc;
}

.my-company-profile__treemap .graph .breadcrumb > ol {
  border-bottom: 0;
}

.graph .breadcrumb > ol:empty {
  border: none;
}

.graph .breadcrumb .link {
  fill: #46b0b9;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
}

.graph .breadcrumb ol > li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.graph.treemap > .breadcrumb {
  margin: 0;
}

.graph.treemap > .breadcrumb > ol {
  padding: 0.325em 1em;
}

.c-drilldown__cellDetail, .c-drilldown__cellDot {
  pointer-events: none;
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.c-drilldown__cellDetail {
  transform: scale(0.5);
  opacity: 0;
}

.c-drilldown__cell:hover .c-drilldown__cellDetail,
.c-drilldown__cell:hover .c-drilldown__cellDot {
  transition: opacity 0.05s ease-in-out, transform 0.05s ease-in-out;
}

.c-drilldown__cell:hover .c-drilldown__cellDetail {
  opacity: 1;
  transform: scale(1);
}

.c-drilldown__cell:hover .c-drilldown__cellDot {
  opacity: 0;
}

.compare-container {
  width: 100%;
}

.side-by-side {
  font-size: 0.8em;
}

.side-by-side > li.compare-unit,
.side-by-side li.focus-unit,
.side-by-side li.select-unit {
  padding-right: 0;
}

.label-unit > ul {
  width: 10em;
  border: 1px solid #ccc;
  font-weight: bold;
  text-align: right;
}

.label-unit > ul .compare-row.company {
  padding: 0.3125em 0.625em;
}

.compare-unit > ul,
.focus-unit > ul,
.select-unit > .select {
  width: 15.4em;
  border: 1px solid #ccc;
}

.compare-row {
  padding: 0 0.5em;
  height: 2em;
  border-bottom: 1px solid #eee;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compare-row:nth-child(odd) {
  background: #f1f1f1;
}

.compare-row.carriers {
  height: 8em;
  overflow: auto;
  line-height: 1.4em;
}

.compare-row.carriers .primary {
  font-weight: bold;
}

.compare-row.carriers .primary:after {
  content: '1';
  vertical-align: super;
  font-size: 0.7em;
}

.compare-row.carriers li {
  overflow: hidden;
  text-overflow: ellipsis;
}

.compare-row.company {
  position: relative;
  background-color: #d6d6d6;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.compare-row.program {
  height: 100px;
  padding: 0;
}

.compare-row.tiv {
  font-weight: bold;
  color: #f15727;
}

.focus-unit > ul {
  border-color: #ffba30;
}

.focus-unit .company {
  background-color: #ffba30;
  color: #fff;
}

.select-unit {
  position: relative;
}

.select-unit li {
  padding: 0.3125em 0.625em;
  margin: 0;
}

.select-unit li.radio label {
  font-weight: 400;
  margin: 0.25em 0;
}

.select-unit .title {
  margin: 0;
  padding: 0.3125em 0.625em;
  height: 2em;
  border-bottom: 1px solid #eee;
  font-weight: 700;
  line-height: 2em;
  text-align: center;
  white-space: nowrap;
}

.select-unit .slider-unit {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.select-unit .slider-unit label {
  font-weight: 500;
}

.select-unit .slider-control {
  margin: 1em 0;
}

.select-unit .dataTables_info {
  position: static;
  text-align: center;
  font-size: 0.9em;
}

.select-unit .dataTables_scrollBody {
  border: none;
  overflow-x: hidden;
}

.select-list {
  margin: 0.3125em 0.625em;
  width: 13.75em;
  table-layout: fixed;
}

.select-list td,
.select-list th {
  padding: 0.325em;
}

.select-list th {
  font-size: 0.75em;
  font-weight: 400;
}

.select-list tbody tr:hover {
  background-color: #46b0b9;
  color: #fff;
  cursor: pointer;
}

.select-list td.name {
  font-weight: 500;
}

.select-list .disabled td {
  color: #ddd;
}

.footnotes .primary {
  font-weight: 700;
}

.footnotes .primary:after {
  content: '1';
  vertical-align: super;
  font-size: 0.7em;
}

.side-bar-overlay {
  position: fixed;
  left: 0em;
  top: 8.3em;
  bottom: 0;
  margin-top: 1px;
  width: 15em;
  border-left: 1px solid #fff;
  background: #eee;
  z-index: 6;
  box-shadow: rgba(51, 51, 51, 0.5) -3px 3px 5px, rgba(51, 51, 51, 0.5) 3px 3px 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.side-bar-overlay .hd {
  background: #02284b;
  height: 6.5em;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-top-right-radius: 5px;
}

.side-bar-overlay .hd h2 {
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: normal;
  line-height: 3.25em;
  color: #fff;
  vertical-align: middle;
}

.side-bar-overlay .hd h2 span.icon {
  vertical-align: middle;
  margin-right: 0.25em;
  margin-left: -0.25em;
}

.side-bar-overlay .hd h2 span.title {
  font-size: 0.625em;
  vertical-align: middle;
}

.side-bar-overlay .hd .close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 1.75em;
  height: 1.75em;
  color: #fff;
  font-size: 0.625em;
  border-radius: 2em;
  line-height: 1.85em;
}

.side-bar-overlay .hd .close:hover {
  background-color: #7bb2cc;
}

.side-bar-overlay .bd {
  padding: 1em;
}

.side-bar-overlay .bd input[type='text'] {
  width: 100%;
}

.side-bar-overlay .bd label {
  font-size: 0.875em;
}

.side-bar-overlay .bd h3 {
  color: #02284b;
  text-align: center;
  font-weight: normal;
}

.side-bar-overlay .bd .intro {
  color: #333;
  padding-bottom: 1em;
  border-bottom: 1px dotted #999;
}

.side-bar-overlay .bd label {
  color: #333;
  margin-bottom: 0.5em;
}

ul.global-search {
  max-height: 280px;
  min-width: 200px;
  width: auto;
  box-shadow: rgba(51, 51, 51, 0.5) 3px 3px 5px;
}

ul.global-search li {
  font-size: 0.75em;
  line-height: 1.2em;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}

ul.global-search li:nth-child(odd) {
  background-color: #f1f1f1;
}

.manager-bar.niceform {
  display: none;
  font-size: 0.75em;
  margin-bottom: 0.5em;
}

.manager-bar.niceform > li {
  margin: 0;
  padding: 0;
}

.manager-bar.niceform > li > label {
  font-weight: normal;
  vertical-align: middle;
}

.manager-bar.niceform > li input[type='text'] {
  width: auto;
}

.officer .manager-bar.niceform,
.manager .manager-bar.niceform {
  display: block;
}

.manager-note {
  display: none;
  position: absolute;
  top: 1em;
  left: 0;
  font-size: 0.9em;
  font-weight: bold;
  color: #f15727;
  z-index: 1;
}

.officer .manager-note,
.manager .manager-note {
  display: block;
}

.manager-return {
  display: none;
}

.manager-return span {
  font-size: 1.2em;
  vertical-align: middle;
  margin-top: -0.2em;
  margin-left: -0.5em;
  margin-right: 0.5em;
}

.officer .manager-return,
.manager .manager-return {
  display: block;
  position: absolute;
  bottom: 0.5em;
}

.appetite-details dl {
  font-size: 0.85em;
}

.appetite-details dl.simple > dt, .appetite-details dl.container.padded-margin > dt, .appetite-details dl.topic-list > dt {
  margin: 0.25em 0 0;
}

.appetite-details dl.simple > dd, .appetite-details dl.container.padded-margin > dd, .appetite-details dl.topic-list > dd {
  margin: 0;
  color: #666;
  line-height: 1;
}

.appetite-details dl.simple.scrolling, .appetite-details dl.scrolling.container.padded-margin, .appetite-details dl.scrolling.topic-list {
  max-height: 8em;
  overflow-y: auto;
}

.appetite-details .appetite-group {
  margin-bottom: 1em;
}

.appetite-details .appetite-group .nicebutton.group-edit, .appetite-details .appetite-group .group-edit.matchbutton, .appetite-details .appetite-group .group-edit.squaredIconButton, .appetite-details .appetite-group .group-edit.button-card__button, .appetite-details .appetite-group button.group-edit.dt-button,
.appetite-details .appetite-group div.group-edit.dt-button,
.appetite-details .appetite-group a.group-edit.dt-button {
  margin: 1em auto;
  display: block;
}

.appetite-details .appetite-group .toolbar {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.appetite-details .appetite-group .tools-r {
  right: 0;
  min-height: 3em;
  top: 0.75em;
}

.appetite-details .appetite-group nicebutton.group-add {
  margin-top: 1em;
}

.appetite-details .appetite-group-name {
  margin: 0;
  padding: 0.5em;
}

.appetite-details h4.colheader {
  margin-bottom: 0.5em;
}

.appetite-header {
  margin-bottom: 1em;
}

.appetite-header .appetite-scope {
  clear: both;
}

.appetite-header .potential .meter {
  width: 15em;
}

.incomplete-appetite-message {
  border-top: 1px solid #ccc;
  text-align: center;
}

/*h3*/
.no-results-message {
  display: none;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  transform: translate3d(0, -50%, 0);
  text-align: center;
  color: #f15727;
}

.no-results .no-results-message {
  display: block;
}

.container.collapsed .no-results-message {
  display: none !important;
}

/*body*/
.b-appetite .container.no-results {
  user-select: none;
  pointer-events: none;
}

.b-appetite .container.no-results .content-wrapper {
  opacity: 0.15;
}

/* RIBBON BANNERS */
/*
*****Usage: within a relative positioned container:

<div class="ribbon ribbon-red">
    <div class="banner">
        <div class="text">Text Message Here</div>
    </div>
</div>
*/
.ribbon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
}

.collapsed .ribbon {
  display: none;
}

/* reset certain elements (in case of conflicting CSS for classes, links, etc.) */
.ribbon .text,
.ribbon .banner,
.ribbon a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  text-align: center;
  vertical-align: baseline;
  background: transparent;
}

.ribbon a {
  color: #fff;
  text-decoration: none;
}

.no-css-transforms .ribbon {
  font-size: 1em;
  position: relative;
  width: 100%;
}

.ribbon .banner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  display: block;
  float: right;
  position: relative;
  right: -14px;
  top: 22px;
  width: 100px;
}

.ribbon-small .banner {
  right: -8px;
  top: 15px;
  width: 65px;
}

.ribbon-large .banner {
  right: -20px;
  top: 32px;
  width: 150px;
}

.ribbon .banner:after,
.ribbon .banner:before {
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  width: 30px;
}

.ribbon-small .banner:after,
.ribbon-small .banner:before {
  height: 6px;
  width: 20px;
}

.ribbon-large .banner:after,
.ribbon-large .banner:before {
  height: 18px;
  width: 45px;
}

.ribbon .banner:before {
  -webkit-transform: skewY(-45deg) translate(50%, 15px);
  -ms-transform: skewY(-45deg) translate(50%, 15px);
  transform: skewY(-45deg) translate(50%, 15px);
  -webkit-transform-origin: 100% center;
  -moz-transform-origin: 100% center;
  -ms-transform-origin: 100% center;
  -o-transform-origin: 100% center;
  transform-origin: 100% center;
  left: -45px;
}

.ribbon-small .banner:before {
  top: -5px;
  left: -30px;
}

.ribbon-large .banner:before {
  top: 9px;
  left: -68px;
}

.ribbon .banner:after {
  -webkit-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
  -ms-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
  transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
  -webkit-transform-origin: 0 center;
  -moz-transform-origin: 0 center;
  -ms-transform-origin: 0 center;
  -o-transform-origin: 0 center;
  transform-origin: 0 center;
  right: -17px;
}

.ribbon-small .banner:after {
  top: 18px;
  right: -12px;
}

.ribbon-large .banner:after {
  top: 45px;
  right: -26px;
}

.no-css-transforms .ribbon .banner {
  position: static;
  width: 100%;
  float: none;
  font-size: 10px;
}

.ribbon .text {
  position: relative;
  z-index: 2;
  padding: 6px 0;
  font-size: 12px;
  font-weight: bold;
  min-height: 18px;
  line-height: 18px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* small text */
.ribbon-small .text {
  padding: 3px 0;
  font-size: 8px;
  min-height: 14px;
  line-height: 14px;
}

/* large text */
.ribbon-large .text {
  padding: 9px 0;
  font-size: 18px;
  min-height: 28px;
  line-height: 28px;
}

.ribbon .text:before,
.ribbon .text:after {
  content: '';
  display: block;
  height: 30px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* small text */
.ribbon.ribbon-small .text:before,
.ribbon.ribbon-small .text:after {
  height: 20px;
}

/* large text */
.ribbon.ribbon-large .text:before,
.ribbon.ribbon-large .text:after {
  height: 46px;
}

.ribbon .text:before {
  -webkit-transform: translateX(-15%) skewX(-45deg);
  -ms-transform: translateX(-15%) skewX(-45deg);
  transform: translateX(-15%) skewX(-45deg);
}

.ribbon .text:after {
  -webkit-transform: translateX(15%) skewX(45deg);
  -ms-transform: translateX(15%) skewX(45deg);
  transform: translateX(15%) skewX(45deg);
}

.no-css-transforms .ribbon .text {
  height: 25px;
  padding: 3px;
}

/*--- RIBBON COLORS ---*/
/* default */
.ribbon .banner:after,
.ribbon .banner:before {
  background-color: #51a351;
}

.ribbon .text:before,
.ribbon .text:after,
.no-css-transforms .ribbon .text {
  background-color: #62c462;
}

/* green */
.ribbon-green .banner:after,
.ribbon-green .banner:before {
  background-color: #51a351;
}

.ribbon-green .text:before,
.ribbon-green .text:after,
.no-css-transforms .ribbon-green .text {
  background-color: #62c462;
}

/* blue */
.ribbon-blue .banner:after,
.ribbon-blue .banner:before {
  background-color: #0044cc;
}

.ribbon-blue .text:before,
.ribbon-blue .text:after,
.no-css-transforms .ribbon-blue .text {
  background-color: #0088cc;
}

/* med blue */
.ribbon-blue-med .banner:after,
.ribbon-blue-med .banner:before {
  background-color: #2d5b98;
}

.ribbon-blue-med .text:before,
.ribbon-blue-med .text:after,
.no-css-transforms .ribbon-blue-med .text {
  background-color: #367ab3;
}

/* light blue */
.ribbon-blue-light .banner:after,
.ribbon-blue-light .banner:before {
  background-color: #2f96b4;
}

.ribbon-blue-light .text:before,
.ribbon-blue-light .text:after,
.no-css-transforms .ribbon-blue-light .text {
  background-color: #5bc0de;
}

/* yellow */
.ribbon-yellow .banner:after,
.ribbon-yellow .banner:before {
  background-color: #f2ba00;
}

.ribbon-yellow .text:before,
.ribbon-yellow .text:after,
.no-css-transforms .ribbon-yellow .text {
  background-color: #ffd95e;
}

/* orange */
.ribbon-orange .banner:after,
.ribbon-orange .banner:before {
  background-color: #ae4802;
}

.ribbon-orange .text:before,
.ribbon-orange .text:after,
.no-css-transforms .ribbon-orange .text {
  background-color: #fd7619;
}

/* red */
.ribbon-red .banner:after,
.ribbon-red .banner:before {
  background-color: #bd362f;
}

.ribbon-red .text:before,
.ribbon-red .text:after,
.no-css-transforms .ribbon-red .text {
  background-color: #ee5f5b;
}

/* purple */
.ribbon-purple .banner:after,
.ribbon-purple .banner:before {
  background-color: #611bbd;
}

.ribbon-purple .text:before,
.ribbon-purple .text:after,
.no-css-transforms .ribbon-purple .text {
  background-color: #af4ce8;
}

.intercom-btn {
  position: fixed;
  right: 1rem;
  bottom: -2rem;
  width: 11rem;
  height: 2rem;
  background-color: #46b0b9;
  color: #fff;
  border-radius: 8px 8px 0 0;
  opacity: 0.1;
  z-index: 1050;
  transition: all 1s ease;
  box-shadow: rgba(51, 51, 51, 0.5) -3px 3px 5px, rgba(51, 51, 51, 0.5) 3px 3px 5px;
}

.intercom-btn:hover {
  background-color: #6bc0c7;
}

.intercom-btn a.intercom-trigger {
  display: block;
  width: 11rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1em;
  color: #fff;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px 1px #2a6a6f;
}

.intercom-btn.expanded {
  bottom: 0;
  opacity: 1;
}

a.intercom-btn:hover {
  background-color: #6bc0c7;
}

#intercom-container > .intercom-app-container > .intercom-app .intercom-messenger-frame {
  bottom: 60px !important;
}

.coachmark-wrapper {
  position: absolute;
  top: 0;
  bottom: auto;
  background: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  z-index: 50;
}

.coachmark-wrapper .coachmark-item {
  top: inherit;
  left: inherit;
  display: none;
}

.coachmark-wrapper .coachmark-item .coachmark {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 6px;
  background-color: #fff;
  max-width: 21em;
  -webkit-box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.36);
  box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.36);
}

.coachmark-wrapper .coachmark-item .coachmark .head {
  border-radius: 6px 6px 0 0;
  background-color: #f15727;
  border: 1px solid #d73e0e;
  padding: 0.375em 0 0.375em 0;
}

.coachmark-wrapper .coachmark-item .coachmark .head:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  content: ' ';
  line-height: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f15727;
}

.coachmark-wrapper .coachmark-item .coachmark .head h4 {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin: 0.5em 0;
}

.coachmark-wrapper .coachmark-item .coachmark .msg-wrap {
  padding: 0 1.125em 1.125em 1.125em;
  border-radius: 0 0 6px 6px;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  background-color: #fff;
}

.coachmark-wrapper .coachmark-item .coachmark .msg-wrap .msg {
  padding: 1.33333333em 0 1.33333333em 0;
  margin: 0;
}

.coachmark-wrapper .coachmark-item .coachmark .msg-wrap .btn:after {
  content: '';
  display: table;
  clear: both;
}

.coachmark-wrapper .coachmark-item .coachmark .msg-wrap .nicebutton, .coachmark-wrapper .coachmark-item .coachmark .msg-wrap .matchbutton, .coachmark-wrapper .coachmark-item .coachmark .msg-wrap .squaredIconButton, .coachmark-wrapper .coachmark-item .coachmark .msg-wrap .button-card__button, .coachmark-wrapper .coachmark-item .coachmark .msg-wrap button.dt-button,
.coachmark-wrapper .coachmark-item .coachmark .msg-wrap div.dt-button,
.coachmark-wrapper .coachmark-item .coachmark .msg-wrap a.dt-button {
  float: right;
}

.coachmark-wrapper .coachmark-item .coachmark:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: -1;
}

.coachmark-wrapper .coachmark-item .coachmark.cm-left-top:before {
  width: 65px;
  border-top: 2px solid #f15727;
  border-bottom: 2px solid #f15727;
  border-left: none;
  border-right: none;
  height: 0;
  top: 30px;
  left: -15%;
}

.coachmark-wrapper .coachmark-item .coachmark.cm-left-top .head:before {
  top: 22px;
  left: -65px;
}

.coachmark-wrapper .coachmark-item .coachmark.cm-left-center:before {
  width: 65px;
  border-top: 2px solid #e85c41;
  border-bottom: 2px solid #e85c41;
  border-left: none;
  border-right: none;
  height: 0;
  top: 50%;
  left: -15%;
}

.coachmark-wrapper .coachmark-item .coachmark.cm-left-center .head:before {
  top: calc(50% - 8px);
  top: -webkit-calc(50% - 8px);
  left: -65px;
}

.coachmark-wrapper .coachmark-item .coachmark.cm-top-right:before {
  width: 0;
  border-left: 2px solid #e85c41;
  border-right: 2px solid #e85c41;
  border-top: none;
  border-bottom: none;
  height: 65px;
  top: -20%;
  right: 20%;
  left: auto;
}

.coachmark-wrapper .coachmark-item .coachmark.cm-top-right .head:before {
  right: calc(20% - 8px);
  right: -webkit-calc(20% - 8px);
  top: -65px;
  left: auto;
}

.alert {
  padding: 1em;
  margin-bottom: 1em;
  border: 1px solid #ebb84b;
  border-radius: 5px;
  clear: both;
}

.alert .message {
  font-size: 0.8rem;
}

#toast-container > div {
  width: 22em;
}

.toast-top-left {
  top: 2.5em;
  left: 1em;
}

.toast-top-right {
  top: 2.5em;
  right: 1em;
}

.new--menu .toast-top-right {
  top: 8.25em;
}

.toast-top-full-width {
  top: 2.5em;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: #fff;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

button.dt-button,
div.dt-button,
a.dt-button {
  /*
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	margin-right:.333em;
	padding:.5em 1em;
	border:1px solid #999;
	border-radius:2px;
	cursor:pointer;
	font-size:.88em;
	color:#000;
	white-space:nowrap;
	overflow:hidden;
	background-color:#e9e9e9;
	background-image:-webkit-linear-gradient(top,#fff 0%,#e9e9e9 100%);
	background-image:-moz-linear-gradient(top,#fff 0%,#e9e9e9 100%);
	background-image:-ms-linear-gradient(top,#fff 0%,#e9e9e9 100%);
	background-image:-o-linear-gradient(top,#fff 0%,#e9e9e9 100%);
	background-image:linear-gradient(top,#fff 0%,#e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white',EndColorStr='#e9e9e9');
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	text-decoration:none;
	outline:none;
*/
}

button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  /*
	color:#999;
	border:1px solid #d0d0d0;
	cursor:default;
	background-color:#f9f9f9;
	background-image:-webkit-linear-gradient(top,#fff 0%,#f9f9f9 100%);
	background-image:-moz-linear-gradient(top,#fff 0%,#f9f9f9 100%);
	background-image:-ms-linear-gradient(top,#fff 0%,#f9f9f9 100%);
	background-image:-o-linear-gradient(top,#fff 0%,#f9f9f9 100%);
	background-image:linear-gradient(top,#fff 0%,#f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#f9f9f9');
*/
}

/*
button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled) {
	background-color:#e2e2e2;
	background-image:-webkit-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
	background-image:-moz-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
	background-image:-ms-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
	background-image:-o-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
	background-image:linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3',EndColorStr='#e2e2e2');
	box-shadow:inset 1px 1px 3px #999;
}
*/
/*
button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled) {
	box-shadow:inset 1px 1px 3px #999;
	background-color:#ccc;
	background-image:-webkit-linear-gradient(top,#eaeaea 0%,#ccc 100%);
	background-image:-moz-linear-gradient(top,#eaeaea 0%,#ccc 100%);
	background-image:-ms-linear-gradient(top,#eaeaea 0%,#ccc 100%);
	background-image:-o-linear-gradient(top,#eaeaea 0%,#ccc 100%);
	background-image:linear-gradient(top,#eaeaea 0%,#ccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea',EndColorStr='#cccccc');
}
*/
/*
button.dt-button:hover,div.dt-button:hover,a.dt-button:hover {
	text-decoration:none;
}
*/
/*
button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled) {
	border:1px solid #666;
	background-color:#e0e0e0;
	background-image:-webkit-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
	background-image:-moz-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
	background-image:-ms-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
	background-image:-o-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
	background-image:linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9',EndColorStr='#e0e0e0');
}
*/
/*
button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled) {
	border:1px solid #426c9e;
	text-shadow:0 1px 0 #c4def1;
	outline:none;
	background-color:#79ace9;
	background-image:-webkit-linear-gradient(top,#bddef4 0%,#79ace9 100%);
	background-image:-moz-linear-gradient(top,#bddef4 0%,#79ace9 100%);
	background-image:-ms-linear-gradient(top,#bddef4 0%,#79ace9 100%);
	background-image:-o-linear-gradient(top,#bddef4 0%,#79ace9 100%);
	background-image:linear-gradient(top,#bddef4 0%,#79ace9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4',EndColorStr='#79ace9');
}
*/
.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: right;
}

div.dt-buttons.buttons-right {
  float: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background-image: linear-gradient(to top, #f0f0f0 0%, #dadada 100%);
  box-shadow: inset 1px 1px 3px #666;
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}

.rating {
  border: 0;
}

.rating legend {
  font-size: 0.8em;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}

.rating:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 0.1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  line-height: 1.2;
  color: #ddd;
}

.rating:not(:checked) > label:before {
  content: '★ ';
}

.rating > input:checked ~ label {
  color: #fd7c23;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: gold;
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
  color: #ea0;
}

.rating > label:active {
  position: relative;
  top: 2px;
  left: 2px;
}

.custom-checkbox label,
.custom-radio label {
  user-select: none;
}

.custom-checkbox > input[type='checkbox'],
.custom-checkbox > input[type='radio'],
.custom-radio > input[type='checkbox'],
.custom-radio > input[type='radio'] {
  display: none;
}

.custom-checkbox > input[type='checkbox'] + label,
.custom-checkbox > input[type='radio'] + label,
.custom-radio > input[type='checkbox'] + label,
.custom-radio > input[type='radio'] + label {
  display: block;
  position: relative;
  padding-left: 2em;
  padding-right: 0.625em;
  margin-bottom: 0.25em;
  border-radius: 0.25em;
  margin-right: 1px;
  font-size: 1em;
  line-height: 2em;
  color: #fff;
  cursor: pointer;
  background-color: #bbb;
}

.custom-checkbox > input[type='checkbox']:disabled + label,
.custom-checkbox > input[type='radio']:disabled + label,
.custom-radio > input[type='checkbox']:disabled + label,
.custom-radio > input[type='radio']:disabled + label {
  background-color: #ddd;
  cursor: not-allowed;
}

.custom-checkbox > input[type='checkbox'] + label:before,
.custom-checkbox > input[type='radio'] + label:before,
.custom-radio > input[type='checkbox'] + label:before,
.custom-radio > input[type='radio'] + label:before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid #fff;
  position: absolute;
  top: 0.35em;
  left: 0.375em;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}

.custom-checkbox > input[type='checkbox']:disabled + label:before,
.custom-checkbox > input[type='radio']:disabled + label:before,
.custom-radio > input[type='checkbox']:disabled + label:before,
.custom-radio > input[type='radio']:disabled + label:before {
  border-radius: 100%;
}

.custom-checkbox > input[type='checkbox']:checked + label,
.custom-checkbox > input[type='radio']:checked + label,
.custom-radio > input[type='checkbox']:checked + label,
.custom-radio > input[type='radio']:checked + label {
  background-color: #f15727;
}

.custom-checkbox > input[type='checkbox']:checked + label:before,
.custom-checkbox > input[type='radio']:checked + label:before,
.custom-radio > input[type='checkbox']:checked + label:before,
.custom-radio > input[type='radio']:checked + label:before {
  width: 0.5em;
  top: 0.0875em;
  left: 0.6875em;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-radio > input[type='radio'] + label:hover {
  background-color: #46b0b9;
}

.custom-radio > input[type='radio']:checked + label:hover {
  background-color: #f15727;
}

.filtters {
  font-size: 0;
  vertical-align: text-top;
  /** @TODO: incorporate extra-large better into flow. */
}

.filtters.hidden {
  display: none !important;
}

@media all and (min-width: 768px) {
  .filtters {
    text-align: justify;
  }
  .filtters:after {
    content: '';
    width: 100%;
    display: inline-block;
  }
  .flexbox .filtters {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flexbox .filtters:after {
    display: none;
  }
}

.mq--medium .filtters {
  text-align: justify;
}

.mq--medium .filtters:after {
  content: '';
  width: 100%;
  display: inline-block;
}

.flexbox .mq--medium .filtters {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexbox .mq--medium .filtters:after {
  display: none;
}

@media all and (min-width: medium) {
  .filtters {
    text-align: justify;
  }
  .filtters:after {
    content: '';
    width: 100%;
    display: inline-block;
  }
  .flexbox .filtters {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flexbox .filtters:after {
    display: none;
  }
}

.filtter {
  transition: opacity 0.25s ease;
  font-size: 16px;
  vertical-align: text-top;
  /** @TODO: incorporate extra-large better into flow. */
}

.no-flexbox .filtters--1 .filtter {
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .no-flexbox .filtters--1 .filtter {
    width: 100%;
  }
}

.mq--medium .no-flexbox .filtters--1 .filtter {
  width: 100%;
}

@media all and (min-width: medium) {
  .no-flexbox .filtters--1 .filtter {
    width: 100%;
  }
}

@media all and (min-width: 1100px) {
  .no-flexbox .filtters--1 .filtter {
    width: 100%;
  }
}

.mq--large .no-flexbox .filtters--1 .filtter {
  width: 100%;
}

@media all and (min-width: large) {
  .no-flexbox .filtters--1 .filtter {
    width: 100%;
  }
}

.no-flexbox .filtters--2 .filtter {
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .no-flexbox .filtters--2 .filtter {
    width: 50%;
  }
}

.mq--medium .no-flexbox .filtters--2 .filtter {
  width: 50%;
}

@media all and (min-width: medium) {
  .no-flexbox .filtters--2 .filtter {
    width: 50%;
  }
}

@media all and (min-width: 1100px) {
  .no-flexbox .filtters--2 .filtter {
    width: 50%;
  }
}

.mq--large .no-flexbox .filtters--2 .filtter {
  width: 50%;
}

@media all and (min-width: large) {
  .no-flexbox .filtters--2 .filtter {
    width: 50%;
  }
}

.no-flexbox .filtters--3 .filtter {
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .no-flexbox .filtters--3 .filtter {
    width: 100%;
  }
}

.mq--medium .no-flexbox .filtters--3 .filtter {
  width: 100%;
}

@media all and (min-width: medium) {
  .no-flexbox .filtters--3 .filtter {
    width: 100%;
  }
}

@media all and (min-width: 1100px) {
  .no-flexbox .filtters--3 .filtter {
    width: 33.33333%;
  }
}

.mq--large .no-flexbox .filtters--3 .filtter {
  width: 33.33333%;
}

@media all and (min-width: large) {
  .no-flexbox .filtters--3 .filtter {
    width: 33.33333%;
  }
}

.no-flexbox .filtters--4 .filtter {
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .no-flexbox .filtters--4 .filtter {
    width: 50%;
  }
}

.mq--medium .no-flexbox .filtters--4 .filtter {
  width: 50%;
}

@media all and (min-width: medium) {
  .no-flexbox .filtters--4 .filtter {
    width: 50%;
  }
}

@media all and (min-width: 1100px) {
  .no-flexbox .filtters--4 .filtter {
    width: 25%;
  }
}

.mq--large .no-flexbox .filtters--4 .filtter {
  width: 25%;
}

@media all and (min-width: large) {
  .no-flexbox .filtters--4 .filtter {
    width: 25%;
  }
}

.no-flexbox .filtters--5 .filtter {
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .no-flexbox .filtters--5 .filtter {
    width: 100%;
  }
}

.mq--medium .no-flexbox .filtters--5 .filtter {
  width: 100%;
}

@media all and (min-width: medium) {
  .no-flexbox .filtters--5 .filtter {
    width: 100%;
  }
}

@media all and (min-width: 1100px) {
  .no-flexbox .filtters--5 .filtter {
    width: 20%;
  }
}

.mq--large .no-flexbox .filtters--5 .filtter {
  width: 20%;
}

@media all and (min-width: large) {
  .no-flexbox .filtters--5 .filtter {
    width: 20%;
  }
}

.no-flexbox .filtters--6 .filtter {
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .no-flexbox .filtters--6 .filtter {
    width: 50%;
  }
}

.mq--medium .no-flexbox .filtters--6 .filtter {
  width: 50%;
}

@media all and (min-width: medium) {
  .no-flexbox .filtters--6 .filtter {
    width: 50%;
  }
}

@media all and (min-width: 1100px) {
  .no-flexbox .filtters--6 .filtter {
    width: 16.66667%;
  }
}

.mq--large .no-flexbox .filtters--6 .filtter {
  width: 16.66667%;
}

@media all and (min-width: large) {
  .no-flexbox .filtters--6 .filtter {
    width: 16.66667%;
  }
}

.filtter + .filtter {
  margin-top: 1em;
}

.filtter--disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media all and (min-width: 768px) {
  .filtter {
    display: inline-block;
    padding: 0 10px;
  }
  .flexbox .filtter {
    flex: 1;
  }
  .filtter:first-of-type {
    padding-left: 0;
  }
  .filtter:last-of-type {
    padding-right: 0;
  }
  .filtter + .filtter {
    margin-top: 0;
  }
}

.mq--medium .filtter {
  display: inline-block;
  padding: 0 10px;
}

.flexbox .mq--medium .filtter {
  flex: 1;
}

.mq--medium .filtter:first-of-type {
  padding-left: 0;
}

.mq--medium .filtter:last-of-type {
  padding-right: 0;
}

.mq--medium .filtter + .filtter {
  margin-top: 0;
}

@media all and (min-width: medium) {
  .filtter {
    display: inline-block;
    padding: 0 10px;
  }
  .flexbox .filtter {
    flex: 1;
  }
  .filtter:first-of-type {
    padding-left: 0;
  }
  .filtter:last-of-type {
    padding-right: 0;
  }
  .filtter + .filtter {
    margin-top: 0;
  }
}

.filtter__label {
  display: block;
  margin-bottom: 0.5em;
}

.filtter__input {
  width: 100%;
}

.filtter__wrapper {
  position: relative;
}

.filtter__wrapper:after {
  content: '';
  display: block;
  width: 2em;
  height: 2em;
  background: url(/static/webpack/img/loading.1bc52b731b6dd4618fe2.svg) center center/contain no-repeat;
  position: absolute;
  top: 0;
  right: 0.15em;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.filtter__wrapper.loading:after {
  opacity: 1;
}

.filtter .custom-select.fatboy {
  margin: 0;
}

.filtter .custom-select:not(.ps-filter) .btn-select {
  width: 100%;
}

.filtter .cs-multi {
  z-index: 100;
  position: absolute;
}

.filtter .display-message {
  display: none;
}

.filter-drop-down__wrap {
  position: relative;
}

.filter-drop-down__select {
  min-width: 100%;
  max-height: 335px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
}

.filter-drop-down__overlay {
  transition: opacity 0.3s, visibility 0.3s;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 102%;
  left: 0;
  background: #fff;
  border: 1px solid #d6d6d6;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  width: auto;
  z-index: 999;
}

.filter-drop-down__overlay__is-open {
  opacity: 1;
  visibility: visible;
}

.redacted {
  position: relative;
}

.redacted__link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.redacted__text {
  font-size: 0.9em;
  margin-top: 0;
  padding-left: 40px;
  position: relative;
}

.redacted__text a {
  font-weight: 700;
  color: #488bfb;
}

.redacted__icon {
  width: 30px;
  height: 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.peersbuy {
  overflow: hidden;
  width: 100%;
}

@supports (columns: 2) {
  .peersbuy {
    /** @TODO: incorporate extra-large better into flow. */
  }
  @media all and (min-width: 768px) {
    .peersbuy {
      display: grid;
      columns: 2;
      column-gap: 2em;
      grid-template-columns: 50% 50%;
    }
  }
  .mq--medium .peersbuy {
    display: grid;
    columns: 2;
    column-gap: 2em;
    grid-template-columns: 50% 50%;
  }
  @media all and (min-width: medium) {
    .peersbuy {
      display: grid;
      columns: 2;
      column-gap: 2em;
      grid-template-columns: 50% 50%;
    }
  }
}

@media print {
  .peersbuy {
    columns: 2;
  }
}

.printable .peersbuy, .peersbuy.printable {
  columns: 2;
}

.peersbuy > .section-content {
  max-width: 1200px;
}

.peersbuy__tile {
  /** @TODO: incorporate extra-large better into flow. */
}

.peersbuy__tile + .peersbuy__tile {
  margin-top: 40px;
}

@media all and (min-width: 768px) {
  .peersbuy__tile {
    width: 50%;
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    float: left;
    padding-bottom: 1em;
    min-height: 210px;
  }
  .peersbuy__tile:nth-of-type(2), .peersbuy__tile:nth-of-type(4) {
    margin-left: 10px;
  }
  .peersbuy__tile:nth-of-type(3) {
    clear: left;
  }
  .peersbuy__tile + .peersbuy__tile {
    margin-top: 0;
  }
}

.mq--medium .peersbuy__tile {
  width: 50%;
  width: calc(50% - 5px);
  width: -webkit-calc(50% - 5px);
  float: left;
  padding-bottom: 1em;
  min-height: 210px;
}

.mq--medium .peersbuy__tile:nth-of-type(2), .mq--medium .peersbuy__tile:nth-of-type(4) {
  margin-left: 10px;
}

.mq--medium .peersbuy__tile:nth-of-type(3) {
  clear: left;
}

.mq--medium .peersbuy__tile + .peersbuy__tile {
  margin-top: 0;
}

@media all and (min-width: medium) {
  .peersbuy__tile {
    width: 50%;
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    float: left;
    padding-bottom: 1em;
    min-height: 210px;
  }
  .peersbuy__tile:nth-of-type(2), .peersbuy__tile:nth-of-type(4) {
    margin-left: 10px;
  }
  .peersbuy__tile:nth-of-type(3) {
    clear: left;
  }
  .peersbuy__tile + .peersbuy__tile {
    margin-top: 0;
  }
}

@supports (columns: 2) {
  .peersbuy__tile {
    /** @TODO: incorporate extra-large better into flow. */
  }
  @media all and (min-width: 768px) {
    .peersbuy__tile {
      width: auto;
      float: none;
      break-inside: avoid;
      min-height: 0;
      margin-left: 0 !important;
    }
    .peersbuy__tile + .peersbuy__tile {
      margin-top: 0;
    }
  }
  .mq--medium .peersbuy__tile {
    width: auto;
    float: none;
    break-inside: avoid;
    min-height: 0;
    margin-left: 0 !important;
  }
  .mq--medium .peersbuy__tile + .peersbuy__tile {
    margin-top: 0;
  }
  @media all and (min-width: medium) {
    .peersbuy__tile {
      width: auto;
      float: none;
      break-inside: avoid;
      min-height: 0;
      margin-left: 0 !important;
    }
    .peersbuy__tile + .peersbuy__tile {
      margin-top: 0;
    }
  }
}

@media print {
  .peersbuy__tile {
    break-inside: avoid;
  }
}

.printable .peersbuy__tile, .peersbuy__tile.printable {
  break-inside: avoid;
}

.peersbuy__title {
  font-size: 24px;
  font-size: 1.5em;
  font-weight: 400;
  padding: 0 0 8px;
  margin: 0 0 4px;
  border-bottom: 3px solid #669fe7;
  border-bottom: 3px solid var(--rm-primary-color);
  color: #669fe7;
  color: var(--rm-primary-color);
}

.peercomparison {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  /*ul*/
}

.peercomparison__text {
  font-size: 22px;
  font-size: 1.375em;
  margin-top: 0;
  font-weight: 300;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .peercomparison__text {
    margin-bottom: 20px;
  }
}

.mq--medium .peercomparison__text {
  margin-bottom: 20px;
}

@media all and (min-width: medium) {
  .peercomparison__text {
    margin-bottom: 20px;
  }
}

.peercomparison__data {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #979797;
  /** @TODO: incorporate extra-large better into flow. */
  /*li*/
}

@media all and (min-width: 768px) {
  .peercomparison__data {
    position: relative;
  }
  .peercomparison__data:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc((100% - 20px) * (35 / 100));
    bottom: 0;
    border-right: 1px dashed #999999;
  }
}

.mq--medium .peercomparison__data {
  position: relative;
}

.mq--medium .peercomparison__data:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 20px) * (35 / 100));
  bottom: 0;
  border-right: 1px dashed #999999;
}

@media all and (min-width: medium) {
  .peercomparison__data {
    position: relative;
  }
  .peercomparison__data:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc((100% - 20px) * (35 / 100));
    bottom: 0;
    border-right: 1px dashed #999999;
  }
}

@media print {
  .peercomparison__data {
    position: relative;
  }
  .peercomparison__data:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc((100% - 20px) * (30 / 100) - 0.5em);
    bottom: 0;
    border-right: 1px dashed #999999;
  }
}

.printable .peercomparison__data, .peercomparison__data.printable {
  position: relative;
}

.printable .peercomparison__data:after, .peercomparison__data.printable:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 20px) * (30 / 100) - 0.5em);
  bottom: 0;
  border-right: 1px dashed #999999;
}

.peercomparison__data__item {
  border-top: 1px solid #979797;
  padding: 37px 20px 4px 0px;
  overflow: hidden;
}

.peercomparison__data__item__label {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 300;
  margin-bottom: 40px;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .peercomparison__data__item__label {
    font-size: 14px;
    font-size: 0.875em;
    float: left;
    width: 35%;
    margin-bottom: 0;
  }
}

.mq--medium .peercomparison__data__item__label {
  font-size: 14px;
  font-size: 0.875em;
  float: left;
  width: 35%;
  margin-bottom: 0;
}

@media all and (min-width: medium) {
  .peercomparison__data__item__label {
    font-size: 14px;
    font-size: 0.875em;
    float: left;
    width: 35%;
    margin-bottom: 0;
  }
}

.peercomparison__data__item__content {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .peercomparison__data__item__content {
    float: left;
    width: 65%;
    padding-left: 20px;
  }
}

.mq--medium .peercomparison__data__item__content {
  float: left;
  width: 65%;
  padding-left: 20px;
}

@media all and (min-width: medium) {
  .peercomparison__data__item__content {
    float: left;
    width: 65%;
    padding-left: 20px;
  }
}

.peercomparison__data__item__content__print {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 700px) {
  .peercomparison__data__item__content__print {
    float: left;
    width: 60%;
    padding-left: 20px;
  }
}

.peercomparison__textcontent {
  color: #669fe7;
  font-size: 36px;
  font-size: 2.25em;
  font-weight: 300;
  line-height: 0.5;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .peercomparison__textcontent {
    display: block;
    margin-bottom: 40px;
  }
}

.mq--medium .peercomparison__textcontent {
  display: block;
  margin-bottom: 40px;
}

@media all and (min-width: medium) {
  .peercomparison__textcontent {
    display: block;
    margin-bottom: 40px;
  }
}

.hilow {
  padding: 0 15px;
}

.hilow__bar {
  height: 20px;
  background: #d8d8d8;
  position: relative;
}

.compact .hilow__bar {
  height: 10px;
}

.hilow__point {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #669fe7;
  position: absolute;
  top: -5px;
  left: -15px;
  border: 2px solid #ffffff;
}

.hilow__point--end {
  background: #94b332;
  left: auto;
  right: -15px;
}

.compact .hilow__point {
  width: 20px;
  height: 20px;
  left: -10px;
}

.compact .hilow__point--end {
  left: auto;
  right: -10px;
}

.hilow__point.disabled {
  background: #d8d8d8;
}

.hilow__indicator {
  display: inline-block;
  height: 24px;
  min-width: 70px;
  border-radius: 24px;
  background: #fb7c33;
  position: absolute;
  bottom: 20px;
  left: -35px;
  text-align: center;
  padding: 0 0.25em;
}

.compact .hilow__indicator {
  height: 18px;
  width: 50px;
  border-radius: 18px;
  top: 0;
  bottom: auto;
  left: -25px;
}

.hilow__indicator-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: 52px;
  top: -32px;
}

.compact .hilow__indicator-wrapper {
  height: 28px;
  top: -18px;
}

.hilow__indicator:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12px 0 12px;
  border-color: #fb7c33 transparent transparent transparent;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateZ(0);
}

.compact .hilow__indicator:after {
  border-width: 10px 6px 0 6px;
}

.hilow__indicator__value {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  display: block;
  height: 24px;
  line-height: 24px;
}

.compact .hilow__indicator__value {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}

.hilow__labels {
  display: flex;
  justify-content: space-between;
}

.hilow__label {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #669fe7;
  font-weight: 700;
  /** @TODO: incorporate extra-large better into flow. */
}

.hilow__label--end {
  color: #94b332;
}

@media all and (min-width: 768px) {
  .flexbox .hilow__label {
    display: block;
  }
}

.flexbox .mq--medium .hilow__label {
  display: block;
}

@media all and (min-width: medium) {
  .flexbox .hilow__label {
    display: block;
  }
}

.splitprogress__bar {
  height: 30px;
  border-radius: 15px;
  overflow: hidden;
  background: #94b332;
  position: relative;
  transform: translateZ(0);
}

.splitprogress__bar__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #669fe7;
  border-right: 1px solid #ffffff;
}

.splitprogress__labels {
  height: 30px;
  font-size: 0;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}

.splitprogress__label {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #669fe7;
  font-weight: 700;
}

.splitprogress__label--end {
  color: #94b332;
}

.progressbar {
  height: 2em;
  border-radius: 2em;
  overflow: hidden;
  background: #93b522;
  position: relative;
}

.progressbar__bar {
  height: 2em;
  background: #488bfb;
  border-right: 1px solid #ffffff;
}

.progress {
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  padding: 4px 0;
  transition: background 0.25s ease;
  box-sizing: border-box;
}

.progress *,
.progress *:before,
.progress *:after {
  box-sizing: border-box;
}

.progress.linked:hover {
  background: rgba(0, 0, 0, 0.05);
}

.progress__label {
  font-size: 16px;
  font-size: 1em;
  font-weight: 400;
  padding-right: 10px;
  margin-bottom: 10px;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .progress__label {
    width: 40%;
    float: left;
    margin-bottom: 0;
  }
}

.mq--medium .progress__label {
  width: 40%;
  float: left;
  margin-bottom: 0;
}

@media all and (min-width: medium) {
  .progress__label {
    width: 40%;
    float: left;
    margin-bottom: 0;
  }
}

.progress__label__link {
  vertical-align: middle;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.linked .progress__label__link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  color: #4bb0b8;
  border-radius: 50%;
  border: 2px solid #4bb0b8;
  font-family: 'riskmatch-icons';
  text-align: center;
  line-height: 26px;
  padding-left: 4px;
}

.linked .progress__label__link:hover {
  color: #4bb0b8;
}

.progress__label__link.visited:before {
  content: "";
  background-color: transparent;
  border-color: transparent;
  color: #4bb0b8;
}

.progress__bar {
  height: 30px;
  border-radius: 30px;
  background: #d8d8d8;
  position: relative;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .progress__bar {
    width: 60%;
    float: left;
  }
}

.mq--medium .progress__bar {
  width: 60%;
  float: left;
}

@media all and (min-width: medium) {
  .progress__bar {
    width: 60%;
    float: left;
  }
}

.progress__bar__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 30px;
  line-height: 30px;
  background: #669fe7;
  border-right: 1px solid #ffffff;
  transition: background 0.25s ease;
  border-radius: 30px 0 0 30px;
}

.alternate .progress__bar__inner {
  background: #93b522;
}

.progress__bar__indicator {
  color: #ffffff;
  padding: 0 10px;
}

/**
 * Native <progress /> element - specifically styled
 * for the file upload component in Submissions.
 */
progress.rm-progress {
  height: 3px;
  overflow: hidden;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
}

progress.rm-progress::-webkit-progress-bar {
  background-color: #DDDDDD;
}

progress.rm-progress::-webkit-progress-value {
  background-color: #58C026;
  border-radius: 3px;
}

.cross-sell {
  border-width: 1px 0;
  border-color: #ccc;
  border-style: solid;
}

.cross-sell__inner {
  align-items: center;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .cross-sell__inner {
    display: flex;
  }
}

.mq--large .cross-sell__inner {
  display: flex;
}

@media all and (min-width: large) {
  .cross-sell__inner {
    display: flex;
  }
}

.cross-sell .industry-selector-tool.single.simple, .cross-sell .industry-selector-tool.single.container.padded-margin, .cross-sell .industry-selector-tool.single.topic-list {
  padding: 0;
}

.cross-sell .filtter {
  display: block;
  flex: none;
  /** @TODO: incorporate extra-large better into flow. */
}

.cross-sell .filtter__input {
  height: 32px;
  line-height: 1;
}

.cross-sell .filtter__input::-webkit-input-placeholder {
  line-height: 1.4;
}

.cross-sell .filtter__input:moz-placeholder {
  line-height: 1.4;
}

.cross-sell .filtter__input::-moz-placeholder {
  line-height: 1.4;
}

.cross-sell .filtter__input:-ms-input-placeholder {
  line-height: 1.4;
}

@media all and (min-width: 1100px) {
  .cross-sell .filtter {
    flex: 1;
    display: inline-block;
  }
}

.mq--large .cross-sell .filtter {
  flex: 1;
  display: inline-block;
}

@media all and (min-width: large) {
  .cross-sell .filtter {
    flex: 1;
    display: inline-block;
  }
}

.cross-sell__controller h3 {
  font-size: 1em;
}

.cross-sell__controller .btn-select {
  display: block;
  width: auto !important;
  height: 2em !important;
}

.cross-sell__controller .inline {
  display: block;
  margin-top: 10px;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .cross-sell__controller .inline {
    display: inline-block;
    margin-top: 0;
  }
}

.mq--large .cross-sell__controller .inline {
  display: inline-block;
  margin-top: 0;
}

@media all and (min-width: large) {
  .cross-sell__controller .inline {
    display: inline-block;
    margin-top: 0;
  }
}

.cross-sell__group {
  display: none;
}

.cross-sell__group.active {
  display: block;
  margin-bottom: 1em;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .cross-sell__group.active {
    margin: 0;
    padding: 0 0 0 20px;
    flex: 1;
    display: flex;
  }
}

.mq--large .cross-sell__group.active {
  margin: 0;
  padding: 0 0 0 20px;
  flex: 1;
  display: flex;
}

@media all and (min-width: large) {
  .cross-sell__group.active {
    margin: 0;
    padding: 0 0 0 20px;
    flex: 1;
    display: flex;
  }
}

.cross-sell__group.compound {
  margin-top: 10px;
  padding: 0 0 1em 0;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .cross-sell__group.compound {
    margin-top: 0;
    align-items: center;
  }
}

.mq--large .cross-sell__group.compound {
  margin-top: 0;
  align-items: center;
}

@media all and (min-width: large) {
  .cross-sell__group.compound {
    margin-top: 0;
    align-items: center;
  }
}

.cross-sell__group.compound .filtter {
  /** @TODO: incorporate extra-large better into flow. */
}

.cross-sell__group.compound .filtter + .filtter {
  margin-top: 0.5em;
  padding-left: 0;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .cross-sell__group.compound .filtter + .filtter {
    margin-top: 0;
    padding-left: 20px;
  }
}

.mq--large .cross-sell__group.compound .filtter + .filtter {
  margin-top: 0;
  padding-left: 20px;
}

@media all and (min-width: large) {
  .cross-sell__group.compound .filtter + .filtter {
    margin-top: 0;
    padding-left: 20px;
  }
}

@media all and (min-width: 1100px) {
  .cross-sell__group.compound .filtter {
    flex: 1;
    padding: 0 0 0 20px;
  }
}

.mq--large .cross-sell__group.compound .filtter {
  flex: 1;
  padding: 0 0 0 20px;
}

@media all and (min-width: large) {
  .cross-sell__group.compound .filtter {
    flex: 1;
    padding: 0 0 0 20px;
  }
}

.cross-sell__group.compound .filtter-compound {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .cross-sell__group.compound .filtter-compound {
    flex: none;
    width: 694px;
    text-align: right;
    padding: 0;
  }
}

.mq--large .cross-sell__group.compound .filtter-compound {
  flex: none;
  width: 694px;
  text-align: right;
  padding: 0;
}

@media all and (min-width: large) {
  .cross-sell__group.compound .filtter-compound {
    flex: none;
    width: 694px;
    text-align: right;
    padding: 0;
  }
}

.warning--message label[for='industry-filter']:after {
  content: "";
  vertical-align: middle;
  color: #c60004;
  margin-left: 5px;
}

#opportunity .btn-select.warning--message:before {
  content: "";
  vertical-align: middle;
  color: #c60004;
  margin-right: 5px;
}

/*ul*/
.autocomplete {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 400px;
  font-size: 0.8em;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /*li*/
  /*li*/
  /*span*/
  /*span*/
  /*a*/
  /*span*/
}

.autocomplete-wrapper {
  position: relative;
}

.autocomplete__header {
  font-weight: 700;
  background: #f1f1f1;
  padding: 8px;
  user-select: none;
}

.autocomplete__item {
  user-select: none;
}

.autocomplete__item:nth-of-type(even) {
  background: #f1f1f1;
}

.autocomplete__item:hover, .autocomplete__item:focus {
  background: #46b0b9;
  outline: none;
}

.autocomplete__line {
  padding: 2px 8px;
}

.flexbox .autocomplete__line {
  display: flex;
}

.autocomplete__label {
  color: #999;
  width: 72px;
  text-align: right;
  margin-right: 20px;
  display: inline-block;
}

.autocomplete__item:hover .autocomplete__label,
.autocomplete__item:focus .autocomplete__label {
  color: #ffffff;
}

.autocomplete__text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.autocomplete__item:hover .autocomplete__text,
.autocomplete__item:focus .autocomplete__text {
  color: #ffffff;
}

.flexbox .autocomplete__text {
  flex: 1;
}

.autocomplete__link {
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.autocomplete__item:hover .autocomplete__link,
.autocomplete__item:focus .autocomplete__link {
  color: #ffffff;
}

.flexbox .autocomplete__link {
  flex: 1;
}

.autocomplete__hilight {
  background: yellow;
}

.autocomplete__item:hover .autocomplete__hilight,
.autocomplete__item:focus .autocomplete__hilight {
  color: #46b0b9;
}

.react-autocomplete .desc {
  overflow: hidden;
  text-overflow: ellipsis;
}

.message {
  text-align: center;
  padding: 0;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease, padding 0.25s ease;
}

.pending-item .message {
  max-height: 5em;
}

.alert .message {
  max-height: none;
}

.message.is--visible {
  max-height: 300px;
}

.message-bar {
  height: 38px;
  max-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.25s ease, background-color 0.25s ease;
  /*p*/
  /*i*/
}

.is--accepted .message-bar {
  background-color: #93b522;
  max-height: 38px;
}

.is--denied .message-bar {
  background-color: #c60004;
  max-height: 38px;
}

.message-bar__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 38px;
  transition: transform 0.25s ease;
}

.is--denied .message-bar__inner {
  transform: translateY(-38px);
  transform: translate3d(0, -38px, 0);
}

.message-bar__item {
  height: 38px;
  line-height: 38px;
  color: #ffffff;
}

.message-bar__item.message--denied {
  cursor: pointer;
}

.message-bar__text {
  margin: 0;
}

.message-bar__icon {
  margin-right: 10px;
}

.message-bar__icon:before {
  color: inherit;
}

.message__body {
  padding: 1em 0 4em;
  transition: padding 0.25s ease;
}

.is--hidden .message__body,
.is--accepted .message__body,
.is--denied .message__body {
  padding: 0;
  max-height: 0;
}

.message__icon {
  font-size: 3em;
}

.message__text {
  max-width: 730px;
  margin: 2em auto 1em;
}

.message__text strong {
  font-weight: 700;
}

.message__button {
  appearance: none;
  background: transparent;
  border: 1px solid;
  box-shadow: 0;
  border-radius: 50px;
  padding: 8px 16px;
  text-transform: uppercase;
  font-size: 0.75em;
  margin: 0 10px;
}

.message__button.message--accept {
  color: #ffffff;
  background-color: #93b522;
}

.message__button.message--deny {
  color: #c60004;
}

.c-card-container {
  padding: 1em 1em 0;
  background: #ccc;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scrollbar-face-color: #ccc;
  -ms-scrollbar-track-color: #fff;
}

.c-card-container .c-card-gridRow {
  padding: 10px 1em;
  display: flex;
}

.c-card-container .c-card-gridRow .c-card {
  width: calc((100% - 20px) / 3);
  width: -webkit-calc((100% - 20px) / 3);
  margin: 0;
}

.c-card-container .c-card-gridRow .c-card + .c-card {
  margin-left: 10px;
}

.c-card-container.view--table {
  padding: 0;
  background: #fff;
  border: 0;
}

.c-card-container .section-content {
  flex: 1;
}

.c-card-container > .c-card {
  flex: none;
  width: 360px;
  display: inline-block;
}

.c-cardset {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 0 1em;
  border-radius: 0.25em;
  max-width: 100%;
  padding: 1em 1em 0;
  /*h4*/
}

.c-cardset__body {
  padding: 1em 0.5em 0;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}

.c-cardset__body .c-card {
  flex: none;
  width: 360px;
  display: inline-block;
}

.c-cardset__inner {
  white-space: nowrap;
  padding: 0 1em 1em 0;
}

.c-cardset__title {
  padding: 0.25em 1em;
  margin: 0;
  background: #ddd;
}

.c-card {
  width: 350px;
  display: inline-block;
  background-color: #ffffff;
  margin: 0 4px 10px;
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
  border: 1px solid #ccc;
  border-top-width: 5px;
  overflow: hidden;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.c-card:not(.no--action) {
  cursor: pointer;
}

.c-card:not(.no--action):hover {
  box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.2);
  border-color: #46b0b9;
}

.programcard {
  border-top-color: #f15727;
  /*button*/
}

.programcard__header, .programcard__footer {
  background-color: #ebebeb;
}

.programcard__header, .programcard__metrics, .programcard__footer {
  display: flex;
}

.programcard__header {
  align-items: center;
}

.programcard__headeritem {
  flex: 1;
  padding: 0.25em 0.5em;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
}

.programcard__headeritem:first-of-type {
  text-align: left;
}

.programcard__headeritem:last-of-type {
  text-align: right;
}

.programcard__headertitle {
  display: block;
  font-size: 0.75em;
  font-weight: 400;
  color: #666;
}

.programcard__cell {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.programcard__info, .programcard__metrics {
  padding: 0;
  margin: 0;
  list-style: none;
}

.programcard__info {
  margin: 0.25em 0.5em;
}

.programcard__action {
  flex: 1;
  text-align: center;
  border: none;
  box-shadow: none;
  border-radius: none;
  height: 2em;
  font-weight: 600;
}

.programcard__action span:after {
  margin-left: 4px;
  font-size: 0.75em;
  content: '';
}

.going-to-market .programcard__action {
  background-color: #70961a;
  color: #ffffff;
}

.going-to-market .programcard__action span:after {
  content: "";
}

.programcard__infoitem.item--client, .programcard__infoitem.item--product {
  font-weight: 700;
}

.programcard__metrics {
  border-top: 1px solid #ccc;
}

.programcard__metric {
  cursor: default;
}

.programcard__metric + .programcard__metric {
  border-left: 1px solid #ccc;
}

.programcard__metricvalue {
  font-size: 1.125em;
  line-height: 1.25;
  font-weight: 700;
  color: #639dea;
}

.needs-attention .programcard__metricvalue {
  color: #c60004;
}

.looks-good .programcard__metricvalue {
  color: #70961a;
}

.programcard__metricunit {
  font-size: 0.6875em;
  line-height: 1.5;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
}

.teamcard {
  border-top-color: #639dea;
  /*ul*/
  /*ul*/
  /*li*/
  /*ul*/
  /*li*/
}

.teamcard__header, .teamcard__footer {
  background-color: #ebebeb;
}

.teamcard__details, .teamcard__permissions, .teamcard__actions {
  list-style: none;
  margin: 0;
  padding: 0;
}

.teamcard__header {
  display: flex;
  padding: 0.25em;
}

.teamcard__details {
  flex: 1;
  margin: 0.25em 0.5em;
  font-size: 0.875em;
  font-weight: 300;
}

.teamcard__detail.detail--name {
  font-weight: 700;
}

.teamcard__main {
  padding: 0.5em;
  font-size: 0.875em;
}

.teamcard__avatar {
  background-color: #fff;
}

.teamcard__access {
  text-align: center;
  padding: 0.25em;
  display: none;
}

.request--pending .teamcard__access {
  display: block;
}

.teamcard__actions {
  padding: 0.5em;
  text-align: right;
}

.request--pending .teamcard__actions {
  display: none;
}

.teamcard__action {
  display: inline-block;
}

.teamcard__action + .teamcard__action {
  margin-left: 1em;
}

.container.has-cards > .content-wrapper {
  overflow: visible;
}

/*
.card-holder {
    margin: 0 -1.5em 0;
    padding: 1em 1em 0;
    max-height: 500px;
    overflow: auto;
    background: #CCC;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    .cardset {
        margin: 0 0 1em;
        padding: .5em;
        background: #EEE;
        border-radius: .25em;
        h4{
            margin: -0.5em -0.5em 0;
            padding: .25em 1em;
            background: #DDD;
            border-radius: .25em;
        }
    }
}
*/
.card {
  position: relative;
  display: inline-block;
  padding: 0;
  width: 32%;
  margin: 1em 0.25em 0;
  background: #fff;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  vertical-align: top;
}

.card:hover {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
}

.card.program-card {
  border-top: 5px solid #f15727;
}

.card.colleague-card {
  border-top: 5px solid #639dea;
}

.card:last-child {
  margin-bottom: 2em;
}

.card.expertise-card {
  width: 48%;
  font-size: 0.875em;
  padding: 1em;
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

.card.expertise-card:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

@media all and (min-width: 768px) {
  .card.expertise-card {
    width: 32%;
  }
}

.mq--medium .card.expertise-card {
  width: 32%;
}

@media all and (min-width: medium) {
  .card.expertise-card {
    width: 32%;
  }
}

@media all and (min-width: 1100px) {
  .card.expertise-card {
    width: 24%;
  }
}

.mq--large .card.expertise-card {
  width: 24%;
}

@media all and (min-width: large) {
  .card.expertise-card {
    width: 24%;
  }
}

.card.expertise-card:last-child {
  margin-bottom: 0;
}

.card .card-bd {
  cursor: pointer;
}

.card .card-hd {
  width: 100%;
}

.card .card-hd,
.card .card-ft {
  background: #ebebeb;
}

.card .card-ft {
  border-top: 1px solid #fff;
}

.card--unstable {
  overflow: visible;
}

/*
.program-card .card-hd {
    display: table;
    >div {
        display: table-cell;
        padding: .25em .5em;
        font-weight: 700;
        vertical-align: middle;
        &:nth-child(1){
            width: 40%;
        }
        &:nth-child(2){
            text-align: center;
        }
        &:nth-child(3){
            text-align: right;
            width: 40%;
        }
    }
}
*/
/*
.program-card .card-bd {

    ul {
        list-style-type: none;
        margin: .25em .5em;
        padding: 0;
        >li {
            display: block;
            width: 100%;
            line-height: 1.8;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .program-metrics {
        width: 100%;
        display:table;
        .metric-unit {
            display: table-cell;
            width: 33.333333%;
            border: 1px solid #CCC;
            border-width: 1px 1px 1px 0;
        }
        .metric-unit:last-child {
            border-right: none;
        }
        .metric-unit:hover {
            cursor: pointer;
        }
        .data {
            font-size: 1.125rem;
            line-height: 1.25;
        }
        .data-units {
            font-size: 0.6875rem;
            font-weight: 600;
            line-height: 1.5;
            color: #999;
        }
    }
}
*/
.program-renewal,
.program-client,
.program-product,
.program-carrier {
  font-size: 0.875em;
}

.program-client,
.program-product {
  font-weight: 700;
}

.program-matches,
.program-requests {
  color: #639dea;
}

/*
.colleague-card {
    &:hover {
        cursor: pointer;
    }
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .card-hd {
        display: table;
        padding: .25em;
        >div {
            display: table-cell;
            padding: 0;
            font-weight: 600;
            vertical-align: top;
        }
        .member-photo {
            width: 4em;
            height: 4em;
            border: 1px solid #CCC;
            background: #FFF;
            span {
                font-size: 4em;
                color: #CCC;
            }
        }
        .member-contact {
            font-size: 0.875em;
            font-weight: 300;
            padding: .25em .5em;
            ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }
        }
        .member-name {
            font-weight: 700;
        }
    }
    .card-bd {
        min-height: 4em;
        .member-access {
            padding: .5em;
            font-size: .875em;
        }

    }
    .card-ft {
        padding: .25em;
        text-align: center;
        min-height: 2.25em;
    }
}
*/
.expertise-card .expertise-strength {
  font-size: 1.5em;
  display: inline-block;
  margin: 0.5rem 0.5rem 0 0;
}

.expertise-card ul.simple, .expertise-card ul.container.padded-margin, .expertise-card ul.topic-list {
  display: inline-block;
}

.expertise-card .expertise-role {
  font-weight: 700;
}

.agency-card {
  border-top: 0;
}

.agency-card__header, .agency-card__body, .agency-card__footer {
  padding: 0.5em;
}

.agency-card__header {
  background: #02284b;
  color: #ffffff;
}

.agency-card__body {
  text-align: center;
  padding: 1em 0.5em;
}

.agency-card__logo {
  height: 60px;
  width: auto;
}

.agency-card__footer {
  border-top: 1px solid #e5e5e5;
}

.new-agency-card {
  font-size: 0.75em;
  display: flex;
  flex-direction: column;
}

.accordion-title .new-agency-card {
  width: calc(50% - 8px);
  width: -webkit-calc(50% - 8px);
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .accordion-title .new-agency-card {
    width: calc(33.33% - 8px);
    width: -webkit-calc(33.33% - 8px);
  }
}

.mq--large .accordion-title .new-agency-card {
  width: calc(33.33% - 8px);
  width: -webkit-calc(33.33% - 8px);
}

@media all and (min-width: large) {
  .accordion-title .new-agency-card {
    width: calc(33.33% - 8px);
    width: -webkit-calc(33.33% - 8px);
  }
}

.new-agency-card .agency-card__body {
  text-align: left;
  flex: 1;
  flex-basis: auto;
}

.new-agency-card .agency-card__body h4 {
  margin: -14px -7px 7px;
  padding: 2px 7px;
  background: #e5e5e5;
}

.new-agency-card .agency-card__body .top-industries label {
  color: #999;
}

.new-agency-card .agency-card__body .top-industries hr {
  opacity: 0.5;
  margin: 5px -7px;
}

.new-agency-card .agency-card__footer {
  text-align: center;
  padding: 0;
}

.new-agency-card .agency-card__footer h2 {
  margin: 0;
}

.person-card {
  border-top: 0;
}

.person-card__header, .person-card__body, .person-card__footer {
  padding: 0.5em;
}

.person-card__header {
  background: #639dea;
  color: #ffffff;
}

.person-card__body {
  padding: 1em 0.5em;
  display: flex;
}

.person-card__meta {
  flex: 1;
  padding-left: 1em;
  overflow: hidden;
}

.person-card__avatar {
  display: block;
  width: 60px;
  height: 60px;
}

.person-card__footer {
  border-top: 1px solid #e5e5e5;
  display: flex;
}

.person-card__segment {
  flex: 1;
  text-align: center;
}

.person-card__value {
  font-weight: 700;
  font-size: 1.5em;
}

.person-card__label {
  font-size: 0.75em;
  text-transform: uppercase;
}

.match-card {
  border-top: 7px solid #f15727;
}

.match-card__header, .match-card__body, .match-card__footer {
  padding: 0.5em;
}

.match-card__header {
  display: flex;
  background: #ebebeb;
}

.match-card__segment {
  flex: 1;
}

.match-card__segment:last-of-type {
  text-align: right;
}

.match-card__body {
  border-bottom: 1px solid #cccccc;
}

.overview__add {
  position: absolute;
  width: 2em;
  height: 2em;
  border-radius: 1.5em;
  border: 3px solid white;
  top: -1.5em;
  left: -1em;
  background-color: #46b0b9;
  text-align: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.overview__add:before {
  position: relative;
  content: '+';
  font-weight: 600;
  font-size: 1.5em;
  top: -0.2em;
  color: white;
  text-align: center;
}

#wrapper {
  transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}

.react-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: z-index 0.25s step-end, background-color 0.25s ease-out;
  pointer-events: none;
}

.react-panel.is--visible {
  z-index: 5;
  background: rgba(0, 0, 0, 0.6);
  transition: z-index 0.25s step-start, background-color 0.25s ease-out;
  pointer-events: auto;
}

.c-treemap .react-panel {
  transform: translateZ(0);
}

/*aside*/
.panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 1px solid #ddd;
  z-index: 1051;
  transform: translateX(100%);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.25s ease-in-out;
  padding-top: 4rem;
  padding-top: calc(4rem - 2px);
  padding-top: -webkit-calc(4rem - 2px);
  width: 100%;
  width: calc(100vw - 2.5rem);
  width: -webkit-calc(100vw - 2.5rem);
  /*main*/
  /*article*/
  /*iframe*/
  /*html*/
}

.panel.half--width {
  /** @TODO: incorporate extra-large better into flow. */
}

.c-treemap .panel.half--width {
  width: 50%;
}

@media all and (min-width: 1100px) {
  .panel.half--width {
    width: 50%;
  }
}

.mq--large .panel.half--width {
  width: 50%;
}

@media all and (min-width: large) {
  .panel.half--width {
    width: 50%;
  }
}

.panel.three-quarter--width {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .panel.three-quarter--width {
    width: 75%;
  }
}

.mq--large .panel.three-quarter--width {
  width: 75%;
}

@media all and (min-width: large) {
  .panel.three-quarter--width {
    width: 75%;
  }
}

.panel.third--width {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .panel.third--width {
    width: 33.33%;
  }
}

.mq--large .panel.third--width {
  width: 33.33%;
}

@media all and (min-width: large) {
  .panel.third--width {
    width: 33.33%;
  }
}

.panel.quarter--width {
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .panel.quarter--width {
    width: 25%;
  }
}

.mq--large .panel.quarter--width {
  width: 25%;
}

@media all and (min-width: large) {
  .panel.quarter--width {
    width: 25%;
  }
}

.react-panel .panel {
  transform: translateX(0);
  transition: none;
}

.react-panel .panel--enter {
  transform: translateX(100%);
}

.react-panel .panel--enter--active {
  transform: translateX(0);
  transition: transform 0.25s ease-in-out;
}

.react-panel .panel--leave {
  transform: translateX(0);
}

.react-panel .panel--leave--active {
  transform: translateX(100%);
  transition: transform 0.25s ease-in-out;
}

.panel.is--visible {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}

.panel-screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: -1;
  transition: background 0.25s ease, z-index 0.25s step-end;
}

.panel-screen.is--visible {
  z-index: 6;
  background: rgba(0, 0, 0, 0.6);
  transition: background 0.25s ease, z-index 0.25s step-start;
}

.panel__nav {
  height: 4rem;
  height: calc(4rem - 2px);
  height: -webkit-calc(4rem - 2px);
  line-height: 4rem;
  line-height: calc(4rem - 2px);
  line-height: -webkit-calc(4rem - 2px);
  position: relative;
  border-bottom: 3px solid #f15727;
  z-index: 100;
  background: #02284b;
  color: #ffffff;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 1.25em;
}

.panel-layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.panel-layout__content {
  flex: 1;
  padding: 0 1em;
  position: relative;
}

.panel-layout__contentInner {
  margin: 0 auto;
  max-width: 75em;
}

.legacy-panel-wrapper:not(.no--scroll) .panel-layout__content {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.panel-layout__footer {
  text-align: center;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #dddddd;
  background: #eeeeee;
  padding-bottom: 2.5em;
  position: relative;
}

.panel-layout__footerInner {
  padding: 0.5em 1em;
  background: #ffffff;
}

.panel__icon {
  fill: #ffffff;
  transition: fill 0.25s ease;
  pointer-events: none;
}

.secondaryNav .panel__icon {
  fill: #46b0b9;
}

.panel__box {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.36);
  height: 2.125rem;
  display: flex;
  align-items: center;
  position: relative;
  top: -5px;
}

.panel__boxGroup {
  display: flex;
}

.panel__box + .panel__box {
  margin-left: 1.25em;
}

.secondaryNav .panel__box {
  border: 1px solid #dddddd;
}

.panel__box button {
  height: 2.1875rem;
  border: 0;
  margin: 0;
  padding: 0 16px;
  background: transparent;
  display: block;
  position: relative;
  outline: none;
}

.panel__box button .panel__icon {
  transition: transform 0.25s ease;
}

.panel__box button:hover {
  color: #7bb2cc;
}

.panel__box button:hover .panel__icon {
  fill: #7bb2cc;
}

.panel__box button:active {
  color: #f15727;
}

.panel__box button:active .panel__icon {
  fill: #f15727;
  transform: scale(0.7);
}

.panel__box button[disabled] .panel__icon {
  fill: rgba(255, 255, 255, 0.36);
}

.secondaryNav .panel__box button[disabled] .panel__icon {
  fill: #dddddd;
}

.panel__box button[disabled]:active .panel__icon {
  transform: scale(1);
}

.panel__box-spacer {
  display: block;
  width: 1px;
  height: 2rem;
  background: rgba(255, 255, 255, 0.36);
  margin: 0 4px;
}

.secondaryNav .panel__box-spacer {
  background: #ddd;
}

.panel__center {
  position: relative;
}

.panel__center .panel__icon {
  position: absolute;
  top: 0;
  left: 0;
}

.panel__label {
  position: absolute;
  bottom: -12px;
  left: 0;
  font-size: 0.688em;
  line-height: 1;
  width: 100%;
  white-space: nowrap;
}

button[disabled] .panel__label {
  color: rgba(255, 255, 255, 0.36);
}

.panel__close {
  width: 2.5rem;
  height: 4rem;
  height: calc(4rem - 1px);
  height: -webkit-calc(4rem - 1px);
  line-height: 4rem;
  line-height: calc(4rem - 1px);
  line-height: -webkit-calc(4rem - 1px);
  background: #ddd;
  border: 0;
  border-bottom: 3px solid #f15727;
  position: absolute;
  border-radius: 0;
  top: -1px;
  left: -2.5rem;
  transform: translate3d(2.5rem, 0, 0);
  transition: transform 0.25s ease;
}

.is--visible .panel__close {
  transform: translate3d(0, 0, 0);
}

.panel__close:active .panel__icon {
  transform: scale(0.7);
}

.panel__close .panel__icon {
  position: absolute;
  top: -0.6em;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  fill: #333;
  transition: transform 0.25s ease;
}

.no--history .panel__history, .no--history .panel__list, .no--history .panel__utils {
  display: none;
}

.panel__list {
  position: absolute;
  display: block;
  left: 5px;
  top: 60px;
  max-width: 300px;
  background: #ffffff;
  border-radius: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1), 0 20px 10px -15px rgba(0, 0, 0, 0.2);
}

.panel__list--visible {
  opacity: 1;
  z-index: 5;
  pointer-events: auto;
}

.panel__item:first-of-type .panel__link, .panel__item:only-of-type .panel__link {
  position: relative;
  overflow: visible;
}

.panel__item:first-of-type .panel__link:before, .panel__item:only-of-type .panel__link:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -8px;
  left: 66px;
}

.panel__item:first-of-type .panel__link:hover:before, .panel__item:only-of-type .panel__link:hover:before {
  border-color: transparent transparent #46b0b9 transparent;
}

.panel__item:first-of-type .panel__link {
  border-radius: 4px 4px 0 0;
}

.panel__item:last-of-type .panel__link {
  border-radius: 0 0 4px 4px;
}

.panel__item:only-of-type .panel__link {
  border-radius: 4px;
}

.panel__item + .panel__item {
  border-top: 1px solid #dddddd;
}

.panel__link {
  display: block;
  padding: 0.75em 1em;
  font-size: 0.75em;
  line-height: 1.5;
  cursor: pointer;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel__link:hover {
  background: #46b0b9;
  color: #ffffff;
}

.panel__title {
  line-height: auto;
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.panel.has--utils.has--menu.has--history .panel__title {
  margin-right: 53px;
}

.panel.has--menu.has--history:not(.has--utils) .panel__title {
  margin-right: 181px;
}

.panel.has--utils:not(.has--history) .panel__title {
  margin-left: 128px;
}

.panel.has--history.has--utils:not(.has--menu) .panel__title {
  margin-left: 21px;
}

.panel.has--history:not(.has--utils):not(.has--menu) .panel__title {
  margin-right: 107px;
}

.panel__list + .panel__title {
  padding-left: 0;
  padding-right: 5px;
}

.panel__branding {
  line-height: normal;
  font-size: 1em;
  font-weight: 300;
}

.panel.no--history .panel__branding {
  display: none;
}

.panel__current {
  line-height: normal;
  font-size: 1.125em;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel__content {
  overflow: visible;
  width: 100%;
  height: 100%;
}

.panel__page {
  position: relative;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100%;
}

.panel__frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: visible;
  background: #eee;
  transition: transform 0.25s ease;
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.1);
}

.react-panel .panel__frame {
  transform: translateZ(0);
  transition: none;
}

.react-panel .panel__frame--enter {
  transform: translateX(100%);
}

.react-panel .panel__frame--enter--active {
  transform: translateX(0);
  transition: transform 0.25s ease-in-out;
}

.react-panel .panel__frame--leave {
  transform: translateX(0);
}

.react-panel .panel__frame--leave--active {
  transform: translateX(100%);
  transition: transform 0.25s ease-in-out;
}

.panel__frame.component {
  background: #ffffff;
}

.panel__frame:first-of-type {
  box-shadow: none;
}

.panel__frame.suppress--transition {
  transition: none;
}

.panel__inner {
  padding: 0;
  overflow: hidden;
  height: 100%;
}

.panel__inner .main-content {
  height: 100% !important;
}

.react-panel .panel__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.panel__inner.component body {
  background: #ffffff;
}

.panel__inner body {
  border-left: 1px solid #fff;
}

.panel__inner body .main-content {
  height: 100%;
}

.panel__footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  border-top: 1px solid #eee;
  /**
         * ie10+ hack.
         * In modern browsers, setting a transform creates a new positioning
         * context for descendants, including those with `position: fixed`.
         * ie11, however, does not have the same behavior.
         * See http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/
         */
}

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .panel__footer {
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
  }
}

.iframe__loader {
  position: relative;
  background: #ffffff;
}

.iframe__loader:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2em;
  height: 2em;
  display: block;
  background: url("/img/loading.gif") center center/100% no-repeat;
  transition: opacity 0.25s ease;
  opacity: 0;
}

.iframe__loader iframe {
  transition: opacity 0.25s ease !important;
}

.iframe__loader.loading iframe {
  opacity: 0;
}

.iframe__loader.loading:before {
  opacity: 1;
}

.panel__iframeLoader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-scroll > div {
  overflow-y: scroll;
}

input.full-width {
  width: 100%;
}

.main-content-no-scroll {
  overflow-y: hidden;
}

.legacy-panel-wrapper.component .panel__frame {
  background: #FFFFFF;
}

.legacy-panel-wrapper .panel__footer {
  left: unset;
  width: calc(100% - 2.5rem);
}

.dynamic-panel-button-group .dynamic-panel-button:first-of-type .dynamic-panel-button-box {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dynamic-panel-button-group .dynamic-panel-button + .dynamic-panel-button .dynamic-panel-button-box {
  border-left-width: 0;
  border-radius: 0;
}

.dynamic-panel-button-group .dynamic-panel-button:last-of-type .dynamic-panel-button-box {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.treemap-display h4.treemap-view {
  margin: 0;
  padding: 0;
  float: left;
  font-weight: 300;
}

.treemap-display .nicebutton.treemap-details, .treemap-display .treemap-details.matchbutton, .treemap-display .treemap-details.squaredIconButton, .treemap-display .treemap-details.button-card__button, .treemap-display button.treemap-details.dt-button,
.treemap-display div.treemap-details.dt-button,
.treemap-display a.treemap-details.dt-button {
  position: relative;
  left: 50%;
  width: 40%;
  margin-left: -20%;
  vertical-align: bottom;
}

.treemap-display .nicebutton.treemap-details[disabled], .treemap-display .treemap-details.matchbutton[disabled], .treemap-display .treemap-details.squaredIconButton[disabled], .treemap-display .treemap-details.button-card__button[disabled], .treemap-display button.treemap-details.dt-button[disabled],
.treemap-display div.treemap-details.dt-button[disabled],
.treemap-display a.treemap-details.dt-button[disabled] {
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
}

.treemap-display .graph {
  min-height: 20em;
}

.treemap-display .sidebar-details {
  padding-top: 1.4em;
}

.treemap__display {
  display: table;
  width: 100%;
  padding: 0 1em 1em;
  border-radius: 0.25em;
  background-color: #f8f8f8;
}

.treemap__main {
  display: table-cell;
  width: 66.66666667%;
  padding-right: 0.5em;
}

.treemap__sidebar {
  display: table-cell;
  width: 33.33333333%;
  padding-left: 0.5em;
}

.treemap__metrics {
  margin-top: 0.7em;
}

.treemap__legend {
  margin-top: 2.75em;
}

.treemap__view {
  margin: 0;
  padding: 0;
  float: left;
  min-width: 50%;
}

.treemap__view h4,
.treemap__view .note {
  margin: 0 1em 0 0;
}

.c-treemap {
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f8f8;
  padding: 1em;
  transform: translateZ(0);
}

.c-treemap__note {
  font-size: 1em;
  font-weight: 400;
  color: #f15727;
  margin: 0;
}

.c-treemap__row {
  flex-basis: 100%;
  display: flex;
  align-items: center;
}

.c-treemap__col {
  flex: 1;
  margin-left: 20px;
  overflow: hidden;
  position: relative;
}

.c-treemap__col:nth-of-type(1) {
  flex: 1;
  flex-grow: 2;
  margin-left: 0;
}

.c-treemap__col.no--flex {
  flex: none;
}

.c-treemap__legend {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  padding: 5px 0;
}

.c-treemap__legend .c-metricbar {
  flex: 1;
  width: 100%;
}

.c-treemap__legend-title {
  font-size: 0.75em;
  font-weight: 400;
  margin: 0 1em;
  text-align: center;
}

.c-treemap__sidebartitle {
  margin: 0;
  padding: 4px 0px;
}

.c-treemap__details {
  min-width: 40%;
}

.c-treemap__hover-details {
  margin-bottom: 0.25em;
  min-height: 1.6em;
  line-height: 1.2em;
  font-style: italic;
  font-size: 0.75em;
  border-bottom: 1px solid #ccc;
}

.c-metricbar {
  border-radius: 0.3125em;
  color: #02284b;
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.c-metricbar.c-metricbar--spacious {
  justify-content: flex-start;
}

.c-metricbar__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
  padding: 0.95em 0;
  flex: 1;
  margin-bottom: 2px;
  min-height: 40px;
}

.c-metricbar__item--clickable {
  color: #46b0b9;
  cursor: pointer;
}

.c-metricbar__item--clickable:hover {
  background: #46b0b9;
  color: #ffffff;
}

.c-metricbar__item.split--item {
  flex: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background: transparent;
  padding: 0;
  min-height: 6em;
}

.c-metricbar--spacious .c-metricbar__item {
  padding: 1.5em 0;
}

.c-metricbar--spacious .c-metricbar__item + .c-metricbar__item {
  margin-top: 2px;
}

.c-metricbar__subitem {
  display: flex;
  flex: 1;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
  padding: 0.95em 0;
}

.c-metricbar__subitem--clickable {
  color: #46b0b9;
  cursor: pointer;
}

.c-metricbar__subitem--clickable:hover {
  background: #46b0b9;
  color: #ffffff;
}

.c-metricbar__subitem + .c-metricbar__subitem {
  margin-left: 6px;
}

.c-metricbar__value {
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.1em;
}

.c-metricbar__value em {
  font-weight: 400;
  font-style: normal;
  font-size: 0.9em;
}

.c-metricbar__units {
  font-size: 0.935em;
  font-weight: 400;
  line-height: 1em;
  text-transform: uppercase;
}

.c-legend {
  display: flex;
  list-style: none;
  margin: 0.5em 0 0 0;
  padding: 0;
}

.c-legend__item {
  flex: 1;
}

.c-legend__item + .c-legend__item .c-legend__key {
  border-left: 1px solid #ffffff;
}

.c-legend__key {
  display: block;
  height: 15px;
  background: red;
}

.c-legend__label {
  font-size: 0.75em;
  font-weight: 400;
  color: #999999;
  display: block;
  text-align: center;
}

.fixed-tm-height {
  max-height: 413.95px;
  min-height: 350px;
}

.fixed-tm-height-privileged {
  min-height: 604px;
}

.fixed-tm-height-table-view {
  min-height: 400px;
}

.app-message,
.app-login,
.test {
  background-color: #02284b;
}

.app-message .top-container,
.app-login .top-container,
.test .top-container {
  display: none;
}

.app-message .main-container,
.app-login .main-container,
.test .main-container {
  padding: 0;
  background-color: #02284b;
}

.app-message .main-container:before,
.app-login .main-container:before,
.test .main-container:before {
  display: none;
}

.app-message .main-content,
.app-login .main-content,
.test .main-content {
  height: 100%;
}

.app-message .page-header,
.app-login .page-header,
.test .page-header {
  position: relative;
  top: 0;
  line-height: 4.4rem;
  text-align: center;
  margin-bottom: 0;
}

.app-message .page-header h1,
.app-login .page-header h1,
.test .page-header h1 {
  padding: 0;
}

.app-message .page-header .page-title,
.app-login .page-header .page-title,
.test .page-header .page-title {
  color: #fff;
  font-size: 2em;
  font-weight: 300;
  background: none;
  margin: 0 auto;
}

.app-message .page-header .page-title:after,
.app-login .page-header .page-title:after,
.test .page-header .page-title:after {
  content: '';
  display: block;
  height: 4px;
  width: 24px;
  background: #f15727;
  margin: 1em auto;
}

.app-message .footer-container,
.app-login .footer-container,
.test .footer-container {
  display: block;
  background-color: #4a4a4a;
  margin-left: 0;
}

.app-message .footer-container footer,
.app-login .footer-container footer,
.test .footer-container footer {
  border-top: 1px solid #999;
  max-width: 100%;
}

.app-message .simple-message,
.app-message .simple-form,
.app-login .simple-message,
.app-login .simple-form,
.test .simple-message,
.test .simple-form {
  width: 28em;
  max-width: 100%;
  padding: 0;
  margin: 0 auto 3em;
  min-height: 16em;
  overflow: visible;
  background: #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.6);
}

.app-message .simple-message .hd,
.app-message .simple-form .hd,
.app-login .simple-message .hd,
.app-login .simple-form .hd,
.test .simple-message .hd,
.test .simple-form .hd {
  height: 7.5em;
  width: 100%;
  margin: 0;
  padding: 1em;
  background-color: #fff;
  text-align: center;
  border-radius: 7px 7px 0 0;
  border-bottom: 1px solid #999;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .app-message .simple-message .hd,
  .app-message .simple-form .hd,
  .app-login .simple-message .hd,
  .app-login .simple-form .hd,
  .test .simple-message .hd,
  .test .simple-form .hd {
    height: 7.5rem;
  }
}

.mq--medium .app-message .simple-message .hd, .mq--medium
.app-message .simple-form .hd, .mq--medium
.app-login .simple-message .hd, .mq--medium
.app-login .simple-form .hd, .mq--medium
.test .simple-message .hd, .mq--medium
.test .simple-form .hd {
  height: 7.5rem;
}

@media all and (min-width: medium) {
  .app-message .simple-message .hd,
  .app-message .simple-form .hd,
  .app-login .simple-message .hd,
  .app-login .simple-form .hd,
  .test .simple-message .hd,
  .test .simple-form .hd {
    height: 7.5rem;
  }
}

.app-message .simple-message .hd .logo,
.app-message .simple-form .hd .logo,
.app-login .simple-message .hd .logo,
.app-login .simple-form .hd .logo,
.test .simple-message .hd .logo,
.test .simple-form .hd .logo {
  width: 310px;
  height: 72px;
  width: 19.375rem;
  height: 5.5rem;
  overflow: hidden;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .app-message .simple-message .hd .logo,
  .app-message .simple-form .hd .logo,
  .app-login .simple-message .hd .logo,
  .app-login .simple-form .hd .logo,
  .test .simple-message .hd .logo,
  .test .simple-form .hd .logo {
    height: 4.5rem;
  }
}

.mq--large .app-message .simple-message .hd .logo, .mq--large
.app-message .simple-form .hd .logo, .mq--large
.app-login .simple-message .hd .logo, .mq--large
.app-login .simple-form .hd .logo, .mq--large
.test .simple-message .hd .logo, .mq--large
.test .simple-form .hd .logo {
  height: 4.5rem;
}

@media all and (min-width: large) {
  .app-message .simple-message .hd .logo,
  .app-message .simple-form .hd .logo,
  .app-login .simple-message .hd .logo,
  .app-login .simple-form .hd .logo,
  .test .simple-message .hd .logo,
  .test .simple-form .hd .logo {
    height: 4.5rem;
  }
}

.app-message .simple-message .bd,
.app-message .simple-form .bd,
.app-login .simple-message .bd,
.app-login .simple-form .bd,
.test .simple-message .bd,
.test .simple-form .bd {
  width: 100%;
  padding: 1em;
  background-color: #eeeeee;
}

.app-message .simple-message .bd > p,
.app-message .simple-form .bd > p,
.app-login .simple-message .bd > p,
.app-login .simple-form .bd > p,
.test .simple-message .bd > p,
.test .simple-form .bd > p {
  line-height: 1.5;
}

.app-message .simple-message .bd h2,
.app-message .simple-form .bd h2,
.app-login .simple-message .bd h2,
.app-login .simple-form .bd h2,
.test .simple-message .bd h2,
.test .simple-form .bd h2 {
  font-size: 1.3em;
  font-weight: 600;
  text-align: center;
}

.app-message .simple-message .bd .nicebutton, .app-message .simple-message .bd .matchbutton, .app-message .simple-message .bd .squaredIconButton, .app-message .simple-message .bd .button-card__button, .app-message .simple-message .bd button.dt-button,
.app-message .simple-message .bd div.dt-button,
.app-message .simple-message .bd a.dt-button,
.app-message .simple-form .bd .nicebutton,
.app-message .simple-form .bd .matchbutton,
.app-message .simple-form .bd .squaredIconButton,
.app-message .simple-form .bd .button-card__button,
.app-message .simple-form .bd button.dt-button,
.app-message .simple-form .bd div.dt-button,
.app-message .simple-form .bd a.dt-button,
.app-login .simple-message .bd .nicebutton,
.app-login .simple-message .bd .matchbutton,
.app-login .simple-message .bd .squaredIconButton,
.app-login .simple-message .bd .button-card__button,
.app-login .simple-message .bd button.dt-button,
.app-login .simple-message .bd div.dt-button,
.app-login .simple-message .bd a.dt-button,
.app-login .simple-form .bd .nicebutton,
.app-login .simple-form .bd .matchbutton,
.app-login .simple-form .bd .squaredIconButton,
.app-login .simple-form .bd .button-card__button,
.app-login .simple-form .bd button.dt-button,
.app-login .simple-form .bd div.dt-button,
.app-login .simple-form .bd a.dt-button,
.test .simple-message .bd .nicebutton,
.test .simple-message .bd .matchbutton,
.test .simple-message .bd .squaredIconButton,
.test .simple-message .bd .button-card__button,
.test .simple-message .bd button.dt-button,
.test .simple-message .bd div.dt-button,
.test .simple-message .bd a.dt-button,
.test .simple-form .bd .nicebutton,
.test .simple-form .bd .matchbutton,
.test .simple-form .bd .squaredIconButton,
.test .simple-form .bd .button-card__button,
.test .simple-form .bd button.dt-button,
.test .simple-form .bd div.dt-button,
.test .simple-form .bd a.dt-button {
  min-width: 7em;
}

.app-message .simple-message .ft,
.app-message .simple-form .ft,
.app-login .simple-message .ft,
.app-login .simple-form .ft,
.test .simple-message .ft,
.test .simple-form .ft {
  width: 100%;
  height: 58px;
  height: 3.5rem;
  line-height: 3em;
  background-color: #999;
  border-top: 1px solid #666;
  padding: 1em;
  font-size: 0.75em;
  color: #fff;
  border-radius: 0 0 7px 7px;
}

.app-message .simple-message .ft a,
.app-message .simple-message .ft span,
.app-message .simple-form .ft a,
.app-message .simple-form .ft span,
.app-login .simple-message .ft a,
.app-login .simple-message .ft span,
.app-login .simple-form .ft a,
.app-login .simple-form .ft span,
.test .simple-message .ft a,
.test .simple-message .ft span,
.test .simple-form .ft a,
.test .simple-form .ft span {
  text-shadow: 0 0 0 0 #666;
}

.app-message .simple-message .ft a,
.app-message .simple-form .ft a,
.app-login .simple-message .ft a,
.app-login .simple-form .ft a,
.test .simple-message .ft a,
.test .simple-form .ft a {
  color: #fff;
  font-weight: 600;
  padding: 0.25em 0.5em;
  border-radius: 30px;
  background-color: transparent;
}

.app-message .simple-message .ft a:hover,
.app-message .simple-form .ft a:hover,
.app-login .simple-message .ft a:hover,
.app-login .simple-form .ft a:hover,
.test .simple-message .ft a:hover,
.test .simple-form .ft a:hover {
  color: #fff;
  text-shadow: 0 0 0 0 #fff;
  background-color: #666;
}

.app-message .buttons,
.app-login .buttons,
.test .buttons {
  margin: 0;
}

.app-message .sign-in-form ::-ms-reveal,
.app-message .simple-form ::-ms-reveal,
.app-login .sign-in-form ::-ms-reveal,
.app-login .simple-form ::-ms-reveal,
.test .sign-in-form ::-ms-reveal,
.test .simple-form ::-ms-reveal {
  display: none !important;
}

.lt-ie8 .app-message .sign-in-form, .lt-ie8
.app-message .simple-form, .lt-ie8
.app-login .sign-in-form, .lt-ie8
.app-login .simple-form, .lt-ie8
.test .sign-in-form, .lt-ie8
.test .simple-form {
  height: 250px;
}

.app-message .simple-form,
.app-login .simple-form,
.test .simple-form {
  text-align: center;
}

.app-message .simple-form .form-field,
.app-login .simple-form .form-field,
.test .simple-form .form-field {
  width: auto;
  width: 20rem;
}

.app-message .simple-form .form-field:focus,
.app-login .simple-form .form-field:focus,
.test .simple-form .form-field:focus {
  border-color: #0088cc;
  outline: transparent;
  z-index: 2;
}

.app-message .simple-form .niceform,
.app-login .simple-form .niceform,
.test .simple-form .niceform {
  margin: 1rem auto 2rem;
}

.hideShowPassword-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  margin: 0;
}

.hideShowPassword-wrapper input[type='text'],
.hideShowPassword-wrapper input[type='password'] {
  padding-right: 3.75em;
}

.password-toggle {
  color: #888;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.5em 1em;
  text-transform: uppercase;
  position: absolute;
  top: 10%;
  user-select: none;
  -webkit-user-select: none;
  right: 0;
}

.app-login .simple-form .bd h2.client-name {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
  color: #02284b;
}

.app-login .simple-form .bd h3.subhead {
  margin-bottom: 1em;
  font-size: 1.25em;
  font-weight: 400;
  color: #02284b;
}

.app-login .simple-form .bd .login-field {
  width: auto;
  width: 20rem;
}

.app-login .simple-form .bd .login-field:focus {
  border-color: #0088cc;
  outline: transparent;
  z-index: 2;
}

.app-message .hd .error-img {
  margin: 0 auto;
}

.app-message .bd .error-img {
  margin: -0.5em auto 0;
  text-align: center;
}

.app-message .bd .main-error-text {
  text-align: center;
  font-weight: 300;
  font-size: 1.25em;
}

.lt-ie8 .app-login .main-content {
  height: 100%;
}

.lt-ie8 .app-login a.login-button,
.lt-ie8 .app-login a.login-button:visited {
  color: #fff !important;
}

.lt-ie8 .app-message .page-header {
  position: relative;
  top: 0;
  text-align: center;
  margin-bottom: 0;
  background: none;
}

.lt-ie8 .app-message .page-header .page-title {
  line-height: 2em;
}

#presentation,
.presentation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.presentation {
  display: flex;
  /** @TODO: remove after broker and prototype updates */
  /*h1*/
  /*h2*/
  /*h3*/
  /*p*/
}

.presentation h1.primary,
.presentation h2.primary,
.presentation h3.primary,
.presentation h4.primary,
.presentation h5.primary {
  color: #639dea;
}

.presentation__nav {
  width: 15em;
  display: flex;
  flex-direction: column;
  position: relative;
  -ms-overflow-style: scrollbar;
}

.nav--collapsed .presentation__nav {
  width: 6em;
  text-align: center;
}

.presentation__nav--collapsed {
  width: 6em;
  text-align: center;
}

.presentation__nav-header {
  padding-top: 1.5rem;
  background: #fff;
  box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.2);
}

.presentation__group {
  padding: 0 0 0.5em;
  border-top: 1px solid #ccc;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: #02284b;
  flex: 1;
}

.presentation__nav--collapsed .presentation__group {
  padding: 0;
}

.presentation__group-inner {
  padding-top: 1em;
  position: relative;
}

.presentation__group-inner > .loader {
  position: absolute;
  top: 4em;
  right: 0;
  left: 0;
  margin: auto;
}

.presentation__collapse {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  color: #999;
  cursor: pointer;
}

.presentation__collapse:hover {
  color: #46b0b9;
}

.presentation__expand {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  color: #999;
  cursor: pointer;
}

.presentation__expand:hover {
  color: #46b0b9;
}

.presentation__search {
  border-top: 1px solid #ccc;
  font-size: 0.875em;
  padding-bottom: 0.5em;
}

.presentation__searchbox {
  display: flex;
  align-items: center;
  padding: 0 1em;
}

.presentation__searchbox .presentation__search-icon {
  margin-top: 0;
  margin-right: 0.5em;
}

.presentation__searchbox input[type='text'] {
  flex: 1;
}

.presentation__search-icon {
  font-size: 1.25rem;
  margin-top: 0.5em;
  color: #999;
  cursor: pointer;
}

.nav--collapsed .presentation__search-icon:hover {
  color: #46b0b9;
}

.presentation__settings {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 1em;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  cursor: pointer;
}

.presentation__settings.is--active h4 {
  color: #f15727;
}

.presentation__settings.is--active:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -0.3em;
  top: 50%;
  margin-top: -0.5em;
  border: 0.5em solid transparent;
  border-left: 0.5em solid #f15727;
}

.presentation__settings.is--active .icon-settings {
  color: #f15727;
}

.nav--collapsed .presentation__settings {
  justify-content: center;
}

.presentation__nav--collapsed .presentation__settings {
  justify-content: center;
}

.presentation__settings .icon-settings {
  margin: 0.4em 0.5em 0.4em 0;
  font-size: 1.25em;
  color: #999;
}

.nav--collapsed .presentation__settings .icon-settings {
  margin-right: 0;
}

.presentation__nav--collapsed .presentation__settings .icon-settings {
  margin-right: 0;
}

.presentation__settings h4 {
  flex: 1;
  margin: 0.5em 0 0.5em 3px;
  font-weight: 600;
  font-size: 0.85em;
  color: #46b0b9;
}

.presentation.nav--collapsed .presentation__settings h4 {
  display: none;
}

.presentation__nav--collapsed .presentation__settings h4 {
  display: none;
}

.presentation__wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
  display: flex;
  flex-direction: column;
  flex: 1;
  border: 2px solid transparent;
  position: relative;
}

.presentation__wrapper > .loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.presentation__body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.presentation__inner {
  flex: 1;
  padding: 1em;
}

.presentation__header {
  margin-bottom: 1rem;
}

.presentation__meta {
  display: flex;
  margin-top: 1.3em;
  padding: 0 16px;
}

.presentation .presentation__header .page-header {
  max-width: 75rem;
  margin: 0 auto;
}

.presentation .presentation__header .page-header .profile-name {
  margin-left: 0;
  font-size: 0.7692307692em;
}

.presentation .page-title {
  flex: 1;
  padding: 0;
}

.presentation .subhead {
  float: none;
}

.presentation__page-name {
  margin: 0;
  padding: 0.25em 16px 0.5em;
  border-bottom: 1px solid #ccc;
  font-size: 1.625em;
  font-weight: 300;
  color: #000;
}

.presentation__subtitle {
  font-weight: 300;
  margin-bottom: 0;
}

.presentation__title {
  margin: 0.25em 0;
  padding-bottom: 10px;
}

.presentation__label {
  margin: 0.25rem 0;
  padding: 0;
  margin-left: 3rem;
}

.presentation.nav--collapsed .presentation__label {
  display: none;
}

.presentation__nav--collapsed .presentation__label {
  display: none;
}

.presentation__page {
  padding: 0 0 2em;
  max-width: 75rem;
  margin: 0 auto;
}

.presentation__print {
  padding: 3em 2em 1em;
  background: #fff;
}

.presentation__print .page-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.presentation__print .print__page {
  padding-top: 0.5em;
  background: #eee;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  page-break-inside: avoid;
  page-break-after: always;
}

.presentation__print .print__page + .print__page {
  margin-top: 2em;
}

.presentation__print .presentation__page {
  padding-bottom: 0.5em;
}

.presentation .intro__text {
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 0;
}

.presentation .intro__text.primary {
  color: #639dea;
}

.presentation .s-summary {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.25em 16px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  color: #999;
  font-size: 0.75em;
  text-transform: uppercase;
  user-select: none;
}

.presentation .s-summary__container {
  font-size: 0.75em;
  width: 100%;
}

.presentation .s-summary__container--expanded .s-summary__content {
  max-height: 400px;
  padding: 1em 16px;
  background-color: rgba(0, 0, 0, 0.0588235);
}

.presentation .s-summary__content {
  overflow: hidden;
  max-height: 0;
  padding: 0 16px;
  background: transparent;
  transition: max-height 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out;
}

.presentation .s-summary__content--enter {
  max-height: 0 !important;
  padding: 0 16px !important;
}

.presentation .s-summary__content--enter--active {
  max-height: 200px !important;
  padding: 1em 16px !important;
  transition: max-height 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out;
}

.presentation .s-summary__content--leave {
  max-height: 200px;
  padding: 1em 16px;
}

.presentation .s-summary__content--leave--active {
  max-height: 0;
  padding: 0 16px;
  transition: max-height 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out;
}

.presentation .s-summary:hover {
  color: #46b0b9;
}

.presentation .s-summary__text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.presentation .s-summary__icon {
  fill: #999;
  margin-right: 0.5em;
  font-size: 1.2em;
}

.dataTables_scrollBody {
  overflow-x: hidden !important;
}

.p-tile {
  padding: 0 0.25em;
  color: #fff;
  border-top: 1px solid #03427d;
  position: relative;
  background-color: #02284b;
  cursor: pointer;
  display: flex;
  align-items: center;
  /*img*/
  /*h4*/
}

.p-tile:last-child {
  border-bottom: 1px solid #03427d;
}

.p-tile--collapsed {
  background-color: #011b32;
  padding: 0.2em 0;
  border: 0;
  border-top: 1px dashed #03427d;
}

.p-tile--selected {
  background-color: #f15727;
  color: #fff;
  border-color: #f15727;
  cursor: default;
}

.p-tile__inner {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 0.75rem 0;
}

.p-tile__inner:hover {
  color: #46b0b9;
}

.p-tile--selected .p-tile__inner:hover {
  color: #fff;
}

.p-tile__icon {
  width: 1.25em;
  height: 1.25em;
  margin: 0 0.75em;
  display: block;
  flex: none;
  opacity: 0.5;
}

.p-tile__title {
  margin: 0 0 0 0.25em;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  flex: 1;
}

.presentation.nav--collapsed .p-tile__title {
  display: none;
}

.presentation__nav--collapsed .p-tile__title {
  display: none;
}

.p-tile__close {
  color: #055dae;
  font-size: 0.7em;
  cursor: pointer;
  width: 24px;
  height: 44px;
  line-height: 44px;
}

.p-tile__close:before {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  display: block;
  width: 1em;
  height: 1em;
}

.p-tile__close:hover {
  color: #46b0b9;
}

.p-tile--collapsed .p-tile__close {
  display: none;
}

.p-tile--selected .p-tile__close {
  color: #f7a287;
}

.p-tile__collapsed-icon {
  margin-left: 0.5em;
  font-size: 1.5em;
  font-weight: 700;
  height: 1em;
  line-height: 0.5em;
  display: block;
  cursor: pointer;
  color: #03427d;
}

.p-tile--collapsed:hover .p-tile__collapsed-icon {
  color: #46b0b9;
}

.hilights__title {
  font-size: 1.5em;
}

.hilights__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hilights__item {
  width: 100%;
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
  padding: 0.5em 1.25em 2em 0.25em;
  position: relative;
}

@media all and (min-width: 768px) {
  .hilights__item {
    width: 50%;
  }
}

.mq--medium .hilights__item {
  width: 50%;
}

@media all and (min-width: 1100px) {
  .hilights__item {
    width: 33.33%;
  }
}

.mq--large .hilights__item {
  width: 33.33%;
}

.hilights__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: calc(100% - 1em);
  width: -webkit-calc(100% - 1em);
  height: 3px;
  background: #639dea;
}

.flexrow {
  display: flex;
}

.flexrow.bordered:first-of-type {
  border-top: 1px solid #ccc;
}

.flexrow.bordered:last-of-type {
  border-bottom: 1px solid #ccc;
}

.flexrow.bordered:only-of-type {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.flexrow.bordered + .flexrow {
  border-top: 1px solid #ccc;
}

.flexitem {
  flex: 1;
  min-width: 0;
}

.commissionVFee {
  padding: 0.5em 1em;
  border-radius: 8px;
  text-align: center;
  background: #ffffff;
}

.commissionVFee__total {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 2rem;
  color: #02284b;
}

.commissionVFee__label {
  color: #666;
}

.commissionVFee__stat {
  text-align: left;
  color: #488bfb;
  font-weight: 600;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commissionVFee__stat:nth-of-type(2) {
  text-align: right;
  color: #93b522;
}

.commissionVFee__progress {
  margin: 0.5em 0;
}

.datacard {
  border-radius: 4px;
  border: 1px solid #eee;
  background: #fff;
  padding: 1em;
  display: flex;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.datacard + .datacard {
  margin-top: 1em;
}

.datacard__rank {
  width: 5rem;
  margin-right: 1em;
  display: flex;
  justify-content: center;
}

.datacard__circle {
  border: 4px solid #90b64f;
  background-color: #a7c573;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.625em;
}

.datacard__circle > span:before {
  content: '#';
  font-weight: 400;
  font-size: 0.8em;
  position: relative;
  top: -0.25em;
  margin-left: -0.5em;
}

.datacard__meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.datacard__title {
  font-weight: 600;
  margin-bottom: 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datacard:nth-of-type(1) .datacard__circle {
  width: 5rem;
  height: 5rem;
}

.datacard:nth-of-type(2) .datacard__circle {
  width: 4.5rem;
  height: 4.5rem;
}

.datacard:nth-of-type(3) .datacard__circle {
  width: 4rem;
  height: 4rem;
}

.datacard:nth-of-type(4) .datacard__circle {
  width: 3.5rem;
  height: 3.5rem;
}

.datacard:nth-of-type(5) .datacard__circle {
  width: 3rem;
  height: 3rem;
}

.datacard:nth-of-type(6) .datacard__circle {
  width: 2.5rem;
  height: 2.5rem;
}

.datacard:nth-of-type(7) .datacard__circle {
  width: 2rem;
  height: 2rem;
}

.datacard:nth-of-type(8) .datacard__circle {
  width: 1.5rem;
  height: 1.5rem;
}

.datacard:nth-of-type(9) .datacard__circle {
  width: 1rem;
  height: 1rem;
}

.datacard:nth-of-type(10) .datacard__circle {
  width: 0.5rem;
  height: 0.5rem;
}

.rankgrid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.ranktotal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  order: 1;
  margin: 0 0.75em 1em;
  padding: 1em;
  background-color: #fff;
  border-top: 5px solid #a7c573;
  border-radius: 0.25em;
  color: #02284b;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 1100px) {
  .ranktotal {
    width: calc(66.66% - 2em + 6px);
    width: -webkit-calc(66.66% - 2em + 6px);
    order: 2;
  }
  .ranktotal.position--1 {
    order: 1;
  }
  .ranktotal.size--1 {
    width: calc(33.33% - 2em + 6px);
    width: -webkit-calc(33.33% - 2em + 6px);
  }
}

.mq--large .ranktotal {
  width: calc(66.66% - 2em + 6px);
  width: -webkit-calc(66.66% - 2em + 6px);
  order: 2;
}

.mq--large .ranktotal.position--1 {
  order: 1;
}

.mq--large .ranktotal.size--1 {
  width: calc(33.33% - 2em + 6px);
  width: -webkit-calc(33.33% - 2em + 6px);
}

@media all and (min-width: large) {
  .ranktotal {
    width: calc(66.66% - 2em + 6px);
    width: -webkit-calc(66.66% - 2em + 6px);
    order: 2;
  }
  .ranktotal.position--1 {
    order: 1;
  }
  .ranktotal.size--1 {
    width: calc(33.33% - 2em + 6px);
    width: -webkit-calc(33.33% - 2em + 6px);
  }
}

.ranktotal__total {
  font-size: 2.5em;
  font-weight: 700;
}

.ranktotal__total em {
  font-weight: 300;
  font-style: normal;
}

.ranktotal__label {
  font-size: 0.9em;
  color: #666;
  text-transform: uppercase;
}

.ranktotal__note {
  font-size: 1.2em;
}

.rankcard {
  display: flex;
  color: #02284b;
  /*ul*/
  /*ol*/
  /*li*/
  /*li*/
}

.rankcard__inner {
  flex: 1;
  display: flex;
  position: relative;
  margin: 0 0.75em 1em;
  min-height: 7em;
  border: 1px solid #eee;
  border-radius: 0.25em;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.rankgrid .rankcard {
  width: 100%;
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
  order: 3;
}

@media all and (min-width: 768px) {
  .rankgrid .rankcard {
    width: 50%;
  }
}

.mq--medium .rankgrid .rankcard {
  width: 50%;
}

@media all and (min-width: 1100px) {
  .rankgrid .rankcard {
    width: 33.33%;
  }
}

.mq--large .rankgrid .rankcard {
  width: 33.33%;
}

.rankgrid .rankcard:first-of-type {
  order: 1;
}

.rankcard__rank {
  width: 2.5em;
  height: 2.5em;
  border-radius: 2em;
  border: 3px solid #90b64f;
  color: #fff;
  font-weight: 700;
  font-size: 1em;
  line-height: 2.25em;
  text-align: center;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  background: #a7c573;
  letter-spacing: -0.05em;
}

.rankcard__rank:before {
  content: '#';
  font-size: 0.8em;
  font-weight: 600;
  position: relative;
  top: -0.4em;
  margin-left: -0.5em;
  letter-spacing: 0.05em;
}

.rankcard main {
  font-weight: 600;
}

.rankcard__value {
  font-size: 1.5em;
  font-weight: 700;
}

.rankcard__value em {
  font-size: 1em;
  font-weight: 300;
  font-style: normal;
}

.rankcard__list, .rankcard__olist {
  margin: 1em;
  padding: 0;
  text-align: left;
  font-size: 0.75em;
}

.rankcard__list-title, .rankcard__olist-title {
  background: #eee;
  padding: 0 0.25em;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
}

.rankcard__list {
  list-style: none;
}

.rankcard__olist {
  padding-left: 1.75em;
}

.rankcard__item {
  padding: 0.25em 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rankcard__item + .rankcard__item {
  border-top: 1px solid #ccc;
}

.rankcard__oitem {
  padding: 0.25em 0.5em;
}

.rankcard__data {
  font-weight: 700;
  font-size: 1.25em;
}

.rankcard__data em {
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
}

.rankcard__unit {
  font-size: 0.625em;
  font-weight: 400;
  line-height: 1.25;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rankcard tbody {
  border-bottom: none;
}

.top5 {
  display: flex;
  margin-bottom: 1em;
}

.top5__cell {
  flex: 1;
  padding: 0 0.75em 0 0.25em;
}

.top5__title {
  padding: 0.75em 0.5em;
  margin: 0;
  background: #90b64f;
  color: #ffffff;
  font-weight: 600;
  font-size: 1em;
  border-radius: 0.25em;
  text-align: center;
}

.top5--industries .rankcard__rank {
  border: 3px solid #fd7c23;
  background: #fdab3c;
}

.top5--industries .top5__title {
  background: #fd7c23;
}

.top5--locations .rankcard__rank {
  border: 3px solid #488bfb;
  background: #639dea;
}

.top5--locations .top5__title {
  background: #488bfb;
}

.top5__col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.top5__col .top5__card {
  display: inline-block;
}

.top5-card__header, .top5-card__main {
  padding: 0.5em;
}

.top5-card__header {
  border-bottom: 1px solid #ccc;
}

.top5-card__main {
  flex: 1;
}

.bullet {
  position: relative;
  height: 2.5em;
  border-radius: 0.25em;
  background: #ddd;
}

.bullet__group {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.bullet__wrapper {
  display: flex;
  align-items: center;
  padding: 1.75em 0;
  overflow: hidden;
}

.bullet__wrapper + .bullet__wrapper {
  border-top: 1px solid #ddd;
}

.bullet__wrapper .bullet__chart {
  flex: 1;
}

.bullet__label {
  width: 140px;
  text-align: right;
  padding-right: 1em;
  font-weight: 600;
}

.bullet__value {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.bullet__value:after {
  content: '';
  position: absolute;
  height: 3.25em;
  bottom: 0.5em;
  right: 0;
  border-left: 0.25em solid #3681e4;
}

.bullet__value .bullet__text {
  position: absolute;
  top: -1.25em;
  right: 0;
  color: #3681e4;
  margin-right: 8px;
}

.bullet__benchmark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.bullet__benchmark:after {
  content: '';
  position: absolute;
  height: 3.75em;
  top: 0;
  right: 0;
  border-left: 0.25em solid #fd7c23;
}

.bullet__benchmark .bullet__text {
  position: absolute;
  bottom: -1.25em;
  right: 0;
  color: #fd7c23;
  margin-right: 8px;
}

.bullet__bar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 0.25em;
  height: 1.5em;
  background: #639dea;
}

.bullet__text {
  font-weight: 700;
  line-height: 1;
}

.b-legend {
  display: flex;
  align-items: center;
}

.b-legend.bordered {
  border-top: 1px solid #ccc;
}

.b-legend__title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b-legend__key {
  display: flex;
  align-items: center;
}

.b-legend__key + .b-legend__key {
  margin-left: 1em;
}

.b-legend__label {
  font-weight: 600;
  font-size: 1em;
  flex: 1;
  flex-basis: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swatch {
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  display: inline-block;
  position: relative;
}

.swatch:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.swatch.swatch--target:before {
  border-radius: 50%;
  background: transparent;
  border: 3px solid #70961a;
}

.swatch.swatch--average:before {
  border-radius: 50%;
  background: #f15727;
}

.swatch.swatch--market-average:before {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
}

.pref-badge {
  border-radius: 0.25em;
  background: #ffffff;
  padding: 0.5em 0.5em;
  text-align: center;
}

.pref-badge__icon {
  font-size: 1.25em;
  text-indent: 16px;
}

.pref-badge__text {
  font-size: 0.75em;
  text-transform: uppercase;
  color: #02284b;
  display: block;
}

.radialprog {
  width: 150px;
  height: 150px;
  display: inline-block;
  position: relative;
}

.radialprog__label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.radialprog__progress {
  margin: 0 0 0.25em 0;
  font-weight: 300;
  font-size: 2em;
  color: #639dea;
}

.radialprog__yoy {
  margin: 0;
}

.radialprog__yoy.arrow-down:before {
  content: "";
}

.radialprog__yoy.arrow-up:before {
  content: "";
}

.profile {
  position: relative;
  margin: 0 0 1em;
  padding: 0;
  display: flex;
}

.profile:after {
  content: '';
  display: table;
  clear: both;
}

.profile__avatar {
  width: 250px;
  background: #fff;
  margin-right: 1em;
  position: relative;
  border-top: 8px solid;
  border-radius: 0.25em;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}

.profile__img {
  width: 100%;
  height: 100%;
  display: block;
}

@supports (object-fit: cover) {
  .profile__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.profile__summary {
  border-radius: 0.25em;
  border-top: 8px solid;
  padding: 1em;
  flex: 1;
  background: #fff;
  margin-right: 1em;
}

.profile__summary:last-child {
  margin-right: 0;
}

.profile--program .profile__summary, .profile--program .profile__avatar {
  border-top-color: #a7c573;
}

.profile--clients .profile__summary, .profile--clients .profile__avatar {
  border-top-color: #ffba30;
}

.profile--colleague .profile__summary, .profile--colleague .profile__avatar {
  border-top-color: #639dea;
}

.profile--team .profile__summary, .profile--team .profile__avatar {
  border-top-color: #639dea;
}

.profile--market .profile__summary, .profile--market .profile__avatar {
  border-top-color: #8b7fe9;
}

.profile__list {
  margin: 0.5em 0;
  padding: 0;
}

.profile__item {
  list-style: none;
  line-height: 2;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
  display: flex;
}

.profile__item li {
  list-style: none;
}

.profile__item:last-of-type {
  border-bottom: none;
}

.profile__item .data-label {
  display: inline-block;
  width: 25%;
  max-width: 9em;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.profile__item .data {
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}

.profile__item .data.wrap {
  white-space: initial;
}

.profile__child + .profile__child {
  margin-left: 0.5em;
}

.context {
  /*ul*/
  /*li*/
  /*a*/
}

.context-target {
  position: relative;
  overflow: visible;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0) scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: translate3d(-50%, 0, 0) scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: translate3d(-50%, 0, 0) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: translate3d(-50%, 0, 0) scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
  }
}

.context__menu {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(0);
  bottom: calc(100% + 20px);
  bottom: -webkit-calc(100% + 20px);
  backdrop-filter: blur(10px);
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

.context__menu.is--visible {
  z-index: 10;
  pointer-events: auto;
  animation: bounceIn 0.3s ease-in forwards;
}

.context__menu:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: rgba(2, 40, 75, 0.8) transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  right: 0;
  left: 0;
  margin: auto;
}

.context__option {
  overflow: hidden;
  background: rgba(2, 40, 75, 0.8);
}

.context__option:nth-of-type(0) > a {
  transition-delay: 0s;
}

.context__option:nth-of-type(1) > a {
  transition-delay: 0.05s;
}

.context__option:nth-of-type(2) > a {
  transition-delay: 0.1s;
}

.context__option:nth-of-type(3) > a {
  transition-delay: 0.15s;
}

.context__option:nth-of-type(4) > a {
  transition-delay: 0.2s;
}

.context__option:nth-of-type(5) > a {
  transition-delay: 0.25s;
}

.context__option:nth-of-type(6) > a {
  transition-delay: 0.3s;
}

.context__option:nth-of-type(7) > a {
  transition-delay: 0.35s;
}

.context__option:nth-of-type(8) > a {
  transition-delay: 0.4s;
}

.context__option:nth-of-type(9) > a {
  transition-delay: 0.45s;
}

.context__option:nth-of-type(10) > a {
  transition-delay: 0.5s;
}

.context__option:first-of-type {
  border-radius: 0.25em 0.25em 0 0;
}

.context__option:last-of-type {
  border-radius: 0 0 0.25em 0.25em;
}

.context__option:only-of-type {
  border-radius: 0.25em;
}

.context__option + li {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.context__link {
  display: block;
  padding: 0.5em 0.75em;
  color: #ffffff;
}

.context__link.drag--active {
  background: rgba(2, 40, 75, 0.5);
}

.no-bg {
  background: transparent !important;
}

.padded20p {
  padding: 20px;
}

.c-search {
  max-width: 600px;
  max-height: 400px;
  background: #eee;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1), 0 20px 8px -10px rgba(0, 0, 0, 0.15);
  z-index: 2;
  position: relative;
  padding-bottom: 37px;
  display: flex;
  flex-direction: column;
}

.c-search__inner {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.c-search-body, .c-search-details {
  background: #eee;
}

.c-search__results {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-search__result {
  cursor: pointer;
}

.c-search__result-inner {
  display: flex;
  padding: 0.25em 0.5em;
}

.c-search__result.focused {
  background-color: #fffcbb;
}

.c-search__result + .c-search__result {
  border-top: 1px solid #ccc;
}

.c-search__result.first-of-type:before {
  content: attr(data-type);
  padding: 0.25em 0.5em;
  background-color: #ccc;
  display: block;
}

.c-search__name, .c-search__naics {
  margin-right: 1em;
}

.c-search__button {
  min-width: 73px;
}

.c-search__name {
  flex: 1;
}

.c-search__naics {
  width: 5em;
}

.c-search__highlight {
  background-color: yellow;
}

.c-search__meta button.active {
  background-color: #46b0b9;
  color: #fff;
}

.c-search__meta .c-search__result {
  list-style: none;
  border-top: 1px solid #999;
  color: #f15727;
}

.c-search__meta .c-search__result a {
  color: #f15727 !important;
}

.c-search__meta .c-search__naics {
  color: #f15727;
}

.c-search__select {
  display: block;
}

.c-search__toolbar {
  display: flex;
  align-items: center;
  padding: 0.5em;
}

.c-search__toolbar + .c-search__toolbar {
  border-top: 1px solid #999;
}

.c-search__back {
  cursor: pointer;
}

.c-search__back.placeholder {
  opacity: 0;
  user-select: none;
  cursor: default;
}

.c-search__footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0.5em;
  font-size: 0.75em;
  border-top: 1px solid #ccc;
  background-color: #eee;
}

.shortcut {
  margin-left: 1em;
  transition: opacity 0.5s ease;
}

.shortcut.disabled {
  opacity: 0.5;
}

.shortcut__key {
  display: inline-block;
  vertical-align: middle;
  padding: 0.25em 0.5em;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  margin-right: 0.25em;
  position: relative;
  box-shadow: 0 3px 0 0 #ccc;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pressed .shortcut__key {
  transform: translate3d(0, 3px, 0);
  box-shadow: 0 0 0 0 #ccc;
}

.shortcut__key svg {
  vertical-align: middle;
}

.c-breadcrumb {
  display: flex;
  align-items: center;
  font-size: 0.75em;
}

.c-breadcrumb__item {
  flex-shrink: 1;
  flex: 1;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-breadcrumb__item:last-of-type {
  flex: none;
}

.c-breadcrumb__item:last-of-type .c-breadcrumb__link {
  color: #f15727 !important;
}

.c-breadcrumb__item + .c-breadcrumb__item:before {
  vertical-align: middle;
  margin: 0 0.5em;
  content: "";
  color: #999;
}

.tooltip {
  position: absolute;
  z-index: 100;
}

.tooltip__container {
  position: relative;
}

.programcard .tooltip {
  width: 360px;
  right: 0;
  left: 0;
}

.matchnav {
  display: flex;
  justify-content: space-between;
  padding: 2em 0;
  position: relative;
  /*h1*/
  /*ul*/
  /*li*/
}

.matchnav__secret {
  position: absolute;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.matchnav__secret__inner {
  width: 100px;
  height: 100px;
  transform: translateX(-60px);
  transition: transform 0.25s ease;
  cursor: pointer;
  position: relative;
}

.matchnav__secret__inner .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.matchnav__secret:hover .matchnav__secret__inner {
  transform: translateX(0);
}

.matchnav__title {
  margin: 0;
  font-size: 1.625em;
  line-height: 1.2;
  font-weight: 600;
}

.matchnav__number {
  display: block;
  color: #f15727;
}

.matchnav__meta {
  display: flex;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  list-style: none;
  margin: 0;
  padding: 0;
}

.matchnav__item {
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em 0;
}

.matchnav__item + li {
  margin-left: 1em;
}

.matchnav__icon {
  height: 1em;
  width: auto;
  margin-bottom: 0.25em;
  /*span*/
}

.matchnav__icon .text {
  font-size: 1.4em;
  line-height: 0.8;
  display: block;
}

.matchnav__iconlabel {
  font-size: 0.75em;
}

.matchnav__icon svg {
  height: 100%;
}

.matchnav__icon svg.needs-attention {
  fill: #c60004;
}

.matchnav__icon svg.looks-good {
  fill: #70961a;
}

.matchactionbar {
  text-align: center;
  padding: 1.25em 0;
  background: #ffffff;
  margin-bottom: 1.5em;
  border-radius: 0.25em;
}

.matchactionbar__button + .matchactionbar__button {
  margin-left: 3em;
}

h3.colhead {
  margin: 0;
  padding: 0.25em;
  background: #a7c573;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 5px;
}

/*ul*/
.keyinfo {
  list-style: none;
  margin: 0;
  padding: 1em 1.5em;
  margin: 0.5em 0 2em;
  background: #ffffff;
  border-radius: 0.25em;
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  /*li*/
  /* used currently in underwriter request/match details */
}

.keyinfo__item {
  display: flex;
  flex: 1;
  padding: 2em 0 1.5em;
  flex-basis: auto;
}

.keyinfo__item + .keyinfo__item {
  border-top: 1px solid #999;
}

.keyinfo__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 180px;
  font-size: 3em;
  text-transform: uppercase;
  color: #666;
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .keyinfo__label {
    width: 180px;
  }
}

.mq--medium .keyinfo__label {
  width: 180px;
}

@media all and (min-width: medium) {
  .keyinfo__label {
    width: 180px;
  }
}

.keyinfo__flex-content, .keyinfo__flex-value, .keyinfo__flex-notes {
  display: flex;
}

.keyinfo__flex-content {
  flex: 1;
  justify-content: space-between;
}

.keyinfo__content {
  width: calc(100% - 180px);
  width: -webkit-calc(100% - 180px);
  display: flex;
  justify-content: space-between;
}

.keyinfo__value, .keyinfo__notes {
  overflow-wrap: break-word;
  word-wrap: break-word;
  min-width: 1%;
}

.keyinfo__flex-value {
  flex-direction: column;
}

.keyinfo__flex-value {
  align-items: center;
  margin-right: 100px;
  text-align: left;
  justify-content: space-around;
}

.keyinfo__value {
  flex: 1 1 auto;
  flex-grow: 1;
}

.keyinfo__notes {
  flex: 1 1 auto;
  flex-grow: 0;
  align-items: flex-end;
  float: right;
  text-align: right;
}

.keyinfo__notes .metric-bar {
  width: 100%;
}

/*ul*/
.match {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  /*li*/
}

.match__box {
  width: 12px;
  height: 16px;
  border-radius: 3px;
  background: #e7e7e9;
}

.match__box.filled {
  background: #639dea;
}

.match__box + .match__box {
  margin-left: 2px;
}

.divisionSelector {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 0 1.25em 1em;
}

.divisionSelector__filter {
  padding-top: 0.75em;
}

.divisionSelector__filterLabel {
  font-size: 0.875;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.divisionSelector__filterWrapper {
  position: relative;
}

.divisionSelector__filterInput {
  width: 100%;
  padding-right: 2em !important;
}

.divisionSelector__filterInput::-ms-clear {
  display: none;
}

.divisionSelector__filterClear {
  position: absolute;
  top: 0;
  right: 0.375em;
  bottom: 0;
  margin: auto;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  cursor: pointer;
}

.divisionSelector__filterClear:before {
  content: "";
  color: #cccccc;
  font-size: 1.5em;
}

.divisionSelector__tree {
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 0 2px 2px 0;
  position: relative;
  margin-top: 0.625em;
  flex: 1;
  min-height: 200px;
}

.divisionSelector__message {
  position: absolute;
  height: 2em;
  line-height: 2em;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  margin: auto;
}

.divisionSelector__row {
  user-select: none;
  padding: 0 12px 0 8px;
}

.divisionSelector__row--odd {
  background: #f8f8f8;
}

.divisionSelector__rowInner {
  display: flex;
  padding: 8px 0;
}

.level--1 .divisionSelector__rowInner {
  padding-left: 22px;
}

.level--2 .divisionSelector__rowInner {
  padding-left: 44px;
}

.level--3 .divisionSelector__rowInner {
  padding-left: 66px;
}

.level--4 .divisionSelector__rowInner {
  padding-left: 88px;
}

.level--5 .divisionSelector__rowInner {
  padding-left: 110px;
}

.level--6 .divisionSelector__rowInner {
  padding-left: 132px;
}

.level--7 .divisionSelector__rowInner {
  padding-left: 154px;
}

.level--8 .divisionSelector__rowInner {
  padding-left: 176px;
}

.divisionSelector__row--disabled {
  pointer-events: none;
  opacity: 0.5;
}

.divisionSelector__checkbox {
  outline: none !important;
  margin-top: 2px;
}

.divisionSelector__label {
  padding: 0 4px;
  font-size: 14px;
  margin-left: 6px;
  border-radius: 2px;
  flex: 1;
}

.divisionSelector__checkbox:checked + .divisionSelector__label {
  background-color: #cce3f9;
}

.divisionSelector__label:hover,
.divisionSelector__checkbox:hover + .divisionSelector__label {
  background-color: #46b0b9;
  color: #ffffff;
}

.divisionSelector__label:hover .divisionSelector__highlight,
.divisionSelector__checkbox:hover + .divisionSelector__label .divisionSelector__highlight {
  background-color: transparent;
}

.divisionSelector__label--static:hover,
.divisionSelector__checkbox:hover + .divisionSelector__label--static {
  color: inherit !important;
  background-color: transparent !important;
}

.divisionSelector__label--static:hover .divisionSelector__highlight,
.divisionSelector__checkbox:hover + .divisionSelector__label--static .divisionSelector__highlight {
  background-color: #fffcbb;
}

.divisionSelector__label .divisionSelector__highlight {
  background-color: #fffcbb;
}

.divisionSelector__toggle {
  padding: 0.375em 0.5em;
  background-color: #ffffff;
  color: #46b0b9;
  border-radius: 0.125em;
  margin-top: 1.25em;
}

.divisionSelector__toggle--checked {
  background-color: #f15727;
  color: #ffffff;
}

.divisionSelector__toggle--disabled {
  background-color: #dedddd;
  color: #888787;
}

.divisionSelector__toggle:hover {
  cursor: pointer;
}

.divisionSelector__toggleLabel {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}

.divisionSelector__toggleLabel:before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid #e4e4e4;
  margin-right: 0.375em;
}

.divisionSelector__toggle--checked .divisionSelector__toggleLabel:before {
  content: "";
  border-color: transparent;
}

.divisionSelector__toggleLabel:hover {
  cursor: pointer;
}

.divisionSelector__toggleText {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.6875em;
  font-weight: 700;
  text-transform: uppercase;
}

.divisionSelector__toggle-wrapper .divisionSelector__toggle {
  text-align: right;
  padding: 0;
  margin-top: 0.7em;
  color: black;
  background-color: transparent;
}

.divisionSelector__toggle-wrapper .divisionSelector__toggleLabel {
  display: inline-block;
  margin-top: -0.6em;
  margin-left: 10px;
}

.divisionSelector__toggle-wrapper .divisionSelector__toggleLabel:before {
  display: none;
}

.divisionSelector__toggle-wrapper .divisionSelector__toggleText {
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
}

.divisionSelector__toggle-wrapper .divisionSelector__toggleBox {
  position: relative;
  overflow: auto;
  clip: auto;
  height: auto;
  width: auto;
  margin: auto;
  padding: 0;
  border: 1px;
}

.divisionSelector__summary {
  background: #ffffff;
  border-radius: 0.25em;
  padding: 0 0.5em 0.875em;
  margin-top: 1.25em;
}

.divisionSelector__summaryTitle {
  font-size: 0.75em;
  font-weight: 700;
  padding: 0.75em 0 0.375em;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0.5em;
}

.divisionSelector__summaryDetails {
  color: #f15727;
  font-weight: 700;
}

.divisionSelector__summaryText {
  font-size: 0.75em;
}

.divisionSelector__summaryCount {
  font-size: 0.75em;
}

.divisionSelector__summary--empty .divisionSelector__summaryText {
  font-style: italic;
  font-weight: 400;
}

.margin-left-32 {
  margin-left: 32px;
}

.rel-hi-low-chart {
  position: relative;
  background: #fff;
  padding: 0.25em 1em 1em;
  border-radius: 8px;
  font-size: 14px;
}

.rel-hi-low-chart-row .rel-hi-low-chart {
  flex: 1;
}

.rel-hi-low-chart-row .rel-hi-low-chart + .rel-hi-low-chart {
  margin-left: 1em;
}

.rel-hi-low-chart-row {
  margin: 10px 0;
  display: flex;
}

.rel-hi-low-chart .chart-title {
  text-align: center;
  padding: 5px;
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 65px;
  border-bottom: 1px solid #ddd;
}

.rel-hi-low-chart .chart-bar {
  position: relative;
  height: 10px;
  border-radius: 5px;
  background: #ddd;
  margin-bottom: 30px;
}

.rel-hi-low-chart .chart-bar .high-label,
.rel-hi-low-chart .chart-bar .low-label {
  position: relative;
  top: 15px;
  width: 30%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

.rel-hi-low-chart .chart-bar .high-label {
  float: right;
  color: #93b522;
}

.rel-hi-low-chart .chart-bar .low-label {
  color: #488bfb;
}

.rel-hi-low-chart .hi-marker {
  background: #93b522;
  right: calc(15% - 10px);
  right: -webkit-calc(15% - 10px);
}

.rel-hi-low-chart .low-marker {
  background: #488bfb;
  left: calc(15% - 10px);
  left: -webkit-calc(15% - 10px);
}

.rel-hi-low-chart .hi-marker,
.rel-hi-low-chart .low-marker {
  position: absolute;
  height: 20px;
  width: 20px;
  top: -5px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 2;
}

.rel-hi-low-chart .val-marker {
  position: relative;
  display: inline-block;
  height: 25px;
  border-left: 4px solid #f15727;
  margin-left: -2px;
}

.rel-hi-low-chart .val-marker .val-marker-label {
  position: relative;
  left: -50%;
  top: -17px;
  border-radius: 15px;
  color: #fff;
  background: #f15727;
  padding: 2px 15px;
  white-space: nowrap;
}

.rel-hi-low-chart .val-marker .val-marker-dot {
  position: absolute;
  bottom: -10px;
  z-index: 3;
  margin-left: -7px;
  width: 10px;
  height: 10px;
  background: #f15727;
  border-radius: 5px;
  border: 1px solid #fff;
}

.c-filterWrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.c-filterBody {
  display: flex;
  flex: 1;
}

.c-filterHeader {
  display: flex;
}

.c-filterContent {
  width: 62%;
  display: flex;
  flex-direction: column;
  padding-top: 1em;
}

.c-filterContent__header {
  padding: 1em;
  padding-bottom: 0.5em;
  width: 62%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.c-filterContent__header:after {
  content: '';
  position: absolute;
  width: calc(100% - 2em);
  width: -webkit-calc(100% - 2em);
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ccc;
}

.c-filterContent__headerTitle {
  font-size: 0.875em;
}

.c-filterContent__headerSubtitle {
  color: #f15727;
  font-size: 0.875em;
  font-weight: 600;
}

.c-filterContent__inner {
  display: flex;
  flex: 1;
  position: relative;
}

.c-filterContent__inner .divisionSelector {
  padding: 0 1.25em 1em;
}

.c-filterContent__inner .divisionSelector__filterLabel {
  font-size: 0.75em;
}

.c-filterTree {
  flex: 1;
  margin-bottom: 1em;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 0 1px 2px 0;
}

.c-filterTree .ReactVirtualized__List {
  outline: none !important;
}

.c-filterTree .divisionSelector__row {
  padding: 0 1.75em 0 1.5em;
}

.c-filterSidebar {
  width: 38%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 1em;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.c-filterSidebar__header {
  width: 38%;
  background: #ffffff;
  padding: 1em;
  padding-bottom: 0.5em;
  position: relative;
}

.c-filterSidebar__header:after {
  content: '';
  position: absolute;
  width: calc(100% - 2em);
  width: -webkit-calc(100% - 2em);
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ccc;
}

.c-filterSidebar__headerTitle {
  font-size: 0.875em;
}

.c-filterSidebar__headerSubtitle {
  font-size: 0.8125em;
  margin: 0;
}

.c-filterSidebar__main {
  flex: 1;
  padding: 1em;
}

.c-filterSidebar__groupTitle {
  padding-left: 1.25em;
  display: block;
  margin-bottom: 0.25em;
}

.c-filterSidebar__group + .c-filterSidebar__group {
  margin-top: 1.5em;
}

.c-filterSidebar__list {
  margin: 0;
  list-style: none;
  padding: 0;
}

.c-filterSidebar__item {
  display: flex;
  color: #46b0b9;
}

.c-filterSidebar__item + .c-filterSidebar__item {
  margin-top: 1px;
}

.c-filterSidebar__item:hover {
  color: #46b0b9;
}

.c-filterSidebar__item--disabled {
  color: #eee;
}

.c-filterSidebar__itemClear {
  color: #ccc !important;
  padding-right: 0.25em;
  transition: opacity 0.25s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-filterSidebar__itemClear:hover {
  color: #c60004 !important;
}

.c-filterSidebar__itemClear--disabled {
  opacity: 0;
}

.c-filterSidebar__itemStatusIcon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2px;
  background: #dbdbdb;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-right: 2px;
}

.c-filterSidebar__itemStatusIcon:before {
  content: '';
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  border: 2px solid #ffffff;
  border-radius: 0.875rem;
}

.c-filterSidebar__itemStatusIcon--changed {
  background-color: #58c026;
}

.c-filterSidebar__itemStatusIcon--changed:before {
  display: none;
}

.c-filterSidebar__itemStatusIcon--applied:before {
  content: "";
  background-color: #639dea;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5em;
  border: none;
  border-radius: 2px;
  color: #ffffff;
}

.c-filterSidebar__itemLink {
  flex: 1;
  border: 1px solid;
  padding: 0 2px 0 0.375em;
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 1.5rem;
  overflow: hidden;
}

.c-filterSidebar__itemLinkText {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75em;
  font-weight: 600;
}

.c-filterSidebar__itemLink--active {
  border-color: #f15727;
  color: #ffffff !important;
  background-color: #f15727;
}

.c-filterSidebar__itemLink:after {
  content: "";
  line-height: 1.5rem;
  margin-left: 10px;
}

.c-filterSummary__header {
  display: flex;
}

.c-filterSummary__headerTitle {
  font-size: 1.25em;
  margin: 0;
  flex: 1;
}

.my-company-profile .c-filterSummary__headerTitle {
  font-weight: 300;
}

.c-filterSummary__main {
  padding: 0 1em 1em;
  background: #f8f8f8;
  border-radius: 0.25em;
  margin-top: 0.75em;
}

.c-filterSummary__mainInner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.c-filterSummary__add {
  display: flex;
  align-items: center;
  margin-top: 1em;
}

.c-filterTile + .c-filterSummary__add {
  margin-left: 1em;
}

.c-filterSummary__addButton {
  display: block;
  color: #46b0b9;
  border-radius: 0.25em;
  border: 1px solid;
  text-align: center;
  padding: 0 0.4em;
  font-weight: 800;
  font-size: 1.5em;
  cursor: pointer;
  margin-right: 0.5em;
}

.c-filterSummary__addButton:hover {
  background-color: #46b0b9;
  color: #ffffff;
}

.c-filterSummary__addText {
  font-weight: 600;
  font-style: italic;
}

.c-filterTile {
  text-align: center;
  position: relative;
  margin-right: 1.375em;
  margin-top: 1em;
}

.c-filterTile--simple {
  display: flex;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0.5em;
  margin-right: 0;
}

.c-filterTile--simple + .c-filterTile {
  margin-right: 0.5em;
}

.c-filterTile--simple:first-of-type {
  margin-right: 0.5em;
}

.c-filterTile__clear {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #c60004 !important;
  color: #c60004 !important;
  font-size: 0.75em;
}

.c-filterTile--simple .c-filterTile__clear {
  top: 0;
  bottom: 0;
  right: 0;
  border: 0 !important;
  border-left: 1px solid #ffffff !important;
  background: transparent;
  border-radius: 0;
}

.c-filterTile--simple .c-filterTile__clear:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.c-filterTile--simple .c-filterTile__clear:after {
  content: "";
  font-size: 0.6em;
  text-align: center;
  position: relative;
}

.c-filterTile__open {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #46b0b9;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.c-filterTile--simple .c-filterTile__open {
  border: 0;
  box-shadow: none;
}

.c-filterTile__header {
  border-radius: 2px;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #f15727;
  color: #ffffff;
  font-weight: 400;
  font-size: 0.75em;
  padding: 0 0.25em;
}

.c-filterTile--simple .c-filterTile__header {
  padding: 0 2.25rem 0 0.5em;
}

.c-filterTile__summary {
  background: #ffffff;
  color: #46b0b9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.6875em;
  font-weight: 600;
  height: 1.625rem;
}

.c-filterDefaultMessage {
  padding: 1em;
  width: 100%;
}

.c-filterDefaultMessage__text {
  color: #f15727;
  font-style: italic;
  font-weight: 300;
  font-size: 1.125em;
  text-align: center;
}

.bm-selection-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.bm-selection-list > li {
  margin-bottom: 2px;
  display: flex;
  color: #f15727;
  cursor: pointer;
  font-size: 0.875em;
}

.bm-selection-list > li > span {
  display: inline-block;
  line-height: 20px;
}

.bm-selection-list .bm-header:before {
  font-size: 0.969em;
  margin-right: 7px;
  color: #666;
  content: '\e008';
  font-family: 'riskmatch-icons';
  color: #a6a6a6;
}

.agency-inline {
  margin-top: 3em;
  display: flex;
  justify-content: space-between;
}

.agency-summary {
  display: inline-block;
  flex: 1;
}

.agency-summary .agency-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1em;
}

.agency-summary .header-summary {
  margin-top: 10px;
  color: #f15727;
}

.agency-summary .phone {
  display: flex;
}

.agency-summary .phone > label {
  font-weight: bold;
  margin-right: 10px;
}

.agency-content {
  margin-bottom: 5px;
}

.agency-focus {
  display: inline-block;
  flex: 1;
}

.agency-focus .agency-sub {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1em;
}

.agency-focus .sub-heading {
  margin: 10px 0 0;
}

.accordion-title {
  box-shadow: none;
  border: none;
  padding: 0;
}

.accordion-title > .content-wrapper {
  margin: 0.875em 0 0;
}

.accordion-title:not(.collapsed) {
  padding: 0 0 0.875em;
}

.accordion-title .accordion-header {
  height: 22px;
  min-height: 1.5rem;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1px;
}

.accordion-title .accordion-header:before {
  opacity: 0.5;
}

.accordion-title .accordion-title {
  font-weight: bold;
  font-size: 15px;
  padding-left: 28px;
  text-transform: none;
  height: 22px;
  line-height: 22px;
  opacity: 1;
  line-height: 1.375rem;
  height: 1.375rem;
  flex: 1;
}

.c-placeholder__shimmer, .c-placeholder {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04) 50%, transparent);
  background-size: 75% 100%;
  background-repeat: no-repeat;
  animation-name: shimmer;
  animation-duration: 1.25s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.c-placeholder__shimmer--transparent {
  background-color: transparent;
}

.c-placeholder {
  font-size: inherit;
  display: block;
  margin-bottom: 1px;
  color: transparent !important;
  -webkit-user-select: none;
}

.c-placeholder.inline {
  display: inline-block;
}

@keyframes shimmer {
  from {
    background-position: -100vw 0;
  }
  to {
    background-position: 100vw 0;
  }
}

.industry-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-left: -38px;
}

.industry-list > li {
  display: flex;
  flex: 1;
  align-items: flex-start;
  align-content: flex-start;
  flex-basis: auto;
}

.industry-list > li:last-child {
  color: #f15727;
}

.industry-list div > img {
  height: 8px;
}

.label-list-no-result {
  display: inline-block;
  float: left;
  width: 5%;
  color: #999;
  overflow: hidden;
}

.multi_value_list {
  margin-top: 2px;
  width: 99%;
}

.multi_value_list > li {
  margin-left: -36px;
  border-top: 1px solid #e0e0e0;
}

.multi_value_list > li > span {
  float: right;
  color: #d9d9d9;
  margin-top: 2px;
}

.multi_value_list > li:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.rm-table {
  background: #fff;
  border-radius: 8px;
  padding: 1em;
  margin: 1em auto;
}

.rm-table .search-bar {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 4px;
  margin: 5px 0;
}

.rm-table .search-bar input {
  border: none;
  padding: 2px 5px;
  width: 250px;
}

.rm-table .search-bar span.icon-search {
  border-right: 1px solid #ccc;
  padding: 5px 8px 5px 5px;
  color: #aaa;
}

.rm-table .search-bar span.icon-cancel {
  color: #ccc;
}

.rm-table table {
  max-height: 300px;
  overflow: hidden;
}

.rm-table table tbody {
  overflow-y: auto;
}

.rm-table table th {
  height: 30px;
  line-height: 30px;
}

.rm-table table th.sortable {
  cursor: pointer;
  color: #46b0b9;
}

.rm-table table th.sortable.active {
  color: #f15727;
}

.rm-table table th.sortable.active:after {
  font-size: 1.4em;
  margin-right: -20px;
  content: ' \25be';
}

.rm-table table th.sortable.active.up:after {
  font-size: 1.2em;
  content: ' \25b4';
}

.rm-table table tr:nth-child(even) {
  background: #fafafc;
}

.inner-padding > span > span {
  padding: 0.98em !important;
}

.gray-footer .c-table > .c-table__footer {
  background: #f6f6f6;
}

.flip-it {
  transform: rotate(0.5turn);
}

.arrow-nav {
  user-select: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.disabled-arrow {
  fill: #cccccc;
  stroke: #cccccc;
}

.enabled-arrow {
  fill: #46b0b9;
  stroke: #46b0b9;
}

.enabled-arrow:active {
  fill: #f15727;
  stroke: #f15727;
}

.enabled-arrow.disabled, .enabled-arrow.disabled:hover {
  fill: #cccccc;
  stroke: #cccccc;
}

.arrow-view {
  text-align: center;
  user-select: none;
  font-weight: bold;
  font-size: 0.859em;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0.5rem;
}

.arrow-view:hover {
  cursor: pointer;
}

.arrow-view.disabled:hover {
  cursor: unset;
}

.arrow-view .svg-loader__wrapper {
  font-size: 1.5rem;
}

.arrow-view-active {
  user-select: none;
  color: #f15727;
}

.arrow-view-active.disabled {
  color: #cccccc;
}

.arrow-view-inactive {
  color: #46b0b9;
}

.arrow-view-inactive.disabled {
  color: #cccccc;
}

.arrow-button:active, .arrow-button:hover {
  user-select: none;
  cursor: pointer;
}

.arrow-button.disabled:active, .arrow-button.disabled:hover {
  cursor: unset;
}

.wrapper-nav {
  display: flex;
}

.outer-nav {
  list-style: none;
  padding: 0;
  display: flex;
  flex: 1;
}

.arrow-line {
  display: flex;
  height: 1px;
  flex-direction: row;
  flex: 1;
  background-color: #ccc;
  align-self: center;
}

@media (min-width: 1px) and (max-width: 768px) {
  .arrow-line {
    display: none;
  }
}

.meter--container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.meter--container > .meter--group > .meter--item {
  background-color: #dfdfdf;
  position: relative;
  height: 35px;
  width: 25px;
  border-radius: 3px;
  display: inline-block;
  margin: 5px;
}

.meter--container > .meter--group > .meter--item > .meter--item__remainder {
  background-color: #95ce58;
  display: block;
  border-top-right-radius: 3px !important;
}

.meter--container > .meter--group > .meter--item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 5px solid #2a7d07;
  border-left: 5px solid white;
}

.meter--container > .meter--average {
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1.9em;
  color: #033564;
}

.meter--container > .meter--average > span {
  font-weight: 400;
  font-size: 0.9em;
}

.meter--container > .meter--note {
  color: #033564;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1em;
  font-weight: 400;
}

.meter--container > svg {
  margin-bottom: 1.2em;
}

.meter--container > svg text {
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1.6em;
  fill: #033564;
}

.meter--container > svg text tspan {
  font-weight: 400;
  font-size: 0.9em;
  fill: #033564;
}

.section-content {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.25em;
  overflow: visible;
}

.section-content.no--padding {
  padding: 0;
}

.bppcontent {
  font-size: 16px;
  font-size: 1em;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  flex: 1;
}

@media print {
  .bppcontent {
    overflow-y: hidden;
  }
}

.printable .bppcontent, .bppcontent.printable {
  overflow-y: hidden;
}

.bppcontent > .section-content {
  max-width: 960px;
  max-width: 1200px;
  padding-top: 2em;
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
  /** @TODO: incorporate extra-large better into flow. */
}

@media all and (min-width: 768px) {
  .bppcontent > .section-content {
    padding-top: 1em;
  }
}

.mq--medium .bppcontent > .section-content {
  padding-top: 1em;
}

@media all and (min-width: 1100px) {
  .bppcontent > .section-content {
    padding-top: 2em;
  }
}

.mq--large .bppcontent > .section-content {
  padding-top: 2em;
}

@media all and (min-width: 768px) {
  .bppcontent > .section-content {
    padding-bottom: 100px;
  }
}

.mq--medium .bppcontent > .section-content {
  padding-bottom: 100px;
}

@media all and (min-width: medium) {
  .bppcontent > .section-content {
    padding-bottom: 100px;
  }
}

.bppcontent > .section-content h2.primary {
  margin-top: 0;
}

.peercomparison {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker-compact .react-datepicker-wrapper,
.react-datepicker-compact .react-datepicker__input-container {
  width: 110px;
}

.react-datepicker__tether-element {
  margin-top: -9px;
}

.react-datepicker {
  font-family: 'Open Sans' !important;
}

.react-datepicker-popper {
  z-index: 7;
}

.react-datepicker__day {
  color: #46b0b9;
}

.react-datepicker__day:hover {
  border-radius: #46b0b9;
  background-color: #46b0b9;
  color: #fff;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  background-color: #f15727;
  color: #fff;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
  color: #ccc;
}

.react-datepicker__navigation {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #46b0b9;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #7bb2cc;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #46b0b9;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #7bb2cc;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #46b0b9;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #7bb2cc;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #46b0b9;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #7bb2cc;
}

.react-datepicker__day--outside-month {
  color: transparent;
  pointer-events: none;
}

.react-datepicker__day--outside-month:hover {
  color: transparent;
  pointer-events: none;
}

.react-checkbox-tree {
  display: flex;
  flex-direction: row-reverse;
  font-size: 16px;
}

.react-checkbox-tree > ol {
  flex: 1 1 auto;
}

.react-checkbox-tree ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}

.react-checkbox-tree ol ol .rct-text {
  padding-left: 30px;
}

.react-checkbox-tree ol ol ol .rct-text {
  padding-left: 60px;
}

.react-checkbox-tree ol ol ol ol .rct-text {
  padding-left: 90px;
}

.react-checkbox-tree .even {
  background-color: white;
}

.react-checkbox-tree .odd {
  background-color: #f8f8f8;
}

.react-checkbox-tree button {
  line-height: normal;
  color: inherit;
}

.react-checkbox-tree button:focus {
  outline: none;
}

.react-checkbox-tree button:disabled {
  cursor: not-allowed;
}

.react-checkbox-tree .rct-bare-label {
  cursor: default;
}

.react-checkbox-tree label {
  margin-bottom: 0;
  cursor: pointer;
}

.react-checkbox-tree label:hover {
  background: rgba(51, 51, 204, 0.1);
}

.react-checkbox-tree label:active {
  background: rgba(51, 51, 204, 0.15);
}

.react-checkbox-tree:not(.rct-native-display) input {
  display: none;
}

.react-checkbox-tree.rct-native-display input {
  margin: 0 5px;
}

.react-checkbox-tree .rct-icon {
  display: inline-block;
  text-align: center;
  text-rendering: auto;
  font-family: 'Font Awesome 5 Free', 'FontAwesome', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}

.rct-disabled > .rct-text > label {
  opacity: 0.75;
  cursor: not-allowed;
}

.rct-disabled > .rct-text > label:hover {
  background: transparent;
}

.rct-disabled > .rct-text > label:active {
  background: transparent;
}

.rct-text {
  display: flex;
  align-items: center;
  padding: 0.3125em 6px;
  border-bottom: 1px solid #eeeeee;
  border-top-color: #eeeeee;
  border-right-color: #eeeeee;
  border-left-color: #eeeeee;
  transition: background-color 0.25s ease 0s;
  background-color: #f8f8f8;
  height: 38px;
}

.rct-options {
  flex: 0 0 auto;
  margin-left: 0.5rem;
  text-align: right;
}

.rct-option {
  opacity: 0.75;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0 4px;
  font-size: 18px;
}

.rct-option:hover {
  opacity: 1;
}

.rct-option + .rct-option {
  margin-left: 2px;
}

.rct-collapse,
.rct-checkbox,
.rct-node-icon {
  padding: 0 5px;
}

.rct-collapse *,
.rct-checkbox *,
.rct-node-icon * {
  display: inline-block;
  margin: 0;
  width: 14px;
}

.rct-collapse {
  border: 0;
  background: none;
  line-height: normal;
  color: inherit;
  font-size: 12px;
}

.rct-collapse.rct-collapse-btn {
  cursor: pointer;
}

.rct-collapse > .rct-icon-expand-close {
  opacity: 0.5;
}

.rct-collapse > .rct-icon-expand-close:hover {
  opacity: 1;
}

.rct-native-display .rct-checkbox {
  display: none;
}

.rct-node-clickable {
  cursor: pointer;
}

.rct-node-clickable:hover {
  background: rgba(51, 51, 204, 0.1);
}

.rct-node-clickable:focus {
  outline: 0;
  background: rgba(51, 51, 204, 0.2);
}

.rct-node-icon {
  color: #33c;
}

.rct-title {
  padding: 0 5px;
}

.container.builder-start select {
  max-width: 90%;
}

.container.scenario-details {
  padding: 1em;
  background-color: #ebebeb;
  border-radius: 4px;
}

.confirm-program-data .container.scenario-details {
  width: 20em;
}

.container.scenario-details h3 {
  font-size: 0.875em;
  margin: 0;
  padding: 0;
  color: #333;
}

.container.scenario-details p {
  font-size: 0.85em;
  margin: 0.2em 0;
}

.container.scenario-details table {
  margin-top: 1em;
  background-color: white;
}

.container.scenario-details table td,
.container.scenario-details table th {
  font-size: 0.85em;
  padding: 0.5em;
}

.container.scenario-details table td:first-child,
.container.scenario-details table th:first-child {
  border-right: 1px solid #eee;
  width: 40%;
  color: #333;
}

.container.scenario-details table td.editable input {
  margin-left: -0.4em;
}

.container.scenario-notes {
  padding: 1em;
  border: 1px solid #ebebeb;
  max-height: 12.5em;
  overflow: hidden;
  overflow-y: scroll;
  border-radius: 4px;
}

.container.scenario-notes h3 {
  font-size: 0.875em;
  margin: 0;
  padding: 0;
  color: #333;
}

.container.scenario-notes textarea {
  font-size: 0.875em;
  width: 100%;
}

.container.scenario-notes div.scenario-notes-display {
  margin-top: 1em;
  font-size: 0.875em;
  white-space: pre-wrap;
}

.scenario {
  margin-top: 1em;
}

.layer-builder {
  margin-bottom: 0;
}

.layer-builder .bld-layer, .layer-builder .bld-carrier {
  position: relative;
  margin: 1em 0;
  padding: 0.5em 1em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.layer-builder .bld-layer h4, .layer-builder .bld-carrier h4 {
  float: left;
  font-size: 0.875em;
  margin: 0;
  padding: 0;
  color: #333;
}

.layer-builder .bld-layer > .add-carrier, .layer-builder .bld-carrier > .add-carrier {
  float: right;
  margin-bottom: 1em;
  margin-right: 1.5em;
}

.layer-builder .bld-layer > .delete-layer, .layer-builder .bld-carrier > .delete-layer {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}

.layer-builder .bld-carrier {
  clear: both;
  font-size: 0.875em;
  color: #333;
  background-color: #ebebeb;
  margin: 1em 1.5em 0 0.5em;
}

.layer-builder .bld-carrier li {
  margin-right: 2em;
  line-height: 1em;
}

.layer-builder .bld-carrier input.ui-autocomplete-input {
  width: auto;
}

.layer-builder .bld-carrier .delete-carrier {
  font-size: 1.2em;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.5em;
  color: #999;
}

.layer-builder .bld-carrier .delete-carrier:hover {
  color: #b11a10;
}

.layer-builder .deductible-layer {
  width: 15em;
  background-color: #dfdfdf;
}

.layer-builder .deductible-layer input[type='text'] {
  width: 90%;
}

.layer-builder .deductible-layer h4 {
  margin-bottom: 1em;
}

.program-visualizer {
  margin-top: 1em;
}

.program-visualizer .scenario-header {
  margin: 1em 0;
  padding: 0.5em 1em;
  background-color: #ebebeb;
  border-radius: 4px;
}

.program-visualizer .scenario-header span {
  display: block;
}

.program-visualizer .scenario-header .label {
  text-transform: uppercase;
  font-size: 0.675em;
}

.program-visualizer .scenario-header .data {
  color: #333;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.75em;
  font-weight: 600;
}

.program-visualizer .scenario-details table {
  font-size: 0.875em;
  background-color: transparent;
}

.program-visualizer .scenario-details table tbody,
.program-visualizer .scenario-details table tr,
.program-visualizer .scenario-details table td:first-child {
  border: none;
}

.program-visualizer div.program-layers {
  font-size: 0.75em;
  width: 100%;
}

.program-visualizer div.program-layers:after {
  content: '';
  display: table;
  clear: both;
}

.program-visualizer div.program-layers .program-layer {
  font-size: 1em;
  font-weight: bold;
  width: 100%;
  clear: both;
}

.program-visualizer div.program-layers .layer-name {
  float: left;
  height: 4.5em;
  width: 12%;
  vertical-align: middle;
  margin: 0 0 1px 0;
  padding: 0.25em 1em;
  line-height: 4.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #ebebeb;
  text-overflow: ellipsis;
  border-radius: 4px;
}

.program-visualizer div.program-layers .layer-details {
  float: left;
  vertical-align: middle;
}

.program-visualizer div.program-layers .layer-details > div {
  float: left;
  height: 4.5em;
  padding: 0.25em 1em;
  line-height: 1.4em;
  background-color: #639dea;
  border-left: 1px solid #fff;
  color: #fff;
  border-radius: 4px;
}

.program-visualizer div.program-layers ul {
  padding: 0;
  margin: 0;
}

.program-visualizer div.program-layers li {
  display: block;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}

.program-visualizer div.program-layers .deductible-layer .layer-details > div {
  min-width: 10em;
  line-height: 4.5em;
  background-color: #999;
}

.program-visualizer table.program-layers {
  padding: 0;
  margin: 1em;
  border: none;
}

.program-visualizer table.program-layers tbody {
  border: none;
}

.program-visualizer table.program-layers tr.program-layer {
  font-size: 1em;
  font-weight: bold;
  border: none;
}

.program-visualizer table.program-layers td {
  padding: 0;
}

.program-visualizer table.program-layers td.layer-name {
  width: 10em;
}

.program-visualizer table.program-layers td.layer-name div {
  margin: 1px;
  padding: 0.25em 1em;
  height: 4.5em;
  line-height: 4.5em;
  background-color: #ebebeb;
  border-radius: 4px;
}

.program-visualizer table.program-layers td.carrier-set div {
  height: 4.5em;
  float: left;
  margin: 1px;
  padding: 0.25em 1em;
  background-color: #639dea;
  color: #fff;
  border-radius: 4px;
}

.program-visualizer table.program-layers ul {
  padding: 0;
  margin: 0;
}

.program-visualizer table.program-layers li {
  display: block;
}

.program-visualizer table.program-layers .deductible-layer div {
  float: left;
  margin: 1px;
  padding: 0.25em 1em;
  background-color: #999;
  color: #fff;
  height: 4.5em;
  line-height: 4.5em;
  min-width: 10em;
  border-radius: 4px;
}

.layer-details .label {
  display: block;
  float: left;
  max-width: 5em;
  width: 67%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #eaf2fc;
  font-weight: 400;
}

.layer-details .carrier-name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.report > .wrapper {
  padding-left: 0;
}

body.report .main-container {
  position: static;
  margin-left: 0;
}

body.report .main-container:before {
  display: none;
}

body.report .main-container:after {
  display: none;
}

body.report .main-content {
  padding: 0;
}

body.report .footer-container {
  display: block;
  margin-left: 0;
  background-color: #02284b;
}

body.report .footer-container p {
  margin: 0;
}

body.report .report-banner {
  display: block;
  background: #f15727;
  padding: 0.5em 1em;
  margin: -0.3rem -1rem 1.5rem;
  color: #fff;
  border-radius: 5px;
  text-align: center;
}

body.report .report-banner > span:not(.profile-name):not(.profile-company) {
  display: inline-block;
  font-size: 0.65em;
  vertical-align: top;
  margin-left: -1px;
}

body.report .intro-page > .report-banner {
  padding: 1em;
}

body.report .logo-and-type {
  text-align: center;
  color: #f15727;
  margin-bottom: 10px;
}

body.report .logo-and-type h1 {
  margin: 0;
}

body.report .logo-and-type h1:first-child {
  font-weight: 300;
}

body.report .logo-and-type h1:first-child > span {
  display: inline-block;
  font-size: 0.6em;
  vertical-align: top;
  margin-left: -4px;
}

body.report .report-header {
  display: table;
  width: 100%;
  padding: 2rem 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

body.report .report-header:after {
  content: '';
  display: table;
  clear: both;
}

body.report .report-header > span {
  display: inline-block;
  margin-left: 40%;
  font-size: 1.1em;
  margin-bottom: 4px;
}

body.report .report-header .report-logo-group {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

body.report .report-header .report-logo-group > .report-logo {
  text-align: right;
  width: 40%;
  padding: 0 2em;
  display: table-cell;
  vertical-align: middle;
  min-width: 200px;
  max-height: 60px;
}

body.report .report-header .report-logo-group > .report-logo > .company-logo {
  max-width: 250px;
  vertical-align: middle;
}

body.report .report-header .report-logo-group > .report-owner {
  font-size: 1em;
  font-weight: bold;
  display: table-cell;
  padding-left: 2em;
  border-left: 1px solid #ccc;
  vertical-align: middle;
}

body.report .report-header .report-logo-group > .report-owner span {
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
}

body.report .report-header .confidential {
  font-style: italic;
}

body.report .confidential {
  font-size: 0.875em;
  text-align: center;
  font-style: italic;
}

body.report .report-title {
  margin-top: 0;
  padding-top: 0.5em;
}

body.report .report-title span {
  color: #f15727;
  display: block;
}

body.report .subhead {
  font-size: 1.2em;
  font-weight: 400;
}

body.report .subhead span {
  display: block;
  font-weight: 700;
}

body.report section {
  position: relative;
  background: #fff;
  margin: 2em 0;
  padding: 0 1em 1em;
  border: 1px solid #ccc;
}

body.report section.intro-page {
  margin-top: 0.5em;
}

body.report section > h2 + h3 {
  margin-top: -1em;
}

body.report section > .metric-bar {
  margin-bottom: 2em;
}

body.report section .metric-bar > .metric-unit {
  border: 1px solid #eee;
}

body.report section .secondary.metric-bar {
  border: none;
}

body.report section .secondary.metric-bar .metric-unit {
  padding: 0.5em;
  border: none;
}

body.report .ribbon {
  top: -0.2rem;
}

body.report .content-report-list {
  list-style: none;
  padding: 0;
  font-size: 1.2em;
  padding-left: 3px;
  margin-top: 0;
}

body.report .content-report-list > li {
  padding: 10px 0;
}

body.report .content-report-list > li > span {
  float: left;
  width: 2em;
}

body.report .content-report-list > li:first-of-type {
  padding-top: 0;
}

.c-table {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  -ms-overflow-style: scrollbar;
}

.noBottomBorder .c-table {
  border-bottom: none;
}

.no--border .c-table {
  border-bottom: none;
  border-top: none;
}

.c-table th {
  padding: 0.3125em 6px;
  overflow: hidden;
}

.c-table th.sorting {
  color: #46b0b9;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
}

.c-table th.sorting_asc, .c-table .dataTable th.sorting_desc, .dataTable .c-table th.sorting_desc, .c-table th.sorting_desc {
  color: #333;
  cursor: pointer;
  outline: none;
}

.c-table__header {
  margin: 0;
  border: 0;
}

.fixed-width .c-table__header {
  table-layout: fixed;
}

.c-table__header thead {
  border: 0;
}

.c-table__body {
  outline: none;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.no--border .c-table__body {
  border-bottom: none;
  border-top: none;
}

.smaller-font .c-table__body {
  font-size: 0.875em;
}

.c-table__footer {
  margin: 0;
  border: 0;
}

.c-table__row {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  font-size: 14px;
}

.no-stripes .c-table__row {
  background: transparent;
}

.no--border .c-table__row:first-of-type {
  border-top: 1px solid #e0e0e0;
}

.no--border .c-table__row:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}

.c-table__row--even {
  background-color: #f6f6f6;
}

.no-stripes .c-table__row--even {
  background: transparent;
}

.c-table__row--parent {
  border-bottom: 1px solid #999;
  background-color: #ddd;
  font-weight: bold;
}

.c-table__row--marked {
  border-left: 3px solid;
  border-left-color: #F15727;
}

.c-table__row--marked-ignored {
  border-left: 3px solid;
  border-left-color: #9B9B9B;
}

.c-table__row--unmarked {
  border-left: 3px solid;
  border-left-color: transparent;
}

.c-table__row--changed {
  background-color: #f2fbea;
}

.row-highlight .c-table__row:hover {
  cursor: pointer;
  background-color: #fffcbb;
}

.c-table__row + .c-table__row {
  border-top: 1px solid #e0e0e0;
}

.c-heatmap .c-table__row {
  background-color: transparent !important;
}

.c-heatmap .c-table__row:not(.below--threshold) {
  border-top: 0 !important;
}

.c-table__row--highlight, .c-table__row--odd.c-table__row--highlight {
  background-color: #fffcbb;
}

.c-table__row.c-table__row--highlight {
  background-color: #fffcbb;
}

.row-highlight .c-table__row {
  cursor: pointer;
}

.c-table__row--fade {
  opacity: 0.25;
}

.c-table__row-select-list:hover {
  background-color: #46b0b9;
  color: #fff;
  cursor: pointer;
}

.c-table__cell {
  padding: 0.3125em 6px;
}

.c-table__cell.tile-cell {
  padding: 1px;
}

.c-table__cell td.tile-cell {
  padding: 0.3125em calc(0.625em + 1px) 0.3125em 1px;
}

.c-table__cell--has-divider, .c-table__cell.has-divider {
  border-left: 1px solid #ddd;
}

.c-table__cell .icon-circle-cancel {
  color: #999;
}

.c-table__cell.c-heatmap__ratings {
  position: relative;
  height: 27px;
  border-bottom: 1px solid #e0e0e0;
}

.c-table__cell--no-padding {
  padding: 0;
}

.c-table .heat {
  padding: 0;
}

.below--threshold .c-table .heat {
  padding-top: 1px;
}

.c-table .heat span {
  display: block;
  height: 27px;
  line-height: 27px;
  border: 1px solid #eee;
}

.below--threshold .c-table .heat span {
  border-top-color: transparent;
  border-top-width: 0;
}

.c-table .heat span:hover {
  box-shadow: inset 0 0 0 1px #f15727;
}

.c-table .heat .first-quartile {
  background-color: #639dea;
}

.c-table .heat .first-quartile.grayscale {
  background-color: #a7a7a7;
}

.c-table .heat .second-quartile {
  background-color: #90b9f0;
}

.c-table .heat .second-quartile.grayscale {
  background-color: silver;
}

.c-table .heat .third-quartile {
  background-color: #bdd5f6;
}

.c-table .heat .third-quartile.grayscale {
  background-color: #dadada;
}

.c-table .heat .fourth-quartile {
  background-color: #eaf2fc;
}

.c-table .heat .fourth-quartile.grayscale {
  background-color: #f3f3f3;
}

.c-table .heat.grayscale .first-quartile {
  background-color: #a7a7a7;
}

.c-table .heat.grayscale .second-quartile {
  background-color: silver;
}

.c-table .heat.grayscale .third-quartile {
  background-color: #dadada;
}

.c-table .heat.grayscale .fourth-quartile {
  background-color: #f3f3f3;
}

.c-table .value {
  padding: 0;
}

.c-table .value span {
  display: block;
  height: 27px;
  line-height: 27px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  font-weight: 600;
}

.c-table .value span:hover {
  box-shadow: inset 0 0 0 1px #f15727;
}

.c-table .value .negative {
  background-color: #c60004;
  color: #fff;
}

.c-table .value .positive {
  background-color: #70961a;
  color: #fff;
}

.c-table .value .neutral {
  background-color: #fff;
}

.c-table .value .no-info {
  background-color: #ccc;
  color: #999;
}

.progcell {
  position: relative;
}

.progcell--rounded .progcell__meter {
  border-radius: 1.5em;
  overflow: hidden;
}

.progcell__meter {
  background: #d6d6d6;
  width: calc(100% - 0.5rem);
  height: 0.75em;
  position: absolute;
  top: 0;
  left: 0.25rem;
  bottom: 0;
  margin: auto;
}

.progcell__meter.padded-style {
  width: calc(100% - 1rem);
}

.progcell__bar {
  height: 100%;
}

.progcell__bar.color--green {
  background: #a7c573;
}

.progcell__bar.color--blue {
  background: #639dea;
}

.below--threshold {
  border-top: 1px solid #c60004 !important;
}

.below--threshold:before {
  content: '';
  position: absolute;
  top: -3px;
  z-index: 1;
  left: 0;
  width: 6px;
  height: 6px;
  background: #c60004;
  border-radius: 50%;
}

.below-threshold--icon {
  width: 6px;
  height: 6px;
  background: #c60004;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.gray-table-footer .c-table__footer {
  width: 100% !important;
}

.gray-table-footer tfoot {
  background-color: #e5e5e5;
}

.gray-table-footer tfoot > tr > td {
  border: none !important;
}

.statuses {
  display: inline-flex;
  margin: 1em;
  padding: 1em;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.statuses > .margin-left {
  margin-left: 2em;
}

.margin-b-0 {
  margin-bottom: 0;
}

/**
 * TEXT
 */
.fontFamily\(openSans\) {
  font-family: 'Open Sans', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

.fontWeight\(300\) {
  font-weight: 300;
}

.fontWeight\(400\) {
  font-weight: 400;
}

.fontWeight\(600\) {
  font-weight: 600;
}

.fontWeight\(700\) {
  font-weight: 700;
}

.fontSize\(40\) {
  font-size: 40px;
}

.fontSize\(36\) {
  font-size: 36px;
}

.fontSize\(32\) {
  font-size: 32px;
}

.fontSize\(28\) {
  font-size: 28px;
}

.fontSize\(26\) {
  font-size: 26px;
}

.fontSize\(25\) {
  font-size: 25px;
}

.fontSize\(20\) {
  font-size: 20px;
}

.fontSize\(18\) {
  font-size: 18px;
}

.fontSize\(16\) {
  font-size: 16px;
}

.fontSize\(14\) {
  font-size: 14px;
}

.fontSize\(13\), .niceButtonNew {
  font-size: 13px;
}

.fontSize\(12\) {
  font-size: 12px;
}

.fontSize\(11\) {
  font-size: 11px;
}

.fontSize\(10\) {
  font-size: 10px;
}

.fontSize\(1\.75\) {
  font-size: 1.75rem;
}

.fontSize\(1\.5\) {
  font-size: 1.5rem;
}

.fontSize\(1\.3\) {
  font-size: 1.3rem;
}

.fontSize\(1\.25\) {
  font-size: 1.25rem;
}

.fontSize\(1\.125\) {
  font-size: 1.125rem;
}

.fontSize\(1\) {
  font-size: 1rem;
}

.fontSize\(0\.875\) {
  font-size: 0.875rem;
}

.fontSize\(0\.75\) {
  font-size: 0.75rem;
}

.fontSize\(0\.625\) {
  font-size: 0.625rem;
}

.fontStyle\(normal\) {
  font-style: normal;
}

.fontStyle\(italic\) {
  font-style: italic;
}

.fontStyle\(oblique\) {
  font-style: oblique;
}

.fontStyle\(inherit\) {
  font-style: inherit;
}

.fontStyle\(initial\) {
  font-style: initial;
}

.fontStyle\(unset\) {
  font-style: unset;
}

.textAlign\(center\) {
  text-align: center;
}

.textAlign\(right\) {
  text-align: right;
}

.textAlign\(left\) {
  text-align: left;
}

.textTransform\(uppercase\) {
  text-transform: uppercase;
}

.lineHeight\(0\) {
  line-height: 0;
}

.lineHeight\(1\) {
  line-height: 1;
}

.whiteSpace\(normal\) {
  white-space: normal;
}

.whiteSpace\(nowrap\) {
  white-space: nowrap;
}

.whiteSpace\(pre\) {
  white-space: pre;
}

.whiteSpace\(preWrap\) {
  white-space: pre-wrap;
}

.whiteSpace\(preLine\) {
  white-space: pre-line;
}

.whiteSpace\(inherit\) {
  white-space: inherit;
}

.whiteSpace\(initial\) {
  white-space: initial;
}

.whiteSpace\(unset\) {
  white-space: unset;
}

.minWidth\(0\) {
  min-width: 0;
}

.listStyle\(none\) {
  list-style: none;
}

.textDecoration\(none\) {
  text-decoration: none;
}

.textDecoration\(underline\) {
  text-decoration: underline;
}

.textDecoration\(lineThrough\) {
  text-decoration: line-through;
}

/**
 * BORDERS
 */
.borderRadius\(16\), .niceButtonNew {
  border-radius: 16px;
}

.borderRadius\(8\) {
  border-radius: 8px;
}

.borderRadius\(4\) {
  border-radius: 4px;
}

.borderRadius\(2\) {
  border-radius: 2px;
}

.borderRadiusTop\(4\) {
  border-radius: 4px 4px 0 0;
}

.borderRadius\(50\) {
  border-radius: 50%;
}

.borderStyle\(solid\) {
  border-style: solid;
}

.borderWidth\(1\) {
  border-width: 1px;
}

.borderWidth\(2\) {
  border-width: 2px;
}

.borderWidth\(3\) {
  border-width: 3px;
}

.borderWidth\(4\) {
  border-width: 4px;
}

.borderStyle\(solid1\), .niceButtonNew {
  border-style: solid;
  border-width: 1px;
}

.borderStyle\(solid2\) {
  border-style: solid;
  border-width: 2px;
}

.borderBottom\(solid1\) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.borderBottom\(solid2\) {
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.borderBottom\(solid3\) {
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

.borderBottom\(solid5\) {
  border-bottom-style: solid;
  border-bottom-width: 5px;
}

.borderTop\(solid1\) {
  border-top-style: solid;
  border-top-width: 1px;
}

.borderTop\(solid2\) {
  border-top-style: solid;
  border-top-width: 2px;
}

.borderTop\(solid5\) {
  border-top-style: solid;
  border-top-width: 5px;
}

.borderTop\(solid8\) {
  border-top-style: solid;
  border-top-width: 8px;
}

.borderTop\(solid11\) {
  border-top-style: solid;
  border-top-width: 11px;
}

.borderRight\(solid1\) {
  border-right-style: solid;
  border-right-width: 1px;
}

.borderLeft\(solid1\) {
  border-left-style: solid;
  border-left-width: 1px;
}

.borderLeft\(solid5\) {
  border-left-style: solid;
  border-left-width: 5px;
}

.border\(none\) {
  border: none;
}

/**
 * DISPLAY
 */
.display\(inline\) {
  display: inline;
}

.display\(inlineBlock\) {
  display: inline-block;
}

.display\(inlineFlex\) {
  display: inline-flex;
}

.display\(block\) {
  display: block;
}

.display\(flex\) {
  display: flex;
}

.display\(none\) {
  display: none;
}

.display\(table\) {
  display: table;
}

.position\(relative\) {
  position: relative;
}

.position\(static\) {
  position: static;
}

.position\(fixed\) {
  position: fixed;
}

.position\(absolute\) {
  position: absolute;
}

.position\(sticky\) {
  position: sticky;
}

.overflow\(hidden\) {
  overflow: hidden;
}

.overflow\(scroll\) {
  overflow: scroll;
}

.overflow\(auto\) {
  overflow: auto;
}

.appearance\(none\) {
  appearance: none;
}

.opacity\(0\) {
  opacity: 0;
}

.opacity\(0\.5\) {
  opacity: 0.5;
}

/**
 * LAYOUT
 */
.justifyContent\(center\) {
  justify-content: center;
}

.justifyContent\(spaceBetween\) {
  justify-content: space-between;
}

.justifyContent\(spaceAround\) {
  justify-content: space-around;
}

.justifyContent\(spaceEvenly\) {
  justify-content: space-evenly;
}

.justifyContent\(flexStart\) {
  justify-content: flex-start;
}

.justifyContent\(flexEnd\) {
  justify-content: flex-end;
}

.justifyContent\(stretch\) {
  justify-content: stretch;
}

.flex\(1\) {
  flex: 1;
}

.flex\(2\) {
  flex: 2;
}

.flex\(none\) {
  flex: none;
}

.flexDirection\(column\) {
  flex-direction: column;
}

.flexDirection\(row\) {
  flex-direction: row;
}

.flexGrow\(1\) {
  flex-grow: 1;
}

.flexGrow\(2\) {
  flex-grow: 2;
}

.flexWrap\(wrap\) {
  flex-wrap: wrap;
}

.flexShrink\(0\) {
  flex-shrink: 0;
}

.flexBasis\(auto\) {
  flex-basis: auto;
}

.alignItems\(center\) {
  align-items: center;
}

.alignItems\(flexStart\) {
  align-items: flex-start;
}

.alignItems\(flexEnd\) {
  align-items: flex-end;
}

.alignItems\(stretch\) {
  align-items: stretch;
}

.float\(right\) {
  float: right;
}

.float\(left\) {
  float: left;
}

.verticalAlign\(top\) {
  vertical-align: top;
}

.verticalAlign\(middle\) {
  vertical-align: middle;
}

.height\(1\.5\) {
  height: 1.5em;
}

.height\(2\), .niceButtonNew {
  height: 2em;
}

.height\(3\) {
  height: 3em;
}

.height\(4\) {
  height: 4em;
}

.height\(100\) {
  height: 100%;
}

.height\(0\) {
  height: 0px;
}

.height\(auto\) {
  height: auto;
}

.minHeight\(100\) {
  min-height: 100%;
}

.minHeight\(0\) {
  min-height: 0px;
}

.width\(2\) {
  width: 2em;
}

.width\(1\) {
  width: 1em;
}

.minWidth\(1\) {
  min-width: 1em;
}

.minWidth\(4\) {
  min-width: 4em;
}

.maxWidth\(49\) {
  max-width: 49%;
}

.maxWidth\(100\) {
  max-width: 100%;
}

.width\(100\) {
  width: 100%;
}

.width\(auto\) {
  width: auto;
}

.alignSelf\(flexStart\) {
  align-self: flex-start;
}

.alignSelf\(flexEnd\) {
  align-self: flex-end;
}

.alignSelf\(center\) {
  align-self: center;
}

.alignSelf\(stretch\) {
  align-self: stretch;
}

.alignSelf\(start\) {
  align-self: start;
}

.alignSelf\(end\) {
  align-self: end;
}

.padding\(0\) {
  padding: 0em;
}

.paddingTop\(0\) {
  padding-top: 0em;
}

.paddingRight\(0\) {
  padding-right: 0em;
}

.paddingBottom\(0\) {
  padding-bottom: 0em;
}

.paddingLeft\(0\) {
  padding-left: 0em;
}

.padding\(0\.25\) {
  padding: 0.25em;
}

.paddingTop\(0\.25\) {
  padding-top: 0.25em;
}

.paddingRight\(0\.25\) {
  padding-right: 0.25em;
}

.paddingBottom\(0\.25\) {
  padding-bottom: 0.25em;
}

.paddingLeft\(0\.25\) {
  padding-left: 0.25em;
}

.padding\(0\.5\) {
  padding: 0.5em;
}

.paddingTop\(0\.5\) {
  padding-top: 0.5em;
}

.paddingRight\(0\.5\) {
  padding-right: 0.5em;
}

.paddingBottom\(0\.5\) {
  padding-bottom: 0.5em;
}

.paddingLeft\(0\.5\) {
  padding-left: 0.5em;
}

.padding\(0\.75\) {
  padding: 0.75em;
}

.paddingTop\(0\.75\) {
  padding-top: 0.75em;
}

.paddingRight\(0\.75\) {
  padding-right: 0.75em;
}

.paddingBottom\(0\.75\) {
  padding-bottom: 0.75em;
}

.paddingLeft\(0\.75\) {
  padding-left: 0.75em;
}

.padding\(1\) {
  padding: 1em;
}

.paddingTop\(1\) {
  padding-top: 1em;
}

.paddingRight\(1\), .niceButtonNew {
  padding-right: 1em;
}

.paddingBottom\(1\) {
  padding-bottom: 1em;
}

.paddingLeft\(1\), .niceButtonNew {
  padding-left: 1em;
}

.padding\(1\.25\) {
  padding: 1.25em;
}

.paddingTop\(1\.25\) {
  padding-top: 1.25em;
}

.paddingRight\(1\.25\) {
  padding-right: 1.25em;
}

.paddingBottom\(1\.25\) {
  padding-bottom: 1.25em;
}

.paddingLeft\(1\.25\) {
  padding-left: 1.25em;
}

.padding\(1\.5\) {
  padding: 1.5em;
}

.paddingTop\(1\.5\) {
  padding-top: 1.5em;
}

.paddingRight\(1\.5\) {
  padding-right: 1.5em;
}

.paddingBottom\(1\.5\) {
  padding-bottom: 1.5em;
}

.paddingLeft\(1\.5\) {
  padding-left: 1.5em;
}

.padding\(1\.75\) {
  padding: 1.75em;
}

.paddingTop\(1\.75\) {
  padding-top: 1.75em;
}

.paddingRight\(1\.75\) {
  padding-right: 1.75em;
}

.paddingBottom\(1\.75\) {
  padding-bottom: 1.75em;
}

.paddingLeft\(1\.75\) {
  padding-left: 1.75em;
}

.padding\(2\) {
  padding: 2em;
}

.paddingTop\(2\) {
  padding-top: 2em;
}

.paddingRight\(2\) {
  padding-right: 2em;
}

.paddingBottom\(2\) {
  padding-bottom: 2em;
}

.paddingLeft\(2\) {
  padding-left: 2em;
}

.paddingTop\(2\) {
  padding-top: 2em;
}

.paddingBottom\(2\) {
  padding-bottom: 2em;
}

.margin\(0\) {
  margin: 0em;
}

.marginTop\(0\) {
  margin-top: 0em;
}

.marginRight\(0\) {
  margin-right: 0em;
}

.marginBottom\(0\) {
  margin-bottom: 0em;
}

.marginLeft\(0\) {
  margin-left: 0em;
}

.margin\(0\.25\) {
  margin: 0.25em;
}

.marginTop\(0\.25\) {
  margin-top: 0.25em;
}

.marginRight\(0\.25\) {
  margin-right: 0.25em;
}

.marginBottom\(0\.25\) {
  margin-bottom: 0.25em;
}

.marginLeft\(0\.25\) {
  margin-left: 0.25em;
}

.margin\(0\.5\) {
  margin: 0.5em;
}

.marginTop\(0\.5\) {
  margin-top: 0.5em;
}

.marginRight\(0\.5\) {
  margin-right: 0.5em;
}

.marginBottom\(0\.5\) {
  margin-bottom: 0.5em;
}

.marginLeft\(0\.5\) {
  margin-left: 0.5em;
}

.margin\(0\.75\) {
  margin: 0.75em;
}

.marginTop\(0\.75\) {
  margin-top: 0.75em;
}

.marginRight\(0\.75\) {
  margin-right: 0.75em;
}

.marginBottom\(0\.75\) {
  margin-bottom: 0.75em;
}

.marginLeft\(0\.75\) {
  margin-left: 0.75em;
}

.margin\(1\) {
  margin: 1em;
}

.marginTop\(1\) {
  margin-top: 1em;
}

.marginRight\(1\) {
  margin-right: 1em;
}

.marginBottom\(1\) {
  margin-bottom: 1em;
}

.marginLeft\(1\) {
  margin-left: 1em;
}

.margin\(1\.25\) {
  margin: 1.25em;
}

.marginTop\(1\.25\) {
  margin-top: 1.25em;
}

.marginRight\(1\.25\) {
  margin-right: 1.25em;
}

.marginBottom\(1\.25\) {
  margin-bottom: 1.25em;
}

.marginLeft\(1\.25\) {
  margin-left: 1.25em;
}

.margin\(1\.5\) {
  margin: 1.5em;
}

.marginTop\(1\.5\) {
  margin-top: 1.5em;
}

.marginRight\(1\.5\) {
  margin-right: 1.5em;
}

.marginBottom\(1\.5\) {
  margin-bottom: 1.5em;
}

.marginLeft\(1\.5\) {
  margin-left: 1.5em;
}

.margin\(1\.75\) {
  margin: 1.75em;
}

.marginTop\(1\.75\) {
  margin-top: 1.75em;
}

.marginRight\(1\.75\) {
  margin-right: 1.75em;
}

.marginBottom\(1\.75\) {
  margin-bottom: 1.75em;
}

.marginLeft\(1\.75\) {
  margin-left: 1.75em;
}

.margin\(2\) {
  margin: 2em;
}

.marginTop\(2\) {
  margin-top: 2em;
}

.marginRight\(2\) {
  margin-right: 2em;
}

.marginBottom\(2\) {
  margin-bottom: 2em;
}

.marginLeft\(2\) {
  margin-left: 2em;
}

.margin\(2\.25\) {
  margin: 2.25em;
}

.marginTop\(2\.25\) {
  margin-top: 2.25em;
}

.marginRight\(2\.25\) {
  margin-right: 2.25em;
}

.marginBottom\(2\.25\) {
  margin-bottom: 2.25em;
}

.marginLeft\(2\.25\) {
  margin-left: 2.25em;
}

.margin\(2\.5\) {
  margin: 2.5em;
}

.marginTop\(2\.5\) {
  margin-top: 2.5em;
}

.marginRight\(2\.5\) {
  margin-right: 2.5em;
}

.marginBottom\(2\.5\) {
  margin-bottom: 2.5em;
}

.marginLeft\(2\.5\) {
  margin-left: 2.5em;
}

.margin\(2\.75\) {
  margin: 2.75em;
}

.marginTop\(2\.75\) {
  margin-top: 2.75em;
}

.marginRight\(2\.75\) {
  margin-right: 2.75em;
}

.marginBottom\(2\.75\) {
  margin-bottom: 2.75em;
}

.marginLeft\(2\.75\) {
  margin-left: 2.75em;
}

.margin\(3\) {
  margin: 3em;
}

.marginTop\(3\) {
  margin-top: 3em;
}

.marginRight\(3\) {
  margin-right: 3em;
}

.marginBottom\(3\) {
  margin-bottom: 3em;
}

.marginLeft\(3\) {
  margin-left: 3em;
}

.margin\(3\.25\) {
  margin: 3.25em;
}

.marginTop\(3\.25\) {
  margin-top: 3.25em;
}

.marginRight\(3\.25\) {
  margin-right: 3.25em;
}

.marginBottom\(3\.25\) {
  margin-bottom: 3.25em;
}

.marginLeft\(3\.25\) {
  margin-left: 3.25em;
}

.margin\(3\.5\) {
  margin: 3.5em;
}

.marginTop\(3\.5\) {
  margin-top: 3.5em;
}

.marginRight\(3\.5\) {
  margin-right: 3.5em;
}

.marginBottom\(3\.5\) {
  margin-bottom: 3.5em;
}

.marginLeft\(3\.5\) {
  margin-left: 3.5em;
}

.margin\(3\.75\) {
  margin: 3.75em;
}

.marginTop\(3\.75\) {
  margin-top: 3.75em;
}

.marginRight\(3\.75\) {
  margin-right: 3.75em;
}

.marginBottom\(3\.75\) {
  margin-bottom: 3.75em;
}

.marginLeft\(3\.75\) {
  margin-left: 3.75em;
}

.margin\(4\) {
  margin: 4em;
}

.marginTop\(4\) {
  margin-top: 4em;
}

.marginRight\(4\) {
  margin-right: 4em;
}

.marginBottom\(4\) {
  margin-bottom: 4em;
}

.marginLeft\(4\) {
  margin-left: 4em;
}

.margin\(auto\) {
  margin: auto;
}

.marginToppropertyValue {
  margin-top: auto;
}

.marginRightpropertyValue {
  margin-right: auto;
}

.marginBottompropertyValue {
  margin-bottom: auto;
}

.marginLeftpropertyValue {
  margin-left: auto;
}

.margin-bottom\(0\) {
  margin-bottom: 0em;
}

.margin-bottomTop\(0\) {
  margin-bottom-top: 0em;
}

.margin-bottomRight\(0\) {
  margin-bottom-right: 0em;
}

.margin-bottomBottom\(0\) {
  margin-bottom-bottom: 0em;
}

.margin-bottomLeft\(0\) {
  margin-bottom-left: 0em;
}

.margin-bottom\(0\.25\) {
  margin-bottom: 0.25em;
}

.margin-bottomTop\(0\.25\) {
  margin-bottom-top: 0.25em;
}

.margin-bottomRight\(0\.25\) {
  margin-bottom-right: 0.25em;
}

.margin-bottomBottom\(0\.25\) {
  margin-bottom-bottom: 0.25em;
}

.margin-bottomLeft\(0\.25\) {
  margin-bottom-left: 0.25em;
}

.margin-bottom\(0\.5\) {
  margin-bottom: 0.5em;
}

.margin-bottomTop\(0\.5\) {
  margin-bottom-top: 0.5em;
}

.margin-bottomRight\(0\.5\) {
  margin-bottom-right: 0.5em;
}

.margin-bottomBottom\(0\.5\) {
  margin-bottom-bottom: 0.5em;
}

.margin-bottomLeft\(0\.5\) {
  margin-bottom-left: 0.5em;
}

.margin-bottom\(0\.75\) {
  margin-bottom: 0.75em;
}

.margin-bottomTop\(0\.75\) {
  margin-bottom-top: 0.75em;
}

.margin-bottomRight\(0\.75\) {
  margin-bottom-right: 0.75em;
}

.margin-bottomBottom\(0\.75\) {
  margin-bottom-bottom: 0.75em;
}

.margin-bottomLeft\(0\.75\) {
  margin-bottom-left: 0.75em;
}

.margin-bottom\(1\) {
  margin-bottom: 1em;
}

.margin-bottomTop\(1\) {
  margin-bottom-top: 1em;
}

.margin-bottomRight\(1\) {
  margin-bottom-right: 1em;
}

.margin-bottomBottom\(1\) {
  margin-bottom-bottom: 1em;
}

.margin-bottomLeft\(1\) {
  margin-bottom-left: 1em;
}

.margin-bottom\(1\.25\) {
  margin-bottom: 1.25em;
}

.margin-bottomTop\(1\.25\) {
  margin-bottom-top: 1.25em;
}

.margin-bottomRight\(1\.25\) {
  margin-bottom-right: 1.25em;
}

.margin-bottomBottom\(1\.25\) {
  margin-bottom-bottom: 1.25em;
}

.margin-bottomLeft\(1\.25\) {
  margin-bottom-left: 1.25em;
}

.margin-bottom\(1\.5\) {
  margin-bottom: 1.5em;
}

.margin-bottomTop\(1\.5\) {
  margin-bottom-top: 1.5em;
}

.margin-bottomRight\(1\.5\) {
  margin-bottom-right: 1.5em;
}

.margin-bottomBottom\(1\.5\) {
  margin-bottom-bottom: 1.5em;
}

.margin-bottomLeft\(1\.5\) {
  margin-bottom-left: 1.5em;
}

.margin-bottom\(1\.75\) {
  margin-bottom: 1.75em;
}

.margin-bottomTop\(1\.75\) {
  margin-bottom-top: 1.75em;
}

.margin-bottomRight\(1\.75\) {
  margin-bottom-right: 1.75em;
}

.margin-bottomBottom\(1\.75\) {
  margin-bottom-bottom: 1.75em;
}

.margin-bottomLeft\(1\.75\) {
  margin-bottom-left: 1.75em;
}

.margin-bottom\(2\) {
  margin-bottom: 2em;
}

.margin-bottomTop\(2\) {
  margin-bottom-top: 2em;
}

.margin-bottomRight\(2\) {
  margin-bottom-right: 2em;
}

.margin-bottomBottom\(2\) {
  margin-bottom-bottom: 2em;
}

.margin-bottomLeft\(2\) {
  margin-bottom-left: 2em;
}

.margin-bottom\(auto\) {
  margin-bottom: auto;
}

.margin-bottomToppropertyValue {
  margin-bottom-top: auto;
}

.margin-bottomRightpropertyValue {
  margin-bottom-right: auto;
}

.margin-bottomBottompropertyValue {
  margin-bottom-bottom: auto;
}

.margin-bottomLeftpropertyValue {
  margin-bottom-left: auto;
}

.marginLeft\(auto\) {
  margin-left: auto;
}

.marginRight\(auto\) {
  margin-right: auto;
}

.marginBottom\(15\) {
  margin-bottom: 15px;
}

/**
*INDENT
*/
.textIndent\(1\) {
  text-indent: 1em;
}

.textIndent\(2\) {
  text-indent: 2em;
}

.textIndent\(3\) {
  text-indent: 3em;
}

/**
 * CURSOR
 */
.cursor\(default\) {
  cursor: default;
}

.cursor\(pointer\) {
  cursor: pointer;
}

.cursor\(notAllowed\) {
  cursor: not-allowed;
}

.userSelect\(none\) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pointerEvents\(none\) {
  pointer-events: none;
}

/**
 * BOX SHADOW
 */
.boxShadow\(gray\) {
  box-shadow: gray;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.boxShadow\(red\) {
  box-shadow: red;
  box-shadow: 0 4px 4px 0 rgba(255, 34, 0, 0.83);
}

/**
 * LINK STYLES
 */
a {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

.displayFocus\(none\) input:focus {
  display: none;
  border: none !important;
  outline: none !important;
}

.header\(h3\) {
  font-weight: 600;
  font-size: 20px;
}

.height\(1\.6\) {
  height: 1.6em;
}

/**
 * ANIMATION
 */
.animationDelay\(0\) {
  animation-delay: 0s;
}

.animationDelay\(0\.25\) {
  animation-delay: 0.25s;
}

.animationDelay\(0\.5\) {
  animation-delay: 0.5s;
}

.animationDelay\(0\.75\) {
  animation-delay: 0.75s;
}

.animationDelay\(1\) {
  animation-delay: 1s;
}

.animationDelay\(1\.25\) {
  animation-delay: 1.25s;
}

.animationDelay\(1\.5\) {
  animation-delay: 1.5s;
}

.animationDelay\(1\.75\) {
  animation-delay: 1.75s;
}

.animationDelay\(2\) {
  animation-delay: 2s;
}

path.district-boundaries {
  pointer-events: none;
  fill: #bbb;
  stroke: #fff;
  stroke-width: 0.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

path.state-boundaries {
  pointer-events: none;
  stroke: #fff;
  stroke-width: 1.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.emFormat em {
  font-size: 0.9em;
  font-style: normal;
  font-weight: 400;
}

.header\(h3\) {
  font-size: 20px;
  font-weight: 600;
}

.triangle {
  position: relative;
}

.triangle:after {
  content: '';
  position: absolute;
  border: 1em solid transparent;
  border-top: 1em solid currentcolor;
  bottom: -1.9em;
  left: 50%;
  margin-left: -1em;
}

.arrowRight {
  position: relative;
}

.arrowRight:after {
  content: '';
  position: absolute;
  border-top: 0.8em solid transparent;
  border-bottom: 0.8em solid transparent;
  border-left: 5px solid currentColor;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 100;
}

.arrowRightBackground {
  position: relative;
}

.arrowRightBackground:after {
  content: '';
  position: absolute;
  border-top: 0.8em solid transparent;
  border-bottom: 0.8em solid transparent;
  border-left: 5px solid currentColor;
  top: 0;
  bottom: 0;
  left: 100%;
}

.arrowIndent {
  position: relative;
}

.arrowIndent:before {
  content: '';
  position: absolute;
  border-top: 0.8em solid transparent;
  border-bottom: 0.8em solid transparent;
  border-left: 5px solid white;
  left: 0;
}

.arrowPaddingRight {
  padding-right: 5px;
}

.arrowMarginLeft {
  margin-left: 0.1em;
}

.ellipsis, .c-filterTile__header {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.boxShadow\(gray\)\:\:hover {
  transition: box-shadow 0.3s ease;
}

.boxShadow\(gray\)\:\:hover:hover {
  box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.2);
}

.searchIcon\:\:before {
  position: relative;
}

.searchIcon\:\:before:before {
  display: block;
  content: "";
  color: currentcolor;
  z-index: 2;
  position: absolute;
  left: 0.5em;
  margin: auto;
  line-height: 1.8em;
}

.niceButtonLink,
.niceButtonLink:hover,
.niceButtonLink.disabled,
.niceButtonLink[disabled] {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.ie11minHeightAlignItemsFix:after {
  content: '';
  min-height: inherit;
  font-size: 0;
  display: inline-block;
}

/**
 * Useful when you need a set of siblings
 * with space between subsequent siblings without
 * needing to manually specify the offset on each one
 */
.spacedSibling + .spacedSibling {
  margin-left: 0.5em;
}

.spacedSibling\(0\.25\) + .spacedSibling\(0\.25\) {
  margin-left: 0.25em;
}

.spacedSibling\(0\.75\) + .spacedSibling\(0\.75\) {
  margin-left: 0.75em;
}

.spacedSibling\(1\) + .spacedSibling\(1\) {
  margin-left: 1em;
}

.animate {
  transition: all 0.2s ease-out 0s;
}

.custom-focus:focus {
  outline: 2px solid #669FE7;
}

.fill-hover-secondary {
  fill: transparent;
  stroke: transparent;
}

.fill-hover-secondary:hover {
  fill: #F15727;
}

.react-datepicker__tether-element {
  z-index: 100;
}