@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  background: #fcfcff;
  min-height: 100%;
  position: relative;
  margin: 0; }
  body.modal-lock {
    overflow: hidden; }

input,
select,
textarea {
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif !important; }

ul,
li {
  list-style: none; }

img {
  vertical-align: top; }

input:focus:not(.header-search):not(.button-field):not(.update-description):not(.update-title):not(.no-focus),
textarea:focus:not(.header-search):not(.button-field):not(.update-description):not(.update-title):not(.no-focus) {
  -webkit-box-shadow: 0px 0px 4px rgba(99, 139, 206, 0.5);
  -moz-box-shadow: 0px 0px 4px rgba(99, 139, 206, 0.5);
  box-shadow: 0px 0px 4px rgba(99, 139, 206, 0.5);
  border-color: #638BCE !important; }

a:focus {
  outline: none; }

.unstyled-link {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  cursor: pointer;
  font-weight: 500; }
  .unstyled-link:hover {
    color: #31589a; }

.clear {
  clear: both; }
  .clear:after {
    clear: both; }

.button-field {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.button, .dataTables_wrapper .dataTables_paginate .paginate_button,
button {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  text-align: center;
  border: 1px solid #999;
  padding: 0px;
  font-weight: 500;
  background: #fcfcff;
  color: #777;
  cursor: pointer;
  display: inline-block;
  outline: none; }
  .button .line-icon, .dataTables_wrapper .dataTables_paginate .paginate_button .line-icon,
  button .line-icon {
    display: block; }
  .button .fill-icon, .dataTables_wrapper .dataTables_paginate .paginate_button .fill-icon,
  button .fill-icon {
    display: none; }
  .button .futil, .dataTables_wrapper .dataTables_paginate .paginate_button .futil,
  button .futil {
    pointer-events: none; }
  .button.right-side, .dataTables_wrapper .dataTables_paginate .right-side.paginate_button,
  button.right-side {
    float: right; }
  .button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
  button:hover {
    color: #638BCE;
    border: 1px solid #638BCE; }
    .button:hover .line-icon, .dataTables_wrapper .dataTables_paginate .paginate_button:hover .line-icon,
    button:hover .line-icon {
      display: none; }
    .button:hover .fill-icon, .dataTables_wrapper .dataTables_paginate .paginate_button:hover .fill-icon,
    button:hover .fill-icon {
      display: block; }
  .button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:active,
  button:active {
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3); }
  .button.tiny-button, .dataTables_wrapper .dataTables_paginate .tiny-button.paginate_button,
  button.tiny-button {
    font-size: 10px;
    line-height: 15px;
    padding: 0px 8px;
    text-transform: uppercase; }
    .button.tiny-button.clear-filters, .dataTables_wrapper .dataTables_paginate .tiny-button.clear-filters.paginate_button,
    button.tiny-button.clear-filters {
      margin-left: 8px;
      display: none;
      opacity: 0; }
      .button.tiny-button.clear-filters.visible, .dataTables_wrapper .dataTables_paginate .tiny-button.clear-filters.visible.paginate_button,
      button.tiny-button.clear-filters.visible {
        display: inline-block;
        opacity: 1; }
  .button.mini-button, .dataTables_wrapper .dataTables_paginate .mini-button.paginate_button,
  button.mini-button {
    font-size: 13px;
    line-height: 18px;
    padding: 3px 16px;
    font-weight: 500; }
    .button.mini-button .dropdown-icon, .dataTables_wrapper .dataTables_paginate .mini-button.paginate_button .dropdown-icon,
    button.mini-button .dropdown-icon {
      position: relative;
      top: 1px; }
      .button.mini-button .dropdown-icon i, .dataTables_wrapper .dataTables_paginate .mini-button.paginate_button .dropdown-icon i,
      button.mini-button .dropdown-icon i {
        pointer-events: none;
        position: relative;
        top: -1px; }
  .button.small-button, .dataTables_wrapper .dataTables_paginate .small-button.paginate_button,
  button.small-button {
    font-size: 13px;
    line-height: 18px;
    padding: 7px 16px; }
  .button.large-button, .dataTables_wrapper .dataTables_paginate .large-button.paginate_button,
  button.large-button {
    font-size: 15px;
    line-height: 24px;
    padding: 8px 20px;
    width: auto; }
  .button.field-button, .dataTables_wrapper .dataTables_paginate .field-button.paginate_button,
  button.field-button {
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #cacaca;
    background: #eee;
    background: linear-gradient(0deg, #e6e6e6, #f2f2f2);
    border-left: 1px solid #cacaca;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: top; }
    .button.field-button.single-icon, .dataTables_wrapper .dataTables_paginate .field-button.single-icon.paginate_button,
    button.field-button.single-icon {
      line-height: 24px;
      padding: 4px;
      top: 0px;
      font-size: 16px;
      width: 34px; }
      .button.field-button.single-icon.width-40, .dataTables_wrapper .dataTables_paginate .field-button.single-icon.width-40.paginate_button,
      button.field-button.single-icon.width-40 {
        font-size: 13px;
        width: 40px; }
        .button.field-button.single-icon.width-40 .dropdown-icon, .dataTables_wrapper .dataTables_paginate .field-button.single-icon.width-40.paginate_button .dropdown-icon,
        button.field-button.single-icon.width-40 .dropdown-icon {
          position: absolute;
          top: 1px;
          right: 5px; }
          .button.field-button.single-icon.width-40 .dropdown-icon i, .dataTables_wrapper .dataTables_paginate .field-button.single-icon.width-40.paginate_button .dropdown-icon i,
          button.field-button.single-icon.width-40 .dropdown-icon i {
            font-size: 11px;
            top: -1px; }
    .button.field-button i, .dataTables_wrapper .dataTables_paginate .field-button.paginate_button i,
    button.field-button i {
      position: relative;
      top: 1px;
      margin-right: 0px !important; }
    .button.field-button:hover, .dataTables_wrapper .dataTables_paginate .field-button.paginate_button:hover,
    button.field-button:hover {
      background: #eee;
      border: 1px solid #638BCE; }
  .button.blue, main > .active h3 button,
  .primary .active h3 button, .dataTables_wrapper .dataTables_paginate .blue.paginate_button,
  button.blue {
    background: #638BCE;
    border: 1px solid #638BCE;
    color: #fff;
    font-weight: 500; }
    .button.blue:hover, main > .active h3 button:hover,
    .primary .active h3 button:hover, .dataTables_wrapper .dataTables_paginate .blue.paginate_button:hover,
    button.blue:hover {
      background: #4c7ac7;
      border: 1px solid #4c7ac7; }
  .button.green, .dataTables_wrapper .dataTables_paginate .green.paginate_button,
  button.green {
    background: #509356;
    border: 1px solid #509356;
    color: #fff;
    font-weight: 500; }
    .button.green:hover, .dataTables_wrapper .dataTables_paginate .green.paginate_button:hover,
    button.green:hover {
      background: #457f4a;
      border: 1px solid #457f4a; }
    .button.green a, .dataTables_wrapper .dataTables_paginate .green.paginate_button a,
    .button.green a:hover,
    .dataTables_wrapper .dataTables_paginate .green.paginate_button a:hover,
    button.green a,
    button.green a:hover {
      color: inherit; }
  .button.pink, .dataTables_wrapper .dataTables_paginate .pink.paginate_button,
  button.pink {
    background: #c468a8;
    border: 1px solid #c468a8;
    color: #fff;
    font-weight: 500; }
    .button.pink:hover, .dataTables_wrapper .dataTables_paginate .pink.paginate_button:hover,
    button.pink:hover {
      background: #bb529b;
      border: 1px solid #bb529b; }
    .button.pink a, .dataTables_wrapper .dataTables_paginate .pink.paginate_button a,
    .button.pink a:hover,
    .dataTables_wrapper .dataTables_paginate .pink.paginate_button a:hover,
    button.pink a,
    button.pink a:hover {
      color: inherit; }
  .button.red, .dataTables_wrapper .dataTables_paginate .red.paginate_button,
  button.red {
    background: #d03d18;
    border: 1px solid #d03d18;
    color: #fff;
    font-weight: 500; }
    .button.red:hover, .dataTables_wrapper .dataTables_paginate .red.paginate_button:hover,
    button.red:hover {
      background: #b53515;
      border: 1px solid #b53515; }
  .button.destructive:hover, .dataTables_wrapper .dataTables_paginate .destructive.paginate_button:hover,
  button.destructive:hover {
    color: #d03d18;
    border: 1px solid #d03d18; }
  .button.brown, .dataTables_wrapper .dataTables_paginate .brown.paginate_button,
  button.brown {
    background: #b77717;
    border: 1px solid #b77717;
    color: #fff;
    font-weight: 500; }
    .button.brown:hover, .dataTables_wrapper .dataTables_paginate .brown.paginate_button:hover,
    button.brown:hover {
      background: #9c6514;
      border: 1px solid #9c6514; }
    .button.brown a, .dataTables_wrapper .dataTables_paginate .brown.paginate_button a,
    .button.brown a:hover,
    .dataTables_wrapper .dataTables_paginate .brown.paginate_button a:hover,
    button.brown a,
    button.brown a:hover {
      color: inherit; }
  .button.disabled, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button,
  button.disabled {
    pointer-events: none;
    opacity: 0.6; }
  .button.full-width, .dataTables_wrapper .dataTables_paginate .full-width.paginate_button,
  button.full-width {
    width: 100%; }
  .button.no-interaction, .dataTables_wrapper .dataTables_paginate .no-interaction.paginate_button,
  button.no-interaction {
    pointer-events: none; }
  .button.dropdown-button, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button,
  button.dropdown-button {
    text-align: left;
    border: 1px solid #cacaca; }
    .button.dropdown-button .u-caret, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .u-caret,
    .button.dropdown-button .u-caret-f,
    .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .u-caret-f,
    button.dropdown-button .u-caret,
    button.dropdown-button .u-caret-f {
      font-size: 13px; }
    .button.dropdown-button .dropdown-button-title, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .dropdown-button-title,
    button.dropdown-button .dropdown-button-title {
      pointer-events: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
      max-width: calc(100% - 56px);
      position: absolute;
      /* top: 7px; */
      line-height: 18px; }
      .button.dropdown-button .dropdown-button-title.set-width, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .dropdown-button-title.set-width,
      button.dropdown-button .dropdown-button-title.set-width {
        max-width: 100%;
        position: relative;
        top: 0px;
        line-height: 13px;
        overflow: visible; }
      .button.dropdown-button .dropdown-button-title img, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .dropdown-button-title img,
      button.dropdown-button .dropdown-button-title img {
        height: 18px;
        margin-right: 4px;
        max-width: 54px; }
    .button.dropdown-button .dropdown-icon, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .dropdown-icon,
    button.dropdown-button .dropdown-icon {
      transition: transform .3s ease-in-out;
      -webkit-transition: transform .3s ease-in-out;
      -o-transition: transform .3s ease-in-out;
      -moz-transition: transform .3s ease-in-out;
      margin-left: 8px;
      pointer-events: none;
      float: right; }
      .button.dropdown-button .dropdown-icon.reverse, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button .dropdown-icon.reverse,
      button.dropdown-button .dropdown-icon.reverse {
        transform: rotate(180deg); }
    .button.dropdown-button:hover, .dataTables_wrapper .dataTables_paginate .dropdown-button.paginate_button:hover,
    button.dropdown-button:hover {
      border: 1px solid #638BCE; }
  .button.timeline-button, .dataTables_wrapper .dataTables_paginate .timeline-button.paginate_button,
  button.timeline-button {
    background: #eaeaf1;
    border: 1px solid #cacaca;
    text-align: center; }
  .button.add-record-button, .dataTables_wrapper .dataTables_paginate .add-record-button.paginate_button,
  button.add-record-button {
    background: #eaeaf1;
    border: 1px solid #999;
    text-align: center; }
    .button.add-record-button:hover, .dataTables_wrapper .dataTables_paginate .add-record-button.paginate_button:hover,
    button.add-record-button:hover {
      border-color: #638BCE; }
  .button.circle-button, .dataTables_wrapper .dataTables_paginate .circle-button.paginate_button,
  button.circle-button {
    background: #fff;
    border: 1px solid #cacaca;
    color: #777;
    font-size: 20px;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 32px;
    height: 32px; }
    .button.circle-button i, .dataTables_wrapper .dataTables_paginate .circle-button.paginate_button i,
    button.circle-button i {
      position: relative;
      top: 4px; }
    .button.circle-button:hover, .dataTables_wrapper .dataTables_paginate .circle-button.paginate_button:hover,
    button.circle-button:hover {
      background: #fff;
      color: #638BCE;
      border: 1px solid #638BCE;
      transform: scale(1.1) rotate(0deg); }
    .button.circle-button:active, .dataTables_wrapper .dataTables_paginate .circle-button.paginate_button:active,
    button.circle-button:active {
      transform: scale(0.8) rotate(0deg); }
  .button.search-bar-button, .dataTables_wrapper .dataTables_paginate .search-bar-button.paginate_button,
  button.search-bar-button {
    background: #4f5490;
    color: #fff;
    border: 1px solid #28274d;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 120px !important; }
    .button.search-bar-button:hover, .dataTables_wrapper .dataTables_paginate .search-bar-button.paginate_button:hover,
    button.search-bar-button:hover {
      border: 1px solid #28274d;
      background: #5a60a4; }
    .button.search-bar-button .u-caret-f, .dataTables_wrapper .dataTables_paginate .search-bar-button.paginate_button .u-caret-f,
    button.search-bar-button .u-caret-f {
      position: relative;
      top: -1px; }

ul.segmented-button {
  display: inline-block;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  font-size: 0; }
  ul.segmented-button > li {
    font-size: 13px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cacaca;
    background: #eee;
    background: linear-gradient(0deg, #f0f0f0, #fafafa);
    margin: 0px;
    padding: 0px 10px;
    position: relative; }
    ul.segmented-button > li .enabled-type {
      display: none; }
    ul.segmented-button > li i.fill-icon {
      display: none; }
    ul.segmented-button > li i.line-icon {
      display: inline-block; }
    ul.segmented-button > li:hover i.line-icon {
      display: inline-block; }
    ul.segmented-button > li:hover i.fill-icon {
      display: none; }
    ul.segmented-button > li:not(:first-child) {
      border-left: none; }
      ul.segmented-button > li:not(:first-child)::after {
        z-index: 2;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        pointer-events: none;
        content: '';
        position: absolute;
        height: 26px;
        border-right: 1px solid #638BCE;
        left: -1px;
        top: -1px;
        opacity: 0; }
      ul.segmented-button > li:not(:first-child):hover::after {
        opacity: 1; }
    ul.segmented-button > li:first-child {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-left: 1px solid #cacaca; }
      ul.segmented-button > li:first-child:hover {
        border-left: 1px solid #638BCE; }
    ul.segmented-button > li:last-child {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-left: none; }
    ul.segmented-button > li.selected {
      -webkit-box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      background: #e0e4eb;
      border-color: #cacaca !important;
      color: #638BCE;
      pointer-events: none; }
      ul.segmented-button > li.selected::after {
        opacity: 0 !important; }
      ul.segmented-button > li.selected i.fill-icon {
        display: inline-block; }
      ul.segmented-button > li.selected i.line-icon {
        display: none; }
    ul.segmented-button > li.enabled {
      -webkit-box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      background: #e0e4eb;
      color: #638BCE; }
      ul.segmented-button > li.enabled:hover {
        background: #e3e6eb; }
      ul.segmented-button > li.enabled .type-icon {
        display: none; }
      ul.segmented-button > li.enabled .enabled-type {
        display: inline; }
    ul.segmented-button > li .u-legacy-f,
    ul.segmented-button > li .u-legacy {
      transform: rotate(90deg);
      position: relative;
      font-size: 11px;
      left: 1px;
      top: 0px; }
    ul.segmented-button > li span {
      margin-left: 8px; }

.tall-segment {
  height: 48px;
  width: 100%;
  margin-bottom: 8px;
  font-size: 0px; }
  .tall-segment > ul {
    width: 100%;
    font-size: 0px;
    display: table; }
    .tall-segment > ul > li {
      display: table-cell;
      padding: 7px 16px;
      font-size: 13px; }
      .tall-segment > ul > li::after {
        height: 40px !important; }
      .tall-segment > ul > li:first-child {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-left: 1px solid #cacaca; }
        .tall-segment > ul > li:first-child:hover {
          border-left: 1px solid #638BCE; }
      .tall-segment > ul > li:last-child {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-left: none; }
  .tall-segment .sort-by {
    display: inline-block;
    margin-right: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #555; }

.checkbox,
.radio {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #cacaca;
  background: #fff;
  color: #638BCE;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 4px 2px 0px 0px;
  vertical-align: top;
  cursor: pointer; }
  .checkbox i,
  .radio i {
    position: relative;
    left: 2px;
    top: -6px;
    opacity: 0;
    font-size: 11px; }
  .checkbox.visible,
  .radio.visible {
    color: #fff;
    background: #638BCE; }
    .checkbox.visible i,
    .radio.visible i {
      opacity: 1; }
  .checkbox:hover,
  .radio:hover {
    color: #fff;
    background: #b1c5e7; }
    .checkbox:hover i,
    .radio:hover i {
      opacity: 1; }
    .checkbox:hover.visible,
    .radio:hover.visible {
      background: #638BCE; }

.show-tooltip {
  position: relative; }

.help-tooltip {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  color: #eee;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 4px 8px;
  text-align: center;
  min-width: 80px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  display: block;
  opacity: 0;
  pointer-events: none;
  z-index: 100; }
  .help-tooltip.visible {
    opacity: 1; }
  .help-tooltip.one-line {
    text-align: center; }
  .help-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; }
  .help-tooltip.right-side {
    bottom: auto;
    left: 0px; }
    .help-tooltip.right-side::after {
      left: auto;
      right: 100%;
      top: 50%;
      transform: rotate(90deg);
      margin-top: -5px; }
  .help-tooltip.left-side {
    bottom: auto;
    right: 0px; }
    .help-tooltip.left-side::after {
      left: 100%;
      top: 50%;
      transform: rotate(-90deg);
      margin-top: -5px;
      margin-left: 0px; }
  .help-tooltip.under-side {
    bottom: auto;
    top: 0px; }
    .help-tooltip.under-side::after {
      top: auto;
      bottom: 100%;
      transform: rotate(180deg); }

.page-top, body.marketing-page .intro-top {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 55px;
  top: 0;
  background: #434282;
  border-bottom: 2px solid #323160;
  position: fixed;
  z-index: 21; }
  .page-top .header-container, body.marketing-page .intro-top .header-container {
    max-width: 1300px;
    margin: 0 auto; }
  .page-top .nav > li, body.marketing-page .intro-top .nav > li,
  .page-top .aside > li:not(.search-bar),
  body.marketing-page .intro-top .aside > li:not(.search-bar) {
    border-left: 1px solid #323160;
    position: relative; }
    .page-top .nav > li:last-child, body.marketing-page .intro-top .nav > li:last-child,
    .page-top .aside > li:not(.search-bar):last-child,
    body.marketing-page .intro-top .aside > li:not(.search-bar):last-child {
      border-right: 1px solid #323160; }
    .page-top .nav > li:hover, body.marketing-page .intro-top .nav > li:hover,
    .page-top .aside > li:not(.search-bar):hover,
    body.marketing-page .intro-top .aside > li:not(.search-bar):hover {
      background: #3a3971;
      cursor: pointer; }
    .page-top .nav > li.current, body.marketing-page .intro-top .nav > li.current,
    .page-top .aside > li:not(.search-bar).current,
    body.marketing-page .intro-top .aside > li:not(.search-bar).current {
      background: linear-gradient(#434282, #3a3971); }
      .page-top .nav > li.current::after, body.marketing-page .intro-top .nav > li.current::after,
      .page-top .aside > li:not(.search-bar).current::after,
      body.marketing-page .intro-top .aside > li:not(.search-bar).current::after {
        content: '';
        position: absolute;
        bottom: 2px;
        width: 100%;
        background: #638BCE;
        height: 3px;
        left: 0px; }
      .page-top .nav > li.current:hover, body.marketing-page .intro-top .nav > li.current:hover,
      .page-top .aside > li:not(.search-bar).current:hover,
      body.marketing-page .intro-top .aside > li:not(.search-bar).current:hover {
        background: linear-gradient(#434282, #3a3971); }
    .page-top .nav > li > i.flock, body.marketing-page .intro-top .nav > li > i.flock,
    .page-top .nav > li > i.futil,
    body.marketing-page .intro-top .nav > li > i.futil,
    .page-top .aside > li:not(.search-bar) > i.flock,
    body.marketing-page .intro-top .aside > li:not(.search-bar) > i.flock,
    .page-top .aside > li:not(.search-bar) > i.futil,
    body.marketing-page .intro-top .aside > li:not(.search-bar) > i.futil {
      font-size: 28px;
      height: 32px;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      color: #fff; }
  .page-top .nav, body.marketing-page .intro-top .nav {
    white-space: nowrap;
    width: 50%;
    margin-left: 5%;
    position: relative; }
    .page-top .nav li, body.marketing-page .intro-top .nav li {
      color: #fff;
      font-weight: 500;
      font-size: 14px;
      text-align: center;
      line-height: 55px;
      width: calc(100% / 6);
      float: left; }
      .page-top .nav li i, body.marketing-page .intro-top .nav li i {
        position: relative;
        top: -1px; }
        .page-top .nav li i.o-gs, body.marketing-page .intro-top .nav li i.o-gs {
          font-size: 28px;
          top: 7px; }
      .page-top .nav li a, body.marketing-page .intro-top .nav li a {
        color: inherit;
        text-decoration: none;
        display: block;
        text-align: center; }
  .page-top .aside, body.marketing-page .intro-top .aside {
    float: right;
    vertical-align: top;
    height: 100%;
    margin-right: 5%;
    position: relative; }
    .page-top .aside > li, body.marketing-page .intro-top .aside > li {
      float: left;
      height: 100%;
      vertical-align: top;
      width: 70px;
      line-height: 55px;
      position: relative; }
      .page-top .aside > li:last-child, body.marketing-page .intro-top .aside > li:last-child {
        border-right: 1px solid #323160; }
      .page-top .aside > li i, body.marketing-page .intro-top .aside > li i {
        position: relative;
        top: -2px;
        pointer-events: none; }
      .page-top .aside > li .alert-badge, body.marketing-page .intro-top .aside > li .alert-badge {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        top: 28px;
        right: 12px;
        text-align: center;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: #e36738;
        color: #fff;
        position: absolute;
        font-size: 11px;
        font-weight: 500;
        pointer-events: none; }
      .page-top .aside > li .search-bar-icon, body.marketing-page .intro-top .aside > li .search-bar-icon {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transform: rotate(0deg) scale(1); }
        .page-top .aside > li .search-bar-icon.in-use, body.marketing-page .intro-top .aside > li .search-bar-icon.in-use {
          transform: rotate(-180deg) scale(1); }
          .page-top .aside > li .search-bar-icon.in-use.search-circle, body.marketing-page .intro-top .aside > li .search-bar-icon.in-use.search-circle {
            opacity: 0;
            transform: rotate(-180deg) scale(0.7); }
          .page-top .aside > li .search-bar-icon.in-use.u-exw-f, body.marketing-page .intro-top .aside > li .search-bar-icon.in-use.u-exw-f {
            opacity: 1;
            transform: rotate(-180deg) scale(0.7); }
        .page-top .aside > li .search-bar-icon.u-exw-f, body.marketing-page .intro-top .aside > li .search-bar-icon.u-exw-f {
          opacity: 0;
          position: absolute;
          top: 12px;
          left: 1px;
          transform: rotate(0deg) scale(0.8); }
      .page-top .aside > li ul:not(.dropdown-menu), body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
        position: absolute;
        right: 0px;
        width: 210px;
        background: #fff;
        opacity: 0; }
        .page-top .aside > li ul:not(.dropdown-menu).alerts-dropdown, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).alerts-dropdown {
          width: 440px; }
        .page-top .aside > li ul:not(.dropdown-menu).visible, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible {
          opacity: 1; }
          .page-top .aside > li ul:not(.dropdown-menu).visible li, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li {
            overflow: visible;
            height: 37px; }
            .page-top .aside > li ul:not(.dropdown-menu).visible li:not(:last-child), body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li:not(:last-child) {
              border-bottom: 1px solid #d0d1de; }
            .page-top .aside > li ul:not(.dropdown-menu).visible li.alerts-tile, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.alerts-tile {
              height: 48px;
              border-bottom: 2px solid #d0d1de; }
              .page-top .aside > li ul:not(.dropdown-menu).visible li.alerts-tile .tiny-button, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.alerts-tile .tiny-button {
                opacity: 1;
                pointer-events: all; }
            .page-top .aside > li ul:not(.dropdown-menu).visible li.alert, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.alert {
              height: 72px;
              padding: 9px 16px;
              position: relative; }
              .page-top .aside > li ul:not(.dropdown-menu).visible li.alert.unread, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.alert.unread {
                background: #fef7f5; }
                .page-top .aside > li ul:not(.dropdown-menu).visible li.alert.unread:hover, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.alert.unread:hover {
                  background: #f2f3f9; }
                .page-top .aside > li ul:not(.dropdown-menu).visible li.alert.unread::before, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.alert.unread::before {
                  content: '';
                  position: absolute;
                  left: 0px;
                  top: 0px;
                  width: 3px;
                  background: #e6764c;
                  height: 100%; }
            .page-top .aside > li ul:not(.dropdown-menu).visible li.view-alerts, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.view-alerts {
              color: #638BCE;
              text-align: center; }
              .page-top .aside > li ul:not(.dropdown-menu).visible li.view-alerts i, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.view-alerts i {
                position: relative;
                top: 0px;
                font-size: 12px;
                margin: 0px 12px; }
              .page-top .aside > li ul:not(.dropdown-menu).visible li.view-alerts:hover, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.view-alerts:hover {
                color: #638BCE; }
            .page-top .aside > li ul:not(.dropdown-menu).visible li.tile, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.tile {
              padding: 15px 16px 15px 45px;
              height: 95px;
              border-bottom: 2px solid #d0d1de; }
              .page-top .aside > li ul:not(.dropdown-menu).visible li.tile .photo, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.tile .photo {
                transform: scale(1);
                pointer-events: all; }
              .page-top .aside > li ul:not(.dropdown-menu).visible li.tile:hover, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu).visible li.tile:hover {
                background: #f2f3f9; }
        .page-top .aside > li ul:not(.dropdown-menu) li, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li {
          transition: height .3s ease-in-out, padding .3s ease-in-out;
          -webkit-transition: height .3s ease-in-out, padding .3s ease-in-out;
          -moz-transition: height .3s ease-in-out, padding .3s ease-in-out;
          -o-transition: height .3s ease-in-out, padding .3s ease-in-out;
          float: none;
          padding: 0 16px;
          font-size: 13px;
          font-weight: 500;
          line-height: 36px;
          height: 0px;
          overflow: hidden; }
          .page-top .aside > li ul:not(.dropdown-menu) li:last-child, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li:last-child {
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 0px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box; }
          .page-top .aside > li ul:not(.dropdown-menu) li:not(.tile):hover, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li:not(.tile):hover {
            background: #f2f3f9; }
          .page-top .aside > li ul:not(.dropdown-menu) li.alerts-tile, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alerts-tile {
            -webkit-box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.4);
            cursor: default;
            line-height: 48px;
            color: #555; }
            .page-top .aside > li ul:not(.dropdown-menu) li.alerts-tile:hover, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alerts-tile:hover {
              background: #fff; }
            .page-top .aside > li ul:not(.dropdown-menu) li.alerts-tile .tiny-button, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alerts-tile .tiny-button {
              width: 72px;
              position: absolute;
              top: 16px;
              right: 16px;
              display: inline-block;
              opacity: 0;
              pointer-events: none; }
          .page-top .aside > li ul:not(.dropdown-menu) li.alert, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert {
            font-size: 0px; }
            .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-photo, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-photo {
              width: 36px;
              height: 36px;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              border: 1px solid #cacaca;
              background: #434282;
              font-size: 16px;
              line-height: 36px;
              font-weight: 400;
              color: #fff;
              text-align: center;
              letter-spacing: 1px;
              display: block; }
            .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-icon, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-icon {
              font-size: 20px;
              display: inline-block;
              width: 36px;
              height: 36px;
              top: 8px;
              position: relative;
              color: #777;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              background: #f6f6f6;
              vertical-align: top; }
              .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-icon i, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-icon i {
                position: absolute;
                left: -10px;
                top: 20px;
                font-size: 13px;
                background: #fff;
                -webkit-border-top-right-radius: 50%;
                -webkit-border-bottom-right-radius: 50%;
                -webkit-border-bottom-left-radius: 50%;
                -webkit-border-top-left-radius: 50%;
                -moz-border-radius-topright: 50%;
                -moz-border-radius-bottomright: 50%;
                -moz-border-radius-bottomleft: 50%;
                -moz-border-radius-topleft: 50%;
                border-top-right-radius: 50%;
                border-bottom-right-radius: 50%;
                border-bottom-left-radius: 50%;
                border-top-left-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                padding: 4px;
                border: 1px solid #cacaca;
                color: #777;
                -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
            .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description {
              display: inline-block;
              width: calc(100% - 36px);
              font-size: 13px;
              line-height: 18px;
              padding-right: 24px; }
              .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description p, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description p {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description .alert-line1, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description .alert-line1 {
                font-weight: 500;
                color: #555;
                margin-bottom: 2px; }
              .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description .alert-line2, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description .alert-line2 {
                font-size: 13px;
                color: #444;
                font-weight: 400; }
              .page-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description .alert-line3, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.alert .alert-description .alert-line3 {
                font-size: 12px;
                color: #777;
                font-weight: 400; }
          .page-top .aside > li ul:not(.dropdown-menu) li.tile, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.tile {
            -webkit-box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.4);
            line-height: 20px;
            padding: 0px 10px 0px 45px; }
            .page-top .aside > li ul:not(.dropdown-menu) li.tile .photo, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.tile .photo {
              -webkit-transition: all 300ms ease-in-out;
              -moz-transition: all 300ms ease-in-out;
              -ms-transition: all 300ms ease-in-out;
              -o-transition: all 300ms ease-in-out;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
              width: 60px;
              height: 60px;
              left: -30px;
              background: #774282;
              color: #fff;
              font-size: 25px;
              line-height: 60px;
              position: absolute;
              text-align: center;
              display: block;
              transform: scale(0.6);
              pointer-events: none; }
            .page-top .aside > li ul:not(.dropdown-menu) li.tile .name, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.tile .name {
              font-size: 15px;
              margin: 5px 0 0;
              font-weight: 500;
              color: #638BCE; }
              .page-top .aside > li ul:not(.dropdown-menu) li.tile .name em, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.tile .name em {
                font-size: 13px;
                color: #777;
                display: block;
                font-weight: 500;
                font-style: normal; }
            .page-top .aside > li ul:not(.dropdown-menu) li.tile .connections, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.tile .connections {
              font-size: 13px;
              color: #999;
              font-weight: 500; }
              .page-top .aside > li ul:not(.dropdown-menu) li.tile .connections em, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li.tile .connections em {
                -webkit-border-top-right-radius: 50%;
                -webkit-border-bottom-right-radius: 50%;
                -webkit-border-bottom-left-radius: 50%;
                -webkit-border-top-left-radius: 50%;
                -moz-border-radius-topright: 50%;
                -moz-border-radius-bottomright: 50%;
                -moz-border-radius-bottomleft: 50%;
                -moz-border-radius-topleft: 50%;
                border-top-right-radius: 50%;
                border-bottom-right-radius: 50%;
                border-bottom-left-radius: 50%;
                border-top-left-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                background: #638BCE;
                color: #fff;
                font-size: 12px;
                display: inline-block;
                font-style: normal;
                margin-right: 3px; }
          .page-top .aside > li ul:not(.dropdown-menu) li a, body.marketing-page .intro-top .aside > li ul:not(.dropdown-menu) li a {
            display: block; }
      .page-top .aside > li.search-bar, body.marketing-page .intro-top .aside > li.search-bar {
        display: none;
        opacity: 0;
        width: 388px;
        height: 53px;
        position: absolute;
        text-align: right;
        padding-right: 12px;
        right: calc(5% + 200px);
        margin-right: -24px;
        background: #434282;
        -webkit-box-shadow: -20px 1px 16px -8px #434282;
        -moz-box-shadow: -20px 1px 16px -8px #434282;
        box-shadow: -20px 1px 16px -8px #434282; }
        .page-top .aside > li.search-bar input[type="text"], body.marketing-page .intro-top .aside > li.search-bar input[type="text"] {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 0px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 0px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          line-height: 24px;
          padding: 4px 32px 4px 12px;
          width: 240px;
          border: 1px solid #28274d;
          border-left: none;
          outline: none;
          background: rgba(0, 0, 0, 0.15);
          color: #fff;
          position: relative;
          left: -4px;
          top: -1px; }
        .page-top .aside > li.search-bar .u-zoom, body.marketing-page .intro-top .aside > li.search-bar .u-zoom,
        .page-top .aside > li.search-bar .u-zoom-f,
        body.marketing-page .intro-top .aside > li.search-bar .u-zoom-f {
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          position: absolute;
          right: 28px;
          top: 18px;
          font-size: 16px;
          color: #fff;
          opacity: 1;
          cursor: pointer; }

.subhead {
  width: 100%;
  overflow: hidden;
  margin-top: 55px;
  line-height: 50px;
  background: #eaeaf1;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .subhead .subhead-container {
    max-width: 1300px;
    position: relative;
    margin: 0 auto; }
    .subhead .subhead-container > ul {
      width: 90%;
      padding: 0px 8px;
      line-height: 50px;
      margin: auto;
      white-space: nowrap; }
      .subhead .subhead-container > ul li {
        display: inline-block;
        position: relative;
        margin: 0px; }
        .subhead .subhead-container > ul li a {
          color: inherit; }
          .subhead .subhead-container > ul li a:hover {
            color: #638BCE; }
        .subhead .subhead-container > ul li:not(:last-child) {
          margin-right: 25px; }
          .subhead .subhead-container > ul li:not(:last-child):after {
            display: block;
            width: 10px;
            position: absolute;
            content: ':';
            right: -20px;
            top: 0;
            color: #999; }
          .subhead .subhead-container > ul li:not(:last-child):hover {
            cursor: pointer; }

.container {
  width: 100%;
  border-top: 2px solid white; }
  .container.grey {
    background: #dddee8;
    background: #eaeaf1;
    border-top: 2px solid white; }

main.pad,
main.block {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1300px;
  font-size: 0px; }
  main.pad.actions-space,
  main.block.actions-space {
    padding-bottom: 80px; }
  main.pad.search-block,
  main.block.search-block {
    padding: 0px 0px 30px; }
  main.pad .main-container,
  main.block .main-container {
    padding: 0px 5%; }

.actions-container {
  position: relative; }

.block.grey {
  background: #dddee8;
  background: #eaeaf1; }
.block.updates {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto; }
.block .primary,
.block .secondary {
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  white-space: normal; }
.block .primary {
  width: 65%; }
  .block .primary.dropdown-subheader {
    width: 47.5%;
    margin-top: 40px; }
  .block .primary.width-60 {
    width: 60%; }
  .block .primary.single-column {
    width: 100%; }
.block .secondary-line {
  background: linear-gradient(270deg, #fafaff 99%, rgba(231, 232, 241, 0.87));
  position: fixed;
  height: 100%;
  top: 0px;
  left: 65%;
  z-index: 0;
  display: inline-block;
  width: 30%; }
.block .secondary {
  margin-left: 5%;
  width: 30%;
  position: relative;
  z-index: 1; }
  .block .secondary.dropdown-subheader {
    width: 47.5%;
    margin-top: 40px; }
  .block .secondary.width-35 {
    width: 35%; }

.primary .pairs {
  margin-top: 16px; }
  .primary .pairs .key {
    width: 45%;
    margin-right: 32px;
    margin-bottom: 8px;
    display: inline-block;
    vertical-align: top; }
  .primary .pairs .value {
    width: 45%;
    display: inline-block;
    vertical-align: top; }
  .primary .pairs dl {
    display: block;
    margin: 15px 0 10px; }
.primary .intro .pairs {
  margin: 0; }
  .primary .intro .pairs dl,
  .primary .intro .pairs dl dt,
  .primary .intro .pairs dl dd,
  .primary .intro .pairs .key,
  .primary .intro .pairs .value {
    display: block;
    width: 100%;
    margin: 0; }
  .primary .intro .pairs .value {
    margin-bottom: 10px; }

.secondary > aside {
  -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  background: #f2f3f9;
  padding: 10px 20px; }
  .secondary > aside.empty {
    text-align: center; }
  .secondary > aside.grant-only {
    display: none;
    opacity: 0; }
  .secondary > aside > .header {
    width: calc(100% + 40px);
    margin: -10px -20px 10px; }
  .secondary > aside .pairs {
    margin-top: 20px;
    padding-left: 8px;
    padding-right: 8px; }
  .secondary > aside form {
    padding: 8px 8px 0px; }
  .secondary > aside h3 {
    position: relative;
    border-bottom: 1px solid #cacaca; }
  .secondary > aside .aside-button {
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 20px;
    cursor: pointer;
    color: #638BCE; }
    .secondary > aside .aside-button:hover {
      color: #3d6ec1; }
  .secondary > aside .add-button {
    margin: 8px 0px; }

.intro h1,
main .active h1,
.primary > .active h1 {
  vertical-align: top;
  margin-bottom: 32px; }
.intro .foundation,
main .active .foundation,
.primary > .active .foundation {
  float: right;
  margin: 0 24px 0 10px;
  max-height: 75px; }
.intro .pairs,
main .active .pairs,
.primary > .active .pairs {
  width: calc(99% / 2);
  display: inline-block;
  padding: 0 20px 0 0;
  vertical-align: top;
  position: relative; }

.show > .foundation,
.intro > .foundation,
.edit > .foundation {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

main > .sub {
  margin-top: 28px; }

.header_line,
.pairs > h4,
.active > h3,
.sub > h3,
.update-header > h3 {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 8px;
  line-height: 40px; }

h3 .button, h3 .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate h3 .paginate_button {
  margin-left: 12px;
  position: relative;
  top: 0px; }
h3 .sort-by {
  display: inline-block;
  margin-right: 8px;
  font-size: 13px; }

.intro .pairs .value,
.secondary .pairs .value,
.secondary .pairs dl dd {
  margin-bottom: 12px; }

main section.ptop {
  margin-top: 0px;
  position: relative;
  margin-bottom: 32px; }
main section.connections {
  white-space: normal; }
  main section.connections > ul > li {
    transform: scale(1) !important;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important;
    cursor: default !important; }
    main section.connections > ul > li a {
      display: inline;
      cursor: pointer !important; }
    main section.connections > ul > li.not-editing {
      opacity: 0.5; }
      main section.connections > ul > li.not-editing a {
        cursor: default; }
    main section.connections > ul > li .duration {
      margin-top: 2px;
      margin-bottom: 8px;
      color: #777;
      font-weight: 500;
      font-size: 13px;
      line-height: 18px; }

/* Settings page */
.square {
  -webkit-box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  background: #f2f3f9;
  border: 1px solid #e1e3f1;
  padding: 24px;
  margin: 20px auto;
  vertical-align: top;
  font-size: 15px; }
  .square input {
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 18px;
    margin: 4px 0px;
    width: 280px;
    outline: none;
    border: 1px solid #ddd;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    .square input.email {
      font-size: 13px; }
  .square .photo {
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 72px;
    height: 72px;
    background: #774282;
    color: #fff;
    font-size: 25px;
    line-height: 72px;
    text-align: center;
    display: block;
    position: relative;
    top: 4px;
    float: left;
    cursor: pointer; }
    .square .photo:hover {
      opacity: 0.8; }
  .square .org-photo {
    width: 96px;
    height: 96px;
    background: #777;
    color: #fff;
    font-size: 25px;
    line-height: 96px;
    text-align: center;
    display: block;
    position: relative;
    top: 4px;
    float: left;
    cursor: pointer; }
    .square .org-photo:hover {
      opacity: 0.8; }
  .square .org-edit {
    height: 96px;
    padding-top: 8px;
    padding-left: 120px; }
  .square .org-edit-name {
    padding: 8px 0px; }
  .square .org-image {
    max-width: 160px;
    max-height: 160px; }
  .square .account-user {
    padding-left: 92px;
    display: block; }
  .square .settings-label {
    width: 120px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500; }
  .square .settings-content {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px; }
  .square .name {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #555; }
  .square .admin-chip {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0px;
    font-style: normal;
    font-size: 11px;
    font-weight: 500;
    padding: 0px 8px;
    background: #e36738;
    color: #fff;
    display: inline-block;
    margin-left: 8px;
    line-height: 18px;
    position: relative;
    top: -2px; }
  .square .email {
    color: #638BCE;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500; }
  .square .position {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #555; }
  .square .util-action {
    top: 24px;
    right: 24px; }
  .square .file-icon {
    display: inline-block;
    font-size: 32px;
    width: 40px;
    vertical-align: top;
    color: #777; }
  .square .file-description {
    display: inline-block;
    width: calc( 90% - 48px);
    vertical-align: top; }

.organization-name {
  font-size: 24px;
  font-weight: 500;
  color: #555;
  line-height: 88px; }

.whole-block {
  width: 90%;
  display: block;
  margin-bottom: 24px; }

.edit .whole-block:last-child {
  margin-bottom: 0px; }

.half-block {
  width: 45%;
  margin-right: 16px;
  display: inline-block;
  vertical-align: top; }
  .half-block.error-404-block {
    padding-top: 60px;
    height: 400px;
    white-space: normal; }

.third-block {
  display: inline-block;
  width: calc(100% / 3 - 4px);
  vertical-align: top; }

.mini-avatar {
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 24px;
  height: 24px;
  background: #774282;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  display: block; }
  .mini-avatar.inactive {
    opacity: 0.5; }

.inactive-user {
  color: #aaa; }

.user-status {
  font-weight: 500; }

.right-corner {
  position: absolute;
  right: 8px;
  top: 8px; }

.bottom-right-corner {
  width: 100%;
  text-align: right;
  padding-top: 16px;
  border-top: 1px solid #cacaca;
  margin-top: 16px; }

.foundation-counts {
  color: #555;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px; }
  .foundation-counts .counts-divider {
    margin: 0px 12px; }
  .foundation-counts .grants-count {
    display: inline-block;
    color: #b77717; }
    .foundation-counts .grants-count:hover {
      color: #8a5a11; }
  .foundation-counts .requests-count {
    display: inline-block;
    color: #509356; }
    .foundation-counts .requests-count:hover {
      color: #3e7243; }
  .foundation-counts .o-grants {
    position: relative;
    top: 1px;
    font-size: 13px;
    margin-right: 1px; }
  .foundation-counts .o-requests-alt {
    margin-right: 2px; }

.util-action {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  opacity: 0.5; }
  .util-action .o-documents {
    font-size: 15px;
    position: relative;
    left: 1px; }
  .util-action .u-ex {
    font-size: 16px; }
  .util-action:hover {
    opacity: 1; }

.disconnect-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -17px;
  width: 120px;
  margin-left: -60px;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }

.cancel-disconnect {
  visibility: hidden; }
  .cancel-disconnect .u-ex {
    position: relative;
    left: 1px; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .dropdown-icon {
    margin-left: 8px; }
  h3 .dropdown {
    float: right; }
    h3 .dropdown .dropdown-button {
      margin-left: 0px; }
    h3 .dropdown .dropdown-menu {
      right: 0px; }
  .dropdown .dropdown-field {
    display: inline-block;
    padding: 0px 8px 0px 28px;
    font-size: 13px;
    line-height: 32px;
    border: 1px solid #cacaca;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444;
    outline: none; }
    .dropdown .dropdown-field:focus {
      -webkit-box-shadow: 0px 0px 4px #638BCE;
      -moz-box-shadow: 0px 0px 4px #638BCE;
      box-shadow: 0px 0px 4px #638BCE;
      border-color: #638BCE; }
  .dropdown .dropdown-field-search {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 9px;
    font-size: 13px;
    color: #777; }
  .dropdown .dropdown-menu {
    text-align: left;
    max-height: 224px;
    overflow: hidden;
    position: absolute;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 36px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
    z-index: 12;
    color: #638BCE;
    font-weight: 500; }
    .dropdown .dropdown-menu.overflow-dropdown-menu {
      top: 50%;
      left: 22px; }
      .dropdown .dropdown-menu.overflow-dropdown-menu > li {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        color: #555; }
        .dropdown .dropdown-menu.overflow-dropdown-menu > li i {
          margin-right: 8px;
          color: #777; }
    .dropdown .dropdown-menu.dropdown-mini {
      top: 26px; }
    .dropdown .dropdown-menu.dropdown-small {
      top: 34px; }
    .dropdown .dropdown-menu.dropdown-h3 {
      top: 39px; }
    .dropdown .dropdown-menu.width-120 {
      width: 120px; }
    .dropdown .dropdown-menu.width-160 {
      width: 160px; }
    .dropdown .dropdown-menu.width-200 {
      width: 200px; }
    .dropdown .dropdown-menu.width-240 {
      width: 240px; }
    .dropdown .dropdown-menu.width-280 {
      width: 280px; }
    .dropdown .dropdown-menu.width-320 {
      width: 320px; }
    .dropdown .dropdown-menu.full-width {
      width: 100%; }
    .dropdown .dropdown-menu.chip-menu {
      top: auto;
      bottom: 34px; }
    .dropdown .dropdown-menu.search-bar-dropdown {
      top: 45px; }
    .dropdown .dropdown-menu.home-dropdown-menu {
      width: 212px; }
    .dropdown .dropdown-menu.right-side {
      right: 0px; }
    .dropdown .dropdown-menu#new-dropdown {
      width: 160px;
      right: 0px; }
      .dropdown .dropdown-menu#new-dropdown .flock,
      .dropdown .dropdown-menu#new-dropdown .futil {
        margin-right: 8px; }
    .dropdown .dropdown-menu > li {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      height: 0px;
      overflow: hidden;
      padding: 0px 20px; }
      .dropdown .dropdown-menu > li .title {
        pointer-events: none; }
        .dropdown .dropdown-menu > li .title.left-side {
          float: left;
          margin-right: 8px; }
        .dropdown .dropdown-menu > li .title.grant {
          color: #b77717; }
        .dropdown .dropdown-menu > li .title.request {
          color: #509356; }
      .dropdown .dropdown-menu > li .line2 {
        font-weight: 400;
        color: #777;
        display: block;
        font-size: 12px;
        line-height: 16px; }
      .dropdown .dropdown-menu > li .count {
        float: right;
        color: #777; }
        .dropdown .dropdown-menu > li .count.new-category {
          display: none; }
      .dropdown .dropdown-menu > li .image-container {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        pointer-events: none; }
      .dropdown .dropdown-menu > li .chip-image {
        max-height: 31px;
        max-width: 31px;
        margin-right: 8px;
        position: relative;
        display: inline-block;
        top: -13px;
        vertical-align: middle; }
        .dropdown .dropdown-menu > li .chip-image.person {
          height: 31px;
          width: 31px;
          border: 1px solid #cacaca;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
      .dropdown .dropdown-menu > li .one-line,
      .dropdown .dropdown-menu > li .two-line {
        pointer-events: none;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 48px); }
        .dropdown .dropdown-menu > li .one-line span,
        .dropdown .dropdown-menu > li .two-line span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .dropdown .dropdown-menu > li .two-line {
        margin-top: 6px; }
      .dropdown .dropdown-menu > li:hover {
        background: #f2f3f9; }
      .dropdown .dropdown-menu > li:last-child {
        border-bottom: none; }
      .dropdown .dropdown-menu > li.results-hidden {
        height: 0px !important;
        border-bottom: none !important;
        margin: 0px !important; }
      .dropdown .dropdown-menu > li.result-usable {
        position: relative;
        background: #eff3fa; }
        .dropdown .dropdown-menu > li.result-usable::after {
          content: '';
          background: #638BCE;
          height: 100%;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 4px; }
      .dropdown .dropdown-menu > li.result-used {
        display: none; }
      .dropdown .dropdown-menu > li.use-email, .dropdown .dropdown-menu > li.new-tag {
        height: 0px !important;
        border-bottom: none !important;
        color: #777;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .dropdown .dropdown-menu > li.use-email .email,
        .dropdown .dropdown-menu > li.use-email .tag-name, .dropdown .dropdown-menu > li.new-tag .email,
        .dropdown .dropdown-menu > li.new-tag .tag-name {
          font-weight: 500;
          color: #638BCE;
          white-space: nowrap; }
        .dropdown .dropdown-menu > li.use-email.visible, .dropdown .dropdown-menu > li.new-tag.visible {
          height: 36px !important;
          border-bottom: 1px solid #d0d1de !important; }
      .dropdown .dropdown-menu > li.no-results {
        height: 0px !important;
        border-bottom: none !important;
        color: #777;
        font-weight: 400;
        cursor: default; }
        .dropdown .dropdown-menu > li.no-results.visible {
          height: 36px !important;
          border-bottom: 1px solid #d0d1de !important; }
          .dropdown .dropdown-menu > li.no-results.visible:hover {
            background: #fff !important; }
      .dropdown .dropdown-menu > li.category {
        color: #777;
        font-weight: 500;
        cursor: default; }
        .dropdown .dropdown-menu > li.category:hover {
          background: #fff !important; }
        .dropdown .dropdown-menu > li.category.no-grants, .dropdown .dropdown-menu > li.category.no-requests, .dropdown .dropdown-menu > li.category.no-persons, .dropdown .dropdown-menu > li.category.no-tags {
          font-weight: 400;
          margin-top: 0px !important;
          height: 0px !important;
          border-bottom: none !important;
          color: #777;
          font-weight: 400;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropdown .dropdown-menu > li.category.no-grants.visible, .dropdown .dropdown-menu > li.category.no-requests.visible, .dropdown .dropdown-menu > li.category.no-persons.visible, .dropdown .dropdown-menu > li.category.no-tags.visible {
            height: 36px !important;
            border-bottom: 1px solid #d0d1de !important; }
      .dropdown .dropdown-menu > li.dropdown-search {
        padding: 0px; }
        .dropdown .dropdown-menu > li.dropdown-search .u-zoom {
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          position: absolute;
          left: 20px;
          top: 13px;
          font-size: 14px;
          color: #999;
          opacity: 0; }
        .dropdown .dropdown-menu > li.dropdown-search .dropdown-search-field {
          padding: 0px 20px 0px 40px;
          line-height: 44px;
          width: 100%;
          outline: none;
          color: #444;
          font-size: 13px;
          border: none; }
    .dropdown .dropdown-menu.visible {
      overflow-x: hidden;
      overflow-y: auto; }
      .dropdown .dropdown-menu.visible > li {
        border-bottom: 1px solid #d0d1de;
        height: 36px; }
        .dropdown .dropdown-menu.visible > li.dropdown-search {
          height: 44px; }
          .dropdown .dropdown-menu.visible > li.dropdown-search .u-zoom {
            opacity: 1; }
        .dropdown .dropdown-menu.visible > li:last-child {
          border-bottom: none; }
        .dropdown .dropdown-menu.visible > li.category {
          margin-top: 8px; }
        .dropdown .dropdown-menu.visible > li.image-result {
          height: 48px;
          line-height: 18px;
          border-bottom: 1px solid #cacaca; }
  .dropdown.subheader-dropdown {
    width: 100%;
    margin: 0px;
    position: fixed;
    z-index: 13;
    top: 55px;
    left: 0px;
    text-align: center; }
    .dropdown.subheader-dropdown.search-filters {
      position: relative;
      margin-bottom: 32px; }
      .dropdown.subheader-dropdown.search-filters .double-dropdown-button {
        display: none; }
      .dropdown.subheader-dropdown.search-filters .double-dropdown-menu,
      .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: none;
        padding: 32px 5% 0px;
        border-bottom: none;
        overflow: visible;
        position: relative;
        top: 0px;
        height: auto; }
        .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .double-dropdown-container,
        .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .double-dropdown-container {
          max-width: 1300px; }
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .double-dropdown-container .double-dropdown-inner,
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .double-dropdown-container .double-dropdown-inner {
            margin: 0px 5%; }
        .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .large-search-box,
        .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .large-search-box {
          padding-top: 16px;
          position: relative; }
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .large-search-box .u-zoom,
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .large-search-box .u-zoom {
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            position: absolute;
            color: #555;
            z-index: 1;
            left: 20px;
            top: 27px;
            font-size: 18px; }
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .large-search-box .u-exw-f,
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .large-search-box .u-exw-f {
            position: absolute;
            z-index: 1;
            top: 27px;
            font-size: 18px;
            right: 24px;
            cursor: pointer;
            color: #999; }
            .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .large-search-box .u-exw-f:hover,
            .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .large-search-box .u-exw-f:hover {
              color: #555; }
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu .large-search-box .large-search,
          .dropdown.subheader-dropdown.search-filters .double-dropdown-menu.visible .large-search-box .large-search {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
            box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
            border: 1px solid #cacaca;
            border-bottom: none;
            color: #555;
            font-weight: 500;
            line-height: 24px;
            padding: 8px 16px 8px 48px;
            font-size: 15px;
            width: 100%;
            outline: none !important; }
    .dropdown.subheader-dropdown > .double-dropdown-menu {
      width: 100%;
      font-size: 0;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
      height: 0px;
      overflow: hidden;
      cursor: default;
      border-bottom: none;
      padding: 0px;
      top: 8px;
      position: relative;
      background: #f2f3f9;
      margin-top: -8px; }
      .dropdown.subheader-dropdown > .double-dropdown-menu .double-dropdown-container {
        max-width: 1300px;
        margin: 0 auto; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .double-dropdown-container .double-dropdown-inner {
          padding: 0px 5%;
          text-align: left; }
      .dropdown.subheader-dropdown > .double-dropdown-menu.visible {
        height: 240px;
        padding: 8px 0px 16px;
        border-bottom: 1px solid #cacaca; }
        .dropdown.subheader-dropdown > .double-dropdown-menu.visible.for-updates {
          height: 320px; }
      .dropdown.subheader-dropdown > .double-dropdown-menu .label {
        font-size: 13px;
        font-weight: 500;
        color: #555;
        margin-bottom: 4px;
        pointer-events: none; }
      .dropdown.subheader-dropdown > .double-dropdown-menu .half-block {
        width: 45%;
        margin-right: 0px;
        margin-top: 24px; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .half-block.right {
          width: 50%;
          margin-left: 5%;
          padding-left: 5%;
          border-left: 1px solid #cacaca; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .half-block.no-top {
          margin-top: 0px; }
      .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown {
        width: 100%;
        margin-bottom: 8px; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown .dropdown-field {
          width: 100%;
          padding-left: 34px;
          margin-bottom: 12px; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown .dropdown-field-search {
          top: 37px;
          pointer-events: none;
          left: 16px; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown .dropdown-button {
          background: #fff; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown .dropdown-menu {
          top: 62px;
          bottom: auto; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown.half-width {
          width: calc(50% - 8px); }
          .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown.half-width.right {
            margin-left: 16px; }
      .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown-chips {
        opacity: 0;
        position: relative;
        top: -12px;
        height: 80px;
        overflow: scroll;
        padding: 6px 12px 0px;
        background: #eaeaf1;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown-chips > .tag {
          padding-left: 44px; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .dropdown-chips.visible {
          opacity: 1; }
      .dropdown.subheader-dropdown > .double-dropdown-menu .close-double-dropdown {
        opacity: 0;
        height: 0px;
        width: 28px;
        background: #f2f3f9;
        position: absolute;
        left: 50%;
        bottom: -13px;
        margin-left: -14px;
        text-align: center;
        cursor: pointer;
        color: #777;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .close-double-dropdown i {
          opacity: 0;
          position: relative;
          top: 10px;
          font-size: 13px;
          transform: rotate(180deg); }
        .dropdown.subheader-dropdown > .double-dropdown-menu .close-double-dropdown.visible {
          height: 28px;
          opacity: 1; }
          .dropdown.subheader-dropdown > .double-dropdown-menu .close-double-dropdown.visible i {
            opacity: 1; }
        .dropdown.subheader-dropdown > .double-dropdown-menu .close-double-dropdown:hover {
          color: #444;
          -webkit-box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2); }
    .dropdown.subheader-dropdown .small-button {
      text-align: left; }
      .dropdown.subheader-dropdown .small-button .subheader-filter {
        pointer-events: none; }
    .dropdown.subheader-dropdown .subheader-button {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      font-weight: 400;
      border: none;
      padding: 17px 0px 15px;
      height: 52px;
      -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      background: #eaeaf1; }
      .dropdown.subheader-dropdown .subheader-button .subheader-button-container {
        max-width: 1300px;
        margin: 0 auto;
        pointer-events: none; }
        .dropdown.subheader-dropdown .subheader-button .subheader-button-container .subheader-button-inner {
          padding: 0px 5%; }
          .dropdown.subheader-dropdown .subheader-button .subheader-button-container .subheader-button-inner .dropdown-icon {
            margin-right: 8px; }
      .dropdown.subheader-dropdown .subheader-button:hover {
        border-bottom: 1px solid #638BCE;
        background: #dfe2ee; }
      .dropdown.subheader-dropdown .subheader-button span {
        font-weight: 500;
        pointer-events: none;
        color: #638BCE; }
      .dropdown.subheader-dropdown .subheader-button .filter-icon {
        background: #fff;
        color: #638BCE;
        border: 1px solid #638BCE;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        padding: 4px;
        float: left;
        position: relative;
        top: -3px;
        margin-right: 8px;
        height: 24px;
        width: 24px; }
      .dropdown.subheader-dropdown .subheader-button .u-filter-f {
        position: relative;
        left: 1px;
        margin-right: 8px; }

.dropdown-chips {
  padding-top: 8px; }
  .dropdown-chips .chip {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 18px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #638BCE;
    background: #e8eef8;
    color: #777;
    padding: 0px 28px 0px 8px;
    margin-bottom: 4px;
    font-weight: 500;
    cursor: default;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out; }
    .dropdown-chips .chip.rem {
      opacity: 0.6;
      border-color: #e39a87 !important;
      background: #f3e7e4 !important; }
      .dropdown-chips .chip.rem .count {
        background: #e39a87 !important; }
    .dropdown-chips .chip.delete {
      transform: scale(0.9);
      opacity: 0; }
    .dropdown-chips .chip:not(:last-child) {
      margin-right: 4px; }
    .dropdown-chips .chip > i {
      position: absolute;
      top: 4px;
      right: 8px;
      font-size: 11px;
      cursor: pointer;
      padding: 2px; }
      .dropdown-chips .chip > i:hover {
        color: #d03d18; }
    .dropdown-chips .chip .image-container {
      display: inline-block; }
    .dropdown-chips .chip > img {
      height: 16px;
      margin-right: 6px;
      position: relative;
      top: 3px; }
      .dropdown-chips .chip > img.person {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .dropdown-chips .chip .one-line,
    .dropdown-chips .chip .two-line {
      font-size: 0px;
      display: inline-block; }
    .dropdown-chips .chip .title {
      font-size: 13px;
      display: inline-block;
      position: relative;
      top: 2px; }
    .dropdown-chips .chip .count {
      background: #638BCE;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-topleft: 8px;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      padding: 0px 6px;
      line-height: 16px;
      height: 16px;
      min-width: 16px;
      top: 3px;
      font-size: 11px;
      text-align: center;
      color: #fff;
      position: absolute;
      left: 8px;
      width: 32px;
      text-align: center; }
    .dropdown-chips .chip .line2 {
      display: none; }
    .dropdown-chips .chip.grant {
      border: 1px solid #b77717;
      background: #fbf7f1; }
    .dropdown-chips .chip.request {
      border: 1px solid #509356;
      background: #eff5f0; }
    .dropdown-chips .chip.person {
      border: 1px solid #999;
      background: #f6f6f6; }
      .dropdown-chips .chip.person img {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .dropdown-chips .chip.metric {
      color: #76798d;
      border: 1px solid #76798d;
      background: mix #76798d, #fff, 9%; }
      .dropdown-chips .chip.metric .count {
        background: #76798d; }
    .dropdown-chips .chip.metric-chip {
      border: 1px solid #999;
      background: #f6f6f6; }
      .dropdown-chips .chip.metric-chip .count {
        background: #cacaca; }

.process-dots {
  display: inline-block;
  text-align: center;
  cursor: default; }
  .process-dots li {
    display: inline-block;
    padding: 5px 2px;
    width: 10px;
    height: 16px;
    margin: 0px; }
    .process-dots li .dot {
      display: block;
      opacity: 0.3;
      background: #777;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      margin: 0 auto; }
    .process-dots li.done {
      cursor: pointer; }
      .process-dots li.done .dot {
        background: #509356;
        opacity: 0.6; }
      .process-dots li.done:hover .dot {
        opacity: 1; }
    .process-dots li.current {
      cursor: pointer; }
      .process-dots li.current .dot {
        opacity: 1; }

footer.bottom {
  background: #474a54;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  height: 300px; }
  footer.bottom .footer-container {
    max-width: 1300px;
    margin: 0 auto; }
    footer.bottom .footer-container > .flock,
    footer.bottom .footer-container > .futil {
      position: absolute;
      left: -190px;
      top: -120px;
      font-size: 390px;
      color: #555965; }
    footer.bottom .footer-container > ul {
      padding: 40px 0 0;
      width: 100%;
      height: 100%;
      position: relative; }
      footer.bottom .footer-container > ul > li {
        float: left;
        width: 20%;
        height: 150px;
        margin: 0 2.5%; }
        footer.bottom .footer-container > ul > li > ul {
          line-height: 28px;
          font-size: 14px;
          padding-left: 40px; }
          footer.bottom .footer-container > ul > li > ul > li {
            display: block;
            line-height: 28px;
            padding-left: 0px; }
            footer.bottom .footer-container > ul > li > ul > li.header {
              padding-left: 0;
              margin-top: 10px;
              margin-bottom: 5px;
              font-size: 15px;
              text-transform: uppercase;
              border-bottom: 1px dotted #888484;
              font-weight: 500;
              line-height: 28px;
              color: #afafaf; }
            footer.bottom .footer-container > ul > li > ul > li a {
              -webkit-transition: all 100ms ease-in-out;
              -moz-transition: all 100ms ease-in-out;
              -ms-transition: all 100ms ease-in-out;
              -o-transition: all 100ms ease-in-out;
              color: #efefef;
              cursor: pointer; }
              footer.bottom .footer-container > ul > li > ul > li a:hover {
                color: #638BCE; }
            footer.bottom .footer-container > ul > li > ul > li > ul {
              margin-left: 10px;
              padding-left: 10px;
              font-size: 12px;
              border-left: 1px solid #7c8296; }
              footer.bottom .footer-container > ul > li > ul > li > ul > li {
                line-height: 24px; }

.unauthorized {
  background: #f2f3f9;
  padding: 16px 24px;
  text-align: center;
  width: 100%;
  max-width: 500px;
  margin: 16px auto 24px; }
  .unauthorized .please-login {
    margin-bottom: 16px; }
  .unauthorized.connect-foundation {
    margin-top: 4px;
    padding: 24px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
  .unauthorized .connect-foundation-photo {
    max-width: 120px;
    max-height: 80px; }
  .unauthorized .connect-foundation-name {
    font-size: 13px;
    line-height: 18px; }
  .unauthorized .login-table {
    width: 100%;
    margin: 0 auto; }
  .unauthorized .login-label {
    width: 100px;
    text-align: right;
    padding-right: 16px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #555; }
  .unauthorized input {
    width: 100%; }
  .unauthorized .login-button {
    padding: 4px 0px 0px; }
@keyframes loading {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 0.8; }
  50% {
    transform: rotate(180deg) scale(1.1);
    opacity: 1; }
  100% {
    transform: rotate(360deg) scale(1);
    opacity: 0.8; } }
  .unauthorized .loading-display {
    padding-top: 8px;
    display: none;
    text-align: center; }
    .unauthorized .loading-display .loading-icon {
      animation: loading 1s infinite;
      animation-timing-function: linear; }
    .unauthorized .loading-display .success-text {
      margin-top: 2px;
      font-size: 18px;
      line-height: 28px;
      font-weight: 500;
      color: #555; }
  .unauthorized .login-success {
    display: none;
    text-align: center; }
    .unauthorized .login-success .success-icon {
      font-size: 20px;
      color: #509356;
      margin-right: 8px;
      position: relative;
      top: 2px; }
    .unauthorized .login-success .success-text {
      font-size: 18px;
      line-height: 28px;
      font-weight: 500;
      color: #555; }

.task-card {
  position: relative; }
  .task-card .new-task-header {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    margin-bottom: 8px; }
  .task-card .new-task-description {
    font-size: 13px;
    line-height: 18px;
    height: 67px;
    padding: 4px 8px;
    margin: 4px 0px 8px;
    color: #444;
    outline: none;
    width: 100%;
    border: 1px solid #cacaca;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block; }
  .task-card input[type="text"],
  .task-card input[type="email"],
  .task-card select {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444;
    border: 1px transparent;
    display: block;
    font-size: 13px;
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
    line-height: 32px;
    padding: 0px 8px;
    width: 100%;
    margin-right: 8px;
    border: 1px solid #cacaca;
    outline: none; }
    .task-card input[type="text"].button-field,
    .task-card input[type="email"].button-field,
    .task-card select.button-field {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      margin-right: 0px;
      width: calc(100% - 34px);
      display: inline-block;
      border-right: none;
      vertical-align: top; }
  .task-card .external-assignees {
    margin-bottom: 12px; }
  .task-card .assignee-list {
    margin: 8px 0px 16px; }
    .task-card .assignee-list .pop-up-photo {
      width: 24px;
      height: 24px;
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      margin-right: 4px;
      display: inline-block; }
    .task-card .assignee-list > li {
      line-height: 24px;
      font-weight: 500;
      color: #555; }
  .task-card .assignee-placeholder {
    position: absolute;
    color: #999;
    z-index: 1;
    left: 36px;
    top: 42px;
    pointer-events: none; }

strong {
  font-weight: 500 !important;
  color: #555 !important; }

.no-interaction {
  pointer-events: none !important; }
  .datatable .no-interaction {
    border-right: none;
    border-left: none; }

ul.status > li {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  padding: 8px; }
  ul.status > li:not(.header) {
    cursor: pointer; }
    ul.status > li:not(.header):hover {
      background: #fff; }
  ul.status > li:not(:first-child) {
    border-top: 1px solid #d4d7dc; }
  ul.status > li a {
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    font-weight: 500; }
    ul.status > li a > span {
      display: block;
      font-size: 13px;
      line-height: 18px;
      color: #777; }
  ul.status > li .state {
    float: right;
    line-height: 44px; }
  ul.status > li.header {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    line-height: 32px;
    text-align: center;
    padding: 0;
    border-top: none; }

span[class^="status-"] {
  display: inline-block;
  margin-right: 8px;
  min-width: 64px; }
  span[class^="status-"]::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ccc;
    margin: 0 6px 0 0;
    position: relative;
    top: -1px; }
  span[class^="status-"].status-pending::before {
    background: #b77717; }
  span[class^="status-"].status-complete::before {
    background: #509356; }
  span[class^="status-"].status-new::before {
    background: #638BCE; }
  span[class^="status-"].status-past::before {
    background: #d03d18; }

.list_item,
.active > ul > li,
.series #timelines > li,
.primary.activity > ul > li {
  -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  background: #fff;
  border-bottom: 1px solid #c8c9d6; }
  .list_item:hover:not(.more):not([type="checkbox"]),
  .active > ul > li:hover:not(.more):not([type="checkbox"]),
  .series #timelines > li:hover:not(.more):not([type="checkbox"]),
  .primary.activity > ul > li:hover:not(.more):not([type="checkbox"]) {
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    cursor: pointer; }
    .list_item:hover:not(.more):not([type="checkbox"]) h6,
    .list_item:hover:not(.more):not([type="checkbox"]) a,
    .list_item:hover:not(.more):not([type="checkbox"]) .grant-date-range,
    .active > ul > li:hover:not(.more):not([type="checkbox"]) h6,
    .active > ul > li:hover:not(.more):not([type="checkbox"]) a,
    .active > ul > li:hover:not(.more):not([type="checkbox"]) .grant-date-range,
    .series #timelines > li:hover:not(.more):not([type="checkbox"]) h6,
    .series #timelines > li:hover:not(.more):not([type="checkbox"]) a,
    .series #timelines > li:hover:not(.more):not([type="checkbox"]) .grant-date-range,
    .primary.activity > ul > li:hover:not(.more):not([type="checkbox"]) h6,
    .primary.activity > ul > li:hover:not(.more):not([type="checkbox"]) a,
    .primary.activity > ul > li:hover:not(.more):not([type="checkbox"]) .grant-date-range {
      opacity: 1; }
  .list_item.more, .list_item.no-more,
  .active > ul > li.more,
  .active > ul > li.no-more,
  .series #timelines > li.more,
  .series #timelines > li.no-more,
  .primary.activity > ul > li.more,
  .primary.activity > ul > li.no-more {
    text-align: center;
    padding: 12px;
    font-weight: 500;
    color: #777;
    cursor: pointer;
    display: none;
    opacity: 0; }
    .list_item.more .u-chevron-f, .list_item.no-more .u-chevron-f,
    .active > ul > li.more .u-chevron-f,
    .active > ul > li.no-more .u-chevron-f,
    .series #timelines > li.more .u-chevron-f,
    .series #timelines > li.no-more .u-chevron-f,
    .primary.activity > ul > li.more .u-chevron-f,
    .primary.activity > ul > li.no-more .u-chevron-f {
      font-size: 11px;
      padding: 0px 8px;
      position: relative;
      top: -1px; }
    .list_item.more:hover, .list_item.no-more:hover,
    .active > ul > li.more:hover,
    .active > ul > li.no-more:hover,
    .series #timelines > li.more:hover,
    .series #timelines > li.no-more:hover,
    .primary.activity > ul > li.more:hover,
    .primary.activity > ul > li.no-more:hover {
      color: #444;
      transform: translate(0, 4px); }
  .list_item.no-more,
  .active > ul > li.no-more,
  .series #timelines > li.no-more,
  .primary.activity > ul > li.no-more {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    border: none; }

.split {
  margin: 24px 0; }
  .split > ul {
    white-space: nowrap;
    margin: 0 0 18px;
    border-bottom: 1px solid #cacaca; }
    .split > ul > li {
      width: 49%;
      margin: 0 0 0 1%;
      display: inline-block;
      white-space: normal; }
      .split > ul > li h3 {
        margin-left: 40px;
        width: calc(100% - 40px);
        display: block;
        line-height: 56px !important; }
        .split > ul > li h3 > span {
          color: #999999;
          margin-left: 12px;
          text-transform: uppercase; }
      .split > ul > li .flock,
      .split > ul > li .futil {
        float: left;
        font-size: 28px;
        width: 40px;
        line-height: 50px;
        text-align: center;
        color: #999999; }
      .split > ul > li:nth-child(odd) {
        margin-right: 1%;
        margin-left: 0; }

.active > ul > li {
  min-height: 104px;
  width: calc(50% - 16px);
  margin: 16px 8px 0;
  display: inline-block;
  padding: 16px 24px;
  position: relative;
  vertical-align: top;
  font-size: 15px; }
  .active > ul > li > a {
    display: block; }
    .active > ul > li > a > span {
      display: block; }
      .active > ul > li > a > span.duration {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
        color: #777; }

.primary.activity {
  position: relative; }
  .primary.activity > .header {
    padding-left: 40px;
    margin: 0;
    display: inline-block;
    border: none; }
  .primary.activity > ul {
    padding: 0;
    font-size: 0; }
    .primary.activity > ul.left-badges li a {
      padding: 16px 16px 16px 32px; }
    .primary.activity > ul > li {
      margin: 16px 0 16px 16px;
      padding: 0px;
      width: calc(100% - 15px);
      display: block;
      position: relative;
      cursor: pointer;
      font-size: 15px;
      opacity: 0;
      display: none; }
      .primary.activity > ul > li.primary-card {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        border: 2px solid transparent; }
        .primary.activity > ul > li.primary-card:first-child {
          margin-top: 16px; }
        .primary.activity > ul > li.primary-card.overdue::before {
          content: '';
          background: #d03d18;
          width: 4px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          height: calc(100% + 4px);
          position: absolute;
          left: -2px;
          top: -2px; }
        .primary.activity > ul > li.primary-card .progress {
          display: block;
          height: 6px;
          margin: 0px -2px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 0px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 0px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          overflow: hidden;
          position: relative;
          top: 2px;
          background: #f6f6f6;
          border-color: #f6f6f6; }
          .primary.activity > ul > li.primary-card .progress span {
            background: #cbd0fb;
            border-bottom: 3px solid #929cd8;
            display: block;
            height: 6px; }
        .primary.activity > ul > li.primary-card.half-width {
          width: calc(50% - 16px);
          margin-bottom: 0px;
          vertical-align: top; }
          .primary.activity > ul > li.primary-card.half-width:nth-child(even) {
            margin-right: 8px;
            margin-left: 8px; }
            .primary.activity > ul > li.primary-card.half-width:nth-child(even) .overflow-dropdown-menu {
              right: 22px;
              left: auto; }
          .primary.activity > ul > li.primary-card.half-width:nth-child(odd) {
            margin-right: 8px;
            margin-left: 8px; }
        .primary.activity > ul > li.primary-card.hover-lock {
          -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
          -webkit-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          -o-transform: scale(1.02);
          cursor: pointer;
          z-index: 3;
          position: relative; }
          .primary.activity > ul > li.primary-card.hover-lock::after {
            opacity: 1; }
        .primary.activity > ul > li.primary-card.not-authorized {
          transform: scale(1) !important;
          -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important;
          -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important; }
          .primary.activity > ul > li.primary-card.not-authorized a {
            color: #777; }
          .primary.activity > ul > li.primary-card.not-authorized::before {
            content: '';
            background: #eee;
            pointer-events: none;
            opacity: 0.3;
            width: calc(100% + 4px);
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            height: calc(100% + 4px);
            position: absolute;
            left: -2px;
            top: -2px;
            z-index: 1; }
        .primary.activity > ul > li.primary-card::after {
          width: calc(100% + 4px);
          height: calc(100% + 4px);
          content: '';
          position: absolute;
          left: -2px;
          top: -2px;
          border: 2px solid #638BCE;
          pointer-events: none;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          opacity: 0; }
      .primary.activity > ul > li .title.task {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 48px);
        display: inline-block;
        vertical-align: top; }
      .primary.activity > ul > li .overflow-dropdown {
        position: absolute;
        top: 8px;
        right: 8px; }
      .primary.activity > ul > li .card-overflow {
        display: block;
        background: rgba(250, 250, 250, 0.9);
        text-align: center;
        height: 20px;
        width: 20px;
        padding: 0px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cacaca;
        color: #777; }
        .primary.activity > ul > li .card-overflow i {
          vertical-align: top;
          position: relative;
          top: 3px;
          font-size: 11px;
          margin-right: 0px; }
        .primary.activity > ul > li .card-overflow:hover, .primary.activity > ul > li .card-overflow.current {
          color: #638BCE;
          border: 1px solid #638BCE; }
      .primary.activity > ul > li .type {
        -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        width: 40px;
        height: 40px;
        background: #76798d;
        text-align: center;
        line-height: 44px;
        border-radius: 50%;
        position: absolute;
        left: -20px;
        top: 10px;
        content: ''; }
        .primary.activity > ul > li .type .flock,
        .primary.activity > ul > li .type .futil {
          font-size: 20px;
          color: #fff;
          text-align: center;
          margin-right: 0px; }
          .primary.activity > ul > li .type .flock.o-payments,
          .primary.activity > ul > li .type .futil.o-payments {
            position: relative;
            top: 2px; }
      .primary.activity > ul > li .duration,
      .primary.activity > ul > li .assigned-by {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
        color: #777; }
      .primary.activity > ul > li .task-description {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        color: #444;
        margin: 4px 0px 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .primary.activity > ul > li span[class^="status-"] {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
        color: #555; }
      .primary.activity > ul > li > a {
        display: block;
        padding: 16px 24px;
        cursor: pointer; }
        .primary.activity > ul > li > a i {
          font-size: 13px;
          margin-right: 4px; }
          .primary.activity > ul > li > a i.o-requests-alt {
            font-size: 14px; }
      .primary.activity > ul > li h6 {
        color: #638BCE;
        font-weight: 400;
        font-size: 15px; }
      .primary.activity > ul > li .time {
        font-size: 13px;
        line-height: 18px;
        color: #777;
        padding-top: 1px;
        font-weight: 500; }
      .primary.activity > ul > li img.foundation {
        float: right;
        max-height: 72px;
        max-width: 180px; }
      .primary.activity > ul > li img.assignee {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cacaca;
        float: right;
        max-height: 32px;
        max-width: 32px; }
      .primary.activity > ul > li .assignee-me {
        float: right;
        height: 32px;
        width: 32px;
        text-align: center;
        background: #c468a8;
        color: #fff;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        .primary.activity > ul > li .assignee-me i {
          font-size: 22px;
          position: relative;
          top: 2px;
          left: 2px; }
  .primary.activity > footer {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    width: calc(100% - 35px);
    margin-left: 35px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #638BCE;
    background: #dcdce4; }
    .primary.activity > footer:hover {
      cursor: pointer;
      background: #54546d;
      color: #3d6ec1; }

main > .active,
.primary .active {
  position: relative;
  width: 100%;
  margin-bottom: 20px; }
  main > .active > ul li:hover,
  .primary .active > ul li:hover {
    cursor: pointer; }
  main > .active .u-lock-f,
  .primary .active .u-lock-f {
    font-size: 11px;
    position: relative;
    top: -1px; }
  main > .active h3 button,
  .primary .active h3 button {
    line-height: 20px;
    margin: 0 10px; }
  main > .active .foundation,
  .primary .active .foundation {
    margin-right: 0px; }
  main > .active.assigned .flock,
  main > .active.assigned .futil,
  .primary .active.assigned .flock,
  .primary .active.assigned .futil {
    font-size: 18px;
    vertical-align: bottom;
    line-height: 28px;
    margin-right: 6px; }
  main > .active.assigned h4,
  .primary .active.assigned h4 {
    font-weight: 400;
    color: #555; }
  main > .active.assigned p,
  .primary .active.assigned p {
    margin: 2px 0px; }
  main > .active.assigned .assigned-by,
  .primary .active.assigned .assigned-by {
    color: #777;
    font-weight: 500;
    margin-bottom: 4px; }
  main > .active.assigned .task-description,
  .primary .active.assigned .task-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  main > .active.assigned span,
  .primary .active.assigned span {
    font-size: 13px;
    line-height: 18px; }

main > .sub h3,
.primary .sub h3,
.dataTables_wrapper h3 {
  padding-left: 8px;
  line-height: 48px; }
main > .sub > table,
.primary .sub > table,
.dataTables_wrapper > table {
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  margin-top: -8px;
  white-space: normal; }
  main > .sub > table thead th, .primary .sub > table thead th, .dataTables_wrapper > table thead th {
    line-height: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #f2f3f9;
    color: #444;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    border-top: 1px solid #d0d1de;
    border-bottom: 2px solid #d0d1de;
    border-right: 1px solid #d0d1de; }
    .primary.activity:not(.search-results) main > .sub > table thead th,
    .primary.activity:not(.search-results) .primary .sub > table thead th,
    .primary.activity:not(.search-results) .dataTables_wrapper > table thead th {
      background: #e8e9f4; }
    .search-results main > .sub > table thead th, .search-results .primary .sub > table thead th, .search-results .dataTables_wrapper > table thead th {
      border-top: 1px solid #cacaca; }
    main > .sub > table thead th:first-child, .primary .sub > table thead th:first-child, .dataTables_wrapper > table thead th:first-child {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 3px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-left: 1px solid #d0d1de; }
    main > .sub > table thead th:last-child, .primary .sub > table thead th:last-child, .dataTables_wrapper > table thead th:last-child {
      -webkit-border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    main > .sub > table thead th.th-sortable, .primary .sub > table thead th.th-sortable, .dataTables_wrapper > table thead th.th-sortable {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      cursor: pointer;
      outline: none; }
      main > .sub > table thead th.th-sortable:hover, .primary .sub > table thead th.th-sortable:hover, .dataTables_wrapper > table thead th.th-sortable:hover {
        background: none; }
    main > .sub > table thead th.th-15, .primary .sub > table thead th.th-15, .dataTables_wrapper > table thead th.th-15 {
      width: 15%; }
    main > .sub > table thead th.th-20, .primary .sub > table thead th.th-20, .dataTables_wrapper > table thead th.th-20 {
      width: 20%; }
    main > .sub > table thead th.th-40, .primary .sub > table thead th.th-40, .dataTables_wrapper > table thead th.th-40 {
      width: 40%; }
    main > .sub > table thead th.non-sortable, .primary .sub > table thead th.non-sortable, .dataTables_wrapper > table thead th.non-sortable {
      outline: none !important;
      color: #444 !important; }
      main > .sub > table thead th.non-sortable::after, .primary .sub > table thead th.non-sortable::after, .dataTables_wrapper > table thead th.non-sortable::after {
        display: none; }
    main > .sub > table thead th .table-sort, .primary .sub > table thead th .table-sort, .dataTables_wrapper > table thead th .table-sort {
      padding: 0px 4px;
      font-size: 10px;
      position: relative;
      top: -1px; }
  main > .sub > table tbody tr:hover td,
  .primary .sub > table tbody tr:hover td,
  .dataTables_wrapper > table tbody tr:hover td {
    cursor: pointer;
    background: #e9ebf7; }
  main > .sub > table.datatable-no-sort tr:last-child td,
  .primary .sub > table.datatable-no-sort tr:last-child td,
  .dataTables_wrapper > table.datatable-no-sort tr:last-child td {
    border-bottom: none; }
  main > .sub > table.datatable-no-sort tbody tr:hover td,
  .primary .sub > table.datatable-no-sort tbody tr:hover td,
  .dataTables_wrapper > table.datatable-no-sort tbody tr:hover td {
    cursor: default;
    background: none; }
  main > .sub > table tbody td,
  .primary .sub > table tbody td,
  .dataTables_wrapper > table tbody td {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    vertical-align: middle;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #d0d1de; }
    main > .sub > table tbody td.table-item-title,
    .primary .sub > table tbody td.table-item-title,
    .dataTables_wrapper > table tbody td.table-item-title {
      font-weight: 500;
      color: #555;
      position: relative;
      max-width: 20vw; }
    main > .sub > table tbody td.table-date,
    .primary .sub > table tbody td.table-date,
    .dataTables_wrapper > table tbody td.table-date {
      display: block;
      width: 80px; }
    main > .sub > table tbody td.large-icon,
    .primary .sub > table tbody td.large-icon,
    .dataTables_wrapper > table tbody td.large-icon {
      padding-left: 40px; }
      main > .sub > table tbody td.large-icon > i,
      main > .sub > table tbody td.large-icon > span > i,
      .primary .sub > table tbody td.large-icon > i,
      .primary .sub > table tbody td.large-icon > span > i,
      .dataTables_wrapper > table tbody td.large-icon > i,
      .dataTables_wrapper > table tbody td.large-icon > span > i {
        font-size: 20px;
        position: absolute;
        left: 8px;
        top: 16px;
        color: #777; }
    main > .sub > table tbody td.date,
    .primary .sub > table tbody td.date,
    .dataTables_wrapper > table tbody td.date {
      white-space: nowrap;
      position: relative; }
    main > .sub > table tbody td.dismiss,
    .primary .sub > table tbody td.dismiss,
    .dataTables_wrapper > table tbody td.dismiss {
      padding: 10px 2px; }
    main > .sub > table tbody td a,
    .primary .sub > table tbody td a,
    .dataTables_wrapper > table tbody td a {
      font-weight: 500; }
    main > .sub > table tbody td .prospecting-dots,
    .primary .sub > table tbody td .prospecting-dots,
    .dataTables_wrapper > table tbody td .prospecting-dots {
      margin-top: 2px;
      line-height: 16px; }
      main > .sub > table tbody td .prospecting-dots span,
      .primary .sub > table tbody td .prospecting-dots span,
      .dataTables_wrapper > table tbody td .prospecting-dots span {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25);
        box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25);
        display: inline-block;
        position: relative;
        width: 6px;
        height: 6px;
        margin: 0px 3px 0px 0px;
        font-size: 0;
        content: '';
        background: #ca7ac9;
        opacity: 0.4; }
        main > .sub > table tbody td .prospecting-dots span:nth-child(2),
        .primary .sub > table tbody td .prospecting-dots span:nth-child(2),
        .dataTables_wrapper > table tbody td .prospecting-dots span:nth-child(2) {
          opacity: 0.55; }
        main > .sub > table tbody td .prospecting-dots span:nth-child(3),
        .primary .sub > table tbody td .prospecting-dots span:nth-child(3),
        .dataTables_wrapper > table tbody td .prospecting-dots span:nth-child(3) {
          opacity: 0.7; }
        main > .sub > table tbody td .prospecting-dots span:nth-child(4),
        .primary .sub > table tbody td .prospecting-dots span:nth-child(4),
        .dataTables_wrapper > table tbody td .prospecting-dots span:nth-child(4) {
          opacity: 0.85; }
        main > .sub > table tbody td .prospecting-dots span:nth-child(5),
        .primary .sub > table tbody td .prospecting-dots span:nth-child(5),
        .dataTables_wrapper > table tbody td .prospecting-dots span:nth-child(5) {
          opacity: 1; }
    main > .sub > table tbody td .chosen-factor,
    .primary .sub > table tbody td .chosen-factor,
    .dataTables_wrapper > table tbody td .chosen-factor {
      font-size: 24px;
      position: relative;
      top: 1px;
      color: #76798d; }
      main > .sub > table tbody td .chosen-factor.u-data-nested-f,
      .primary .sub > table tbody td .chosen-factor.u-data-nested-f,
      .dataTables_wrapper > table tbody td .chosen-factor.u-data-nested-f {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg); }
    main > .sub > table tbody td .loi-button,
    .primary .sub > table tbody td .loi-button,
    .dataTables_wrapper > table tbody td .loi-button {
      background: #fff;
      border: 1px solid #bbb;
      color: #638BCE;
      width: 104px; }
      main > .sub > table tbody td .loi-button:hover,
      .primary .sub > table tbody td .loi-button:hover,
      .dataTables_wrapper > table tbody td .loi-button:hover {
        border: 1px solid #638BCE; }
      main > .sub > table tbody td .loi-button.pending, main > .sub > table tbody td .loi-button.pending:hover,
      .primary .sub > table tbody td .loi-button.pending,
      .primary .sub > table tbody td .loi-button.pending:hover,
      .dataTables_wrapper > table tbody td .loi-button.pending,
      .dataTables_wrapper > table tbody td .loi-button.pending:hover {
        background: #f2f3f9;
        border: 1px solid #bbb;
        color: #777; }
      main > .sub > table tbody td .loi-button i,
      .primary .sub > table tbody td .loi-button i,
      .dataTables_wrapper > table tbody td .loi-button i {
        margin-right: 6px;
        position: relative;
        top: 1px; }

.split-header {
  margin-bottom: 16px;
  line-height: 47px; }
  .split-header.for-updates {
    border-bottom: 1px solid #cacaca; }
  .split-header.tables {
    margin-bottom: 8px; }
  .split-header i {
    margin-right: 6px;
    font-size: 15px; }
    .split-header i.o-payments {
      font-size: 16px; }
  .split-header .dropdown-icon i {
    margin-right: 0px; }
  .split-header .button .u-bplus-f, .split-header .dataTables_wrapper .dataTables_paginate .paginate_button .u-bplus-f, .dataTables_wrapper .dataTables_paginate .split-header .paginate_button .u-bplus-f {
    font-size: 10px; }
  .split-header.for-view-bar {
    margin-bottom: 0px;
    line-height: 49px; }

.view-bar {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f2f3f9;
  border: 1px solid #d0d1de;
  border-bottom: 2px solid #d0d1de;
  height: 39px;
  margin-bottom: 8px;
  position: relative;
  top: -2px;
  font-size: 13px;
  color: #777;
  padding: 5px 8px;
  font-weight: 500; }
  .view-bar .right-side {
    float: right; }
  .view-bar .sort-by {
    display: inline-block;
    margin-right: 8px; }
  .view-bar .group {
    display: inline-block;
    margin: 0px 8px; }
    .view-bar .group .checkbox-text {
      cursor: pointer; }
  .view-bar .dropdown-menu {
    right: 0px;
    top: 26px; }
  .view-bar .view-sort-direction {
    border: 1px solid #cacaca;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 4px; }
    .view-bar .view-sort-direction .dropdown-icon {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }
    .view-bar .view-sort-direction.reverse .dropdown-icon {
      transform: rotate(180deg); }

h3 .mini-button.view-sort-direction {
  top: 13px;
  margin-left: 4px;
  border-color: #cacaca;
  padding: 3px 6px 2px;
  font-size: 13px; }
  h3 .mini-button.view-sort-direction .dropdown-icon {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out; }
  h3 .mini-button.view-sort-direction.reverse .dropdown-icon {
    transform: rotate(180deg); }

.primary.activity .dataTables_wrapper {
  position: relative;
  top: -2px;
  display: none; }
  .primary.activity .dataTables_wrapper .dataTables_filter {
    right: 8px;
    top: -32px; }
  .primary.activity .dataTables_wrapper .foundation-image {
    max-width: 48px;
    max-height: 48px;
    display: inline-block; }
  .primary.activity .dataTables_wrapper .foundation-name {
    display: inline-block; }

.primary.activity.search-results .dataTables_wrapper {
  display: block; }

.no-search-results {
  display: none;
  padding: 8px 50px;
  font-size: 15px;
  font-weight: 500;
  color: #555; }
  .no-search-results.visible {
    display: block;
    opacity: 1; }

.search-results .dataTables_wrapper {
  margin-bottom: 40px; }
  .search-results .dataTables_wrapper tr:nth-child(even) {
    background: rgba(240, 240, 240, 0.5); }
  .search-results .dataTables_wrapper tbody tr {
    display: none; }
  .search-results .dataTables_wrapper table tbody td {
    font-weight: 500;
    color: #555; }

.split-tables {
  position: relative;
  margin-bottom: 32px; }

.split-table-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }
  .split-table-text.line1 {
    color: #638BCE;
    margin-bottom: 2px; }
    .split-table-text.line1 i {
      margin-right: 4px; }
  .split-table-text.line2 {
    color: #777;
    font-weight: 500;
    margin-bottom: 2px; }
  .split-table-text.line3 {
    font-weight: 400; }

.assignee-icon-list {
  position: relative;
  margin: 6px 0px 6px; }
  .assignee-icon-list.preview-list {
    margin: 8px 0px; }
  .assignee-icon-list > li {
    display: inline-block; }
    .assignee-icon-list > li img {
      width: 20px;
      height: 20px;
      border: 1px solid #434282;
      -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.6);
      box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.6);
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .assignee-icon-list > li:first-child {
      position: relative;
      left: 0px;
      z-index: 5; }
    .assignee-icon-list > li:nth-child(2) {
      position: absolute;
      left: 16px;
      z-index: 4; }
    .assignee-icon-list > li:nth-child(3) {
      position: absolute;
      left: 32px;
      z-index: 3; }
    .assignee-icon-list > li span {
      line-height: 20px;
      left: 58px;
      font-weight: 400;
      top: 0px;
      position: absolute; }

.left-preview,
.right-preview {
  pointer-events: none;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.4);
  transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  background: #fff;
  position: absolute;
  left: calc(-35vw - 8px);
  top: 0px;
  padding: 0px;
  opacity: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
  z-index: 2; }
  .left-preview .triangle-with-shadow,
  .right-preview .triangle-with-shadow {
    width: 48px;
    height: 48px;
    overflow: hidden;
    -webkit-box-shadow: 0px 12px 4px -16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 12px 4px -16px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 12px 4px -16px rgba(0, 0, 0, 0.3);
    position: absolute;
    right: -48px;
    transform: rotate(90deg);
    top: 4px; }
  .left-preview .triangle-with-shadow:after,
  .right-preview .triangle-with-shadow:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    transform: rotate(45deg);
    /* Prefixes... */
    top: 40px;
    left: 12px;
    -webkit-box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.3);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .left-preview.right-preview,
  .right-preview.right-preview {
    left: 100%; }
    .left-preview.right-preview .triangle-with-shadow,
    .right-preview.right-preview .triangle-with-shadow {
      left: -48px;
      transform: rotate(270deg);
      top: 4px; }
    .left-preview.right-preview .triangle-with-shadow:after,
    .right-preview.right-preview .triangle-with-shadow:after {
      transform: rotate(45deg);
      /* Prefixes... */
      top: 40px;
      left: 12px; }
    .left-preview.right-preview .card,
    .right-preview.right-preview .card {
      position: relative;
      font-size: 15px;
      font-weight: 400;
      margin: -16px -24px;
      padding: 0px;
      display: block;
      position: relative;
      cursor: pointer; }
      .left-preview.right-preview .card .progress,
      .right-preview.right-preview .card .progress {
        display: block;
        height: 6px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        overflow: hidden;
        background: #f6f6f6; }
        .left-preview.right-preview .card .progress span,
        .right-preview.right-preview .card .progress span {
          background: #cbd0fb;
          border-bottom: 3px solid #929cd8;
          display: block;
          height: 6px; }
      .left-preview.right-preview .card .duration,
      .right-preview.right-preview .card .duration {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
        color: #777;
        margin-top: 2px; }
      .left-preview.right-preview .card > a,
      .right-preview.right-preview .card > a {
        display: block;
        padding: 16px 24px;
        font-weight: 400;
        cursor: pointer; }
        .left-preview.right-preview .card > a i,
        .right-preview.right-preview .card > a i {
          font-size: 13px;
          margin-right: 4px; }
          .left-preview.right-preview .card > a i.o-requests-alt,
          .right-preview.right-preview .card > a i.o-requests-alt {
            font-size: 14px; }
      .left-preview.right-preview .card .time,
      .right-preview.right-preview .card .time {
        font-size: 13px;
        line-height: 18px;
        color: #777;
        padding-top: 1px;
        font-weight: 500; }
      .left-preview.right-preview .card img.foundation,
      .right-preview.right-preview .card img.foundation {
        float: right;
        max-height: 72px;
        max-width: 180px; }
  .left-preview.visible,
  .right-preview.visible {
    overflow: visible;
    opacity: 1;
    width: 35vw;
    padding: 16px 24px;
    height: auto; }
  .left-preview .preview-left-side,
  .right-preview .preview-left-side {
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: top; }
  .left-preview .preview-right-side,
  .right-preview .preview-right-side {
    width: 76px;
    text-align: right;
    display: inline-block;
    vertical-align: top; }
  .left-preview .preview-title,
  .right-preview .preview-title {
    font-size: 15px;
    line-height: 24px;
    color: #638BCE;
    font-weight: 400; }
    .left-preview .preview-title i,
    .right-preview .preview-title i {
      font-size: 13px;
      margin-right: 4px; }
      .left-preview .preview-title i.o-requests-alt,
      .right-preview .preview-title i.o-requests-alt {
        font-size: 14px; }
  .left-preview .preview-amount,
  .right-preview .preview-amount {
    color: #444;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px; }
  .left-preview .preview-funder,
  .right-preview .preview-funder {
    margin-bottom: 2px;
    color: #777; }
  .left-preview .preview-description,
  .right-preview .preview-description {
    color: #444;
    font-weight: 400; }
  .left-preview .preview-image,
  .right-preview .preview-image {
    max-width: 96px;
    max-height: 64px; }
    .left-preview .preview-image.assignee,
    .right-preview .preview-image.assignee {
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #cacaca;
      max-height: 48px; }
  .left-preview span[class^="status-"],
  .right-preview span[class^="status-"] {
    margin-top: 4px; }

main.edit {
  padding: 0 5%;
  position: relative;
  top: 0px; }

main .edit,
main .show {
  width: 65%;
  padding: 24px 24px 80px 0; }
  main .edit .id,
  main .show .id {
    color: #777;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px; }
    main .edit .id span,
    main .show .id span {
      display: block; }
  main .edit h3,
  main .show h3 {
    padding-top: 24px; }
    main .edit h3 img,
    main .show h3 img {
      display: none; }
  main .edit dt,
  main .show dt {
    font-weight: 500;
    color: #555;
    margin-bottom: 16px; }
  main .edit img.foundation,
  main .show img.foundation {
    float: right;
    margin: 6px 0 0 10px;
    max-height: 75px; }
  main .edit .sticky-note,
  main .show .sticky-note {
    display: none; }
  main .edit .label,
  main .show .label {
    display: inline-block;
    line-height: 32px;
    margin-right: 12px;
    font-weight: 500;
    color: #555;
    margin-bottom: 16px; }
  main .edit .pairs .label,
  main .show .pairs .label {
    margin-bottom: 16px; }
  main .edit .pairs .dropdown-button,
  main .show .pairs .dropdown-button {
    background: #fff; }
  main .edit .select .label,
  main .edit .autocomplete .label,
  main .edit .string .label,
  main .edit .currency .label,
  main .edit .date .label,
  main .edit .pairs .label,
  main .show .select .label,
  main .show .autocomplete .label,
  main .show .string .label,
  main .show .currency .label,
  main .show .date .label,
  main .show .pairs .label {
    width: 45%; }
  main .edit .textarea,
  main .show .textarea {
    margin-bottom: 12px; }
    main .edit .textarea .label,
    main .show .textarea .label {
      width: calc(85% + 16px); }
  main .edit .boolean label input,
  main .show .boolean label input {
    margin-right: 4px;
    margin-bottom: 8px; }
  main .edit input,
  main .show input {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444;
    border: 1px transparent;
    display: inline-block; }
  main .edit input[type="text"],
  main .edit select,
  main .show input[type="text"],
  main .show select {
    font-size: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
    line-height: 32px;
    padding: 0px 8px;
    width: 40%;
    margin-right: 8px;
    border: 1px solid #ddd; }
    main .edit input[type="text"]:disabled,
    main .edit select:disabled,
    main .show input[type="text"]:disabled,
    main .show select:disabled {
      background: #f6f6f6;
      font-weight: 500;
      color: #777;
      cursor: not-allowed; }
  main .edit input[type="checkbox"],
  main .show input[type="checkbox"] {
    cursor: pointer; }
  main .edit select,
  main .show select {
    height: 32px;
    color: #444; }
  main .edit textarea,
  main .show textarea {
    width: calc(85% + 16px);
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  main .edit .redactor-box,
  main .show .redactor-box {
    width: 100%;
    height: 160px;
    margin-bottom: 20px; }
  main .edit .inline-aft,
  main .show .inline-aft {
    display: inline-block;
    font-size: 13px;
    font-weight: 500; }
  main .edit .inline-hints,
  main .show .inline-hints {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #444; }
  main .edit p.unhide,
  main .show p.unhide {
    display: block;
    margin-bottom: 12px; }
  main .edit table,
  main .show table {
    width: 100%;
    margin: 24px 0px; }
  main .edit th,
  main .show th {
    border: 1px solid #ddd;
    background: #f0f0f0;
    line-height: 24px;
    text-align: left;
    padding: 8px 16px; }
  main .edit td,
  main .show td {
    border: 1px solid #ddd;
    padding: 24px 16px; }
  main .edit .tabular img,
  main .show .tabular img {
    display: none; }
  main .edit .key,
  main .show .key {
    width: 45%;
    margin-right: 16px;
    display: inline-block;
    margin-bottom: 16px;
    color: #555;
    vertical-align: top; }
  main .edit .value,
  main .show .value {
    vertical-align: top;
    display: inline-block;
    width: 45%; }

.form-right, .gt_aside {
  position: fixed;
  height: 100%;
  width: 35%;
  left: 65%;
  top: 55px;
  z-index: 0;
  background: linear-gradient(270deg, #fafaff 99%, rgba(231, 232, 241, 0.87)); }

.form-actions {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 65%;
  background: linear-gradient(90deg, rgba(230, 230, 230, 0.7), #e6e6e6);
  z-index: 5;
  padding: 12px 3% 12px 6%;
  -webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2); }
  .form-actions .button, .form-actions .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .form-actions .paginate_button {
    min-width: 80px; }
  .form-actions.full-width {
    width: 100%;
    background: #e6e6e6; }

.instructions {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 16px; }

.fixed {
  position: fixed !important;
  bottom: 0px; }

.form-actions-left {
  color: #fcfcff;
  text-align: left;
  float: left; }

.form-actions-right {
  float: right; }

.float-label .control {
  display: inline-block;
  position: relative;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding-top: 23px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 3px;
  font-size: 13px; }
  .float-label .control.small {
    width: 30%;
    border-right: 1px solid #ddd;
    float: left; }
    .float-label .control.small.right {
      float: right; }
  .float-label .control.medium {
    width: 70%; }
  .float-label .control .sortOrder, .float-label .control.pad-tag {
    font-size: 13px; }
.float-label input,
.float-label textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  outline: 0;
  font-size: 13px; }
  .float-label input + label,
  .float-label textarea + label {
    position: absolute;
    top: 10px;
    left: 10px;
    transition: top 0.7s ease, opacity 0.7s ease;
    opacity: 0;
    font-size: 13px;
    font-weight: 600;
    color: #888; }
  .float-label input:valid + label,
  .float-label textarea:valid + label {
    opacity: 1;
    top: 4px;
    left: 10px; }
  .float-label input:focus + label,
  .float-label textarea:focus + label {
    color: #3a68a9; }

select {
  font-size: 15px;
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  line-height: 32px;
  height: 32px;
  color: #444;
  padding: 0px 8px;
  width: 40%;
  margin-right: 8px;
  border: 1px solid #ddd; }

.block .edit {
  padding-top: 0px;
  padding-bottom: 0px; }

.update-individual .left-half {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-right: 36px; }
  .update-individual .left-half h1 {
    margin-bottom: 8px;
    text-align: center;
    color: #444; }
  .update-individual .left-half .date {
    text-align: center;
    font-weight: 500;
    color: #555; }
    .update-individual .left-half .date .u-globe-f {
      font-size: 13px;
      position: relative;
      top: 1px; }
  .update-individual .left-half .privacy {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #777; }
    .update-individual .left-half .privacy::after {
      content: '';
      margin: 16px auto 24px;
      width: 80px;
      background: #777;
      height: 2px;
      display: block; }
  .update-individual .left-half h4 {
    font-size: 15px;
    color: #555;
    font-weight: 500;
    line-height: 40px;
    border-bottom: 1px solid #cacaca; }
  .update-individual .left-half p {
    font-size: 15px;
    color: #444;
    line-height: 24px;
    margin-bottom: 16px; }
  .update-individual .left-half .update-detail-hero {
    max-width: 100%;
    max-height: 320px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    display: block;
    margin-bottom: 24px; }
  .update-individual .left-half .metric-cards {
    padding: 0px 16px;
    margin-bottom: 32px; }
  .update-individual .left-half .metric-card {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    font-size: 13px;
    position: relative;
    z-index: 2;
    margin-bottom: 16px;
    margin: 4px; }
    .update-individual .left-half .metric-card.full-width {
      margin-top: 28px;
      width: 100%;
      text-align: left;
      padding: 32px 24px 12px;
      line-height: 12px; }
      .update-individual .left-half .metric-card.full-width .value {
        display: block;
        margin-bottom: 2px; }
      .update-individual .left-half .metric-card.full-width .value-label {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        color: #76798d;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        padding-top: 3px;
        cursor: pointer;
        display: inline; }
        .update-individual .left-half .metric-card.full-width .value-label .count {
          display: inline-block;
          margin-left: 4px; }
          .update-individual .left-half .metric-card.full-width .value-label .count i {
            margin-right: 4px;
            position: relative;
            top: 1px; }
        .update-individual .left-half .metric-card.full-width .value-label:hover {
          color: #638BCE; }
      .update-individual .left-half .metric-card.full-width > ul {
        font-size: 0;
        margin: 0px 20px;
        display: flex; }
        .update-individual .left-half .metric-card.full-width > ul > li {
          line-height: 12px;
          flex: 1;
          padding: 8px 0px;
          width: calc(50% - 16px);
          vertical-align: top; }
          .update-individual .left-half .metric-card.full-width > ul > li:nth-child(odd) {
            margin-right: 16px; }
          .update-individual .left-half .metric-card.full-width > ul > li:nth-child(even) {
            margin-left: 16px; }
          .update-individual .left-half .metric-card.full-width > ul > li.last {
            margin: 0 !important; }
    .update-individual .left-half .metric-card .large-type {
      position: absolute;
      top: 0px;
      left: 0px;
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      background: #76798d;
      color: #fff;
      margin-left: -16px;
      margin-top: -12px;
      width: 48px;
      height: 48px;
      font-size: 32px;
      z-index: 4;
      padding-top: 5px;
      text-align: center; }
    .update-individual .left-half .metric-card .value {
      font-size: 24px;
      line-height: 28px;
      font-weight: 500;
      color: #555; }
      .update-individual .left-half .metric-card .value.positive {
        color: #509356; }
      .update-individual .left-half .metric-card .value.neutral {
        color: #777; }
    .update-individual .left-half .metric-card .metric-details {
      position: absolute;
      top: 0px;
      width: 100%;
      margin-left: -24px;
      background: #f6f6f6;
      font-weight: 500;
      line-height: 18px;
      color: #76798d;
      padding: 3px 0px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-bottom: 1px solid #ddd;
      font-size: 13px; }
      .update-individual .left-half .metric-card .metric-details .metric-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        text-align: left;
        margin-left: 44px; }
      .update-individual .left-half .metric-card .metric-details .view-tag {
        position: absolute;
        right: 8px;
        top: 4px; }
  .update-individual .left-half .task-assignees {
    padding-top: 4px;
    margin-bottom: 16px; }
    .update-individual .left-half .task-assignees p {
      margin: 0px; }
    .update-individual .left-half .task-assignees li {
      border-top: 1px solid #cacaca;
      padding: 4px 0px; }
      .update-individual .left-half .task-assignees li .whole-block {
        margin-bottom: 0px;
        width: 100%;
        padding: 8px 24px; }
      .update-individual .left-half .task-assignees li.assigner .whole-block {
        padding: 12px 0px 4px; }
        .update-individual .left-half .task-assignees li.assigner .whole-block.assignee {
          border-bottom: none;
          font-size: 0px; }
      .update-individual .left-half .task-assignees li .assignee-image {
        display: inline-block;
        vertical-align: top;
        width: 48px; }
        .update-individual .left-half .task-assignees li .assignee-image .remove-answer {
          width: 15px;
          height: 15px;
          -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          position: absolute;
          right: -7px;
          top: -7px;
          background: #fff;
          text-align: center;
          cursor: pointer;
          color: #777; }
          .update-individual .left-half .task-assignees li .assignee-image .remove-answer:hover {
            color: #fff;
            background: #76798d; }
          .update-individual .left-half .task-assignees li .assignee-image .remove-answer i {
            margin-right: 0px;
            font-size: 10px;
            position: relative;
            top: -5px;
            left: 1px; }
        .update-individual .left-half .task-assignees li .assignee-image img {
          width: 36px;
          height: 36px;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #999; }
        .update-individual .left-half .task-assignees li .assignee-image .assignee-no-photo {
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #999;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          letter-spacing: 1px;
          width: 36px;
          height: 36px;
          display: block;
          background: #434282;
          color: #fff;
          font-weight: 400;
          font-size: 18px;
          line-height: 36px;
          text-align: center; }
      .update-individual .left-half .task-assignees li .assignee-details {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 248px); }
        .update-individual .left-half .task-assignees li .assignee-details .assignee-name {
          font-size: 13px;
          line-height: 20px;
          font-weight: 500; }
        .update-individual .left-half .task-assignees li .assignee-details .assignee-status {
          font-size: 12px;
          line-height: 16px;
          margin-top: 2px;
          font-weight: 500;
          color: #555; }
      .update-individual .left-half .task-assignees li .share-icons {
        display: inline-block;
        width: 200px;
        vertical-align: top;
        font-size: 18px;
        text-align: right; }
        .update-individual .left-half .task-assignees li .share-icons > li {
          border: none;
          display: inline-block;
          margin: 0px 4px; }
          .update-individual .left-half .task-assignees li .share-icons > li .share-icon {
            cursor: pointer; }
          .update-individual .left-half .task-assignees li .share-icons > li span.share-icon .u-mail {
            font-size: 20px; }
          .update-individual .left-half .task-assignees li .share-icons > li img.share-icon {
            width: 20px;
            height: 20px; }
.update-individual .split-line {
  background: linear-gradient(270deg, #cfcfda 99%, #b2b2c4);
  position: fixed;
  height: 100%;
  width: 35%;
  top: 0px;
  pointer-events: none;
  left: 65%; }
.update-individual .right-half {
  display: inline-block;
  width: 30%;
  left: 65%;
  margin-left: 5%;
  vertical-align: top; }
  .update-individual .right-half > aside {
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px 20px;
    z-index: 2;
    position: relative; }
    .update-individual .right-half > aside.empty {
      text-align: center; }
    .update-individual .right-half > aside > .header {
      width: calc(100% + 40px);
      margin: -10px -20px 10px;
      background: #f6f6f6;
      border-bottom: 1px solid #ddd;
      color: #76798d;
      text-align: center;
      line-height: 40px;
      position: relative;
      font-size: 15px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .update-individual .right-half > aside .add-button {
      margin: 8px 0px; }
    .update-individual .right-half > aside > ul > li {
      border-bottom: 1px solid #cacaca; }
      .update-individual .right-half > aside > ul > li.metric {
        padding: 6px 0px 4px; }
      .update-individual .right-half > aside > ul > li:last-child {
        border-bottom: none; }
      .update-individual .right-half > aside > ul > li .title {
        font-weight: 500;
        pointer-events: none; }
        .update-individual .right-half > aside > ul > li .title.left-side {
          float: left;
          margin-right: 8px; }
        .update-individual .right-half > aside > ul > li .title.grant {
          color: #b77717; }
        .update-individual .right-half > aside > ul > li .title.request {
          color: #509356; }
        .update-individual .right-half > aside > ul > li .title.tag {
          color: #638BCE; }
      .update-individual .right-half > aside > ul > li .line2 {
        font-weight: 500;
        color: #777;
        display: block;
        font-size: 12px;
        line-height: 14px; }
      .update-individual .right-half > aside > ul > li .image-container {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        pointer-events: none;
        position: relative;
        top: -3px; }
        .update-individual .right-half > aside > ul > li .image-container span {
          display: inline-block;
          font-size: 13px;
          height: 28px;
          width: 28px;
          margin-right: 12px;
          text-align: center;
          background: #638BCE;
          padding-top: 2px;
          color: #fff;
          font-weight: 500;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          position: relative;
          top: -13px;
          vertical-align: middle; }
      .update-individual .right-half > aside > ul > li .chip-image {
        max-height: 28px;
        max-width: 28px;
        margin-right: 12px;
        position: relative;
        display: inline-block;
        top: -13px;
        vertical-align: middle; }
        .update-individual .right-half > aside > ul > li .chip-image.person {
          height: 31px;
          width: 31px;
          border: 1px solid #cacaca;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
      .update-individual .right-half > aside > ul > li .one-line,
      .update-individual .right-half > aside > ul > li .two-line {
        font-size: 13px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 104px); }
        .update-individual .right-half > aside > ul > li .one-line span,
        .update-individual .right-half > aside > ul > li .two-line span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          pointer-events: all; }
          .update-individual .right-half > aside > ul > li .one-line span i,
          .update-individual .right-half > aside > ul > li .two-line span i {
            margin-right: 4px;
            position: relative; }
            .update-individual .right-half > aside > ul > li .one-line span i:not(.o-requests-alt),
            .update-individual .right-half > aside > ul > li .two-line span i:not(.o-requests-alt) {
              top: 1px; }
        .update-individual .right-half > aside > ul > li .one-line a,
        .update-individual .right-half > aside > ul > li .two-line a {
          color: inherit;
          font-weight: 500; }
          .update-individual .right-half > aside > ul > li .one-line a:hover,
          .update-individual .right-half > aside > ul > li .two-line a:hover {
            text-decoration: underline; }
      .update-individual .right-half > aside > ul > li .two-line {
        margin-top: 6px; }
    .update-individual .right-half > aside .metric-type,
    .update-individual .right-half > aside .file-type {
      display: inline-block;
      font-size: 24px;
      color: #76798d;
      text-align: left;
      width: 40px;
      vertical-align: top;
      padding-top: 9px;
      padding-left: 4px; }
      .update-individual .right-half > aside .metric-type.file-type,
      .update-individual .right-half > aside .file-type.file-type {
        padding-top: 15px; }
    .update-individual .right-half > aside .view-all,
    .update-individual .right-half > aside .download {
      display: inline-block;
      color: #76798d;
      text-align: right;
      width: 64px;
      vertical-align: top;
      cursor: pointer;
      padding-top: 8px; }
      .update-individual .right-half > aside .view-all .button, .update-individual .right-half > aside .view-all .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .update-individual .right-half > aside .view-all .paginate_button,
      .update-individual .right-half > aside .download .button,
      .update-individual .right-half > aside .download .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate .update-individual .right-half > aside .download .paginate_button {
        position: relative;
        padding: 3px 8px;
        min-width: 51px; }
        .update-individual .right-half > aside .view-all .button i, .update-individual .right-half > aside .view-all .dataTables_wrapper .dataTables_paginate .paginate_button i, .dataTables_wrapper .dataTables_paginate .update-individual .right-half > aside .view-all .paginate_button i,
        .update-individual .right-half > aside .download .button i,
        .update-individual .right-half > aside .download .dataTables_wrapper .dataTables_paginate .paginate_button i,
        .dataTables_wrapper .dataTables_paginate .update-individual .right-half > aside .download .paginate_button i {
          font-size: 15px;
          margin-right: 4px;
          position: relative;
          top: 2px; }
      .update-individual .right-half > aside .view-all.for-grant,
      .update-individual .right-half > aside .download.for-grant {
        padding-top: 16px; }
      .update-individual .right-half > aside .view-all.download,
      .update-individual .right-half > aside .download.download {
        padding-top: 16px; }

#timelines > li#g_1 .stages li:nth-child(1) {
  width: 19%;
  left: 0; }
#timelines > li#g_1 .stages li:nth-child(2) {
  width: 11%;
  left: 19%; }
#timelines > li#g_1 .stages li:nth-child(3) {
  width: 71%;
  left: 29%; }
#timelines > li#g_1 .stages li:nth-child(4) {
  width: 0%;
  left: 100%; }
#timelines > li#g_1 .points li:nth-child(1) {
  left: calc(19% - 12px); }
#timelines > li#g_1 .points li:nth-child(2) {
  left: calc(25% - 12px); }
#timelines > li#g_1 .points li:nth-child(3) {
  left: calc(39% - 12px); }
#timelines > li#g_1 .points li:nth-child(4) {
  left: calc(50% - 12px); }
#timelines > li#g_1 .points li:nth-child(5) {
  left: calc(80% - 12px); }
#timelines > li#g_2 .stages li:nth-child(1) {
  width: 0;
  left: 0; }
#timelines > li#g_2 .stages li:nth-child(2) {
  width: 29%;
  left: 0%; }
#timelines > li#g_2 .stages li:nth-child(3) {
  width: 71%;
  left: 29%; }
#timelines > li#g_2 .stages li:nth-child(4) {
  width: 0%;
  left: 100%; }
#timelines > li#g_2 .points li:nth-child(1) {
  left: calc(20% - 12px); }
#timelines > li#g_2 .points li:nth-child(2) {
  left: calc(25% - 12px); }
#timelines > li#g_2 .points li:nth-child(3) {
  left: calc(60% - 12px); }
#timelines > li#g_2 .points li:nth-child(4) {
  left: calc(65% - 12px); }
#timelines > li#g_3 .stages li:nth-child(1) {
  width: 0;
  left: 0; }
#timelines > li#g_3 .stages li:nth-child(2) {
  width: 29%;
  left: 0; }
#timelines > li#g_3 .stages li:nth-child(3) {
  width: 47%;
  left: 29%; }
#timelines > li#g_3 .stages li:nth-child(4) {
  width: 24%;
  left: 76%; }
#timelines > li#g_3 .points li:nth-child(1) {
  left: calc(20% - 12px); }
#timelines > li#g_3 .points li:nth-child(2) {
  left: calc(10% - 12px); }
#timelines > li#g_3 .points li:nth-child(3) {
  left: calc(55% - 12px); }
#timelines > li#g_3 .points li:nth-child(4) {
  left: calc(56% - 12px); }
#timelines > li#g_4 h4 span {
  color: #bbb; }
#timelines > li#g_4 .stages li:nth-child(1) {
  width: 22%;
  left: 0; }
#timelines > li#g_4 .stages li:nth-child(2) {
  width: 7%;
  left: 22%; }
#timelines > li#g_4 .stages li:nth-child(3) {
  width: 71%;
  left: 29%; }
#timelines > li#g_4 .points li:nth-child(1) {
  left: calc(22% - 12px); }
#timelines > li#g_4 .points li:nth-child(2) {
  left: calc(29% - 12px); }

.payments.summary > ul li.chart .monthly > li:nth-child(1):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(2):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(3):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(4):after {
  height: 25%; }
.payments.summary > ul li.chart .monthly > li:nth-child(5):after {
  height: 30%; }
.payments.summary > ul li.chart .monthly > li:nth-child(6):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(7):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(8):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(9):after {
  height: 40%; }
.payments.summary > ul li.chart .monthly > li:nth-child(10):after {
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(11):after {
  height: 20%; }
.payments.summary > ul li.chart .monthly > li:nth-child(11):before {
  bottom: calc(31px + 20%);
  height: 10%; }
.payments.summary > ul li.chart .monthly > li:nth-child(12):before {
  bottom: 30px;
  height: 25%; }

body,
.body_text {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #444;
  font-weight: 400; }
  body a,
  .body_text a {
    color: #638BCE;
    text-decoration: none; }

h1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #555; }
  h1 span {
    font-size: 15px;
    line-height: 24px;
    color: #777;
    font-weight: 500;
    display: block; }

h2, h3 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #555; }
  .edit h2, .show h2,
  .edit h3, .show h3 {
    border-bottom: 1px solid #bbb;
    margin-bottom: 16px; }
  h2 .u-caret, h3 .u-caret {
    font-size: 14px;
    position: relative;
    top: -1px;
    padding: 0px 4px; }

select,
input {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

.pairs h4 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 16px; }

.subhead {
  color: #555;
  font-size: 13px;
  font-weight: 500; }

.text-small, main > .active.assigned p,
.primary .active.assigned p {
  font-size: 13px;
  line-height: 18px; }

.intro .pairs .value,
.secondary .pairs .value,
.secondary .pairs dl dd {
  line-height: 32px; }

.align-right {
  text-align: right !important; }

.align-center {
  text-align: center !important; }

.header_aside, .split > ul > li span,
.intro .pairs .key,
.pairs .key,
.pairs dl dt,
.secondary h3.header,
.timeline.vertical .header {
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  color: #555; }

.header_sub, .split > ul > li h3, .active > ul > li > a > span.amount, .primary.activity > ul > li .amount,
.right-preview.right-preview .card .amount,
.activity h4 {
  font-size: 18px;
  line-height: 28px;
  color: #444;
  font-weight: 400; }

footer.bottom li.header {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  color: #eee; }

footer.bottom li {
  font-size: 14px;
  line-height: 22px;
  color: #efefef; }

.secondary > aside > .header,
.timeline.vertical .header {
  background: #e1e2ee;
  text-align: center;
  line-height: 40px; }

.sub.archived h3 {
  color: #999; }
  .sub.archived h3 em {
    font-style: normal; }

.form form .submit {
  width: 100%;
  text-align: center;
  margin: 14px 0 10px;
  line-height: 40px; }
  .form form .submit a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    background: #638BCE;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px; }
    .form form .submit a:hover {
      background: #4c7ac7; }

.btn_blue {
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #638BCE;
  color: #fff;
  line-height: 22px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  margin: 0 10px;
  display: inline-block;
  border: none; }
  .btn_blue:hover {
    cursor: pointer;
    background: #3d6ec1; }
  .btn_blue:focus, .btn_blue:active {
    outline: none;
    border: none; }

.request-active {
  color: #509356;
  font-weight: 500; }

.request-closed {
  color: #999;
  font-weight: 500; }

.request-pending {
  color: #638BCE;
  font-weight: 500; }

.request-rejected {
  color: #e36738;
  font-weight: 500; }

.header404 {
  font-size: 48px;
  font-weight: 500;
  color: #555;
  margin-bottom: 24px; }

.error404 {
  font-size: 15px;
  color: #444;
  font-weight: 400;
  margin-bottom: 16px; }

.issue-404 {
  line-height: 18px;
  font-size: 13px;
  margin-top: 24px; }

.series {
  background: linear-gradient(90deg, #dedede 0%, #e4e6ec 10%, #e4e6ec 90%, #dedede 100%);
  background: #eaeaf1;
  position: relative;
  z-index: 10; }
  .series .series-container {
    max-width: 1300px;
    margin: 0 auto;
    position: relative; }
  .series .filters {
    font-size: 13px;
    font-weight: 500;
    color: #555;
    padding: 11px 5% 0px;
    border-top: 1px solid #e8edf9;
    z-index: 9;
    background: #eaeaf1; }
    .series .filters .from {
      margin: 0px 8px; }
    .series .filters .new-record {
      display: inline-block;
      position: absolute;
      right: 5%; }
    .series .filters.sticky {
      height: 48px;
      margin-top: -12px; }
    .series .filters .button.filter-dropdown, .series .filters .dataTables_wrapper .dataTables_paginate .filter-dropdown.paginate_button, .dataTables_wrapper .dataTables_paginate .series .filters .filter-dropdown.paginate_button {
      width: 212px; }
    .series .filters .button.new-dropdown, .series .filters .dataTables_wrapper .dataTables_paginate .new-dropdown.paginate_button, .dataTables_wrapper .dataTables_paginate .series .filters .new-dropdown.paginate_button {
      width: 160px; }
    .series .filters .button .u-caret, .series .filters .dataTables_wrapper .dataTables_paginate .paginate_button .u-caret, .dataTables_wrapper .dataTables_paginate .series .filters .paginate_button .u-caret {
      font-size: 10px;
      margin-left: 8px;
      position: relative;
      top: -1px; }
    .series .filters .button .u-plus, .series .filters .dataTables_wrapper .dataTables_paginate .paginate_button .u-plus, .dataTables_wrapper .dataTables_paginate .series .filters .paginate_button .u-plus {
      position: relative;
      top: 1px;
      margin-right: 8px; }
    .series .filters .sortOrder,
    .series .filters .zoom,
    .series .filters .addNew {
      background: #eaeaf1;
      border: none;
      display: inline-block;
      color: #444; }
    .series .filters .sortOrder {
      width: 260px;
      left: 5%;
      font-size: 16px;
      border-left: 8px solid #eaeaf1;
      border-right: 8px solid #eaeaf1; }
      .series .filters .sortOrder:focus {
        outline: none; }
    .series .filters .addNew {
      -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      -moz-border-radius-topleft: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      right: 5%;
      content: '';
      padding: 0 15px;
      font-size: 16px;
      line-height: 32px;
      text-align: center;
      color: #509356; }
      .series .filters .addNew:hover {
        cursor: pointer;
        color: #3e7243; }
    .series .filters .zoom {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      padding: 0 7px; }
      .series .filters .zoom .zoom-label,
      .series .filters .zoom .zoom-in,
      .series .filters .zoom .zoom-out {
        display: inline-block;
        line-height: 30px;
        text-align: center;
        color: #777; }
      .series .filters .zoom .zoom-label {
        font-size: 14px; }
      .series .filters .zoom .zoom-in,
      .series .filters .zoom .zoom-out {
        width: 22px;
        font-size: 20px; }
        .series .filters .zoom .zoom-in:hover,
        .series .filters .zoom .zoom-out:hover {
          color: #638BCE;
          cursor: pointer; }
  .series .today {
    border-right: 3px dashed rgba(196, 197, 199, 0.7);
    height: calc(100% - 90px);
    width: 0px;
    content: '';
    top: 88px;
    left: calc(5% + (90% / 3.43));
    position: absolute;
    z-index: 0; }
    .series .today::after {
      width: 0;
      height: 0;
      display: block;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 8px solid #9b9eda;
      position: absolute;
      top: -32px;
      left: -3px;
      content: ''; }
  .series .dates {
    width: 100%;
    min-height: 48px;
    z-index: 8;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAL0lEQVQoU2Ncs3bTzJBgv3QGAoCRPgpPnL6UBnKJhaneLJiLsFo9gAqxhRT1gwcAOCo4C3cQKN4AAAAASUVORK5CYII=) repeat-x;
    background-position-y: 32px;
    border-bottom: 1px solid transparent; }
    .series .dates.sticky {
      -webkit-box-shadow: 0 10px 12px -12px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 10px 12px -12px rgba(0, 0, 0, 0.2);
      box-shadow: 0 10px 12px -12px rgba(0, 0, 0, 0.2);
      border-bottom: 1px solid #cacaca; }
    .series .dates > ul {
      width: 90%;
      height: 100%;
      margin: auto;
      white-space: nowrap; }
      .series .dates > ul:hover {
        cursor: move; }
      .series .dates > ul li {
        float: left;
        width: calc(100% / 12);
        line-height: 35px;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 20px;
        background: #eaeaf1;
        color: #777; }
        .series .dates > ul li:not(:first-child) {
          border-left: 1px solid #caccd0; }

.series #timelines {
  width: 90%;
  margin: auto;
  padding-top: 25px;
  padding-bottom: 25px; }
  .series #timelines > li {
    height: 105px;
    width: 100%;
    position: relative;
    background: #fff;
    margin: 12px 0 30px;
    transform: scale(1) !important;
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1) !important; }
    .series #timelines > li .grant-clickable {
      padding: 14px 24px;
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer; }
    .series #timelines > li .foundation {
      float: right;
      margin: 4px 0px 0px 16px;
      max-height: 68px;
      max-width: 240px;
      color: #777;
      font-weight: 400;
      font-size: 15px; }
      .series #timelines > li .foundation .text-logo {
        height: 68px; }
        .series #timelines > li .foundation .text-logo p {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 68px;
          font-size: 14px;
          font-style: italic;
          font-weight: 500;
          color: #929cd8; }
    .series #timelines > li p.foundation {
      max-width: none; }
    .series #timelines > li.addNew {
      z-index: 6;
      padding: 14px 24px;
      color: #444; }
      .series #timelines > li.addNew p {
        margin-bottom: 12px;
        font-size: 14px;
        color: #777; }
      .series #timelines > li.addNew .button:not(:last-child), .series #timelines > li.addNew .dataTables_wrapper .dataTables_paginate .paginate_button:not(:last-child), .dataTables_wrapper .dataTables_paginate .series #timelines > li.addNew .paginate_button:not(:last-child) {
        margin-right: 6px; }
    .series #timelines > li .grant-title {
      font-size: 16px;
      font-weight: 400;
      color: #638BCE;
      line-height: 20px;
      padding-top: 2px;
      display: block;
      text-decoration: none; }
      .series #timelines > li .grant-title:hover {
        text-decoration: underline;
        cursor: pointer; }
    .series #timelines > li .grant-foundation {
      font-size: 13px;
      line-height: 18px;
      font-weight: 500;
      color: #777; }
    .series #timelines > li .grant-amount {
      display: block;
      font-size: 18px;
      font-weight: 400;
      color: #444444;
      line-height: 30px; }
    .series #timelines > li .grant-date-range {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      opacity: 0;
      position: absolute;
      left: calc(50% - 110px);
      top: 15px;
      font-size: 13px;
      width: 220px;
      color: #afafaf;
      text-align: center;
      font-style: normal; }
    .series #timelines > li .type {
      text-transform: uppercase;
      line-height: 18px;
      font-size: 12px;
      font-weight: 500; }
      .series #timelines > li .type .fluxx-grant-logo {
        position: relative;
        top: 3px;
        margin-right: 4px; }
      .series #timelines > li .type.grant {
        color: #b1884c; }
      .series #timelines > li .type.request {
        color: #509356; }
    .series #timelines > li .timeline {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      overflow: visible;
      position: absolute;
      left: 0px;
      top: 97px;
      height: 8px;
      width: 100%; }
      .series #timelines > li .timeline .stages {
        width: 100%;
        height: 100%;
        white-space: nowrap; }
        .series #timelines > li .timeline .stages li {
          position: absolute;
          height: 100%;
          margin-top: 4px; }
          .series #timelines > li .timeline .stages li.past-on {
            -webkit-border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topright: 0;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 3px;
            -moz-border-radius-topleft: 3px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: #c7cbd0;
            border-left: 2px solid #c5c5c5;
            cursor: default; }
            .series #timelines > li .timeline .stages li.past-on.cont::before {
              width: 44px;
              height: 8px;
              left: -8px;
              content: '';
              border-top: 8px dotted #eaeaf1;
              display: block;
              position: absolute; }
          .series #timelines > li .timeline .stages li.future-on {
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 0;
            -webkit-border-top-left-radius: 0;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 0;
            -moz-border-radius-topleft: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: #cbd0fb;
            border-right: 1px solid #d0d0d0;
            border-bottom: 4px solid #929cd8;
            cursor: default; }
            .series #timelines > li .timeline .stages li.future-on.cont::after {
              width: 44px;
              height: 8px;
              right: -8px;
              content: '';
              border-top: 8px dotted #eaeaf1;
              display: block;
              position: absolute; }
      .series #timelines > li .timeline .points {
        z-index: 3;
        white-space: nowrap;
        position: absolute;
        top: -6px;
        width: 100%; }
        .series #timelines > li .timeline .points > li {
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          width: 28px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          position: absolute;
          content: ''; }
          .series #timelines > li .timeline .points > li:hover {
            cursor: pointer;
            transform: scale(1.25);
            opacity: 1;
            z-index: 2; }
            .series #timelines > li .timeline .points > li:hover .tooltip,
            .series #timelines > li .timeline .points > li:hover .tooltip:hover {
              display: block; }
          .series #timelines > li .timeline .points > li .tooltip {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            display: none;
            position: absolute;
            width: 140px;
            padding: 5px 10px;
            bottom: 25px;
            z-index: 0;
            font-size: 11px;
            line-height: 16px;
            font-weight: 500;
            background: rgba(250, 250, 250, 0.8);
            left: -60px;
            border: 1px solid #dfdfdf; }
            .series #timelines > li .timeline .points > li .tooltip span {
              display: block;
              font-weight: 500;
              font-size: 10px; }
            .series #timelines > li .timeline .points > li .tooltip::after {
              width: 0;
              height: 0;
              display: block;
              border-left: 5px solid transparent;
              border-right: 5px solid transparent;
              border-top: 8px solid #dfdfdf;
              position: absolute;
              bottom: -7px;
              left: 70px;
              content: '';
              display: none; }
            .series #timelines > li .timeline .points > li .tooltip ul {
              text-align: left; }
              .series #timelines > li .timeline .points > li .tooltip ul li {
                border-bottom: 1px solid #dfdfdf;
                padding: 5px 0; }
                .series #timelines > li .timeline .points > li .tooltip ul li:last-child {
                  border-bottom: none; }
                .series #timelines > li .timeline .points > li .tooltip ul li a {
                  display: block; }
                  .series #timelines > li .timeline .points > li .tooltip ul li a:hover {
                    text-decoration: underline;
                    cursor: pointer; }
                .series #timelines > li .timeline .points > li .tooltip ul li em {
                  font-style: normal; }
                .series #timelines > li .timeline .points > li .tooltip ul li i {
                  width: 15px;
                  font-size: 12px;
                  color: #666;
                  line-height: 18px; }
          .series #timelines > li .timeline .points > li .flock,
          .series #timelines > li .timeline .points > li .futil {
            font-size: 14px;
            text-align: center;
            width: 28px;
            line-height: 26px; }
          .series #timelines > li .timeline .points > li.past {
            background: rgba(200, 203, 208, 0.8); }
            .series #timelines > li .timeline .points > li.past .flock,
            .series #timelines > li .timeline .points > li.past .futil {
              color: #fff; }
            .series #timelines > li .timeline .points > li.past:hover {
              background: #8c8e96; }
          .series #timelines > li .timeline .points > li.maybe {
            background: #fff;
            border: 2px dashed green; }
          .series #timelines > li .timeline .points > li.present:hover, .series #timelines > li .timeline .points > li.future:hover {
            background: #ffce84; }
            .series #timelines > li .timeline .points > li.present:hover .flock,
            .series #timelines > li .timeline .points > li.present:hover .futil, .series #timelines > li .timeline .points > li.future:hover .flock,
            .series #timelines > li .timeline .points > li.future:hover .futil {
              color: #222; }
          .series #timelines > li .timeline .points > li.present {
            -webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
            background: #ffab05; }
            .series #timelines > li .timeline .points > li.present .flock,
            .series #timelines > li .timeline .points > li.present .futil {
              color: #fff; }
          .series #timelines > li .timeline .points > li.future {
            -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
            background: rgba(255, 229, 152, 0.8); }
            .series #timelines > li .timeline .points > li.future .flock,
            .series #timelines > li .timeline .points > li.future .futil {
              color: #404040; }

.timeline.vertical {
  position: relative;
  z-index: 2;
  background: #656777; }
  .timeline.vertical h3 {
    width: 100%;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-top: 30px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: relative;
    z-index: 1;
    background: #656777; }
  .timeline.vertical h4 {
    transition: all .3s ease-in-out;
    width: 100%;
    line-height: 48px;
    background: #595b69;
    font-weight: 500;
    color: #ddd;
    font-size: 15px;
    text-align: center;
    border-top: 1px solid #ccc; }
    .timeline.vertical h4 span {
      font-size: 26px;
      margin: 0 10px; }
    .timeline.vertical h4.previous:hover {
      cursor: pointer;
      background: #4e4f5b;
      color: #eee; }
  .timeline.vertical ul {
    width: 80%;
    margin: 30px 13% 0;
    padding-bottom: 50px;
    position: relative; }
    .timeline.vertical ul li {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      background: #fff;
      line-height: 18px;
      margin: 10px 0;
      position: relative;
      border-radius: 3px;
      padding-bottom: 16px;
      border-bottom: 2px solid #ccc;
      display: block;
      width: 40%;
      text-align: center;
      min-height: 120px; }
      .timeline.vertical ul li:before {
        position: absolute;
        display: block;
        width: 12%;
        height: 0;
        content: '';
        top: 18px;
        border-top: 4px solid #929cd8;
        right: -12%; }
      .timeline.vertical ul li span.type {
        right: calc(-13% - 22px); }
      .timeline.vertical ul li:nth-child(odd) {
        margin-left: 50%;
        min-height: 120px; }
        .timeline.vertical ul li:nth-child(odd):before {
          left: -12%; }
        .timeline.vertical ul li:nth-child(odd) span.type {
          left: calc(-12% - 18px); }
      .timeline.vertical ul li span.type {
        -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
        position: absolute;
        width: 40px;
        height: 40px;
        background: #ffe598;
        border-radius: 50%;
        font-size: 24px;
        line-height: 42px;
        text-align: center; }
        .timeline.vertical ul li span.type .flock,
        .timeline.vertical ul li span.type .futil {
          color: #404040; }
      .timeline.vertical ul li h4 {
        font-size: 18px;
        color: #444;
        font-weight: 400;
        background: none;
        line-height: 28px;
        margin-bottom: 12px;
        padding-top: 12px;
        border: none; }
        .timeline.vertical ul li h4 span {
          display: block;
          font-size: 13px;
          line-height: 18px;
          color: #999;
          font-weight: 500; }
      .timeline.vertical ul li .header {
        line-height: 40px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .timeline.vertical ul::before {
      position: absolute;
      display: block;
      height: calc(100% + 100px);
      width: 0;
      border-left: 4px solid #929cd8;
      border-right: 4px solid #c3c4ca;
      content: '';
      left: 45%;
      top: -100px; }

.newTask .picker {
  white-space: nowrap;
  width: 80%;
  margin: 20px 10%; }
  .newTask .picker li {
    width: 50%;
    text-align: center;
    margin: 0;
    line-height: 30px;
    font-size: 14px;
    background: #fff;
    color: #444;
    display: inline-block; }
    .newTask .picker li:first-child {
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 6px;
      -moz-border-radius-topleft: 6px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .newTask .picker li:last-child {
      -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 0;
      -moz-border-radius-topleft: 0;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .newTask .picker li a,
    .newTask .picker li a:hover {
      text-decoration: none;
      color: inherit; }
    .newTask .picker li.active {
      background: #638BCE;
      color: #fff; }

.wand {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fafaff;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #dbdce4;
  top: 85px;
  right: calc(35% - 20px);
  z-index: 10; }
  .wand.flock, .wand.futil {
    font-size: 31px;
    line-height: 36px; }
  .wand.open {
    line-height: 30px;
    font-size: 25px;
    color: #bcbdd0; }
  .wand:hover {
    cursor: pointer;
    color: #ccc; }
  .wand.u-ex {
    padding-top: 2px; }

.new-task,
.new-task-entire {
  display: block;
  z-index: 20;
  position: absolute;
  padding-top: 3px;
  bottom: 12px;
  right: 12px;
  width: 48px;
  height: 48px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  text-align: center;
  color: #fff;
  background: #c468a8;
  cursor: pointer; }
  .new-task.in-use,
  .new-task-entire.in-use {
    right: -56px;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.8); }
    .new-task.in-use .tooltip,
    .new-task-entire.in-use .tooltip {
      opacity: 0; }
  .new-task .tooltip,
  .new-task-entire .tooltip {
    opacity: 0;
    visibility: hidden;
    padding: 4px 12px;
    line-height: 18px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    right: 48px;
    width: 140px;
    top: 12px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
  .new-task .icon,
  .new-task-entire .icon {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    font-size: 24px;
    position: relative;
    top: 8px;
    left: 0.5px; }
    .new-task .icon i,
    .new-task-entire .icon i {
      position: relative;
      top: -1px; }
  .new-task:hover,
  .new-task-entire:hover {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    transform: scale(1.1); }
    .new-task:hover .tooltip,
    .new-task-entire:hover .tooltip {
      visibility: visible;
      opacity: 1;
      right: 56px; }
    .new-task:hover .icon,
    .new-task-entire:hover .icon {
      transform: rotate(-90deg); }

.matched {
  position: absolute;
  left: 65%;
  z-index: 2;
  margin-left: -12px;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #fcfcff;
  border: 1px solid #d1d2e3;
  color: #babad3;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.1);
  box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  cursor: pointer; }
  .matched .number {
    text-align: center;
    display: block;
    font-weight: 500;
    position: relative;
    top: -1px;
    left: 0px;
    font-size: 14px; }
    .matched .number i {
      font-size: 17px;
      position: relative;
      top: 3px;
      left: 0px; }
  .matched:hover {
    color: #434282;
    border: 1px solid #434282;
    transform: scale(1.1) rotate(0deg); }
  .matched.notification {
    color: #d594c2;
    border: 1px solid #e0b2d4; }
    .matched.notification:hover {
      color: #c468a8;
      border: 1px solid #c468a8;
      transform: scale(1.1) rotate(0deg); }
  .matched.current-match {
    transform: scale(1) rotate(360deg);
    color: #fff;
    background: #434282;
    border: 1px solid #434282; }
    .matched.current-match.entire {
      transform: scale(1.4) rotate(360deg); }
    .matched.current-match:hover {
      transform: scale(1.1) rotate(360deg);
      color: #fff;
      border: 1px solid #434282; }
    .matched.current-match:active {
      transform: scale(0.8) rotate(360deg); }
  .matched.entire {
    top: -12px;
    transform: scale(1.4) rotate(0deg); }
  .matched.alt {
    display: none; }
  .matched:active {
    transform: scale(0.8) rotate(0deg); }

.new-task-bar {
  visibility: hidden;
  opacity: 0;
  z-index: 21;
  position: fixed;
  bottom: -64px;
  right: 0px;
  width: 100%;
  padding: 12px 5%;
  text-align: right;
  height: 60px;
  -webkit-box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  color: #444;
  background: #e6e6e6; }
  .new-task-bar .left-side {
    margin: 0px;
    float: left; }
  .new-task-bar .send-box {
    display: inline-block;
    margin-left: 4px; }
  .new-task-bar .fields-required {
    pointer-events: none;
    white-space: normal;
    font-size: 12px;
    color: #eee;
    font-weight: 500;
    line-height: 16px;
    display: block;
    padding: 8px 12px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 64px;
    right: 5%;
    text-align: center;
    width: 240px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    overflow: hidden; }
  .new-task-bar .create-text {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #555;
    position: relative;
    top: -5px;
    text-align: left; }
    .new-task-bar .create-text span {
      display: block;
      font-size: 13px;
      text-align: left;
      position: relative;
      top: -4px;
      font-weight: 400;
      color: #444; }
  .new-task-bar.shown {
    visibility: visible;
    bottom: 0px;
    opacity: 1; }
  .new-task-bar .new-task-icons {
    height: 60px;
    position: absolute;
    width: 220px;
    margin-left: -110px;
    left: 50%;
    top: 0px;
    text-align: center; }
    .new-task-bar .new-task-icons > li {
      display: inline-block;
      width: 56px;
      height: 56px;
      padding: 14px 0px;
      position: relative; }
      .new-task-bar .new-task-icons > li .button, .new-task-bar .new-task-icons > li .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .new-task-bar .new-task-icons > li .paginate_button {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transform: scale(1) rotate(-180deg); }
        .new-task-bar .new-task-icons > li .button .u-chevron-f, .new-task-bar .new-task-icons > li .dataTables_wrapper .dataTables_paginate .paginate_button .u-chevron-f, .dataTables_wrapper .dataTables_paginate .new-task-bar .new-task-icons > li .paginate_button .u-chevron-f {
          font-size: 16px;
          position: relative;
          top: 1px;
          left: 0px; }
        .new-task-bar .new-task-icons > li .button.open, .new-task-bar .new-task-icons > li .dataTables_wrapper .dataTables_paginate .open.paginate_button, .dataTables_wrapper .dataTables_paginate .new-task-bar .new-task-icons > li .open.paginate_button {
          transform: scale(1) rotate(0deg); }
        .new-task-bar .new-task-icons > li .button:active, .new-task-bar .new-task-icons > li .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .new-task-bar .new-task-icons > li .paginate_button:active {
          transform: scale(0.8) rotate(0deg); }

.pop-up {
  height: 0px;
  z-index: 13;
  overflow: hidden;
  position: fixed;
  bottom: 0px;
  padding: 0px 5%;
  width: 100%;
  left: 0px;
  background: #eee;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  -webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out; }
  .pop-up.visible {
    height: 147px;
    bottom: 59px;
    opacity: 1;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cacaca;
    overflow: visible; }
  .pop-up input {
    display: block; }
  .pop-up h3 {
    background: #e1e2ee;
    font-size: 15px;
    line-height: 40px;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    padding: 0px 5%; }
    .pop-up h3 .close-pop-up {
      color: #777;
      position: absolute;
      right: 16px;
      cursor: pointer;
      font-size: 20px; }
      .pop-up h3 .close-pop-up:hover {
        color: #444; }
  .pop-up .new-task-header {
    margin-bottom: 16px; }
  .pop-up .task-card {
    font-size: 0;
    position: relative;
    min-height: 107px;
    padding: 0px 24px;
    margin: 0px; }
    .pop-up .task-card:not(:last-child) {
      border-right: 1px solid #cacaca; }
    .pop-up .task-card .dropdown,
    .pop-up .task-card .dropdown-field {
      width: 100%; }

.pop-up-bg {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 13;
  opacity: 0;
  display: none; }
  .pop-up-bg.visible {
    display: block; }

.task-alignment {
  position: absolute;
  left: 65%;
  display: block;
  z-index: 11; }
  .task-alignment.task-intro {
    top: 0px; }
  .task-alignment .task-annotation {
    background: #f2f3f9;
    color: #444;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    padding: 12px 24px 20px;
    width: 30vw;
    position: absolute;
    left: 0px;
    display: none;
    opacity: 0;
    top: 0px; }
    .task-alignment .task-annotation .annotation {
      width: 100%;
      font-size: 13px;
      line-height: 18px;
      height: 64px;
      padding: 4px 8px;
      color: #444;
      outline: none; }
    .task-alignment .task-annotation .instructions {
      margin-bottom: 8px; }
    .task-alignment .task-annotation.intro-task {
      position: absolute;
      left: 65% !important;
      margin-left: 36px;
      margin-top: 16px;
      opacity: 1; }
      .task-alignment .task-annotation.intro-task h4 {
        margin-bottom: 8px;
        color: #555;
        font-weight: 500; }
      .task-alignment .task-annotation.intro-task.fixed-top {
        position: fixed;
        top: 56px;
        left: 65%; }

.form-alerts {
  position: absolute;
  left: 65% !important;
  margin-left: 0px;
  opacity: 1;
  width: 35%;
  padding: 16px 24px 16px 36px;
  top: 0px;
  font-size: 13px;
  line-height: 18px; }
  .secondary .form-alerts {
    position: relative;
    left: 0 !important;
    width: 100%;
    padding: 0px;
    margin-bottom: 16px; }
    .secondary .form-alerts.fixed-top {
      position: relative;
      left: 0px;
      top: 0px; }
  .form-alerts.fixed-top {
    position: fixed;
    top: 56px;
    left: 65%; }
  .form-alerts .alert-card {
    background: #f2f3f9;
    position: relative;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    padding: 6px 16px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 4px; }
    .form-alerts .alert-card:hover {
      -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      transform: scale(1.03); }
    .form-alerts .alert-card .alert-icon {
      width: 27px;
      height: 27px;
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
      color: #fff;
      display: inline-block;
      margin-right: 4px;
      position: absolute;
      left: 13px;
      margin-top: 5px;
      overflow: hidden; }
      .form-alerts .alert-card .alert-icon i {
        position: relative;
        top: 5px;
        left: 1px;
        font-size: 15px; }
      .form-alerts .alert-card .alert-icon img {
        width: 27px;
        height: 27px;
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .form-alerts .alert-card .alert-text {
      display: block;
      line-height: 18px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
      padding-left: 36px; }
      .form-alerts .alert-card .alert-text.line1 {
        font-weight: 400; }
      .form-alerts .alert-card .alert-text.line2 {
        font-weight: 500;
        font-size: 12px;
        color: #555; }
    .form-alerts .alert-card.task-alert {
      color: #444;
      border: 1px solid #cacaca;
      background: #fff; }
      .form-alerts .alert-card.task-alert .alert-icon {
        background: #e36738; }
      .form-alerts .alert-card.task-alert.overdue {
        border-left: 3px solid #d03d18; }

.task-checkbox {
  margin-left: -12px;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #fff;
  border: 1px solid #fff;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(80, 80, 80, 0.5);
  -moz-box-shadow: 0px 0px 4px 1px rgba(80, 80, 80, 0.5);
  box-shadow: 0px 0px 4px 1px rgba(80, 80, 80, 0.5);
  cursor: pointer;
  color: #509356; }
  .task-checkbox.field-assigned {
    background: #509356;
    border: 1px solid #509356;
    color: #fff;
    transform: scale(1) rotate(360deg); }
    .task-checkbox.field-assigned:hover {
      transform: scale(1.1) rotate(360deg); }
    .task-checkbox.field-assigned:active {
      transform: scale(0.8) rotate(360deg); }
  .task-checkbox i {
    font-size: 10px;
    position: relative;
    top: -1px; }
    .task-checkbox i.u-checkw-f {
      font-size: 14px; }
  .task-checkbox.alt {
    display: none; }
  .task-checkbox:hover {
    transform: scale(1.1) rotate(0deg); }
  .task-checkbox:active {
    transform: scale(0.8) rotate(0deg); }

.matched-sidebar {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 35%;
  left: 65%;
  top: 0px;
  height: calc(100% - 55px);
  padding-bottom: 8px;
  background: #cfcfda;
  -webkit-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2); }
  .matched-sidebar.fixed-top {
    width: 35%;
    position: fixed;
    top: 55px; }
  .matched-sidebar h3 {
    background: #e1e2ee;
    border: none;
    padding: 8px 16px 8px 36px;
    font-size: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
    margin-bottom: 0px; }
    .matched-sidebar h3 .close-matches {
      color: #999;
      position: absolute;
      right: 16px;
      top: 10px;
      cursor: pointer;
      font-size: 18px; }
      .matched-sidebar h3 .close-matches:hover {
        color: #444; }
    .matched-sidebar h3 .button, .matched-sidebar h3 .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .matched-sidebar h3 .paginate_button {
      position: relative;
      top: 0px; }
  .matched-sidebar .inner {
    padding: 0px;
    overflow-y: scroll;
    height: calc(100% - 40px); }
    .matched-sidebar .inner .answers {
      padding: 12px 16px 12px 36px; }
    .matched-sidebar .inner .pending-tasks {
      font-size: 13px;
      line-height: 18px;
      -webkit-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
      box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      background: #eee;
      width: 100%;
      height: auto;
      position: relative; }
      .matched-sidebar .inner .pending-tasks.visible {
        margin-bottom: 16px; }
      .matched-sidebar .inner .pending-tasks .pending-list {
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        padding: 0px 16px 0px 36px; }
        .matched-sidebar .inner .pending-tasks .pending-list.visible {
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          padding: 12px 16px 16px 36px;
          overflow-y: scroll; }
        .matched-sidebar .inner .pending-tasks .pending-list > ul > li {
          cursor: pointer;
          -webkit-transition: all 500ms ease-in-out;
          -moz-transition: all 500ms ease-in-out;
          -ms-transition: all 500ms ease-in-out;
          -o-transition: all 500ms ease-in-out;
          height: 68px; }
          .matched-sidebar .inner .pending-tasks .pending-list > ul > li:hover {
            -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
            transform: scale(1.02); }
          .matched-sidebar .inner .pending-tasks .pending-list > ul > li.hidden {
            height: 0px;
            margin: 0px; }
      .matched-sidebar .inner .pending-tasks .hide-pending-bottom {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.4);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        background: #eee;
        text-align: center;
        position: absolute;
        bottom: -12px;
        height: 0px;
        width: 28px;
        color: #999;
        overflow: hidden;
        left: 50%;
        margin-left: -14px;
        padding: 4px;
        transform: scale(1) !important;
        cursor: pointer;
        opacity: 0; }
        .matched-sidebar .inner .pending-tasks .hide-pending-bottom.visible {
          opacity: 1;
          height: 28px; }
        .matched-sidebar .inner .pending-tasks .hide-pending-bottom:hover {
          color: #444;
          -webkit-box-shadow: 0px 5px 4px -2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 5px 4px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 5px 4px -2px rgba(0, 0, 0, 0.3); }
        .matched-sidebar .inner .pending-tasks .hide-pending-bottom i {
          transform: scaleY(-1);
          position: relative;
          top: 5px;
          pointer-events: none; }
  .matched-sidebar .open-pending {
    display: block;
    font-weight: 500;
    padding: 4px 16px 6px 36px;
    cursor: pointer;
    color: #777;
    background: #eee;
    border-bottom: 1px solid rgba(80, 80, 80, 0.2);
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    -webkit-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 8px 0px 16px -6px rgba(0, 0, 0, 0.2); }
    .matched-sidebar .open-pending.no-interaction {
      pointer-events: none;
      opacity: 0.8; }
    .matched-sidebar .open-pending i {
      font-size: 11px;
      margin-left: 8px;
      float: right;
      position: relative;
      top: 2px;
      right: 4px; }
      .matched-sidebar .open-pending i.reverse {
        transform: rotate(180deg);
        top: 6px; }
    .matched-sidebar .open-pending:hover {
      color: #444;
      background: #dfdfdf; }
  .matched-sidebar .matched-answers > li {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    padding: 0px;
    opacity: 0;
    margin-bottom: 6px; }
    .matched-sidebar .matched-answers > li:first-child {
      transition: 1s opacity 100ms;
      -o-transition: 1s opacity 100ms;
      -webkit-transition: 1s opacity 100ms;
      -moz-transition: 1s opacity 100ms; }
    .matched-sidebar .matched-answers > li:nth-child(2) {
      transition: 1s opacity 200ms;
      -o-transition: 1s opacity 200ms;
      -webkit-transition: 1s opacity 200ms;
      -moz-transition: 1s opacity 200ms; }
    .matched-sidebar .matched-answers > li:nth-child(3) {
      transition: 1s opacity 300ms;
      -o-transition: 1s opacity 300ms;
      -webkit-transition: 1s opacity 300ms;
      -moz-transition: 1s opacity 300ms; }
    .matched-sidebar .matched-answers > li:nth-child(4) {
      transition: 1s opacity 400ms;
      -o-transition: 1s opacity 400ms;
      -webkit-transition: 1s opacity 400ms;
      -moz-transition: 1s opacity 400ms; }
    .matched-sidebar .matched-answers > li.more {
      transition: all 0.3s ease-in-out, 1s opacity 400ms;
      -o-transition: all 0.3s ease-in-out, 1s opacity 400ms;
      -webkit-transition: all 0.3s ease-in-out, 1s opacity 400ms;
      -moz-transition: all 0.3s ease-in-out, 1s opacity 400ms;
      text-align: center;
      padding: 8px;
      font-size: 13px;
      font-weight: 500;
      color: #777;
      cursor: pointer; }
      .matched-sidebar .matched-answers > li.more .u-chevron-f {
        font-size: 11px;
        padding: 0px 8px;
        position: relative;
        top: -1px; }
      .matched-sidebar .matched-answers > li.more:hover {
        color: #444;
        transform: translate(0, 4px); }
    .matched-sidebar .matched-answers > li .task-assignees p {
      margin: 0px; }
    .matched-sidebar .matched-answers > li .task-assignees li {
      padding: 0px; }
      .matched-sidebar .matched-answers > li .task-assignees li .whole-block {
        margin-bottom: 0px;
        width: 100%;
        padding: 8px 24px;
        background: #fff; }
        .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee {
          background: #f6f6f6;
          border-bottom: 1px solid #eee;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
        .matched-sidebar .matched-answers > li .task-assignees li .whole-block.task-pending {
          background: #fff;
          border-bottom: 1px solid #eee;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
        .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response {
          position: relative;
          padding: 8px 24px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 0px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 0px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          font-size: 13px;
          line-height: 18px; }
          .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .short {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .question-answer {
            margin: 4px 0px; }
          .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .copy-answer {
            width: 24px;
            height: 24px;
            font-size: 15px;
            -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
            -webkit-border-top-right-radius: 50%;
            -webkit-border-bottom-right-radius: 50%;
            -webkit-border-bottom-left-radius: 50%;
            -webkit-border-top-left-radius: 50%;
            -moz-border-radius-topright: 50%;
            -moz-border-radius-bottomright: 50%;
            -moz-border-radius-bottomleft: 50%;
            -moz-border-radius-topleft: 50%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            border-top-left-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            position: absolute;
            left: -12px;
            top: -12px;
            background: #fff;
            text-align: center;
            cursor: pointer;
            color: #638BCE; }
            .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .copy-answer i {
              position: relative;
              top: 2px; }
            .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .copy-answer:hover {
              color: #fff;
              background: #638BCE;
              transform: scale(1.1) rotate(0deg); }
            .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .copy-answer:active {
              transform: scale(0.8) rotate(0deg); }
            .matched-sidebar .matched-answers > li .task-assignees li .whole-block.assignee-response .copy-answer.copying {
              transform: scale(1) rotate(-360deg); }
      .matched-sidebar .matched-answers > li .task-assignees li.assigner .whole-block {
        padding: 4px 0px; }
        .matched-sidebar .matched-answers > li .task-assignees li.assigner .whole-block.assignee {
          background: #fff;
          border-bottom: none; }
      .matched-sidebar .matched-answers > li .task-assignees li .assignee-image {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        position: relative; }
        .matched-sidebar .matched-answers > li .task-assignees li .assignee-image img {
          width: 36px;
          height: 36px;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #999;
          position: relative;
          top: 2px; }
        .matched-sidebar .matched-answers > li .task-assignees li .assignee-image .assignee-no-photo {
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #999;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          letter-spacing: 1px;
          width: 36px;
          height: 36px;
          display: block;
          background: #434282;
          color: #fff;
          font-weight: 400;
          font-size: 18px;
          line-height: 36px;
          text-align: center;
          position: relative;
          top: 2px; }
      .matched-sidebar .matched-answers > li .task-assignees li .assignee-details {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 112px); }
        .matched-sidebar .matched-answers > li .task-assignees li .assignee-details.full-length {
          width: calc(100% - 60px); }
        .matched-sidebar .matched-answers > li .task-assignees li .assignee-details .assignee-name {
          font-size: 13px;
          line-height: 20px;
          font-weight: 500; }
        .matched-sidebar .matched-answers > li .task-assignees li .assignee-details .assignee-status {
          font-size: 12px;
          line-height: 16px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .matched-sidebar .matched-answers > li .task-assignees li .assignee-details .notification-chip {
          cursor: default;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          margin: 0px;
          font-style: normal;
          font-size: 10px;
          font-weight: 500;
          padding: 0px 8px;
          background: #c468a8;
          color: #fff;
          display: inline-block;
          line-height: 15px;
          position: relative;
          top: 1px; }
      .matched-sidebar .matched-answers > li .task-assignees li .match-hide {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        padding: 4px 8px;
        text-align: right;
        cursor: pointer;
        color: #999;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out; }
        .matched-sidebar .matched-answers > li .task-assignees li .match-hide:hover {
          color: #444; }
        .matched-sidebar .matched-answers > li .task-assignees li .match-hide.reverse {
          transform: rotate(180deg); }

.answer {
  width: 35%;
  right: 0;
  position: absolute;
  display: none;
  z-index: 2;
  margin: 0px; }
  .answer.active {
    -webkit-box-shadow: 2px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 0px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 5px 1px rgba(0, 0, 0, 0.2);
    z-index: 3; }
    .answer.active .trigger {
      left: -40px; }
      .answer.active .trigger i {
        display: none; }
        .answer.active .trigger i + i {
          display: block;
          color: #ADB0D0; }
      .answer.active .trigger > span {
        opacity: 0; }
    .answer.active .answer-panel {
      visibility: visible;
      opacity: 1; }
  .answer .checkbox {
    display: none; }
    .answer .checkbox.active {
      display: block;
      width: 40px;
      height: 35px;
      padding-top: 10px;
      padding-left: 13px;
      background: #e2e4ef;
      position: absolute;
      left: -40px; }
      .answer .checkbox.active input {
        display: block;
        width: 100%;
        max-width: 100%;
        border: 0;
        outline: 0;
        font-size: 22px; }
  .answer .answer-bank {
    margin: 10px 20px 10px;
    font-size: 14px; }
    .answer .answer-bank > li {
      margin: 3px 0;
      padding: 3px 0;
      padding-right: 110px;
      line-height: 25px;
      white-space: nowrap;
      text-overflow: ellipsis;
      position: relative;
      overflow: hidden;
      border-top: 1px solid #dadada; }
      .answer .answer-bank > li:last-child {
        border-bottom: 1px solid #cacaca; }
      .answer .answer-bank > li:hover {
        cursor: pointer; }
      .answer .answer-bank > li::before {
        display: inline;
        color: #8c68de;
        font-size: 20px;
        font-family: futility;
        padding: 0 10px 0 0; }
      .answer .answer-bank > li.bank::before {
        content: '\e12A'; }
      .answer .answer-bank > li.task::before {
        content: '\e13C'; }
      .answer .answer-bank > li span {
        border-radius: 5px;
        padding: 0 12px;
        color: #9296a5;
        position: absolute;
        line-height: 20px;
        right: 0;
        top: 5px;
        font-size: 12px;
        font-style: italic;
        text-align: center; }
  .answer .answer-preview {
    margin: 10px 20px; }
    .answer .answer-preview textarea {
      width: 100%;
      padding: 7px;
      line-height: 18px;
      border: 1px solid #ccc;
      max-height: 200px;
      height: 80px; }
    .answer .answer-preview.disabled textarea {
      text-align: center;
      background: #dedede;
      border: none;
      resize: none;
      font-size: 15px;
      font-style: italic;
      color: #7d7d7d;
      max-height: 35px; }
    .answer .answer-preview.disabled > ul {
      display: none; }
    .answer .answer-preview > aside {
      display: none;
      margin-bottom: 5px;
      font-size: 13px;
      color: #755fa7; }
      .answer .answer-preview > aside .flock,
      .answer .answer-preview > aside .futil {
        width: 20px;
        font-size: 14px; }
      .answer .answer-preview > aside.tasked, .answer .answer-preview > aside.answered {
        display: block; }
    .answer .answer-preview > ul {
      list-style: none;
      white-space: nowrap;
      text-align: left;
      display: block;
      margin-top: 10px; }
      .answer .answer-preview > ul li {
        display: inline-block;
        background: #828696;
        color: #fff;
        text-align: center;
        margin: 0 5px 0 0;
        border-radius: 5px;
        line-height: 28px;
        padding: 0 10px; }
        .answer .answer-preview > ul li:hover {
          cursor: pointer; }
        .answer .answer-preview > ul li.clone {
          font-weight: 500;
          background: #434282;
          color: #FFF; }
        .answer .answer-preview > ul li.close {
          font-weight: 300;
          background: #d4d4d4;
          color: #222; }
  .answer .trigger {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    width: 40px;
    height: 35px;
    text-align: center;
    background: #e9ebf1;
    z-index: 1;
    position: absolute;
    left: 0px; }
    .answer .trigger > span {
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #e9ebf1;
      right: -10px;
      text-align: center;
      font-size: 12px;
      bottom: 7px;
      color: #999aa0;
      line-height: 20px; }
    .answer .trigger.tasked {
      display: none; }
    .answer .trigger i + i {
      display: none; }
    .answer .trigger .flock,
    .answer .trigger .futil {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      font-size: 26px;
      color: #bcbcd2;
      line-height: 30px; }
    .answer .trigger:hover {
      cursor: pointer; }
      .answer .trigger:hover i {
        color: #6a6a8a; }
  .answer .answer-panel {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    width: 100%;
    background: #e9ebf1;
    z-index: 2;
    right: 0;
    position: relative;
    padding-bottom: 5px;
    visibility: hidden;
    opacity: 0; }
    .answer .answer-panel h6 {
      font-size: 16px;
      font-weight: 600;
      color: #333;
      padding: 20px 20px 10px; }
    .answer .answer-panel .choices {
      position: absolute;
      top: 15px;
      right: 20px; }
      .answer .answer-panel .choices li {
        display: inline-block;
        margin: 0 3px;
        background: #434282;
        color: #fff;
        padding: 0 10px;
        text-align: center;
        font-size: 13px;
        border-radius: 5px;
        line-height: 28px; }
        .answer .answer-panel .choices li:hover {
          cursor: pointer;
          background: #323160; }

.uploader {
  width: 100%;
  height: 105px;
  border: 3px dashed #dadada;
  border-radius: 5px;
  background: #f2f3f9;
  margin: 10px 0 30px;
  text-align: center; }
  .uploader p {
    font-size: 16px;
    color: #8585a2;
    line-height: 105px; }

.redactor-toolbar {
  background: #f2f3f9; }

.redactor-editor {
  -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); }

#sample-answer {
  display: none; }

#task {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
  background: #e6e6e6;
  bottom: 0px;
  left: 0px;
  margin: 0px;
  padding: 12px 5%;
  position: absolute;
  visibility: hidden;
  width: 100%;
  z-index: 100;
  opacity: 0; }
  #task.active {
    visibility: visible;
    opacity: 1; }
  #task .task-count,
  #task .task-for,
  #task .task-time {
    background: #fff;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #555;
    padding: 0px 8px;
    text-align: left;
    top: 12px;
    line-height: 26px;
    font-size: 13px;
    position: absolute; }
    #task .task-count .flock,
    #task .task-count .futil,
    #task .task-for .flock,
    #task .task-for .futil,
    #task .task-time .flock,
    #task .task-time .futil {
      width: 19px;
      font-size: 14px;
      color: #577888;
      position: relative;
      top: 2px; }
  #task .task-count {
    width: 150px;
    left: 5%; }
  #task .task-for {
    width: 150px;
    text-align: left;
    padding-left: 20px;
    left: calc(5% + 170px); }
  #task .task-time {
    width: 150px;
    padding-left: 20px;
    left: calc(5% + 340px); }
  #task .task-confirm {
    background: #0082be;
    color: #fff;
    font-weight: 500;
    width: 150px;
    text-align: center;
    position: absolute;
    top: 34px;
    right: 10%;
    line-height: 32px;
    border-radius: 4px; }

.payments-container {
  width: 100%;
  padding: 20px 0;
  background: #656777;
  border-top: 2px solid #7e8091; }

.payments.summary {
  background: #656777;
  max-width: 1300px;
  margin: 0 auto; }
  .payments.summary.zero {
    opacity: 0.2;
    pointer-events: none; }
    .payments.summary.zero .target input[type="text"] {
      display: none; }
  .payments.summary > ul {
    width: 90%;
    position: relative;
    margin: 0 5%;
    list-style: none;
    white-space: nowrap; }
    .payments.summary > ul > li {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      display: inline-block;
      width: calc((100% / 2) - 15px);
      height: 200px;
      position: relative; }
      .payments.summary > ul > li:last-child {
        position: absolute;
        right: 0;
        width: 48%; }
      .payments.summary > ul > li .title {
        display: block;
        font-size: 20px;
        color: #eee;
        font-weight: 400; }
        .payments.summary > ul > li .title span {
          display: block;
          font-size: 17px;
          font-weight: 600;
          color: #989ed9; }
      .payments.summary > ul > li.pie .amounts, .payments.summary > ul > li.pie .target {
        position: absolute;
        top: calc((100% - 160px)/2);
        bottom: calc((100% - 160px)/2); }
      .payments.summary > ul > li.pie .target {
        padding: 20px 0;
        width: 30%;
        z-index: 3; }
        .payments.summary > ul > li.pie .target [type="text"] {
          background: #585a67;
          margin-top: 10px;
          line-height: 32px;
          width: 100%;
          font-size: 17px;
          border: 1px solid #474852;
          border-bottom-width: 2px;
          border-radius: 4px;
          color: #eee;
          padding: 5px 10px; }
          .payments.summary > ul > li.pie .target [type="text"]:hover {
            cursor: not-allowed;
            background: rgba(125, 129, 140, 0.7); }
        .payments.summary > ul > li.pie .target .amount-label {
          z-index: 2;
          display: none;
          color: #eee;
          font-weight: 500;
          font-size: 13px;
          margin-top: 10px;
          position: absolute;
          left: 0;
          bottom: 0; }
          .payments.summary > ul > li.pie .target .amount-label.on {
            display: block; }
      .payments.summary > ul > li.pie .amounts {
        right: calc(50% - (160px + 50px));
        padding: 20px 20px 0px 60px;
        font-size: 14px;
        background: rgba(75, 77, 87, 0.5);
        border-radius: 6px; }
        .payments.summary > ul > li.pie .amounts > span {
          display: block;
          font-weight: 500;
          color: #fff;
          line-height: 19px;
          margin-bottom: 3px;
          position: relative; }
          .payments.summary > ul > li.pie .amounts > span:before {
            position: absolute;
            width: 16px;
            height: 16px;
            background: #989ed9;
            display: block;
            content: '';
            border-radius: 50%;
            left: -25px;
            top: 2px;
            border: 1px solid #fff; }
          .payments.summary > ul > li.pie .amounts > span:hover {
            cursor: pointer; }
          .payments.summary > ul > li.pie .amounts > span.remaining:before {
            background: #595b69; }
          .payments.summary > ul > li.pie .amounts > span.granted:before {
            background: #6973d5; }
          .payments.summary > ul > li.pie .amounts > span.requested:before {
            background: #989ed9; }
          .payments.summary > ul > li.pie .amounts > span em {
            display: block;
            font-style: normal;
            font-weight: 400; }
      .payments.summary > ul > li.pie .progress {
        -webkit-box-shadow: 4px 0px 2px -1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 4px 0px 2px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 4px 0px 2px -1px rgba(0, 0, 0, 0.2);
        width: 160px;
        height: 160px;
        background-color: #656777;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - (160px/2));
        left: calc(50% - (160px/2)); }
        .payments.summary > ul > li.pie .progress .circle {
          position: relative; }
          .payments.summary > ul > li.pie .progress .circle .mask, .payments.summary > ul > li.pie .progress .circle .fill {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            width: 160px;
            height: 160px;
            position: absolute;
            border-radius: 50%;
            -webkit-backface-visibility: hidden; }
          .payments.summary > ul > li.pie .progress .circle.over .mask.half {
            transform: rotate(401.2deg); }
            .payments.summary > ul > li.pie .progress .circle.over .mask.half .fill {
              transform: rotate(180deg); }
              .payments.summary > ul > li.pie .progress .circle.over .mask.half .fill.fix {
                transform: rotate(81deg); }
              .payments.summary > ul > li.pie .progress .circle.over .mask.half .fill:after {
                display: block;
                content: '';
                width: 8px;
                height: 20px;
                background: #858cd2;
                border-right: 2px dotted #656777;
                position: absolute;
                top: 0;
                right: 50%; }
          .payments.summary > ul > li.pie .progress .circle .mask {
            transform: rotate(223.2deg);
            clip: rect(0px, 160px, 160px, 80px); }
            .payments.summary > ul > li.pie .progress .circle .mask .fill {
              clip: rect(0px, 80px, 160px, 0px);
              background-color: #989ed9; }
              .payments.summary > ul > li.pie .progress .circle .mask .fill.on {
                background-color: #949bdd; }
              .payments.summary > ul > li.pie .progress .circle .mask .fill.off {
                background-color: #656777; }
                .payments.summary > ul > li.pie .progress .circle .mask .fill.off:after {
                  display: none !important; }
            .payments.summary > ul > li.pie .progress .circle .mask.half .fill {
              transform: rotate(81deg); }
            .payments.summary > ul > li.pie .progress .circle .mask.full .fill {
              transform: rotate(180deg); }
            .payments.summary > ul > li.pie .progress .circle .mask.half .fill.fix {
              transform: rotate(81deg); }
            .payments.summary > ul > li.pie .progress .circle .mask.granted {
              width: 120px;
              height: 120px;
              transform: rotate(0deg);
              clip: rect(0px, 120px, 120px, 60px); }
              .payments.summary > ul > li.pie .progress .circle .mask.granted .fill {
                clip: rect(0px, 60px, 120px, 0px);
                background-color: #6973d5;
                width: 120px;
                height: 120px; }
                .payments.summary > ul > li.pie .progress .circle .mask.granted .fill.on {
                  background-color: #646fda; }
                .payments.summary > ul > li.pie .progress .circle .mask.granted .fill.off {
                  background-color: #656777; }
              .payments.summary > ul > li.pie .progress .circle .mask.granted.full .fill {
                transform: rotate(180deg); }
              .payments.summary > ul > li.pie .progress .circle .mask.granted.half {
                transform: rotate(43.2deg); }
              .payments.summary > ul > li.pie .progress .circle .mask.granted.half .fill.fix {
                transform: rotate(223.2deg); }
        .payments.summary > ul > li.pie .progress .inset {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          -webkit-box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.2);
          width: 120px;
          height: 120px;
          position: absolute;
          margin-left: 20px;
          margin-top: 20px;
          background-color: #595b69;
          border-radius: 50%; }
          .payments.summary > ul > li.pie .progress .inset.on {
            background-color: #54576e; }
          .payments.summary > ul > li.pie .progress .inset.off {
            background-color: #656777; }
          .payments.summary > ul > li.pie .progress .inset.extra {
            background-color: #595b69; }
      .payments.summary > ul > li.chart .monthly, .payments.summary > ul > li.chart .months, .payments.summary > ul > li.chart .yaxis {
        position: absolute;
        list-style: none;
        width: 100%;
        left: 0;
        right: 0; }
      .payments.summary > ul > li.chart .monthly > li, .payments.summary > ul > li.chart .months > li {
        list-style: none;
        width: calc(100% / 13);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        height: 100%;
        display: inline-block; }
      .payments.summary > ul > li.chart .monthly {
        height: 70%;
        top: 10%;
        z-index: 2; }
        .payments.summary > ul > li.chart .monthly > li {
          color: #dadada;
          border-right: 1px solid #8385a2;
          position: relative; }
          .payments.summary > ul > li.chart .monthly > li:last-child {
            border-right: none; }
          .payments.summary > ul > li.chart .monthly > li:after, .payments.summary > ul > li.chart .monthly > li:before {
            width: 50%;
            left: 25%;
            position: absolute;
            display: block;
            content: ''; }
          .payments.summary > ul > li.chart .monthly > li:after {
            bottom: 30px;
            background: #9D9DDA; }
          .payments.summary > ul > li.chart .monthly > li:before {
            background: rgba(152, 158, 217, 0.5); }
      .payments.summary > ul > li.chart .labels {
        list-style: none;
        position: absolute;
        bottom: -7px;
        left: 30%;
        width: 40%;
        height: 20%;
        text-align: center;
        padding: 5px 0; }
        .payments.summary > ul > li.chart .labels > li {
          display: inline-block;
          font-size: 14px;
          font-weight: 500;
          line-height: 12px;
          padding-left: 20px;
          margin: 0 10px;
          color: #eee;
          position: relative; }
          .payments.summary > ul > li.chart .labels > li:before {
            position: absolute;
            display: block;
            left: 0;
            border-radius: 3px;
            width: 12px;
            height: 12px;
            content: ''; }
          .payments.summary > ul > li.chart .labels > li.paid:before {
            background: #989ed9; }
          .payments.summary > ul > li.chart .labels > li.scheduled:before {
            background: rgba(152, 158, 217, 0.5); }
      .payments.summary > ul > li.chart .months {
        height: 10%;
        top: 70%;
        color: #dadada; }
      .payments.summary > ul > li.chart .yaxis {
        height: 70%;
        top: 10%; }
        .payments.summary > ul > li.chart .yaxis > li {
          display: block;
          border-bottom: 1px solid #7e8195;
          height: 20%;
          margin-left: -50px;
          color: #b0b0b0;
          font-weight: 500; }

@media screen and (max-width: 1024px) {
  .payments.summary {
    padding: 10px 0 20px; }
    .payments.summary > ul > li, .payments.summary > ul > li:last-child {
      width: 100%;
      display: block;
      position: relative; }
      .payments.summary > ul > li.pie .target, .payments.summary > ul > li:last-child.pie .target {
        left: 5%; }
        .payments.summary > ul > li.pie .target .amount-label, .payments.summary > ul > li:last-child.pie .target .amount-label {
          font-size: 15px; }
      .payments.summary > ul > li.pie .progress, .payments.summary > ul > li:last-child.pie .progress {
        right: 5%;
        left: initial; }
      .payments.summary > ul > li.pie .amounts, .payments.summary > ul > li:last-child.pie .amounts {
        right: 190px;
        padding: 20px 40px 0 60px;
        background: none; }
      .payments.summary > ul > li.chart, .payments.summary > ul > li:last-child.chart {
        border-top: 3px solid #585a67; }
        .payments.summary > ul > li.chart .monthly, .payments.summary > ul > li.chart .yaxis, .payments.summary > ul > li.chart .months, .payments.summary > ul > li:last-child.chart .monthly, .payments.summary > ul > li:last-child.chart .yaxis, .payments.summary > ul > li:last-child.chart .months {
          width: 90%;
          left: 10%; }
        .payments.summary > ul > li.chart .labels, .payments.summary > ul > li:last-child.chart .labels {
          width: 40%;
          left: 30%;
          padding: 10px 0;
          bottom: -10px; } }
@media screen and (max-width: 550px) {
  .payments.summary .amounts {
    display: none; }
  .payments.summary > ul > li.pie .target {
    width: 40%; } }
aside.update.update,
section.newUpdate.update {
  margin-top: 48px; }
aside.update .group,
section.newUpdate .group {
  margin-bottom: 8px;
  font-size: 0;
  position: relative; }
  aside.update .group.hidden,
  section.newUpdate .group.hidden {
    display: none; }
  aside.update .group.add-metric-group,
  section.newUpdate .group.add-metric-group {
    margin-bottom: 16px; }
  aside.update .group.metric,
  section.newUpdate .group.metric {
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    border-bottom: 1px solid #cacaca;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    height: 50px; }
    aside.update .group.metric.sentiment,
    section.newUpdate .group.metric.sentiment {
      height: 104px; }
      aside.update .group.metric.sentiment .dropdown-chips,
      section.newUpdate .group.metric.sentiment .dropdown-chips {
        width: calc(100% - 48px); }
    aside.update .group.metric input,
    section.newUpdate .group.metric input {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      font-size: 12px;
      line-height: 24px; }
    aside.update .group.metric .dropdown-field-search,
    section.newUpdate .group.metric .dropdown-field-search {
      top: 6px;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }
    aside.update .group.metric .tag-container,
    section.newUpdate .group.metric .tag-container {
      width: 100%; }
    aside.update .group.metric .dropdown-menu,
    section.newUpdate .group.metric .dropdown-menu {
      top: auto;
      bottom: 26px; }
    aside.update .group.metric .dropdown-chips,
    section.newUpdate .group.metric .dropdown-chips {
      position: absolute;
      top: 0px;
      width: calc(65% - 56px); }
      aside.update .group.metric .dropdown-chips .chip,
      section.newUpdate .group.metric .dropdown-chips .chip {
        border: 1px solid #999;
        background: #f6f6f6;
        line-height: 19px;
        z-index: 2; }
        aside.update .group.metric .dropdown-chips .chip .one-line,
        aside.update .group.metric .dropdown-chips .chip .two-line,
        section.newUpdate .group.metric .dropdown-chips .chip .one-line,
        section.newUpdate .group.metric .dropdown-chips .chip .two-line {
          margin-left: 40px;
          width: calc(100% - 40px);
          display: block;
          height: 24px; }
          aside.update .group.metric .dropdown-chips .chip .one-line span,
          aside.update .group.metric .dropdown-chips .chip .two-line span,
          section.newUpdate .group.metric .dropdown-chips .chip .one-line span,
          section.newUpdate .group.metric .dropdown-chips .chip .two-line span {
            font-size: 13px;
            display: inline-block;
            position: relative;
            top: 3px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%; }
        aside.update .group.metric .dropdown-chips .chip .count,
        section.newUpdate .group.metric .dropdown-chips .chip .count {
          background: #999;
          top: 4px; }
        aside.update .group.metric .dropdown-chips .chip .u-exw-f,
        section.newUpdate .group.metric .dropdown-chips .chip .u-exw-f {
          top: 5px; }
        aside.update .group.metric .dropdown-chips .chip.rem,
        section.newUpdate .group.metric .dropdown-chips .chip.rem {
          opacity: 1; }
        aside.update .group.metric .dropdown-chips .chip.metric,
        section.newUpdate .group.metric .dropdown-chips .chip.metric {
          color: #76798d;
          border: 1px solid #76798d;
          background: mix #76798d, #fff, 9%; }
          aside.update .group.metric .dropdown-chips .chip.metric .count,
          section.newUpdate .group.metric .dropdown-chips .chip.metric .count {
            background: #76798d; }
    aside.update .group.metric.delete input,
    section.newUpdate .group.metric.delete input {
      background: #faece8; }
    aside.update .group.metric.delete input,
    aside.update .group.metric.delete .button,
    aside.update .group.metric.delete .dataTables_wrapper .dataTables_paginate .paginate_button,
    .dataTables_wrapper .dataTables_paginate aside.update .group.metric.delete .paginate_button,
    section.newUpdate .group.metric.delete input,
    section.newUpdate .group.metric.delete .button,
    section.newUpdate .group.metric.delete .dataTables_wrapper .dataTables_paginate .paginate_button,
    .dataTables_wrapper .dataTables_paginate section.newUpdate .group.metric.delete .paginate_button {
      opacity: 0.3;
      border-color: #cd8471; }
    aside.update .group.metric.delete .metric-type,
    section.newUpdate .group.metric.delete .metric-type {
      opacity: 0.3;
      color: #cd8471; }
    aside.update .group.metric.delete .radio-horizontal,
    section.newUpdate .group.metric.delete .radio-horizontal {
      opacity: 0.3;
      border-color: #f6d8d1; }
    aside.update .group.metric.delete .help,
    section.newUpdate .group.metric.delete .help {
      opacity: 0.6;
      background: #faece8; }
    aside.update .group.metric.delete .dropdown-field-search,
    section.newUpdate .group.metric.delete .dropdown-field-search {
      opacity: 0.3; }
    aside.update .group.metric.deleted,
    section.newUpdate .group.metric.deleted {
      height: 0px;
      margin: 0px;
      padding: 0px;
      opacity: 0;
      border: none; }
    aside.update .group.metric .field-button,
    section.newUpdate .group.metric .field-button {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      height: 26px;
      padding-top: 0px; }
    aside.update .group.metric .dropdown-button,
    section.newUpdate .group.metric .dropdown-button {
      padding-left: 8px; }
    aside.update .group.metric .metric-type,
    section.newUpdate .group.metric .metric-type {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      display: inline-block;
      width: 24px;
      font-size: 20px;
      height: 24px;
      color: #76798d;
      text-align: left;
      padding-top: 2px;
      position: relative;
      top: -1px; }
    aside.update .group.metric .remove-metric,
    section.newUpdate .group.metric .remove-metric {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      display: inline-block;
      width: 16px;
      height: 20px;
      margin-left: 8px;
      font-size: 15px;
      color: #9f5d4c;
      cursor: pointer;
      vertical-align: top;
      position: relative;
      top: 3px;
      left: -1px; }
      aside.update .group.metric .remove-metric:hover,
      section.newUpdate .group.metric .remove-metric:hover {
        color: #d03d18;
        transform: scale(1.2) rotate(0deg); }
      aside.update .group.metric .remove-metric:active,
      section.newUpdate .group.metric .remove-metric:active {
        transform: scale(0.8) rotate(-360deg); }
      aside.update .group.metric .remove-metric i,
      section.newUpdate .group.metric .remove-metric i {
        position: relative;
        left: 1px; }
  aside.update .group .subgroup,
  section.newUpdate .group .subgroup {
    vertical-align: top;
    display: inline-block; }
    aside.update .group .subgroup.left,
    section.newUpdate .group .subgroup.left {
      width: calc(65% - 56px);
      margin-right: 8px; }
    aside.update .group .subgroup.right,
    section.newUpdate .group .subgroup.right {
      width: 35%; }
    aside.update .group .subgroup.double,
    section.newUpdate .group .subgroup.double {
      width: calc(100% - 48px); }
  aside.update .group > .dropdown,
  section.newUpdate .group > .dropdown {
    width: 100%; }
    aside.update .group > .dropdown.update-left, aside.update .group > .dropdown.update-right,
    section.newUpdate .group > .dropdown.update-left,
    section.newUpdate .group > .dropdown.update-right {
      width: calc(50% - 8px); }
    aside.update .group > .dropdown.update-left,
    section.newUpdate .group > .dropdown.update-left {
      margin-right: 16px; }
  aside.update .group .attach-link,
  section.newUpdate .group .attach-link {
    position: absolute;
    width: 90%;
    margin-left: 5%;
    padding: 8px 8px 4px;
    bottom: 36px;
    background: #eee;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cacaca; }
    aside.update .group .attach-link input,
    section.newUpdate .group .attach-link input {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      font-size: 12px;
      line-height: 24px; }
    aside.update .group .attach-link .preview,
    section.newUpdate .group .attach-link .preview {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #f2f3f9;
      font-size: 13px;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      padding: 8px;
      margin: 8px 0px; }
      aside.update .group .attach-link .preview span,
      section.newUpdate .group .attach-link .preview span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #444;
        line-height: 18px; }
      aside.update .group .attach-link .preview .title,
      section.newUpdate .group .attach-link .preview .title {
        font-weight: 500;
        color: #555;
        margin-bottom: 2px; }
      aside.update .group .attach-link .preview .description,
      section.newUpdate .group .attach-link .preview .description {
        font-size: 12px; }
  aside.update .group .update-attachments,
  section.newUpdate .group .update-attachments {
    display: none;
    background: #fafafa;
    border: 1px solid #cacaca;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 12px;
    color: #444;
    margin-top: -3px; }
    aside.update .group .update-attachments ul > li,
    section.newUpdate .group .update-attachments ul > li {
      border-bottom: 1px solid #ddd;
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      position: relative; }
      aside.update .group .update-attachments ul > li.hidden,
      section.newUpdate .group .update-attachments ul > li.hidden {
        display: none; }
      aside.update .group .update-attachments ul > li:last-child,
      section.newUpdate .group .update-attachments ul > li:last-child {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      aside.update .group .update-attachments ul > li.delete input,
      section.newUpdate .group .update-attachments ul > li.delete input {
        background: #faece8; }
      aside.update .group .update-attachments ul > li.delete input,
      aside.update .group .update-attachments ul > li.delete .button,
      aside.update .group .update-attachments ul > li.delete .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate aside.update .group .update-attachments ul > li.delete .paginate_button,
      aside.update .group .update-attachments ul > li.delete .attachment-type,
      aside.update .group .update-attachments ul > li.delete .link-preview,
      section.newUpdate .group .update-attachments ul > li.delete input,
      section.newUpdate .group .update-attachments ul > li.delete .button,
      section.newUpdate .group .update-attachments ul > li.delete .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate section.newUpdate .group .update-attachments ul > li.delete .paginate_button,
      section.newUpdate .group .update-attachments ul > li.delete .attachment-type,
      section.newUpdate .group .update-attachments ul > li.delete .link-preview {
        opacity: 0.3;
        border-color: #cd8471; }
      aside.update .group .update-attachments ul > li.delete .attachment-type,
      aside.update .group .update-attachments ul > li.delete .filename,
      section.newUpdate .group .update-attachments ul > li.delete .attachment-type,
      section.newUpdate .group .update-attachments ul > li.delete .filename {
        color: #cd8471; }
      aside.update .group .update-attachments ul > li.deleted,
      section.newUpdate .group .update-attachments ul > li.deleted {
        opacity: 0; }
    aside.update .group .update-attachments .attachment-type,
    section.newUpdate .group .update-attachments .attachment-type {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }
    aside.update .group .update-attachments .remove-attachment,
    section.newUpdate .group .update-attachments .remove-attachment {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      width: 16px;
      height: 20px;
      font-size: 15px;
      color: #9f5d4c;
      cursor: pointer;
      vertical-align: top;
      position: absolute; }
      aside.update .group .update-attachments .remove-attachment:hover,
      section.newUpdate .group .update-attachments .remove-attachment:hover {
        color: #d03d18;
        transform: scale(1.2) rotate(0deg); }
      aside.update .group .update-attachments .remove-attachment:active,
      section.newUpdate .group .update-attachments .remove-attachment:active {
        transform: scale(0.8) rotate(-360deg); }
      aside.update .group .update-attachments .remove-attachment i,
      section.newUpdate .group .update-attachments .remove-attachment i {
        position: relative;
        left: 1px; }
    aside.update .group .update-attachments .file,
    section.newUpdate .group .update-attachments .file {
      line-height: 28px;
      color: #555;
      font-weight: 500;
      padding: 0px 8px; }
      aside.update .group .update-attachments .file > i,
      section.newUpdate .group .update-attachments .file > i {
        margin-right: 4px;
        color: #777;
        font-size: 15px;
        position: relative;
        top: 3px; }
      aside.update .group .update-attachments .file .filename,
      section.newUpdate .group .update-attachments .file .filename {
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        text-overflow: ellipsis;
        width: calc(100% - 72px); }
      aside.update .group .update-attachments .file i.progress,
      section.newUpdate .group .update-attachments .file i.progress {
        margin-right: 24px;
        float: right;
        margin-top: 3px;
        font-size: 16px;
        color: #999; }
        aside.update .group .update-attachments .file i.progress.u-check-f,
        section.newUpdate .group .update-attachments .file i.progress.u-check-f {
          color: #509356; }
      aside.update .group .update-attachments .file .remove-attachment,
      section.newUpdate .group .update-attachments .file .remove-attachment {
        top: 4px;
        right: 6px; }
        aside.update .group .update-attachments .file .remove-attachment i,
        section.newUpdate .group .update-attachments .file .remove-attachment i {
          top: -3px; }
      aside.update .group .update-attachments .file .u-refresh-f,
      section.newUpdate .group .update-attachments .file .u-refresh-f {
        animation: rotating 1.5s linear infinite; }
@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
    aside.update .group .update-attachments .link,
    section.newUpdate .group .update-attachments .link {
      padding: 8px; }
      aside.update .group .update-attachments .link > i:not(.progress),
      section.newUpdate .group .update-attachments .link > i:not(.progress) {
        margin-right: 4px;
        color: #777;
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
        font-size: 15px; }
      aside.update .group .update-attachments .link .imported,
      section.newUpdate .group .update-attachments .link .imported {
        position: absolute;
        z-index: 1;
        top: 51px;
        right: 19px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
        padding: 2px;
        width: 18px;
        height: 18px;
        font-size: 11px;
        background: #509356;
        color: #fff;
        vertical-align: top;
        position: absolute;
        opacity: 0; }
        aside.update .group .update-attachments .link .imported i,
        section.newUpdate .group .update-attachments .link .imported i {
          position: relative;
          top: -5px;
          left: 2px; }
        aside.update .group .update-attachments .link .imported.for-video,
        section.newUpdate .group .update-attachments .link .imported.for-video {
          top: 57px; }
        aside.update .group .update-attachments .link .imported.visible,
        section.newUpdate .group .update-attachments .link .imported.visible {
          opacity: 1; }
      aside.update .group .update-attachments .link .remove-attachment,
      section.newUpdate .group .update-attachments .link .remove-attachment {
        top: 9px;
        right: 6px; }
      aside.update .group .update-attachments .link input,
      section.newUpdate .group .update-attachments .link input {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        font-size: 12px;
        line-height: 20px;
        display: inline-block;
        width: calc(100% - 98px);
        margin-top: 1px;
        vertical-align: top; }
      aside.update .group .update-attachments .link .tiny-button,
      section.newUpdate .group .update-attachments .link .tiny-button {
        vertical-align: top;
        padding: 2px 8px;
        margin-left: 4px;
        margin-top: 1px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out; }
      aside.update .group .update-attachments .link .link-preview,
      aside.update .group .update-attachments .link .link-help,
      section.newUpdate .group .update-attachments .link .link-preview,
      section.newUpdate .group .update-attachments .link .link-help {
        position: relative;
        margin-top: 4px;
        padding: 8px 16px 8px 8px;
        margin: 8px 20px 2px 18px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        border: 1px solid #cacaca;
        background: #f0f0f5;
        -webkit-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.1);
        -moz-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.1);
        box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.1);
        font-size: 0; }
        aside.update .group .update-attachments .link .link-preview.link-preview,
        aside.update .group .update-attachments .link .link-help.link-preview,
        section.newUpdate .group .update-attachments .link .link-preview.link-preview,
        section.newUpdate .group .update-attachments .link .link-help.link-preview {
          opacity: 0;
          display: none; }
        aside.update .group .update-attachments .link .link-preview .loading,
        aside.update .group .update-attachments .link .link-help .loading,
        section.newUpdate .group .update-attachments .link .link-preview .loading,
        section.newUpdate .group .update-attachments .link .link-help .loading {
          position: absolute;
          width: calc(100% - 2px);
          height: calc(100% - 2px);
          left: 1px;
          top: 1px;
          display: none;
          opacity: 0;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          background: #f0f0f5; }
          aside.update .group .update-attachments .link .link-preview .loading .icon-spinner,
          aside.update .group .update-attachments .link .link-help .loading .icon-spinner,
          section.newUpdate .group .update-attachments .link .link-preview .loading .icon-spinner,
          section.newUpdate .group .update-attachments .link .link-help .loading .icon-spinner {
            display: block;
            opacity: 1;
            transform: scale(0.4);
            top: -36px;
            width: 100%;
            text-align: center;
            margin-left: 14px; }
            aside.update .group .update-attachments .link .link-preview .loading .icon-spinner.for-video,
            aside.update .group .update-attachments .link .link-help .loading .icon-spinner.for-video,
            section.newUpdate .group .update-attachments .link .link-preview .loading .icon-spinner.for-video,
            section.newUpdate .group .update-attachments .link .link-help .loading .icon-spinner.for-video {
              top: -32px; }
          aside.update .group .update-attachments .link .link-preview .loading.hidden,
          aside.update .group .update-attachments .link .link-help .loading.hidden,
          section.newUpdate .group .update-attachments .link .link-preview .loading.hidden,
          section.newUpdate .group .update-attachments .link .link-help .loading.hidden {
            opacity: 0; }
        aside.update .group .update-attachments .link .link-preview .link-thumb,
        aside.update .group .update-attachments .link .link-help .link-thumb,
        section.newUpdate .group .update-attachments .link .link-preview .link-thumb,
        section.newUpdate .group .update-attachments .link .link-help .link-thumb {
          width: 80px;
          margin-right: 8px;
          float: left; }
        aside.update .group .update-attachments .link .link-preview .thumb-container,
        aside.update .group .update-attachments .link .link-help .thumb-container,
        section.newUpdate .group .update-attachments .link .link-preview .thumb-container,
        section.newUpdate .group .update-attachments .link .link-help .thumb-container {
          float: left;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: calc(100% - 88px);
          padding-top: 4px; }
        aside.update .group .update-attachments .link .link-preview span,
        aside.update .group .update-attachments .link .link-help span,
        section.newUpdate .group .update-attachments .link .link-preview span,
        section.newUpdate .group .update-attachments .link .link-help span {
          font-size: 13px;
          display: block;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          line-height: 18px; }
          aside.update .group .update-attachments .link .link-preview span.title,
          aside.update .group .update-attachments .link .link-help span.title,
          section.newUpdate .group .update-attachments .link .link-preview span.title,
          section.newUpdate .group .update-attachments .link .link-help span.title {
            font-weight: 500;
            color: #555; }
          aside.update .group .update-attachments .link .link-preview span.description,
          aside.update .group .update-attachments .link .link-help span.description,
          section.newUpdate .group .update-attachments .link .link-preview span.description,
          section.newUpdate .group .update-attachments .link .link-help span.description {
            font-size: 12px; }
  aside.update .group .update-hero-container,
  section.newUpdate .group .update-hero-container {
    display: block;
    border: 1px solid #cacaca;
    border-bottom: none;
    background: #fff;
    padding: 4px 0px; }
  aside.update .group .update-hero-uploader,
  aside.update .group .update-uploader-2,
  section.newUpdate .group .update-hero-uploader,
  section.newUpdate .group .update-uploader-2 {
    display: none; }
  aside.update .group .update-hero,
  section.newUpdate .group .update-hero {
    position: relative;
    float: left;
    left: -4px;
    font-size: 12px;
    overflow: hidden;
    color: #cacaca;
    text-align: center;
    height: 80px;
    width: 80px;
    background: #fafafa;
    border: 1px solid #cacaca;
    transform: scale(0.8);
    cursor: pointer;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out; }
    aside.update .group .update-hero:hover,
    section.newUpdate .group .update-hero:hover {
      color: #638BCE;
      background: #f6f6f6;
      border: 1px solid #638BCE; }
    aside.update .group .update-hero span,
    section.newUpdate .group .update-hero span {
      font-weight: 500;
      display: block;
      text-align: center;
      width: 80%;
      margin: 4px auto 0; }
    aside.update .group .update-hero i,
    section.newUpdate .group .update-hero i {
      font-size: 32px;
      position: relative;
      top: 12px; }
    aside.update .group .update-hero img,
    section.newUpdate .group .update-hero img {
      display: none;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1; }
  aside.update .group .label,
  section.newUpdate .group .label {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #555;
    display: block;
    margin: 12px 0px 6px; }
  aside.update .group input,
  aside.update .group textarea,
  section.newUpdate .group input,
  section.newUpdate .group textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    width: 100%;
    display: block;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cacaca;
    color: #444;
    outline: none; }
    aside.update .group input.update-description,
    aside.update .group textarea.update-description,
    section.newUpdate .group input.update-description,
    section.newUpdate .group textarea.update-description {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: none;
      resize: none; }
  aside.update .group input,
  section.newUpdate .group input {
    padding: 0px 8px;
    line-height: 32px; }
    aside.update .group input.update-title,
    section.newUpdate .group input.update-title {
      font-weight: 500;
      color: #555;
      border-bottom: none;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      line-height: 40px;
      font-size: 15px; }
    aside.update .group input.dropdown-field,
    section.newUpdate .group input.dropdown-field {
      padding-left: 28px; }
    aside.update .group input.button-field,
    section.newUpdate .group input.button-field {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      margin-right: 0px;
      width: calc(100% - 34px);
      display: inline-block;
      border-right: none;
      vertical-align: top; }
      aside.update .group input.button-field.width-40,
      section.newUpdate .group input.button-field.width-40 {
        width: calc(100% - 40px); }
  aside.update .group textarea,
  section.newUpdate .group textarea {
    padding: 8px;
    height: 80px;
    float: left;
    width: calc(100% - 80px); }
  aside.update .group .tall-segment > ul > li,
  section.newUpdate .group .tall-segment > ul > li {
    padding: 4px 2px 2px;
    line-height: 18px; }
    aside.update .group .tall-segment > ul > li > i,
    section.newUpdate .group .tall-segment > ul > li > i {
      font-size: 18px; }
    aside.update .group .tall-segment > ul > li span,
    section.newUpdate .group .tall-segment > ul > li span {
      margin: 0px 0px 2px 0px;
      font-size: 11px;
      font-weight: 400;
      display: block;
      line-height: 16px; }
    aside.update .group .tall-segment > ul > li .line-icon,
    section.newUpdate .group .tall-segment > ul > li .line-icon {
      display: inline-block; }
    aside.update .group .tall-segment > ul > li .fill-icon,
    section.newUpdate .group .tall-segment > ul > li .fill-icon {
      display: none; }
    aside.update .group .tall-segment > ul > li:first-child,
    section.newUpdate .group .tall-segment > ul > li:first-child {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    aside.update .group .tall-segment > ul > li:last-child,
    section.newUpdate .group .tall-segment > ul > li:last-child {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    aside.update .group .tall-segment > ul > li::after,
    section.newUpdate .group .tall-segment > ul > li::after {
      height: 48px !important; }
    aside.update .group .tall-segment > ul > li:hover .line-icon,
    section.newUpdate .group .tall-segment > ul > li:hover .line-icon {
      display: none; }
    aside.update .group .tall-segment > ul > li:hover .fill-icon,
    section.newUpdate .group .tall-segment > ul > li:hover .fill-icon {
      display: inline-block; }
  aside.update .group .tall-segment.content,
  section.newUpdate .group .tall-segment.content {
    height: 48px;
    margin-bottom: 0px; }
    aside.update .group .tall-segment.content > ul > li,
    section.newUpdate .group .tall-segment.content > ul > li {
      padding: 4px 2px 2px;
      line-height: 18px; }
      aside.update .group .tall-segment.content > ul > li > i,
      section.newUpdate .group .tall-segment.content > ul > li > i {
        font-size: 18px; }
      aside.update .group .tall-segment.content > ul > li span,
      section.newUpdate .group .tall-segment.content > ul > li span {
        margin: 0 auto;
        width: 80px;
        font-size: 11px;
        font-weight: 400; }
      aside.update .group .tall-segment.content > ul > li .line-icon,
      section.newUpdate .group .tall-segment.content > ul > li .line-icon {
        display: inline-block; }
      aside.update .group .tall-segment.content > ul > li .fill-icon,
      section.newUpdate .group .tall-segment.content > ul > li .fill-icon {
        display: none; }
      aside.update .group .tall-segment.content > ul > li:first-child,
      section.newUpdate .group .tall-segment.content > ul > li:first-child {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      aside.update .group .tall-segment.content > ul > li:last-child,
      section.newUpdate .group .tall-segment.content > ul > li:last-child {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      aside.update .group .tall-segment.content > ul > li::after,
      section.newUpdate .group .tall-segment.content > ul > li::after {
        height: 46px !important; }
      aside.update .group .tall-segment.content > ul > li:hover .line-icon,
      section.newUpdate .group .tall-segment.content > ul > li:hover .line-icon {
        display: none; }
      aside.update .group .tall-segment.content > ul > li:hover .fill-icon,
      section.newUpdate .group .tall-segment.content > ul > li:hover .fill-icon {
        display: inline-block; }
  aside.update .group .dropdown-chips .chip,
  section.newUpdate .group .dropdown-chips .chip {
    width: 100%; }
    aside.update .group .dropdown-chips .chip .image-container,
    section.newUpdate .group .dropdown-chips .chip .image-container {
      position: absolute;
      top: 3px;
      width: 32px;
      text-align: center; }
      aside.update .group .dropdown-chips .chip .image-container img,
      section.newUpdate .group .dropdown-chips .chip .image-container img {
        max-width: 32px;
        max-height: 16px; }
    aside.update .group .dropdown-chips .chip .one-line,
    aside.update .group .dropdown-chips .chip .two-line,
    section.newUpdate .group .dropdown-chips .chip .one-line,
    section.newUpdate .group .dropdown-chips .chip .two-line {
      margin-left: 40px; }
  aside.update .group .checkbox,
  aside.update .group .radio,
  section.newUpdate .group .checkbox,
  section.newUpdate .group .radio {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #cacaca;
    background: #fff;
    color: #638BCE;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 8px 8px 8px 0px;
    cursor: pointer; }
    aside.update .group .checkbox i,
    aside.update .group .radio i,
    section.newUpdate .group .checkbox i,
    section.newUpdate .group .radio i {
      position: relative;
      left: 2px;
      top: -1px;
      opacity: 0;
      font-size: 11px; }
    aside.update .group .checkbox.visible,
    aside.update .group .radio.visible,
    section.newUpdate .group .checkbox.visible,
    section.newUpdate .group .radio.visible {
      color: #fff;
      background: #638BCE; }
      aside.update .group .checkbox.visible i,
      aside.update .group .radio.visible i,
      section.newUpdate .group .checkbox.visible i,
      section.newUpdate .group .radio.visible i {
        opacity: 1; }
    aside.update .group .checkbox:hover,
    aside.update .group .radio:hover,
    section.newUpdate .group .checkbox:hover,
    section.newUpdate .group .radio:hover {
      color: #fff;
      background: #b1c5e7; }
      aside.update .group .checkbox:hover i,
      aside.update .group .radio:hover i,
      section.newUpdate .group .checkbox:hover i,
      section.newUpdate .group .radio:hover i {
        opacity: 1; }
      aside.update .group .checkbox:hover.visible,
      aside.update .group .radio:hover.visible,
      section.newUpdate .group .checkbox:hover.visible,
      section.newUpdate .group .radio:hover.visible {
        background: #638BCE; }
    aside.update .group .checkbox.radio,
    aside.update .group .radio.radio,
    section.newUpdate .group .checkbox.radio,
    section.newUpdate .group .radio.radio {
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      margin: 0px;
      width: 18px;
      height: 18px; }
      aside.update .group .checkbox.radio:hover,
      aside.update .group .radio.radio:hover,
      section.newUpdate .group .checkbox.radio:hover,
      section.newUpdate .group .radio.radio:hover {
        background: #fff;
        border-color: #97abcc; }
        aside.update .group .checkbox.radio:hover i,
        aside.update .group .radio.radio:hover i,
        section.newUpdate .group .checkbox.radio:hover i,
        section.newUpdate .group .radio.radio:hover i {
          opacity: 0.5; }
      aside.update .group .checkbox.radio.visible,
      aside.update .group .radio.radio.visible,
      section.newUpdate .group .checkbox.radio.visible,
      section.newUpdate .group .radio.radio.visible {
        background: #fff;
        border-color: #638BCE; }
      aside.update .group .checkbox.radio i,
      aside.update .group .radio.radio i,
      section.newUpdate .group .checkbox.radio i,
      section.newUpdate .group .radio.radio i {
        content: '';
        width: 8px;
        height: 8px;
        background: #638BCE;
        display: block;
        top: 4px;
        left: 4px;
        border-radius: 50%; }
  aside.update .group .checkbox-text,
  section.newUpdate .group .checkbox-text {
    font-size: 12px;
    font-weight: 500;
    color: #555;
    line-height: 16px;
    display: inline-block;
    margin-top: 9px; }
  aside.update .group .clear-sentiment,
  section.newUpdate .group .clear-sentiment {
    position: absolute;
    right: 0px;
    top: 1px; }
    aside.update .group .clear-sentiment.hidden,
    section.newUpdate .group .clear-sentiment.hidden {
      opacity: 0;
      pointer-events: none; }
  aside.update .group .radio-container,
  section.newUpdate .group .radio-container {
    padding: 0px 16px 12px;
    margin: 22px auto 0px;
    border-bottom: 1px solid #cacaca; }
  aside.update .group .radio-horizontal,
  section.newUpdate .group .radio-horizontal {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    position: relative;
    height: 44px;
    border-top: 4px solid #e1e2ee;
    display: table;
    width: 100%; }
    aside.update .group .radio-horizontal > li,
    section.newUpdate .group .radio-horizontal > li {
      display: table-cell;
      text-align: center;
      position: relative;
      top: -11px;
      text-align: left; }
      aside.update .group .radio-horizontal > li > span,
      section.newUpdate .group .radio-horizontal > li > span {
        font-weight: 400;
        color: #555;
        letter-spacing: .2px;
        display: block;
        font-size: 11px;
        line-height: 13px;
        text-align: center;
        position: absolute;
        width: 48px;
        top: 22px;
        left: -15px; }
      aside.update .group .radio-horizontal > li .radio,
      aside.update .group .radio-horizontal > li .help-sentiment,
      section.newUpdate .group .radio-horizontal > li .radio,
      section.newUpdate .group .radio-horizontal > li .help-sentiment {
        text-align: center; }
      aside.update .group .radio-horizontal > li.sentiment-1,
      section.newUpdate .group .radio-horizontal > li.sentiment-1 {
        text-align: left; }
      aside.update .group .radio-horizontal > li.sentiment-2,
      section.newUpdate .group .radio-horizontal > li.sentiment-2 {
        text-align: left; }
        aside.update .group .radio-horizontal > li.sentiment-2 .radio,
        section.newUpdate .group .radio-horizontal > li.sentiment-2 .radio {
          position: relative;
          left: 8px; }
        aside.update .group .radio-horizontal > li.sentiment-2 span,
        section.newUpdate .group .radio-horizontal > li.sentiment-2 span {
          left: -7px; }
      aside.update .group .radio-horizontal > li.sentiment-3,
      section.newUpdate .group .radio-horizontal > li.sentiment-3 {
        text-align: center; }
        aside.update .group .radio-horizontal > li.sentiment-3 span,
        section.newUpdate .group .radio-horizontal > li.sentiment-3 span {
          left: 50%;
          margin-left: -24px; }
      aside.update .group .radio-horizontal > li.sentiment-4,
      section.newUpdate .group .radio-horizontal > li.sentiment-4 {
        text-align: right; }
        aside.update .group .radio-horizontal > li.sentiment-4 .radio,
        section.newUpdate .group .radio-horizontal > li.sentiment-4 .radio {
          position: relative;
          right: 8px; }
        aside.update .group .radio-horizontal > li.sentiment-4 span,
        section.newUpdate .group .radio-horizontal > li.sentiment-4 span {
          left: auto;
          right: -7px; }
      aside.update .group .radio-horizontal > li.sentiment-5,
      section.newUpdate .group .radio-horizontal > li.sentiment-5 {
        text-align: right; }
        aside.update .group .radio-horizontal > li.sentiment-5 span,
        section.newUpdate .group .radio-horizontal > li.sentiment-5 span {
          left: auto;
          right: -15px; }
  aside.update .group .help,
  section.newUpdate .group .help {
    text-align: right;
    bottom: 58px;
    position: absolute;
    right: 18px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out; }
    aside.update .group .help .help-sentiment,
    section.newUpdate .group .help .help-sentiment {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      width: 19px;
      height: 19px;
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #e1e2ee;
      border: 1px solid rgba(0, 0, 0, 0.1);
      position: absolute;
      right: -16px;
      top: -2px;
      cursor: pointer;
      color: #999;
      text-align: center; }
      aside.update .group .help .help-sentiment span,
      section.newUpdate .group .help .help-sentiment span {
        font-size: 13px;
        font-weight: 400;
        display: block;
        position: relative;
        top: -3px;
        left: .5px; }
      aside.update .group .help .help-sentiment:hover,
      section.newUpdate .group .help .help-sentiment:hover {
        color: #fff;
        background: #638BCE; }

#updates {
  width: 100%;
  vertical-align: top;
  padding: 0;
  margin: 0;
  line-height: 23px;
  font-size: 15px;
  position: relative;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3; }
  #updates.show-narrative article .update-details {
    display: block; }
    #updates.show-narrative article .update-details .hero-image {
      padding-right: 0; }
    #updates.show-narrative article .update-details .description {
      display: block;
      font-size: 14px;
      line-height: 20px; }
    #updates.show-narrative article .update-details .short-description {
      display: none; }
  #updates.show-narrative article .view-and-share {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: none; }
  #updates.show-narrative article .metrics {
    display: none; }
  #updates.public-updates article .metrics {
    border-top: 1px solid #ddd; }
    #updates.public-updates article .metrics > li:first-child {
      border-top: none; }
    #updates.public-updates article .metrics li:hover {
      color: #aaa !important; }
      #updates.public-updates article .metrics li:hover > span {
        color: #777 !important; }
  #updates article {
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 16px 16px 0px;
    margin: 4px 0px 12px; }
    #updates article section.clickable {
      margin: -16px -16px 0px;
      padding: 16px 16px 0px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    #updates article .view-and-share {
      background: #f0f0f0;
      margin: 0px -16px;
      padding: 8px 16px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid #ddd; }
      #updates article .view-and-share .button, #updates article .view-and-share .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate #updates article .view-and-share .paginate_button {
        color: #638BCE;
        border-color: rgba(0, 0, 0, 0.15); }
        #updates article .view-and-share .button:hover, #updates article .view-and-share .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate #updates article .view-and-share .paginate_button:hover {
          border-color: #638BCE; }
      #updates article .view-and-share .social-buttons {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        width: 120px;
        position: absolute;
        display: inline-block;
        text-align: right;
        margin-top: -3px;
        right: 0; }
        #updates article .view-and-share .social-buttons .button-group {
          -webkit-transform: scale(0.85);
          -moz-transform: scale(0.85);
          -ms-transform: scale(0.85);
          -o-transform: scale(0.85);
          cursor: pointer;
          display: inline-block;
          vertical-align: top;
          margin-right: 4px;
          opacity: 0.8; }
          #updates article .view-and-share .social-buttons .button-group:nth-last-child(2) {
            margin-right: 0; }
          #updates article .view-and-share .social-buttons .button-group:hover {
            opacity: 1; }
          #updates article .view-and-share .social-buttons .button-group .share-count {
            display: none; }
      #updates article .view-and-share .no-share {
        font-weight: 500;
        color: #76798d;
        line-height: 26px;
        font-size: 12px;
        float: right; }
    #updates article .date {
      margin-bottom: 4px;
      margin-top: -8px;
      font-size: 12px;
      color: #777;
      font-weight: 500;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }
    #updates article h2 {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      font-weight: 500;
      font-size: 16px;
      color: #638BCE;
      line-height: 20px;
      margin-bottom: 12px;
      cursor: pointer; }
      #updates article h2:hover {
        color: #3d6ec1;
        text-decoration: underline; }
    #updates article .update-details {
      display: flex;
      align-items: flex-start;
      padding-bottom: 12px; }
      #updates article .update-details .hero-image {
        flex: 0 0 40%;
        padding: 0px 12px 12px 0px; }
        #updates article .update-details .hero-image img {
          width: 100%;
          cursor: pointer; }
          #updates article .update-details .hero-image img:hover {
            opacity: 0.8; }
      #updates article .update-details .description,
      #updates article .update-details .short-description {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        flex: 0 0 60%;
        font-size: 13px;
        line-height: 18px;
        color: #555;
        margin: 0px;
        display: block; }
        #updates article .update-details .description p:not(:last-child),
        #updates article .update-details .short-description p:not(:last-child) {
          margin-bottom: 8px; }
      #updates article .update-details .description {
        display: none; }
      #updates article .update-details .short-description {
        display: block; }
    #updates article .mini-button.full-width {
      margin-bottom: 16px; }
    #updates article .metrics {
      margin: 0px -16px;
      width: calc(100% + 32px);
      padding: 0px 16px;
      background: #fafafa;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      #updates article .metrics li {
        padding: 10px 0 8px;
        font-size: 14px;
        font-weight: 500;
        color: #aaa;
        position: relative;
        cursor: default; }
        #updates article .metrics li:not(:nth-child(2)) {
          border-top: 1px solid #d6d6d8; }
        #updates article .metrics li.metric-group {
          border-top: none;
          padding-bottom: 0px;
          font-size: 0px; }
        #updates article .metrics li span {
          font-size: 13px; }
        #updates article .metrics li.hover {
          color: #638BCE !important; }
          #updates article .metrics li.hover > span {
            color: #638BCE !important; }
        #updates article .metrics li > .u-tag-f {
          position: relative;
          top: 2px; }
        #updates article .metrics li .individual {
          font-size: 0px;
          margin: 4px 0px 8px;
          padding-bottom: 8px;
          position: relative; }
          #updates article .metrics li .individual:last-child {
            margin-bottom: 0px;
            border-bottom: 1px solid #d0d1de; }
          #updates article .metrics li .individual .individual-left {
            -webkit-border-top-right-radius: 50%;
            -webkit-border-bottom-right-radius: 50%;
            -webkit-border-bottom-left-radius: 50%;
            -webkit-border-top-left-radius: 50%;
            -moz-border-radius-topright: 50%;
            -moz-border-radius-bottomright: 50%;
            -moz-border-radius-bottomleft: 50%;
            -moz-border-radius-topleft: 50%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            border-top-left-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            position: absolute;
            width: 32px;
            height: 32px;
            background: #fff;
            color: #76798d;
            font-size: 25px;
            padding-top: 2px;
            text-align: center;
            top: -6px;
            left: 0px; }
          #updates article .metrics li .individual .metric-name {
            -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: #f0f0f0;
            font-size: 12px;
            line-height: 20px;
            padding-left: 40px;
            color: #777;
            font-weight: 500; }
          #updates article .metrics li .individual .individual-right {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            padding: 6px 24px 0px 40px; }
          #updates article .metrics li .individual .value {
            font-size: 15px;
            font-weight: 500;
            color: #555;
            line-height: 20px;
            display: block; }
          #updates article .metrics li .individual .label {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            display: block;
            color: #76798d;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            cursor: pointer; }
            #updates article .metrics li .individual .label i {
              margin: 0px 4px;
              position: relative;
              font-size: 11px;
              top: 1px; }
            #updates article .metrics li .individual .label:hover {
              color: #638BCE; }
        #updates article .metrics li span.right {
          float: right;
          color: #777;
          font-weight: 500;
          font-size: 13px; }
          #updates article .metrics li span.right.metric-type {
            color: #76798d; }
          #updates article .metrics li span.right i {
            font-size: 13px;
            margin-right: 4px;
            margin-left: 12px;
            position: relative;
            top: 1px; }
        #updates article .metrics li > .flock,
        #updates article .metrics li > .futil {
          font-size: 16px;
          width: 18px; }
      #updates article .metrics .update-dropdown {
        pointer-events: none;
        display: none;
        opacity: 0;
        position: absolute;
        bottom: 41px;
        background: #fff;
        width: 100%;
        padding: 4px 16px 8px;
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #d0d1de;
        z-index: 5; }
        #updates article .metrics .update-dropdown.visible {
          opacity: 1;
          display: block; }
        #updates article .metrics .update-dropdown .file {
          display: block;
          line-height: 18px;
          color: #777;
          margin-bottom: 4px; }
          #updates article .metrics .update-dropdown .file i {
            margin-right: 8px; }
        #updates article .metrics .update-dropdown span {
          float: none;
          display: inline-block; }
          #updates article .metrics .update-dropdown span.dropdown-title {
            font-weight: 500;
            color: #555;
            line-height: 18px; }
        #updates article .metrics .update-dropdown .chip {
          overflow: hidden;
          width: 100%;
          padding: 0px 8px 4px 8px;
          display: block; }
          #updates article .metrics .update-dropdown .chip .image-container {
            position: relative;
            top: 1px;
            vertical-align: middle;
            margin-right: 4px;
            text-align: center;
            width: 24px; }
            #updates article .metrics .update-dropdown .chip .image-container .chip-image {
              width: 16px;
              vertical-align: middle; }
          #updates article .metrics .update-dropdown .chip span:not(.count) {
            vertical-align: top;
            width: calc(100% - 28px); }
          #updates article .metrics .update-dropdown .chip span.title.tag {
            margin-left: 28px; }
          #updates article .metrics .update-dropdown .chip .count {
            font-size: 12px;
            width: 24px; }

.update-window {
  height: 100%;
  width: 100%;
  position: fixed;
  padding: 40px;
  top: 0px;
  left: 0px;
  z-index: 31;
  display: none;
  opacity: 0;
  text-align: center; }
  .update-window .update-bg {
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0; }
  .update-window .update-detail {
    height: 100%;
    width: 100%;
    max-width: 1300px;
    background: #fff;
    z-index: 3;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
    font-size: 0px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    overflow: hidden; }
    .update-window .update-detail > h3 {
      z-index: 20;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      line-height: 48px;
      background: #e1e2ee;
      padding: 0px 56px 0px 48px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid #cacaca; }
      .update-window .update-detail > h3 .close-modal {
        position: absolute;
        z-index: 1005;
        top: 2px;
        right: 24px;
        color: #999;
        cursor: pointer; }
        .update-window .update-detail > h3 .close-modal .u-ex {
          font-size: 24px; }
        .update-window .update-detail > h3 .close-modal:hover {
          color: #555; }
      .update-window .update-detail > h3 .edit-modal {
        position: absolute;
        z-index: 1005;
        top: 0px;
        right: 56px;
        color: #999;
        cursor: pointer; }
        .update-window .update-detail > h3 .edit-modal .u-ex {
          font-size: 24px; }
        .update-window .update-detail > h3 .edit-modal:hover {
          color: #555; }
    .update-window .update-detail .inner {
      padding: 24px;
      overflow-y: auto;
      height: calc(100% - 99px);
      background: #fcfcff; }
    .update-window .update-detail h1 {
      margin-bottom: 8px;
      text-align: center;
      color: #444; }
    .update-window .update-detail .date {
      text-align: center;
      font-weight: 500;
      color: #555; }
      .update-window .update-detail .date .u-globe-f {
        font-size: 13px;
        position: relative;
        top: 1px; }
    .update-window .update-detail .privacy {
      text-align: center;
      font-size: 13px;
      font-weight: 500;
      color: #777; }
      .update-window .update-detail .privacy::after {
        content: '';
        margin: 16px auto 24px;
        width: 80px;
        background: #777;
        height: 2px;
        display: block; }
    .update-window .update-detail h4 {
      font-size: 15px;
      color: #555;
      font-weight: 500;
      line-height: 40px;
      border-bottom: 1px solid #cacaca; }
    .update-window .update-detail p {
      font-size: 15px;
      color: #444;
      line-height: 24px;
      margin-bottom: 16px; }
    .update-window .update-detail .square p {
      font-size: 13px;
      line-height: 18px;
      margin-bottom: 8px; }
    .update-window .update-detail .update-detail-hero {
      max-width: 100%;
      max-height: 320px;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      margin: 0 auto;
      display: block;
      margin-bottom: 24px; }
    .update-window .update-detail .metric-cards {
      margin-bottom: 24px; }
      .update-window .update-detail .metric-cards .metric-card {
        border: 1px solid #ddd; }
        .update-window .update-detail .metric-cards .metric-card .value {
          font-size: 24px;
          line-height: 32px; }
    .update-window .update-detail .left-half {
      display: inline-block;
      width: 60%;
      vertical-align: top;
      padding-right: 48px;
      padding-left: 24px; }
      .update-window .update-detail .left-half .metric-card {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        background: #fff;
        font-size: 13px;
        position: relative;
        z-index: 2;
        margin-bottom: 16px;
        margin: 4px; }
        .update-window .update-detail .left-half .metric-card.full-width {
          margin-top: 28px;
          width: 100%;
          text-align: left;
          padding: 32px 24px 12px;
          line-height: 12px; }
          .update-window .update-detail .left-half .metric-card.full-width .value {
            display: block;
            margin-bottom: 2px; }
          .update-window .update-detail .left-half .metric-card.full-width .value-label {
            font-size: 12px;
            line-height: 16px;
            font-weight: 500;
            color: #76798d;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            padding-top: 3px;
            cursor: pointer;
            display: inline; }
            .update-window .update-detail .left-half .metric-card.full-width .value-label .count {
              display: inline-block;
              margin-left: 4px; }
              .update-window .update-detail .left-half .metric-card.full-width .value-label .count i {
                margin-right: 4px;
                position: relative;
                top: 1px; }
            .update-window .update-detail .left-half .metric-card.full-width .value-label:hover {
              color: #638BCE; }
          .update-window .update-detail .left-half .metric-card.full-width > ul {
            font-size: 0;
            margin: 0px 20px;
            display: flex; }
            .update-window .update-detail .left-half .metric-card.full-width > ul > li {
              line-height: 12px;
              flex: 1;
              padding: 8px 0px;
              width: calc(50% - 16px);
              vertical-align: top; }
              .update-window .update-detail .left-half .metric-card.full-width > ul > li:nth-child(odd) {
                margin-right: 16px; }
              .update-window .update-detail .left-half .metric-card.full-width > ul > li:nth-child(even) {
                margin-left: 16px; }
              .update-window .update-detail .left-half .metric-card.full-width > ul > li.last {
                margin: 0 !important; }
        .update-window .update-detail .left-half .metric-card .large-type {
          position: absolute;
          top: 0px;
          left: 0px;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          background: #76798d;
          color: #fff;
          margin-left: -16px;
          margin-top: -12px;
          width: 48px;
          height: 48px;
          font-size: 32px;
          z-index: 4;
          padding-top: 5px;
          text-align: center; }
        .update-window .update-detail .left-half .metric-card .value {
          font-size: 24px;
          line-height: 28px;
          font-weight: 500;
          color: #555; }
          .update-window .update-detail .left-half .metric-card .value.positive {
            color: #509356; }
          .update-window .update-detail .left-half .metric-card .value.neutral {
            color: #777; }
        .update-window .update-detail .left-half .metric-card .metric-details {
          position: absolute;
          top: 0px;
          width: 100%;
          margin-left: -24px;
          background: #f6f6f6;
          font-weight: 500;
          line-height: 18px;
          color: #76798d;
          padding: 3px 0px;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border-bottom: 1px solid #ddd;
          font-size: 13px; }
          .update-window .update-detail .left-half .metric-card .metric-details .metric-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            display: block;
            text-align: left;
            margin-left: 44px; }
          .update-window .update-detail .left-half .metric-card .metric-details .view-tag {
            position: absolute;
            right: 8px;
            top: 4px; }
      .update-window .update-detail .left-half .task-assignees {
        padding-top: 4px;
        margin-bottom: 16px; }
        .update-window .update-detail .left-half .task-assignees p {
          margin: 0px; }
        .update-window .update-detail .left-half .task-assignees li {
          border-top: 1px solid #cacaca;
          padding: 4px 0px; }
          .update-window .update-detail .left-half .task-assignees li .whole-block {
            margin-bottom: 0px;
            width: 100%;
            padding: 8px 24px; }
          .update-window .update-detail .left-half .task-assignees li.assigner .whole-block {
            padding: 12px 0px 4px; }
            .update-window .update-detail .left-half .task-assignees li.assigner .whole-block.assignee {
              border-bottom: none; }
          .update-window .update-detail .left-half .task-assignees li .assignee-image {
            display: inline-block;
            vertical-align: top;
            width: 48px; }
            .update-window .update-detail .left-half .task-assignees li .assignee-image .remove-answer {
              width: 15px;
              height: 15px;
              -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              -webkit-transition: all 300ms ease-in-out;
              -moz-transition: all 300ms ease-in-out;
              -ms-transition: all 300ms ease-in-out;
              -o-transition: all 300ms ease-in-out;
              position: absolute;
              right: -7px;
              top: -7px;
              background: #fff;
              text-align: center;
              cursor: pointer;
              color: #777; }
              .update-window .update-detail .left-half .task-assignees li .assignee-image .remove-answer:hover {
                color: #fff;
                background: #76798d; }
              .update-window .update-detail .left-half .task-assignees li .assignee-image .remove-answer i {
                margin-right: 0px;
                font-size: 10px;
                position: relative;
                top: -5px;
                left: 1px; }
            .update-window .update-detail .left-half .task-assignees li .assignee-image img {
              width: 36px;
              height: 36px;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              border: 1px solid #999; }
            .update-window .update-detail .left-half .task-assignees li .assignee-image .assignee-no-photo {
              -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              border: 1px solid #999;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              letter-spacing: 1px;
              width: 36px;
              height: 36px;
              display: block;
              background: #434282;
              color: #fff;
              font-weight: 400;
              font-size: 18px;
              line-height: 36px;
              text-align: center; }
          .update-window .update-detail .left-half .task-assignees li .assignee-details {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 248px); }
            .update-window .update-detail .left-half .task-assignees li .assignee-details .assignee-name {
              font-size: 13px;
              line-height: 20px;
              font-weight: 500; }
            .update-window .update-detail .left-half .task-assignees li .assignee-details .assignee-status {
              font-size: 12px;
              line-height: 16px;
              margin-top: 2px;
              font-weight: 500;
              color: #555; }
          .update-window .update-detail .left-half .task-assignees li .share-icons {
            display: inline-block;
            width: 200px;
            vertical-align: top;
            font-size: 18px;
            text-align: right; }
            .update-window .update-detail .left-half .task-assignees li .share-icons > li {
              border: none;
              display: inline-block;
              margin: 0px 4px; }
              .update-window .update-detail .left-half .task-assignees li .share-icons > li .share-icon {
                cursor: pointer; }
              .update-window .update-detail .left-half .task-assignees li .share-icons > li span.share-icon .u-mail {
                font-size: 20px; }
              .update-window .update-detail .left-half .task-assignees li .share-icons > li img.share-icon {
                width: 20px;
                height: 20px; }
    .update-window .update-detail .split-line {
      background: linear-gradient(270deg, #cfcfda 99%, #b2b2c4);
      position: absolute;
      height: 100%;
      width: 40%;
      top: 0px;
      pointer-events: none;
      left: 60%; }
    .update-window .update-detail .right-half {
      display: inline-block;
      width: 40%;
      vertical-align: top;
      padding: 0px 1% 0px calc(1.5% + 24px); }
      .update-window .update-detail .right-half > aside {
        -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-bottom: 20px;
        background: #fff;
        padding: 10px 20px;
        z-index: 2;
        position: relative; }
        .update-window .update-detail .right-half > aside.empty {
          text-align: center; }
        .update-window .update-detail .right-half > aside > .header {
          width: calc(100% + 40px);
          margin: -10px -20px 10px;
          background: #f6f6f6;
          border-bottom: 1px solid #ddd;
          color: #76798d;
          text-align: center;
          line-height: 40px;
          position: relative;
          font-size: 15px;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
        .update-window .update-detail .right-half > aside .add-button {
          margin: 8px 0px; }
        .update-window .update-detail .right-half > aside > ul > li {
          border-bottom: 1px solid #cacaca; }
          .update-window .update-detail .right-half > aside > ul > li.metric {
            padding: 6px 0px 4px; }
          .update-window .update-detail .right-half > aside > ul > li:last-child {
            border-bottom: none; }
          .update-window .update-detail .right-half > aside > ul > li .title {
            font-weight: 500;
            pointer-events: none; }
            .update-window .update-detail .right-half > aside > ul > li .title.left-side {
              float: left;
              margin-right: 8px; }
            .update-window .update-detail .right-half > aside > ul > li .title.grant {
              color: #b77717; }
            .update-window .update-detail .right-half > aside > ul > li .title.request {
              color: #509356; }
            .update-window .update-detail .right-half > aside > ul > li .title.tag {
              color: #638BCE; }
          .update-window .update-detail .right-half > aside > ul > li .line2 {
            font-weight: 500;
            color: #777;
            display: block;
            font-size: 12px;
            line-height: 14px; }
          .update-window .update-detail .right-half > aside > ul > li .image-container {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            pointer-events: none;
            position: relative;
            top: -3px; }
            .update-window .update-detail .right-half > aside > ul > li .image-container span {
              display: inline-block;
              font-size: 13px;
              height: 28px;
              width: 28px;
              margin-right: 12px;
              text-align: center;
              background: #638BCE;
              padding-top: 2px;
              color: #fff;
              font-weight: 500;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              position: relative;
              top: -13px;
              vertical-align: middle; }
          .update-window .update-detail .right-half > aside > ul > li .chip-image {
            max-height: 28px;
            max-width: 28px;
            margin-right: 12px;
            position: relative;
            display: inline-block;
            top: -13px;
            vertical-align: middle; }
            .update-window .update-detail .right-half > aside > ul > li .chip-image.person {
              height: 31px;
              width: 31px;
              border: 1px solid #cacaca;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box; }
          .update-window .update-detail .right-half > aside > ul > li .one-line,
          .update-window .update-detail .right-half > aside > ul > li .two-line {
            font-size: 13px;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: calc(100% - 104px); }
            .update-window .update-detail .right-half > aside > ul > li .one-line span,
            .update-window .update-detail .right-half > aside > ul > li .two-line span {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              pointer-events: all; }
              .update-window .update-detail .right-half > aside > ul > li .one-line span i,
              .update-window .update-detail .right-half > aside > ul > li .two-line span i {
                margin-right: 4px;
                position: relative; }
                .update-window .update-detail .right-half > aside > ul > li .one-line span i:not(.o-requests-alt),
                .update-window .update-detail .right-half > aside > ul > li .two-line span i:not(.o-requests-alt) {
                  top: 1px; }
            .update-window .update-detail .right-half > aside > ul > li .one-line a,
            .update-window .update-detail .right-half > aside > ul > li .two-line a {
              color: inherit;
              font-weight: 500; }
              .update-window .update-detail .right-half > aside > ul > li .one-line a:hover,
              .update-window .update-detail .right-half > aside > ul > li .two-line a:hover {
                text-decoration: underline; }
          .update-window .update-detail .right-half > aside > ul > li .two-line {
            margin-top: 6px; }
        .update-window .update-detail .right-half > aside .metric-type,
        .update-window .update-detail .right-half > aside .file-type {
          display: inline-block;
          font-size: 24px;
          color: #76798d;
          text-align: left;
          width: 40px;
          vertical-align: top;
          padding-top: 9px;
          padding-left: 4px; }
          .update-window .update-detail .right-half > aside .metric-type.file-type,
          .update-window .update-detail .right-half > aside .file-type.file-type {
            padding-top: 15px; }
        .update-window .update-detail .right-half > aside .view-all,
        .update-window .update-detail .right-half > aside .download {
          display: inline-block;
          color: #76798d;
          text-align: right;
          width: 64px;
          vertical-align: top;
          cursor: pointer;
          padding-top: 8px; }
          .update-window .update-detail .right-half > aside .view-all .button, .update-window .update-detail .right-half > aside .view-all .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .update-window .update-detail .right-half > aside .view-all .paginate_button,
          .update-window .update-detail .right-half > aside .download .button,
          .update-window .update-detail .right-half > aside .download .dataTables_wrapper .dataTables_paginate .paginate_button,
          .dataTables_wrapper .dataTables_paginate .update-window .update-detail .right-half > aside .download .paginate_button {
            position: relative;
            padding: 3px 8px;
            min-width: 51px; }
            .update-window .update-detail .right-half > aside .view-all .button i, .update-window .update-detail .right-half > aside .view-all .dataTables_wrapper .dataTables_paginate .paginate_button i, .dataTables_wrapper .dataTables_paginate .update-window .update-detail .right-half > aside .view-all .paginate_button i,
            .update-window .update-detail .right-half > aside .download .button i,
            .update-window .update-detail .right-half > aside .download .dataTables_wrapper .dataTables_paginate .paginate_button i,
            .dataTables_wrapper .dataTables_paginate .update-window .update-detail .right-half > aside .download .paginate_button i {
              font-size: 15px;
              margin-right: 4px;
              position: relative;
              top: 2px; }
          .update-window .update-detail .right-half > aside .view-all.for-grant,
          .update-window .update-detail .right-half > aside .download.for-grant {
            padding-top: 16px; }
          .update-window .update-detail .right-half > aside .view-all.download,
          .update-window .update-detail .right-half > aside .download.download {
            padding-top: 16px; }
    .update-window .update-detail .bottom-actions {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 0 1px 8px rgba(80, 80, 80, 0.1);
      -moz-box-shadow: inset 0 1px 8px rgba(80, 80, 80, 0.1);
      box-shadow: inset 0 1px 8px rgba(80, 80, 80, 0.1);
      position: relative;
      padding: 8px 36px;
      background: #f2f3f9;
      background-clip: padding-box;
      height: 50px;
      /* The switch - the box around the slider */
      /* The slider */ }
      .update-window .update-detail .bottom-actions .social-buttons {
        width: 120px;
        position: absolute;
        left: calc(50% - 60px);
        top: 8px;
        text-align: center; }
        .update-window .update-detail .bottom-actions .social-buttons .button-group {
          -webkit-transform: scale(0.85);
          -moz-transform: scale(0.85);
          -ms-transform: scale(0.85);
          -o-transform: scale(0.85);
          cursor: pointer;
          display: inline-block;
          vertical-align: top;
          margin-right: 4px;
          margin-top: 2px;
          opacity: 0.8; }
          .update-window .update-detail .bottom-actions .social-buttons .button-group:nth-last-child(2) {
            margin-right: 0; }
          .update-window .update-detail .bottom-actions .social-buttons .button-group:hover {
            opacity: 1; }
          .update-window .update-detail .bottom-actions .social-buttons .button-group .share-count {
            display: none; }
      .update-window .update-detail .bottom-actions .privacy-label {
        font-size: 12px;
        line-height: 34px;
        color: #777;
        font-weight: 500; }
      .update-window .update-detail .bottom-actions .switch {
        position: relative;
        display: inline-block;
        width: 32px;
        height: 14px;
        margin-top: 10px;
        margin-left: 12px;
        vertical-align: top; }
        .update-window .update-detail .bottom-actions .switch.active::after {
          content: 'Shown on Public Updates Wall' !important; }
        .update-window .update-detail .bottom-actions .switch input {
          display: none; }
      .update-window .update-detail .bottom-actions .slider {
        -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-transition: .4s;
        transition: .4s; }
        .update-window .update-detail .bottom-actions .slider:hover::before {
          color: #638BCE; }
        .update-window .update-detail .bottom-actions .slider::before {
          -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
          -webkit-transition: color 100ms ease-in-out, transform 300ms ease;
          -moz-transition: color 100ms ease-in-out, transform 300ms ease;
          -ms-transition: color 100ms ease-in-out, transform 300ms ease;
          -o-transition: color 100ms ease-in-out, transform 300ms ease;
          position: absolute;
          font: normal normal normal 16px/1 futility;
          content: "\f0CA";
          height: 20px;
          width: 20px;
          left: -3px;
          bottom: -3px;
          background-color: white;
          color: #777;
          font-size: 14px;
          padding-top: 3px;
          text-align: center; }
      .update-window .update-detail .bottom-actions input:checked + .slider {
        background-color: rgba(99, 139, 206, 0.8); }
        .update-window .update-detail .bottom-actions input:checked + .slider::before {
          -webkit-transform: translateX(16px);
          -moz-transform: translateX(16px);
          -ms-transform: translateX(16px);
          -o-transform: translateX(16px); }
      .update-window .update-detail .bottom-actions input:focus + .slider {
        box-shadow: 0 0 1px #638BCE; }
      .update-window .update-detail .bottom-actions .slider.round {
        border-radius: 24px; }
        .update-window .update-detail .bottom-actions .slider.round::before {
          border-radius: 50%; }
      .update-window .update-detail .bottom-actions .submit-area {
        float: right; }
      .update-window .update-detail .bottom-actions .cover-socials {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        width: 124px;
        height: 34px;
        background: rgba(242, 243, 249, 0.6);
        position: absolute;
        left: -2px;
        top: 0px;
        opacity: 0;
        pointer-events: none; }
        .update-window .update-detail .bottom-actions .cover-socials.visible {
          opacity: 1;
          pointer-events: all; }

.gt_header {
  width: 65%;
  margin-left: 0;
  background: #333;
  text-align: center; }
  .gt_header img {
    max-width: 100%; }

.gt_content {
  width: 65%;
  text-align: center; }
  .gt_content img {
    display: block;
    margin: auto;
    max-width: 100%; }
  .gt_content button {
    display: inline-block;
    margin: 10px 20px 40px; }

.gt_aside {
  top: 55px;
  padding: 79px 24px 24px; }
  .gt_aside .dropdown {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 0 auto; }
  .gt_aside .logo {
    width: 100%;
    max-width: 220px;
    max-height: 220px;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px; }

/*  FLUXX DOCK | FLOCK
	  UPDATED 032617
 * -------------------------- */
@font-face {
  font-family: 'flock';
  src: url("../font/flock.eot?v=2.0.1");
  src: url("../font/flock.eot?#iefix&v=2.0.1") format("embedded-opentype"), url("../font/flock.woff?v=2.0.1") format("woff"), url("../font/flock.ttf?v=2.0.1") format("truetype"), url("../font/flock.svg?v=2.0.1#flock") format("svg");
  font-weight: normal;
  font-style: normal; }
.flock {
  display: inline-block;
  font: normal normal normal 16px/1 flock;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.flock-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.flock-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.flock-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.flock-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.flock-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .flock-rotate-90,
:root .flock-rotate-180,
:root .flock-rotate-270,
:root .flock-flip-horizontal,
:root .flock-flip-vertical {
  filter: none; }

.flock:before,
.flock-e.reveal:hover:before {
  content: "\f01A"; }

.flock-e:before,
.flock.reveal:hover:before {
  content: "\e01A"; }

.o-ql-user:before,
.o-ql-user-e.reveal:hover:before {
  content: "\f001"; }

.o-ql-user-e:before,
.o-ql-user.reveal:hover:before {
  content: "\e001"; }

.o-users:before,
.o-users-e.reveal:hover:before {
  content: "\f001"; }

.o-users-e:before,
.o-users.reveal:hover:before {
  content: "\e001"; }

.o-people:before,
.o-people-e.reveal:hover:before {
  content: "\f001"; }

.o-people-e:before,
.o-people.reveal:hover:before {
  content: "\e001"; }

.o-ql-deal:before,
.o-ql-deal-e.reveal:hover:before {
  content: "\f002"; }

.o-ql-deal-e:before,
.o-ql-deal.reveal:hover:before {
  content: "\e002"; }

.o-deals:before,
.o-deals-e.reveal:hover:before {
  content: "\f002"; }

.o-deals-e:before,
.o-deals.reveal:hover:before {
  content: "\e002"; }

.o-opportunity-deals:before,
.o-opportunity-deals-e.reveal:hover:before {
  content: "\f002"; }

.o-opportunity-deals-e:before,
.o-opportunity-deals.reveal:hover:before {
  content: "\e002"; }

.o-fip-requests:before,
.o-fip-requests-e.reveal:hover:before {
  content: "\f002"; }

.o-fip-requests-e:before,
.o-fip-requests.reveal:hover:before {
  content: "\e002"; }

.o-grant-requests:before,
.o-grant-requests-e.reveal:hover:before {
  content: "\f002"; }

.o-grant-requests-e:before,
.o-grant-requests.reveal:hover:before {
  content: "\e002"; }

.o-requests:before,
.o-requests-e.reveal:hover:before {
  content: "\f002"; }

.o-requests-e:before,
.o-requests.reveal:hover:before {
  content: "\e002"; }

.o-closed-deals:before,
.o-closed-deals-e.reveal:hover:before {
  content: "\f003"; }

.o-closed-deals-e:before,
.o-closed-deals.reveal:hover:before {
  content: "\e003"; }

.o-granted-requests:before,
.o-granted-requests-e.reveal:hover:before {
  content: "\f003"; }

.o-granted-requests-e:before,
.o-granted-requests.reveal:hover:before {
  content: "\e003"; }

.o-grants:before,
.o-grants-e.reveal:hover:before {
  content: "\f003"; }

.o-grants-e:before,
.o-grants.reveal:hover:before {
  content: "\e003"; }

.o-ql-library:before,
.o-ql-library-e.reveal:hover:before {
  content: "\f004"; }

.o-ql-library-e:before,
.o-ql-library.reveal:hover:before {
  content: "\e004"; }

.o-organizations:before,
.o-organizations-e.reveal:hover:before {
  content: "\f004"; }

.o-organizations-e:before,
.o-organizations.reveal:hover:before {
  content: "\e004"; }

.o-request-transactions:before,
.o-request-transactions-e.reveal:hover:before {
  content: "\f005"; }

.o-request-transactions-e:before,
.o-request-transactions.reveal:hover:before {
  content: "\e005"; }

.o-transactions:before,
.o-transactions-e.reveal:hover:before {
  content: "\f005"; }

.o-transactions-e:before,
.o-transactions.reveal:hover:before {
  content: "\e005"; }

.o-payments:before,
.o-payments-e.reveal:hover:before {
  content: "\f005"; }

.o-payments-e:before,
.o-payments.reveal:hover:before {
  content: "\e005"; }

.o-request-reports:before,
.o-request-reports-e.reveal:hover:before {
  content: "\f006"; }

.o-request-reports-e:before,
.o-request-reports.reveal:hover:before {
  content: "\e006"; }

.o-reports:before,
.o-reports-e.reveal:hover:before {
  content: "\f006"; }

.o-reports-e:before,
.o-reports.reveal:hover:before {
  content: "\e006"; }

.o-requirements:before,
.o-requirements-e.reveal:hover:before {
  content: "\f006"; }

.o-requirements-e:before,
.o-requirements.reveal:hover:before {
  content: "\e006"; }

.o-ql-documents:before,
.o-ql-documents-e.reveal:hover:before {
  content: "\f007"; }

.o-ql-documents-e:before,
.o-ql-documents.reveal:hover:before {
  content: "\e007"; }

.o-wiki:before,
.o-wiki-e.reveal:hover:before {
  content: "\f007"; }

.o-wiki-e:before,
.o-wiki.reveal:hover:before {
  content: "\e007"; }

.o-documents:before,
.o-documents-e.reveal:hover:before {
  content: "\f007"; }

.o-documents-e:before,
.o-documents.reveal:hover:before {
  content: "\e007"; }

.o-request-reviews:before,
.o-request-reviews-e.reveal:hover:before {
  content: "\f009"; }

.o-request-reviews-e:before,
.o-request-reviews.reveal:hover:before {
  content: "\e009"; }

.o-reviews:before,
.o-reviews-e.reveal:hover:before {
  content: "\f009"; }

.o-reviews-e:before,
.o-reviews.reveal:hover:before {
  content: "\e009"; }

.o-ql-project:before,
.o-ql-project-e.reveal:hover:before {
  content: "\f00A"; }

.o-ql-project-e:before,
.o-ql-project.reveal:hover:before {
  content: "\e00A"; }

.o-projects:before,
.o-projects-e.reveal:hover:before {
  content: "\f00A"; }

.o-projects-e:before,
.o-projects.reveal:hover:before {
  content: "\e00A"; }

.o-leads:before,
.o-leads-e.reveal:hover:before {
  content: "\f00B"; }

.o-leads-e:before,
.o-leads.reveal:hover:before {
  content: "\e00B"; }

.o-lois:before,
.o-lois-e.reveal:hover:before {
  content: "\f00B"; }

.o-lois-e:before,
.o-lois.reveal:hover:before {
  content: "\e00B"; }

.o-loi:before,
.o-loi-e.reveal:hover:before {
  content: "\f00B"; }

.o-loi-e:before,
.o-loi.reveal:hover:before {
  content: "\e00B"; }

.o-admin-cards:before,
.o-admin-cards-e.reveal:hover:before {
  content: "\f00C"; }

.o-admin-cards-e:before,
.o-admin-cards.reveal:hover:before {
  content: "\e00C"; }

.style-admin-cards:before,
.style-admin-cards-e.reveal:hover:before {
  content: "\f00C"; }

.style-admin-cards-e:before,
.style-admin-cards.reveal:hover:before {
  content: "\e00C"; }

.o-adhoc-reports:before,
.o-adhoc-reports-e.reveal:hover:before {
  content: "\f00D"; }

.o-adhoc-reports-e:before,
.o-adhoc-reports.reveal:hover:before {
  content: "\e00D"; }

.o-adhoc:before,
.o-adhoc-e.reveal:hover:before {
  content: "\f00D"; }

.o-adhoc-e:before,
.o-adhoc.reveal:hover:before {
  content: "\e00D"; }

.o-excel-reports:before,
.o-excel-reports-e.reveal:hover:before {
  content: "\f00E"; }

.o-excel-reports-e:before,
.o-excel-reports.reveal:hover:before {
  content: "\e00E"; }

.o-excel:before,
.o-excel-e.reveal:hover:before {
  content: "\f00E"; }

.o-excel-e:before,
.o-excel.reveal:hover:before {
  content: "\e00E"; }

.o-livereports:before,
.o-livereports-e.reveal:hover:before {
  content: "\f00F"; }

.o-livereports-e:before,
.o-livereports.reveal:hover:before {
  content: "\e00F"; }

.o-cois:before,
.o-cois-e.reveal:hover:before {
  content: "\f010"; }

.o-cois-e:before,
.o-cois.reveal:hover:before {
  content: "\e010"; }

.o-coi:before,
.o-coi-e.reveal:hover:before {
  content: "\f010"; }

.o-coi-e:before,
.o-coi.reveal:hover:before {
  content: "\e010"; }

.o-modal-reports:before,
.o-modal-reports-e.reveal:hover:before {
  content: "\f011"; }

.o-modal-reports-e:before,
.o-modal-reports.reveal:hover:before {
  content: "\e011"; }

.o-visuals:before,
.o-visuals-e.reveal:hover:before {
  content: "\f011"; }

.o-visuals-e:before,
.o-visuals.reveal:hover:before {
  content: "\e011"; }

.o-request-regrants:before,
.o-request-regrants-e.reveal:hover:before {
  content: "\f012"; }

.o-request-regrants-e:before,
.o-request-regrants.reveal:hover:before {
  content: "\e012"; }

.o-regrants:before,
.o-regrants-e.reveal:hover:before {
  content: "\f012"; }

.o-regrants-e:before,
.o-regrants.reveal:hover:before {
  content: "\e012"; }

.o-request-amendments:before,
.o-request-amendments-e.reveal:hover:before {
  content: "\f013"; }

.o-request-amendments-e:before,
.o-request-amendments.reveal:hover:before {
  content: "\e013"; }

.o-amendments:before,
.o-amendments-e.reveal:hover:before {
  content: "\f013"; }

.o-amendments-e:before,
.o-amendments.reveal:hover:before {
  content: "\e013"; }

.o-rss:before,
.o-rss-e.reveal:hover:before {
  content: "\f014"; }

.o-rss-e:before,
.o-rss.reveal:hover:before {
  content: "\e014"; }

.o-integration-logs:before,
.o-integration-logs-e.reveal:hover:before {
  content: "\f015"; }

.o-integration-logs-e:before,
.o-integration-logs.reveal:hover:before {
  content: "\e015"; }

.o-integration:before,
.o-integration-e.reveal:hover:before {
  content: "\f015"; }

.o-integration-e:before,
.o-integration.reveal:hover:before {
  content: "\e015"; }

.o-generic-templates:before,
.o-generic-templates-e.reveal:hover:before {
  content: "\f016"; }

.o-generic-templates-e:before,
.o-generic-templates.reveal:hover:before {
  content: "\e016"; }

.o-generic:before,
.o-generic-e.reveal:hover:before {
  content: "\f016"; }

.o-generic-e:before,
.o-generic.reveal:hover:before {
  content: "\e016"; }

.o-pri-grant-requests:before,
.o-pri-grant-requests-e.reveal:hover:before {
  content: "\f017"; }

.o-pri-grant-requests-e:before,
.o-pri-grant-requests.reveal:hover:before {
  content: "\e017"; }

.o-pri-granted-requests:before,
.o-pri-granted-requests-e.reveal:hover:before {
  content: "\f017"; }

.o-pri-granted-requests-e:before,
.o-pri-granted-requests.reveal:hover:before {
  content: "\e017"; }

.o-pri:before,
.o-pri-e.reveal:hover:before {
  content: "\f017"; }

.o-pri-e:before,
.o-pri.reveal:hover:before {
  content: "\e017"; }

.o-knowledge:before,
.o-knowledge-e.reveal:hover:before {
  content: "\f018"; }

.o-knowledge-e:before,
.o-knowledge.reveal:hover:before {
  content: "\e018"; }

.o-grant-requests:before,
.o-grant-requests-e.reveal:hover:before {
  content: "\f019"; }

.o-grant-requests-e:before,
.o-grant-requests.reveal:hover:before {
  content: "\e019"; }

.o-grant-requests-alt:before,
.o-grant-requests-alt-e.reveal:hover:before {
  content: "\f019"; }

.o-grant-requests-alt-e:before,
.o-grant-requests-alt.reveal:hover:before {
  content: "\e019"; }

.o-granted-requests-alt:before,
.o-granted-requests-alt-e.reveal:hover:before {
  content: "\f019"; }

.o-granted-requests-alt-e:before,
.o-granted-requests-alt.reveal:hover:before {
  content: "\e019"; }

.o-requests-alt:before,
.o-requests-alt-e.reveal:hover:before {
  content: "\f019"; }

.o-requests-alt-e:before,
.o-requests-alt.reveal:hover:before {
  content: "\e019"; }

.o-funding-sources:before,
.o-funding-sources-e.reveal:hover:before {
  content: "\f01B"; }

.o-funding-sources-e:before,
.o-funding-sources.reveal:hover:before {
  content: "\e01B"; }

.o-bank-accounts:before,
.o-bank-accounts-e.reveal:hover:before {
  content: "\f01B"; }

.o-bank-accounts-e:before,
.o-bank-accounts.reveal:hover:before {
  content: "\e01B"; }

.funding-source-card:before,
.funding-source-card-e.reveal:hover:before {
  content: "\f01B"; }

.funding-source-card-e:before,
.funding-source-card.reveal:hover:before {
  content: "\e01B"; }

.o-work-tasks:before,
.o-work-tasks-e.reveal:hover:before {
  content: "\f01C"; }

.o-work-tasks-e:before,
.o-work-tasks.reveal:hover:before {
  content: "\e01C"; }

.o-tasks:before,
.o-tasks-e.reveal:hover:before {
  content: "\f01C"; }

.o-tasks-e:before,
.o-tasks.reveal:hover:before {
  content: "\e01C"; }

.program-card:before,
.program-card-e.reveal:hover:before {
  content: "\f020"; }

.program-card-e:before,
.program-card.reveal:hover:before {
  content: "\e020"; }

.sub-program-card:before,
.sub-program-card-e.reveal:hover:before {
  content: "\f021"; }

.sub-program-card-e:before,
.sub-program-card.reveal:hover:before {
  content: "\e021"; }

.initiative-card:before,
.initiative-card-e.reveal:hover:before {
  content: "\f022"; }

.initiative-card-e:before,
.initiative-card.reveal:hover:before {
  content: "\e022"; }

.sub-initiative-card:before,
.sub-initiative-card-e.reveal:hover:before {
  content: "\f023"; }

.sub-initiative-card-e:before,
.sub-initiative-card.reveal:hover:before {
  content: "\e023"; }

.sub-inititative-card:before,
.sub-inititative-card-e.reveal:hover:before {
  content: "\f023"; }

.sub-inititative-card-e:before,
.sub-inititative-card.reveal:hover:before {
  content: "\e023"; }

.o-fluxx:before,
.o-fluxx-e.reveal:hover:before {
  content: "\f024"; }

.o-fluxx-e:before,
.o-fluxx.reveal:hover:before {
  content: "\e024"; }

.o-fund:before,
.o-fund-e.reveal:hover:before {
  content: "\f025"; }

.o-fund-e:before,
.o-fund.reveal:hover:before {
  content: "\e025"; }

.o-gm:before,
.o-gm-e.reveal:hover:before {
  content: "\f026"; }

.o-gm-e:before,
.o-gm.reveal:hover:before {
  content: "\e026"; }

.o-gs:before,
.o-gs-e.reveal:hover:before {
  content: "\f027"; }

.o-gs-e:before,
.o-gs.reveal:hover:before {
  content: "\e027"; }

.o-cards:before,
.o-cards-e.reveal:hover:before {
  content: "\f028"; }

.o-cards-e:before,
.o-cards.reveal:hover:before {
  content: "\e028"; }

.o-reporting:before,
.o-reporting-e.reveal:hover:before {
  content: "\f029"; }

.o-reporting-e:before,
.o-reporting.reveal:hover:before {
  content: "\e029"; }

.o-summary:before,
.o-summary-e.reveal:hover:before {
  content: "\f02A"; }

.o-summary-e:before,
.o-summary.reveal:hover:before {
  content: "\e02A"; }

.o-lite:before,
.o-lite-e.reveal:hover:before {
  content: "\f02B"; }

.o-lite-e:before,
.o-lite.reveal:hover:before {
  content: "\e02B"; }

.o-grantee-budgets:before,
.o-grantee-budgets-e.reveal:hover:before {
  content: "\f02C"; }

.o-grantee-budgets-e:before,
.o-grantee-budgets.reveal:hover:before {
  content: "\e02C"; }

.o-ii:before,
.o-ii-e.reveal:hover:before {
  content: "\f02D"; }

.o-ii-e:before,
.o-ii.reveal:hover:before {
  content: "\e02D"; }

.o-legacy:before,
.o-legacy-e.reveal:hover:before {
  content: "\f02E"; }

.o-legacy-e:before,
.o-legacy.reveal:hover:before {
  content: "\e02E"; }

.o-impact:before,
.o-impact-e.reveal:hover:before {
  content: "\f02F"; }

.o-impact-e:before,
.o-impact.reveal:hover:before {
  content: "\e02F"; }

/*  FLUXX UTILITY | FUTILITY
	  UPDATED 051217
 * -------------------------- */
@font-face {
  font-family: 'futility';
  src: url("../font/futility.eot?v=2.0.4");
  src: url("../font/futility.eot?#iefix&v=2.0.4") format("embedded-opentype"), url("../font/futility.woff?v=2.0.4") format("woff"), url("../font/futility.ttf?v=2.0.4") format("truetype"), url("../font/futility.svg?v=2.0.4#futility") format("svg");
  font-weight: normal;
  font-style: normal; }
.futil {
  display: inline-block;
  font: normal normal normal 16px/1 futility;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.futil-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.futil-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.futil-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.futil-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.futil-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .futil-rotate-90,
:root .futil-rotate-180,
:root .futil-rotate-270,
:root .futil-flip-horizontal,
:root .futil-flip-vertical {
  filter: none; }

.u-zoomin-f:before,
.u-zoomin.reveal:hover:before {
  content: "\f001"; }

.u-zoomin:before,
.u-zoomin-f.reveal:hover:before {
  content: "\e001"; }

.u-zoomout-f:before,
.u-zoomout.reveal:hover:before {
  content: "\f002"; }

.u-zoomout:before,
.u-zoomout-f.reveal:hover:before {
  content: "\e002"; }

.u-zoom-f:before,
.u-zoom.reveal:hover:before {
  content: "\f003"; }

.u-zoom:before,
.u-zoom-f.reveal:hover:before {
  content: "\e003"; }

.u-gear-f:before,
.u-gear.reveal:hover:before {
  content: "\f004"; }

.u-gear:before,
.u-gear-f.reveal:hover:before {
  content: "\e004"; }

.u-bplus-f:before,
.u-bplus.reveal:hover:before {
  content: "\f005"; }

.u-bplus:before,
.u-bplus-f.reveal:hover:before {
  content: "\e005"; }

.u-magnet-f:before,
.u-magnet.reveal:hover:before {
  content: "\f010"; }

.u-magnet:before,
.u-magnet-f.reveal:hover:before {
  content: "\e010"; }

.u-tee-f:before,
.u-tee.reveal:hover:before {
  content: "\f089"; }

.u-tee:before,
.u-tee-f.reveal:hover:before {
  content: "\e089"; }

.u-vminus-f:before,
.u-vminus.reveal:hover:before {
  content: "\f0AC"; }

.u-vminus:before,
.u-vminus-f.reveal:hover:before {
  content: "\e0AC"; }

.u-plus-f:before,
.u-plus.reveal:hover:before {
  content: "\f0AD"; }

.u-plus:before,
.u-plus-f.reveal:hover:before {
  content: "\e0AD"; }

.u-clone-f:before,
.u-clone.reveal:hover:before {
  content: "\f0AE"; }

.u-clone:before,
.u-clone-f.reveal:hover:before {
  content: "\e0AE"; }

.u-minus-f:before,
.u-minus.reveal:hover:before {
  content: "\f0AF"; }

.u-minus:before,
.u-minus-f.reveal:hover:before {
  content: "\e0AF"; }

.u-rewind-f:before,
.u-rewind.reveal:hover:before {
  content: "\f0B0"; }

.u-rewind:before,
.u-rewind-f.reveal:hover:before {
  content: "\e0B0"; }

.u-ex-f:before,
.u-ex.reveal:hover:before {
  content: "\f0B1"; }

.u-ex:before,
.u-ex-f.reveal:hover:before {
  content: "\e0B1"; }

.u-expand-f:before,
.u-expand.reveal:hover:before {
  content: "\f0B2"; }

.u-expand:before,
.u-expand-f.reveal:hover:before {
  content: "\e0B2"; }

.u-checkup-f:before,
.u-checkup.reveal:hover:before {
  content: "\f0B3"; }

.u-checkup:before,
.u-checkup-f.reveal:hover:before {
  content: "\e0B3"; }

.u-arrowr-f:before,
.u-arrowr.reveal:hover:before {
  content: "\f0B4"; }

.u-arrowr:before,
.u-arrowr-f.reveal:hover:before {
  content: "\e0B4"; }

.u-arrowl-f:before,
.u-arrowl.reveal:hover:before {
  content: "\f0B5"; }

.u-arrowl:before,
.u-arrowl-f.reveal:hover:before {
  content: "\e0B5"; }

.u-sidebar-f:before,
.u-sidebar.reveal:hover:before {
  content: "\f0B6"; }

.u-sidebar:before,
.u-sidebar-f.reveal:hover:before {
  content: "\e0B6"; }

.u-pointright-f:before,
.u-pointright.reveal:hover:before {
  content: "\f0B7"; }

.u-pointright:before,
.u-pointright-f.reveal:hover:before {
  content: "\e0B7"; }

.u-pointleft-f:before,
.u-pointleft.reveal:hover:before {
  content: "\f0B8"; }

.u-pointleft:before,
.u-pointleft-f.reveal:hover:before {
  content: "\e0B8"; }

.u-filter-f:before,
.u-filter.reveal:hover:before {
  content: "\f0C0"; }

.u-filter:before,
.u-filter-f.reveal:hover:before {
  content: "\e0C0"; }

.u-disk-f:before,
.u-disk.reveal:hover:before {
  content: "\f0C1"; }

.u-disk:before,
.u-disk-f.reveal:hover:before {
  content: "\e0C1"; }

.u-bubble-f:before,
.u-bubble.reveal:hover:before {
  content: "\f0C2"; }

.u-bubble:before,
.u-bubble-f.reveal:hover:before {
  content: "\e0C2"; }

.u-clock-f:before,
.u-clock.reveal:hover:before {
  content: "\f0C3"; }

.u-clock:before,
.u-clock-f.reveal:hover:before {
  content: "\e0C3"; }

.u-share-f:before,
.u-share.reveal:hover:before {
  content: "\f0C4"; }

.u-share:before,
.u-share-f.reveal:hover:before {
  content: "\e0C4"; }

.u-full-f:before,
.u-full.reveal:hover:before {
  content: "\f0C5"; }

.u-full:before,
.u-full-f.reveal:hover:before {
  content: "\e0C5"; }

.u-refresh-f:before,
.u-refresh.reveal:hover:before {
  content: "\f0C6"; }

.u-refresh:before,
.u-refresh-f.reveal:hover:before {
  content: "\e0C6"; }

.u-pie-f:before,
.u-pie.reveal:hover:before {
  content: "\f0C7"; }

.u-pie:before,
.u-pie-f.reveal:hover:before {
  content: "\e0C7"; }

.u-chart-f:before,
.u-chart.reveal:hover:before {
  content: "\f0C8"; }

.u-chart:before,
.u-chart-f.reveal:hover:before {
  content: "\e0C8"; }

.u-list-f:before,
.u-list.reveal:hover:before {
  content: "\f0C9"; }

.u-list:before,
.u-list-f.reveal:hover:before {
  content: "\e0C9"; }

.u-globe-f:before,
.u-globe.reveal:hover:before {
  content: "\f0CA"; }

.u-globe:before,
.u-globe-f.reveal:hover:before {
  content: "\e0CA"; }

.u-table-f:before,
.u-table.reveal:hover:before {
  content: "\f0CB"; }

.u-table:before,
.u-table-f.reveal:hover:before {
  content: "\e0CB"; }

.u-funnel-f:before,
.u-funnel.reveal:hover:before {
  content: "\f0CC"; }

.u-funnel:before,
.u-funnel-f.reveal:hover:before {
  content: "\e0CC"; }

.u-bulk-f:before,
.u-bulk.reveal:hover:before {
  content: "\f0CD"; }

.u-bulk:before,
.u-bulk-f.reveal:hover:before {
  content: "\e0CD"; }

.u-mail-f:before,
.u-mail.reveal:hover:before {
  content: "\f0CE"; }

.u-mail:before,
.u-mail-f.reveal:hover:before {
  content: "\e0CE"; }

.u-excel-f:before,
.u-excel.reveal:hover:before {
  content: "\f0CF"; }

.u-excel:before,
.u-excel-f.reveal:hover:before {
  content: "\e0CF"; }

.u-pencil-f:before,
.u-pencil.reveal:hover:before {
  content: "\f0D0"; }

.u-pencil:before,
.u-pencil-f.reveal:hover:before {
  content: "\e0D0"; }

.u-star-f:before,
.u-star.reveal:hover:before {
  content: "\f0D1"; }

.u-star:before,
.u-star-f.reveal:hover:before {
  content: "\e0D1"; }

.u-new-f:before,
.u-new.reveal:hover:before {
  content: "\f0D2"; }

.u-new:before,
.u-new-f.reveal:hover:before {
  content: "\e0D2"; }

.u-trash-f:before,
.u-trash.reveal:hover:before {
  content: "\f0D3"; }

.u-trash:before,
.u-trash-f.reveal:hover:before {
  content: "\e0D3"; }

.u-dots-f:before,
.u-dots.reveal:hover:before {
  content: "\f0D4"; }

.u-dots:before,
.u-dots-f.reveal:hover:before {
  content: "\e0D4"; }

.u-print-f:before,
.u-print.reveal:hover:before {
  content: "\f0D5"; }

.u-print:before,
.u-print-f.reveal:hover:before {
  content: "\e0D5"; }

.u-pdf-f:before,
.u-pdf.reveal:hover:before {
  content: "\f0D6"; }

.u-pdf:before,
.u-pdf-f.reveal:hover:before {
  content: "\e0D6"; }

.u-dselect-f:before,
.u-dselect.reveal:hover:before {
  content: "\f0D7"; }

.u-dselect:before,
.u-dselect-f.reveal:hover:before {
  content: "\e0D7"; }

.u-standard-f:before,
.u-standard.reveal:hover:before {
  content: "\f0D8"; }

.u-standard:before,
.u-standard-f.reveal:hover:before {
  content: "\e0D8"; }

.u-legacy-f:before,
.u-legacy.reveal:hover:before {
  content: "\f0D8"; }

.u-legacy:before,
.u-legacy-f.reveal:hover:before {
  content: "\e0D8"; }

.u-graphing-f:before,
.u-graphing.reveal:hover:before {
  content: "\f0D9"; }

.u-graphing:before,
.u-graphing-f.reveal:hover:before {
  content: "\e0D9"; }

.u-impact-f:before,
.u-impact.reveal:hover:before {
  content: "\f0DA"; }

.u-impact:before,
.u-impact-f.reveal:hover:before {
  content: "\e0DA"; }

.u-follow-f:before,
.u-follow.reveal:hover:before {
  content: "\f0DB"; }

.u-follow:before,
.u-follow-f.reveal:hover:before {
  content: "\e0DB"; }

.u-addfile-f:before,
.u-addfile.reveal:hover:before {
  content: "\f0DC"; }

.u-addfile:before,
.u-addfile-f.reveal:hover:before {
  content: "\e0DC"; }

.u-reply-f:before,
.u-reply.reveal:hover:before {
  content: "\f0DD"; }

.u-reply:before,
.u-reply-f.reveal:hover:before {
  content: "\e0DD"; }

.u-lock-f:before,
.u-lock.reveal:hover:before {
  content: "\f0DE"; }

.u-lock:before,
.u-lock-f.reveal:hover:before {
  content: "\e0DE"; }

.u-unlock-f:before,
.u-unlock.reveal:hover:before {
  content: "\f0DF"; }

.u-unlock:before,
.u-unlock-f.reveal:hover:before {
  content: "\e0DF"; }

.u-cminus-f:before,
.u-cminus.reveal:hover:before {
  content: "\f0E0"; }

.u-cminus:before,
.u-cminus-f.reveal:hover:before {
  content: "\e0E0"; }

.u-cplus-f:before,
.u-cplus.reveal:hover:before {
  content: "\f0E1"; }

.u-cplus:before,
.u-cplus-f.reveal:hover:before {
  content: "\e0E1"; }

.u-arrow-up-f:before,
.u-arrow-up.reveal:hover:before {
  content: "\f100"; }

.u-arrow-up:before,
.u-arrow-up-f.reveal:hover:before {
  content: "\e100"; }

.u-arrow-right-f:before,
.u-arrow-right.reveal:hover:before {
  content: "\f101"; }

.u-arrow-right:before,
.u-arrow-right-f.reveal:hover:before {
  content: "\e101"; }

.u-arrow-down-f:before,
.u-arrow-down.reveal:hover:before {
  content: "\f102"; }

.u-arrow-down:before,
.u-arrow-down-f.reveal:hover:before {
  content: "\e102"; }

.u-arrowd-f:before,
.u-arrowd.reveal:hover:before {
  content: "\f102"; }

.u-arrowd:before,
.u-arrowd-f.reveal:hover:before {
  content: "\e102"; }

.u-arrow-left-f:before,
.u-arrow-left.reveal:hover:before {
  content: "\f103"; }

.u-arrow-left:before,
.u-arrow-left-f.reveal:hover:before {
  content: "\e103"; }

.u-check-f:before,
.u-check.reveal:hover:before {
  content: "\f104"; }

.u-check:before,
.u-check-f.reveal:hover:before {
  content: "\e104"; }

.u-exc-f:before,
.u-exc.reveal:hover:before {
  content: "\f105"; }

.u-exc:before,
.u-exc-f.reveal:hover:before {
  content: "\e105"; }

.u-exclamation-f:before,
.u-exclamation.reveal:hover:before {
  content: "\f110"; }

.u-exclamation:before,
.u-exclamation-f.reveal:hover:before {
  content: "\e110"; }

.u-eye-f:before,
.u-eye.reveal:hover:before {
  content: "\f111"; }

.u-eye:before,
.u-eye-f.reveal:hover:before {
  content: "\e111"; }

.u-note-f:before,
.u-note.reveal:hover:before {
  content: "\f112"; }

.u-note:before,
.u-note-f.reveal:hover:before {
  content: "\e112"; }

.u-file-f:before,
.u-file.reveal:hover:before {
  content: "\f113"; }

.u-file:before,
.u-file-f.reveal:hover:before {
  content: "\e113"; }

.u-file-zoom-f:before,
.u-file-zoom.reveal:hover:before {
  content: "\f114"; }

.u-file-zoom:before,
.u-file-zoom-f.reveal:hover:before {
  content: "\e114"; }

.u-file-plus-f:before,
.u-file-plus.reveal:hover:before {
  content: "\f115"; }

.u-file-plus:before,
.u-file-plus-f.reveal:hover:before {
  content: "\e115"; }

.u-file-edit-f:before,
.u-file-edit.reveal:hover:before {
  content: "\f116"; }

.u-file-edit:before,
.u-file-edit-f.reveal:hover:before {
  content: "\e116"; }

.u-file-arrow-f:before,
.u-file-arrow.reveal:hover:before {
  content: "\f117"; }

.u-file-arrow:before,
.u-file-arrow-f.reveal:hover:before {
  content: "\e117"; }

.u-file-up-f:before,
.u-file-up.reveal:hover:before {
  content: "\f118"; }

.u-file-up:before,
.u-file-up-f.reveal:hover:before {
  content: "\e118"; }

.u-file-delete-f:before,
.u-file-delete.reveal:hover:before {
  content: "\f119"; }

.u-file-delete:before,
.u-file-delete-f.reveal:hover:before {
  content: "\e119"; }

.u-pie-edit-f:before,
.u-pie-edit.reveal:hover:before {
  content: "\f11A"; }

.u-pie-edit:before,
.u-pie-edit-f.reveal:hover:before {
  content: "\e11A"; }

.u-currency-circle-f:before,
.u-currency-circle.reveal:hover:before {
  content: "\f11B"; }

.u-currency-circle:before,
.u-currency-circle-f.reveal:hover:before {
  content: "\e11B"; }

.u-info-circle-f:before,
.u-info-circle.reveal:hover:before {
  content: "\f11C"; }

.u-info-circle:before,
.u-info-circle-f.reveal:hover:before {
  content: "\e11C"; }

.u-hand-f:before,
.u-hand.reveal:hover:before {
  content: "\f11D"; }

.u-hand:before,
.u-hand-f.reveal:hover:before {
  content: "\e11D"; }

.u-binoculars-f:before,
.u-binoculars.reveal:hover:before {
  content: "\f11E"; }

.u-binoculars:before,
.u-binoculars-f.reveal:hover:before {
  content: "\e11E"; }

.u-pivot-f:before,
.u-pivot.reveal:hover:before {
  content: "\f11F"; }

.u-pivot:before,
.u-pivot-f.reveal:hover:before {
  content: "\e11F"; }

.u-table-edit-f:before,
.u-table-edit.reveal:hover:before {
  content: "\f120"; }

.u-table-edit:before,
.u-table-edit-f.reveal:hover:before {
  content: "\e120"; }

.u-calendar-f:before,
.u-calendar.reveal:hover:before {
  content: "\f121"; }

.u-calendar:before,
.u-calendar-f.reveal:hover:before {
  content: "\e121"; }

.u-calendar-edit-f:before,
.u-calendar-edit.reveal:hover:before {
  content: "\f122"; }

.u-calendar-edit:before,
.u-calendar-edit-f.reveal:hover:before {
  content: "\e122"; }

.u-download-f:before,
.u-download.reveal:hover:before {
  content: "\f123"; }

.u-download:before,
.u-download-f.reveal:hover:before {
  content: "\e123"; }

.u-word-f:before,
.u-word.reveal:hover:before {
  content: "\f124"; }

.u-word:before,
.u-word-f.reveal:hover:before {
  content: "\e124"; }

.u-preview-f:before,
.u-preview.reveal:hover:before {
  content: "\f125"; }

.u-preview:before,
.u-preview-f.reveal:hover:before {
  content: "\e125"; }

.u-amend-f:before,
.u-amend.reveal:hover:before {
  content: "\f126"; }

.u-amend:before,
.u-amend-f.reveal:hover:before {
  content: "\e126"; }

.u-bulk-download-f:before,
.u-bulk-download.reveal:hover:before {
  content: "\f127"; }

.u-bulk-download:before,
.u-bulk-download-f.reveal:hover:before {
  content: "\e127"; }

.u-clone-alt-f:before,
.u-clone-alt.reveal:hover:before {
  content: "\f128"; }

.u-clone-alt:before,
.u-clone-alt-f.reveal:hover:before {
  content: "\e128"; }

.u-pdf-alt-f:before,
.u-pdf-alt.reveal:hover:before {
  content: "\f129"; }

.u-pdf-alt:before,
.u-pdf-alt-f.reveal:hover:before {
  content: "\e129"; }

.u-power-f:before,
.u-power.reveal:hover:before {
  content: "\f12A"; }

.u-power:before,
.u-power-f.reveal:hover:before {
  content: "\e12A"; }

.u-hamburger-f:before,
.u-hamburger.reveal:hover:before {
  content: "\f12B"; }

.u-hamburger:before,
.u-hamburger-f.reveal:hover:before {
  content: "\e12B"; }

.u-tag-f:before,
.u-tag.reveal:hover:before {
  content: "\f12C"; }

.u-tag:before,
.u-tag-f.reveal:hover:before {
  content: "\e12C"; }

.u-bulb-power-f:before,
.u-bulb-power.reveal:hover:before {
  content: "\f12D"; }

.u-bulb-power:before,
.u-bulb-power-f.reveal:hover:before {
  content: "\e12D"; }

.u-bulb-plus-f:before,
.u-bulb-plus.reveal:hover:before {
  content: "\f12E"; }

.u-bulb-plus:before,
.u-bulb-plus-f.reveal:hover:before {
  content: "\e12E"; }

.u-video-f:before,
.u-video.reveal:hover:before {
  content: "\f12F"; }

.u-video:before,
.u-video-f.reveal:hover:before {
  content: "\e12F"; }

.u-tag-off-f:before,
.u-tag-off.reveal:hover:before {
  content: "\f130"; }

.u-tag-off:before,
.u-tag-off-f.reveal:hover:before {
  content: "\e130"; }

.u-calendar-date-f:before,
.u-calendar-date.reveal:hover:before {
  content: "\f131"; }

.u-calendar-date:before,
.u-calendar-date-f.reveal:hover:before {
  content: "\e131"; }

.u-timeline-f:before,
.u-timeline.reveal:hover:before {
  content: "\f132"; }

.u-timeline:before,
.u-timeline-f.reveal:hover:before {
  content: "\e132"; }

.u-metric-f:before,
.u-metric.reveal:hover:before {
  content: "\f133"; }

.u-metric:before,
.u-metric-f.reveal:hover:before {
  content: "\e133"; }

.u-photo-f:before,
.u-photo.reveal:hover:before {
  content: "\f135"; }

.u-photo:before,
.u-photo-f.reveal:hover:before {
  content: "\e135"; }

.u-link-f:before,
.u-link.reveal:hover:before {
  content: "\f136"; }

.u-link:before,
.u-link-f.reveal:hover:before {
  content: "\e136"; }

.u-map-pin-f:before,
.u-map-pin.reveal:hover:before {
  content: "\f137"; }

.u-map-pin:before,
.u-map-pin-f.reveal:hover:before {
  content: "\e137"; }

.u-sentiment-f:before,
.u-sentiment.reveal:hover:before {
  content: "\f138"; }

.u-sentiment:before,
.u-sentiment-f.reveal:hover:before {
  content: "\e138"; }

.u-percentage-f:before,
.u-percentage.reveal:hover:before {
  content: "\f139"; }

.u-percentage:before,
.u-percentage-f.reveal:hover:before {
  content: "\e139"; }

.u-number-f:before,
.u-number.reveal:hover:before {
  content: "\f13A"; }

.u-number:before,
.u-number-f.reveal:hover:before {
  content: "\e13A"; }

.u-tasklist-f:before,
.u-tasklist.reveal:hover:before {
  content: "\f13B"; }

.u-tasklist:before,
.u-tasklist-f.reveal:hover:before {
  content: "\e13B"; }

.u-task-plus-f:before,
.u-task-plus.reveal:hover:before {
  content: "\f13C"; }

.u-task-plus:before,
.u-task-plus-f.reveal:hover:before {
  content: "\e13C"; }

.u-task-minus-f:before,
.u-task-minus.reveal:hover:before {
  content: "\f13D"; }

.u-task-minus:before,
.u-task-minus-f.reveal:hover:before {
  content: "\e13D"; }

.u-task-waiting-f:before,
.u-task-waiting.reveal:hover:before {
  content: "\f13E"; }

.u-task-waiting:before,
.u-task-waiting-f.reveal:hover:before {
  content: "\e13E"; }

.u-task-settings-f:before,
.u-task-settings.reveal:hover:before {
  content: "\f13F"; }

.u-task-settings:before,
.u-task-settings-f.reveal:hover:before {
  content: "\e13F"; }

.u-task-pending-f:before,
.u-task-pending.reveal:hover:before {
  content: "\f140"; }

.u-task-pending:before,
.u-task-pending-f.reveal:hover:before {
  content: "\e140"; }

.u-profile-circle-f:before,
.u-profile-circle.reveal:hover:before {
  content: "\f141"; }

.u-profile-circle:before,
.u-profile-circle-f.reveal:hover:before {
  content: "\e141"; }

.u-alert-circle-f:before,
.u-alert-circle.reveal:hover:before {
  content: "\f142"; }

.u-alert-circle:before,
.u-alert-circle-f.reveal:hover:before {
  content: "\e142"; }

.u-search-circle-f:before,
.u-search-circle.reveal:hover:before {
  content: "\f143"; }

.u-search-circle:before,
.u-search-circle-f.reveal:hover:before {
  content: "\e143"; }

.u-chevron-f:before,
.u-chevron.reveal:hover:before {
  content: "\f144"; }

.u-chevron:before,
.u-chevron-f.reveal:hover:before {
  content: "\e144"; }

.u-caret-f:before,
.u-caret.reveal:hover:before {
  content: "\f145"; }

.u-caret:before,
.u-caret-f.reveal:hover:before {
  content: "\e145"; }

.u-calendar-empty-f:before,
.u-calendar-empty.reveal:hover:before {
  content: "\f146"; }

.u-calendar-empty:before,
.u-calendar-empty-f.reveal:hover:before {
  content: "\e146"; }

.u-clipboard-empty-f:before,
.u-clipboard-empty.reveal:hover:before {
  content: "\f147"; }

.u-clipboard-empty:before,
.u-clipboard-empty-f.reveal:hover:before {
  content: "\e147"; }

.u-bulb-f:before,
.u-bulb.reveal:hover:before {
  content: "\f148"; }

.u-bulb:before,
.u-bulb-f.reveal:hover:before {
  content: "\e148"; }

.u-exw-f:before,
.u-exw.reveal:hover:before {
  content: "\f149"; }

.u-exw:before,
.u-exw-f.reveal:hover:before {
  content: "\e149"; }

.u-checkw-f:before,
.u-checkw.reveal:hover:before {
  content: "\f14A"; }

.u-checkw:before,
.u-checkw-f.reveal:hover:before {
  content: "\e14A"; }

.u-arrow-w-right-f:before,
.u-arrow-w-right.reveal:hover:before {
  content: "\f14B"; }

.u-arrow-w-right:before,
.u-arrow-w-right-f.reveal:hover:before {
  content: "\e14B"; }

.u-arrow-w-left-f:before,
.u-arrow-w-left.reveal:hover:before {
  content: "\f14C"; }

.u-arrow-w-left:before,
.u-arrow-w-left-f.reveal:hover:before {
  content: "\e14C"; }

.u-new-window-f:before,
.u-new-window.reveal:hover:before {
  content: "\f14D"; }

.u-new-window:before,
.u-new-window-f.reveal:hover:before {
  content: "\e14D"; }

.u-signout-f:before,
.u-signout.reveal:hover:before {
  content: "\f14E"; }

.u-signout:before,
.u-signout-f.reveal:hover:before {
  content: "\e14E"; }

.u-graph-donut-f:before,
.u-graph-donut.reveal:hover:before {
  content: "\f14F"; }

.u-graph-donut:before,
.u-graph-donut-f.reveal:hover:before {
  content: "\e14F"; }

.u-graph-bubble-f:before,
.u-graph-bubble.reveal:hover:before {
  content: "\f150"; }

.u-graph-bubble:before,
.u-graph-bubble-f.reveal:hover:before {
  content: "\e150"; }

.u-graph-bar-f:before,
.u-graph-bar.reveal:hover:before {
  content: "\f151"; }

.u-graph-bar:before,
.u-graph-bar-f.reveal:hover:before {
  content: "\e151"; }

.u-task-complete-f:before,
.u-task-complete.reveal:hover:before {
  content: "\f152"; }

.u-task-complete:before,
.u-task-complete-f.reveal:hover:before {
  content: "\e152"; }

.u-task-assign-f:before,
.u-task-assign.reveal:hover:before {
  content: "\f153"; }

.u-task-assign:before,
.u-task-assign-f.reveal:hover:before {
  content: "\e153"; }

.u-type-zip-f:before,
.u-type-zip.reveal:hover:before {
  content: "\f154"; }

.u-type-zip:before,
.u-type-zip-f.reveal:hover:before {
  content: "\e154"; }

.u-powerpoint-f:before,
.u-powerpoint.reveal:hover:before {
  content: "\f155"; }

.u-powerpoint:before,
.u-powerpoint-f.reveal:hover:before {
  content: "\e155"; }

.u-type-audio-f:before,
.u-type-audio.reveal:hover:before {
  content: "\f156"; }

.u-type-audio:before,
.u-type-audio-f.reveal:hover:before {
  content: "\e156"; }

.u-currency-f:before,
.u-currency.reveal:hover:before {
  content: "\f157"; }

.u-currency:before,
.u-currency-f.reveal:hover:before {
  content: "\e157"; }

.u-link-lg-f:before,
.u-link-lg.reveal:hover:before {
  content: "\f158"; }

.u-link-lg:before,
.u-link-lg-f.reveal:hover:before {
  content: "\e158"; }

.u-outlook-f:before,
.u-outlook.reveal:hover:before {
  content: "\f159"; }

.u-outlook:before,
.u-outlook-f.reveal:hover:before {
  content: "\e159"; }

.u-circle-download-f:before,
.u-circle-download.reveal:hover:before {
  content: "\f15A"; }

.u-circle-download:before,
.u-circle-download-f.reveal:hover:before {
  content: "\e15A"; }

.u-download-circle-f:before,
.u-download-circle.reveal:hover:before {
  content: "\f15A"; }

.u-download-circle:before,
.u-download-circle-f.reveal:hover:before {
  content: "\e15A"; }

.u-mail-lg-f:before,
.u-mail-lg.reveal:hover:before {
  content: "\f15B"; }

.u-mail-lg:before,
.u-mail-lg-f.reveal:hover:before {
  content: "\e15B"; }

.u-question-f:before,
.u-question.reveal:hover:before {
  content: "\f15C"; }

.u-question:before,
.u-question-f.reveal:hover:before {
  content: "\e15C"; }

.u-data-question-f:before,
.u-data-question.reveal:hover:before {
  content: "\f15C"; }

.u-data-question:before,
.u-data-question-f.reveal:hover:before {
  content: "\e15C"; }

.u-data-amount-f:before,
.u-data-amount.reveal:hover:before {
  content: "\f15D"; }

.u-data-amount:before,
.u-data-amount-f.reveal:hover:before {
  content: "\e15D"; }

.u-data-boolean-f:before,
.u-data-boolean.reveal:hover:before {
  content: "\f15E"; }

.u-data-boolean:before,
.u-data-boolean-f.reveal:hover:before {
  content: "\e15E"; }

.u-data-date-f:before,
.u-data-date.reveal:hover:before {
  content: "\f15F"; }

.u-data-date:before,
.u-data-date-f.reveal:hover:before {
  content: "\e15F"; }

.u-data-formula-f:before,
.u-data-formula.reveal:hover:before {
  content: "\f160"; }

.u-data-formula:before,
.u-data-formula-f.reveal:hover:before {
  content: "\e160"; }

.u-data-folder-f:before,
.u-data-folder.reveal:hover:before {
  content: "\f161"; }

.u-data-folder:before,
.u-data-folder-f.reveal:hover:before {
  content: "\e161"; }

.u-data-view-f:before,
.u-data-view.reveal:hover:before {
  content: "\f162"; }

.u-data-view:before,
.u-data-view-f.reveal:hover:before {
  content: "\e162"; }

.u-data-dropdown-f:before,
.u-data-dropdown.reveal:hover:before {
  content: "\f163"; }

.u-data-dropdown:before,
.u-data-dropdown-f.reveal:hover:before {
  content: "\e163"; }

.u-data-table-f:before,
.u-data-table.reveal:hover:before {
  content: "\f164"; }

.u-data-table:before,
.u-data-table-f.reveal:hover:before {
  content: "\e164"; }

.u-data-view-off-f:before,
.u-data-view-off.reveal:hover:before {
  content: "\f165"; }

.u-data-view-off:before,
.u-data-view-off-f.reveal:hover:before {
  content: "\e165"; }

.u-data-text-f:before,
.u-data-text.reveal:hover:before {
  content: "\f166"; }

.u-data-text:before,
.u-data-text-f.reveal:hover:before {
  content: "\e166"; }

.u-data-nested-f:before,
.u-data-nested.reveal:hover:before {
  content: "\f167"; }

.u-data-nested:before,
.u-data-nested-f.reveal:hover:before {
  content: "\e167"; }

.u-table-pivot-f:before,
.u-table-pivot.reveal:hover:before {
  content: "\f168"; }

.u-table-pivot:before,
.u-table-pivot-f.reveal:hover:before {
  content: "\e168"; }

.u-table-pivot-f:before,
.u-table-pivot.reveal:hover:before {
  content: "\f168"; }

.u-table-pivot:before,
.u-table-pivot-f.reveal:hover:before {
  content: "\e168"; }

.lightbox {
  opacity: 0;
  display: none;
  z-index: 1000;
  position: relative; }
  .lightbox.ftue .bottom-right-corner, .lightbox.ftue-user .bottom-right-corner {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out; }
  .lightbox.ftue-bg {
    z-index: 500; }
    .lightbox.ftue-bg .modal {
      display: none; }

.lightbox-bg {
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1001; }
  .step-1 .lightbox-bg, .step-2 .lightbox-bg, .step-3 .lightbox-bg, .step-4 .lightbox-bg, .step-5 .lightbox-bg {
    display: none; }

.modal {
  left: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1002;
  width: 550px;
  margin-left: calc(50% - (550px / 2));
  top: 10%;
  height: calc(80% - 40px);
  min-height: 275px;
  background: #fff;
  padding: 0px; }
  .modal .shield {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    content: '';
    position: absolute;
    width: 550px;
    height: 100%;
    background: rgba(80, 80, 80, 0.5);
    z-index: 901;
    opacity: 0;
    visibility: hidden;
    padding: 35% 24px 0%;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
    color: #999;
    text-align: center; }
    .step-2 .modal .shield, .step-3 .modal .shield, .step-4 .modal .shield, .step-5 .modal .shield {
      visibility: visible; }
  .hidden .modal {
    opacity: 1;
    left: 550px;
    transform: scale(0.75); }
    .hidden .modal .shield {
      opacity: 1; }
    .hidden .modal .inner {
      background-color: #fff;
      opacity: 0; }
    .hidden .modal .bottom-right-corner {
      opacity: 0; }
  .hidden-2 .modal {
    opacity: 0;
    transform: scale(0.75);
    left: calc(550px * 2); }
    .hidden-2 .modal .inner {
      opacity: 0; }
    .hidden-2 .modal .bottom-right-corner {
      opacity: 0; }
  .done .modal {
    transform: scale(0.75);
    left: calc(550px * -1); }
    .done .modal .shield {
      opacity: 1; }
    .done .modal .inner {
      opacity: 0; }
    .done .modal .bottom-right-corner {
      opacity: 0; }
  .done-2 .modal {
    transform: scale(0.75);
    left: -100%;
    opacity: 0;
    left: calc(550px * -2); }
  .ftue .modal, .ftue-user .modal {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out; }
    .ftue .modal .square, .ftue-user .modal .square {
      padding: 16px 24px;
      text-align: center;
      width: 77%;
      margin: 16px auto 24px; }
      .ftue .modal .square .tax-id, .ftue-user .modal .square .tax-id {
        font-weight: 500;
        color: #444;
        margin: 2px 0px; }
        .ftue .modal .square .tax-id .selection, .ftue-user .modal .square .tax-id .selection {
          text-align: left; }
        .ftue .modal .square .tax-id .select2-container, .ftue-user .modal .square .tax-id .select2-container {
          width: 50% !important; }
        .ftue .modal .square .tax-id span, .ftue-user .modal .square .tax-id span {
          font-weight: 400; }
      .ftue .modal .square img:not(.loading-icon), .ftue-user .modal .square img:not(.loading-icon) {
        border: 1px solid #cacaca; }
      .ftue .modal .square .video-title, .ftue-user .modal .square .video-title {
        margin-top: 0px; }
      .ftue .modal .square .video-img, .ftue-user .modal .square .video-img {
        cursor: pointer;
        opacity: 0.8; }
        .ftue .modal .square .video-img:hover, .ftue-user .modal .square .video-img:hover {
          opacity: 1; }
      .ftue .modal .square .search-close, .ftue-user .modal .square .search-close {
        position: absolute;
        right: 12px;
        top: 12px;
        font-size: 20px;
        color: #999;
        cursor: pointer; }
        .ftue .modal .square .search-close:hover, .ftue-user .modal .square .search-close:hover {
          color: #555; }
        .ftue .modal .square .search-close .futil, .ftue-user .modal .square .search-close .futil {
          margin-right: 0px; }
      .ftue .modal .square.connect-foundation, .ftue-user .modal .square.connect-foundation {
        margin-top: 4px;
        padding: 24px;
        opacity: 0;
        display: none;
        position: fixed;
        z-index: 3000;
        top: 50%;
        margin-top: -200px;
        width: calc(550px * .8);
        left: 50%;
        margin-left: calc(550px * -.4);
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4); }
      .ftue .modal .square .connect-foundation-photo, .ftue-user .modal .square .connect-foundation-photo {
        max-width: 120px;
        max-height: 80px; }
      .ftue .modal .square .connect-foundation-name, .ftue-user .modal .square .connect-foundation-name {
        font-size: 13px;
        line-height: 18px; }
      .ftue .modal .square .login-table, .ftue-user .modal .square .login-table {
        width: 100%;
        margin: 0 auto; }
      .ftue .modal .square .login-label, .ftue-user .modal .square .login-label {
        width: 100px;
        text-align: right;
        padding-right: 16px;
        line-height: 40px;
        font-size: 13px;
        font-weight: 500;
        color: #555; }
      .ftue .modal .square input, .ftue-user .modal .square input {
        width: 100%; }
      .ftue .modal .square .login-button, .ftue-user .modal .square .login-button {
        padding: 4px 0px 0px; }
@keyframes loading {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 0.8; }
  50% {
    transform: rotate(180deg) scale(1.1);
    opacity: 1; }
  100% {
    transform: rotate(360deg) scale(1);
    opacity: 0.8; } }
      .ftue .modal .square .loading-display, .ftue-user .modal .square .loading-display {
        padding-top: 8px;
        display: none;
        text-align: center; }
        .ftue .modal .square .loading-display .loading-icon, .ftue-user .modal .square .loading-display .loading-icon {
          animation: loading 1s infinite;
          animation-timing-function: linear; }
        .ftue .modal .square .loading-display .success-text, .ftue-user .modal .square .loading-display .success-text {
          margin-top: 2px;
          font-size: 18px;
          line-height: 28px;
          font-weight: 500;
          color: #555; }
      .ftue .modal .square .login-success, .ftue-user .modal .square .login-success {
        display: none;
        text-align: center; }
        .ftue .modal .square .login-success .success-icon, .ftue-user .modal .square .login-success .success-icon {
          font-size: 20px;
          color: #509356;
          margin-right: 8px;
          position: relative;
          top: 2px; }
        .ftue .modal .square .login-success .success-text, .ftue-user .modal .square .login-success .success-text {
          font-size: 18px;
          line-height: 28px;
          font-weight: 500;
          color: #555;
          margin-bottom: 24px;
          margin-top: 16px; }
    .ftue .modal .foundation-search, .ftue-user .modal .foundation-search {
      padding: 4px 0px 16px;
      text-align: center; }
      .ftue .modal .foundation-search .search-text, .ftue-user .modal .foundation-search .search-text {
        font-size: 13px;
        color: #555;
        font-weight: 500;
        color: #444;
        margin: 2px 0px; }
        .ftue .modal .foundation-search .search-text .selection, .ftue-user .modal .foundation-search .search-text .selection {
          text-align: left; }
        .ftue .modal .foundation-search .search-text .select2-container, .ftue-user .modal .foundation-search .search-text .select2-container {
          width: 50% !important; }
        .ftue .modal .foundation-search .search-text span, .ftue-user .modal .foundation-search .search-text span {
          font-weight: 400; }
  .modal .available-foundations {
    display: none;
    opacity: 0; }
    .modal .available-foundations.existing {
      display: block;
      opacity: 1; }
    .modal .available-foundations .header {
      font-weight: 500;
      color: #555;
      line-height: 32px;
      border-bottom: 1px solid #777;
      margin-bottom: 16px; }
  .modal .modal-subheader-button {
    position: absolute;
    margin: -8px -24px 12px;
    padding: 12px 24px;
    background: #f2f3f9;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    z-index: 1; }
    .modal .modal-subheader-button:hover {
      background: #dfe2ee;
      border-top-width: 0px;
      border-left-width: 0px;
      border-right-width: 0px; }
    .modal .modal-subheader-button.chosen {
      color: #638BCE !important;
      border-color: #638BCE !important; }
    .modal .modal-subheader-button .selected-form-title,
    .modal .modal-subheader-button .selected-form-view {
      pointer-events: none; }
  .modal .subheader-button-spacer {
    height: 48px;
    display: block;
    position: relative;
    pointer-events: none;
    z-index: 0; }
  .modal .clear-filters {
    position: absolute;
    z-index: 10;
    top: 62px;
    right: 48px; }
  .modal .modal-double-dropdown-menu {
    margin: 0px -24px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 0;
    height: 0px;
    overflow: hidden;
    cursor: default;
    border-bottom: none;
    padding: 0px 5%;
    background: #f2f3f9;
    position: absolute;
    width: 100%;
    top: 91px;
    z-index: 5; }
    .modal .modal-double-dropdown-menu.visible {
      height: 272px;
      padding: 16px 5%;
      border-bottom: 1px solid #cacaca; }
    .modal .modal-double-dropdown-menu .filter-bar .dropdown {
      margin-bottom: 4px; }
    .modal .modal-double-dropdown-menu .half-block {
      width: 45%;
      margin-right: 0px;
      margin-top: 0px; }
      .modal .modal-double-dropdown-menu .half-block.right {
        margin-left: 5%;
        width: calc(50% - 8px); }
    .modal .modal-double-dropdown-menu .label {
      font-size: 13px;
      font-weight: 500;
      color: #555;
      margin-bottom: 4px;
      pointer-events: none;
      margin-top: 0px; }
    .modal .modal-double-dropdown-menu .pairs {
      margin: 0px;
      padding: 0px; }
    .modal .modal-double-dropdown-menu .instructions {
      font-weight: 500;
      color: #555;
      margin-top: 4px; }
      .modal .modal-double-dropdown-menu .instructions .tiny-button {
        position: relative;
        top: 1px; }
    .modal .modal-double-dropdown-menu .select-form-type {
      background: #e4e6f3;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      padding: 8px 16px 10px;
      margin-top: 4px;
      margin-bottom: 8px;
      font-size: 13px;
      line-height: 18px; }
      .modal .modal-double-dropdown-menu .select-form-type.disabled {
        opacity: 0.5;
        pointer-events: none; }
      .modal .modal-double-dropdown-menu .select-form-type .label {
        margin-bottom: 0px; }
      .modal .modal-double-dropdown-menu .select-form-type .form-choices > li {
        cursor: pointer;
        font-weight: 500;
        color: #777; }
        .modal .modal-double-dropdown-menu .select-form-type .form-choices > li > span {
          line-height: 32px;
          display: inline-block;
          pointer-events: none; }
        .modal .modal-double-dropdown-menu .select-form-type .form-choices > li:hover {
          color: #444; }
      .modal .modal-double-dropdown-menu .select-form-type .radio {
        pointer-events: none;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid #cacaca;
        background: #fff;
        color: #638BCE;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 8px 8px 8px 0px; }
        .modal .modal-double-dropdown-menu .select-form-type .radio i {
          position: relative;
          left: 4px;
          top: -1px;
          opacity: 0;
          font-size: 12px; }
        .modal .modal-double-dropdown-menu .select-form-type .radio.visible {
          color: #fff;
          background: #638BCE; }
          .modal .modal-double-dropdown-menu .select-form-type .radio.visible i {
            opacity: 1; }
        .modal .modal-double-dropdown-menu .select-form-type .radio.hover {
          color: #fff;
          background: #b1c5e7; }
          .modal .modal-double-dropdown-menu .select-form-type .radio.hover i {
            opacity: 1; }
          .modal .modal-double-dropdown-menu .select-form-type .radio.hover.visible {
            background: #638BCE; }
    .modal .modal-double-dropdown-menu .dropdown {
      width: 100%;
      margin-bottom: 16px; }
    .modal .modal-double-dropdown-menu .dropdown-button {
      background: #ebedf6; }
      .modal .modal-double-dropdown-menu .dropdown-button.selected-form {
        border: 1px solid #638BCE !important;
        color: #638BCE !important;
        -webkit-box-shadow: 0px 0px 6px rgba(99, 139, 206, 0.5);
        -moz-box-shadow: 0px 0px 6px rgba(99, 139, 206, 0.5);
        box-shadow: 0px 0px 6px rgba(99, 139, 206, 0.5); }
    .modal .modal-double-dropdown-menu .clear-grant,
    .modal .modal-double-dropdown-menu .clear-form {
      display: none;
      opacity: 0; }
    .modal .modal-double-dropdown-menu .form-specific-task-button {
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      margin: 0px;
      position: absolute;
      left: 0px;
      bottom: 0px;
      z-index: 5;
      background: #ebedf6;
      color: #777;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 0px 5px 4px -3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 5px 4px -3px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 5px 4px -3px rgba(0, 0, 0, 0.1);
      border: 1px solid transparent;
      pointer-events: none; }
      .modal .modal-double-dropdown-menu .form-specific-task-button .send-as {
        display: none; }
      .modal .modal-double-dropdown-menu .form-specific-task-button.chosen {
        background: #638BCE;
        color: #fff;
        pointer-events: all; }
        .modal .modal-double-dropdown-menu .form-specific-task-button.chosen .send-as {
          display: inline-block; }
        .modal .modal-double-dropdown-menu .form-specific-task-button.chosen:hover {
          background: #4c7ac7; }
    .modal .modal-double-dropdown-menu .close-double-dropdown {
      opacity: 0;
      height: 0px;
      width: 28px;
      background: #f2f3f9;
      position: absolute;
      left: 50%;
      bottom: -13px;
      margin-left: -14px;
      text-align: center;
      cursor: pointer;
      color: #777;
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }
      .modal .modal-double-dropdown-menu .close-double-dropdown i {
        opacity: 0;
        position: relative;
        top: 6px;
        left: 4px;
        font-size: 13px;
        transform: rotate(180deg); }
      .modal .modal-double-dropdown-menu .close-double-dropdown.visible {
        height: 28px;
        opacity: 1; }
        .modal .modal-double-dropdown-menu .close-double-dropdown.visible i {
          opacity: 1; }
      .modal .modal-double-dropdown-menu .close-double-dropdown:hover {
        color: #444;
        -webkit-box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2); }
  .modal .continue-select-fields {
    display: none; }
  .modal .square.no-top {
    margin-top: 8px; }
  .modal .square.less-padding {
    padding: 12px 24px; }
    .modal .square.less-padding .pairs {
      text-align: center; }
      .modal .square.less-padding .pairs .label,
      .modal .square.less-padding .pairs .select {
        text-align: left; }
      .modal .square.less-padding .pairs .dropdown {
        width: 45%; }
        .modal .square.less-padding .pairs .dropdown input {
          margin: 0px; }
        .modal .square.less-padding .pairs .dropdown .dropdown-menu {
          position: fixed; }
  .modal .square.task {
    padding: 8px 24px 40px;
    margin-left: -24px;
    margin-right: -24px;
    bottom: 0px;
    width: 550px;
    position: absolute;
    border: none;
    background: #eee;
    border-top: 1px solid #bfbfbf;
    -webkit-box-shadow: 0px -2px 8px rgba(80, 80, 80, 0.1);
    -moz-box-shadow: 0px -2px 8px rgba(80, 80, 80, 0.1);
    box-shadow: 0px -2px 8px rgba(80, 80, 80, 0.1); }
    .modal .square.task h4 {
      margin-top: 0px; }
    .modal .square.task textarea {
      height: 72px;
      line-height: 18px;
      font-size: 13px;
      color: #444; }
  .modal .found-990,
  .modal .available-foundations,
  .modal .already-foundations,
  .modal .attachments {
    margin-bottom: 24px; }
    .modal .found-990 .pairs,
    .modal .available-foundations .pairs,
    .modal .already-foundations .pairs,
    .modal .attachments .pairs {
      padding: 4px 0px; }
    .modal .found-990 .key,
    .modal .available-foundations .key,
    .modal .already-foundations .key,
    .modal .attachments .key {
      margin: 0px; }
    .modal .found-990 li,
    .modal .available-foundations li,
    .modal .already-foundations li,
    .modal .attachments li {
      padding: 0px; }
      .modal .found-990 li.connect-to,
      .modal .available-foundations li.connect-to,
      .modal .already-foundations li.connect-to,
      .modal .attachments li.connect-to {
        -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
        background: #fafafa;
        padding: 8px 24px 4px;
        margin: 4px 0px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cacaca; }
        .modal .found-990 li.connect-to:first-child,
        .modal .available-foundations li.connect-to:first-child,
        .modal .already-foundations li.connect-to:first-child,
        .modal .attachments li.connect-to:first-child {
          margin-top: 8px; }
    .modal .found-990 .checkboxes,
    .modal .available-foundations .checkboxes,
    .modal .already-foundations .checkboxes,
    .modal .attachments .checkboxes {
      display: inline-block;
      width: 32px;
      vertical-align: top;
      padding-top: 18px; }
    .modal .found-990 .check-right,
    .modal .available-foundations .check-right,
    .modal .already-foundations .check-right,
    .modal .attachments .check-right {
      display: inline-block;
      width: calc(100% - 40px); }
      .modal .found-990 .check-right.head,
      .modal .available-foundations .check-right.head,
      .modal .already-foundations .check-right.head,
      .modal .attachments .check-right.head {
        padding: 4px 0px 8px; }
    .modal .found-990 p,
    .modal .available-foundations p,
    .modal .already-foundations p,
    .modal .attachments p {
      margin: 0px; }
    .modal .found-990 .title,
    .modal .found-990 .date,
    .modal .available-foundations .title,
    .modal .available-foundations .date,
    .modal .already-foundations .title,
    .modal .already-foundations .date,
    .modal .attachments .title,
    .modal .attachments .date {
      font-size: 13px;
      line-height: 18px;
      color: #777;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .modal .found-990 .title span,
      .modal .found-990 .date span,
      .modal .available-foundations .title span,
      .modal .available-foundations .date span,
      .modal .already-foundations .title span,
      .modal .already-foundations .date span,
      .modal .attachments .title span,
      .modal .attachments .date span {
        float: right; }
    .modal .found-990 .description,
    .modal .available-foundations .description,
    .modal .already-foundations .description,
    .modal .attachments .description {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .modal .found-990 .available-photo,
    .modal .available-foundations .available-photo,
    .modal .already-foundations .available-photo,
    .modal .attachments .available-photo {
      display: inline-block;
      width: 64px;
      text-align: left;
      height: 48px;
      vertical-align: top;
      margin-bottom: 4px; }
      .modal .found-990 .available-photo .alignment,
      .modal .available-foundations .available-photo .alignment,
      .modal .already-foundations .available-photo .alignment,
      .modal .attachments .available-photo .alignment {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .modal .found-990 .available-photo img,
      .modal .available-foundations .available-photo img,
      .modal .already-foundations .available-photo img,
      .modal .attachments .available-photo img {
        vertical-align: middle;
        width: 48px;
        max-height: 48px;
        margin: 0 auto; }
    .modal .found-990 .available-name,
    .modal .available-foundations .available-name,
    .modal .already-foundations .available-name,
    .modal .attachments .available-name {
      height: 48px;
      vertical-align: top;
      display: inline-block;
      width: calc(100% - 200px); }
      .modal .found-990 .available-name p,
      .modal .available-foundations .available-name p,
      .modal .already-foundations .available-name p,
      .modal .attachments .available-name p {
        font-size: 13px;
        font-weight: 500;
        color: #555;
        line-height: 48px;
        margin: 0px; }
    .modal .found-990 .available-disconnect,
    .modal .available-foundations .available-disconnect,
    .modal .already-foundations .available-disconnect,
    .modal .attachments .available-disconnect {
      height: 48px;
      vertical-align: top;
      display: inline-block;
      text-align: right;
      width: 120px;
      padding-top: 11px; }
      .modal .found-990 .available-disconnect .button, .modal .found-990 .available-disconnect .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .modal .found-990 .available-disconnect .paginate_button,
      .modal .available-foundations .available-disconnect .button,
      .modal .available-foundations .available-disconnect .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate .modal .available-foundations .available-disconnect .paginate_button,
      .modal .already-foundations .available-disconnect .button,
      .modal .already-foundations .available-disconnect .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate .modal .already-foundations .available-disconnect .paginate_button,
      .modal .attachments .available-disconnect .button,
      .modal .attachments .available-disconnect .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate .modal .attachments .available-disconnect .paginate_button {
        text-align: center;
        width: 112px; }
    .modal .found-990 .attachment-icon,
    .modal .available-foundations .attachment-icon,
    .modal .already-foundations .attachment-icon,
    .modal .attachments .attachment-icon {
      display: inline-block;
      vertical-align: middle;
      font-size: 24px;
      width: 32px; }
      .modal .found-990 .attachment-icon i,
      .modal .available-foundations .attachment-icon i,
      .modal .already-foundations .attachment-icon i,
      .modal .attachments .attachment-icon i {
        color: #555;
        position: relative;
        top: -2px; }
    .modal .found-990 .attachment-details,
    .modal .available-foundations .attachment-details,
    .modal .already-foundations .attachment-details,
    .modal .attachments .attachment-details {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 4px;
      width: calc(100% - 80px); }
    .modal .found-990 .attachment-name,
    .modal .available-foundations .attachment-name,
    .modal .already-foundations .attachment-name,
    .modal .attachments .attachment-name {
      font-weight: 500;
      font-size: 13px;
      line-height: 18px; }
      .modal .found-990 .attachment-name a,
      .modal .available-foundations .attachment-name a,
      .modal .already-foundations .attachment-name a,
      .modal .attachments .attachment-name a {
        color: #444; }
    .modal .found-990 .attachment-type,
    .modal .available-foundations .attachment-type,
    .modal .already-foundations .attachment-type,
    .modal .attachments .attachment-type {
      font-size: 12px;
      line-height: 15px;
      font-weight: 400; }
    .modal .found-990 .attachment-download,
    .modal .available-foundations .attachment-download,
    .modal .already-foundations .attachment-download,
    .modal .attachments .attachment-download {
      vertical-align: middle;
      display: inline-block;
      width: 32px;
      font-size: 20px;
      text-align: right; }
      .modal .found-990 .attachment-download i,
      .modal .available-foundations .attachment-download i,
      .modal .already-foundations .attachment-download i,
      .modal .attachments .attachment-download i {
        position: relative;
        top: -1px; }
      .modal .found-990 .attachment-download a,
      .modal .available-foundations .attachment-download a,
      .modal .already-foundations .attachment-download a,
      .modal .attachments .attachment-download a {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        color: #999; }
        .modal .found-990 .attachment-download a:hover,
        .modal .available-foundations .attachment-download a:hover,
        .modal .already-foundations .attachment-download a:hover,
        .modal .attachments .attachment-download a:hover {
          color: #444; }
  .mini-modal .modal {
    height: auto; }
  .modal .close-modal {
    position: absolute;
    z-index: 1005;
    top: 2px;
    right: 24px;
    color: #999;
    cursor: pointer; }
    .modal .close-modal .u-ex {
      font-size: 24px; }
    .modal .close-modal:hover {
      color: #555; }
  .modal > section {
    height: 100%;
    display: none; }
    .modal > section .inner {
      padding: 56px 24px 16px 24px;
      overflow-y: auto;
      height: calc(100% - 48px);
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out; }
      .mini-modal .modal > section .inner {
        min-height: 224px; }
      .modal > section .inner.task-space {
        padding-bottom: 120px; }
      .modal > section .inner.for-update {
        padding-top: 64px;
        background: #fcfcff;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .modal > section.shown {
      display: block; }
    .modal > section p {
      font-size: 15px;
      color: #444;
      line-height: 22px;
      margin: 12px 0px; }
    .modal > section .instructions {
      font-size: 13px;
      line-height: 18px; }
    .modal > section input.valid {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .modal > section input.invalid {
      -webkit-box-shadow: 0px 0px 6px rgba(208, 61, 24, 0.3);
      -moz-box-shadow: 0px 0px 6px rgba(208, 61, 24, 0.3);
      box-shadow: 0px 0px 6px rgba(208, 61, 24, 0.3);
      border: 2px solid #d03d18 !important; }
    .modal > section .error-message {
      display: block;
      margin-top: 6px;
      font-size: 12px;
      line-height: 14px;
      color: #d03d18;
      font-weight: 500;
      display: none; }
    .modal > section .forgot-password {
      display: block;
      margin-top: 6px;
      font-size: 12px;
      line-height: 14px; }
    .modal > section .square .no-990 p {
      font-size: 13px;
      line-height: 18px; }
    .modal > section h3 {
      z-index: 20;
      position: absolute;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      line-height: 48px;
      background: #e1e2ee;
      padding: 0px 56px 0px 24px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid #cacaca; }
    .modal > section h4 {
      margin-bottom: 8px;
      font-size: 15px;
      line-height: 28px;
      margin-top: 16px;
      border-bottom: 1px solid #cacaca;
      color: #555;
      font-weight: 500; }
      .task .modal > section h4 {
        margin-top: 0px; }
    .modal > section .task-card .new-task-description {
      height: 80px; }
    .modal > section .task-card .instructions {
      margin: 8px 0px 12px; }
    .modal > section .task-card .dropdown {
      width: 100%; }
      .modal > section .task-card .dropdown .dropdown-field {
        width: 100%; }
    .modal > section .task-card .dropdown-chip i {
      margin-right: 0px; }
    .modal > section .task-type {
      margin-top: 4px;
      color: #444;
      font-size: 13px;
      line-height: 18px;
      font-weight: 400;
      margin-bottom: 4px;
      display: block; }
    .modal > section .task-text {
      border-top: 1px solid #cacaca;
      margin-top: 8px;
      padding-top: 16px; }
    .modal > section .task-assignees p {
      margin: 0px; }
    .modal > section .task-assignees li {
      padding: 0px; }
      .modal > section .task-assignees li:not(.assigner) {
        margin: 6px 0px;
        -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
        position: relative;
        background: #f2f3f9;
        border: 1px solid #e1e3f1; }
      .modal > section .task-assignees li .whole-block {
        margin-bottom: 0px;
        width: 100%;
        padding: 8px 24px;
        background: #fff; }
        .modal > section .task-assignees li .whole-block.assignee {
          background: #f6f6f6;
          border-bottom: 1px solid #eee; }
        .modal > section .task-assignees li .whole-block.assignee-response {
          padding: 16px 24px;
          display: none;
          opacity: 0; }
          .modal > section .task-assignees li .whole-block.assignee-response.bank-answer {
            padding: 12px 24px; }
          .modal > section .task-assignees li .whole-block.assignee-response.open {
            display: block; }
            .modal > section .task-assignees li .whole-block.assignee-response.open .inline-hints,
            .modal > section .task-assignees li .whole-block.assignee-response.open .label {
              opacity: 0;
              display: none;
              font-size: 13px;
              line-height: 18px; }
            .modal > section .task-assignees li .whole-block.assignee-response.open .short {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 13px;
              line-height: 18px; }
            .modal > section .task-assignees li .whole-block.assignee-response.open .question-answer {
              margin: 4px 0px; }
          .modal > section .task-assignees li .whole-block.assignee-response.default {
            opacity: 1; }
      .modal > section .task-assignees li.assigner .whole-block {
        padding: 12px 0px 4px; }
        .modal > section .task-assignees li.assigner .whole-block.assignee {
          background: #fff;
          border-bottom: none; }
      .modal > section .task-assignees li .assignee-image {
        display: inline-block;
        vertical-align: top;
        width: 48px; }
        .modal > section .task-assignees li .assignee-image .remove-answer {
          width: 15px;
          height: 15px;
          -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          position: absolute;
          right: -7px;
          top: -7px;
          background: #fff;
          text-align: center;
          cursor: pointer;
          color: #777; }
          .modal > section .task-assignees li .assignee-image .remove-answer:hover {
            color: #fff;
            background: #76798d; }
          .modal > section .task-assignees li .assignee-image .remove-answer i {
            margin-right: 0px;
            font-size: 10px;
            position: relative;
            top: -5px;
            left: 1px; }
        .modal > section .task-assignees li .assignee-image img {
          width: 36px;
          height: 36px;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #999; }
        .modal > section .task-assignees li .assignee-image .assignee-no-photo {
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #999;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          letter-spacing: 1px;
          width: 36px;
          height: 36px;
          display: block;
          background: #434282;
          color: #fff;
          font-weight: 400;
          font-size: 18px;
          line-height: 36px;
          text-align: center; }
      .modal > section .task-assignees li .assignee-details {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 96px); }
        .modal > section .task-assignees li .assignee-details.no-user {
          width: calc(100% - 48px); }
        .modal > section .task-assignees li .assignee-details .assignee-name {
          font-size: 13px;
          line-height: 20px;
          font-weight: 500; }
        .modal > section .task-assignees li .assignee-details .assignee-status {
          font-size: 12px;
          line-height: 16px;
          margin-top: 2px;
          font-weight: 500;
          color: #555; }
        .modal > section .task-assignees li .assignee-details .remove-answer {
          margin-left: 4px; }
          .modal > section .task-assignees li .assignee-details .remove-answer:hover {
            border: 1px solid #d03d18;
            color: #d03d18; }
      .modal > section .task-assignees li .assignee-hide,
      .modal > section .task-assignees li .answer-hide {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        padding: 4px 8px;
        text-align: right;
        cursor: pointer;
        color: #999;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out; }
        .modal > section .task-assignees li .assignee-hide:hover,
        .modal > section .task-assignees li .answer-hide:hover {
          color: #444; }
        .modal > section .task-assignees li .assignee-hide.reverse,
        .modal > section .task-assignees li .answer-hide.reverse {
          transform: rotate(180deg); }
    .modal > section .key {
      width: 60%;
      display: inline-block;
      font-weight: 500;
      margin: 12px 0px 4px; }
    .modal > section .directions {
      font-weight: 500;
      color: #555;
      margin-bottom: 16px; }
    .modal > section h3 .flock,
    .modal > section h3 .futil {
      margin-right: 0px; }
    .modal > section h4 .flock,
    .modal > section h4 .futil {
      margin-right: 8px; }
    .modal > section .dropdown-icon {
      position: relative;
      top: 1px; }
      .modal > section .dropdown-icon i {
        margin-right: 0px;
        position: relative;
        top: -1px; }
    .modal > section .clickable {
      font-weight: 500;
      color: #555;
      cursor: pointer; }
      .modal > section .clickable:hover {
        text-decoration: underline; }
    .modal > section ul > li.rows {
      padding: 12px 0px;
      border-top: 1px solid #d0d1de; }
      .modal > section ul > li.rows:last-child {
        border-bottom: 1px solid #d0d1de;
        margin-bottom: 16px; }
    .modal > section .modal-tabs {
      margin: -8px -24px 0px;
      padding: 16px 24px 0px;
      background-color: #fff;
      background: -webkit-linear-gradient(top, #fff, #f2f2f2);
      background: -moz-linear-gradient(top, #fff, #f2f2f2);
      background: -ms-linear-gradient(top, #fff, #f2f2f2);
      background: -o-linear-gradient(top, #fff, #f2f2f2);
      border-bottom: 1px solid #cacaca;
      position: fixed;
      width: 550px;
      z-index: 11; }
      .modal > section .modal-tabs::after {
        content: '';
        position: fixed;
        width: 550px;
        height: 16px;
        margin: 1px -24px 0px;
        background-color: white;
        background: -webkit-linear-gradient(top, white, rgba(255, 255, 255, 0));
        background: -moz-linear-gradient(top, white, rgba(255, 255, 255, 0));
        background: -ms-linear-gradient(top, white, rgba(255, 255, 255, 0));
        background: -o-linear-gradient(top, white, rgba(255, 255, 255, 0)); }
      .modal > section .modal-tabs ul li {
        display: inline-block;
        border: none;
        margin: 0px;
        height: 33px;
        font-size: 13px;
        -webkit-box-shadow: 0px -3px 8px -2px rgba(80, 80, 80, 0.1);
        -moz-box-shadow: 0px -3px 8px -2px rgba(80, 80, 80, 0.1);
        box-shadow: 0px -3px 8px -2px rgba(80, 80, 80, 0.1); }
        .modal > section .modal-tabs ul li .modal-tab-link {
          border: 1px solid #cacaca;
          display: inline-block;
          line-height: 30px;
          color: #777;
          font-weight: 500;
          background: #eee;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          padding: 2px 16px 0px;
          margin: 0px;
          cursor: pointer; }
          .modal > section .modal-tabs ul li .modal-tab-link.selected {
            background: #fff;
            color: #555;
            border-bottom: 1px solid #fff; }
          .modal > section .modal-tabs ul li .modal-tab-link:hover {
            background: #fff; }
      .modal > section .modal-tabs ul li:first-child {
        margin-left: 0px; }
    .modal > section .modal-tabs-spacer {
      height: 56px;
      position: relative;
      display: block;
      width: 100%; }
    .modal > section .existing-connections .button, .modal > section .existing-connections .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .modal > section .existing-connections .paginate_button {
      width: 112px; }
    .modal > section .bank-grant,
    .modal > section .bank-form,
    .modal > section .bank-answers {
      opacity: 0;
      display: none; }
    .modal > section .pairs.task-select-form {
      opacity: 0;
      display: none;
      padding: 0px 0px 0px 16px;
      margin-bottom: 8px;
      border-left: 1px solid #cacaca; }
      .modal > section .pairs.task-select-form .dropdown {
        margin-bottom: 0px; }
    .modal > section .content-1,
    .modal > section .content-2,
    .modal > section .content-3 {
      display: none; }
      .modal > section .content-1.selected-tab,
      .modal > section .content-2.selected-tab,
      .modal > section .content-3.selected-tab {
        display: block; }
    .modal > section .user-image {
      border-radius: 50%;
      margin-right: 8px;
      cursor: pointer;
      position: relative;
      top: 2px; }
    .modal > section .task-form {
      margin-top: 8px;
      width: 100%;
      padding: 8px 16px;
      border: 1px solid #cacaca;
      -webkit-box-shadow: inset 1px 1px 2px rgba(80, 80, 80, 0.1);
      -moz-box-shadow: inset 1px 1px 2px rgba(80, 80, 80, 0.1);
      box-shadow: inset 1px 1px 2px rgba(80, 80, 80, 0.1); }
    .modal > section .task-response {
      border-top: 1px solid #cacaca;
      margin-top: 8px;
      padding-top: 12px;
      margin-bottom: 8px;
      display: block; }
    .modal > section .value {
      font-weight: 500;
      display: inline-block; }
      .modal > section .value.pending {
        color: #777;
        font-weight: 500; }
      .modal > section .value.overdue {
        color: #e36738;
        font-weight: 500; }
      .modal > section .value.complete {
        color: #509356;
        font-weight: 500; }
    .modal > section.newRequest .list li, .modal > section.second-user .list li {
      line-height: 24px;
      position: relative;
      border-top: 1px solid #cacaca;
      padding: 8px 0; }
      .modal > section.newRequest .list li span, .modal > section.second-user .list li span {
        display: block;
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
        color: #999; }
      .modal > section.newRequest .list li .button, .modal > section.newRequest .list li .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .modal > section.newRequest .list li .paginate_button, .modal > section.second-user .list li .button, .modal > section.second-user .list li .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .modal > section.second-user .list li .paginate_button {
        position: absolute;
        top: 16px;
        right: 4px; }
      .modal > section.newRequest .list li.connected span, .modal > section.second-user .list li.connected span {
        color: #509356; }
    .modal > section.newRequest .disclaimer, .modal > section.second-user .disclaimer {
      font-size: 15px;
      font-weight: 500;
      color: #555;
      margin: 20px 0;
      line-height: 24px; }
    .modal > section.external > ul li {
      line-height: 22px;
      position: relative;
      border-bottom: 1px solid #dadada;
      padding: 10px 0; }
      .modal > section.external > ul li span {
        display: block;
        font-size: 14px;
        color: #999; }
      .modal > section.external > ul li .button, .modal > section.external > ul li .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .modal > section.external > ul li .paginate_button {
        position: absolute;
        top: 20px;
        right: 6px;
        line-height: 20px; }
      .modal > section.external > ul li.connected span {
        color: #509356;
        font-weight: 500; }
    .modal > section.external .disclaimer {
      font-size: 15px;
      font-weight: 500;
      color: #555;
      margin: 20px 0;
      line-height: 24px; }
  .modal .buttons {
    text-align: right; }
  .modal .label {
    vertical-align: top;
    width: 160px;
    display: inline-block;
    font-weight: 500;
    margin-right: 24px; }
    .modal .label p {
      margin: 0px;
      line-height: 32px; }
    .modal .label .instructions {
      font-size: 13px;
      line-height: 18px; }
  .modal .field-wrapper {
    width: 45%;
    display: inline-block; }
    .modal .field-wrapper input,
    .modal .field-wrapper textarea {
      width: 100%; }
  .modal .pairs {
    padding: 8px 0px;
    position: relative;
    font-size: 0; }
  .modal input,
  .modal textarea {
    display: inline-block;
    outline: 0;
    font-size: 15px;
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
    line-height: 32px;
    padding: 0px 8px;
    border: 1px solid #ddd;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444; }
    .modal input:disabled,
    .modal textarea:disabled {
      background: #f6f6f6;
      font-weight: 400;
      color: #444;
      cursor: not-allowed; }
  .modal .button-field {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right: none; }
  .modal input,
  .modal textarea,
  .modal select {
    width: 45%; }
  .modal textarea {
    line-height: 24px; }
  .modal .copied-answer {
    width: 100%;
    min-height: 120px;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 16px; }
  .modal .bottom-right-corner {
    position: absolute;
    bottom: 0px;
    -webkit-box-shadow: inset 0px 1px 8px rgba(80, 80, 80, 0.1);
    -moz-box-shadow: inset 0px 1px 8px rgba(80, 80, 80, 0.1);
    box-shadow: inset 0px 1px 8px rgba(80, 80, 80, 0.1);
    padding: 8px 24px;
    background: #f2f3f9;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    .mini-modal .modal .bottom-right-corner {
      position: relative;
      bottom: auto; }
    .modal .bottom-right-corner .button, .modal .bottom-right-corner .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .modal .bottom-right-corner .paginate_button {
      margin-left: 8px; }
    .modal .bottom-right-corner .left-button {
      margin: 0px;
      float: left; }
    .modal .bottom-right-corner .process-dots {
      width: 140px;
      position: absolute;
      left: 50%;
      margin-top: 8px;
      margin-left: -70px; }

.lighter-link {
  color: #7699d4; }
  .lighter-link:hover {
    text-decoration: underline; }

body.marketing-page {
  background: #f7f7f7;
  padding-bottom: 0;
  min-height: initial;
  overflow-x: hidden; }
  body.marketing-page.a0 .intro {
    background: none; }
  body.marketing-page.a0 .intro-top.noBG .login input[type="text"] {
    background: #eee;
    border: 1px solid #ccc;
    color: #555; }
  body.marketing-page.a0 .intro-top .branding {
    color: #555; }
  body.marketing-page.a0 .secondary .features li i {
    background: #6b699c; }
  body.marketing-page.a0 .tl {
    width: 100%;
    display: inline-block;
    margin: 100px 0 80px;
    z-index: 10;
    padding: 0px 5%;
    color: #fff;
    position: relative;
    background: #ededed; }
    body.marketing-page.a0 .tl #circles .circle {
      background: #667;
      color: #000; }
    body.marketing-page.a0 .tl h2 {
      color: #555;
      text-align: center;
      line-height: 30px;
      font-size: 30px;
      position: relative;
      margin-bottom: 20px; }
    body.marketing-page.a0 .tl p {
      color: #5a5c75;
      text-align: center;
      font-size: 21px;
      line-height: 30px;
      position: relative; }
    body.marketing-page.a0 .tl > i {
      font-size: 70px;
      color: #575ca0;
      text-align: center;
      display: block;
      position: relative;
      margin: 0px;
      margin-bottom: 20px; }
    body.marketing-page.a0 .tl:before {
      -webkit-box-shadow: 8px -6px 20px -8px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 8px -6px 20px -8px rgba(0, 0, 0, 0.2);
      box-shadow: 8px -6px 20px -8px rgba(0, 0, 0, 0.2);
      content: '';
      background: #ededed;
      width: 200%;
      margin-left: -50%;
      height: 360px;
      display: block;
      position: absolute;
      transform: rotate(-1deg);
      top: -76px;
      border: 3px solid #d6d6e0;
      border-top-color: #fff; }
  body.marketing-page.a0 .hero .leadin {
    color: #555; }
    body.marketing-page.a0 .hero .leadin h1 {
      color: #555; }
  body.marketing-page.a0 .hero .signup {
    background: linear-gradient(38deg, #444, #4f4f4f); }
  body.marketing-page .intro-top {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    line-height: 55px; }
    body.marketing-page .intro-top.noBG {
      background: none !important;
      box-shadow: none !important;
      border: none !important; }
      body.marketing-page .intro-top.noBG .login input[type="text"] {
        background: #534782; }
      body.marketing-page .intro-top.noBG .branding > img {
        display: block; }
      body.marketing-page .intro-top.noBG .branding > span {
        display: none; }
    body.marketing-page .intro-top .login {
      float: right;
      margin-right: 5%;
      width: 45%;
      white-space: nowrap; }
      body.marketing-page .intro-top .login input[type="text"] {
        font-size: 13px;
        font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
        line-height: 32px;
        padding: 0px 8px;
        width: 40%;
        margin-right: 1%;
        background: none;
        border-radius: 4px;
        background: #fafafa;
        border: 1px solid #6d71a7;
        outline: none;
        color: #444;
        -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2); }
        body.marketing-page .intro-top .login input[type="text"]:focus {
          border: 1px solid #638BCE; }
      body.marketing-page .intro-top .login .button, body.marketing-page .intro-top .login .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate body.marketing-page .intro-top .login .paginate_button {
        color: #fff;
        background: #575ca0;
        border: none;
        line-height: 32px;
        padding: 0;
        width: 15%;
        min-width: 50px; }
    body.marketing-page .intro-top .branding {
      cursor: pointer;
      float: left;
      margin-left: 5%;
      color: #fff;
      padding: 0;
      padding-left: 40px;
      position: relative;
      font-size: 22px; }
      body.marketing-page .intro-top .branding i {
        font-size: 32px;
        position: absolute;
        top: 8px;
        left: 0; }
      body.marketing-page .intro-top .branding > img {
        display: none;
        position: absolute;
        left: 0;
        max-height: 80px;
        top: 15px; }
      body.marketing-page .intro-top .branding > span {
        display: block;
        color: #fff;
        font-family: 'Proxima Nova';
        font-weight: 300;
        font-size: 26px;
        line-height: 55px; }
        body.marketing-page .intro-top .branding > span em {
          font-weight: 500;
          font-style: normal; }
        body.marketing-page .intro-top .branding > span img {
          max-height: 22px;
          margin-top: 16px; }
  body.marketing-page .hero {
    width: 100%;
    position: relative;
    top: 140px;
    padding: 140px 0px;
    height: 640px;
    z-index: 2; }
    body.marketing-page .hero .leadin {
      position: absolute;
      width: 37%;
      right: 13%;
      color: #fff;
      top: 0px; }
      body.marketing-page .hero .leadin h1 {
        text-align: left;
        font-size: 32px;
        font-weight: 400;
        color: #fff;
        line-height: 36px;
        margin-bottom: 12px; }
      body.marketing-page .hero .leadin p {
        font-size: 16px;
        line-height: 26px; }
    body.marketing-page .hero .signup {
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
      width: 40%;
      max-width: 480px;
      position: absolute;
      z-index: 3;
      background: linear-gradient(38deg, #4a558e, #564392);
      left: 5%;
      top: 0px;
      border-radius: 6px;
      padding: 20px;
      font-size: 0px; }
      body.marketing-page .hero .signup.fade-out {
        transform: scale(0.8);
        opacity: 0; }
      body.marketing-page .hero .signup.sent {
        top: 0px;
        z-index: 2;
        transform: scale(1.2);
        opacity: 0; }
        body.marketing-page .hero .signup.sent.visible {
          transform: scale(1);
          opacity: 1; }
      body.marketing-page .hero .signup p {
        color: #fff;
        font-size: 15px; }
      body.marketing-page .hero .signup h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        margin: 8px 0 16px; }
      body.marketing-page .hero .signup input[type="text"] {
        color: #444;
        font-size: 13px;
        font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
        line-height: 32px;
        padding: 0px 8px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
        border-radius: 4px;
        border: none;
        border: 1px solid #cacaca;
        outline: none; }
        body.marketing-page .hero .signup input[type="text"]:focus {
          -webkit-box-shadow: inset 0px 0px 0px 1px #638BCE;
          -moz-box-shadow: inset 0px 0px 0px 1px #638BCE;
          box-shadow: inset 0px 0px 0px 1px #638BCE;
          border: 1px solid #638BCE; }
        body.marketing-page .hero .signup input[type="text"].half {
          width: 49%;
          display: inline-block;
          vertical-align: top; }
          body.marketing-page .hero .signup input[type="text"].half + .half {
            float: right; }
      body.marketing-page .hero .signup .small {
        margin-top: 16px;
        font-size: 13px; }
      body.marketing-page .hero .signup > aside {
        color: #fff;
        font-size: 12px;
        width: 50%;
        line-height: 16px;
        display: inline-block; }
      body.marketing-page .hero .signup .button, body.marketing-page .hero .signup .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate body.marketing-page .hero .signup .paginate_button {
        float: right;
        width: 25%;
        min-width: 100px;
        margin-top: 5px; }
  body.marketing-page .intro {
    position: fixed;
    overflow-y: hidden;
    top: -130px;
    width: 100%;
    height: 200%;
    overflow-x: hidden;
    background: linear-gradient(38deg, #16366a, #6a4d8b); }
    body.marketing-page .intro .hold {
      width: calc(100% + 15px);
      min-height: 125px;
      background: #f7f7f7;
      content: '';
      z-index: 3;
      position: relative;
      bottom: 0px; }
      body.marketing-page .intro .hold:before {
        -webkit-box-shadow: 0px -12px 32px -8px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px -12px 32px -8px rgba(0, 0, 0, 0.2);
        box-shadow: 0px -12px 32px -8px rgba(0, 0, 0, 0.2);
        content: "";
        background-color: #f7f7f7;
        position: absolute;
        height: 125px;
        width: calc(100% + 15px);
        top: -60px;
        left: -10px;
        border-top: 7px solid white;
        transform: rotate(4deg);
        z-index: -1; }
    body.marketing-page .intro .branding {
      position: fixed;
      bottom: 100px;
      left: -100px;
      font-size: 540px;
      color: rgba(255, 255, 255, 0.1);
      z-index: 2; }
  body.marketing-page .locked-page {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #f2f3f9; }
    body.marketing-page .locked-page .floating-logo {
      position: absolute;
      bottom: -120px;
      left: -20vh;
      font-size: 100vh;
      color: #e1e2ee;
      opacity: 0.4;
      pointer-events: none; }
    body.marketing-page .locked-page .middle-card {
      width: 480px;
      margin-left: -240px;
      position: fixed;
      left: 50%;
      top: 120px;
      background: #fff;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      padding: 16px 24px; }
  body.marketing-page .secondary {
    position: relative;
    top: 80px;
    z-index: 3;
    background: #fff; }
    body.marketing-page .secondary::before {
      -webkit-box-shadow: 0px -6px 24px -8px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px -6px 24px -8px rgba(0, 0, 0, 0.2);
      box-shadow: 0px -6px 24px -8px rgba(0, 0, 0, 0.2);
      content: '';
      background: #fff;
      width: 200%;
      margin-left: -50%;
      height: 400px;
      display: block;
      position: absolute;
      transform: rotate(4deg);
      top: -176px; }
    body.marketing-page .secondary .promo {
      position: relative;
      max-width: 33%;
      margin-top: -27%;
      margin-right: 5%;
      float: right; }
    body.marketing-page .secondary .features {
      position: relative;
      width: 40%;
      margin-left: 5%;
      margin-top: -140px;
      display: inline-block; }
      body.marketing-page .secondary .features li {
        display: block;
        list-style: none;
        line-height: 22px;
        position: relative;
        margin: 0 0 15px;
        padding: 10px 10px 10px 70px; }
        body.marketing-page .secondary .features li i {
          position: absolute;
          color: rgba(255, 255, 255, 0.9);
          height: 50px;
          width: 50px;
          font-size: 28px;
          left: 0;
          border-radius: 50%;
          background: #797b94;
          line-height: 45px;
          text-align: center; }
        body.marketing-page .secondary .features li h4 {
          font-size: 20px;
          font-weight: 400;
          color: #46437d;
          line-height: 24px;
          margin-bottom: 4px; }
        body.marketing-page .secondary .features li p {
          font-size: 15px;
          line-height: 21px;
          color: #444; }
    body.marketing-page .secondary .video {
      -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
      width: 80%;
      margin: 100px 10% 60px;
      background: #dadae2;
      min-height: 200px;
      padding: 30px; }
      body.marketing-page .secondary .video figure {
        float: left;
        height: 140px;
        margin: 0 30px 0 0;
        width: 230px;
        border-radius: 4px;
        text-align: center;
        background: linear-gradient(38deg, #8e8e9c, #a1a1ac); }
        body.marketing-page .secondary .video figure i {
          color: rgba(255, 255, 255, 0.8);
          font-size: 70px;
          line-height: 125px; }
      body.marketing-page .secondary .video h3 {
        font-size: 22px;
        font-weight: 400;
        line-height: 24px;
        color: #323873;
        margin: 8px 0;
        width: calc(100% - 310px);
        display: inline-block; }
      body.marketing-page .secondary .video p {
        display: inline-block;
        font-size: 15px;
        width: calc(100% - 310px);
        line-height: 20px;
        color: #444; }
  body.marketing-page footer {
    width: 100%;
    background: #25252f;
    margin: 0;
    padding: 10px 5%; }
    body.marketing-page footer img.fluxx {
      width: 135px;
      display: inline-block;
      margin: 10px 0 10px -10px; }
@keyframes rightleft {
  0% {
    transform: translateX(100vw) scaleY(1); }
  100% {
    transform: translateX(-100vw) scaleY(0.5);
    opacity: 0; } }
@keyframes circleleft {
  0% {
    transform: translateX(100vw) scale(2.5); }
  100% {
    transform: translateX(-200px) scale(0.5);
    opacity: 0; } }
  body.marketing-page .lightbox .modal {
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);
    top: 15%; }
    body.marketing-page .lightbox .modal .email-verified {
      color: #509356;
      position: absolute;
      right: 56px;
      font-size: 16px;
      top: 16px; }

#circles,
#lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  z-index: 1; }
  #circles .line,
  #lines .line {
    height: 3px;
    background: #7c68a7;
    background: #575ca0;
    position: absolute;
    left: 0px;
    animation: rightleft 3s linear;
    transform: translateX(100vw); }
  #circles .circle,
  #lines .circle {
    border-radius: 50%;
    background: #f9e5aa;
    position: absolute;
    left: 0px;
    animation: circleleft 3s ease-out;
    transform: translateX(100vw);
    color: #555; }
    #circles .circle i,
    #lines .circle i {
      position: absolute;
      top: 50%;
      left: 50%; }
    #circles .circle.circle-far,
    #lines .circle.circle-far {
      font-size: 3px;
      line-height: 6px;
      text-align: center;
      overflow: hidden; }
      #circles .circle.circle-far i,
      #lines .circle.circle-far i {
        width: 4px;
        height: 4px;
        margin-top: -2px;
        margin-left: -2px; }
        #circles .circle.circle-far i.o-payments,
        #lines .circle.circle-far i.o-payments {
          margin-top: -2px; }
    #circles .circle.circle-mid,
    #lines .circle.circle-mid {
      font-size: 5px;
      line-height: 12px;
      text-align: center; }
      #circles .circle.circle-mid i,
      #lines .circle.circle-mid i {
        margin-top: -3px;
        margin-left: -6px;
        width: 12px;
        height: 12px; }
    #circles .circle.circle-close,
    #lines .circle.circle-close {
      font-size: 28px;
      line-height: 28px;
      text-align: center; }
      #circles .circle.circle-close i,
      #lines .circle.circle-close i {
        width: 28px;
        height: 28px;
        margin-top: -15px;
        margin-left: -14px; }
        #circles .circle.circle-close i.o-requests-alt,
        #lines .circle.circle-close i.o-requests-alt {
          margin-top: -22px; }

.animation .animation-text {
  color: #555;
  text-align: center;
  width: 120px;
  margin: 0 auto; }
  .animation .animation-text .animation-container-double {
    animation: grantseeker-double 4s linear infinite; }
    .animation .animation-text .animation-container-double .animation-container {
      width: 48px;
      height: 48px;
      margin: 0 auto;
      animation: grantseeker-scale 2.5s ease-in-out infinite; }
      .animation .animation-text .animation-container-double .animation-container .animation-area {
        width: 48px;
        height: 48px;
        animation: grantseeker-animation 2.5s ease-in-out infinite; }
        .animation .animation-text .animation-container-double .animation-container .animation-area img {
          width: 48px;
          position: absolute;
          left: 0px;
          top: 0px; }
          .animation .animation-text .animation-container-double .animation-container .animation-area img.green {
            z-index: 7;
            animation: g-anim 2.5s linear infinite; }
          .animation .animation-text .animation-container-double .animation-container .animation-area img.green-blue {
            z-index: 8;
            animation: gb-anim 2.5s linear infinite; }
          .animation .animation-text .animation-container-double .animation-container .animation-area img.green-blue-red {
            z-index: 10;
            animation: gbr-anim 2.5s linear infinite; }
          .animation .animation-text .animation-container-double .animation-container .animation-area img.blue-red {
            z-index: 9;
            animation: br-anim 2.5s linear infinite; }
          .animation .animation-text .animation-container-double .animation-container .animation-area img.red {
            z-index: 6;
            animation: r-anim 2.5s linear infinite; }
  .animation .animation-text p {
    padding-top: 8px;
    font-size: 13px;
    font-weight: 500;
    animation: grantseeker-text 2.5s linear infinite; }

@keyframes grantseeker-text {
  0% {
    opacity: 0.2; }
  40% {
    opacity: 1; }
  50% {
    opacity: 1; }
  70% {
    opaicty: 0.2; }
  100% {
    opacity: 0.2; } }
@keyframes grantseeker-scale {
  0% {
    transform: scale(1.1); }
  50% {
    transform: scale(0.8); }
  90% {
    transform: scale(1.2); }
  100% {
    transform: scale(1.2); } }
@keyframes grantseeker-animation {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-180deg); }
  90% {
    transform: rotate(-360deg); }
  100% {
    transform: rotate(-360deg); } }
@keyframes grantseeker-double {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-360deg); }
  100% {
    transform: rotate(-720deg); } }
@keyframes g-anim {
  0% {
    opacity: 0; }
  16% {
    opacity: 1; }
  24% {
    opacity: 1; }
  32% {
    opacity: 0; }
  40% {
    opacity: 0; }
  72% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes gb-anim {
  0% {
    opacity: 0; }
  8% {
    opacity: 0; }
  24% {
    opacity: 1; }
  32% {
    opacity: 1; }
  40% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes gbr-anim {
  0% {
    opacity: 0; }
  16% {
    opacity: 0; }
  32% {
    opacity: 1; }
  40% {
    opacity: 1; }
  48% {
    opacity: 1; }
  56% {
    opacity: 1; }
  64% {
    opacity: 1; }
  72% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes br-anim {
  0% {
    opacity: 0; }
  24% {
    opacity: 0; }
  32% {
    opacity: 0; }
  40% {
    opacity: 0; }
  48% {
    opacity: 0; }
  56% {
    opacity: 1; }
  64% {
    opacity: 1; }
  72% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes r-anim {
  0% {
    opacity: 0; }
  24% {
    opacity: 0; }
  32% {
    opacity: 0; }
  56% {
    opacity: 0; }
  64% {
    opacity: 0; }
  72% {
    opacity: 1; }
  80% {
    opacity: 1; }
  88% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.icon-spinner {
  font-size: 48px;
  color: #638BCE;
  position: relative;
  display: inline-block;
  width: 33.33%;
  margin-top: 48px;
  margin-bottom: 60px;
  text-align: center; }
  .icon-spinner .spinner-container {
    width: 80px;
    margin: 0 auto;
    position: relative;
    left: -40px;
    text-align: center; }
  .icon-spinner p {
    font-size: 13px;
    font-weight: 500;
    color: #555;
    line-height: 18px;
    width: 200px;
    position: relative;
    top: -48px;
    margin: 0 auto;
    text-align: center;
    margin-left: -60px; }
  .icon-spinner.form {
    display: none;
    position: absolute;
    left: 0;
    width: 60%;
    text-align: center;
    margin: 0;
    margin-left: 5%;
    top: 80px; }
    .icon-spinner.form.visible {
      display: block; }
  .icon-spinner i {
    position: relative;
    z-index: 4;
    font-size: 60px;
    top: -74px;
    left: 0px;
    animation: rotate-back 8s linear infinite;
    width: 55px;
    height: 68px; }
    .icon-spinner i.white {
      color: #fff; }
  .icon-spinner .spinner {
    z-index: 1;
    animation: rotate 1.8s linear infinite;
    background: #b0c4e7;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 80px;
    width: 80px;
    position: relative;
    margin: 0 auto; }
    .icon-spinner .spinner::before, .icon-spinner .spinner::after {
      content: '';
      position: absolute; }
    .icon-spinner .spinner::before {
      border-radius: 50%;
      background: linear-gradient(0deg, white 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
      background-repeat: no-repeat;
      background-size: 50% 50%;
      top: -1px;
      bottom: -1px;
      left: -1px;
      right: -1px; }
    .icon-spinner .spinner::after {
      background: #fcfcff;
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%; }
    .icon-spinner .spinner.blue::after {
      background: #638BCE; }
    .icon-spinner .spinner.gray {
      background: #638BCE; }
      .icon-spinner .spinner.gray::after {
        background: #999; }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes rotate-back {
  0% {
    opacity: 1;
    transform: rotate(0deg); }
  100% {
    opacity: 1;
    transform: rotate(-360deg); } }
.ref {
  font-size: 0px;
  margin-left: 220px; }
  .ref .sidebar {
    background: #3c4a61;
    width: 220px;
    position: fixed;
    left: 0px;
    z-index: 2;
    height: 100%;
    color: #fff;
    -webkit-box-shadow: inset -1px 0px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset -1px 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: inset -1px 0px 8px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #555; }
    .ref .sidebar .sidebar-container {
      max-height: 100vh;
      overflow-y: auto; }
    .ref .sidebar .logo {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      cursor: pointer;
      padding: 0px 16px 8px;
      opacity: 0.8; }
      .ref .sidebar .logo:hover {
        opacity: 1; }
      .ref .sidebar .logo span {
        display: block; }
      .ref .sidebar .logo .icon-logo {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 1px; }
        .ref .sidebar .logo .icon-logo i {
          font-size: 36px;
          position: relative;
          top: 19px;
          margin-right: 8px; }
      .ref .sidebar .logo .subheader {
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        letter-spacing: 0.2px;
        opacity: 0.8;
        margin-left: 42px;
        text-transform: uppercase; }
    .ref .sidebar ul.nav {
      width: 100%;
      padding: 0px;
      margin-top: 16px; }
      .ref .sidebar ul.nav li {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        width: 100%;
        cursor: pointer;
        border-left: 4px solid transparent;
        position: relative; }
        .ref .sidebar ul.nav li:not(.open):hover {
          border-left: 4px solid rgba(255, 255, 255, 0.2);
          background: rgba(255, 255, 255, 0.1); }
          .ref .sidebar ul.nav li:not(.open):hover a {
            color: #fff; }
        .ref .sidebar ul.nav li.selected {
          -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
          pointer-events: none;
          background: rgba(0, 0, 0, 0.1);
          border-left: 4px solid #638BCE; }
        .ref .sidebar ul.nav li.menu-item {
          -webkit-transition: height 300ms ease-in-out;
          -moz-transition: height 300ms ease-in-out;
          -ms-transition: height 300ms ease-in-out;
          -o-transition: height 300ms ease-in-out;
          height: 0px;
          overflow: hidden;
          margin-left: -4px;
          width: calc(100% + 4px);
          background: #3c4a61; }
          .ref .sidebar ul.nav li.menu-item.selected {
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
            pointer-events: none;
            background: #364257 !important;
            border-left: 4px solid #638BCE; }
          .ref .sidebar ul.nav li.menu-item a {
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            padding: 5px 16px 7px 36px;
            font-size: 13px;
            opacity: 0; }
            .ref .sidebar ul.nav li.menu-item a i {
              margin-right: 10px;
              font-size: 15px;
              top: 1px; }
              .ref .sidebar ul.nav li.menu-item a i.u-legacy-f {
                -webkit-transform: rotate(90deg) scale(0.9);
                -moz-transform: rotate(90deg) scale(0.9);
                -ms-transform: rotate(90deg) scale(0.9);
                -o-transform: rotate(90deg) scale(0.9);
                position: relative;
                left: 1px;
                top: 2px; }
            .ref .sidebar ul.nav li.menu-item a::after {
              content: '';
              display: block;
              position: absolute;
              left: 22px;
              top: 0px;
              height: 100%;
              width: 2px;
              background: #49556a; }
        .ref .sidebar ul.nav li.menu {
          border-left: 4px solid transparent !important; }
          .ref .sidebar ul.nav li.menu:hover {
            background: rgba(187, 187, 187, 0.1); }
            .ref .sidebar ul.nav li.menu:hover .menu-icon {
              opacity: 1; }
          .ref .sidebar ul.nav li.menu.open {
            background: rgba(187, 187, 187, 0.1); }
            .ref .sidebar ul.nav li.menu.open .menu-item {
              height: 37px;
              background: #3c4a61; }
              .ref .sidebar ul.nav li.menu.open .menu-item:hover, .ref .sidebar ul.nav li.menu.open .menu-item:focus, .ref .sidebar ul.nav li.menu.open .menu-item:active {
                background: #505c71; }
                .ref .sidebar ul.nav li.menu.open .menu-item:hover a::after, .ref .sidebar ul.nav li.menu.open .menu-item:focus a::after, .ref .sidebar ul.nav li.menu.open .menu-item:active a::after {
                  opacity: 0; }
              .ref .sidebar ul.nav li.menu.open .menu-item a {
                opacity: 1; }
            .ref .sidebar ul.nav li.menu.open .menu-icon {
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              -o-transform: rotate(0deg); }
        .ref .sidebar ul.nav li a {
          color: #eee;
          padding: 7px 16px;
          display: block; }
          .ref .sidebar ul.nav li a > i {
            font-size: 18px;
            margin-right: 18px;
            position: relative;
            top: 2px; }
            .ref .sidebar ul.nav li a > i.o-gm-e {
              -webkit-transform: scale(1.2);
              -moz-transform: scale(1.2);
              -ms-transform: scale(1.2);
              -o-transform: scale(1.2); }
        .ref .sidebar ul.nav li .menu-icon {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          opacity: 0.8;
          font-size: 13px;
          position: absolute;
          right: 16px;
          top: 7px; }
  .ref main {
    display: inline-block;
    padding: 36px 48px 64px;
    width: calc(100vw - 220px);
    position: relative; }
  .ref .half-block {
    width: calc(50% - 16px);
    margin-right: 32px; }
    .ref .half-block:not(:last-child) {
      padding-right: 32px; }
    .ref .half-block.right, .ref .half-block:last-child {
      margin-right: 0px; }
  .ref .header {
    padding-bottom: 32px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 32px;
    position: relative; }
    .ref .header.for-tabs {
      border-bottom: 0px;
      margin-bottom: 0px; }
    .ref .header.minimized {
      -webkit-transform: translateY(-48px);
      -moz-transform: translateY(-48px);
      -ms-transform: translateY(-48px);
      -o-transform: translateY(-48px);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      border-bottom: 1px solid #ddd;
      position: fixed;
      z-index: 99;
      top: 0px;
      right: 0px;
      width: calc(100vw - 220px);
      padding: 6px 48px;
      background: #f2f2f2;
      opacity: 0; }
      .ref .header.minimized.visible {
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1; }
        .ref .header.minimized.visible ~ .header .icon-search {
          display: none; }
      .ref .header.minimized > h1 {
        vertical-align: top;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #555;
        margin: 0px;
        display: inline-block; }
      .ref .header.minimized > p {
        display: none; }
      .ref .header.minimized .icon-search {
        width: calc(100% - 64px);
        margin: 2px 0 0 0;
        line-height: 28px;
        height: 28px;
        border: 1px solid #bbb;
        font-size: 14px; }
      .ref .header.minimized .to-top {
        vertical-align: top;
        float: right;
        line-height: 18px;
        font-size: 13px;
        font-weight: 500;
        padding: 4px 16px;
        font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
        opacity: 0.8;
        margin-top: 2px; }
        .ref .header.minimized .to-top:hover {
          opacity: 1; }
        .ref .header.minimized .to-top > i {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          font-size: 11px; }
    .ref .header .icon-search {
      line-height: 48px;
      height: 48px;
      width: 100%;
      padding: 0px 12px;
      font-size: 15px;
      color: #444;
      border: 1px solid #cacaca;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      margin: 0px 0px 32px;
      outline: none !important;
      background: #fff;
      -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1); }
      .ref .header .icon-search:hover {
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
        background: #fcfdfe;
        border: 1px solid #92aedd; }
      .ref .header .icon-search:focus, .ref .header .icon-search:active {
        -webkit-box-shadow: 0px 0px 6px rgba(99, 139, 206, 0.4);
        -moz-box-shadow: 0px 0px 6px rgba(99, 139, 206, 0.4);
        box-shadow: 0px 0px 6px rgba(99, 139, 206, 0.4);
        border-color: #92aedd; }
  .ref .product-tabs > ul {
    margin-bottom: -1px; }
    .ref .product-tabs > ul > li {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 0px -1px 8px -2px rgba(80, 80, 80, 0.2);
      -moz-box-shadow: inset 0px -1px 8px -2px rgba(80, 80, 80, 0.2);
      box-shadow: inset 0px -1px 8px -2px rgba(80, 80, 80, 0.2);
      font-size: 13px;
      line-height: 18px;
      font-weight: 500;
      color: #999;
      display: inline-block;
      margin-right: 4px;
      padding: 8px 20px;
      background: #fafafa;
      border: 1px solid #ddd;
      cursor: pointer; }
      .ref .product-tabs > ul > li:hover, .ref .product-tabs > ul > li.selected {
        background: #fff;
        border-color: #e1e2ee;
        color: #777; }
      .ref .product-tabs > ul > li:hover {
        -webkit-box-shadow: inset 0px -2px 8px -2px rgba(80, 80, 80, 0.2);
        -moz-box-shadow: inset 0px -2px 8px -2px rgba(80, 80, 80, 0.2);
        box-shadow: inset 0px -2px 8px -2px rgba(80, 80, 80, 0.2); }
      .ref .product-tabs > ul > li.selected {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
        border-bottom: 1px solid #fff; }
      .ref .product-tabs > ul > li > i {
        position: relative;
        top: 3px;
        margin-right: 8px;
        font-size: 16px; }
  .ref .product-tabs [class$=content] {
    -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    border: 1px solid #ddd;
    padding: 32px;
    margin-bottom: 48px;
    display: none; }
    .ref .product-tabs [class$=content]:first-of-type {
      display: block; }
    .ref .product-tabs [class$=content] .text-box {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
      background: #ebebf1; }
  .ref .row {
    margin-bottom: 32px; }
    .ref .row.flex {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .ref .row.flex.top {
        align-items: flex-start; }
      .ref .row.flex .flex-half {
        max-width: 50%;
        flex: 0 0 50%; }
        .ref .row.flex .flex-half:nth-child(2) {
          text-align: center; }
        .ref .row.flex .flex-half.right {
          padding-left: 10%;
          text-align: right; }
          .ref .row.flex .flex-half.right h2,
          .ref .row.flex .flex-half.right h3 {
            text-align: left; }
          .ref .row.flex .flex-half.right .text-box {
            margin: 24px 0px 24px 0px; }
          .ref .row.flex .flex-half.right .screenshot {
            padding: 10% 0% 10% 0%; }
        .ref .row.flex .flex-half button {
          margin: 0px 2px; }
      .ref .row.flex .flex-third {
        max-width: 33%;
        flex: 0 0 33%; }
        .ref .row.flex .flex-third:nth-child(2) {
          text-align: center; }
        .ref .row.flex .flex-third.right {
          max-width: 67%;
          flex: 0 0 67%;
          padding-left: 10%;
          text-align: right; }
          .ref .row.flex .flex-third.right h2,
          .ref .row.flex .flex-third.right h3 {
            text-align: left; }
          .ref .row.flex .flex-third.right .text-box {
            margin: 24px 0px 24px 0px; }
          .ref .row.flex .flex-third.right .screenshot {
            padding: 10% 0% 10% 0%; }
        .ref .row.flex .flex-third button {
          margin: 0px 2px; }
  .ref .divider {
    border-bottom: 2px solid #ddd;
    margin-bottom: 32px; }
  .ref h1 {
    color: #555;
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 8px; }
  .ref h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 12px; }
    .ref h2.for-tabs {
      margin-bottom: 24px; }
  .ref h3 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #555; }
    .ref h3.bot {
      margin-top: 0px;
      margin-bottom: 16px; }
  .ref p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #777;
    margin-top: 8px; }
    .ref p.caption {
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 16px; }
  .ref b {
    font-weight: 600;
    font-size: 16px; }
  .ref pre {
    -webkit-box-shadow: -1px 0px 0px 0px #6a7890, 0px 0px 0px 1px #dfdfdf;
    -moz-box-shadow: -1px 0px 0px 0px #6a7890, 0px 0px 0px 1px #dfdfdf;
    box-shadow: -1px 0px 0px 0px #6a7890, 0px 0px 0px 1px #dfdfdf;
    font-size: 12px;
    border-left: 8px solid #6a7890 !important;
    margin-top: 12px !important; }
    .ref pre::before, .ref pre::after {
      display: none !important; }
  .ref .copyable {
    cursor: alias; }
    .ref .copyable.copied {
      color: #638BCE !important; }
    .ref .copyable:hover:not(.copied) {
      text-decoration: underline;
      color: #333 !important; }
  .ref .screenshot {
    padding: 16px 20% 24px 0%;
    max-width: calc((100vw - 320px) / 2);
    text-align: center; }
    .ref .screenshot img {
      -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
      max-width: 100%; }
    .ref .screenshot .caption {
      display: block;
      font-size: 13px;
      line-height: 18px;
      font-style: italic;
      color: #777;
      margin: 12px 0px 4px;
      width: 100%; }
  .ref .body-text {
    color: #444;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px; }
  .ref .bold-text, .ref #icons .icon-page > ul > li {
    color: #555;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px; }
  .ref .card {
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    background: #fff;
    padding: 16px 24px;
    margin: 16px 0px; }
  .ref .group {
    margin-bottom: 24px; }
    .ref .group .button, .ref .group .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .ref .group .paginate_button {
      margin-right: 4px; }
  .ref #typography .text-box {
    margin: 24px 48px 24px 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    background: #fafafd;
    text-align: left;
    padding: 24px; }
    .ref #typography .text-box.gs-card .card-title {
      font-size: 15px;
      line-height: 24px;
      font-weight: 400;
      color: #638BCE; }
    .ref #typography .text-box.gs-card .card-subtitle {
      font-size: 13px;
      line-height: 18px;
      color: #777;
      font-weight: 500; }
    .ref #typography .text-box.gs-card .card-data {
      font-size: 18px;
      line-height: 28px;
      color: #444;
      font-weight: 400; }
    .ref #typography .text-box.gs-general .gs-section-title {
      font-size: 18px;
      line-height: 32px;
      font-weight: 500;
      color: #555; }
    .ref #typography .text-box.gs-general .content {
      font-size: 15px;
      line-height: 24px;
      font-weight: 400;
      color: #444; }
    .ref #typography .text-box.gs-general .content-bold {
      font-size: 15px;
      line-height: 24px;
      font-weight: 500;
      color: #555; }
    .ref #typography .text-box.gs-general .body {
      font-size: 13px;
      line-height: 18px;
      font-weight: 400;
      color: #444; }
    .ref #typography .text-box.gs-general .body-bold {
      font-size: 13px;
      line-height: 18px;
      font-weight: 500;
      color: #555; }
  .ref #color .row {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
    @media (min-width: 1040px) and (max-width: 1239px) {
      .ref #color .row {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; } }
    @media (min-width: 1240px) {
      .ref #color .row {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4; } }
  .ref #color .swatch {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: flex;
    flex: 1;
    align-items: flex-start;
    padding: 12px 8px; }
    .ref #color .swatch .color {
      margin-top: 5px;
      -webkit-border-top-right-radius: 2px;
      -webkit-border-bottom-right-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
      -webkit-border-top-left-radius: 2px;
      -moz-border-radius-topright: 2px;
      -moz-border-radius-bottomright: 2px;
      -moz-border-radius-bottomleft: 2px;
      -moz-border-radius-topleft: 2px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      width: 60px;
      height: 60px;
      display: inline-block; }
    .ref #color .swatch .label {
      padding-left: 16px;
      display: block;
      font-size: 15px;
      font-weight: 500;
      color: #555;
      line-height: 24px; }
      .ref #color .swatch .label em {
        font-style: normal; }
      .ref #color .swatch .label span {
        display: block;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        color: #777; }
  .ref #dropdowns .dropdown-chips .chip {
    width: 100%; }
    .ref #dropdowns .dropdown-chips .chip .title {
      margin-left: 36px; }
  .ref #icons .header:not(.minimized) {
    padding-bottom: 72px; }
    .ref #icons .header:not(.minimized) .icon-search {
      position: absolute; }
  @media (max-width: 1200px) {
    .ref #icons .icon-page {
      padding: 0;
      margin: 0;
      width: 100%; }
      .ref #icons .icon-page.right {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid #cacaca; }
      .ref #icons .icon-page > ul {
        border: none !important; } }
  .ref #icons .icon-page > ul {
    width: 100%;
    vertical-align: top; }
    .ref #icons .icon-page > ul.right-border {
      border-right: 1px solid #cacaca; }
    .ref #icons .icon-page > ul > li {
      width: 50%;
      text-align: left;
      display: inline-block;
      line-height: 40px;
      white-space: nowrap; }
      .ref #icons .icon-page > ul > li.hidden {
        display: none; }
      .ref #icons .icon-page > ul > li > i {
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        font-size: 24px;
        line-height: 36px;
        margin-right: 16px;
        position: relative;
        top: 4px; }
      .ref #icons .icon-page > ul > li.no-more {
        display: none; }
        .ref #icons .icon-page > ul > li.no-more.visible {
          display: inline-block; }
      .ref #icons .icon-page > ul > li:hover > i {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        -webkit-box-shadow: 0px 0px 4px 3px #fcfcff;
        -moz-box-shadow: 0px 0px 4px 3px #fcfcff;
        box-shadow: 0px 0px 4px 3px #fcfcff;
        z-index: 2; }
  .ref .footer {
    padding: 4px 16px 4px 48px;
    border-top: 1px solid #ddd;
    background: #f6f6f6;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    position: absolute;
    bottom: 0;
    width: 100%; }
    .ref .footer a {
      color: #76798d;
      font-weight: 500; }
      .ref .footer a:hover {
        text-decoration: underline; }
  .ref .toast {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    position: fixed;
    right: 48px;
    top: 24px;
    text-align: right;
    max-width: 480px;
    background: rgba(68, 68, 68, 0.9);
    color: #eee;
    font-size: 15px;
    line-height: 24px;
    padding: 12px 24px;
    opacity: 0;
    pointer-events: none; }
    .ref .toast.for-minimized {
      top: 64px; }
    .ref .toast.visible {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 1;
      pointer-events: all; }
    .ref .toast .message {
      font-size: 15px;
      line-height: 24px; }
    .ref .toast > i {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      font-size: 13px;
      cursor: pointer;
      color: #ddd;
      position: relative;
      top: 1px;
      margin-left: 16px; }
      .ref .toast > i:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        color: #fff; }

.public-back-header {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  display: none;
  position: absolute;
  top: -55px;
  width: 100%;
  background: #f6f6f6;
  height: 55px; }
  .public-back-header .inner {
    width: 100%;
    max-width: 1300px;
    padding: 0px 5%;
    margin: 0 auto;
    height: 55px;
    display: flex;
    align-items: center; }
    .public-back-header .inner .gs-branding img {
      width: 140px; }
    .public-back-header .inner .left-side {
      flex: 0 0 160px; }
    .public-back-header .inner .right-side {
      flex: 0 0 calc(100% - 160px);
      text-align: right;
      position: relative;
      top: -1px; }
      .public-back-header .inner .right-side .log-in {
        border-color: #638BCE;
        color: #638BCE; }
        .public-back-header .inner .right-side .log-in:hover {
          background: #f2f2ff; }

.public-logged-out-header {
  display: none; }

body.logged-out header.page-top, body.logged-out body.marketing-page header.intro-top, body.marketing-page body.logged-out header.intro-top {
  display: none; }
body.logged-out .subhead {
  opacity: 0;
  pointer-events: none; }
body.logged-out .public-back-header,
body.logged-out .public-logged-out-header {
  display: block; }

.public-logged-out-header {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  border-bottom: 2px solid #323160;
  background: #434282;
  position: fixed;
  height: 55px;
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 30;
  opacity: 0; }
  .public-logged-out-header.fixed {
    pointer-events: all;
    opacity: 1; }
    .public-logged-out-header.fixed .inner h1,
    .public-logged-out-header.fixed .inner h2,
    .public-logged-out-header.fixed .inner .gs-branding {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 1; }
  .public-logged-out-header .inner {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    width: 100%;
    max-width: 1300px;
    padding: 0px 5%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    height: 55px; }
    .public-logged-out-header .inner h1,
    .public-logged-out-header .inner h2,
    .public-logged-out-header .inner .gs-branding {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      -webkit-transform: translateY(4px);
      -moz-transform: translateY(4px);
      -ms-transform: translateY(4px);
      -o-transform: translateY(4px);
      opacity: 0; }
      .public-logged-out-header .inner h1 img,
      .public-logged-out-header .inner h2 img,
      .public-logged-out-header .inner .gs-branding img {
        width: 140px; }
    .public-logged-out-header .inner .left-side {
      flex: 0 0 160px; }
    .public-logged-out-header .inner .right-side {
      flex: 0 0 calc(100% - 160px);
      text-align: right;
      position: relative;
      top: -1px; }
    .public-logged-out-header .inner h1 {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      font-size: 16px;
      line-height: 24px;
      color: #fff; }
    .public-logged-out-header .inner h2 {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      font-size: 13px;
      line-height: 18px;
      color: #fff; }

.public-header-container {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 100%; }
  .public-header-container .public-header {
    width: 100%;
    max-width: 1300px;
    padding: 32px 5%;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    .public-header-container .public-header .left-side {
      flex: 0 0 55%;
      padding-right: 48px;
      position: relative; }
      .public-header-container .public-header .left-side h2 {
        font-size: 18px; }
      .public-header-container .public-header .left-side .description {
        display: block;
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 24px; }
      .public-header-container .public-header .left-side a {
        display: inline-block; }
        .public-header-container .public-header .left-side a.website, .public-header-container .public-header .left-side a.email {
          margin-top: 8px;
          font-size: 13px;
          line-height: 18px;
          font-weight: 500;
          color: #555555;
          cursor: pointer; }
          .public-header-container .public-header .left-side a.website:hover, .public-header-container .public-header .left-side a.email:hover {
            text-decoration: underline;
            color: #638BCE; }
        .public-header-container .public-header .left-side a.website {
          margin-right: 16px; }
        .public-header-container .public-header .left-side a i {
          margin-right: 6px;
          font-size: 11px; }
    .public-header-container .public-header .right-side {
      flex: 0 0 45%;
      text-align: center; }
      .public-header-container .public-header .right-side img {
        max-width: 240px;
        max-height: 160px; }

.public-updates-container {
  position: relative;
  padding-top: 32px; }
  .public-updates-container .view-bar {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    margin-bottom: 0;
    top: 0;
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #d0d1de;
    border-left: none;
    border-right: none;
    position: absolute; }
    .public-updates-container .view-bar.fixed {
      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
      z-index: 2;
      top: 55px; }
    .public-updates-container .view-bar .view-bar-inner {
      max-width: 1300px;
      margin: 0 auto; }
      .public-updates-container .view-bar .view-bar-inner > .sort-by {
        margin-left: 5%; }
      .public-updates-container .view-bar .view-bar-inner .view-sort-direction {
        margin-right: 5%; }

.searchable-list {
  position: relative; }
  .searchable-list .searchable-input {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 2px 2px 8px -1px rgba(80, 80, 80, 0.1);
    -moz-box-shadow: inset 2px 2px 8px -1px rgba(80, 80, 80, 0.1);
    box-shadow: inset 2px 2px 8px -1px rgba(80, 80, 80, 0.1);
    border: 1px solid #ddd;
    background: #fcfcff;
    font-size: 13px;
    line-height: 32px;
    height: 34px;
    padding: 0px 12px;
    color: #444;
    width: 100%;
    outline: none; }
  .searchable-list .clear-searchable-input {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    position: absolute;
    right: 8px;
    top: 7px;
    font-size: 13px;
    color: #999;
    cursor: pointer;
    text-align: center;
    width: 20px;
    height: 20px;
    opacity: 0;
    pointer-events: none; }
    .searchable-list .clear-searchable-input.visible {
      opacity: 1;
      pointer-events: all; }
    .searchable-list .clear-searchable-input:hover {
      color: #555; }
  .searchable-list .searchable-results {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    color: #444;
    font-size: 13px;
    line-height: 20px;
    margin-top: 4px; }
    .searchable-list .searchable-results .used {
      opacity: 0.5;
      pointer-events: none; }
    .searchable-list .searchable-results .hidden {
      display: none; }
    .searchable-list .searchable-results .searchable-category:not(:first-child) {
      margin-top: 8px; }
    .searchable-list .searchable-results .searchable-category:not(:last-child) {
      margin-bottom: 8px; }
    .searchable-list .searchable-results .searchable-category.category-selected, .searchable-list .searchable-results .searchable-category.category-hovered {
      background: #f4f6fd; }
      .searchable-list .searchable-results .searchable-category.category-selected.category-selected, .searchable-list .searchable-results .searchable-category.category-hovered.category-selected {
        -webkit-box-shadow: inset 0px 1px 0px rgba(80, 80, 80, 0.1);
        -moz-box-shadow: inset 0px 1px 0px rgba(80, 80, 80, 0.1);
        box-shadow: inset 0px 1px 0px rgba(80, 80, 80, 0.1);
        background: #e8edf9;
        cursor: pointer; }
        .searchable-list .searchable-results .searchable-category.category-selected.category-selected:hover, .searchable-list .searchable-results .searchable-category.category-hovered.category-selected:hover {
          background: #f4f6fd; }
          .searchable-list .searchable-results .searchable-category.category-selected.category-selected:hover > .title,
          .searchable-list .searchable-results .searchable-category.category-selected.category-selected:hover .searchable-result, .searchable-list .searchable-results .searchable-category.category-hovered.category-selected:hover > .title,
          .searchable-list .searchable-results .searchable-category.category-hovered.category-selected:hover .searchable-result {
            color: #999; }
      .searchable-list .searchable-results .searchable-category.category-selected > .title, .searchable-list .searchable-results .searchable-category.category-hovered > .title {
        color: #638BCE; }
      .searchable-list .searchable-results .searchable-category.category-selected .category-results .searchable-result, .searchable-list .searchable-results .searchable-category.category-hovered .category-results .searchable-result {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: none;
        color: #638BCE; }
    .searchable-list .searchable-results .searchable-category > .title {
      display: block;
      font-weight: 500;
      font-size: 14px;
      line-height: 22px;
      padding: 4px 12px;
      cursor: pointer; }
    .searchable-list .searchable-results .searchable-category .category-results .searchable-result {
      padding-left: 20px; }
    .searchable-list .searchable-results .searchable-result {
      cursor: pointer;
      padding: 2px 12px; }
      .searchable-list .searchable-results .searchable-result:hover {
        background: #f4f6fd;
        color: #638BCE; }
      .searchable-list .searchable-results .searchable-result.selected {
        -webkit-box-shadow: inset 0px 1px 0px rgba(80, 80, 80, 0.1);
        -moz-box-shadow: inset 0px 1px 0px rgba(80, 80, 80, 0.1);
        box-shadow: inset 0px 1px 0px rgba(80, 80, 80, 0.1);
        background: #e8edf9;
        color: #638BCE; }
        .searchable-list .searchable-results .searchable-result.selected:hover {
          background: #f4f6fd;
          color: #999; }
      .searchable-list .searchable-results .searchable-result.locked {
        pointer-events: none; }
      .searchable-list .searchable-results .searchable-result > i {
        margin-left: 6px;
        font-size: 11px;
        color: #777; }
    .searchable-list .searchable-results .no-results {
      display: none;
      padding-top: 8px;
      padding-left: 12px; }
      .searchable-list .searchable-results .no-results.visible {
        display: block; }

.gs-modal {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  height: 100%;
  width: 100%;
  position: fixed;
  padding: 40px;
  top: 0px;
  left: 0px;
  z-index: 31;
  display: block;
  pointer-events: none;
  opacity: 0;
  text-align: center; }
  .gs-modal.visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    pointer-events: all; }
  .gs-modal.mega-modal .gs-modal-detail {
    max-width: 1300px; }
  .gs-modal .gs-modal-bg {
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0; }
  .gs-modal .gs-modal-detail {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 100%;
    width: 100%;
    max-width: 550px;
    z-index: 3;
    font-size: 0px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    overflow: hidden; }
    .gs-modal .gs-modal-detail > h3 {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      z-index: 20;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      line-height: 48px;
      background: #e1e2ee;
      padding: 0px 56px 0px 24px;
      border-bottom: 1px solid #cacaca; }
      .gs-modal .gs-modal-detail > h3 .close-gs-modal {
        position: absolute;
        z-index: 1005;
        top: 2px;
        right: 24px;
        color: #999;
        cursor: pointer; }
        .gs-modal .gs-modal-detail > h3 .close-gs-modal .u-ex {
          font-size: 24px; }
        .gs-modal .gs-modal-detail > h3 .close-gs-modal:hover {
          color: #555; }
      .gs-modal .gs-modal-detail > h3 .edit-gs-modal {
        position: absolute;
        z-index: 1005;
        top: 0px;
        right: 56px;
        color: #999;
        cursor: pointer; }
        .gs-modal .gs-modal-detail > h3 .edit-gs-modal .u-ex {
          font-size: 24px; }
        .gs-modal .gs-modal-detail > h3 .edit-gs-modal:hover {
          color: #555; }
    .gs-modal .gs-modal-detail .gs-modal-content {
      padding: 24px;
      overflow-y: auto;
      max-height: calc(100% - 99px);
      background: #fcfcff;
      font-size: 13px;
      line-height: 18px;
      position: relative; }
      .gs-modal .gs-modal-detail .gs-modal-content.full-height {
        overflow-x: hidden;
        height: calc(100% - 99px); }
      .gs-modal .gs-modal-detail .gs-modal-content.no-padding {
        padding: 0; }
      .gs-modal .gs-modal-detail .gs-modal-content.no-bottom {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        max-height: calc(100% - 48px); }
        .gs-modal .gs-modal-detail .gs-modal-content.no-bottom.full-height {
          height: calc(100% - 48px); }
    .gs-modal .gs-modal-detail .bottom-actions {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 0 1px 8px rgba(80, 80, 80, 0.1);
      -moz-box-shadow: inset 0 1px 8px rgba(80, 80, 80, 0.1);
      box-shadow: inset 0 1px 8px rgba(80, 80, 80, 0.1);
      position: relative;
      padding: 8px 24px;
      background: #f2f3f9;
      background-clip: padding-box;
      height: 50px; }
      .gs-modal .gs-modal-detail .bottom-actions .submit-action,
      .gs-modal .gs-modal-detail .bottom-actions .submit-area {
        float: right; }

.open-import-and-export {
  margin-bottom: 16px; }
  .open-import-and-export .row.flex {
    display: flex;
    align-items: stretch; }
  .open-import-and-export .row > .left-half.left-half,
  .open-import-and-export .row > .right-half.left-half {
    flex: 0 0 50%;
    padding-right: 16px; }
  .open-import-and-export .row > .left-half.right-half,
  .open-import-and-export .row > .right-half.right-half {
    flex: 0 0 50%;
    padding-left: 16px; }
  .open-import-and-export .row > .left-half.new-import, .open-import-and-export .row > .left-half.new-export,
  .open-import-and-export .row > .right-half.new-import,
  .open-import-and-export .row > .right-half.new-export {
    display: flex;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 16px;
    align-items: center;
    flex: 0 0 calc(50% - 16px);
    margin-right: 16px; }
    .open-import-and-export .row > .left-half.new-import.new-export, .open-import-and-export .row > .left-half.new-export.new-export,
    .open-import-and-export .row > .right-half.new-import.new-export,
    .open-import-and-export .row > .right-half.new-export.new-export {
      margin-right: 0;
      margin-left: 16px;
      align-items: center; }
      .open-import-and-export .row > .left-half.new-import.new-export .icon, .open-import-and-export .row > .left-half.new-export.new-export .icon,
      .open-import-and-export .row > .right-half.new-import.new-export .icon,
      .open-import-and-export .row > .right-half.new-export.new-export .icon {
        flex: 0 0 25%;
        text-align: center; }
        .open-import-and-export .row > .left-half.new-import.new-export .icon span, .open-import-and-export .row > .left-half.new-export.new-export .icon span,
        .open-import-and-export .row > .right-half.new-import.new-export .icon span,
        .open-import-and-export .row > .right-half.new-export.new-export .icon span {
          display: block;
          font-size: 12px;
          line-height: 16px;
          font-weight: 500;
          color: #76798d;
          max-width: 64px;
          margin: 8px auto 0; }
        .open-import-and-export .row > .left-half.new-import.new-export .icon .icon-circle, .open-import-and-export .row > .left-half.new-export.new-export .icon .icon-circle,
        .open-import-and-export .row > .right-half.new-import.new-export .icon .icon-circle,
        .open-import-and-export .row > .right-half.new-export.new-export .icon .icon-circle {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
          background: #fcfcff;
          border: 2px solid #638BCE;
          width: 48px;
          height: 48px;
          font-size: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto;
          cursor: pointer; }
          .open-import-and-export .row > .left-half.new-import.new-export .icon .icon-circle:hover, .open-import-and-export .row > .left-half.new-export.new-export .icon .icon-circle:hover,
          .open-import-and-export .row > .right-half.new-import.new-export .icon .icon-circle:hover,
          .open-import-and-export .row > .right-half.new-export.new-export .icon .icon-circle:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
            border: 2px solid #3d6ec1; }
            .open-import-and-export .row > .left-half.new-import.new-export .icon .icon-circle:hover i, .open-import-and-export .row > .left-half.new-export.new-export .icon .icon-circle:hover i,
            .open-import-and-export .row > .right-half.new-import.new-export .icon .icon-circle:hover i,
            .open-import-and-export .row > .right-half.new-export.new-export .icon .icon-circle:hover i {
              color: #3d6ec1; }
          .open-import-and-export .row > .left-half.new-import.new-export .icon .icon-circle:active, .open-import-and-export .row > .left-half.new-export.new-export .icon .icon-circle:active,
          .open-import-and-export .row > .right-half.new-import.new-export .icon .icon-circle:active,
          .open-import-and-export .row > .right-half.new-export.new-export .icon .icon-circle:active {
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9); }
          .open-import-and-export .row > .left-half.new-import.new-export .icon .icon-circle i, .open-import-and-export .row > .left-half.new-export.new-export .icon .icon-circle i,
          .open-import-and-export .row > .right-half.new-import.new-export .icon .icon-circle i,
          .open-import-and-export .row > .right-half.new-export.new-export .icon .icon-circle i {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            position: relative;
            top: -2px;
            color: #638BCE;
            line-height: 48px; }
            .open-import-and-export .row > .left-half.new-import.new-export .icon .icon-circle i.o-reports, .open-import-and-export .row > .left-half.new-export.new-export .icon .icon-circle i.o-reports,
            .open-import-and-export .row > .right-half.new-import.new-export .icon .icon-circle i.o-reports,
            .open-import-and-export .row > .right-half.new-export.new-export .icon .icon-circle i.o-reports {
              font-size: 23px;
              left: 1px; }
    .open-import-and-export .row > .left-half.new-import .left-side, .open-import-and-export .row > .left-half.new-export .left-side,
    .open-import-and-export .row > .right-half.new-import .left-side,
    .open-import-and-export .row > .right-half.new-export .left-side {
      flex: 0 0 calc(100% - 180px); }
    .open-import-and-export .row > .left-half.new-import .right-side, .open-import-and-export .row > .left-half.new-export .right-side,
    .open-import-and-export .row > .right-half.new-import .right-side,
    .open-import-and-export .row > .right-half.new-export .right-side {
      text-align: right;
      flex: 0 0 180px; }
    .open-import-and-export .row > .left-half.new-import .button i, .open-import-and-export .row > .left-half.new-import .dataTables_wrapper .dataTables_paginate .paginate_button i, .dataTables_wrapper .dataTables_paginate .open-import-and-export .row > .left-half.new-import .paginate_button i, .open-import-and-export .row > .left-half.new-export .button i, .open-import-and-export .row > .left-half.new-export .dataTables_wrapper .dataTables_paginate .paginate_button i, .dataTables_wrapper .dataTables_paginate .open-import-and-export .row > .left-half.new-export .paginate_button i,
    .open-import-and-export .row > .right-half.new-import .button i,
    .open-import-and-export .row > .right-half.new-import .dataTables_wrapper .dataTables_paginate .paginate_button i,
    .dataTables_wrapper .dataTables_paginate .open-import-and-export .row > .right-half.new-import .paginate_button i,
    .open-import-and-export .row > .right-half.new-export .button i,
    .open-import-and-export .row > .right-half.new-export .dataTables_wrapper .dataTables_paginate .paginate_button i,
    .dataTables_wrapper .dataTables_paginate .open-import-and-export .row > .right-half.new-export .paginate_button i {
      margin-right: 6px;
      font-size: 10px; }
  .open-import-and-export .row > .left-half h4,
  .open-import-and-export .row > .right-half h4 {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #555555;
    margin-bottom: 8px; }
  .open-import-and-export .row > .left-half .import-history,
  .open-import-and-export .row > .left-half .export-history,
  .open-import-and-export .row > .right-half .import-history,
  .open-import-and-export .row > .right-half .export-history {
    position: relative; }
    .open-import-and-export .row > .left-half .import-history > li,
    .open-import-and-export .row > .left-half .export-history > li,
    .open-import-and-export .row > .right-half .import-history > li,
    .open-import-and-export .row > .right-half .export-history > li {
      display: flex;
      padding-top: 8px;
      border-top: 1px solid #ddd; }
      .open-import-and-export .row > .left-half .import-history > li:last-child,
      .open-import-and-export .row > .left-half .export-history > li:last-child,
      .open-import-and-export .row > .right-half .import-history > li:last-child,
      .open-import-and-export .row > .right-half .export-history > li:last-child {
        border-bottom: 1px solid #ddd; }
      .open-import-and-export .row > .left-half .import-history > li .date,
      .open-import-and-export .row > .left-half .export-history > li .date,
      .open-import-and-export .row > .right-half .import-history > li .date,
      .open-import-and-export .row > .right-half .export-history > li .date {
        flex: 0 0 48px;
        text-align: center;
        width: 48px;
        padding-top: 3px;
        padding-left: 2px;
        color: #777; }
        .open-import-and-export .row > .left-half .import-history > li .date .day,
        .open-import-and-export .row > .left-half .export-history > li .date .day,
        .open-import-and-export .row > .right-half .import-history > li .date .day,
        .open-import-and-export .row > .right-half .export-history > li .date .day {
          display: block;
          font-size: 12px;
          line-height: 16px;
          font-weight: 500; }
        .open-import-and-export .row > .left-half .import-history > li .date .year,
        .open-import-and-export .row > .left-half .export-history > li .date .year,
        .open-import-and-export .row > .right-half .import-history > li .date .year,
        .open-import-and-export .row > .right-half .export-history > li .date .year {
          font-size: 11px;
          line-height: 14px;
          font-weight: 500; }
      .open-import-and-export .row > .left-half .import-history > li .info,
      .open-import-and-export .row > .left-half .export-history > li .info,
      .open-import-and-export .row > .right-half .import-history > li .info,
      .open-import-and-export .row > .right-half .export-history > li .info {
        font-size: 14px;
        line-height: 20px;
        flex: 0 0 calc(100% - 80px);
        padding: 0px 8px; }
        .open-import-and-export .row > .left-half .import-history > li .info .filename,
        .open-import-and-export .row > .left-half .export-history > li .info .filename,
        .open-import-and-export .row > .right-half .import-history > li .info .filename,
        .open-import-and-export .row > .right-half .export-history > li .info .filename {
          font-size: 13px;
          line-height: 18px;
          color: #555555;
          font-weight: 500; }
          .open-import-and-export .row > .left-half .import-history > li .info .filename i,
          .open-import-and-export .row > .left-half .export-history > li .info .filename i,
          .open-import-and-export .row > .right-half .import-history > li .info .filename i,
          .open-import-and-export .row > .right-half .export-history > li .info .filename i {
            font-size: 11px;
            margin-right: 4px; }
        .open-import-and-export .row > .left-half .import-history > li .info .quantity,
        .open-import-and-export .row > .left-half .export-history > li .info .quantity,
        .open-import-and-export .row > .right-half .import-history > li .info .quantity,
        .open-import-and-export .row > .right-half .export-history > li .info .quantity {
          font-size: 12px;
          line-height: 16px;
          display: block;
          color: #777; }
        .open-import-and-export .row > .left-half .import-history > li .info .unstyled-link:hover,
        .open-import-and-export .row > .left-half .export-history > li .info .unstyled-link:hover,
        .open-import-and-export .row > .right-half .import-history > li .info .unstyled-link:hover,
        .open-import-and-export .row > .right-half .export-history > li .info .unstyled-link:hover {
          text-decoration: underline; }
      .open-import-and-export .row > .left-half .import-history > li .download,
      .open-import-and-export .row > .left-half .export-history > li .download,
      .open-import-and-export .row > .right-half .import-history > li .download,
      .open-import-and-export .row > .right-half .export-history > li .download {
        flex: 0 0 32px;
        text-align: left; }
        .open-import-and-export .row > .left-half .import-history > li .download .download-link,
        .open-import-and-export .row > .left-half .export-history > li .download .download-link,
        .open-import-and-export .row > .right-half .import-history > li .download .download-link,
        .open-import-and-export .row > .right-half .export-history > li .download .download-link {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          width: 24px;
          height: 24px;
          cursor: pointer;
          color: #777;
          font-size: 20px;
          display: block;
          position: relative;
          top: 5px;
          text-align: center; }
          .open-import-and-export .row > .left-half .import-history > li .download .download-link:hover,
          .open-import-and-export .row > .left-half .export-history > li .download .download-link:hover,
          .open-import-and-export .row > .right-half .import-history > li .download .download-link:hover,
          .open-import-and-export .row > .right-half .export-history > li .download .download-link:hover {
            color: #638BCE; }

.import-modal .horizontal-scroll {
  -webkit-transition: transform 600ms ease-in-out;
  -moz-transition: transform 600ms ease-in-out;
  -ms-transition: transform 600ms ease-in-out;
  -o-transition: transform 600ms ease-in-out;
  width: 200%;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  height: 100%; }
  .import-modal .horizontal-scroll.on-step-two {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); }
.import-modal .step-one,
.import-modal .step-two {
  flex: 0 0 50%;
  background: #fcfcff;
  padding: 0px 24px;
  position: relative;
  z-index: 1;
  height: 100%;
  overflow-y: scroll; }
  .import-modal .step-one.step-two.valid .valid,
  .import-modal .step-two.step-two.valid .valid {
    display: block; }
  .import-modal .step-one.step-two.valid .invalid,
  .import-modal .step-two.step-two.valid .invalid {
    display: none; }
  .import-modal .step-one.step-two .valid,
  .import-modal .step-two.step-two .valid {
    display: none; }
  .import-modal .step-one.step-two .import-intro,
  .import-modal .step-two.step-two .import-intro {
    display: block; }
    .import-modal .step-one.step-two .import-intro.error,
    .import-modal .step-two.step-two .import-intro.error {
      color: #d03d18;
      background: #faf2f3;
      border-bottom: 1px solid #d9ada2; }
      .import-modal .step-one.step-two .import-intro.error .title,
      .import-modal .step-two.step-two .import-intro.error .title {
        color: #d03d18; }
      .import-modal .step-one.step-two .import-intro.error .bold,
      .import-modal .step-two.step-two .import-intro.error .bold {
        color: #d03d18; }
    .import-modal .step-one.step-two .import-intro.success,
    .import-modal .step-two.step-two .import-intro.success {
      color: #457f4a;
      background: #f3f7f7;
      border-bottom: 1px solid #b3c7b5; }
      .import-modal .step-one.step-two .import-intro.success .title,
      .import-modal .step-two.step-two .import-intro.success .title {
        color: #457f4a; }
  .import-modal .step-one .import-intro,
  .import-modal .step-two .import-intro {
    display: flex;
    align-items: center;
    background: #f6f6f6;
    padding: 16px 24px;
    margin: 0px -24px 32px;
    border: 1px solid #ddd; }
    .import-modal .step-one .import-intro .left-half,
    .import-modal .step-two .import-intro .left-half {
      flex: 0 0 60%; }
      .import-modal .step-one .import-intro .left-half .title,
      .import-modal .step-two .import-intro .left-half .title {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 4px;
        font-weight: 500;
        color: #555; }
        .import-modal .step-one .import-intro .left-half .title i,
        .import-modal .step-two .import-intro .left-half .title i {
          margin-right: 8px;
          font-size: 18px;
          position: relative;
          top: 2px; }
      .import-modal .step-one .import-intro .left-half p,
      .import-modal .step-two .import-intro .left-half p {
        font-size: 13px;
        line-height: 18px; }
        .import-modal .step-one .import-intro .left-half p:not(:last-child),
        .import-modal .step-two .import-intro .left-half p:not(:last-child) {
          margin-bottom: 12px; }
        .import-modal .step-one .import-intro .left-half p.bold,
        .import-modal .step-two .import-intro .left-half p.bold {
          font-weight: 500;
          color: #555; }
        .import-modal .step-one .import-intro .left-half p strong,
        .import-modal .step-two .import-intro .left-half p strong {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          display: inline-block;
          color: #434282 !important;
          margin-left: 4px;
          margin-right: 4px; }
    .import-modal .step-one .import-intro .right-half,
    .import-modal .step-two .import-intro .right-half {
      flex: 0 0 40%;
      text-align: right; }
      .import-modal .step-one .import-intro .right-half .button, .import-modal .step-one .import-intro .right-half .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .import-modal .step-one .import-intro .right-half .paginate_button,
      .import-modal .step-two .import-intro .right-half .button,
      .import-modal .step-two .import-intro .right-half .dataTables_wrapper .dataTables_paginate .paginate_button,
      .dataTables_wrapper .dataTables_paginate .import-modal .step-two .import-intro .right-half .paginate_button {
        line-height: 32px; }
        .import-modal .step-one .import-intro .right-half .button i, .import-modal .step-one .import-intro .right-half .dataTables_wrapper .dataTables_paginate .paginate_button i, .dataTables_wrapper .dataTables_paginate .import-modal .step-one .import-intro .right-half .paginate_button i,
        .import-modal .step-two .import-intro .right-half .button i,
        .import-modal .step-two .import-intro .right-half .dataTables_wrapper .dataTables_paginate .paginate_button i,
        .dataTables_wrapper .dataTables_paginate .import-modal .step-two .import-intro .right-half .paginate_button i {
          font-size: 22px;
          position: relative;
          top: 5px;
          margin-right: 8px; }
  .import-modal .step-one .import-example.import-example,
  .import-modal .step-one .after-import.import-example,
  .import-modal .step-two .import-example.import-example,
  .import-modal .step-two .after-import.import-example {
    padding: 0px 40px; }
  .import-modal .step-one .import-example.after-import h3.filename,
  .import-modal .step-one .after-import.after-import h3.filename,
  .import-modal .step-two .import-example.after-import h3.filename,
  .import-modal .step-two .after-import.after-import h3.filename {
    text-align: center;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px; }
    .import-modal .step-one .import-example.after-import h3.filename i,
    .import-modal .step-one .after-import.after-import h3.filename i,
    .import-modal .step-two .import-example.after-import h3.filename i,
    .import-modal .step-two .after-import.after-import h3.filename i {
      font-size: 13px;
      margin-right: 6px; }
  .import-modal .step-one .import-example table,
  .import-modal .step-one .after-import table,
  .import-modal .step-two .import-example table,
  .import-modal .step-two .after-import table {
    margin: 0 auto 32px;
    position: relative; }
    .import-modal .step-one .import-example table.import-format-table,
    .import-modal .step-one .after-import table.import-format-table,
    .import-modal .step-two .import-example table.import-format-table,
    .import-modal .step-two .after-import table.import-format-table {
      width: calc(100% + 80px);
      left: -40px; }
      .import-modal .step-one .import-example table.import-format-table tbody tr:first-child td,
      .import-modal .step-one .after-import table.import-format-table tbody tr:first-child td,
      .import-modal .step-two .import-example table.import-format-table tbody tr:first-child td,
      .import-modal .step-two .after-import table.import-format-table tbody tr:first-child td {
        background: #fcfcff; }
        .import-modal .step-one .import-example table.import-format-table tbody tr:first-child td:first-child,
        .import-modal .step-one .after-import table.import-format-table tbody tr:first-child td:first-child,
        .import-modal .step-two .import-example table.import-format-table tbody tr:first-child td:first-child,
        .import-modal .step-two .after-import table.import-format-table tbody tr:first-child td:first-child {
          background: none; }
      .import-modal .step-one .import-example table.import-format-table tbody tr:last-child td,
      .import-modal .step-one .after-import table.import-format-table tbody tr:last-child td,
      .import-modal .step-two .import-example table.import-format-table tbody tr:last-child td,
      .import-modal .step-two .after-import table.import-format-table tbody tr:last-child td {
        background: #eef4ee; }
        .import-modal .step-one .import-example table.import-format-table tbody tr:last-child td:first-child,
        .import-modal .step-one .after-import table.import-format-table tbody tr:last-child td:first-child,
        .import-modal .step-two .import-example table.import-format-table tbody tr:last-child td:first-child,
        .import-modal .step-two .after-import table.import-format-table tbody tr:last-child td:first-child {
          background: none;
          color: #509356; }
    .import-modal .step-one .import-example table.imported-table tbody td:first-child.error-row,
    .import-modal .step-one .after-import table.imported-table tbody td:first-child.error-row,
    .import-modal .step-two .import-example table.imported-table tbody td:first-child.error-row,
    .import-modal .step-two .after-import table.imported-table tbody td:first-child.error-row {
      color: #d03d18;
      border-right: 2px solid #d03d18; }
    .import-modal .step-one .import-example table.imported-table tbody td:first-child:not(.error-row),
    .import-modal .step-one .after-import table.imported-table tbody td:first-child:not(.error-row),
    .import-modal .step-two .import-example table.imported-table tbody td:first-child:not(.error-row),
    .import-modal .step-two .after-import table.imported-table tbody td:first-child:not(.error-row) {
      color: #509356;
      border-right: 2px solid #509356; }
    .import-modal .step-one .import-example table thead th,
    .import-modal .step-one .after-import table thead th,
    .import-modal .step-two .import-example table thead th,
    .import-modal .step-two .after-import table thead th {
      background: #f2f3f9;
      color: #555555;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      border-top: 1px solid #d0d1de;
      border-bottom: 2px solid #d0d1de;
      border-left: 1px solid #d0d1de;
      padding: 16px 12px;
      white-space: nowrap; }
      .import-modal .step-one .import-example table thead th:first-child,
      .import-modal .step-one .after-import table thead th:first-child,
      .import-modal .step-two .import-example table thead th:first-child,
      .import-modal .step-two .after-import table thead th:first-child {
        border: none;
        font-weight: 500;
        background: none; }
      .import-modal .step-one .import-example table thead th:nth-child(2),
      .import-modal .step-one .after-import table thead th:nth-child(2),
      .import-modal .step-two .import-example table thead th:nth-child(2),
      .import-modal .step-two .after-import table thead th:nth-child(2) {
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      .import-modal .step-one .import-example table thead th:last-child,
      .import-modal .step-one .after-import table thead th:last-child,
      .import-modal .step-two .import-example table thead th:last-child,
      .import-modal .step-two .after-import table thead th:last-child {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-right: 1px solid #d0d1de; }
      .import-modal .step-one .import-example table thead th strong,
      .import-modal .step-one .after-import table thead th strong,
      .import-modal .step-two .import-example table thead th strong,
      .import-modal .step-two .after-import table thead th strong {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        display: inline-block;
        color: #434282 !important;
        margin-left: 4px; }
    .import-modal .step-one .import-example table tbody tr:last-child td:nth-child(2),
    .import-modal .step-one .after-import table tbody tr:last-child td:nth-child(2),
    .import-modal .step-two .import-example table tbody tr:last-child td:nth-child(2),
    .import-modal .step-two .after-import table tbody tr:last-child td:nth-child(2) {
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .import-modal .step-one .import-example table tbody tr:last-child td:last-child,
    .import-modal .step-one .after-import table tbody tr:last-child td:last-child,
    .import-modal .step-two .import-example table tbody tr:last-child td:last-child,
    .import-modal .step-two .after-import table tbody tr:last-child td:last-child {
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 0;
      -moz-border-radius-topleft: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .import-modal .step-one .import-example table tbody td,
    .import-modal .step-one .after-import table tbody td,
    .import-modal .step-two .import-example table tbody td,
    .import-modal .step-two .after-import table tbody td {
      padding: 16px 12px;
      font-size: 13px;
      line-height: 18px;
      color: #444444;
      border-bottom: 1px solid #ddd;
      border-left: 1px solid #ddd; }
      .import-modal .step-one .import-example table tbody td:first-child,
      .import-modal .step-one .after-import table tbody td:first-child,
      .import-modal .step-two .import-example table tbody td:first-child,
      .import-modal .step-two .after-import table tbody td:first-child {
        border: none;
        background: none;
        font-weight: 500;
        background: none;
        text-align: right;
        padding: 16px 16px 16px 0px; }
      .import-modal .step-one .import-example table tbody td:last-child,
      .import-modal .step-one .after-import table tbody td:last-child,
      .import-modal .step-two .import-example table tbody td:last-child,
      .import-modal .step-two .after-import table tbody td:last-child {
        border-right: 1px solid #ddd; }
      .import-modal .step-one .import-example table tbody td.error,
      .import-modal .step-one .after-import table tbody td.error,
      .import-modal .step-two .import-example table tbody td.error,
      .import-modal .step-two .after-import table tbody td.error {
        color: #d03d18;
        background: #faf2f3;
        font-weight: 500; }
  .import-modal .step-one .upload-csv,
  .import-modal .step-two .upload-csv {
    text-align: center;
    background: #434282;
    margin: 0px -24px 0px;
    color: #fff;
    position: relative;
    padding: 24px; }
    .import-modal .step-one .upload-csv .before-upload-csv,
    .import-modal .step-two .upload-csv .before-upload-csv {
      position: relative;
      z-index: 1; }
      .import-modal .step-one .upload-csv .before-upload-csv.done,
      .import-modal .step-two .upload-csv .before-upload-csv.done {
        display: none; }
    .import-modal .step-one .upload-csv .after-upload-csv,
    .import-modal .step-two .upload-csv .after-upload-csv {
      display: none;
      position: relative;
      z-index: 1; }
      .import-modal .step-one .upload-csv .after-upload-csv.done,
      .import-modal .step-two .upload-csv .after-upload-csv.done {
        display: block; }
    .import-modal .step-one .upload-csv h3,
    .import-modal .step-two .upload-csv h3 {
      font-size: 15px;
      line-height: 34px;
      margin-bottom: 12px;
      font-weight: 500;
      color: #fff;
      display: inline-block;
      margin-bottom: 0;
      margin-right: 16px;
      vertical-align: top; }
    .import-modal .step-one .upload-csv input,
    .import-modal .step-two .upload-csv input {
      display: none;
      font-size: 0; }

.import-modal label,
.export-modal label {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  font-weight: 500;
  color: #555;
  display: block; }
.import-modal .searchable-results,
.export-modal .searchable-results {
  height: 160px;
  overflow-y: auto; }
.import-modal .export-count,
.export-modal .export-count {
  font-weight: 500;
  color: #777;
  margin-top: 16px; }
.import-modal .bottom-actions.on-step-one .for-step-one,
.export-modal .bottom-actions.on-step-one .for-step-one {
  display: inline-block; }
.import-modal .bottom-actions.on-step-two.valid .valid,
.export-modal .bottom-actions.on-step-two.valid .valid {
  display: inline-block; }
.import-modal .bottom-actions.on-step-two.valid .invalid,
.export-modal .bottom-actions.on-step-two.valid .invalid {
  display: none; }
.import-modal .bottom-actions.on-step-two .for-step-two,
.export-modal .bottom-actions.on-step-two .for-step-two {
  display: inline-block; }
.import-modal .bottom-actions.on-step-two .valid,
.export-modal .bottom-actions.on-step-two .valid {
  display: none; }
.import-modal .bottom-actions .for-step-one,
.import-modal .bottom-actions .for-step-two,
.export-modal .bottom-actions .for-step-one,
.export-modal .bottom-actions .for-step-two {
  display: none; }
.import-modal .bottom-actions .submit-area,
.import-modal .bottom-actions .button,
.import-modal .bottom-actions .dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .import-modal .bottom-actions .paginate_button,
.export-modal .bottom-actions .submit-area,
.export-modal .bottom-actions .button,
.export-modal .bottom-actions .dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .export-modal .bottom-actions .paginate_button {
  position: relative;
  z-index: 1; }
.import-modal .bottom-actions input,
.export-modal .bottom-actions input {
  display: none; }
.import-modal .bottom-actions .step-progress,
.export-modal .bottom-actions .step-progress {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform-origin: left;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-top: 2px solid #774282; }
  .import-modal .bottom-actions .step-progress.done,
  .export-modal .bottom-actions .step-progress.done {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transition: all 1250ms ease-out;
    -moz-transition: all 1250ms ease-out;
    -ms-transition: all 1250ms ease-out;
    -o-transition: all 1250ms ease-out; }
.import-modal .bottom-actions .progress-text,
.export-modal .bottom-actions .progress-text {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  color: #774282;
  font-size: 13px;
  line-height: 50px;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  text-align: center;
  opacity: 0; }
  .import-modal .bottom-actions .progress-text.done,
  .export-modal .bottom-actions .progress-text.done {
    opacity: 1; }

.prospecting {
  position: relative; }
  .prospecting .fluxx-labs-experimental {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
    padding: 2px 6px; }
    .prospecting .fluxx-labs-experimental img {
      width: 22px;
      height: 24px;
      vertical-align: middle;
      position: relative;
      top: -1px;
      margin-right: 2px; }
    .prospecting .fluxx-labs-experimental span {
      font-size: 11px;
      line-height: 11px;
      color: #555555;
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
      .prospecting .fluxx-labs-experimental span em {
        font-size: 8px;
        text-transform: uppercase;
        font-weight: 500;
        font-style: normal;
        color: #b993ae; }
  .prospecting .opt-in {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: -8px;
    background: #f6f6fe;
    border: 1px solid #d0d1de;
    position: relative;
    padding: 24px;
    text-align: center; }
    .prospecting .opt-in .opt-in-text {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      color: #555555;
      display: block;
      margin: 0 auto 16px;
      max-width: 280px; }
    .prospecting .opt-in .button, .prospecting .opt-in .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .prospecting .opt-in .paginate_button {
      margin-bottom: 16px; }
  .prospecting #prospecting_wrapper {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    display: none;
    opacity: 0;
    pointer-events: none; }
    .prospecting #prospecting_wrapper.visible {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      opacity: 1;
      pointer-events: all; }
  .prospecting .hidden-prospects {
    border-top: 1px solid #d0d1de;
    padding: 8px 12px;
    display: none; }
    .prospecting .hidden-prospects a {
      font-weight: 500;
      color: #999;
      cursor: pointer;
      font-size: 12px;
      line-height: 16px; }
      .prospecting .hidden-prospects a:hover {
        color: #555555; }

.big-icon {
  color: #76798d;
  opacity: 0.4;
  text-align: center;
  width: 100%;
  font-size: 90px;
  height: 112px;
  margin: 0 auto;
  text-shadow: 0px 1px 1px #23242a; }

.alternate-states {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 240px 0px #fcfcff;
  -moz-box-shadow: 0px 240px 0px #fcfcff;
  box-shadow: 0px 240px 0px #fcfcff;
  background: #f6f6fe;
  position: absolute;
  top: 85px;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 1px);
  border: 1px solid #d0d1de;
  min-height: 318px; }
  .alternate-states.visible {
    opacity: 1;
    pointer-events: all; }
  .alternate-states[count="1"] .zero-state {
    display: block; }
  .alternate-states[count="2"] .tax-id-state {
    display: block; }
  .alternate-states[count="3"] .empty-state {
    display: block; }
  .alternate-states .zero-state,
  .alternate-states .tax-id-state,
  .alternate-states .empty-state {
    display: none; }
    .alternate-states .zero-state.zero-state,
    .alternate-states .tax-id-state.zero-state,
    .alternate-states .empty-state.zero-state {
      padding-top: 24px; }
    .alternate-states .zero-state .no-tax-id h4,
    .alternate-states .zero-state .no-matches h4,
    .alternate-states .tax-id-state .no-tax-id h4,
    .alternate-states .tax-id-state .no-matches h4,
    .alternate-states .empty-state .no-tax-id h4,
    .alternate-states .empty-state .no-matches h4 {
      font-size: 15px;
      line-height: 24px;
      font-weight: 500;
      color: #555555;
      margin-bottom: 8px; }
    .alternate-states .zero-state .no-tax-id span,
    .alternate-states .zero-state .no-matches span,
    .alternate-states .tax-id-state .no-tax-id span,
    .alternate-states .tax-id-state .no-matches span,
    .alternate-states .empty-state .no-tax-id span,
    .alternate-states .empty-state .no-matches span {
      display: block;
      font-size: 14px;
      line-height: 20px;
      color: #444444; }
    .alternate-states .zero-state .no-tax-id .update-ein,
    .alternate-states .zero-state .no-matches .update-ein,
    .alternate-states .tax-id-state .no-tax-id .update-ein,
    .alternate-states .tax-id-state .no-matches .update-ein,
    .alternate-states .empty-state .no-tax-id .update-ein,
    .alternate-states .empty-state .no-matches .update-ein {
      margin: 24px 0; }
      .alternate-states .zero-state .no-tax-id .update-ein input,
      .alternate-states .zero-state .no-matches .update-ein input,
      .alternate-states .tax-id-state .no-tax-id .update-ein input,
      .alternate-states .tax-id-state .no-matches .update-ein input,
      .alternate-states .empty-state .no-tax-id .update-ein input,
      .alternate-states .empty-state .no-matches .update-ein input {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: inline-block;
        vertical-align: top;
        height: 34px;
        line-height: 34px;
        background: #fff;
        border: 1px solid #cacaca;
        font-size: 13px;
        color: #444444;
        outline: none;
        padding: 0 12px;
        margin-right: 4px; }
  .alternate-states p {
    text-align: center;
    margin: 0 auto;
    padding: 0px 10%;
    font-size: 16px;
    font-weight: 500;
    color: #999; }

main > .sub thead th:nth-last-child(2),
.primary .sub thead th:nth-last-child(2),
#prospecting_wrapper table thead th:nth-last-child(2) {
  border-right: none; }
main > .sub thead th:hover .factor-popup,
.primary .sub thead th:hover .factor-popup,
#prospecting_wrapper table thead th:hover .factor-popup {
  opacity: 1; }
main > .sub thead th .prospecting-factor,
.primary .sub thead th .prospecting-factor,
#prospecting_wrapper table thead th .prospecting-factor {
  display: inline-block;
  white-space: nowrap; }
  main > .sub thead th .prospecting-factor .factor-icon,
  .primary .sub thead th .prospecting-factor .factor-icon,
  #prospecting_wrapper table thead th .prospecting-factor .factor-icon {
    color: #638BCE;
    margin-right: 6px;
    position: relative;
    top: 2px;
    font-size: 15px; }
main > .sub thead th .prospecting-loi,
.primary .sub thead th .prospecting-loi,
#prospecting_wrapper table thead th .prospecting-loi {
  height: 14px;
  position: relative;
  top: 5px;
  margin-right: 6px; }
main > .sub thead th .factor-popup,
.primary .sub thead th .factor-popup,
#prospecting_wrapper table thead th .factor-popup {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  content: 'Filter Results';
  pointer-events: none;
  display: block;
  position: absolute;
  right: 100%;
  top: 0px;
  width: 400px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  padding: 16px 16px 8px 40px;
  background: rgba(51, 51, 51, 0.95);
  color: #fff;
  text-align: left;
  z-index: 10;
  opacity: 0; }
  main > .sub thead th .factor-popup ul li,
  .primary .sub thead th .factor-popup ul li,
  #prospecting_wrapper table thead th .factor-popup ul li {
    position: relative;
    margin-bottom: 8px; }
    main > .sub thead th .factor-popup ul li svg,
    .primary .sub thead th .factor-popup ul li svg,
    #prospecting_wrapper table thead th .factor-popup ul li svg {
      -webkit-transform: scale(0.38);
      -moz-transform: scale(0.38);
      -ms-transform: scale(0.38);
      -o-transform: scale(0.38);
      position: absolute;
      left: -39.5px;
      top: -12px; }
    main > .sub thead th .factor-popup ul li i,
    .primary .sub thead th .factor-popup ul li i,
    #prospecting_wrapper table thead th .factor-popup ul li i {
      font-size: 14px;
      position: absolute;
      top: 1px;
      left: -24px; }
    main > .sub thead th .factor-popup ul li .u-data-nested-f,
    .primary .sub thead th .factor-popup ul li .u-data-nested-f,
    #prospecting_wrapper table thead th .factor-popup ul li .u-data-nested-f {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg); }
  main > .sub thead th .factor-popup::before,
  .primary .sub thead th .factor-popup::before,
  #prospecting_wrapper table thead th .factor-popup::before {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    content: '';
    display: block;
    border-top: 4px solid transparent;
    border-left: 5px solid rgba(51, 51, 51, 0.95);
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 22px;
    right: -4px;
    z-index: -1;
    pointer-events: none; }
main > .sub tbody tr:hover .circle-wrapper,
main > .sub tbody tr:hover .dismiss-button,
.primary .sub tbody tr:hover .circle-wrapper,
.primary .sub tbody tr:hover .dismiss-button,
#prospecting_wrapper table tbody tr:hover .circle-wrapper,
#prospecting_wrapper table tbody tr:hover .dismiss-button {
  opacity: 1; }
main > .sub tbody td:last-child,
.primary .sub tbody td:last-child,
#prospecting_wrapper table tbody td:last-child {
  padding-left: 0;
  padding-right: 0; }
main > .sub tbody td .split-table-text.line2,
.primary .sub tbody td .split-table-text.line2,
#prospecting_wrapper table tbody td .split-table-text.line2 {
  font-size: 11px;
  line-height: 14px; }
main > .sub tbody td .feedback-wrapper,
.primary .sub tbody td .feedback-wrapper,
#prospecting_wrapper table tbody td .feedback-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  vertical-align: top; }
  main > .sub tbody td .feedback-wrapper .submit-feedback,
  .primary .sub tbody td .feedback-wrapper .submit-feedback,
  #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback {
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    position: absolute;
    right: calc(100% + 8px);
    top: 0;
    background: #fcfcff;
    z-index: 1;
    white-space: normal;
    padding: 16px 24px;
    text-align: left;
    width: 320px;
    background: #f2f3f9;
    pointer-events: none;
    opacity: 0; }
    main > .sub tbody td .feedback-wrapper .submit-feedback.visible,
    .primary .sub tbody td .feedback-wrapper .submit-feedback.visible,
    #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback.visible {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      pointer-events: all;
      opacity: 1; }
    main > .sub tbody td .feedback-wrapper .submit-feedback .title,
    .primary .sub tbody td .feedback-wrapper .submit-feedback .title,
    #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .title {
      font-size: 15px;
      line-height: 24px;
      font-weight: 500;
      color: #555555;
      display: block;
      background: #e1e2ee;
      margin: -16px -24px 16px;
      padding: 8px 24px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    main > .sub tbody td .feedback-wrapper .submit-feedback .close-feedback,
    .primary .sub tbody td .feedback-wrapper .submit-feedback .close-feedback,
    #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .close-feedback {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      position: absolute;
      right: 24px;
      top: 8px;
      font-size: 16px;
      color: #999;
      width: 20px;
      height: 20px;
      text-align: center;
      padding-top: 2px;
      cursor: pointer; }
      main > .sub tbody td .feedback-wrapper .submit-feedback .close-feedback:hover,
      .primary .sub tbody td .feedback-wrapper .submit-feedback .close-feedback:hover,
      #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .close-feedback:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        color: #555; }
      main > .sub tbody td .feedback-wrapper .submit-feedback .close-feedback:active,
      .primary .sub tbody td .feedback-wrapper .submit-feedback .close-feedback:active,
      #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .close-feedback:active {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9); }
    main > .sub tbody td .feedback-wrapper .submit-feedback .subtitle,
    .primary .sub tbody td .feedback-wrapper .submit-feedback .subtitle,
    #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .subtitle {
      font-size: 13px;
      line-height: 18px;
      color: #444444;
      margin-bottom: 8px;
      display: block; }
    main > .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options,
    .primary .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options,
    #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback ul.feedback-options {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
      border: 1px solid #ddd;
      background: #fff;
      max-height: 120px;
      overflow-y: auto; }
      main > .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li,
      .primary .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li,
      #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback ul.feedback-options li {
        font-size: 13px;
        line-height: 18px;
        padding: 8px 12px;
        border-bottom: 1px solid #ddd;
        cursor: pointer; }
        main > .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li:hover,
        .primary .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li:hover,
        #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback ul.feedback-options li:hover {
          background: rgba(138, 168, 218, 0.1); }
        main > .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li:last-child,
        .primary .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li:last-child,
        #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback ul.feedback-options li:last-child {
          border-bottom: none; }
        main > .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li.selected,
        .primary .sub tbody td .feedback-wrapper .submit-feedback ul.feedback-options li.selected,
        #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback ul.feedback-options li.selected {
          background: rgba(99, 139, 206, 0.2); }
    main > .sub tbody td .feedback-wrapper .submit-feedback .other-feedback,
    .primary .sub tbody td .feedback-wrapper .submit-feedback .other-feedback,
    #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .other-feedback {
      margin: 8px 0 12px;
      border-top: 1px solid #ddd;
      padding-top: 8px; }
      main > .sub tbody td .feedback-wrapper .submit-feedback .other-feedback label,
      .primary .sub tbody td .feedback-wrapper .submit-feedback .other-feedback label,
      #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .other-feedback label {
        margin: 4px 0px 4px 2px;
        display: block;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        color: #555555; }
      main > .sub tbody td .feedback-wrapper .submit-feedback .other-feedback input,
      .primary .sub tbody td .feedback-wrapper .submit-feedback .other-feedback input,
      #prospecting_wrapper table tbody td .feedback-wrapper .submit-feedback .other-feedback input {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        background: #fff;
        color: #444;
        line-height: 28px;
        font-size: 13px;
        padding: 0px 12px;
        width: 100%;
        outline: none; }
main > .sub tbody td .circle-wrapper,
.primary .sub tbody td .circle-wrapper,
#prospecting_wrapper table tbody td .circle-wrapper {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  position: relative;
  display: inline-block;
  vertical-align: top;
  opacity: 0.25; }
main > .sub tbody td .feedback-button,
.primary .sub tbody td .feedback-button,
#prospecting_wrapper table tbody td .feedback-button {
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 10px;
  vertical-align: top;
  border: 1px solid #999;
  width: 32px;
  height: 32px;
  background: #fff;
  padding: 7px 0 0; }
  main > .sub tbody td .feedback-button::before, main > .sub tbody td .feedback-button::after,
  .primary .sub tbody td .feedback-button::before,
  .primary .sub tbody td .feedback-button::after,
  #prospecting_wrapper table tbody td .feedback-button::before,
  #prospecting_wrapper table tbody td .feedback-button::after {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out; }
  main > .sub tbody td .feedback-button:hover, main > .sub tbody td .feedback-button.used,
  .primary .sub tbody td .feedback-button:hover,
  .primary .sub tbody td .feedback-button.used,
  #prospecting_wrapper table tbody td .feedback-button:hover,
  #prospecting_wrapper table tbody td .feedback-button.used {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    background: #e8eef8;
    border: 1px solid #638BCE; }
    main > .sub tbody td .feedback-button:hover .active-thumb, main > .sub tbody td .feedback-button.used .active-thumb,
    .primary .sub tbody td .feedback-button:hover .active-thumb,
    .primary .sub tbody td .feedback-button.used .active-thumb,
    #prospecting_wrapper table tbody td .feedback-button:hover .active-thumb,
    #prospecting_wrapper table tbody td .feedback-button.used .active-thumb {
      display: inline-block; }
    main > .sub tbody td .feedback-button:hover .normal-thumb, main > .sub tbody td .feedback-button.used .normal-thumb,
    .primary .sub tbody td .feedback-button:hover .normal-thumb,
    .primary .sub tbody td .feedback-button.used .normal-thumb,
    #prospecting_wrapper table tbody td .feedback-button:hover .normal-thumb,
    #prospecting_wrapper table tbody td .feedback-button.used .normal-thumb {
      display: none; }
  main > .sub tbody td .feedback-button:active,
  .primary .sub tbody td .feedback-button:active,
  #prospecting_wrapper table tbody td .feedback-button:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9); }
  main > .sub tbody td .feedback-button.reverse,
  .primary .sub tbody td .feedback-button.reverse,
  #prospecting_wrapper table tbody td .feedback-button.reverse {
    padding-top: 8px; }
    main > .sub tbody td .feedback-button.reverse img,
    .primary .sub tbody td .feedback-button.reverse img,
    #prospecting_wrapper table tbody td .feedback-button.reverse img {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg); }
    main > .sub tbody td .feedback-button.reverse:hover, main > .sub tbody td .feedback-button.reverse.used,
    .primary .sub tbody td .feedback-button.reverse:hover,
    .primary .sub tbody td .feedback-button.reverse.used,
    #prospecting_wrapper table tbody td .feedback-button.reverse:hover,
    #prospecting_wrapper table tbody td .feedback-button.reverse.used {
      background: #fbefed;
      border: 1px solid #af7465; }
  main > .sub tbody td .feedback-button .active-thumb,
  .primary .sub tbody td .feedback-button .active-thumb,
  #prospecting_wrapper table tbody td .feedback-button .active-thumb {
    display: none; }
  main > .sub tbody td .feedback-button img,
  .primary .sub tbody td .feedback-button img,
  #prospecting_wrapper table tbody td .feedback-button img {
    width: 16px;
    height: 16px; }
  main > .sub tbody td .feedback-button i,
  .primary .sub tbody td .feedback-button i,
  #prospecting_wrapper table tbody td .feedback-button i {
    font-size: 18px;
    display: block;
    margin-bottom: 2px; }
main > .sub tbody td .dismiss-button,
.primary .sub tbody td .dismiss-button,
#prospecting_wrapper table tbody td .dismiss-button {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  font-size: 12px;
  line-height: 16px;
  padding-top: 1px;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: relative;
  top: -12px;
  cursor: pointer;
  text-align: center;
  color: #999;
  opacity: 0; }
  main > .sub tbody td .dismiss-button:hover,
  .primary .sub tbody td .dismiss-button:hover,
  #prospecting_wrapper table tbody td .dismiss-button:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    color: #555555; }
  main > .sub tbody td .dismiss-button:active,
  .primary .sub tbody td .dismiss-button:active,
  #prospecting_wrapper table tbody td .dismiss-button:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9); }

.dataTables_wrapper .dataTables_filter {
  position: absolute;
  right: 0;
  top: 10px; }
  .dataTables_wrapper .dataTables_filter input[type=search] {
    font-size: 16px; }
.dataTables_wrapper .dataTables_info {
  text-align: left;
  font-size: 14px;
  padding-left: 14px;
  line-height: 30px;
  font-weight: 500;
  color: #8b8da0; }
.dataTables_wrapper > table thead th {
  position: relative; }
  .dataTables_wrapper > table thead th::after {
    font-family: futility;
    width: 20px;
    font-size: 10px;
    display: block;
    position: absolute;
    text-align: center;
    top: 8px;
    right: 4px; }
  .dataTables_wrapper > table thead th::after, .dataTables_wrapper > table thead th.sorting_asc, .dataTables_wrapper > table thead th.sorting_desc {
    color: #434282; }
  .dataTables_wrapper > table thead th.sorting_desc::after {
    content: "\f144";
    top: 5px; }
  .dataTables_wrapper > table thead th.sorting_asc::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    content: "\f144";
    top: 9px; }
  .dataTables_wrapper > table thead th.sorting_disabled {
    border-right: none;
    border-left: none; }
.dataTables_wrapper .dt_img {
  max-height: 30px;
  margin: 0 5px;
  display: inline-block; }
.dataTables_wrapper .dataTables_paginate {
  position: absolute;
  bottom: -5px;
  line-height: 30px;
  text-align: right;
  width: 100%; }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 10px;
    margin: 0 0 0 10px;
    line-height: 22px;
    font-size: 13px;
    font-weight: 500;
    border-color: #d0d1de; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
      -webkit-opacity: 0.5;
      -moz-opacity: 0.5;
      opacity: 0.5;
      pointer-events: none; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
      pointer-events: none;
      border: none;
      background: #b3b4bf;
      color: #fff; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-container {
  width: 280px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-serif !important;
  font-size: 13px !important;
  line-height: 24px !important;
  margin: 0px 0px 8px !important;
  color: #444 !important;
  text-align: left !important; }

.select2-container--default .select2-selection--single {
  border: 1px solid #ddd !important;
  text-align: left !important; }

main .select2-container {
  margin: 4px 0px !important; }

.modal .select2-container {
  width: 45% !important; }

.modal .select2-container--default .select2-selection--single {
  line-height: 40px !important;
  height: 34px !important;
  padding-top: 2px !important;
  font-size: 15px !important;
  outline: none !important; }

.modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 1px !important; }

.select2-close-mask {
  z-index: 2099; }

.select2-dropdown {
  z-index: 3051; }

.edit .select2-container {
  width: 40% !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-serif !important;
  font-size: 15px !important;
  line-height: 40px !important;
  margin: 4px 0px !important;
  color: #444 !important; }

.edit .select2-container--default .select2-selection--single {
  border: 1px solid #ddd !important; }

.task-card .select2-container {
  width: 220px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-serif !important;
  font-size: 13px !important;
  line-height: 18px !important;
  margin: 0px 8px !important;
  color: #444 !important; }

.task-card .select2-container--default .select2-selection--single {
  line-height: 28px !important;
  height: 28px !important;
  padding-top: 2px !important;
  font-size: 15px !important;
  outline: none !important; }

.task-card .select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.2) !important; }

.task-card .select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 8px !important; }

.task-card .select2-container {
  width: 100% !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-serif !important;
  font-size: 13px !important;
  line-height: 18px !important;
  margin: 0px 0px 8px !important;
  color: #444 !important; }

.task-card .select2-container--default .select2-selection--single {
  line-height: 28px !important;
  height: 28px !important;
  padding-top: 2px !important;
  font-size: 15px !important;
  outline: none !important; }

.task-card .select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.2) !important; }

.task-card .select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 8px !important; }

.select2-container--default .select2-selection--multiple {
  height: 28px !important;
  overflow: scroll !important;
  margin-bottom: 8px; }

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #cacaca !important; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #cacaca !important;
  background: #e1e2ee !important;
  color: #444 !important;
  position: relative;
  top: 8px; }

/* Uses the Slick Slider */
/* kenwheeler.github.io/slick */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -15px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Custom */
.subhead-container {
  margin-top: 55px; }
  .subhead-container.carousel {
    background: #656777; }

#carousel {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-box-shadow: inset 0px -4px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px -4px 8px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px -4px 8px rgba(0, 0, 0, 0.15);
  height: 175px;
  background: #656777;
  padding: 5px 0 20px;
  line-height: 18px;
  max-width: 1300px;
  margin: 0 auto; }
  #carousel.collapsed {
    opacity: 0;
    margin-top: -120px; }
  #carousel .slick-dots {
    bottom: -20px; }
    #carousel .slick-dots li {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      height: 7px;
      width: 7px; }
      #carousel .slick-dots li.slick-active button {
        background: #b8b6ff; }
      #carousel .slick-dots li button {
        background: #b6b5c3;
        height: 7px;
        border-radius: 50%;
        width: 7px;
        padding: 3px; }
        #carousel .slick-dots li button:before {
          display: none; }
      #carousel .slick-dots li:hover button {
        background: #3d3c4e; }
  #carousel > ul {
    width: 90%;
    margin: auto;
    white-space: nowrap; }
    #carousel > ul li.slick-slide {
      display: inline-block;
      height: 110px;
      width: calc((100% / 2) - 10px);
      padding: 10px 20px 0px;
      margin-top: 20px;
      vertical-align: top;
      overflow: hidden;
      position: relative;
      border-left: 2px solid #565767; }
      #carousel > ul li.slick-slide:focus {
        outline: none; }
      #carousel > ul li.slick-slide:hover .close {
        opacity: 1; }
      #carousel > ul li.slick-slide .close {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        position: absolute;
        top: -3px;
        right: 10px;
        color: #a7a7a7;
        font-size: 18px;
        opacity: 0; }
        #carousel > ul li.slick-slide .close:hover {
          cursor: pointer;
          color: #fff; }
      #carousel > ul li.slick-slide h4 {
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        margin-bottom: 4px; }
      #carousel > ul li.slick-slide.list h4 {
        text-align: center; }
      #carousel > ul li.slick-slide.list > ul {
        white-space: nowrap; }
        #carousel > ul li.slick-slide.list > ul > li {
          width: 100%;
          display: block;
          line-height: 22px;
          font-size: 14px;
          padding: 0 7px; }
          #carousel > ul li.slick-slide.list > ul > li .flock,
          #carousel > ul li.slick-slide.list > ul > li .futil {
            font-size: 18px;
            line-height: 22px;
            color: #e9d6a5;
            float: left;
            margin-right: 8px; }
          #carousel > ul li.slick-slide.list > ul > li em {
            float: left;
            font-size: 13px;
            color: #c3c3c3;
            font-style: normal;
            text-transform: uppercase;
            font-weight: 500;
            margin-right: 10px; }
          #carousel > ul li.slick-slide.list > ul > li > a {
            color: #cbd0fb;
            text-decoration: none; }
            #carousel > ul li.slick-slide.list > ul > li > a:hover {
              text-decoration: none;
              cursor: pointer; }
      #carousel > ul li.slick-slide.graphic h4 {
        padding-left: 120px;
        margin-bottom: 8px; }
      #carousel > ul li.slick-slide.graphic p {
        font-size: 13px;
        line-height: 18px;
        color: #eaeaf1;
        font-weight: 400;
        white-space: normal;
        padding-left: 120px; }
        #carousel > ul li.slick-slide.graphic p .flock,
        #carousel > ul li.slick-slide.graphic p .futil {
          -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.25);
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          font-size: 55px;
          color: #8b8fb5;
          text-shadow: 0 2px 5px #40414a;
          position: absolute;
          top: 12px;
          left: 25px;
          height: 90px;
          width: 90px;
          line-height: 74px;
          background: #50515d;
          text-align: center; }
          #carousel > ul li.slick-slide.graphic p .flock.u-timeline-f,
          #carousel > ul li.slick-slide.graphic p .futil.u-timeline-f {
            color: #8b8fb5; }
          #carousel > ul li.slick-slide.graphic p .flock.o-reports,
          #carousel > ul li.slick-slide.graphic p .futil.o-reports {
            color: #d4995b; }
          #carousel > ul li.slick-slide.graphic p .flock.o-requests-alt,
          #carousel > ul li.slick-slide.graphic p .futil.o-requests-alt {
            color: #50ad50;
            font-size: 50px; }
        #carousel > ul li.slick-slide.graphic p span {
          display: block;
          font-weight: 500;
          color: #adadad; }
      #carousel > ul li.slick-slide.graphic .cta {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: block;
        line-height: 24px;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        color: #cbd0fb;
        text-decoration: none; }
        #carousel > ul li.slick-slide.graphic .cta:hover {
          text-decoration: none;
          cursor: pointer; }
  #carousel .moveLeft,
  #carousel .moveRight {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    width: calc(5% + 5px);
    height: calc(100% - 4px);
    top: 0;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 1;
    font-size: 32px;
    background: linear-gradient(90deg, #656777, #656777);
    color: #000; }
    #carousel .moveLeft i,
    #carousel .moveRight i {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      color: #b7b9c5;
      margin-top: 70px;
      display: block;
      font-size: 28px; }
    #carousel .moveLeft:hover,
    #carousel .moveRight:hover {
      cursor: pointer; }
      #carousel .moveLeft:hover i,
      #carousel .moveRight:hover i {
        color: #dedfea; }
  #carousel .moveLeft {
    left: 0; }
    #carousel .moveLeft:hover {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      background: linear-gradient(90deg, #5a5b69, #656777); }
  #carousel .moveRight {
    right: 0; }
    #carousel .moveRight:hover {
      background: linear-gradient(90deg, #656777, #5a5b69); }

[bubble] {
  position: relative; }

[bubble]:before,
[bubble]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }

[bubble]:after {
  background: rgba(44, 44, 44, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(bubble);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 1px;
  line-height: 16px; }

[bubble]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: -4px; }

[bubble]:hover:before,
[bubble]:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[bubble][bubble-break]:after {
  white-space: normal; }

[bubble-pos="down"]:before,
[bubble-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px); }

[bubble-pos="down"]:after {
  margin-top: 8px; }

[bubble-pos="down"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 3px;
  margin-bottom: 0; }

[bubble-pos="down"]:hover:before,
[bubble-pos="down"]:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[bubble-pos="left"]:before,
[bubble-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }

[bubble-pos="left"]:after {
  margin-right: 11px; }

[bubble-pos="left"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 6px;
  margin-bottom: 0; }

[bubble-pos="left"]:hover:before,
[bubble-pos="left"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[bubble-pos="right"]:before,
[bubble-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%); }

[bubble-pos="right"]:after {
  margin-left: 11px; }

[bubble-pos="right"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 6px; }

[bubble-pos="right"]:hover:before,
[bubble-pos="right"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[bubble-length]:after {
  white-space: normal; }

[bubble-length="small"]:after {
  width: 80px; }

[bubble-length="medium"]:after {
  width: 150px; }

[bubble-length="large"]:after {
  width: 260px; }

[bubble-length="xlarge"]:after {
  width: 90vw; }

@media screen and (min-width: 768px) {
  [bubble-length="xlarge"]:after {
    width: 380px; } }
[bubble-length="fit"]:after {
  width: 100%; }

/*# sourceMappingURL=main.css.map */