/* 4/16 */
/* 8/16 */
/* 12/16 These should only be used for font sizing */
/* 14/16 These should only be used for font sizing */
/* 16/16 */
/* 20/16 These should only be used for font sizing */
/* 24/16 */
/* 32/16 */
/* 40/16 */
/* 48/16 */
/* 56/16 */
/* 64/16 */
/* 72/16 */
/* 80/16 */
/* 10/16 */
/* Animation Timings */
/* 4/16 */
/* 8/16 */
/* 12/16 These should only be used for font sizing */
/* 14/16 These should only be used for font sizing */
/* 16/16 */
/* 20/16 These should only be used for font sizing */
/* 24/16 */
/* 32/16 */
/* 40/16 */
/* 48/16 */
/* 56/16 */
/* 64/16 */
/* 72/16 */
/* 80/16 */
/* 10/16 */
/* Animation Timings */
/**
 * Atomic Mixins to preform basic stylings
*/
/**
* Standardized margin module
* Should use individual line for each attr of margin for readability instead of passing through a string
* Should for distance pass through a variable, static val should be a last resort
* [$direction - top, left, right, bottom, all - side you want to specify margin to]
* [$distance - default, small, mid, large, xlarge - predefined distance to set margin to. Distance can also be a specific unit spec of em,px,%]
* @type {margin-left: 1rem;}
*/
/**
* Reset a specific or all margins
* [$direction - top, left, bottom, right, all - side of margin to reset]
**/
/**
* Standardized padding module
* Should use individual line for each attr of padding for readability instead of passing through a string
* Should for distance pass through a variable, static val should be a last resort
* [$direction - top, left, right, bottom, all - side you want to specify padding to]
* [$distance - default, small, mid, large, xlarge - predefined distance to set padding to. Distance can also be a specific unit spec of em,px,%]
* @type {padding-left: 1rem;}
*/
/**
* Reset a specific or all padding
* [$direction - top, left, bottom, right, all - side of padding to reset]
**/
/* 4/16 */
/* 8/16 */
/* 12/16 These should only be used for font sizing */
/* 14/16 These should only be used for font sizing */
/* 16/16 */
/* 20/16 These should only be used for font sizing */
/* 24/16 */
/* 32/16 */
/* 40/16 */
/* 48/16 */
/* 56/16 */
/* 64/16 */
/* 72/16 */
/* 80/16 */
/* 10/16 */
/* Animation Timings */
.filter-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .filter-header-row .filter-header {
    cursor: pointer;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-bottom: 4px solid transparent;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    padding-bottom: 0.75rem;
    padding-right: 3rem; }
    .filter-header-row .filter-header.mid-gap {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      margin-right: 3rem; }
    .filter-header-row .filter-header:last-child {
      padding-right: 0; }
    .filter-header-row .filter-header.selected {
      border-bottom: 4px solid #363F44; }
      .filter-header-row .filter-header.selected .filter-label {
        font-weight: 600; }
    .filter-header-row .filter-header .filter-value {
      font-family: "Helvetica Neue", helvetica, arial, sans-serif;
      font-weight: 600;
      font-size: 2rem;
      line-height: 1;
      color: #363F44;
      margin-bottom: 0.25rem; }
    .filter-header-row .filter-header.warning .filter-value {
      color: #D66866; }
    .filter-header-row .filter-header:hover, .filter-header-row .filter-header.warning:hover, .filter-header-row .filter-header.selected:hover {
      border-bottom: 4px solid #025DD4;
      color: #025DD4; }
      .filter-header-row .filter-header:hover .filter-value, .filter-header-row .filter-header.warning:hover .filter-value, .filter-header-row .filter-header.selected:hover .filter-value {
        color: #025DD4; }

#user-table_wrapper {
  min-width: 745px; }

.dataTables_wrapper .top-control-wrapper {
  width: auto !important;
  padding: 24px 0; }

.header h1 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.phone_count,
.token_count {
  min-width: 60px; }

td.username,
td.email {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

td.name {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; }

.groups-dropdown {
  color: #363F44;
  display: inline-block;
  margin: -10px 0 0 10px;
  text-align: center; }
  .groups-dropdown .dropdown-content li:only-child {
    width: 140px; }

.tipsy-inner {
  text-align: center; }

.bulk-action-modal {
  width: 400px; }
  .bulk-action-modal .modal-content .form-error {
    font-size: 100%;
    background-color: #fde8ea;
    color: #363F44; }
  .bulk-action-modal .modal-content > p {
    font-size: 1.3em;
    line-height: 1.5em;
    color: #888888;
    margin: 20px 0; }
    .bulk-action-modal .modal-content > p .selected-user-count {
      font-weight: 600; }

#modal-delete,
#modal-restore {
  width: 400px;
  color: #888888; }
  #modal-delete .modal-content,
  #modal-restore .modal-content {
    text-align: start; }
  #modal-delete .modal-footer,
  #modal-restore .modal-footer {
    padding-top: 0;
    border: none; }
  #modal-delete h1,
  #modal-restore h1 {
    color: #888888; }

.pill {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #D66866;
  color: #fff;
  padding: .3rem .75rem;
  margin-top: 4px;
  border-radius: 16px;
  border: 1px solid #D66866; }
  .pill:focus {
    border-radius: 16px; }
  .pill.inactive {
    background-color: #fff;
    color: #688daf;
    border: 1px solid #688daf;
    -webkit-transition: color .15s linear, background-color .15s linear, border .15s linear;
    transition: color .15s linear, background-color .15s linear, border .15s linear; }
  .pill.empty {
    background-color: #fff;
    color: #688daf;
    border: 1px solid #688daf; }
  .pill:hover {
    background-color: #D66866;
    color: #fff;
    border: 1px solid #D66866;
    text-decoration: none; }

div.modal-content > .yellow-help-text {
  background-color: #EDF6FF;
  border: 1px solid #EDF6FF;
  border-radius: 4px;
  margin: 2rem 0 0.5rem; }