.SharingUpsell {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  padding: 15px 20px; }
  .SharingUpsell .sharePrompt {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 8px; }
.ShareLink .link {
  display: table;
  height: 32px;
  position: relative;
  width: 100%; }
  .ShareLink .link .icon {
    position: absolute; }
  .ShareLink .link .linkField {
    background: #efefef;
    border-radius: 3px;
    display: table-cell;
    height: 32px;
    outline: none;
    padding: 5px 10px 5px 35px; }
  .ShareLink .link .cancelLink {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    width: 17px; }
  .ShareLink .link .cancelLink:hover {
      cursor: pointer; }
  .ShareLink .link .cancelLink svg {
      position: absolute;
      top: 7px; }
  .flippedSharing .ShareLink {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  padding: 12px; }
  .flippedSharing .ShareLink .linkWrapper .link {
    height: 44px; }
  .flippedSharing .ShareLink .linkWrapper .link .cancelLink {
      vertical-align: inherit; }
  .flippedSharing .ShareLink .sharePrompt {
    padding-bottom: 16px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Pin {
  /* Gestalt doesnt currently support color + transparent icons
    ** so for the expriment we're overriding via css, if this variant wins
    ** we should look into including rgbalpha + hover into gestalt icons
    */ }
.Pin .pinRepSendShareFlyoutButton .tempIconButton {
    border: none;
    box-sizing: border-box;
    outline: none; }
.Pin .pinRepSendShareFlyoutButton .tempIconButton:hover {
      cursor: pointer; }
.Pin .pinRepSendShareFlyoutButton .tempIconButton:focus {
      box-shadow: 0 0 0 4px rgba(0, 132, 255, .5); }
.Pin .pinRepSendShareFlyoutButton .tempIconButton.transparent-dark-gray {
      background-color: rgba(51, 51, 51, .8); }
.Pin .pinRepSendShareFlyoutButton .tempIconButton.transparent-dark-gray:hover {
        background-color: #333; }
.Pin .pinRepSendShareFlyoutButton .tempIconButton.enabled_android_icon {
      background-color: #fff; }
.Pin .pinRepSendShareFlyoutButton .tempIconButton.enabled_android_icon:hover {
        background-color: #efefef; }
.Pin .pinRepSendShareFlyoutButton .tempIconButton.enabled_android_icon:active {
        background-color: #dadada; }
.fixedHeader .sendShareFlyoutButtonTest .tempIconButton {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  outline: none; }
.fixedHeader .sendShareFlyoutButtonTest .tempIconButton:hover {
    cursor: pointer; }
.fixedHeader .sendShareFlyoutButtonTest .tempIconButton:focus {
    box-shadow: 0 0 0 4px rgba(0, 132, 255, .5); }
.fixedHeader .sendShareFlyoutButtonTest .tempIconButton.enabled_android_icon:hover {
    background-color: #efefef; }
.fixedHeader .sendShareFlyoutButtonTest .tempIconButton.enabled_android_icon:active {
    background-color: #dadada; }
.fixedHeader .pincodeButton .tempIconButton {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  outline: none; }
.fixedHeader .pincodeButton .tempIconButton:hover {
    cursor: pointer; }
.fixedHeader .pincodeButton .tempIconButton:focus {
    box-shadow: 0 0 0 4px rgba(0, 132, 255, .5); }
.fixedHeader .pincodeButton .tempIconButton.pincodeIcon:hover {
    background-color: #efefef; }
.fixedHeader .pincodeButton .tempIconButton.pincodeIcon:active {
    background-color: #dadada; }
.story-pin-cinematic-image__background-container {
  background: #333;
  background-position: center;
  background-size: cover;
  position: relative; }
  .story-pin-cinematic-image__background-container::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .06) 45%, rgba(0, 0, 0, .24) 75%, rgba(0, 0, 0, .56) 100%);
    content: "";
    display: block;
    padding-top: 150%;
    position: relative; }
  .story-pin-cinematic-image__background {
  background-position: center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .15s linear;
  width: 100%; }
.story-pin-image__overlay {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .06) 45%, rgba(0, 0, 0, .24) 75%, rgba(0, 0, 0, .56) 100%);
  padding-top: 150%;
  position: relative; }
.carouselSlider {
  cursor: pointer;
  height: 100%;
  position: relative;
  width: 10%;
  z-index: 105; }
.SaveButton {
  background: transparent;
  border-radius: 4px;
  outline: 0; }

.SaveButton--enabled {
  cursor: pointer; }

.SaveButton--enabled:focus {
  box-shadow: 0 0 0 4px rgba(0, 132, 255, .5); }

.SaveButton--disabled {
  cursor: default; }

.SaveButton__background {
  border-radius: 4px;
  max-height: inherit; }

.SaveButton__background--enabled {
  background-color: #e60023; }

.SaveButton__background--enabled:hover {
  background-color: #ad081b; }

.SaveButton__background--disabled {
  background-color: #efefef; }
.PinBetterSave__Button {
  -ms-flex-align: center;
      align-items: center;
  background-color: #e60023;
  border: none;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: none;
      flex: none;
  height: 40px;
  padding: 0 14px; }
  .PinBetterSave__Button:hover {
    background-color: #cf001f; }
  .PinBetterSave__Button:focus {
    box-shadow: 0 0 0 4px rgba(0, 132, 255, .5);
    outline: 0;
    position: relative; }
  .PinBetterSave__Dropdown {
  -ms-flex-align: center;
      align-items: center;
  background-color: #efefef;
  border: none;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 40px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: 0;
  padding: 0 14px;
  position: relative; }
  .PinBetterSave__Dropdown:hover {
    background-color: #e2e2e2; }
  .PinBetterSave__Dropdown:focus {
    box-shadow: 0 0 0 4px rgba(0, 132, 255, .5);
    outline: 0;
    position: relative; }
  .PinBetterSave__Dropdown--expanded {
  border-radius: 4px; }
.FirstBoardCreate__education {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  margin-left: 170px;
  position: absolute;
  top: -60px; }
  .FirstBoardCreate__education.multiline {
    margin-left: 30px;
    position: absolute;
    top: -80px; }
.ShareSocialBar {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  padding: 15px 20px; }

.sharePrompt {
  color: #333;
  font-size: 14px;
  line-height: 16px;
  padding-left: 12px;
  padding-top: 12px; }
.SavedAnimation.saved {
  animation: down-then-right 1s cubic-bezier(0, 0.33, 0.33, 1.1); }

.SavedAnimation.board {
  animation: to-right 0.2s cubic-bezier(0, 0.33, 0.33, 1.1); }

.SavedAnimation a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff; }

@keyframes down-then-right {
  0% {
    opacity: 0;
    transform: translateY(-24px); }
  33% {
    opacity: 1;
    transform: translateY(0); }
  80% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateX(24px); } }

@keyframes to-right {
  from {
    opacity: 0;
    transform: translateX(-16px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
.withoutBoxShadow {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .withoutBoxShadow div[role="button"] {
    box-shadow: none; }
.story-pin-cover-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 140px;
  padding-top: 60px;
  position: relative; }
  .story-pin-cover-layout__background-overlay {
    background-position: center;
    background-size: cover;
    bottom: -10px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
    filter: blur(10px);
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 110%; }
  .story-pin-cover-layout__color-overlay {
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    top: 0;
    width: 100%; }
.story-pin-closeup-container__background {
  background-color: #333;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }

.story-pin-closeup-container__page {
  position: relative; }
.story_pin_background {
  background: #333;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .5s ease-in-out;
  width: 100%; }
  .story_pin_background__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -32px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="40" /></filter></svg>#filter');
    filter: blur(40px);
    left: -32px;
    position: absolute;
    right: -32px;
    top: -32px; }
  .story_pin_background__image::before {
      background: #333;
      content: "";
      height: 100%;
      left: 0;
      opacity: .4;
      position: absolute;
      top: 0;
      width: 100%; }
  .story_pin_background__image--no-blur {
      filter: none; }
  .story_pin_background__image--no-overlay::before {
      content: none; }
  @media screen and (min-aspect-ratio: 2 / 1) {
      .story_pin_background__image--no-overlay {
        filter: none; } }
.story-pin-cover {
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  height: auto;
  margin: 0 auto;
  max-width: 1300px;
  padding: 80px 30px;
  position: relative;
  width: 100%;
  z-index: 10; }
  @media screen and (max-aspect-ratio: 2 / 1) {
    .story-pin-cover {
      height: calc(100vh - 145px); } }
  .story-pin-cover__info {
    -ms-grid-column-span: 6;
    -ms-grid-column: 6;
        grid-column: 6 / span 6; }
  .story-pin-cover__info:first-of-type {
      -ms-flex-item-align: end;
          -ms-grid-row-align: end;
          align-self: end;
      -ms-grid-column-span: 6;
      -ms-grid-column: 1;
          grid-column: 1 / span 6;
      margin-bottom: 10vh; }
  .story-pin-cover__image {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: span 4 / auto;
        grid-column: span 4 / auto;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    max-height: 100%;
    min-height: 0;
    overflow: hidden; }
.story-pin-image {
  border-radius: 8px;
  max-height: 100%; }
.story-pin-page {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%; }
  @media screen and (max-aspect-ratio: 2 / 1) {
    .story-pin-page {
      height: calc(100vh - 145px); } }
  .story-pin-page--ad {
    height: auto; }
  .story-pin-page--landscape {
    height: calc(100vh - 145px);
    min-height: 500px; }
  .story-pin-page__container {
    -ms-flex-align: end;
        align-items: end;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    -ms-grid-columns: (1fr)[12];
        grid-template-columns: repeat(12, 1fr);
    height: 100%;
    max-width: 1300px;
    padding: 80px 30px;
    width: 100%; }
  .story-pin-page a {
    color: #fff; }
.story-pin-media-layout__text {
  grid-column: 2 / 7; }

.story-pin-media-layout__image, .story-pin-media-layout__video {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  grid-column: 9 / end;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  max-height: 100%;
  min-height: 0;
  overflow: hidden; }

.story-pin-media-layout__image--centered, .story-pin-media-layout__video--centered {
    -ms-grid-column-span: 4;
    -ms-grid-column: 5;
        grid-column: 5 / span 4; }
.ExpandingTextArea__textArea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  box-sizing: border-box;
  caret-color: #e60023;
  overflow: auto;
  resize: none;
  width: 100%; }
  .ExpandingTextArea__textArea:-ms-input-placeholder {
    color: #8e8e8e; }
  .ExpandingTextArea__textArea::placeholder {
    color: #8e8e8e; }
  .ExpandingTextArea__textArea:focus {
    outline: none; }
  .ExpandingTextArea__bold {
  font-weight: bold; }
  .ExpandingTextArea__large {
  font-size: 36px; }
  .ExpandingTextArea__medium {
  font-size: 18px; }
  .ExpandingTextArea__grow {
  -ms-flex: auto;
      flex: auto; }
  .ExpandingTextArea__enabled {
  color: #333;
  cursor: text; }
  .ExpandingTextArea__disabled {
  color: #8e8e8e; }
/* stylelint-disable-next-line at-rule-blacklist */
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
}
.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}
.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}
.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}
.react-datepicker-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: 4.8px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 4.8px;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 15.104px;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  background: none;
  line-height: 27.2px;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 7.2px solid transparent;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.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 {
  float: left;
}
.react-datepicker__month {
  margin: 6.4px;
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 27.2px;
  width: 1.7rem;
  line-height: 27.2px;
  line-height: 1.7rem;
  text-align: center;
  margin: 2.656px;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 27.2px;
  width: 1.7rem;
  line-height: 27.2px;
  line-height: 1.7rem;
  text-align: center;
  margin: 2.656px;
  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, .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,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-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,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-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,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 7.2px;
  border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-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,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-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,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 4.8px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 4.8px;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 4.8px;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 4.8px;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-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,
.react-datepicker__month-year-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,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}
.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: 0px;
  text-align: center;
}
.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, .8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 48px;
  width: 3rem;
  line-height: 48px;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 23.04px;
  font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
  border: 12.96px solid transparent;
  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--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.react-datepicker-popper {
  margin: 0 !important;
  position: static !important;
  transform: none !important; }
.react-datepicker__month-container {
  font-size: 16px; }
.react-datepicker__header {
  background-color: transparent;
  border: none;
  padding: 0; }
.react-datepicker__month {
  margin: 0; }
.react-datepicker__current-month, .react-datepicker-time__header {
  color: #333;
  font-size: 21px;
  margin-bottom: 16px; }
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  border: 1px solid transparent;
  color: #333;
  line-height: 40px;
  margin: 0;
  width: 40px; }
.react-datepicker__day-name {
  font-size: 14px; }
.react-datepicker__day {
  border-radius: 50%;
  font-weight: bold; }
.react-datepicker__day:hover {
  background-color: #efefef;
  border-radius: 50%;
  color: #333; }
.react-datepicker__day--disabled {
  color: #8e8e8e; }
.react-datepicker__day--disabled:hover {
  background-color: #fff;
  color: #8e8e8e; }
.react-datepicker__day--keyboard-selected {
  background-color: inherit;
  position: relative; }
.react-datepicker__day--keyboard-selected::after {
  border: 4px solid rgba(0, 132, 255, .5);
  border-radius: 50%;
  bottom: -4px;
  content: "";
  display: block;
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px; }
.react-datepicker__day--outside-month {
  visibility: hidden; }
.react-datepicker__day--today {
  border-color: #8e8e8e; }
.react-datepicker__day--selected, .react-datepicker__day--selected:hover {
  background-color: #333;
  color: #fff; }
.react-datepicker__day--selected.react-datepicker__day--today {
  border-color: #333; }
.react-datepicker__navigation {
  border: 0;
  height: auto;
  overflow: visible;
  top: 22px;
  width: auto; }
.react-datepicker__navigation--previous {
  left: 24px; }
.react-datepicker__navigation--next {
  right: 30px; }
.react-datepicker__input-container input {
  padding-right: 38px; }
.sterlingTable.dataSourceTable {
  z-index: 0; }
/****
 * AG Grid Theme
 * https://www.ag-grid.com/javascript-grid-styling/
 * Theme was forked from an available theme and heavily modified to suit our look and feel
 * is a className controlled by us.
 * all other ag-<something> classes can not be changed and are generated by ag-grid
 * ***/
.sterlingTable {
  clear: both;
  color: #666;
  font-size: 14px;
  height: auto;
  position: relative;
  z-index: 1;
  /** The scrollbar area */ }
.sterlingTable.hasSummary .ag-body-viewport {
    margin-top: -30px;
    overflow-x: visible;
    padding: 30px 0 21px; }
.sterlingTable.hasSummary .ag-floating-bottom {
    border: 1px solid #EFEFEF;
    margin-top: -28px; }
.sterlingTable .ag-select-agg-func-popup {
    position: absolute; }
.sterlingTable .ag-body-no-select {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.sterlingTable .ag-root {
    border: none;
    box-sizing: border-box;
    position: relative; }
.sterlingTable .ag-font-style {
    cursor: default; }
.sterlingTable .ag-no-scrolls {
    display: inline-block;
    white-space: nowrap; }
.sterlingTable .ag-scrolls,
  .sterlingTable .ag-body-viewport-wrapper,
  .sterlingTable .ag-bl-normal-center,
  .sterlingTable .ag-bl-full-height-center {
    height: 100%; }
.sterlingTable .ag-popup-backdrop {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%; }
.sterlingTable .ag-header {
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    top: 0;
    white-space: nowrap;
    width: 100%; }
.sterlingTable .ag-pinned-left-header {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden;
    border-right: 2px solid #EFEFEF; }
.sterlingTable .ag-pinned-right-header {
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 100%;
    overflow: hidden;
    border-left: 2px solid #EFEFEF; }
.sterlingTable .ag-header-viewport {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative; }
.sterlingTable .ag-scrolls .ag-header-row {
    box-sizing: border-box;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    padding-left: 20px;
    position: absolute;
    text-align: left; }
.sterlingTable.ControlCenterUserTable .ag-header {
    border-radius: 8px 8px 0px 0px; }
.sterlingTable.ControlCenterUserTable .ag-header-group-cell[col-id="controlCenterGroup_0"] {
    height: 40px;
    padding: 6px; }
.sterlingTable.ControlCenterUserTable .ag-cell[col-id="ACCESS"] {
    white-space: normal; }
.sterlingTable .ag-scrolls .ag-header-container {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    white-space: nowrap; }
.sterlingTable .ag-no-scrolls .ag-header-container {
    white-space: nowrap; }
.sterlingTable .ag-header-overlay {
    display: block;
    position: absolute; }
.sterlingTable .ag-header-cell {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    position: absolute;
    vertical-align: middle;
    transition: background 0.25s ease; }
.sterlingTable .ag-header-cell div.ag-react-container {
      height: inherit; }
.sterlingTable .ag-header-cell.sorted {
      background: #F6F6F6; }
.sterlingTable .ag-header-cell.actions .ag-header-cell-resize {
      background: #efefef; }
.sterlingTable .ag-header-cell .ag-header-cell-label {
      line-height: 44px;
      padding-left: 10px;
      text-align: left;
      height: inherit; }
.sterlingTable .ag-header-cell .ag-header-cell-label > div {
        height: inherit; }
.sterlingTable .ag-header-cell .twolines {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
.sterlingTable .ag-header-cell .twolines div {
        height: 15px;
        line-height: 15px;
        margin-bottom: -2px;
        text-align: right; }
.sterlingTable .ag-header-cell .twolines div:nth-child(2) {
        font-weight: normal; }
.sterlingTable .ag-header-cell .twolines span {
        height: 22px;
        line-height: 30px;
        margin-bottom: -8px;
        text-align: left; }
.sterlingTable .ag-header-cell .sorting {
      line-height: 30px;
      margin-left: 8px;
      margin-top: 1px; }
.sterlingTable .ag-header-cell aside {
      box-sizing: border-box;
      height: 100%;
      padding-top: 4px;
      position: absolute;
      right: 4px;
      text-align: center;
      top: 0;
      width: 24px; }
.sterlingTable .ag-header-cell aside svg {
        display: none; }
.sterlingTable .ag-header-cell:hover aside svg {
      background: white;
      border-radius: 100%;
      display: inline;
      opacity: 0.7; }
.sterlingTable .ag-header-cell:hover aside svg:hover {
        opacity: 1; }
.sterlingTable .ag-header-select-all {
    display: inline-block;
    margin: 12px 0 0 12px; }
.sterlingTable .ag-dnd-ghost {
    background: #e5e5e5;
    border: 1px solid #000;
    box-sizing: border-box;
    cursor: move;
    font-size: 14px;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.sterlingTable .ag-dnd-ghost-icon {
    display: inline-block;
    float: left;
    padding: 0 2px; }
.sterlingTable .ag-dnd-ghost-label {
    display: inline-block; }
.sterlingTable .ag-header-group-cell {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    font-size: 14px; }
.sterlingTable .ag-header-group-cell-label,
  .sterlingTable .ag-header-cell-label {
    overflow: hidden;
    text-overflow: ellipsis; }
.sterlingTable .ag-header-group-cell-label {
    display: -ms-flexbox;
    display: flex; }
.sterlingTable .ag-header-group-cell-label .ag-header-icon {
      -ms-flex: none;
          flex: none; }
.sterlingTable .ag-header-group-cell-label .ag-header-group-text {
      overflow: hidden;
      text-overflow: ellipsis; }
.sterlingTable .ag-header-cell-resize {
    cursor: col-resize;
    float: right;
    height: 100%;
    width: 4px; }
.sterlingTable .ag-header-expand-icon {
    padding-left: 4px; }
.sterlingTable .ag-header-cell-menu-button {
    float: right; }
.sterlingTable .ag-overlay-panel {
    display: table;
    height: 100%;
    pointer-events: none;
    width: 100%; }
.sterlingTable .ag-overlay-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
.sterlingTable .ag-bl-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }
.sterlingTable .ag-bl-full-height {
    height: 100%;
    overflow: auto;
    position: relative; }
.sterlingTable .ag-bl-full-height-west,
  .sterlingTable .ag-bl-normal-west {
    float: left;
    height: 100%; }
.sterlingTable .ag-bl-full-height-east,
  .sterlingTable .ag-bl-normal-east {
    float: right;
    height: 100%; }
.sterlingTable .ag-bl-normal {
    height: 100%;
    position: relative; }
.sterlingTable .ag-bl-normal-center-row {
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-bl-dont-fill {
    position: relative; }
.sterlingTable .ag-body {
    background-color: #fff;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF; }
.sterlingTable .ag-floating-top {
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 100%; }
.sterlingTable .ag-pinned-left-floating-top {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-pinned-right-floating-top {
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-floating-top-viewport {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-floating-top-container {
    box-sizing: border-box;
    position: relative;
    white-space: nowrap; }
.sterlingTable .ag-floating-bottom {
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    z-index: 1; }
.sterlingTable .ag-pinned-left-floating-bottom {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-pinned-right-floating-bottom {
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-floating-bottom-viewport {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden; }
.sterlingTable .ag-floating-bottom-container {
    box-sizing: border-box;
    position: relative;
    white-space: nowrap; }
.sterlingTable .ag-pinned-left-cols-viewport {
    float: left;
    overflow: visible; }
.sterlingTable .ag-pinned-left-cols-container {
    border-right: 2px solid #EFEFEF;
    box-sizing: border-box;
    position: relative; }
.sterlingTable .ag-pinned-right-cols-viewport {
    float: right;
    overflow-x: hidden;
    overflow-y: auto; }
.sterlingTable .ag-pinned-right-cols-container {
    border-left: none;
    display: inline-block;
    position: relative; }
.sterlingTable .ag-body-viewport {
    overflow-y: visible !important;
    height: inherit;
    left: 0;
    position: relative; }
.sterlingTable .ag-body-viewport::-webkit-scrollbar {
      height: 7px;
      width: 7px; }
.sterlingTable .ag-body-viewport::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, .2);
      border-radius: 5px; }
.sterlingTable .ag-body-viewport::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, .4); }
.sterlingTable .ag-body-viewport::-webkit-scrollbar-thumb:window-inactive {
        background-color: rgba(0, 0, 0, .05); }
.sterlingTable .ag-scrolls:after {
    bottom: 17px;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    width: 100%;
    z-index: -1; }
.sterlingTable .ag-full-width-viewport {
    box-sizing: border-box;
    display: inline;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }
.sterlingTable .ag-full-width-container {
    overflow: hidden;
    position: relative;
    width: 100%; }
.sterlingTable .ag-floating-bottom-full-width-container {
    display: inline;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }
.sterlingTable .ag-floating-top-full-width-container {
    display: inline;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }
.sterlingTable .ag-full-width-row {
    overflow: hidden;
    pointer-events: all; }
.sterlingTable .ag-scrolls .ag-body-container {
    display: inline-block;
    position: relative; }
.sterlingTable .ag-scrolls .ag-row {
    position: absolute;
    white-space: nowrap;
    width: 100%; }
.sterlingTable .ag-no-scrolls .ag-row {
    position: relative; }
.sterlingTable .ag-column-drop {
    box-sizing: border-box;
    width: 100%; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-cell {
    display: block; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-empty-message {
    display: block; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-cell-button {
    float: right;
    line-height: 16px; }
.sterlingTable .ag-column-drop-horizontal {
    white-space: nowrap; }
.sterlingTable .ag-cell {
    background: #fff;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    -ms-flex-pack: start;
        justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background 0.4s ease-in-out; }
.sterlingTable .ag-cell > * {
      min-width: 0;
      width: inherit; }
.sterlingTable .ag-cell.sorted {
      background: #F6F6F6; }
.sterlingTable .inlineEditing {
    overflow: visible; }
.sterlingTable .ag-fade-out {
    filter: none;
    margin-right: 5px;
    opacity: 1;
    transition: opacity 3s, margin-right 3s;
    transition-timing-function: linear; }
.sterlingTable .ag-fade-out-end {
    filter: alpha(opacity=0);
    margin-right: 10px;
    opacity: 0; }
.sterlingTable .ag-cell-edit-input {
    height: 100%;
    width: 100%; }
.sterlingTable .ag-group-cell-entire-row {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
.sterlingTable .ag-footer-cell-entire-row {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
.sterlingTable .ag-large .ag-root {
    font-size: 20px; }
.sterlingTable .ag-popup-editor {
    position: absolute;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.sterlingTable .ag-menu {
    position: absolute;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.sterlingTable .ag-menu-column-select-wrapper {
    height: 300px;
    overflow: auto;
    width: 200px; }
.sterlingTable .ag-menu-list {
    border-collapse: collapse;
    display: table; }
.sterlingTable .ag-menu-option {
    display: table-row; }
.sterlingTable .ag-menu-option-text {
    display: table-cell; }
.sterlingTable .ag-menu-option-shortcut {
    display: table-cell; }
.sterlingTable .ag-menu-option-icon {
    display: table-cell; }
.sterlingTable .ag-menu-option-popup-pointer {
    display: table-cell; }
.sterlingTable .ag-menu-separator {
    display: table-row; }
.sterlingTable .ag-menu-separator-cell {
    display: table-cell; }
.sterlingTable .ag-virtual-list-viewport {
    height: 100%;
    overflow-x: auto;
    width: 100%; }
.sterlingTable .ag-virtual-list-container {
    overflow: hidden;
    position: relative; }
.sterlingTable .ag-rich-select {
    outline: none; }
.sterlingTable .ag-rich-select-list,
  .sterlingTable .ag-set-filter-list {
    height: 200px;
    width: 200px; }
.sterlingTable .ag-set-filter-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.sterlingTable .ag-virtual-list-item {
    position: absolute;
    width: 100%; }
.sterlingTable .ag-filter-filter {
    margin: 4px;
    width: 170px; }
.sterlingTable .ag-filter-select {
    margin: 4px 4px 0;
    width: 110px; }
.sterlingTable .ag-no-vertical-scroll .ag-scrolls,
  .sterlingTable .ag-no-vertical-scroll .ag-body,
  .sterlingTable .ag-no-vertical-scroll .ag-body-viewport-wrapper,
  .sterlingTable .ag-no-vertical-scroll .ag-body-viewport {
    height: unset; }
.sterlingTable .ag-list-selection {
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.sterlingTable .ag-tool-panel {
    box-sizing: border-box;
    cursor: default;
    height: 100%;
    overflow: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 200px; }
.sterlingTable .ag-column-select-indent {
    display: inline-block; }
.sterlingTable .ag-column-select-column {
    margin-left: 14px;
    white-space: nowrap; }
.sterlingTable .ag-column-select-column-group {
    white-space: nowrap; }
.sterlingTable .ag-hidden {
    display: none; }
.sterlingTable .ag-faded {
    opacity: .3; }
.sterlingTable .ag-width-half {
    display: inline-block;
    width: 50%; }
.sterlingTable .ag-shake-left-to-right {
    animation-direction: alternate;
    animation-duration: .2s;
    animation-iteration-count: infinite;
    animation-name: ag-shake-left-to-right; }
.sterlingTable img {
    border: 0;
    vertical-align: middle; }
.sterlingTable .ag-cell-not-inline-editing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    color: #333;
    font-size: 14px;
    padding: 0 5px 0 10px; }
.sterlingTable .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: rgba(144, 144, 144, .4); }
.sterlingTable .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: rgba(80, 80, 80, .4); }
.sterlingTable .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: rgba(40, 40, 40, .4); }
.sterlingTable .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: rgba(0, 0, 0, .4); }
.sterlingTable .ag-column-moving .ag-cell {
    transition: left .2s; }
.sterlingTable .ag-column-moving .ag-header-cell {
    transition: left .2s; }
.sterlingTable .ag-column-moving .ag-header-group-cell {
    transition: left .2s; }
.sterlingTable .ag-cell-first-right-pinned {
    border-left: 2px solid #EFEFEF; }
.sterlingTable .ag-cell-last-left-pinned {
    border-right: 2px solid #EFEFEF; }
.sterlingTable .ag-cell-highlight {
    border: 1px solid #006400; }
.sterlingTable .ag-cell-highlight-animation {
    transition: border 1s; }
.sterlingTable .ag-value-change-delta {
    padding-right: 2px; }
.sterlingTable .ag-value-change-delta-up {
    color: #006400; }
.sterlingTable .ag-value-change-delta-down {
    color: #8b0000; }
.sterlingTable .ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s; }
.sterlingTable .ag-value-change-value-highlight {
    background-color: #cec;
    transition: background-color .1s; }
.sterlingTable .ag-rich-select {
    background-color: #fff;
    border: none;
    font-size: 14px; }
.sterlingTable .ag-rich-select-value {
    padding: 2px; }
.sterlingTable .ag-rich-select-list {
    border-top: 1px solid #d3d3d3; }
.sterlingTable .ag-rich-select-row {
    padding: 2px; }
.sterlingTable .ag-rich-select-row-selected {
    background-color: #bde2e5; }
.sterlingTable .ag-large-text {
    border: none; }
.sterlingTable .ag-header {
    background: #fff;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    color: #000;
    font-weight: bold;
    z-index: 2; }
.sterlingTable .ag-header-icon {
    color: #666;
    fill: #666;
    stroke: none; }
.sterlingTable .ag-no-scrolls .ag-header-container {
    background: none;
    border-bottom: none; }
.sterlingTable .ag-header-cell,
  .sterlingTable .ag-header-group-cell {
    border-right: 1px solid #EFEFEF;
    line-height: inherit; }
.sterlingTable .ag-header-cell.checkboxHeader,
    .sterlingTable .ag-header-group-cell.checkboxHeader {
      position: relative;
      padding-bottom: 10px; }
.sterlingTable .ag-header-cell-moving .ag-header-cell-label {
    opacity: .5; }
.sterlingTable .ag-header-cell-moving {
    background-color: #bebebe; }
.sterlingTable .ag-header-group-cell-with-group {
    border-bottom: 1px solid #EFEFEF; }
.sterlingTable .ag-header-group-cell-label {
    padding: 4px;
    padding-left: 10px; }
.sterlingTable .ag-header-group-text {
    margin-right: 2px; }
.sterlingTable .ag-header-cell-menu-button {
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: content-box;
    margin-top: 4px;
    padding: 2px; }
.sterlingTable .ag-row {
    box-sizing: border-box;
    border-bottom: 1px solid #EFEFEF; }
.sterlingTable .ag-row-selected {
    background-color: #fcfcfc; }
.sterlingTable .ag-row-selected .ag-cell.sorted {
      background: #EDEDED; }
.sterlingTable .ag-row-selected .ag-cell {
    background-color: #F5F5F5; }
.sterlingTable .ag-floating-top .ag-row {
    background-color: #f5f5f5; }
.sterlingTable .ag-floating-bottom .ag-row {
    background: #fff;
    border-top: 2px solid #EFEFEF;
    font-weight: bold; }
.sterlingTable .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, .5); }
.sterlingTable .ag-overlay-loading-center {
    background-color: #fff;
    border: none;
    border-radius: 10px;
    color: #000;
    padding: 10px; }
.sterlingTable .ag-overlay-no-rows-center {
    background-color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px; }
.sterlingTable .ag-group-cell-entire-row {
    background-color: #fff;
    padding: 2px; }
.sterlingTable .ag-footer-cell-entire-row {
    background-color: #fff;
    padding: 2px; }
.sterlingTable .ag-group-expanded,
  .sterlingTable .ag-group-contracted {
    padding-right: 4px; }
.sterlingTable .ag-group-value,
  .sterlingTable .ag-group-checkbox {
    padding-right: 2px; }
.sterlingTable .ag-footer-cell {
    font-style: italic; }
.sterlingTable .ag-menu {
    background-color: #fff;
    border: 1px solid #808080;
    cursor: default;
    font-size: 14px; }
.sterlingTable .ag-menu .ag-tab-header {
    background-color: #f6f6f6; }
.sterlingTable .ag-menu .ag-tab {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: inline-block;
    margin: 2px 2px 0;
    padding: 6px 16px; }
.sterlingTable .ag-menu .ag-tab-selected {
    background-color: #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent; }
.sterlingTable .ag-menu-separator {
    border-top: 1px solid #d3d3d3; }
.sterlingTable .ag-menu-option-active {
    background-color: #bde2e5; }
.sterlingTable .ag-menu-option-icon,
  .sterlingTable .ag-menu-option-text,
  .sterlingTable .ag-menu-option-popup-pointer {
    padding: 10px 6px;
    vertical-align: middle; }
.sterlingTable .ag-menu-option-shortcut {
    padding: 10px 6px 10px 20px;
    vertical-align: middle; }
.sterlingTable .ag-menu-option-disabled {
    opacity: .5; }
.sterlingTable .ag-menu-column-select-wrapper {
    margin: 2px; }
.sterlingTable .ag-filter-checkbox {
    left: 2px;
    position: relative;
    top: 2px; }
.sterlingTable .ag-filter-header-container {
    border-bottom: 1px solid #d3d3d3; }
.sterlingTable .ag-filter-apply-panel {
    border-top: 1px solid #d3d3d3;
    padding: 2px; }
.sterlingTable .ag-filter-value {
    margin-left: 4px; }
.sterlingTable .ag-selection-checkbox:not(.ag-hidden) {
    display: inline-block;
    margin: 4px 0 0 2px; }
.sterlingTable .ag-paging-panel {
    padding: 4px; }
.sterlingTable .ag-paging-button {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    color: #333;
    font-weight: bold;
    margin: 0 5px;
    padding: 10px; }
.sterlingTable .ag-paging-button:nth-of-type(2) {
    margin-right: 20px; }
.sterlingTable .ag-paging-button:nth-of-type(3) {
    margin-left: 20px; }
.sterlingTable .ag-paging-page-summary-panel {
    margin-left: 90px; }
.sterlingTable .ag-paging-row-summary-panel {
    color: #333;
    display: inline-block;
    font-weight: bold;
    margin-left: 20px;
    width: 300px; }
.sterlingTable .ag-tool-panel {
    background-color: #fff;
    border-bottom: none;
    border-right: none;
    border-top: none;
    color: #666; }
.sterlingTable .ag-status-bar {
    background-color: #fff;
    border-bottom: none;
    border-left: none;
    border-right: none;
    color: #666;
    font-size: 14px;
    height: 22px;
    padding: 2px; }
.sterlingTable .ag-status-bar-aggregations {
    float: right; }
.sterlingTable .ag-status-bar-item {
    padding-left: 10px; }
.sterlingTable .ag-column-drop-cell {
    background: none;
    border: 1px solid #808080;
    color: #000; }
.sterlingTable .ag-column-drop-cell-ghost {
    opacity: .5; }
.sterlingTable .ag-column-drop-cell-text {
    padding-left: 2px;
    padding-right: 2px; }
.sterlingTable .ag-column-drop-cell-button {
    border: 1px solid transparent;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px; }
.sterlingTable .ag-column-drop-cell-button:hover {
    border: none; }
.sterlingTable .ag-column-drop-empty-message {
    color: #808080;
    padding-left: 2px;
    padding-right: 2px; }
.sterlingTable .ag-column-drop-icon {
    padding-right: 4px; }
.sterlingTable .ag-column-drop {
    background-color: #fff; }
.sterlingTable .ag-column-drop-horizontal {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 4px; }
.sterlingTable .ag-column-drop-horizontal .ag-column-drop-cell {
    padding: 2px; }
.sterlingTable .ag-column-drop-vertical {
    border-bottom: none;
    padding: 4px 4px 10px; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-cell {
    margin-top: 2px; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-empty-message {
    padding: 5px;
    text-align: center; }
.sterlingTable .ag-pivot-mode {
    background-color: #fff;
    border-bottom: none;
    padding: 4px; }
.sterlingTable .ag-tool-panel .ag-column-select-panel {
    border-bottom: none; }
.sterlingTable .ag-select-agg-func-popup {
    background-color: #fff;
    border: none;
    cursor: default;
    font-size: 14px;
    position: absolute; }
.sterlingTable .ag-select-agg-func-item {
    padding-left: 2px;
    padding-right: 2px; }
.sterlingTable .ag-select-agg-func-item:hover {
    background-color: #bde2e5; }
.sterlingTable .ag-row-hover {
    background: #fafafa; }
.sterlingTable .ag-header-cell-menu-button:hover {
    border: 1px solid #808080; }
.sterlingTable .ag-pinned-left-cols-container .ag-cell,
  .sterlingTable .ag-pinned-left-header .ag-header-cell-label {
    text-align: left; }
.sterlingTable .ag-cell a {
    color: #333; }
.sterlingTable .ag-cell .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.sterlingTable .ag-row-animation {
    transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; }
.sterlingTable .ag-row-no-animation {
    transition: background-color 0.1s; }
.sterlingTable .ag-value-slide-out {
    opacity: 1.0;
    margin-right: 5px;
    transition: opacity 3s, margin-right 3s;
    transition-timing-function: linear; }
.sterlingTable .ag-value-slide-out-end {
    opacity: 0.0;
    margin-right: 10px; }
.sterlingTable .ag-opacity-zero {
    opacity: 0.0; }
.sterlingTable .ag-layout-normal .ag-row {
    white-space: nowrap;
    position: absolute;
    width: 100%; }
.sterlingTable .ag-layout-auto-height .ag-row {
    white-space: nowrap;
    position: relative;
    width: 100%; }
.sterlingTable .ag-layout-for-print .ag-row {
    position: relative; }
.sterlingTable .ag-column-moving .ag-cell {
    transition: left 0.2s; }
.sterlingTable .ag-column-moving .ag-header-cell {
    transition: left 0.2s; }
.sterlingTable .ag-column-moving .ag-header-group-cell {
    transition: left 0.2s, width 0.2s; }
.sterlingTable .ag-column-drop {
    width: 100%;
    box-sizing: border-box; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-cell {
    display: block; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-empty-message {
    display: block; }
.sterlingTable .ag-column-drop-vertical .ag-column-drop-cell-button {
    line-height: 16px; }
.sterlingTable .ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button {
    float: right; }
.sterlingTable .ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button {
    float: left; }
.sterlingTable .ag-column-drop-horizontal {
    white-space: nowrap; }
.sterlingTable .ag-column-drop-horizontal .ag-column-drop-cell {
    display: inline-block; }
.sterlingTable .ag-column-drop-horizontal .ag-column-drop-empty-message {
    display: inline-block; }
.tablePagination .displaySummary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px; }
.tablePagination .paginationControl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
.tablePagination .paginationControl .pageControl {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    height: 32px;
    outline: 0;
    padding: 0;
    width: 32px; }
.tablePagination .paginationControl .pageControl div {
      display: -ms-flexbox;
      display: flex; }
.tablePagination .paginationControl .pageControl div em {
        margin: auto; }
.tablePagination .paginationControl .pageControl:disabled {
      border: 1px solid #e7e7e7;
      cursor: default; }
.tablePagination .paginationControl .pageControl:disabled em {
        opacity: 0.25; }
.tablePagination .paginationControl .pageControl.first {
      margin-left: 12px; }
.tablePagination .paginationControl .pageControl.first em {
        background: url(images/webapp-sterling-main-1x-eff6b045.png) -165px -136px no-repeat;
        width: 14px;
        height: 14px; }
.tablePagination .paginationControl .pageControl.last {
      margin-left: 6px; }
.tablePagination .paginationControl .pageControl.last em {
        background: url(images/webapp-sterling-main-1x-eff6b045.png) -148px -78px no-repeat;
        width: 14px;
        height: 14px; }
.tablePagination .paginationControl .pageControl.previous {
      margin-left: 6px; }
.tablePagination .paginationControl .pageControl.previous em {
        background: url(images/webapp-sterling-main-1x-eff6b045.png) -185px -16px no-repeat;
        width: 10px;
        height: 14px; }
.tablePagination .paginationControl .pageControl.next {
      margin-left: 12px; }
.tablePagination .paginationControl .pageControl.next em {
        background: url(images/webapp-sterling-main-1x-eff6b045.png) -185px 0px no-repeat;
        width: 10px;
        height: 14px; }
/** Icons **/
/* icons are used outside of the grid root (in the ghost) */
.ag-icon-aggregation {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS41IDIuNWgtNmwyIDMuNS0yIDMuNWg2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-arrows {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNmwtMS40MSAxLjQxTDE2LjE3IDlINHYyaDEyLjE3bC0xLjU4IDEuNTlMMTYgMTRsNC00eiIvPjxwYXRoIGQ9Ik00IDZsMS40MSAxLjQxTDMuODMgOUgxNnYySDMuODNsMS41OCAxLjU5TDQgMTRsLTQtNHoiLz48cGF0aCBkPSJNNiAxNmwxLjQxLTEuNDFMOSAxNi4xN1Y0aDJ2MTIuMTdsMS41OS0xLjU4TDE0IDE2bC00IDR6Ii8+PHBhdGggZD0iTTE0IDRsLTEuNDEgMS40MUwxMSAzLjgzVjE2SDlWMy44M0w3LjQxIDUuNDEgNiA0bDQtNHoiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-asc {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDUuMlYzLjQ5M2gtNnY2SDQuN1Y1LjJoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSA1Ljk5MyA2LjQ5MykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04LjQ5MyA0Ljd2LS43MDdoLTV2NUg0LjJWNC43aDQuMjkzeiIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-checkbox-checked-readonly {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-checkbox-checked {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAHdElNRQfiCRINMTJmCigtAAABeklEQVRIx73VsWsTYRjH8c+9zZWeGgpC6aIiDgoOLg20Oji4dK+rc1UQHISCQ2eDgyAIooKge/+Azh3sEBcHB4cO3aQgSMAG0+QccolILub6Fvqb7l74fXne33PPPUluqJX0aEYlpb1P3eFzMgA05hxWM4+UtToQIu0cNuYKQJR9hAhE2g2cyXJ69DsaIJ0NVZMvV3cmnMRO0YVTAtyybnHstFbVfkdTcNu9uApWPBNwMe4KN7wwaNaH6YCz1lz+5+SqV2bBlvfTM3jrmr4ndor3S147A7Y1S6obq+ACgueWwKI35sGOTXkVwEeQeum6895ZALs29EvzSZbGZvGpu6DtwBXwxQMTBiYr+Q6azllFXR1888jkeStpY25zFCH7HvrFcQD0bfgMvrvvJ8cF0PXYVz+sO/B/lYQ4VN2CvSn20hCHamtPszvd/8EEQNo7ib3WS3KNPB7QSgKyaH9GoNWJRGStThFiFKJYrsnfAG6m3YpLptbbHa33PzcTVJ4ScVj2AAAAAElFTkSuQmCCLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 16px 16px;
  filter: "initial"; }
.ag-icon-checkbox-indeterminate-readonly {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-checkbox-indeterminate {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAHdElNRQfiCRINMQcwuewOAAAA3ElEQVRIx+2Vuw3CMBRFj02M4hkYg4jPBJSU0FKzDzPQIVgCBBmDHRJIrFAkhCLko5eChltZT7rH9n2Wn8p4a2bSAZ1k3Dl5r1UOCHyibuZSNowBtNAOUeAXAJG9RGgQ2smdamrSpxiAGequyX9XMtB97FB04Q/oJ69aWjLhW28dV47tgC2b2t0WjNi1XWHVeOB13wwe7YB9I+DQnsGOe02IKTdOlaoaS3+DXPb3D+kPAG1cH7vnVEaQyQGh0oAV+y1oCGMhwoZxEaIIUQxX9QlgbpKOQ8Zzl3K8vwBxwTKkDh/DvQAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 16px 16px;
  filter: "initial"; }
.ag-icon-checkbox-unchecked-readonly {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-checkbox-unchecked {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAHdElNRQfiCRINMR5U0kTOAAAAdUlEQVQ4y+3VIRaAIBCE4R8kWSx2D+OJvIE38AwGbkXhHPDeGAhWASNTNn37Nu0YAXCV8TmHAUAIr6Ckr0kK8hIC4Svgu8BLTIt21rqbAcvMfVrYqikUZcE1YVdwewYeeOCBf8G5CeaCYxOO0Pf0u+rG9BTdA5kV7GQXaTzxAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 16px 16px;
  filter: "initial"; }
.ag-icon-column {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem0wIDNoNHY3SDF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-columns {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem02IDBoNHYySDd6TTEgNWg0djJIMXptNiAwaDR2Mkg3ek0xIDloNHYySDF6bTYgMGg0djJIN3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-contracted {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOSA1djJIM1Y1eiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-copy {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTQuNSA0LjVoNXY1aC01eiIvPjxwYXRoIGQ9Ik03LjUgMi41aC01djVoMnYyaDV2LTVoLTJ2LTJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-cut {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTMgMy4xMmMuNjY3LjA3OCAzIDEuNzQ1IDcgNS0uMzI2LjIwNC0uNjU5LjIwNC0xIDAtLjM0MS0uMjA2LTEuNjc0LTEuMjA2LTQtMyAwIC42NjYtLjY2Ny42NjYtMiAwLTItMS0xLTIuMTIgMC0yeiIvPjxwYXRoIGQ9Ik0zIDguMjY0Yy42NjctLjA4IDMtMS43NDYgNy01LS4zMjYtLjIwNS0uNjU5LS4yMDUtMSAwLS4zNDEuMjA0LTEuNjc0IDEuMjA0LTQgMyAwLS42NjctLjY2Ny0uNjY3LTIgMC0yIDEtMSAyLjExOSAwIDJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-desc {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDJoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDYuMVY0LjM5M2gtNnY2SDQuN1Y2LjFoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMi41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuOTkzIDcuMzkzKSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTguNDkzIDUuNnYtLjcwN2gtNXY1SDQuMlY1LjZoNC4yOTN6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-expanded {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSAzaDJ2Nkg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05IDV2MkgzVjV6Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-eye-slash {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjxwYXRoIGQ9Ik00LjAwNCAyLjgzNWw0Ljk5MiA2LjMzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMy4wMDQgMi44MzVsNC45OTIgNi4zMyIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-eye {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-filter {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAyaDEwTDcgNnY1TDUgOVY2TDEgMnptNCA0djFoMlY2SDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-folder-open {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEuMzMzIDIuNUwuNSAzLjV2Ni4yMTRsMSAuNzg2aDhsMS0xdi01bC0xLTFoLTNsLTEtMXoiLz48cGF0aCBkPSJNMi41IDEwLjVMMiA5bDEtMyAyLjUtLjVoNmwtMSA1eiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-folder {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEuMzMzIDIuNUwuNSAzLjV2Ni4yMTRsMSAuNzg2aDhsMS0xdi01bC0xLTFoLTNsLTEtMXoiLz48cGF0aCBkPSJNNy41IDMuNWwtMiAyaC01Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-group {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNSAxLjVoM3YyaC0zem0wIDRoM3YyaC0zem0wIDRoM3YyaC0zeiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDNoMXY4SDJ6bTEgM2g0djFIM3ptMi00aDN2MUg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDEwaDV2MUgyeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTEuNSAxLjVoM3YyaC0zeiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-indeterminate {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjA1NiA0LjU4MWEzLjAwMSAzLjAwMSAwIDAgMCA1Ljg4OCAwQzguMDU5IDQuMTk0IDcuMDc4IDQgNiA0Yy0xLjA3OCAwLTIuMDYuMTk0LTIuOTQ0LjU4MXoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA1LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMS4zMzMgMy0yIDUtMnMzLjY2Ny42NjcgNSAyQzkuNjY3IDcuMzMzIDggOCA2IDhzLTMuNjY3LS42NjctNS0yeiIgc3Ryb2tlPSIjMDAwIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNNy45OTMgNC43VjIuOTkzaC02djZIMy43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNi41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNiAyaDF2OEg2eiIvPjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgNC45OTMgNS45OTMpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNy40OTMgNC4ydi0uNzA3aC01djVIMy4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-loading {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDFoMnYzSDV6Ii8+PHBhdGggaWQ9ImIiIGQ9Ik01IDhoMnYzSDV6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0xIDVoM3YySDF6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik04IDVoM3YySDh6Ii8+PHBhdGggaWQ9ImUiIGQ9Ik00IDBoMnYzSDR6Ii8+PHBhdGggaWQ9ImYiIGQ9Ik00IDdoMnYzSDR6Ii8+PHBhdGggaWQ9ImciIGQ9Ik0wIDRoM3YySDB6Ii8+PHBhdGggaWQ9ImgiIGQ9Ik03IDRoM3YySDd6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTUuNSAxLjVoMXYyaC0xeiIvPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiM5Nzk3OTciIGQ9Ik01LjUgOC41aDF2MmgtMXoiLz48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNjIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNMS41IDUuNWgydjFoLTJ6Ii8+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTguNSA1LjVoMnYxaC0yeiIvPjxnIG9wYWNpdHk9Ii43MTQiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTQuNS41aDF2MmgtMXoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNC4yOTMgNi43MDcpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNmIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNNC41IDcuNWgxdjJoLTF6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZyIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDQuNWgydjFoLTJ6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjaCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTcuNSA0LjVoMnYxaC0yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-menu {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-minus {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-none {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY2SDV6Ii8+PHBhdGggZD0iTTguMTQ2IDguMTgyVjYuNDc1aC01djVoMS43MDhWOC4xODJoMy4yOTJ6IiBpZD0iYiIvPjxwYXRoIGQ9Ik04LjUgMi45MTRWMS4yMDdoLTV2NWgxLjcwN1YyLjkxNEg4LjV6IiBpZD0iYyIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2NWgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuNjQ2IDguNDc1KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNjQ2IDcuNjgydi0uNzA3aC00djRoLjcwOFY3LjY4MmgzLjI5MnoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNiAzLjcwNykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2MiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04IDIuNDE0di0uNzA3SDR2NGguNzA3VjIuNDE0SDh6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-not-allowed {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjQiLz48cGF0aCBkPSJNOC41IDMuNUwzLjQwMSA4LjU5OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-paste {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIuNSAyLjVoN3Y3aC03eiIvPjxwYXRoIGQ9Ik02LjUgMS41aC0xdjJoLTF2MWgzdi0xaC0xdi0yeiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-pin {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0zIDJoNnYxSDh2NGwyIDFIN2wtMSAzLTEtM0gybDItMVYzSDN6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iI0ZGRiIgZD0iTTUgM2gxdjRINXoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yOCIgZmlsbD0iI0ZGRiIgZD0iTTQgM2gxdjNINHoiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-pivot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSIxIi8+PHBhdGggZD0iTTEwLjUgMy41aC05bTItMnY5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHBhdGggZD0iTTcuNSA2LjVsMS0xIDEgMW0tMyAxbC0xIDEgMSAxIi8+PHBhdGggZD0iTTguNSA1LjV2M2gtMyIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-plus {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01IDJoMnY4SDV6Ii8+PHBhdGggZD0iTTIgNWg4djJIMnoiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-right {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik00LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNOS45OTMgNC43VjIuOTkzaC02djZINS43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNS41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNSAyaDF2OEg1eiIvPjwvZz48ZyB0cmFuc2Zvcm09InNjYWxlKC0xIDEpIHJvdGF0ZSgtNDUgMCAyMi44NzQpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNOS40OTMgNC4ydi0uNzA3aC01djVINS4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-small-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA2bDQtNHY4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-small-right {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-small-up {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA3bDQtNCA0IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-small-down {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-tick {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS41IDUuNWwzIDMgNi02IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-cross {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxMGw4LThtMCA4TDIgMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-tree-open {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
.ag-icon-tree-closed {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  filter: "initial"; }
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px; }
  to {
    padding-left: 2px;
    padding-right: 6px; } }
.expansion-panel {
  max-height: 0;
  overflow: scroll;
  transition: all 300ms linear; }
.ShowcaseContainer {
  padding-left: 5px;
  padding-right: 5px; }
  .ShowcaseContainer .editButton {
    border: solid 0.5px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    height: 40px;
    visibility: hidden;
    width: 40px;
    z-index: 3; }
  .ShowcaseContainer .editButton em {
      background: url(images/webapp-common-main-1x-c20ceaff.png) -295px -20px no-repeat;
      height: 18px;
      margin-left: 2px;
      margin-top: 2px;
      width: 18px; }
  .ShowcaseContainer .showcaseCarouselWrapper {
    box-sizing: border-box;
    padding: 11px;
    position: relative;
    width: 790px; }
  .ShowcaseContainer .showcaseCarouselWrapper::before {
      background: rgba(0, 0, 0, .05);
      border-radius: 8px;
      content: " " !important;
      height: 100%;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      transform: scale(0.96);
      width: 100%;
      z-index: 3; }
  .ShowcaseContainer .showcaseCarouselWrapper:hover::before {
      animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards;
      cursor: pointer; }
  .ShowcaseContainer .showcaseCarouselWrapper:hover .showcaseButton {
      visibility: visible; }
  .ShowcaseContainer .backButton {
    left: 23px;
    position: absolute;
    top: 180px; }
  .ShowcaseContainer .backButton em {
      background: url(images/webapp-common-main-1x-c20ceaff.png) -258px -154px no-repeat;
      height: 18px;
      margin-right: 3px;
      width: 12px; }
  .ShowcaseContainer .nextButton {
    position: absolute;
    right: 23px;
    top: 180px; }
  .ShowcaseContainer .nextButton em {
      background: url(images/webapp-common-main-1x-c20ceaff.png) -276px -244px no-repeat;
      height: 18px;
      margin-left: 3px;
      width: 12px; }
  .ShowcaseContainer .showcaseButton {
    border: solid 0.5px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    height: 40px;
    visibility: hidden;
    width: 40px;
    z-index: 3; }
.ShowcaseCarousel {
  height: 377px;
  overflow: hidden;
  transform: translateZ(0);
  width: 768px; }
  .ShowcaseCarousel .fadeLeftOut {
    animation: slidefadeOut 350ms cubic-bezier(0.31, 0, 0.31, 1) forwards;
    pointer-events: none; }
  .ShowcaseCarousel .fadeRightOut {
    animation: slidefadeOutReverse 350ms cubic-bezier(0.31, 0, 0.31, 1) forwards;
    pointer-events: none; }
  .ShowcaseCarousel .mainSectionSlideFromLeft {
    animation: slidefadeInReverse 350ms cubic-bezier(0.31, 0, 0.31, 1) forwards; }
  .ShowcaseCarousel .mainSectionSlideFromRight {
    animation: slidefadeIn 350ms cubic-bezier(0.31, 0, 0.31, 1) forwards; }
  .ShowcaseCarousel .sectionHidden {
    opacity: 0;
    pointer-events: none;
    right: 800px; }
  @keyframes slidefadeOut {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-64px); } }
  @keyframes slidefadeOutReverse {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(64px); } }
  @keyframes slidefadeIn {
  0% {
    opacity: 0;
    transform: translateX(64px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
  @keyframes slidefadeInReverse {
  0% {
    opacity: 0;
    transform: translateX(-64px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.ShowcaseContent {
  height: 377px;
  width: 768px; }
  .ShowcaseContent .articleImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    cursor: pointer;
    min-height: 100%;
    width: 100%; }
  .ShowcaseContent .dismissButton {
    border: none;
    padding: 6px;
    position: absolute;
    right: 8px;
    top: 8px; }
  .ShowcaseContent .dismissButton em {
      background: url(images/webapp-common-main-1x-c20ceaff.png) -261px -242px no-repeat;
      height: 12px;
      width: 12px; }
  .ShowcaseContent .emptySection {
    border-radius: 8px;
    height: 377px; }
  .ShowcaseContent .imageWash {
    background: rgba(0, 0, 0, .05);
    height: 100%;
    width: 100%;
    z-index: 1; }
.ShopShowcaseSection .imageWash {
  background: rgba(0, 0, 0, .05);
  height: 100%;
  width: 100%;
  z-index: 1; }

.ShopShowcaseSection .shopHoverImage {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 187px;
  position: absolute;
  transition: .3s;
  width: 226px; }

.ShopShowcaseSection .shopHoverImage.leftCollage {
    left: -226px; }

.ShopShowcaseSection .shopHoverImage.leftCollage.hover {
      left: 0; }

.ShopShowcaseSection .shopHoverImage.righCollage {
    right: -226px; }

.ShopShowcaseSection .shopHoverImage.righCollage.hover {
      right: 0; }

.ShopShowcaseSection .shopCircle {
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  top: 50%; }

.ShopShowcaseSection .shopCircleText {
  font-size: 18px;
  font-weight: normal;
  height: 80px;
  opacity: .95;
  width: 80px; }

.ShopShowcaseSection .shopCardImage {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  transition: .3s; }
.ShowcaseInfo .helpCenterLink {
  padding-left: 2px; }

.ShowcaseInfo .subtitleWrapper {
  padding-top: 3px; }

.ShowcaseInfo .subtitleWrapper .value {
    font-weight: bold; }

.ShowcaseInfo.sectionInfoSlideFromLeft .titleWrapper {
  animation: slidefadeInLeft 0.35s cubic-bezier(0.31, 0, 0.31, 1) forwards; }

.ShowcaseInfo.sectionInfoSlideFromRight .titleWrapper {
  animation: slidefadeInRight 0.35s cubic-bezier(0.31, 0, 0.31, 1) forwards; }

@keyframes slidefadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-8px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slidefadeInRight {
  0% {
    opacity: 0;
    transform: translateX(8px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.ShowcasePips .animatingPipWrapper {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.ShowcasePips .pip {
  background-color: #efefef;
  border-radius: 8px;
  height: 4px;
  margin-right: 4px;
  width: 24px; }

.ShowcasePips .pip.animatingPip {
  animation-duration: 4000ms;
  animation-fill-mode: forwards;
  animation-name: animateWidth;
  animation-timing-function: linear;
  background-color: #8e8e8e;
  position: absolute;
  right: 24px;
  top: 0; }

.ShowcasePips .pip.filledPip {
  background-color: #8e8e8e; }

@keyframes animateWidth {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(24px); } }
.scheduledPinCloseupPage {
  background: linear-gradient(to bottom, #eee 200px, #fff 100%);
  padding: 32px 0;
  width: 100%; }

.scheduledPinCloseupContainer {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 4px #eee;
  padding-bottom: 24px; }
.ShowcaseSettingsPage .clearAllButton {
  border: none; }

.ShowcaseSettingsPage .downArrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #333;
  height: 0;
  margin-right: 8px;
  margin-top: 5px;
  width: 0; }

.ShowcaseSettingsPage .sectionList {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll; }

.ShowcaseSettingsPage .sectionSlot {
  background-color: #efefef;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 11px 8px;
  text-align: left;
  width: 496px; }

.ShowcaseSettingsPage .sectionPickerText div {
  line-height: 40px; }

.ShowcaseSettingsPage .sectionPickerImage {
  background-position: center;
  background-size: cover;
  height: 40px;
  width: 40px; }

.ShowcaseSettingsPage .sectionPickerItem {
  background-color: #fff;
  border: none;
  width: 100%; }

.ShowcaseSettingsPage .sectionPickerItem:hover {
  background-color: #f1f1f1; }

.ShowcaseSettingsPage .sectionSlotName {
  display: inline-block; }

.ShowcaseSettingsPage .showcaseContent {
  width: 496px; }