/*
100 Thin (Hairline)
200 Extra Light (Ultra Light)
300 Light
400 Normal
500 Medium
600 Semi Bold (Demi Bold)
700 Bold
800 Extra Bold (Ultra Bold)
900 Black (Heavy)
*/
.button.text.notblack {
  color: #272E39;
}
.button.text.notblack span::after {
  color: #ffffff;
}

.flash_input {
  -webkit-animation: 0.3s ease-out 0.2s 4 flash_input forwards;
          animation: 0.3s ease-out 0.2s 4 flash_input forwards;
}

.bn {
  border: none;
}

.monitoring_side:not(.comp_chart) .monitoring-row:nth-child(even)::before {
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  background-color: #F6F8FA;
  width: calc(100% + 30px);
  height: 100%;
  margin: 0 auto;
  left: 0px;
  top: 0;
  border-radius: 4px;
}

.sbg_inner {
  display: block;
  position: absolute;
  width: calc(100% + 2rem);
  height: 6em;
  left: -1rem;
  top: -1rem;
}

.sbg_uncle {
  display: block;
  position: absolute;
  height: 6em;
  left: 0;
  top: 0rem;
}

.sbg_wrap {
  /*
  &, &::after {
  	content: "";
  	z-index: 10;
  	display: block;
  	position: absolute;
  	background-color: $white;
  	width: calc(100% + 30px);
  	height: 2em;
  	left: 0;
  	top: 0rem;
  }

  &::after {
  	position: sticky;
  	z-index: -1;
  	background-color: $gray2;
  	top: 100px;
  }
  */
}

.mon-bod-bot .monitoring-row:nth-child(odd):not([data-plan]):not(.header_row):before {
  width: calc(100% + 30px);
  left: -5px;
}

.plans_2020 .monitoring-table-cell:first-child {
  padding-left: 0;
}

.un {
  text-decoration: underline;
}

.mobile_table_side .mon-bod-bot {
  background-color: transparent;
}

.mobile_table .monitoring-table-body {
  background-color: transparent;
}
.mobile_table .monitoring-row[data-name=reviewtrackers] {
  padding-left: 0;
}
.mobile_table [name=table-select] {
  top: 30px;
  right: 20px;
  width: calc(50% - 20px);
  height: 2em;
  cursor: pointer;
}

.mono_white_1 {
  -webkit-filter: invert(0.5);
          filter: invert(0.5);
}

.mono_white_2 {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.dg-r {
  left: 0%;
}
.dg-l {
  right: 0%;
}
@media screen and (max-width: 47em) {
  .h2.xxsm {
    font-size: xxs;
    font-weight: 600;
    line-height: 1.25em;
    letter-spacing: 0em;
    text-transform: none;
    font-size: 12px;
  }
  .comp_chart_table > .monitoring-row:first-child {
    display: inline-block;
  }
  .comp_chart_table .monitoring-row:not([data-name=reviewtrackers]) .col_label {
    cursor: pointer;
  }
  .comp_chart_table .monitoring-row:not([data-name=reviewtrackers]) .col_label.hover {
    background-color: #5D6167;
  }
  .sbg_inner {
    height: 9em;
  }
  .sbg_uncle {
    height: 9em;
  }
}
@media screen and (min-width: 47em) {

  .dg-r {
    top: 50%;
    left: 50%;
  }
  .dg-l {
    top: 25%;
    right: 0%;
    max-width: 125%;
  }

  .down_right {
    -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
            transform: scale(1.25);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  .monitoring-table-cell.pure-u-md-1-7 {
    width: 16.666%;
  }
  .upshift {
    -webkit-transform: translate(0, -3rem);
        -ms-transform: translate(0, -3rem);
            transform: translate(0, -3rem);
  }
  .upshift[class*=fa-] {
    -webkit-transform: translate(0, -1.5rem);
        -ms-transform: translate(0, -1.5rem);
            transform: translate(0, -1.5rem);
  }
}
@-webkit-keyframes flash_input {
  0% {
    background-color: unset;
  }
  50% {
    background-color: #FBCD33;
  }
  100% {
    background-color: unset;
  }
}
@keyframes flash_input {
  0% {
    background-color: unset;
  }
  50% {
    background-color: #FBCD33;
  }
  100% {
    background-color: unset;
  }
}