@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

em {
  font-style: italic;
}

/**
 * Colors
 */
/**
 * Responsive Breakpoints
 */
/* apply a natural box layout model to all elements */
* {
  box-sizing: border-box;
}

html {
  font-size: 65%;
}

body {
  background: #f8f8f3;
  font-family: Chivo, sans-serif;
  font-size: 1.4rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
* @section Modules shared between app and public
*/
/**
 * Clearfix hack.
 */
.clearfix:before, .primary-header:before,
.clearfix:after,
.primary-header:after {
  content: " ";
  display: table;
  width: 100%;
}

.clearfix:after, .primary-header:after {
  clear: both;
}

.clearfix, .primary-header {
  *zoom: 1;
}

/* @todo: Add .media object from app */
/**
 * JS-friendly show/hide
 */
.hidden, .initial_hide {
  display: none;
}

.primary-footer {
  text-align: center;
}

form .error {
  color: #de4039;
}

/**
 * Notifications. Used site-wide.. the errors are for form validation, the non-errors are used for things like "gift added" dialogs, etc.
 */
.notification {
  line-height: 1.25;
  margin: 1rem 0;
}
.notification.error {
  background: #f68484;
  border-bottom: 1px solid #841c1c;
  border-top: 1px solid #841c1c;
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0.9rem;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.module .notification {
  font-size: 1.1rem;
}

.table-header__sort {
  margin-left: 2px;
}
.table-header__sort--descending {
  vertical-align: bottom;
}
.table-header__sort--choose {
  width: 7px;
  height: auto;
}

.flash-messages {
  position: fixed;
  top: 6em;
  width: calc(100% - 90px);
  z-index: 7500;
}
.flash-messages .inner {
  margin: 0 auto;
}
.flash-messages .alert-static {
  visibility: hidden;
}

/* BOOTSTRAP NOTIFICATION */
.alert-message {
  align-items: center;
  background-color: #e9ab1c;
  border-radius: 15px;
  border: 5px solid #f8f8f3;
  box-shadow: 1px 2px 8px -2px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: flex;
  font-size: 17px;
  font-weight: 500;
  justify-content: space-between;
  line-height: 1.25;
  margin-bottom: 0.5em;
  padding: 0.8em 1em;
  position: relative;
  text-decoration: none;
}

.alert-message h5 {
  line-height: 1.5em;
}

.alert-message p {
  margin-bottom: 0;
}

.alert-message div {
  margin-top: 0.4em;
  margin-bottom: 0.2em;
  line-height: 2em;
}

.alert-message .close {
  /*  line-height: 1.5em; */
  color: #fff;
  float: right;
  font-size: 175%;
  font-weight: 100;
  line-height: 0.7em;
  margin-top: -2px;
  margin-left: 1rem;
  text-decoration: none;
  cursor: pointer;
}

.close:hover,
.alert-message:hover .close {
  color: #000000;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  text-decoration: none;
}

.alert-message.info {
  background-color: #e9ab1c;
}

.alert-message.error {
  background-color: #de4039;
}

.alert-message.success {
  background-color: #57a957;
}

.alert-message.danger,
.alert-message.danger:hover,
.alert-message.error,
.alert-message.error:hover,
.alert-message.success,
.alert-message.success:hover,
.alert-message.info,
.alert-message.info:hover {
  color: white;
}
.alert-message.danger h4,
.alert-message.danger:hover h4,
.alert-message.error h4,
.alert-message.error:hover h4,
.alert-message.success h4,
.alert-message.success:hover h4,
.alert-message.info h4,
.alert-message.info:hover h4 {
  color: white;
}

/* END BOOTSTRAP NOTIFICATION */
/* Later will look into building these. For now, just bringing these together manually.
 * First is select2 (search for '* SELECT2 *'), then Pickadate (search for '* PICKADATE *') */
/********************* SELECT2 ********************************************/
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#ffffff", endColorstr = "#eeeeee", GradientType = 0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("/css/images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#eeeeee", endColorstr = "#cccccc", GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/css/images/select2.png") no-repeat 0 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input[type=text] {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  box-shadow: none;
  background: #fff url("/css/images/select2.png") no-repeat 100% -22px;
  background: url("/css/images/select2.png") no-repeat 100% -22px, linear-gradient(to top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input[type=text] {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url("/css/images/select2-spinner.gif") no-repeat 100%;
  background: url("/css/images/select2-spinner.gif") no-repeat 100%, linear-gradient(to top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  cursor: pointer;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.1;
  margin: 0;
  padding: 6px 7px;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("/css/images/select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: linear-gradient(to top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input[type=text] {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("/css/images/select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("/css/images/select2.png") right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input[type=text], .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url("/images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input[type=text] {
    background-position: 100% -21px !important;
  }
}
/**
 * jQuery TextExt Plugin
 * http://textextjs.com
 *
 * @version 1.3.1
 * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
 * @license MIT License
 */
/*  Styles affecting the Uneditable Display ONLY of the tags*/
.tag-button {
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  float: left;
  border: 1px solid #9daccc;
  background: #e2e6f0;
  color: #88a;
  padding: 1px 7px 0px 7px;
  margin: 2px 3px 1px 2px;
  /*  cursor: pointer; */
  min-height: 19px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  text-decoration: none;
}
.tag-button--inline {
  float: none;
}

.tag-button.inline {
  float: none;
}

a.tag-button:hover, a.tag-button:active {
  text-decoration: none;
  color: #004;
  border-color: #7d9c9c;
}

textarea.tag_container {
  color: #fff; /* hide text prior to JS running */
  width: 200px;
}

textarea.tag_container.tagged {
  color: inherit;
}

.text-core {
  position: relative;
}

.text-core .text-wrap {
  background: #fff;
  position: absolute;
}

.text-core .text-wrap textarea, .text-core .text-wrap input {
  box-sizing: border-box;
  border-radius: 0px;
  border: 1px solid #9daccc;
  outline: none;
  resize: none;
  position: absolute;
  z-index: 1;
  background: none;
  overflow: hidden;
  margin: 0;
  padding: 3px 5px 4px 5px;
  white-space: nowrap;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  line-height: 13px;
  height: auto;
}

.text-core .text-wrap .text-arrow {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOAQMAAADHWqTrAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8yXJnt8Ns4AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1MzmNZGAwAAABpJREFUCJljYEAF/xsY6hkY7BgYZBgYOFBkADkdAmFDagYFAAAAAElFTkSuQmCC") 50% 50% no-repeat;
  cursor: pointer;
  z-index: 2;
}

.text-core .text-wrap .text-dropdown {
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  z-index: 3;
  background: #fff;
  border: 1px solid #9daccc;
  width: 100%;
  max-height: 100px;
  padding: 1px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.text-core .text-wrap .text-dropdown.text-position-below {
  margin-top: 1px;
}

.text-core .text-wrap .text-dropdown.text-position-above {
  margin-bottom: 1px;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion {
  padding: 3px 5px;
  cursor: pointer;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
  font-style: normal;
  text-decoration: underline;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
  color: #fff;
  background: #6d84b4;
}

.text-core .text-wrap .text-focus {
  box-shadow: 0px 0px 6px #6d84b4;
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

.text-core .text-wrap .text-focus.text-show-focus {
  display: block;
}

.text-core .text-wrap .text-prompt {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 1px 0 0 2px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  color: #c0c0c0;
  overflow: hidden;
  white-space: pre;
}

.text-core .text-wrap .text-prompt.text-hide-prompt {
  display: none;
}

.text-core .text-wrap .text-tags {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 3px 35px 3px 3px;
  cursor: text;
}

.text-core .text-wrap .text-tags.text-tags-on-top {
  z-index: 2;
}

.text-core .text-wrap .text-tags .text-tag {
  float: left;
}

.text-core .text-wrap .text-tags .text-tag .text-button {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  float: left;
  border: 1px solid #9daccc;
  background: #e2e6f0;
  color: #000;
  padding: 1px 17px 2px 7px;
  margin: 2px 3px 1px 2px;
  cursor: pointer;
  min-height: 19px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
  position: absolute;
  right: 3px;
  top: 2px;
  display: block;
  width: 11px;
  height: 11px;
  border: none;
  padding: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAhCAYAAAAPm1F2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAAQ5JREFUOI2dlD0WwiAQhCc8L6HHgAPoASwtSYvX8BrQxtIyveYA8RppLO1jE+LwE8lzms2yH8MCj1QoaBzH+VuUYNYMS213UlvDRamtUbXb5ZyPHuDoxwGgip3ipfvGuGzPz+vZ/coDONdzFuYCO6ramQQG0DJIE1oPBBvM6e9LqaS2FwD7FWwnVoIAsOc2Xn1jDlyd8pfPBRVOBHA8cc/3yCmQqt0jcY4LuTyAF3pOYS6wI48LAm4MUrx5JthgSQJAt5LtNgAUgEMBBIC3AL2xgo58dEPfhE9wygef89FtCeC49UwltR1pQrK2qr9vNr7uRTCBF3pOYS6wI4/zdQ8MUpxPI9hgSQL0Xyio/QBt54DzsHQx6gAAAABJRU5ErkJggg==") 0 0 no-repeat;
}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:hover {
  background-position: 0 -11px;
}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:active {
  background-position: 0 -22px;
}

/************** PICKADATE *********************/
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.picker__input {
  cursor: default;
}

.picker__input.picker__input--active {
  border-color: #0089ec;
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
} /*!
* Default mobile-first, responsive styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
.picker__frame, .picker__holder {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, top 0s 0.15s;
}

.picker__frame {
  position: absolute;
  margin: 0 25px;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
.picker__box {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
.picker--opened .picker__holder {
  top: 0;
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
.picker__box {
  padding: 0 1em;
}

.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}

.picker__month, .picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__year {
  color: #999;
  font-size: 0.8em;
  font-style: italic;
}

.picker__select--month, .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

@media (min-width: 24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__select--month:focus, .picker__select--year:focus {
  border-color: #0089ec;
}

.picker__nav--next, .picker__nav--prev {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next, .picker__nav--prev {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--next:before, .picker__nav--prev:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}

.picker__nav--next:hover, .picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}

.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999;
  font-weight: 500;
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaa;
}

.picker__day--outfocus {
  color: #ddd;
}

.picker__day--infocus:hover, .picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}

.picker__day--highlighted {
  border-color: #0089ec;
}

.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
  background: #0089ec;
  color: #fff;
}

.picker__day--disabled, .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}

.picker__footer {
  text-align: center;
}

.picker__button--clear, .picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: 700;
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--clear:hover, .picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--clear:focus, .picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0;
}

.picker__button--clear:before, .picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before {
  content: " ";
  margin-right: 0.45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  content: "×";
  margin-right: 0.35em;
  top: -0.1em;
  color: #e20;
  vertical-align: top;
  font-size: 1.1em;
}

.picker__box table {
  border: 0;
}
.picker__box table tr th {
  background: #fff;
  border: 0;
  padding: 0 0 0.25em 0;
}
.picker__box table tr td {
  background: #fff;
  color: inherit;
  border: 0;
  text-align: center;
}

@media only screen and (min-width: 600px) {
  .picker__frame {
    left: 200px;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("/fonts/glyphicons-halflings-regular.eot");
  src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon:empty {
  width: 1em;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.kicon {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 1em;
  margin: 0 auto;
  width: 1em;
}
.kicon--chevron-in-circle {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="0.5" fill="none" fill-rule="evenodd"> <g id="Group" transform="translate(1.000000, 1.000000)" fill-rule="nonzero"> <circle id="Oval-1-Copy" stroke="%23979797" stroke-width="2" cx="10" cy="10" r="10"></circle> <path d="M13.2928932,8.29289322 C13.6834175,7.90236893 14.3165825,7.90236893 14.7071068,8.29289322 C15.0976311,8.68341751 15.0976311,9.31658249 14.7071068,9.70710678 L10.7071068,13.7071068 C10.3165825,14.0976311 9.68341751,14.0976311 9.29289322,13.7071068 L5.29289322,9.70710678 C4.90236893,9.31658249 4.90236893,8.68341751 5.29289322,8.29289322 C5.68341751,7.90236893 6.31658249,7.90236893 6.70710678,8.29289322 L10,11.5857864 L13.2928932,8.29289322 Z" id="Path-2-Copy" fill="%23979797"></path></g></g></svg>');
}
.kicon--chevron {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="0.5" fill="none" fill-rule="evenodd"> <g id="Group" transform="translate(1.000000, 1.000000)" fill-rule="nonzero"> <path d="M13.2928932,8.29289322 C13.6834175,7.90236893 14.3165825,7.90236893 14.7071068,8.29289322 C15.0976311,8.68341751 15.0976311,9.31658249 14.7071068,9.70710678 L10.7071068,13.7071068 C10.3165825,14.0976311 9.68341751,14.0976311 9.29289322,13.7071068 L5.29289322,9.70710678 C4.90236893,9.31658249 4.90236893,8.68341751 5.29289322,8.29289322 C5.68341751,7.90236893 6.31658249,7.90236893 6.70710678,8.29289322 L10,11.5857864 L13.2928932,8.29289322 Z" id="Path-2-Copy" fill="%23979797"></path></g></g></svg>');
}
.kicon--dollar-sign {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><defs><style>.cls-1{fill:%23b8462d;}</style></defs><title>dollar_sign</title><path class="cls-1" d="M10.89,22h-.73a1,1,0,0,1-1-1V19.49c0-.08-.29-.06-.38-.08A9.26,9.26,0,0,1,6,18.65c-.81-.4-1-.74-.72-1.62.14-.51.28-1,.43-1.53h0a1.06,1.06,0,0,1,.54-.77,1,1,0,0,1,.89.15,7.53,7.53,0,0,0,2.73.83,3,3,0,0,0,1.67-.22,1.09,1.09,0,0,0,.67-1.39,1.12,1.12,0,0,0-.42-.54,4.35,4.35,0,0,0-1-.58L10,12.61a13.81,13.81,0,0,1-2.09-1,4.58,4.58,0,0,1-2.55-4.4A4.81,4.81,0,0,1,8.78,2.75h0a2.76,2.76,0,0,0,.47-.2,4.51,4.51,0,0,0,0-.52V1.17C9.33.32,9.6,0,10.43,0H11c1.54,0,1.72.18,1.72,1.72a2.73,2.73,0,0,0,0,.57,4.83,4.83,0,0,0,.53.14,8.41,8.41,0,0,1,2.14.65A1,1,0,0,1,16,4.35l-.15.53c-.11.41-.22.81-.35,1.2a1,1,0,0,1-.53.73,1,1,0,0,1-.88-.13,5.87,5.87,0,0,0-3-.6,2,2,0,0,0-.71.14,1,1,0,0,0-.6.72.92.92,0,0,0,.38.82,5.08,5.08,0,0,0,1.3.74l.36.16a22.3,22.3,0,0,1,2.23,1,5.29,5.29,0,0,1,2.62,3.57,5,5,0,0,1-1,4.11A5.32,5.32,0,0,1,13,19.18c-.3.09-.34.17-.33.42s0,.62,0,.93V21a1,1,0,0,1-1,1ZM10.44.87a1.71,1.71,0,0,0-.32,0V2c0,1-.1,1.13-1,1.47h0a4,4,0,0,0-3,3.8,3.82,3.82,0,0,0,2.16,3.67,14.53,14.53,0,0,0,2,.93l.91.38a5.34,5.34,0,0,1,1.17.7,2,2,0,0,1,.74,1.78,1.94,1.94,0,0,1-1.19,1.49,3.75,3.75,0,0,1-2.09.28,8.77,8.77,0,0,1-3-.91l-.2-.1h0c-.16.5-.4,1.24-.54,1.75s-.13.48.3.69a8,8,0,0,0,2.48.72c1,.16,1.05.4,1.07,1.28v1c0,.34.07.27.24.28H11.6c.13,0,.21,0,.21-.23V19.62a1.12,1.12,0,0,1,.91-1.21,4.44,4.44,0,0,0,2.33-1.53,4.17,4.17,0,0,0,.86-3.45,4.48,4.48,0,0,0-2.22-3c-.7-.37-1.42-.7-2.15-1l-.36-.15a5.9,5.9,0,0,1-1.5-.86A1.7,1.7,0,0,1,9,6.86a1.78,1.78,0,0,1,1.07-1.35,2.89,2.89,0,0,1,1-.21,7.45,7.45,0,0,1,3.65.78h0c.12-.39.31-1,.42-1.38l.15-.54c.05-.17,0-.24-.16-.32a7.77,7.77,0,0,0-1.94-.59c-1.12-.19-1.26-.36-1.26-1.5,0-.29,0-.58,0-.88"/></svg>');
}
.kicon--drag-handle {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path d="M 0 7.5 L 0 12.5 L 50 12.5 L 50 7.5 L 0 7.5 z M 0 22.5 L 0 27.5 L 50 27.5 L 50 22.5 L 0 22.5 z M 0 37.5 L 0 42.5 L 50 42.5 L 50 37.5 L 0 37.5 z" fill="%23979797"></path></svg>');
}
.kicon--edit-pencil {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="21px" height="21px" viewBox="0 0 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch --><title>pencil-edit-button</title><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="pencil-edit-button" fill="%23BBBBBB" fill-rule="nonzero"><path d="M17.5852648,0.763817958 L20.0525376,3.24315074 C20.828992,4.02340048 20.828995,5.28441374 20.0525441,6.06466709 L8.06854081,18.1073599 L2.78255134,12.7925193 L14.7497857,0.763983338 C15.5288365,-0.0190580216 16.7951623,-0.0222930823 17.5782036,0.756757628 C17.5805632,0.759105192 17.582917,0.761458642 17.5852648,0.763817958 Z M0.0147180061,20.0313307 C-0.0815347943,20.4666389 0.30957209,20.8566972 0.742808009,20.7508341 L6.63649774,19.3148406 L1.35050827,14 L0.0147180061,20.0313307 Z" id="Shape"></path></g></g></svg>');
  margin-bottom: -0.15em;
}
.kicon--light-bulb {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"><style type="text/css">.st0{clip-path:url(%23SVGID_2_);}.st1{fill:%23B8462D;}.st2{clip-path:url(%23SVGID_4_);}.st3{clip-path:url(%23SVGID_6_);}.st4{clip-path:url(%23SVGID_8_);}.st5{clip-path:url(%23SVGID_10_);}.st6{clip-path:url(%23SVGID_12_);}</style><g><defs><path id="SVGID_1_" d="M14.7,12.9c-1.2,1.3-1.8,3-1.8,4.8v0.4H9v-0.4c0-1.8-0.7-3.5-1.9-4.9c-1-1.1-1.4-2.6-1.3-4.1C6.3,6.2,8.4,4.3,11,4.3c2.8,0,5.1,2.3,5.1,5.1C16.1,10.7,15.6,12,14.7,12.9z M13,20.2c0,0.5-0.3,0.9-0.8,0.9H9.9c-0.5,0-0.8-0.4-0.8-0.8c0,0,0,0,0-0.1v-1.1H13V20.2z M11,3.3c-3,0-5.6,2.3-6,5.3c-0.2,1.8,0.3,3.6,1.5,4.9c1,1.2,1.6,2.7,1.6,4.2v2.5c0,1,0.8,1.8,1.8,1.8c0,0,0,0,0,0h2.3c1,0,1.8-0.8,1.8-1.8c0,0,0,0,0,0v-2.5c-0.1-1.5,0.5-3,1.5-4.1c1.1-1.1,1.6-2.6,1.6-4.1C17.1,6.1,14.4,3.4,11,3.3z"/></defs><clipPath id="SVGID_2_"><use xlink:href="%23SVGID_1_"  style="overflow:visible;"/></clipPath><g class="st0"><rect x="2.9" y="1.2" class="st1" width="16.2" height="22.8"/></g></g><g><defs><rect id="SVGID_3_" x="10.4" width="0.8" height="2.5"/></defs><clipPath id="SVGID_4_"><use xlink:href="%23SVGID_3_"  style="overflow:visible;"/></clipPath><g class="st2"><rect x="8.3" y="-2.1" class="st1" width="5" height="6.6"/></g></g><g><defs><polygon id="SVGID_5_" points="16.6,4.6 17.3,5.4 19.1,3.6 18.4,2.9 "/></defs><clipPath id="SVGID_6_"><use xlink:href="%23SVGID_5_"  style="overflow:visible;"/></clipPath><g class="st3"><rect x="14.5" y="0.8" class="st1" width="6.6" height="6.6"/></g></g><g><defs><rect id="SVGID_7_" x="19.5" y="10" width="2.5" height="0.8"/></defs><clipPath id="SVGID_8_"><use xlink:href="%23SVGID_7_"  style="overflow:visible;"/></clipPath><g class="st4"><rect x="17.4" y="7.9" class="st1" width="6.6" height="5"/></g></g><g><defs><rect id="SVGID_9_" y="10" width="2.5" height="0.8"/></defs><clipPath id="SVGID_10_"><use xlink:href="%23SVGID_9_"  style="overflow:visible;"/></clipPath><g class="st5"><rect x="-2.1" y="7.9" class="st1" width="6.6" height="5"/></g></g><g><defs><polygon id="SVGID_11_" points="3.6,2.5 2.9,3.2 4.7,5 5.4,4.2 "/></defs><clipPath id="SVGID_12_"><use xlink:href="%23SVGID_11_"  style="overflow:visible;"/></clipPath><g class="st6"><rect x="0.8" y="0.4" class="st1" width="6.6" height="6.6"/></g></g></svg>');
}

.loading {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 3500;
}
.loading--active {
  display: table;
}
.loading__body {
  color: white;
  display: table-cell;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}
.loading__icon {
  font-size: 12em;
}
.loading__message__header {
  display: inline-block;
  font-size: 2em;
  margin-top: 1em;
}
.loading__message__body {
  display: inline-block;
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 0 20px;
  margin-top: 1em;
}
@media only screen and (min-width: 840px) {
  .loading__message__body {
    padding: 0 25%;
  }
}

.glyphicon-spin--clockwise {
  animation: spin-clockwise 7s infinite linear;
}
.glyphicon-spin--counterclockwise {
  animation: spin--counterclockwise 7s infinite linear;
}

@keyframes spin-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes spin-counterclockwise {
  0% {
    transform: rotate(359deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.page-header__description {
  color: #777;
  font-size: 1.9rem;
  margin-bottom: 1.7em;
  margin-top: -0.6em;
}

.items--revisions {
  color: #777;
  display: none;
  font-size: 0.8em;
  line-height: 1.2;
}
.items--revisions ul {
  margin-left: 1em;
}
.items--revisions > li {
  /*list-style-type: disc;*/
  margin-bottom: 1em;
}
.items--revisions li ul {
  margin-left: 0;
}
.items--revisions li li {
  margin-bottom: 0.25em;
}
.items--revisions li li:last-child {
  margin-bottom: 0;
}
.items--revisions__subtitle {
  text-transform: uppercase;
}

.revision__changes {
  color: rgba(0, 0, 0, 0.4);
  line-height: 1;
}
.revision__changes ul,
.revision__changes li {
  margin-left: 0;
}
.revision__change {
  margin-bottom: 0.25em;
}
.revision__meta {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.5em;
  font-style: italic;
  text-transform: uppercase;
}
.revision__value {
  color: rgba(1, 1, 30, 0.8);
}
.revision__fieldname {
  color: rgba(1, 1, 30, 0.8);
}

body {
  color: #555;
}

@media only screen and (min-width: 600px) {
  body {
    text-align: left;
  }
}
p {
  line-height: 2rem;
  margin-bottom: 1.5rem;
}

a {
  color: #de4039;
  text-decoration: none;
}
a:hover {
  color: #b2261f;
}

hr {
  border: none;
  border-bottom: 1px dashed #ccc;
  clear: both;
  height: 0;
  margin-bottom: 1.5rem;
  width: 100%;
}

strong, b {
  font-weight: 700;
}

.upper {
  text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Chivo, sans-serif;
}
h1 .small-description, h2 .small-description, h3 .small-description, h4 .small-description, h5 .small-description, h6 .small-description {
  font-size: 50%;
}

h1 {
  color: #de4039;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

h2 {
  color: #333333;
  font-size: 3.1rem;
  font-weight: 400;
  margin-bottom: 2rem;
}

h3 {
  color: #de4039;
  font-size: 2.2rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

h4 {
  color: #444;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

table {
  background: #fbfbfb;
  border: 1px solid #ccc;
  border-radius: 5px;
  clear: both;
  font-size: 1.2rem;
  margin: 2rem 0 2rem 0;
  margin: 2rem 0 3rem 0;
  width: 100%;
}

table.no-style {
  background: inherit;
  border: none;
  font-size: inherit;
  margin: inherit;
}

th,
td {
  background: #fbfbfb;
  border: #d7d8d7 solid 1px;
  color: #444;
  padding: 0.7em;
  text-align: left;
}

table.no-style th, table.no-style td {
  background: inherit;
  border: inherit;
  color: inherit;
  padding: inherit;
}

td p {
  color: #666;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0;
}

table.no-style td p {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
}

th {
  background-color: #eaeae5;
  border-bottom: 1px solid #bbb;
  border-left: none;
  border-right: none;
  color: #4a4747;
  font-weight: 600;
  padding: 1.2rem 0.7rem;
  text-align: left;
}
th.sortable a {
  text-decoration: none;
}
th a {
  color: #4a4747;
}
th h3 {
  margin-bottom: 0;
}

table.no-style th {
  background: inherit;
  border: inherit;
  color: inherit;
  font-weight: bold;
  padding: inherit;
}

tr, tr td {
  background: #fdfdfc;
}

tr:nth-child(2n) td,
.module tr:nth-child(2n) td {
  background: #f8f8f3;
}

table.no-style tr:nth-child(2n) td,
table.no-style .module tr:nth-child(2n) td {
  background: inherit;
}

.data tr:hover td, .data tr:nth-child(2n):hover > td {
  background: #ebebeb;
}
.data.data--no-hover tr:hover td {
  background: #fdfdfc;
}
.data.data--no-hover tr:nth-child(2n):hover > td {
  background: #f2f2f2;
}
.data.data--manual-striping tr > td {
  background: #fdfdfc;
}
.data.data--manual-striping tr.striped > td {
  background: #f2f2f2;
}
.data.data--manual-striping tr:hover > td, .data.data--manual-striping tr.striped:hover > td {
  background: #ebebeb;
}
.data.data--manual-striping.data--no-hover tr:hover > td {
  background: #fdfdfc;
}
.data.data--manual-striping.data--no-hover tr.striped:hover > td {
  background: #f2f2f2;
}
.data tr.is-changed td, .data.data--no-hover tr.is-changed td, .data.data--manual-striping tr.is-changed td, .data.data--no-hover.data--manual-striping tr.is-changed td, .data.data--manual-striping.data--no-hover tr.is-changed.striped:hover td, .data.data--manual-striping.data--no-hover tr.is-changed:hover td {
  background-color: #eaf5d6;
}

.data-table-width-wrap {
  clear: both;
  max-width: 100%;
  overflow-x: scroll;
}
.data-table-width-wrap .data {
  width: auto;
}

.align-left {
  text-align: left;
}

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

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

.align-top {
  vertical-align: top;
}

ol {
  margin-left: 2.5rem;
}
ol li {
  list-style: decimal;
  line-height: 2rem;
}

ul.body-text {
  line-height: 2rem;
  margin-left: 0.5rem;
}

@media only screen and (min-width: 600px) {
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
}
.float-none {
  float: none;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.primary-header {
  background-color: #ffffff;
  border-bottom: 1px solid #e0dedc;
  border-top: 8px solid #de4039;
  height: 60px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4000;
}
@media only screen and (min-width: 600px) {
  .primary-header {
    height: 80px;
  }
}
.primary-header__logo {
  display: flex;
  float: left;
  padding: 8px 8px;
}
@media only screen and (min-width: 600px) {
  .primary-header__logo {
    padding: 17px 18px;
  }
}
@media only screen and (min-width: 840px) {
  .primary-header__logo {
    padding: 15px 18px;
  }
}
.primary-header__logo img {
  height: 36px;
}
@media only screen and (min-width: 600px) {
  .primary-header__logo img {
    height: 35px;
  }
}
@media only screen and (min-width: 840px) {
  .primary-header__logo img {
    height: 40px;
  }
}
.primary-header__logo-type {
  display: none;
}
@media only screen and (min-width: 600px) {
  .primary-header__logo-type {
    display: block;
    margin-left: 10px;
  }
}
@media only screen and (min-width: 840px) {
  .primary-header__logo-type {
    margin-left: 12px;
  }
}

.container {
  position: relative;
}

.primary-rail {
  background-color: #333333;
  bottom: 0px;
  color: white;
  float: left;
  font-size: 1.4rem;
  font-weight: 300;
  left: 0px;
  padding: 1.5rem 1rem 1rem 1rem;
  position: fixed;
  text-align: left;
  top: 60px;
  width: 220px;
  z-index: 1000;
}
@media only screen and (min-width: 600px) {
  .primary-rail {
    padding: 1rem;
    top: 80px;
  }
}

.primary-content {
  background: #f8f8f3;
  line-height: 1.35;
  margin-left: 38px;
  min-height: 100vh;
  min-width: 280px;
  max-width: 1000px;
  overflow: hidden;
  padding: 9rem 1.5rem 1.5rem 1.5rem;
  position: relative;
  z-index: 3000;
  transition: padding 1s ease;
}
@media only screen and (min-width: 600px) {
  .primary-content {
    margin-left: 220px;
    padding: 11rem 3rem 3rem 3rem;
  }
}

.flash-messages {
  margin: 0 30px 0 68px;
  width: calc(100% - 98pxpx);
}
@media only screen and (min-width: 600px) {
  .flash-messages {
    margin: 0 30px 0 230px;
    max-width: 970px;
    padding-left: 0;
  }
}
/**
 * super simple columns
 */
.column {
  float: left;
  width: 100%;
}

@media only screen and (min-width: 700px) {
  .column--right {
    float: right;
  }
  .column--33 {
    width: 33%;
  }
  .column--25 {
    width: 25%;
  }
  .column--75 {
    width: 75%;
  }
  .column--50 {
    width: 50%;
  }
  .column--40 {
    width: 40%;
  }
  .column--60 {
    width: 60%;
  }
  .contact--column {
    padding: 2rem 1rem;
  }
  .column--header--right {
    padding-top: 2rem;
  }
  .column--padding-left {
    padding-left: 2.5rem;
  }
  .column table {
    width: 100%;
  }
}
.import__action {
  text-align: center;
}
.import__action button,
.import__action a.btn,
.import__action a.filter-form__button {
  display: inline-block;
}
.import__rows-processed {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.import__status {
  font-style: italic;
  text-align: left;
}
.import__time {
  text-align: right;
}
.import__type {
  text-align: left;
}

.action-card {
  align-items: center;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 10px 0 2em;
  position: relative;
  width: 200px;
}
.action-card__button {
  background: #de4039;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1rem;
  margin: 10px 10px;
  padding: 16px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
}
.action-card__button:hover {
  background: #b2261f;
  color: #fff;
}
.action-card__congrats-tag {
  color: #f0716a;
  font-size: 18px;
  font-style: italic;
  font-weight: lighter;
  letter-spacing: 0.1rem;
  position: absolute;
  top: 16px;
}
.action-card__count {
  font-size: 85px;
  font-weight: 700;
  margin: 65px 0 0;
  text-align: center;
  text-transform: uppercase;
}
.action-card__title {
  font-size: 18px;
  height: 36px;
  margin-bottom: 60px;
  padding: 10px 25px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 660px) {
  .action-card {
    flex-grow: 0;
  }
}

.deck {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

/**
 * Classic Lists
 */
.classic-list {
  font-size: 1.4rem;
  line-height: 1.6;
  list-style: disc;
  margin-bottom: 1.5rem;
  margin-left: 3rem;
  text-align: left;
}

ol.classic-list {
  list-style: decimal;
}

/**
 * Logo
 */
/**
 * Decorate an element with white border and shadow
 */
.decorate {
  border: 4px white solid;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.decorate__caption--overlay {
  background: rgba(255, 255, 255, 0.75);
  bottom: 0;
  font-size: 0.85em;
  left: 0;
  padding: 0.5em;
  position: absolute;
  right: 0;
  width: 100%;
}
.decorate:hover .decorate__caption--overlay {
  background: rgb(255, 255, 255);
  text-decoration: underline;
}

/**
 * Separate a chunk of content as its own element. Dotted borders, light bg
 */
.cutout {
  background: #eee;
  background: rgba(255, 255, 255, 0.4);
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.25);
  border-style: dashed;
  border-width: 1px 0;
  padding: 1rem;
}

/**
 * Media element
 */
.media,
.media__body {
  overflow: hidden;
  zoom: 1;
  _overflow: visible;
}

.media__img {
  float: left;
  margin-right: 10px;
}

.media__img img {
  display: block;
}

/**
 *  White block modules
 */
.module {
  background: white;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  margin: 0 2.5rem 2.5rem 0;
  padding: 1.5rem;
  position: relative;
  text-align: left;
  width: 100%;
  /**
   *  Table elements within the white block modules
   */
}
.module a {
  text-decoration: none;
}
@media only screen and (min-width: 600px) {
  .module {
    min-width: initial;
  }
}
.module--contact {
  margin-right: 0;
}
.module--tasks .overdue td {
  background: #fff0f0;
}
.module--tasks .complete td,
.module--tasks .complete a {
  color: #ccc;
}
.module--tasks tr.overdue:nth-child(2n) td {
  background: #ffeaea;
}
.module--contacts .select_contact_nav {
  margin-bottom: 1em;
}
.module--gifts .gifts--month {
  margin-bottom: 2rem;
}
.module--groups .module__table {
  margin-bottom: 0;
}
.module__add-new-item {
  float: right;
  font-size: 1.4em;
  opacity: 1;
  text-decoration: none;
}
.module__add-new-item:hover, .module__add-new-item:active {
  color: #de4039;
  opacity: 0.75;
}
.module__action {
  position: absolute;
  right: 1.25rem;
  top: 1rem;
}
.module__action img {
  height: 2rem;
}
.module__subsection {
  color: #555;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.module__title {
  border-bottom: 1px dashed #ddd;
  color: #333333;
  font-size: 1.9rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.8rem;
  font-weight: 600;
}
.module__title a {
  color: #333333;
  text-decoration: none;
}
.module__table {
  background: #fbfbfb;
  border-radius: 5px;
  clear: both;
  font-size: 1.2rem;
  margin: 0 0 1.3rem 0;
  width: 100%;
}
.module__table th,
.module__table td {
  background: #fbfbfb;
  font-weight: normal;
  padding: 0.8rem;
  text-align: left;
  vertical-align: middle;
}
.module__table th {
  background: white;
  border: none;
  color: #555;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0px;
  padding: 0.8rem;
}
.module__table td:first-child {
  padding-left: 0.8rem;
  width: auto;
}
.module__table td:last-child,
.module__table th:last-child {
  text-align: right;
}
.module__table input[type=text],
.module__table input[type=password] {
  padding: 0.7rem;
  width: 95%;
}
.module__table--wide {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
@media only screen and (min-width: 600px) {
  .module__table--wide {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 600px) {
  .column--left {
    padding-right: 1.2rem;
  }
  .column--right {
    padding-left: 1.2rem;
  }
}
.btn--module {
  float: right;
  margin-left: 1rem;
}

.btn--small {
  margin-left: 0.2rem;
  padding: 0rem 1rem;
}

.shadow {
  bottom: -21px;
  height: 21px;
  position: absolute;
  right: 0;
  width: 302px;
}

.refresh-button {
  opacity: 0.8;
}
.refresh-button:hover {
  opacity: 1;
}

.task-module__contact-name {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  font-size: 0.75rem;
  margin-left: 2.25rem;
  margin-top: -0.1rem;
  text-transform: uppercase;
}

/**
 * Pagination
 */
.pagination {
  align-items: center;
  clear: right;
  display: flex;
  margin-bottom: 1rem;
}
.pagination a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #f3f3f0;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  box-shadow: 0px 1px 0px white;
  color: #6a6a6a;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
}
.pagination a:hover {
  background-color: #e5e5df;
}
.pagination a:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination a:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cccccc;
}
.pagination a.active {
  background-color: #e5e5df;
  box-shadow: inset rgba(0, 0, 0, 0.15) 0px 1px 1px, white 0 1px 0px 0px;
  color: #4a4747;
}
.pagination a.inactive {
  color: #bbb;
}
@media only screen and (min-width: 600px) {
  .pagination {
    float: right;
  }
}

.pagination__details {
  margin-right: 10px;
}

/**
 * Pill Buttons
 */
.pill--radio, .pill {
  margin: 0 0 2rem;
}
td .pill--radio, td .pill {
  margin-bottom: 0;
}

.pill--radio label, .pill a {
  background-color: #f3f3f0;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  box-shadow: 0px 1px 0px white;
  color: #6a6a6a;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  padding: 0.5rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  float: left;
}
.pill--radio label:hover, .pill a:hover {
  background-color: #e5e5df;
}
.pill--radio label:first-of-type, .pill a:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pill--radio label:last-of-type, .pill a:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cccccc;
}

.pill--radio label.selected, .pill a.active {
  background-color: #e5e5df;
  box-shadow: inset rgba(0, 0, 0, 0.15) 0px 1px 1px, white 0 1px 0px 0px;
  color: #4a4747;
}

.pill--radio input {
  display: none;
}

.pill--radio-wide input {
  margin-right: 2rem;
}

@media only screen and (min-width: 840px) {
  .pill--radio-wide {
    margin: 0 0 2rem;
  }
  td .pill--radio-wide {
    margin-bottom: 0;
  }
  .pill--radio-wide label {
    background-color: #f3f3f0;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    box-shadow: 0px 1px 0px white;
    color: #6a6a6a;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    padding: 0.5rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    float: left;
  }
  .pill--radio-wide label:hover {
    background-color: #e5e5df;
  }
  .pill--radio-wide label:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pill--radio-wide label:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cccccc;
  }
  .pill--radio-wide label.selected {
    background-color: #e5e5df;
    box-shadow: inset rgba(0, 0, 0, 0.15) 0px 1px 1px, white 0 1px 0px 0px;
    color: #4a4747;
  }
  .pill--radio-wide input {
    display: none;
  }
}
.pill-single {
  background-color: #f3f3f0;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  box-shadow: 0px 1px 0px white;
  color: #6a6a6a;
  display: block;
  float: left;
  font-size: 1.2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  text-decoration: none;
  text-shadow: 0px 1px 0px white;
}
.pill-single:hover {
  background: #e0dedc;
  color: #4a4747;
}

.pill-single--nav {
  padding: 0.6rem 1rem;
  border-radius: 0.3rem;
  border: 1px solid #cccccc;
  float: none;
  display: inline;
  text-align: center;
  line-height: 3.9rem;
}

.pill-single--nav.active {
  background: #e0dedc;
  border-color: #a6a6a6;
  color: #111111;
}

.account-settings-nav {
  margin-top: 0;
  margin-bottom: 2.5rem;
}
.account-settings-nav__column-title {
  color: #6a6a6a;
  font-weight: 600;
  margin-bottom: 0.3rem;
  text-transform: none;
  text-transform: uppercase;
}
.account-settings-nav__column-detail {
  font-weight: 300;
  margin-left: 0.4em;
  text-transform: initial;
}
.account-settings-nav__column {
  float: left;
  width: 100%;
}
.account-settings-nav__column:nth-child(2n) {
  margin-top: 1rem;
}
@media only screen and (min-width: 840px) {
  .account-settings-nav__column {
    width: 50%;
  }
  .account-settings-nav__column:nth-child(2n) {
    margin-top: 0;
    padding-left: 2rem;
  }
}

.settings td {
  vertical-align: middle;
}
.settings input.meta_individual {
  margin-bottom: 0;
}

/**
 * The tasks in bar format, includes normal active, hover and completed
 */
ul.items {
  margin-bottom: 2rem;
  text-align: left;
}
ul.items [type=checkbox] {
  box-shadow: 0px 1px 0px white;
  float: left;
  margin-right: 1rem;
}

.task__wrapper {
  position: relative;
}

.task {
  display: inline-block;
  font-size: 1.4em;
  padding-left: 1.75em;
  position: relative;
  padding-right: 2rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}
.task .task__title {
  display: block;
  font-size: 1.4em;
  margin-bottom: 0.5em;
}

.task__delete {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}

.item {
  background: #f3f3f0;
  border: 1px solid #cccccc;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 0px white;
  clear: both;
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  overflow: auto;
  padding: 0.5rem;
  width: 100%;
}
.item:active {
  background: #ebebeb;
  background-image: none;
}
.item.overdue {
  background-image: linear-gradient(#ffebeb, #fbdbdb);
}

.tags,
div.tags {
  padding-left: 1.75em;
}
.tags a,
div.tags a {
  background: white;
  border: 1px solid #dedede;
  border-radius: 0.3rem;
  color: #777;
  display: block;
  float: right;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  padding: 0.3rem 0.4rem;
  text-decoration: none;
  text-transform: uppercase;
}
.tags .repeating-task__icon,
div.tags .repeating-task__icon {
  margin-right: 0;
}

li.item--selected,
li.overdue.item--selected {
  background: #de4039;
  border: none;
}
li.item--selected a,
li.overdue.item--selected a {
  color: #fff;
}
li.item--selected p,
li.overdue.item--selected p {
  text-shadow: none;
}
li.item--selected input[type=checkbox],
li.overdue.item--selected input[type=checkbox] {
  box-shadow: none;
}
li.item--selected .task,
li.overdue.item--selected .task {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: none;
}
li.item--selected .tags a,
li.overdue.item--selected .tags a {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.task__completed {
  background: #ececec;
  background-image: none;
}
.task__completed a {
  background: #efefef;
  color: #ddd;
}

.expand-contract {
  float: right;
  font-size: 80%;
  text-transform: uppercase;
}
.expand-contract--title-case {
  text-transform: none;
}
.expand-contract .expand-contract__inverted {
  display: none;
}
.expand-contract.inverted .expand-contract__default {
  display: none;
}
.expand-contract.inverted .expand-contract__inverted {
  display: inline-block;
}

/**
 * Item form, for when an item is selected and it appears on the right
 */
.item--form table {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}
.item--form td,
.item--form th {
  padding: 1rem;
  text-align: left;
}
.item--form th {
  padding: 1.5rem 1.5rem;
}
.item--form td:first-child {
  padding-left: 1rem;
}
.item--form table input[type=text] {
  margin-left: 0;
  padding: 0.8rem;
  width: 100%;
}
.item--form td.submit {
  background: white;
}
.item--form td.submit .btn, .item--form td.submit .filter-form__button {
  font-weight: bold;
  text-transform: uppercase;
}

/**
 * Custom Buttons. Ex. Add Tasks (with the big border)
 */
.simple-button {
  background-image: linear-gradient(#d35c3f, #b52a06);
  border-radius: 2px;
  color: white;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 1rem 1.7rem;
  position: absolute;
  right: 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  top: 10px;
}
.simple-button:hover {
  background-image: linear-gradient(#ff5e37, #df3b11);
}
.simple-button:active {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6);
}

.button {
  background-color: #de4039;
  border: none;
  border-radius: 6px;
  color: white;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  min-width: 200px;
  padding: 1.2rem 2.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
}
@media only screen and (min-width: 600px) {
  .button {
    min-width: 0;
  }
  .button.float-right {
    margin-left: 1.5rem;
  }
}
.button:hover, .button:active {
  background-color: #b2261f;
  color: white;
  cursor: pointer;
}
.button:active {
  box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.5);
}
.button.inline {
  display: inline-block;
  margin: 0.05rem 0.1rem;
}
.button.secondary, .button--secondary {
  background: #bbb;
  border-color: #ddd;
}
.button.secondary:hover, .button--secondary:hover {
  background: #aaa;
  border-color: #ccc;
}

.button--contact-card {
  display: block;
  margin-bottom: 2rem;
  margin-top: -2rem;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .button--contact-card {
    float: right;
    margin-left: 2rem;
    margin-top: 0.4rem;
    width: auto;
  }
}

/**
 * Contact page (and maybe multiple adder?) add box
 */
.task-interaction-add-box.task-only-showing .int-only {
  display: none;
}
.task-interaction-add-box.int-only-showing .task-only {
  display: none;
}

.task_completed_date {
  display: none;
}

.isCompleted .task_completed_date {
  display: table-row;
}

/**
 * Javascript show/hide
 */
.js .showhide_target {
  display: none;
}

/* General modal show-er */
.show-modal {
  text-decoration: none;
}

.modal {
  background: #fff;
  border-radius: 0.5em;
  border: 1px solid #333333;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  bottom: 5%;
  color: #333333;
  display: none;
  overflow: auto;
  padding: 2em;
  position: fixed;
  width: 100%;
  max-width: 840px;
  min-width: 320px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
.modal .exit {
  background: rgb(25, 25, 25);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0 0.5em;
  display: block;
  font-weight: bold;
  padding: 1em 1.5em;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
}
.modal .exit:hover {
  background: rgb(35, 35, 35);
  background: rgba(0, 0, 0, 0.15);
}

/* JavaScript Modal bg screen */
.modal_screen {
  background: rgb(153, 153, 153);
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
}

/**
 * Miscellaneous imports from old site
 */
.page_section {
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #ddd;
  border-width: 8px 1px 1px;
  margin-bottom: 3rem;
  padding: 1.5rem 1rem;
}

.bigbool {
  font-size: 125%;
  padding: 0.25em 0;
}

.bigbool input,
.bigbool label {
  float: left;
  padding: 0 0.4em;
}

.bigbool input {
  margin-top: 0.2em;
  margin-right: 0.5em;
}

.note {
  background: #faf8f5;
  border: 1px solid #ada9a1; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ /* FF3.5 - 3.6 */
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  color: rgba(0, 0, 0, 0.75);
  font-size: 90%;
  line-height: 130%;
  padding: 0.4em 0.5em;
}

.coupon_box {
  font-size: 80%;
  padding: 1em;
}
@media only screen and (min-width: 600px) {
  .coupon_box {
    float: right;
    margin-left: 1em;
    width: 25%;
  }
}

.sort_notice {
  font-style: italic;
}

.init-hidden,
input[type=submit].init-hidden {
  display: none;
}

/**
 * Account selector for premium users
 */
.account_selector_container {
  display: none;
  margin-top: 1rem;
}
.account_selector_container a {
  font-size: 80%;
  text-decoration: none;
  text-transform: uppercase;
}
.account_selector_container select {
  margin-top: 6px;
  max-width: 100%;
}
.primary-rail--expanded .account_selector_container {
  display: block;
}
@media only screen and (min-width: 600px) {
  .account_selector_container {
    display: block;
  }
  .primary-rail--contracted .account_selector_container {
    display: none;
  }
}

/**
 * Dropdown nav for data tables
 */
.with-selected-wrapper {
  display: inline-block;
  position: relative;
}

.dropdown-nav-button {
  text-decoration: none;
}

.dropdown-nav {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.4);
  display: none;
  font-size: 0.9em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  width: 15em;
  z-index: 50;
  top: 1em;
}
.dropdown-nav.stick-left {
  left: 0;
  right: inherit;
}

.dropdown-nav li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.dropdown-nav li a {
  display: block;
  padding: 0.75em;
  text-decoration: none;
}

.dropdown-nav li a:hover {
  background: #eee;
}

.dropdown-nav.show {
  display: block;
}

.table-data-meta {
  line-height: 1.5;
  float: left;
  margin-bottom: 2rem;
}

input.select-all-contacts-box {
  margin-left: 1.25rem;
  margin-right: 0.75rem;
}

/**
 * Filter Form
 *
 * Label, input, and button for quick filtering lists
 */
.filter-form {
  line-height: 1.6;
}
.filter-form__input {
  width: 60%;
}
/**
 * Merge Contacts Page
 */
.preview-merge {
  overflow: auto;
  padding: 1em 0;
}
.preview-merge__heading {
  font-weight: bold;
}
.preview-merge__list {
  margin-bottom: 0;
  margin-top: 1em;
  text-align: left;
}
.preview-merge__empty-list {
  font-style: italic;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .preview-merge__empty-list {
    text-align: left;
  }
}
@media only screen and (min-width: 700px) {
  .preview-merge {
    position: fixed;
  }
}

/**
 * Dropdown search nav for top bar
 */
.autocomplete-suggestions {
  background: #fff;
  border: 1px solid #999;
  color: #333333;
  font-size: 16px;
  text-align: left;
  overflow: auto;
}
@media only screen and (min-width: 600px) {
  .autocomplete-suggestions {
    font-size: inherit;
  }
}

.autocomplete-suggestion {
  overflow: hidden;
  padding: 2px 5px;
  white-space: nowrap;
}

.autocomplete-selected {
  background: #f0f0f0;
}

.autocomplete-suggestions strong {
  color: #3399ff;
  font-weight: normal;
}

/**
 * HUD Notification Styles
 */
.hud {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

@media only screen and (min-width: 600px) {
  .hud {
    float: right;
  }
  .hud__message {
    text-align: right;
  }
}
a.hud__message__action,
a.hud__message__action:visited {
  color: red;
  font-weight: bold;
  opacity: 0.8;
  text-decoration: none;
}

a.hud__message__action:hover,
a.hud__message__action:active {
  opacity: 1;
}

.hud__message__dismiss {
  margin-left: 0.5em;
  position: relative;
  top: 0.1em;
}

.hud__message__dismiss,
.hud__message__dismiss:visited {
  opacity: 0.6;
}

.hud__message__dismiss:hover,
.hud__message__dismiss:active {
  opacity: 1;
}

/**
 * Feedback Form
 * Implementation borrowed from: https://css-tricks.com/exposing-form-fields-radio-button-css/
 */
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: scale(0.8);
  transition: 0.5s;
}
.reveal-if-active label {
  display: block;
  margin: 0 0 3px 0;
}
.reveal-if-active input[type=text] {
  width: 100%;
}
input[type=radio]:checked ~ .reveal-if-active, input[type=checkbox]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px;
  padding: 10px 20px;
  transform: scale(1);
  overflow: visible;
}

.feedback-option {
  margin-bottom: 20px;
}

/*
 * Repeating Task
 */
.repeat-ends-on__container,
.repeat-ends-on__date-container,
.repeat-custom-frequency__container,
.repeat-custom-frequency-interval__container {
  display: none;
}
.repeat-ends-on__container.enabled,
.repeat-ends-on__date-container.enabled,
.repeat-custom-frequency__container.enabled,
.repeat-custom-frequency-interval__container.enabled {
  display: table-row;
}

.task-interaction-add-box:not(.multiple-adder) .repeat-ends-on__container.enabled {
  display: block;
}
.task-interaction-add-box:not(.multiple-adder) .repeat-ends-on__date-container {
  display: block;
  visibility: hidden;
}
.task-interaction-add-box:not(.multiple-adder) .repeat-ends-on__date-container.enabled {
  visibility: visible;
}

.repeat-custom-frequency-interval__container input[name=repeat_frequency_interval] {
  width: auto !important;
}

.daily-interval,
.weekly-interval,
.monthly-interval,
.yearly-interval {
  display: none;
}

.monthly-frequency {
  min-width: 325px;
}

.weekly-frequency,
.monthly-frequency,
.yearly-frequency {
  display: none;
}
.weekly-frequency label,
.monthly-frequency label,
.yearly-frequency label {
  display: inline-block;
}

.monthly-frequency label,
.yearly-frequency label {
  width: 25px;
}

.daily .daily-interval {
  display: inline-block;
}

.enabled .daily-interval {
  display: inline-block;
}
.enabled.weekly .daily-interval, .enabled.monthly .daily-interval, .enabled.yearly .daily-interval {
  display: none;
}

.weekly .weekly-interval,
.weekly .weekly-frequency {
  display: inline-block;
}

.monthly .monthly-interval,
.monthly .monthly-frequency {
  display: inline-block;
}

.yearly .yearly-interval,
.yearly .yearly-frequency {
  display: inline-block;
}

/** Gift Report */
.gift-filter {
  margin-bottom: 20px;
}
.gift-filter label {
  display: block;
  margin-bottom: 5px;
}

.data.stats {
  font-size: 1.7rem;
  font-weight: 300;
}
.data.stats th {
  text-align: center;
  font-weight: 600;
}
.data.stats td:not(:first-child) {
  text-align: right;
}

/** Pledge */
.pledge-date-shortcut {
  margin-top: 1rem;
}

.pledge-date-shortcut:hover {
  cursor: pointer;
}

.pledge-frequency-divider hr {
  margin-bottom: 0.5rem;
}

input[name=custom_pledge_frequency] {
  margin-top: 0.5rem;
}

.tooltip {
  opacity: 0.5;
}
.tooltip:hover {
  opacity: 1;
}

.service-settings {
  font-style: normal;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

form.inline {
  display: inline;
}

button[type=submit].inline {
  display: inline;
}

textarea {
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px #e0dedc;
  color: #666;
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin-bottom: 1rem;
  padding: 9px;
  width: 100%;
}
textarea:focus {
  border-color: #47a7eb;
  box-shadow: inset 1px 1px 1px #c9dbe8;
  outline: none;
}
table textarea {
  margin-bottom: 0;
}

select {
  max-width: 150px;
}
@media only screen and (min-width: 600px) {
  select {
    max-width: 100%;
  }
}

/**
 * Yellow notepad
 */
.notepad-outer {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  min-height: 3em;
  margin-bottom: 1.25rem;
  max-height: 8em;
  overflow-y: scroll;
}

.notepad {
  background: url("/img/app/notepad.jpg") #fffbe4;
  line-height: 2.3rem;
  min-height: 3em;
  padding: 2px 9px;
  max-width: 100%;
}

/**
 * Payment page (or other previously fieldset.black forms) error labels
 */
:not(td) > .label_addtl .error {
  background: #de4039;
  color: #fff;
  line-height: 1.25;
  padding: 0.75rem;
}
input[type=text],
input[type=number],
input[type=password],
input[type=date],
input[type=email] {
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px #e0dedc;
  display: inline-block;
  font-family: inherit;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding: 9px;
  width: 100%;
}
input[type=text][readonly=readonly], input[type=text][disabled=disabled],
input[type=number][readonly=readonly],
input[type=number][disabled=disabled],
input[type=password][readonly=readonly],
input[type=password][disabled=disabled],
input[type=date][readonly=readonly],
input[type=date][disabled=disabled],
input[type=email][readonly=readonly],
input[type=email][disabled=disabled] {
  background: #f3f3f0;
  color: #999;
}
input[type=text].non-full, input[type=text].filter-form__input,
input[type=number].non-full,
input[type=number].filter-form__input,
input[type=password].non-full,
input[type=password].filter-form__input,
input[type=date].non-full,
input[type=date].filter-form__input,
input[type=email].non-full,
input[type=email].filter-form__input {
  width: auto;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=email]:focus {
  border-color: #47a7eb;
  box-shadow: inset 1px 1px 1px #c9dbe8;
  outline: none;
}

input[type=date] {
  height: 33px; /* Fix for Chrome incorrectly sizing date inputs */
  max-width: 200px;
}

input.secondary_email_label,
input.secondary_email_address,
input.secondary_phone_label,
input.secondary_phone_number {
  width: auto;
}

input.tasks {
  box-shadow: none;
  background: white;
  border: #f8b4ae solid 0.5rem;
  border-radius: 1.2rem;
  color: #333333;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 1.5rem;
  padding: 1rem;
  width: 100%;
}
input.tasks:focus {
  border-color: #f0716a;
  outline: none;
}

form#tasks input:focus {
  outline: none;
}

[type=checkbox] {
  margin-right: 0.5rem;
}

input.add_tags {
  width: 95%;
}

td {
  line-height: 1.8rem;
}

.item--create-task__table {
  margin: -15px 0px 15px 0px;
  width: 100%;
}

.item--edit-task__table {
  bottom: 6px;
  margin: 0 0 15px 0;
  position: relative;
  z-index: 9;
}

.item-table-container {
  position: relative;
  width: 100%;
  z-index: 3000;
}

.item--edit-task__table .notepad-outer,
.item-table-container .notepad-outer {
  height: 20em;
  max-height: 20em;
}
.item--edit-task__table .notepad,
.item-table-container .notepad {
  min-height: 20em;
}

.item {
  position: relative;
  z-index: 20;
}

@media only screen and (min-width: 600px) {
  .input input[type=text],
  .input input[type=number],
  .input input[type=email],
  .input input[type=phone] {
    width: 30rem;
  }
}
input#user_password {
  width: 100%;
  padding-right: 5rem;
}

.js-toggle-password-visibility:hover {
  cursor: pointer;
}

.input-group {
  position: relative;
}
.input-group .form-control {
  position: relative;
  display: block;
}
.input-group .input-group-addon {
  padding: 0.35rem;
  padding-left: 0.5rem;
  position: absolute;
  top: 0.3rem;
  z-index: 1;
  left: 0.2rem;
}
.input-group .input-group-addon .glyphicon {
  font-size: 1.5em;
}
.input-group .form-control + .input-group-addon {
  left: unset;
  right: 0.5rem;
  width: 2.5em;
}

.multiselect:not(.multiselect--active) .multiselect__input {
  border: none !important;
}

.input-grid-money {
  display: grid;
  grid-template-columns: 25px auto 45px;
  align-items: center;
  background: #E9E9ED;
  border: 1px solid #9e9fac;
  border-radius: 5px;
  box-shadow: none;
  display: inline-block;
  font-family: inherit;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.input-grid-money input[type=text] {
  background: #fff;
  border: none;
  border-left: 1px solid #9e9fac;
  border-right: 1px solid #9e9fac;
  border-radius: 0;
  box-shadow: none;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0;
  max-width: 150px;
  padding: 9px;
  padding-right: 4px;
  text-align: right;
  width: auto;
}
.input-grid-money__prefix, .input-grid-money__suffix {
  padding: 9px;
}
.input-grid-money__prefix {
  padding-right: 0;
}
.input-grid-money__suffix {
  padding: 0;
  justify-self: center;
}

.secondary_phone_container .phone_boxes .phone_boxes_label {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  height: 25px;
}
.secondary_phone_container .phone_boxes .phone_boxes_label_first {
  margin-right: 1rem;
}
.secondary_phone_container .phone_boxes .phone_boxes_label input[type=radio] {
  margin-right: 0.5rem;
  margin-top: -1px;
}

/**
 * General elements
 */
.bold {
  font-weight: bold;
  color: #444;
}

.body-content-list {
  line-height: 2rem;
  margin-bottom: 1.5rem;
}

.page-title {
  font-size: 1.8rem;
}

/**
 * Different kinds of tables.
 */
table.single td:first-child {
  background: #f2f2f2;
  padding-left: 2em;
  width: 20rem;
}

table.pledge td:first-child {
  width: 40%;
}
table.pledge th:nth-last-child(2),
table.pledge td:nth-last-child(2) {
  text-align: right;
}

table.contacts {
  border: 15px solid red;
  border: none;
  font-size: 1.1rem;
  line-height: 1.4rem;
  vertical-align: middle;
}
table.contacts tr th,
table.contacts tr td {
  border: none;
  border-bottom: 1px dashed #ccc;
  border-top: 1px dashed #ccc;
  font-style: normal;
  vertical-align: middle;
}
table.contacts tr td p {
  font-style: normal;
}

span.type {
  color: #de4039;
}

h4.contacts--name {
  color: #333333;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/**
 * Primary Navigation
 */
.primary-nav {
  margin: -1rem -1rem 0px -1rem;
}
.primary-nav li {
  position: relative;
}
.primary-nav li:first-child a {
  border-top: none;
}
.primary-nav li:last-child a {
  border-bottom: none;
}
.primary-nav li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
  display: block;
  padding: 1.2rem;
  text-decoration: none;
}
.primary-nav li a:hover {
  background: rgba(0, 0, 0, 0.15);
}
.primary-nav li a.nav-add-button {
  border: none;
  margin: 0;
  opacity: 0.7;
  padding: 12px;
  position: absolute;
  right: 0;
  top: 1px;
}
.primary-nav li a.nav-add-button:hover {
  background: rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 1;
}

.badge {
  border-radius: 1.1rem;
  font-size: 1.2rem;
  font-style: normal;
  margin-right: 0.8rem;
  padding: 0.3rem 0.9rem;
  text-transform: uppercase;
}
.badge--right {
  position: absolute;
  right: 0.2rem;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.badge--new {
  background: #de4039;
  color: #fff;
}

.glyphicon {
  margin-right: 0.8rem;
  position: relative;
}

.glyphicon .glyphicon {
  position: absolute;
  right: 0.2rem;
  width: 50%;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.glyphicon-plus-sign--create-new {
  margin-right: 0;
  opacity: 0.4;
}
.glyphicon-plus-sign--create-new:hover {
  opacity: 0.8;
}

/**
 * Drag handler to expand or contract the menu
 */
#drag {
  cursor: pointer;
  height: 1rem;
  left: 8px;
  position: absolute;
  top: 61px;
  width: 2rem;
  z-index: 5000;
}
#drag hr {
  background: rgba(0, 0, 0, 0.25);
  border: none;
  border-bottom: 1px solid white;
  height: 2px;
  margin: 0;
  margin-bottom: 0.3rem;
  padding: 0;
}
@media only screen and (min-width: 600px) {
  #drag {
    left: 230px;
    top: 81px;
  }
}

select#contacts {
  margin-bottom: 10px;
  width: 100%;
}

/**
 * Bar graphs
 */
.graph {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.025) 100%);
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 0.5rem;
  padding: 1rem 0 1.5rem 0;
  position: relative;
}

.meter {
  background-image: linear-gradient(#43dc55, #3aac42);
  height: 2.2rem;
  position: relative;
  z-index: 40;
}

.meter-amount {
  bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  position: absolute;
  z-index: 22;
}

.meter-amount--inside {
  color: #fff;
  right: 0.5rem;
}

.meter-amount--outside {
  color: #555;
  right: -3rem;
  text-align: left;
}

.meter-location-marker {
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  bottom: 0;
  height: 4.7rem;
  position: absolute;
  width: 1px;
  z-index: 50;
}

.meter-location {
  bottom: 0.3rem;
  color: #555;
  font-size: 1.1rem;
  font-weight: 600;
  left: 3px;
  line-height: 0.8;
  position: absolute;
  width: 100px;
  z-index: 30;
}
.meter-location.meter-location__internal {
  left: auto;
  right: 5px;
  text-align: right;
}

.graph--caption {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  text-align: right;
}

/**
 * Filters that are located on contacts and tasks pages
 */
.filters {
  font-size: 1.2rem;
  margin-left: 1rem;
}
.filters * {
  margin-right: 0.5rem;
}
.filters strong {
  color: #333333;
}
.filters a:hover {
  text-decoration: none;
}

/**
 * Contains the tasks when there is a form on the right for editing a task
 */
.item--container {
  padding-right: 1rem;
}
.pagination + .item--container {
  margin-top: 1rem;
}

/**
 * Contacts Page
 */
.contacts__contact {
  background: #eee;
  background: rgba(255, 255, 255, 0.4);
  border-top: 1px #ccc dashed;
  font-size: 1.3rem;
  padding: 1rem;
  padding: 1rem 1.5rem 1rem 3.5rem;
  position: relative;
}

.contacts__check {
  left: 1rem;
  position: absolute;
  top: 1rem;
  vertical-align: top;
}

.contact__profile {
  height: 100px;
  margin-bottom: 1rem;
  width: 100px;
}

.contacts__attributes {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 840px) {
  .contacts__attributes {
    margin-bottom: 0;
    text-align: right;
  }
  .contacts__attributes .tag-button {
    float: right;
  }
}

h2.contact-name {
  color: #de4039;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 600px) and (max-width: 840px) {
  .column--contacts {
    clear: both;
    float: none;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .button--contacts {
    float: left;
    margin-left: 0;
    margin-right: 1.5rem;
  }
}
@media only screen and (min-width: 840px) {
  .contact__profile {
    float: left;
    height: 70px;
    margin-right: 1.5rem;
    width: 70px;
  }
  .button--contacts {
    float: right;
    margin-left: 1.5rem;
  }
}
/**
 * Contact card at the top of the individual contact profile page
 */
.contact-card {
  margin-bottom: 1.5rem;
  padding: 1rem 0;
}

.contact-card__profile-pic, .contact-card__profile-pic--edit {
  margin-bottom: 1.5rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 600px) {
  .contact-card__profile-pic, .contact-card__profile-pic--edit {
    float: left;
    margin-bottom: 1rem;
  }
}

.contact-card__profile-pic--edit {
  min-height: 50px;
  min-width: 140px;
  position: relative;
}

@media only screen and (min-width: 600px) {
  .contact-card__primary-info {
    float: left;
  }
}
.contact-card__secondary-info {
  clear: both;
  width: auto;
}
.contact-card__secondary-info i {
  color: #555;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.4rem;
}
@media only screen and (min-width: 600px) {
  .contact-card__secondary-info {
    clear: none;
    float: right;
    margin-right: 2rem;
    text-align: right;
  }
}

/**
 * Contact card page boxes
 */
.pledge-marker {
  color: #555;
  color: rgba(25, 25, 100, 0.7);
  font-size: 10px;
  padding-left: 0.5em;
  text-transform: uppercase;
}

/**
 * Prev-Next pill button on the contact page. Needed to move it down
 */
.contact-sequential-navigator {
  display: none;
}
@media only screen and (min-width: 600px) {
  .contact-sequential-navigator {
    display: inline-block;
    float: right;
    margin-left: 0.25rem;
    margin-top: 1.5rem;
  }
}

/**
 * Edit contact page
 */
.edit-contact-spouse-attn .spouse-only,
.edit-contact-spouse-attn .attn-only {
  display: none;
}
.edit-contact-spouse-attn.is-spouse .spouse-only {
  display: inherit;
}
.edit-contact-spouse-attn.is-attn .attn-only {
  display: inherit;
}

.is-anonymous table {
  display: none;
}
.is-anonymous table.has-anon-show {
  display: table;
}
.is-anonymous tr {
  display: none;
}
.is-anonymous tr.show-anon {
  display: table-row;
}

/**
 * In some cases there is a form select, button, etc...
 * this places it correctly within the layout
 */
@media only screen and (min-width: 600px) {
  .header-item-right {
    margin: -3rem 0 1.5rem 0;
  }
}
.logo img {
  float: left;
  height: 38px;
  margin: 0.4rem;
  margin-left: 0.6rem;
  width: 96px;
}

@media only screen and (min-width: 600px) {
  .logo img {
    margin: 0.4rem;
    margin-left: 5rem;
  }
}
.meta {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}
@media only screen and (min-width: 600px) {
  .meta {
    margin-right: 20px;
    margin-top: 19px;
  }
}

.meta__search {
  float: left;
  margin-right: 1rem;
  position: relative;
}
.meta__search .search {
  border: 1px solid #e0dedc;
  border-radius: 5px;
  box-shadow: none;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 300;
  margin-top: -0.1rem;
  padding: 0.7rem;
  width: 180px;
}
@media only screen and (min-width: 600px) {
  .meta__search .search {
    width: 200px;
  }
}
@media only screen and (min-width: 840px) {
  .meta__search .search {
    width: 300px;
  }
}

.meta__search .submit {
  background: url("/img/app/icon_search.jpg") no-repeat;
  border: none;
  height: 16px;
  position: absolute;
  right: 6px;
  text-indent: -9999px;
  top: 6px;
  width: 16px;
}

/**
 * Section in the primary sidebar with profile pic and white background
 */
.my-account {
  box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.25) inset;
  margin: -1rem -1rem 1rem -1rem;
  padding: 1rem;
}

.my-account--expanded {
  background: #fff;
}

@media only screen and (min-width: 600px) {
  .my-account {
    background: #fff;
  }
}
.my-account__profile-pic {
  float: left;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: 1rem;
  margin-top: 14px;
  width: 40px;
}
@media only screen and (min-width: 600px) {
  .my-account__profile-pic {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    width: 60px;
  }
}

.my-account .btn, .my-account .filter-form__button,
.my-account h1,
.copyright {
  display: none;
}
@media only screen and (min-width: 600px) {
  .my-account .btn, .my-account .filter-form__button,
  .my-account h1,
  .copyright {
    display: block;
  }
}

/**
 * Copyright info and terms links in primary rail
 */
.copyright {
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.7em;
}

.copyright__red {
  color: #f17a74;
}

/* pricing */
/**
 * Pricing List
 */
.btn--featured-white {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  color: #da7a62;
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
  margin: 1.5rem;
  margin-bottom: 4rem;
  padding: 1.3rem 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.btn--featured-white:hover {
  color: #000;
}

.featured-red {
  background: url("/img/public/red_texture_bg.jpg") #c96656;
  clear: both;
  color: #fff;
  margin-bottom: 2rem;
  padding: 2rem;
  text-align: center;
  width: 100%;
  border: 5px solid white;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

.featured-red__title {
  font-size: 2.7rem;
  font-weight: 300;
  margin-bottom: 2rem;
}

.featured-red--pricing {
  margin-bottom: -2rem;
  padding: 40px 20px 20px 20px;
}
.featured-red--pricing li {
  color: #fff;
  font-size: 1.3rem;
  line-height: 2.2rem;
}

li.contact {
  font-size: 1.7rem;
  margin-bottom: 0.5rem;
}

p.price {
  color: #fff;
  font-size: 4.3rem;
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}
p.price span {
  font-size: 2rem;
}

.featured-red--pricing__title {
  color: #81180e;
  font-size: 3rem;
  font-weight: 300;
  margin-bottom: 2rem;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.import-options a {
  margin-right: 1rem;
}

.hide {
  display: none;
}

/* ---Advanced Search Styles----------------------------- */
/* @todo: Needs more consistent naming and needs commenting */
.advanced-search {
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  background: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /*border: 1px solid rgb(214,216,210);*/
  border-radius: 0.25em;
  display: table;
  display: block;
  max-width: 960px;
  width: 100%;
}
.advanced-search__title {
  width: 100%;
}
.advanced-search__title h3 {
  margin: 0;
}
.advanced-search__title-input {
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  font-size: inherit;
  margin: 0 !important;
  padding: 1rem 0 !important;
  border-radius: 0 !important;
  caret-color: #de4039;
  border-bottom: solid 2px #de4039 !important;
}
.advanced-search__title-input:focus {
  outline: none;
}

.advanced-search input[type=text] {
  padding: 0.2em;
}

/* Advanced Search Dropdown */
.advanced-search-dropdown-nav {
  float: right;
  /*margin-top: .5em;*/
}

/* Advanced Search Legend -- the header bar of the advanced search box */
.advanced-search-legend {
  padding: 1em;
  width: 100%;
  display: flex;
  align-items: center;
}

.advanced-search-legend .delete_link {
  display: none;
}

.advanced-search-legend .delete_link .delete_icon {
  height: 22px;
  padding-top: 2px;
}

.advanced-search .header:hover .delete_link {
  display: block;
  float: left;
  margin-left: 0.75em;
}

/* Advanced Search Management -- the save/rename/duplicate controller in the advanced search box */
.advanced-search-mgmt {
  float: right;
  margin-bottom: 0.5em;
  margin-top: 0.15em;
  width: 50%;
}

.advanced-search-mgmt-title-container {
  float: right;
  margin-bottom: 0.5em;
  width: 100%;
}

.advanced-search-mgmt-title-container .search_name {
  padding: 0.25em;
  width: 100%;
}

.advanced-search-mgmt-button-container {
  display: inline;
}

.advanced-search-mgmt-button-container .advanced-search-update,
.advanced-search-mgmt-button-container .btn,
.advanced-search-mgmt-button-container .filter-form__button,
.advanced-search-mgmt-button-container .cancel {
  margin-right: 0.5em;
  padding: 0.4em 1em;
}

.advanced-search-mgmt-button-container:last-child {
  margin-left: 0;
}

/* Advanced Search Help Button */
.advanced-search-help {
  color: #888;
  font-size: 0.8em;
  text-decoration: none;
  text-transform: uppercase;
}

/* Search Row Styles */
.refine_level {
  border-left: 1px solid #e6e6e6;
}

.refine_level,
.search_level {
  background: #f3f3f0;
  border: none;
  border-top: 1px solid #e6e6e6;
  clear: both;
  display: table-row;
  display: block;
  height: 2.8em;
  margin: 0;
  width: 100%;
}

/* constrain widths of inputs */
.refine_level input[type=text],
.search_level input[type=text],
.refine_level select,
.search_level select,
.refine_level textarea,
.search_level textarea {
  width: 100%;
}

/* style of basic search row when refine clicked */
/* Cell Styles */
.refine_level .cell,
.search_level .cell {
  border-right: 1px solid #dfdfdf;
  display: table-cell;
  display: block;
  height: 2.8em;
  float: left;
  padding: 0.5em 1em;
}

.level_define.cell {
  font-weight: bold;
  text-align: right;
  width: 10%;
}

.refine_cat.cell {
  background: #fff;
  width: 25%;
}

.refine_operator.cell {
  width: 20%;
  background: #fff;
}

.refine_val.cell {
  width: 35%;
  background: #fff;
}

.refine_add.cell {
  border-right: none;
  float: right;
  padding-left: 0.5em;
  padding-right: 0;
  width: 10%;
}

.refine_level a {
  padding: 0.3em 0.5em;
}

.refine_level a.search-button {
  box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.5);
  color: #c1c1c1;
  font-weight: bold;
}

.remove_level, .add_level {
  text-decoration: none;
}

/* Search-Button Level */
.search_level {
  height: 3.5em;
}

.search_level .cell {
  height: 3.5em;
}

.search_level .submit_search_container {
  background: #fff;
  width: 90%;
}

.search_level .submit_search {
  float: right;
}

/*

    .refine_cat{
        float:left;
        width:30%;
    }
    .refine_operator{
        float:left;
        width:20%;
    }
    .refine_for{
        float:left;
        width:40%;
    }
        .refine_for input[type=text]{
            width:80%;
        }
    .refine_add{
        float:left;
        width:10%;
    }
*/
.basic_search {
  margin-top: 15px;
}

.linked-address {
  color: inherit;
  text-decoration: none;
}
.linked-address:hover {
  text-decoration: underline;
}

/**
 * Parse DTR paster messages
 */
#parseDTR_Msg .notification {
  padding: 0.5em;
}

/**
 *
 */
.tmp-advanced-search {
  display: none;
}
@media only screen and (min-width: 600px) {
  .tmp-advanced-search {
    display: block;
  }
}

/**
 * Select2 non-centered
 */
.select2-drop {
  text-align: left;
}

/**
 * Lazily copied columns which need to be renamed, etc.
 */
@media only print, only screen and (min-width: 640px) {
  /* High-screen-width responsive splits */
  .one-half, .one-third, .one-fourth, .one-eighth {
    float: left;
  }
  .one-half {
    width: 50%;
  }
  .one-third {
    width: 33%;
  }
  .one-fourth {
    width: 25%;
  }
  .one-eighth {
    width: 12.5%;
  }
}
/**
 * All below is taken from bootstrap
 */
.btn, .filter-form__button {
  background: #f3f3f0;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: none;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  *border: 0;
  *margin-left: 0.3em;
}

.btn + .btn, .filter-form__button + .btn, .btn + .filter-form__button, .filter-form__button + .filter-form__button {
  margin-left: 4px;
}

.btn:hover, .filter-form__button:hover,
.btn:focus,
.filter-form__button:focus,
.btn:active,
.filter-form__button:active,
.btn.active,
.active.filter-form__button,
.btn.disabled,
.disabled.filter-form__button,
.btn[disabled],
[disabled].filter-form__button {
  background: #e0dedc;
  color: #111111;
  *background: #d9d9d9;
}

.btn:active, .filter-form__button:active,
.btn.active,
.active.filter-form__button {
  background-color: #cccccc \9 ;
}

.btn:first-child, .filter-form__button:first-child {
  *margin-left: 0;
}

.btn:hover, .filter-form__button:hover,
.btn:focus,
.filter-form__button:focus {
  background-position: 0 -15px;
  color: #333333;
  text-decoration: none;
  transition: background-position 0.1s linear;
}

.btn:focus, .filter-form__button:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active, .active.filter-form__button,
.btn:active,
.filter-form__button:active {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
}

.btn.disabled, .disabled.filter-form__button,
.btn[disabled],
[disabled].filter-form__button {
  background-image: none;
  box-shadow: none;
  cursor: default;
  filter: alpha(opacity=65);
  opacity: 0.65;
}

.btn-large {
  border-radius: 6px;
  font-size: 17.5px;
  padding: 11px 19px;
}

.btn-large [class^=icon-],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  border-radius: 3px;
  font-size: 11.9px;
  padding: 2px 10px;
}

.btn-small [class^=icon-],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^=icon-],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  border-radius: 3px;
  font-size: 10.5px;
  padding: 0 6px;
}

.btn-block {
  box-sizing: border-box;
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  background: #006dcc;
  background-image: linear-gradient(#0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  *background: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #0044cc;
  color: #ffffff;
  *background: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background: #003399 \9 ;
}

.btn-warning {
  background: #faa732;
  background-image: linear-gradient(#fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450", endColorstr="#fff89406", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  *background: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background: #f89406;
  color: #ffffff;
  *background: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background: #c67605 \9 ;
}

.btn-danger {
  background: #da4f49;
  background-image: linear-gradient(#ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffbd362f", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  *background: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background: #bd362f;
  color: #ffffff;
  *background: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background: #942a25 \9 ;
}

.btn-success {
  background: #5bb75b;
  background-repeat: repeat-x;
  border-color: #c5e2c5;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462", endColorstr="#ff51a351", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  *background: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background: #51a351;
  color: #ffffff;
  *background: #499249;
  border-color: #a2d1a2;
}

.btn-success:active,
.btn-success.active {
  background: #408140 \9 ;
}

.btn-info {
  background: #49afcd;
  background-image: linear-gradient(#5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff2f96b4", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  *background: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background: #2f96b4;
  color: #ffffff;
  *background: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background: #24748c \9 ;
}

.btn-inverse {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  *background: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background: #222222;
  color: #ffffff;
  *background: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background: #080808 \9 ;
}

button.btn, button.filter-form__button,
input[type=submit].btn,
input[type=submit].filter-form__button {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner, button.filter-form__button::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner,
input[type=submit].filter-form__button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button.btn.btn-large, button.btn-large.filter-form__button,
input[type=submit].btn.btn-large,
input[type=submit].btn-large.filter-form__button {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small, button.btn-small.filter-form__button,
input[type=submit].btn.btn-small,
input[type=submit].btn-small.filter-form__button {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini, button.btn-mini.filter-form__button,
input[type=submit].btn.btn-mini,
input[type=submit].btn-mini.filter-form__button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background: transparent;
  background-image: none;
  box-shadow: none;
  text-decoration: none;
}

.btn-link {
  border-color: transparent;
  border-radius: 0;
  color: #0088cc;
  cursor: pointer;
}

.btn-link:hover,
.btn-link:focus {
  background-color: transparent;
  color: #005580;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
}

.btn.btn--logout, .btn--logout.filter-form__button {
  margin-top: -1px;
  padding: 6px 6px 5px 6px;
  text-transform: uppercase;
}
@media only screen and (min-width: 600px) {
  .btn.btn--logout, .btn--logout.filter-form__button {
    padding: 6px 15px 5px 15px;
  }
}

.btn.btn--adv-search, .btn--adv-search.filter-form__button {
  margin-top: -1px;
  padding: 6px 6px 5px 6px;
  text-transform: uppercase;
  display: none;
}
@media only screen and (min-width: 600px) {
  .btn.btn--adv-search, .btn--adv-search.filter-form__button {
    padding: 6px 15px 5px 15px;
  }
}
@media only screen and (min-width: 450px) {
  .btn.btn--adv-search, .btn--adv-search.filter-form__button {
    display: inline-block;
  }
}

@media only screen and (max-width: 800px) {
  /* Advanced Search Builder Adjustments */
  .title-container {
    float: left;
  }
  .advanced-search-mgmt {
    float: right;
    width: 100%;
  }
  .advanced-search-mgmt input.advanced-search-update,
  .advanced-search-mgmt input.cancel {
    /*width: 50%; */
  }
  .refine_level .cell {
    border-right: none;
    height: auto;
  }
  .basic_search.refine_level .refine_operator {
    width: 15%;
    text-align: center;
  }
  .basic_search.refine_level .refine_val {
    width: 85%;
    float: right;
  }
  .refine_cat.cell,
  .refine_operator.cell,
  .refine_val.cell {
    width: 100%;
  }
  .level_define.cell {
    width: 50%;
    text-align: left;
  }
  .refine_add.cell {
    float: right;
    text-align: right;
    width: 25%;
  }
  .search_level .cell {
    border-right: none;
  }
  .search_level .level_define {
    display: none;
  }
  .search_level .submit_search_container {
    width: 100%;
  }
  .advanced-search-dropdown-nav {
    margin-top: 0.5em;
  }
}
/** imgAreaSelect **/
.imgareaselect-border1 {
  background: url("//css/border-v.gif") repeat-y left top;
}

.imgareaselect-border2 {
  background: url("//css/border-h.gif") repeat-x left top;
}

.imgareaselect-border3 {
  background: url("//css/border-v.gif") repeat-y right top;
}

.imgareaselect-border4 {
  background: url("//css/border-h.gif") repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.imgareaselect-handle {
  background-color: #fff;
  border: solid 1px #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.imgareaselect-outer {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.primary-content {
  transition: margin-left, 0.3s, ease;
}

.primary-content--expanded {
  margin-left: 220px;
}

.primary-rail--expanded {
  padding-top: 1rem;
  text-align: left;
}
.primary-rail--expanded .my-account {
  background: #fff;
}
.primary-rail--expanded .my-account__profile-pic {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-top: 0px;
  max-width: 80px;
  width: auto;
}
@media only screen and (min-width: 600px) {
  .primary-rail--expanded .my-account__profile-pic {
    max-width: none;
  }
}
.primary-rail--expanded .btn, .primary-rail--expanded .filter-form__button, .primary-rail--expanded h1, .primary-rail--expanded .copyright {
  display: block;
}

#drag.drag--expanded {
  left: 230px;
}

/* contracted - add jquery listener instead to eliminate this */
.primary-content--contracted {
  margin-left: 38px;
  min-height: 100vh;
}

.primary-rail--contracted .my-account {
  background: none;
}
.primary-rail--contracted .my-account__profile-pic {
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: 1rem;
  margin-top: -10px;
  width: 40px;
}
.primary-rail--contracted .btn, .primary-rail--contracted .filter-form__button, .primary-rail--contracted h1, .primary-rail--contracted .copyright {
  display: none;
}

#drag.drag--contracted {
  left: 8px;
}
@media only screen and (min-width: 600px) {
  #drag.drag--contracted {
    left: 45px;
  }
}

.vue-filters {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
  grid-template-rows: 3em;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-bottom: 15px;
  row-gap: 10px;
}
.vue-filters--tasks-index {
  grid-template-columns: minmax(19em, 1fr) repeat(auto-fill, minmax(9em, 1fr));
}

.vue-filters__screen {
  background: transparent;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 21;
  -webkit-backdrop-filter: blur(0.5px);
          backdrop-filter: blur(0.5px);
}

.vue-filter {
  justify-self: center;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .vue-filter {
    justify-self: start;
    margin-bottom: 0;
  }
}
.vue-filter__options {
  background: #fff;
  background: rgb(254, 254, 254);
  background: linear-gradient(0deg, rgb(254, 254, 254) 0%, rgb(237, 237, 237) 100%);
  border-radius: 0.5rem;
  border: 1px solid #a8a8a8;
  width: 100%;
  height: inherit;
}
.vue-filter__option {
  color: #5f5f5f;
  cursor: pointer;
  display: none;
  padding: 0.7em 0.9em;
  width: 100%;
}
.vue-filter__option--current {
  display: block;
}
.vue-filter__option--current .kicon {
  position: absolute;
  height: 1.75em;
  width: 1.75em;
  right: 1rem;
  top: 0.5rem;
}
.vue-filter--expanded {
  z-index: 21;
}
.vue-filter--expanded .vue-filter__options {
  background: rgb(254, 254, 254);
  max-height: 300px;
  overflow-y: scroll;
}
.vue-filter--expanded .vue-filter__option {
  border-bottom: 1px solid #aeaeab;
  display: block;
}
.vue-filter--expanded .vue-filter__option:hover {
  background-color: #f6f6f6;
}
.vue-filter--expanded .vue-filter__option--current {
  background-color: #eee;
}
.vue-filter--expanded .vue-filter__option--current .kicon {
  display: none;
}

/**
 * The confluences in bar format, includes normal active, hover and completed
 */
.tasks-index .pagination {
  float: none;
}

.confluences-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  max-width: 650px;
  text-align: left;
}
.confluences-list--compact {
  row-gap: 5px;
}

.confluence-line {
  background: white;
  box-shadow: 0px 0px 3px #cccccc;
  color: #333333;
}

.confluence__wrapper {
  display: grid;
  grid-template-columns: 4px 12px 1fr;
  grid-column-gap: 10px;
  cursor: pointer;
  font-size: 1rem;
  width: 100%;
}
.confluence__wrapper:active {
  background: #ebebeb;
  background-image: none;
}
.confluence__wrapper--overdue .confluence__status {
  background: #faa;
}
.confluence__wrapper--overdue .confluence__completion {
  margin-right: 10px;
}

.confluences-list--overdue .confluence-wrapper {
  grid-column-gap: 10px;
}

.confluence__completion {
  margin-right: 15px;
  margin-top: 15px;
}
.confluence__completion img {
  height: 17px;
  width: auto;
}

.confluences-list--compact .confluence__completion {
  margin-top: 10px;
}

.confluence {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  row-gap: 15px;
  font-size: 1.4em;
  margin-bottom: 0.8rem;
  margin-top: 0.9rem;
  padding: 0;
}
.confluence__title {
  font-size: 1.3em;
}
.confluence__note {
  font-size: 0.85em;
  color: #4a4747;
}
.confluence__meta {
  align-items: end;
  font-size: 0.85em;
  color: #4a4747;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7em, 1fr));
}
.confluence__meta__label {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #6a6a6a;
}
.confluence--compact {
  row-gap: 10px;
}
.confluence--compact .confluence__title {
  font-size: 1.05em;
}
.confluence--compact .confluence__meta__label {
  display: none;
}
.confluence--compact .confluence__type {
  display: none;
}

.confluence--done-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.module--confluences .confluence--done-checkbox {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
}

.confluence__delete {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}

.__icon {
  margin-right: 0;
}

.confluence__tag {
  background: white;
  border: 1px solid #dedede;
  border-radius: 0.3rem;
  color: #777;
  display: inline-block;
  font-size: 0.9rem;
  margin-right: 0.5rem;
  padding: 0.3rem 0.4rem;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.5;
  vertical-align: text-top;
  width: -moz-max-content;
  width: max-content;
}

.confluence--selected,
.confluence--overdue.confluence--selected {
  background: #de4039;
  border: none;
}
.confluence--selected a,
.confluence--overdue.confluence--selected a {
  color: #fff;
}
.confluence--selected p,
.confluence--overdue.confluence--selected p {
  text-shadow: none;
}
.confluence--selected input[type=checkbox],
.confluence--overdue.confluence--selected input[type=checkbox] {
  box-shadow: none;
}
.confluence--selected .confluence,
.confluence--overdue.confluence--selected .confluence {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: none;
}
.confluence--selected .tags a,
.confluence--overdue.confluence--selected .tags a {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.confluence__completed {
  background: #ececec;
  background-image: none;
}
.confluence__completed a {
  background: #efefef;
  color: #ddd;
}

.confluence__form {
  border-top: 1px solid #cccccc;
  display: grid;
  grid-template-columns: 8em minmax(15em, 35em);
  padding: 1rem;
  gap: 1rem;
}
.confluence__form--create {
  border-top: none;
  margin-bottom: 4rem;
  padding: inherit;
}

.form-element--first {
  align-self: center;
  justify-self: end;
  grid-column: 1;
}
.form-element--second {
  grid-column: 2;
}
.form-element--span-two {
  grid-column: span 2;
}
.form-element--submit-cancel-delete {
  border-top: 1px solid #cccccc;
  display: grid;
  grid-template-columns: repeat(2, 7em) 1fr;
  gap: 1rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 0.4rem;
}
.form-element--submit-cancel-delete .button {
  margin: 0;
  max-width: 7em;
  min-width: auto;
}
.form-element input, .form-element select, .form-element label, .form-element .pill--radio, .form-element .pill--radio-wide {
  margin: 0;
}
.form-element .select {
  position: relative;
  width: 100%;
}
.form-element .select::before {
  position: absolute;
  right: 16px;
  top: 16px;
  color: #999;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
}
.form-element select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e0dedc;
  font-size: 16px;
  line-height: 20px;
  max-width: 100%;
  padding: 7px;
  width: 100%;
}

.confluence__form--compact {
  grid-template-columns: 7em minmax(15em, 35em);
}
.confluence__form--compact input, .confluence__form--compact select, .confluence__form--compact label {
  font-size: 0.9em;
}

.dashboard-section {
  margin-bottom: 4rem;
  position: relative;
}

.section-title {
  color: #333333;
  font-size: 1.9rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
  font-weight: 600;
}
.section-title a {
  color: #333333;
  text-decoration: none;
}

.section-meta {
  text-align: left;
  margin-bottom: 1rem;
}

.section__create-entity {
  position: absolute;
  top: 1rem;
  right: 0;
  font-size: 1.4em;
}

.section__create-entity--inline {
  display: inline-block;
  font-size: 1.5rem;
  margin-left: 0.65rem;
  position: relative;
  right: 0;
  top: 0.1rem;
}

a.section__create-entity--inline {
  opacity: 0.4;
  color: #de4039;
}
a.section__create-entity--inline:hover {
  opacity: 0.8;
}

.list {
  box-shadow: 0px 0px 3px #cccccc;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}
.list__line {
  background: white;
  border-bottom: 1px solid #cccccc;
  padding: 0.75rem 1.5rem;
  position: relative;
}
.list__line:last-child {
  border: none;
}
.list__line--header {
  box-shadow: none;
}
.list__line--two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.list__line--three-column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.list__header {
  margin-bottom: 0.5rem;
}

.prospective-giving a,
.prospective-giving a:visited,
.prospective-giving .clickable {
  color: #de4039;
  cursor: pointer;
  text-decoration: none;
}
.prospective-giving a:hover,
.prospective-giving a:active {
  color: #b2261f;
  text-decoration: none;
}

.dashboard-section .progress-bar-legend-graph__container {
  background: white;
  box-shadow: 0px 0px 3px #cccccc;
}

.triage-actions {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
  min-width: 16em;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .triage-actions {
    align-items: end;
    grid-template-columns: 1fr 10em 11em;
  }
}

.contact-filter {
  background: #fff;
  background: rgb(254, 254, 254);
  background: linear-gradient(0deg, rgb(254, 254, 254) 0%, rgb(237, 237, 237) 100%);
  border-radius: 0.5rem;
  border: 1px solid #a8a8a8;
  justify-self: center;
  margin-bottom: 2rem;
  position: relative;
  width: 10em;
}
@media only screen and (min-width: 600px) {
  .contact-filter {
    justify-self: start;
    margin-bottom: 0;
  }
}
.contact-filter__option {
  border-bottom: 1px solid #aeaeab;
  color: #5f5f5f;
  cursor: pointer;
  display: none;
  padding: 0.7em 1em;
  width: 100%;
}
.contact-filter__option:hover {
  background-color: #f6f6f6;
}
.contact-filter__option--current {
  display: block;
}
.contact-filter__option--current .kicon {
  position: absolute;
  height: 1.75em;
  width: 1.75em;
  right: 1rem;
  top: 0.5rem;
}
.contact-filter--open {
  background: rgb(254, 254, 254);
  z-index: 2;
}
.contact-filter--open .contact-filter__option {
  display: block;
}
.contact-filter--open .contact-filter__option--current {
  background-color: #eee;
}
.contact-filter--open .contact-filter__option--current .kicon {
  display: none;
}

.with-selected__container {
  display: inline-block;
  position: relative;
}
.with-selected__actions {
  background: #fff;
  border: 1px solid #aeaeab;
  right: 0;
  position: absolute;
  z-index: 3;
  width: 14em;
}
.with-selected__action {
  border-bottom: 1px solid #aeaeab;
  color: #de4039;
  cursor: pointer;
  padding: 0.7em 1em;
  width: 100%;
}
.with-selected__action:hover {
  background-color: #f6f6f6;
}
.with-selected div:last-child {
  border-bottom: none;
}

.triage__contact-status-select {
  float: right;
  margin-top: 2em;
}
.triage__title {
  margin-bottom: 1rem;
}
.triage__border {
  border: none;
  border-bottom: 1px solid #dadad8;
  margin: 2rem 0 3rem 0;
}
@media only screen and (min-width: 600px) {
  .triage__border {
    margin: 3rem 0 3rem 0;
  }
}
.triage__action {
  color: #de4039;
  cursor: pointer;
  display: inline-block;
  line-height: 2.5rem;
  text-decoration: underline;
}
@media only screen and (min-width: 600px) {
  .triage__action {
    margin-right: 0;
    margin-left: 2rem;
  }
}
.triage-container {
  position: relative;
}
.triage-container__screen {
  background: transparent;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.triage-column__header,
.prospect > div {
  display: grid;
  grid-template-columns: 2fr 8em 3.5em;
}
@media only screen and (min-width: 600px) {
  .triage-column__header,
  .prospect > div {
    grid-template-columns: 8.2em 1fr 8em 3.5em;
  }
}
@media only screen and (min-width: 840px) {
  .triage-column__header,
  .prospect > div {
    grid-template-columns: 8.2em 1fr 8em 1fr 3.5em;
  }
}

.triage-column__header {
  color: #6a6a6a;
  font-size: 1em;
  margin: 4rem 0 1.5rem 0;
  overflow: display;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.triage-column__header:after {
  clear: both;
  content: "";
  display: block;
}
.triage-column__header .triage-column {
  padding-left: 0.5em;
}
.triage-column__header .triage-column--stars {
  display: none;
}
@media only screen and (min-width: 600px) {
  .triage-column__header .triage-column--stars {
    display: block;
  }
}
.triage-column__header .triage-column--tags {
  display: none;
  padding-left: 1em;
}
@media only screen and (min-width: 840px) {
  .triage-column__header .triage-column--tags {
    display: block;
  }
}
.triage__tooltip {
  background-color: #fff;
  background-position-x: 2rem;
  background-position-y: center;
  background-size: 4rem;
  box-shadow: -1px 2px 6px #dadad8;
  display: grid;
  grid-template-columns: auto 10em;
  grid-gap: 1rem;
  position: relative;
  top: -1rem;
  height: auto;
  margin-bottom: 2rem;
  width: 100%;
  padding: 2rem 1rem;
  z-index: 2;
}
@media only screen and (min-width: 840px) {
  .triage__tooltip {
    position: absolute;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 840px) {
  .triage__tooltip {
    top: 20.5rem;
    width: 40em;
  }
}
.triage__tooltip__body {
  display: grid;
  margin-left: 8rem;
  grid-template-columns: 1fr;
}
.triage__tooltip__title {
  color: #4a4747;
  display: block;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.4rem;
  text-align: left;
  text-transform: uppercase;
}
.triage__tooltip__subheader {
  color: #6a6a6a;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 2rem;
  text-transform: uppercase;
}
.triage__tooltip__content {
  color: #6a6a6a;
  display: block;
  line-height: 1.5;
  text-align: left;
}
.triage__tooltip__content .potential__container {
  text-align: left;
}
.triage__tooltip__dismiss {
  align-self: center;
  color: #fff;
  background: #f0716a;
  font-size: 1.1em;
  padding: 7px 15px;
  text-shadow: none;
  max-width: 8em;
  margin-left: auto;
  margin-right: auto;
}
.triage__tooltip__dismiss:hover {
  color: #fff;
  background: #de4039;
}

.triage-category {
  margin-top: 2em;
  position: relative;
  transition: height 0.5s;
}
.triage-category:first-of-type {
  margin-top: 0;
}
.triage-category__container {
  clear: both;
}
.triage-category__header {
  border: 1px solid #9f9f9e;
  background-color: #f0f0f0;
  display: grid;
  grid-template-columns: 2.25em 17em auto;
  height: 4em;
  line-height: 2.5em;
  padding: 0.7em 1em;
  position: relative;
  text-align: left;
  width: 100%;
}
.triage-category__accordion {
  cursor: pointer;
  height: 1.5em;
  position: absolute;
  top: 1.2em;
  transition: transform 0.5s;
  left: 1em;
  width: 1.5em;
}
.triage-category__accordion--roll-up {
  opacity: 0.5;
  transform: rotate(-180deg);
}
.triage-category__title {
  font-size: 1.35em;
}
.triage-category__select-all {
  color: #de4039;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  position: relative;
  top: -0.1em;
}
.triage-category__count {
  color: #747474;
  font-size: 1.15em;
  font-style: italic;
  text-align: right;
}
.triage-category__sort-container {
  min-height: 56px;
}
.triage-category__sort-container:empty, .triage-category__sort-container--empty {
  background: #fff;
  border: 1px solid #dadad8;
  border-top: none;
  min-height: 20px;
}
.triage-category .furl {
  display: none;
}
.triage-category--furled {
  overflow-y: hidden;
  height: calc(4em + 20px);
}
.triage-category--furled .furl {
  top: 0;
  content: "";
  display: block;
  position: absolute;
  background-image: url("/img/app/triage-category-collapsed-repeat.png");
  background-repeat: repeat-x;
  height: 20px;
  width: 100%;
}
.triage-category--furled .furl__start {
  background-color: transparent;
  background-image: url("/img/app/triage-category-collapsed-left.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 20px;
  width: 19px;
}
.triage-category--furled .furl__end {
  background-color: transparent;
  background-image: url("/img/app/triage-category-collapsed-right.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 20px;
  width: 19px;
}
.triage-category--furled .triage-category__sort-container {
  height: 0;
}

.prospect {
  background-color: #fff;
  border: 1px solid #dadad8;
  border-top: none;
  opacity: 1;
  transition: background-color 0.5s opacity 0.5s;
  width: 100%;
}
.prospect__name {
  display: inline;
}
.prospect__select {
  display: block;
  float: left;
  margin-right: 1rem;
}
.prospect__handle {
  cursor: move;
  display: block;
  height: 1.25em;
  margin: 20% auto;
  width: 1.25em;
}
.prospect__help {
  cursor: pointer;
}
.prospect__cell {
  align-items: center;
  border-left: 1px solid #dadad8;
  display: inline-grid;
  justify-items: start;
  line-height: 1.2;
  padding: 1rem 0.7rem;
  text-align: left;
}
.prospect__cell:first-of-type {
  border-left: none;
}
.prospect__cell--stars {
  display: none;
  padding: 1rem 1.4rem;
}
@media only screen and (min-width: 600px) {
  .prospect__cell--stars {
    display: inline-grid;
  }
}
.prospect__cell--prospect {
  grid-template-columns: 1.7em 1fr;
  padding-left: 1rem;
}
.prospect__cell--annual-potential {
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  cursor: pointer;
}
.prospect__cell--tags {
  display: none;
}
@media only screen and (min-width: 840px) {
  .prospect__cell--tags {
    display: inline-grid;
  }
}
.prospect__cell--sort {
  border-left: none;
}

.potential__container {
  display: inline-grid;
  justify-items: end;
  position: relative;
}
.potential__expected-gift-amount-this-year {
  color: #6a6a6a;
  line-height: 1.5em;
  margin-right: 2px;
}
.potential__annual-potential {
  position: relative;
}
.potential__annual-potential--add::before {
  content: "+";
  color: #6a6a6a;
  display: inline;
}
.potential__annual-potential__input {
  color: #de4039;
  position: relative;
  font-size: 1.15em;
  line-height: 1.45em;
  margin-right: 2px;
}
.potential__annual-potential__input [type=text] {
  box-shadow: none;
  border: none;
  color: #de4039;
  font-size: 1em;
  margin-bottom: 0;
  padding: 2px;
  text-align: right;
  width: 5em;
}
.potential__annual-potential__input--editing [type=text] {
  border: 1px solid #dadad8;
  border-radius: 2px;
}
.potential__annual-potential__input--editing:after {
  color: #6a6a6a;
  content: "$";
  display: block;
  font-size: 1.1em;
  left: 0.35em;
  position: absolute;
  top: 0.075em;
}
.potential__sum_expected_and_potential {
  border-top: 1px solid #ddd;
  color: #6a6a6a;
  margin-right: 2px;
  margin-top: 3px;
}
.potential__sum_expected_and_potential::before {
  content: "=";
  color: #6a6a6a;
  display: inline;
}

.progress-bar__container {
  display: grid;
  grid-row-gap: 1em;
  grid-template-columns: 1fr;
  width: 100%;
  margin-top: 1.5em;
}
.progress-bar__title {
  color: #4a4747;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.progress-bar__title:after {
  clear: none;
}
.progress-bar__goal {
  color: #aeaeae;
  font-weight: 300;
  display: inline-block;
  text-transform: none;
}
.progress-bar-legend-graph__container {
  background: #f8f8f3;
  padding: 2rem 1.5rem 1rem 1.5rem;
}
.prospective-giving .progress-bar-legend-graph__container {
  border: 1px solid #9f9f9e;
  margin-bottom: 2em;
}

.progress-bar-legend {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
  grid-row-gap: 1.5rem;
  margin-bottom: 2rem;
  width: 100%;
  font-size: 0.85em;
}
.prospective-giving .progress-bar-legend {
  font-size: 1em;
}

.progress-bar-key__color {
  display: inline-block;
  border: 1px solid;
  border-radius: 0.5em;
  height: 1.3rem;
  width: 1.3rem;
  margin-right: 0.2rem;
}
.progress-bar-key__color--pledged, .progress-bar-key__color--green {
  background-color: #56b470;
  border-color: #327244;
}
.progress-bar-key__color--potential, .progress-bar-key__color--orange {
  background-color: #e5b346;
  border-color: #ad7e18;
}
.progress-bar-key__title {
  color: #909085;
  font-weight: 600;
  font-size: 1em;
  display: inline-block;
  text-transform: uppercase;
}
.progress-bar-key__values {
  color: #4a4747;
  display: block;
  font-size: 1.2em;
  margin-top: 0.5em;
}
.progress-bar-key__values--inline {
  display: inline-block;
}
.progress-bar-key__amount {
  display: inline-block;
}
.progress-bar-key__percentage {
  color: #000;
  display: inline-block;
  font-weight: 600;
}
.progress-bar-key--inline .progress-bar-key__title {
  font-size: 1.7rem;
  font-weight: 300;
  text-transform: initial;
}
.progress-bar-key--inline .progress-bar-key__values {
  display: inline-block;
  font-size: 1.7rem;
  margin-left: 0.3em;
}

.progress-bar-graph {
  height: 1em;
  overflow: hidden;
  position: relative;
}
.progress-bar-graph__container {
  margin-top: 0;
  position: relative;
}
.progress-bar-graph__section {
  display: block;
  float: left;
  height: 1em;
  background-color: #f8f8f3;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  border-left-width: 0;
  transition: width 0.5s ease;
}
.progress-bar-graph__section:first-of-type {
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-left-width: 1px;
}
.progress-bar-graph__section:last-of-type {
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.progress-bar-graph__section--width-0 {
  width: 0;
  border-width: 0;
}
.progress-bar-graph__section--width-1 {
  width: 1%;
}
.progress-bar-graph__section--width-2 {
  width: 2%;
}
.progress-bar-graph__section--width-3 {
  width: 3%;
}
.progress-bar-graph__section--width-4 {
  width: 4%;
}
.progress-bar-graph__section--width-5 {
  width: 5%;
}
.progress-bar-graph__section--width-6 {
  width: 6%;
}
.progress-bar-graph__section--width-7 {
  width: 7%;
}
.progress-bar-graph__section--width-8 {
  width: 8%;
}
.progress-bar-graph__section--width-9 {
  width: 9%;
}
.progress-bar-graph__section--width-10 {
  width: 10%;
}
.progress-bar-graph__section--width-11 {
  width: 11%;
}
.progress-bar-graph__section--width-12 {
  width: 12%;
}
.progress-bar-graph__section--width-13 {
  width: 13%;
}
.progress-bar-graph__section--width-14 {
  width: 14%;
}
.progress-bar-graph__section--width-15 {
  width: 15%;
}
.progress-bar-graph__section--width-16 {
  width: 16%;
}
.progress-bar-graph__section--width-17 {
  width: 17%;
}
.progress-bar-graph__section--width-18 {
  width: 18%;
}
.progress-bar-graph__section--width-19 {
  width: 19%;
}
.progress-bar-graph__section--width-20 {
  width: 20%;
}
.progress-bar-graph__section--width-21 {
  width: 21%;
}
.progress-bar-graph__section--width-22 {
  width: 22%;
}
.progress-bar-graph__section--width-23 {
  width: 23%;
}
.progress-bar-graph__section--width-24 {
  width: 24%;
}
.progress-bar-graph__section--width-25 {
  width: 25%;
}
.progress-bar-graph__section--width-26 {
  width: 26%;
}
.progress-bar-graph__section--width-27 {
  width: 27%;
}
.progress-bar-graph__section--width-28 {
  width: 28%;
}
.progress-bar-graph__section--width-29 {
  width: 29%;
}
.progress-bar-graph__section--width-30 {
  width: 30%;
}
.progress-bar-graph__section--width-31 {
  width: 31%;
}
.progress-bar-graph__section--width-32 {
  width: 32%;
}
.progress-bar-graph__section--width-33 {
  width: 33%;
}
.progress-bar-graph__section--width-34 {
  width: 34%;
}
.progress-bar-graph__section--width-35 {
  width: 35%;
}
.progress-bar-graph__section--width-36 {
  width: 36%;
}
.progress-bar-graph__section--width-37 {
  width: 37%;
}
.progress-bar-graph__section--width-38 {
  width: 38%;
}
.progress-bar-graph__section--width-39 {
  width: 39%;
}
.progress-bar-graph__section--width-40 {
  width: 40%;
}
.progress-bar-graph__section--width-41 {
  width: 41%;
}
.progress-bar-graph__section--width-42 {
  width: 42%;
}
.progress-bar-graph__section--width-43 {
  width: 43%;
}
.progress-bar-graph__section--width-44 {
  width: 44%;
}
.progress-bar-graph__section--width-45 {
  width: 45%;
}
.progress-bar-graph__section--width-46 {
  width: 46%;
}
.progress-bar-graph__section--width-47 {
  width: 47%;
}
.progress-bar-graph__section--width-48 {
  width: 48%;
}
.progress-bar-graph__section--width-49 {
  width: 49%;
}
.progress-bar-graph__section--width-50 {
  width: 50%;
}
.progress-bar-graph__section--width-51 {
  width: 51%;
}
.progress-bar-graph__section--width-52 {
  width: 52%;
}
.progress-bar-graph__section--width-53 {
  width: 53%;
}
.progress-bar-graph__section--width-54 {
  width: 54%;
}
.progress-bar-graph__section--width-55 {
  width: 55%;
}
.progress-bar-graph__section--width-56 {
  width: 56%;
}
.progress-bar-graph__section--width-57 {
  width: 57%;
}
.progress-bar-graph__section--width-58 {
  width: 58%;
}
.progress-bar-graph__section--width-59 {
  width: 59%;
}
.progress-bar-graph__section--width-60 {
  width: 60%;
}
.progress-bar-graph__section--width-61 {
  width: 61%;
}
.progress-bar-graph__section--width-62 {
  width: 62%;
}
.progress-bar-graph__section--width-63 {
  width: 63%;
}
.progress-bar-graph__section--width-64 {
  width: 64%;
}
.progress-bar-graph__section--width-65 {
  width: 65%;
}
.progress-bar-graph__section--width-66 {
  width: 66%;
}
.progress-bar-graph__section--width-67 {
  width: 67%;
}
.progress-bar-graph__section--width-68 {
  width: 68%;
}
.progress-bar-graph__section--width-69 {
  width: 69%;
}
.progress-bar-graph__section--width-70 {
  width: 70%;
}
.progress-bar-graph__section--width-71 {
  width: 71%;
}
.progress-bar-graph__section--width-72 {
  width: 72%;
}
.progress-bar-graph__section--width-73 {
  width: 73%;
}
.progress-bar-graph__section--width-74 {
  width: 74%;
}
.progress-bar-graph__section--width-75 {
  width: 75%;
}
.progress-bar-graph__section--width-76 {
  width: 76%;
}
.progress-bar-graph__section--width-77 {
  width: 77%;
}
.progress-bar-graph__section--width-78 {
  width: 78%;
}
.progress-bar-graph__section--width-79 {
  width: 79%;
}
.progress-bar-graph__section--width-80 {
  width: 80%;
}
.progress-bar-graph__section--width-81 {
  width: 81%;
}
.progress-bar-graph__section--width-82 {
  width: 82%;
}
.progress-bar-graph__section--width-83 {
  width: 83%;
}
.progress-bar-graph__section--width-84 {
  width: 84%;
}
.progress-bar-graph__section--width-85 {
  width: 85%;
}
.progress-bar-graph__section--width-86 {
  width: 86%;
}
.progress-bar-graph__section--width-87 {
  width: 87%;
}
.progress-bar-graph__section--width-88 {
  width: 88%;
}
.progress-bar-graph__section--width-89 {
  width: 89%;
}
.progress-bar-graph__section--width-90 {
  width: 90%;
}
.progress-bar-graph__section--width-91 {
  width: 91%;
}
.progress-bar-graph__section--width-92 {
  width: 92%;
}
.progress-bar-graph__section--width-93 {
  width: 93%;
}
.progress-bar-graph__section--width-94 {
  width: 94%;
}
.progress-bar-graph__section--width-95 {
  width: 95%;
}
.progress-bar-graph__section--width-96 {
  width: 96%;
}
.progress-bar-graph__section--width-97 {
  width: 97%;
}
.progress-bar-graph__section--width-98 {
  width: 98%;
}
.progress-bar-graph__section--width-99 {
  width: 99%;
}
.progress-bar-graph__section--width-100 {
  width: 100%;
}
.progress-bar-graph__section--pledged, .progress-bar-graph__section--green {
  background-color: #56b470;
  border-color: #327244;
}
.progress-bar-graph__section--potential, .progress-bar-graph__section--orange {
  background-color: #e5b346;
  border-color: #ad7e18;
}
.progress-bar-graph__goalpost {
  background-color: #333333;
  height: 1em;
  position: absolute;
  top: 0;
  width: 2px;
  transition: left 0.5s ease;
}
.progress-bar-graph__goalpost--at-position-1, .progress-bar-graph__goalpost--at-position-2 {
  left: 2%;
}
.progress-bar-graph__goalpost--at-position-2 {
  left: 2%;
}
.progress-bar-graph__goalpost--at-position-3 {
  left: 3%;
}
.progress-bar-graph__goalpost--at-position-4 {
  left: 4%;
}
.progress-bar-graph__goalpost--at-position-5 {
  left: 5%;
}
.progress-bar-graph__goalpost--at-position-6 {
  left: 6%;
}
.progress-bar-graph__goalpost--at-position-7 {
  left: 7%;
}
.progress-bar-graph__goalpost--at-position-8 {
  left: 8%;
}
.progress-bar-graph__goalpost--at-position-9 {
  left: 9%;
}
.progress-bar-graph__goalpost--at-position-10 {
  left: 10%;
}
.progress-bar-graph__goalpost--at-position-11 {
  left: 11%;
}
.progress-bar-graph__goalpost--at-position-12 {
  left: 12%;
}
.progress-bar-graph__goalpost--at-position-13 {
  left: 13%;
}
.progress-bar-graph__goalpost--at-position-14 {
  left: 14%;
}
.progress-bar-graph__goalpost--at-position-15 {
  left: 15%;
}
.progress-bar-graph__goalpost--at-position-16 {
  left: 16%;
}
.progress-bar-graph__goalpost--at-position-17 {
  left: 17%;
}
.progress-bar-graph__goalpost--at-position-18 {
  left: 18%;
}
.progress-bar-graph__goalpost--at-position-19 {
  left: 19%;
}
.progress-bar-graph__goalpost--at-position-20 {
  left: 20%;
}
.progress-bar-graph__goalpost--at-position-21 {
  left: 21%;
}
.progress-bar-graph__goalpost--at-position-22 {
  left: 22%;
}
.progress-bar-graph__goalpost--at-position-23 {
  left: 23%;
}
.progress-bar-graph__goalpost--at-position-24 {
  left: 24%;
}
.progress-bar-graph__goalpost--at-position-25 {
  left: 25%;
}
.progress-bar-graph__goalpost--at-position-26 {
  left: 26%;
}
.progress-bar-graph__goalpost--at-position-27 {
  left: 27%;
}
.progress-bar-graph__goalpost--at-position-28 {
  left: 28%;
}
.progress-bar-graph__goalpost--at-position-29 {
  left: 29%;
}
.progress-bar-graph__goalpost--at-position-30 {
  left: 30%;
}
.progress-bar-graph__goalpost--at-position-31 {
  left: 31%;
}
.progress-bar-graph__goalpost--at-position-32 {
  left: 32%;
}
.progress-bar-graph__goalpost--at-position-33 {
  left: 33%;
}
.progress-bar-graph__goalpost--at-position-34 {
  left: 34%;
}
.progress-bar-graph__goalpost--at-position-35 {
  left: 35%;
}
.progress-bar-graph__goalpost--at-position-36 {
  left: 36%;
}
.progress-bar-graph__goalpost--at-position-37 {
  left: 37%;
}
.progress-bar-graph__goalpost--at-position-38 {
  left: 38%;
}
.progress-bar-graph__goalpost--at-position-39 {
  left: 39%;
}
.progress-bar-graph__goalpost--at-position-40 {
  left: 40%;
}
.progress-bar-graph__goalpost--at-position-41 {
  left: 41%;
}
.progress-bar-graph__goalpost--at-position-42 {
  left: 42%;
}
.progress-bar-graph__goalpost--at-position-43 {
  left: 43%;
}
.progress-bar-graph__goalpost--at-position-44 {
  left: 44%;
}
.progress-bar-graph__goalpost--at-position-45 {
  left: 45%;
}
.progress-bar-graph__goalpost--at-position-46 {
  left: 46%;
}
.progress-bar-graph__goalpost--at-position-47 {
  left: 47%;
}
.progress-bar-graph__goalpost--at-position-48 {
  left: 48%;
}
.progress-bar-graph__goalpost--at-position-49 {
  left: 49%;
}
.progress-bar-graph__goalpost--at-position-50 {
  left: 50%;
}
.progress-bar-graph__goalpost--at-position-51 {
  left: 51%;
}
.progress-bar-graph__goalpost--at-position-52 {
  left: 52%;
}
.progress-bar-graph__goalpost--at-position-53 {
  left: 53%;
}
.progress-bar-graph__goalpost--at-position-54 {
  left: 54%;
}
.progress-bar-graph__goalpost--at-position-55 {
  left: 55%;
}
.progress-bar-graph__goalpost--at-position-56 {
  left: 56%;
}
.progress-bar-graph__goalpost--at-position-57 {
  left: 57%;
}
.progress-bar-graph__goalpost--at-position-58 {
  left: 58%;
}
.progress-bar-graph__goalpost--at-position-59 {
  left: 59%;
}
.progress-bar-graph__goalpost--at-position-60 {
  left: 60%;
}
.progress-bar-graph__goalpost--at-position-61 {
  left: 61%;
}
.progress-bar-graph__goalpost--at-position-62 {
  left: 62%;
}
.progress-bar-graph__goalpost--at-position-63 {
  left: 63%;
}
.progress-bar-graph__goalpost--at-position-64 {
  left: 64%;
}
.progress-bar-graph__goalpost--at-position-65 {
  left: 65%;
}
.progress-bar-graph__goalpost--at-position-66 {
  left: 66%;
}
.progress-bar-graph__goalpost--at-position-67 {
  left: 67%;
}
.progress-bar-graph__goalpost--at-position-68 {
  left: 68%;
}
.progress-bar-graph__goalpost--at-position-69 {
  left: 69%;
}
.progress-bar-graph__goalpost--at-position-70 {
  left: 70%;
}
.progress-bar-graph__goalpost--at-position-71 {
  left: 71%;
}
.progress-bar-graph__goalpost--at-position-72 {
  left: 72%;
}
.progress-bar-graph__goalpost--at-position-73 {
  left: 73%;
}
.progress-bar-graph__goalpost--at-position-74 {
  left: 74%;
}
.progress-bar-graph__goalpost--at-position-75 {
  left: 75%;
}
.progress-bar-graph__goalpost--at-position-76 {
  left: 76%;
}
.progress-bar-graph__goalpost--at-position-77 {
  left: 77%;
}
.progress-bar-graph__goalpost--at-position-78 {
  left: 78%;
}
.progress-bar-graph__goalpost--at-position-79 {
  left: 79%;
}
.progress-bar-graph__goalpost--at-position-80 {
  left: 80%;
}
.progress-bar-graph__goalpost--at-position-81 {
  left: 81%;
}
.progress-bar-graph__goalpost--at-position-82 {
  left: 82%;
}
.progress-bar-graph__goalpost--at-position-83 {
  left: 83%;
}
.progress-bar-graph__goalpost--at-position-84 {
  left: 84%;
}
.progress-bar-graph__goalpost--at-position-85 {
  left: 85%;
}
.progress-bar-graph__goalpost--at-position-86 {
  left: 86%;
}
.progress-bar-graph__goalpost--at-position-87 {
  left: 87%;
}
.progress-bar-graph__goalpost--at-position-88 {
  left: 88%;
}
.progress-bar-graph__goalpost--at-position-89 {
  left: 89%;
}
.progress-bar-graph__goalpost--at-position-90 {
  left: 90%;
}
.progress-bar-graph__goalpost--at-position-91 {
  left: 91%;
}
.progress-bar-graph__goalpost--at-position-92 {
  left: 92%;
}
.progress-bar-graph__goalpost--at-position-93 {
  left: 93%;
}
.progress-bar-graph__goalpost--at-position-94 {
  left: 94%;
}
.progress-bar-graph__goalpost--at-position-95 {
  left: 95%;
}
.progress-bar-graph__goalpost--at-position-96 {
  left: 96%;
}
.progress-bar-graph__goalpost--at-position-97 {
  left: 97%;
}
.progress-bar-graph__goalpost--at-position-98 {
  left: 98%;
}
.progress-bar-graph__goalpost--at-position-99 {
  left: 99%;
}
.progress-bar-graph__goalpost--at-position-100 {
  left: 100%;
}

.progress-bar-graph-label {
  position: absolute;
  top: 0;
}
.progress-bar-graph-label__container {
  height: 1.5em;
  margin-top: 1rem;
  position: relative;
  width: 100%;
}
.progress-bar-graph-label--at-position-0 {
  left: 0;
}
.progress-bar-graph-label--at-position-1 {
  right: 99%;
}
.progress-bar-graph-label--at-position-2 {
  right: 98%;
}
.progress-bar-graph-label--at-position-3 {
  right: 97%;
}
.progress-bar-graph-label--at-position-4 {
  right: 96%;
}
.progress-bar-graph-label--at-position-5 {
  right: 95%;
}
.progress-bar-graph-label--at-position-6 {
  right: 94%;
}
.progress-bar-graph-label--at-position-7 {
  right: 93%;
}
.progress-bar-graph-label--at-position-8 {
  right: 92%;
}
.progress-bar-graph-label--at-position-9 {
  right: 91%;
}
.progress-bar-graph-label--at-position-10 {
  right: 90%;
}
.progress-bar-graph-label--at-position-11 {
  right: 89%;
}
.progress-bar-graph-label--at-position-12 {
  right: 88%;
}
.progress-bar-graph-label--at-position-13 {
  right: 87%;
}
.progress-bar-graph-label--at-position-14 {
  right: 86%;
}
.progress-bar-graph-label--at-position-15 {
  right: 85%;
}
.progress-bar-graph-label--at-position-16 {
  right: 84%;
}
.progress-bar-graph-label--at-position-17 {
  right: 83%;
}
.progress-bar-graph-label--at-position-18 {
  right: 82%;
}
.progress-bar-graph-label--at-position-19 {
  right: 81%;
}
.progress-bar-graph-label--at-position-20 {
  right: 80%;
}
.progress-bar-graph-label--at-position-21 {
  right: 79%;
}
.progress-bar-graph-label--at-position-22 {
  right: 78%;
}
.progress-bar-graph-label--at-position-23 {
  right: 77%;
}
.progress-bar-graph-label--at-position-24 {
  right: 76%;
}
.progress-bar-graph-label--at-position-25 {
  right: 75%;
}
.progress-bar-graph-label--at-position-26 {
  right: 74%;
}
.progress-bar-graph-label--at-position-27 {
  right: 73%;
}
.progress-bar-graph-label--at-position-28 {
  right: 72%;
}
.progress-bar-graph-label--at-position-29 {
  right: 71%;
}
.progress-bar-graph-label--at-position-30 {
  right: 70%;
}
.progress-bar-graph-label--at-position-31 {
  right: 69%;
}
.progress-bar-graph-label--at-position-32 {
  right: 68%;
}
.progress-bar-graph-label--at-position-33 {
  right: 67%;
}
.progress-bar-graph-label--at-position-34 {
  right: 66%;
}
.progress-bar-graph-label--at-position-35 {
  right: 65%;
}
.progress-bar-graph-label--at-position-36 {
  right: 64%;
}
.progress-bar-graph-label--at-position-37 {
  right: 63%;
}
.progress-bar-graph-label--at-position-38 {
  right: 62%;
}
.progress-bar-graph-label--at-position-39 {
  right: 61%;
}
.progress-bar-graph-label--at-position-40 {
  right: 60%;
}
.progress-bar-graph-label--at-position-41 {
  right: 59%;
}
.progress-bar-graph-label--at-position-42 {
  right: 58%;
}
.progress-bar-graph-label--at-position-43 {
  right: 57%;
}
.progress-bar-graph-label--at-position-44 {
  right: 56%;
}
.progress-bar-graph-label--at-position-45 {
  right: 55%;
}
.progress-bar-graph-label--at-position-46 {
  right: 54%;
}
.progress-bar-graph-label--at-position-47 {
  right: 53%;
}
.progress-bar-graph-label--at-position-48 {
  right: 52%;
}
.progress-bar-graph-label--at-position-49 {
  right: 51%;
}
.progress-bar-graph-label--at-position-50 {
  right: 50%;
}
.progress-bar-graph-label--at-position-51 {
  right: 49%;
}
.progress-bar-graph-label--at-position-52 {
  right: 48%;
}
.progress-bar-graph-label--at-position-53 {
  right: 47%;
}
.progress-bar-graph-label--at-position-54 {
  right: 46%;
}
.progress-bar-graph-label--at-position-55 {
  right: 45%;
}
.progress-bar-graph-label--at-position-56 {
  right: 44%;
}
.progress-bar-graph-label--at-position-57 {
  right: 43%;
}
.progress-bar-graph-label--at-position-58 {
  right: 42%;
}
.progress-bar-graph-label--at-position-59 {
  right: 41%;
}
.progress-bar-graph-label--at-position-60 {
  right: 40%;
}
.progress-bar-graph-label--at-position-61 {
  right: 39%;
}
.progress-bar-graph-label--at-position-62 {
  right: 38%;
}
.progress-bar-graph-label--at-position-63 {
  right: 37%;
}
.progress-bar-graph-label--at-position-64 {
  right: 36%;
}
.progress-bar-graph-label--at-position-65 {
  right: 35%;
}
.progress-bar-graph-label--at-position-66 {
  right: 34%;
}
.progress-bar-graph-label--at-position-67 {
  right: 33%;
}
.progress-bar-graph-label--at-position-68 {
  right: 32%;
}
.progress-bar-graph-label--at-position-69 {
  right: 31%;
}
.progress-bar-graph-label--at-position-70 {
  right: 30%;
}
.progress-bar-graph-label--at-position-71 {
  right: 29%;
}
.progress-bar-graph-label--at-position-72 {
  right: 28%;
}
.progress-bar-graph-label--at-position-73 {
  right: 27%;
}
.progress-bar-graph-label--at-position-74 {
  right: 26%;
}
.progress-bar-graph-label--at-position-75 {
  right: 25%;
}
.progress-bar-graph-label--at-position-76 {
  right: 24%;
}
.progress-bar-graph-label--at-position-77 {
  right: 23%;
}
.progress-bar-graph-label--at-position-78 {
  right: 22%;
}
.progress-bar-graph-label--at-position-79 {
  right: 21%;
}
.progress-bar-graph-label--at-position-80 {
  right: 20%;
}
.progress-bar-graph-label--at-position-81 {
  right: 19%;
}
.progress-bar-graph-label--at-position-82 {
  right: 18%;
}
.progress-bar-graph-label--at-position-83 {
  right: 17%;
}
.progress-bar-graph-label--at-position-84 {
  right: 16%;
}
.progress-bar-graph-label--at-position-85 {
  right: 15%;
}
.progress-bar-graph-label--at-position-86 {
  right: 14%;
}
.progress-bar-graph-label--at-position-87 {
  right: 13%;
}
.progress-bar-graph-label--at-position-88 {
  right: 12%;
}
.progress-bar-graph-label--at-position-89 {
  right: 11%;
}
.progress-bar-graph-label--at-position-90 {
  right: 10%;
}
.progress-bar-graph-label--at-position-91 {
  right: 9%;
}
.progress-bar-graph-label--at-position-92 {
  right: 8%;
}
.progress-bar-graph-label--at-position-93 {
  right: 7%;
}
.progress-bar-graph-label--at-position-94 {
  right: 6%;
}
.progress-bar-graph-label--at-position-95 {
  right: 5%;
}
.progress-bar-graph-label--at-position-96 {
  right: 4%;
}
.progress-bar-graph-label--at-position-97 {
  right: 3%;
}
.progress-bar-graph-label--at-position-98 {
  right: 2%;
}
.progress-bar-graph-label--at-position-99 {
  right: 1%;
}
.progress-bar-graph-label--at-position-100 {
  right: 0%;
}
.progress-bar-graph-label--at-position-1.progress-bar-graph-label--100, .progress-bar-graph-label--at-position-2.progress-bar-graph-label--100, .progress-bar-graph-label--at-position-3.progress-bar-graph-label--100, .progress-bar-graph-label--at-position-4.progress-bar-graph-label--100, .progress-bar-graph-label--at-position-5.progress-bar-graph-label--100 {
  left: 5%;
}

.tag,
a.tag,
a.tag:visited {
  background: #dde2ef;
  border-radius: 3px;
  border: 1px solid #adbbd7;
  color: #7c7aa7;
  display: inline-block;
  font-size: 13px;
  margin: 3px;
  padding: 4px 7px;
  text-decoration: none;
}
.tag__container,
a.tag__container,
a.tag:visited__container {
  display: inline-block;
}
.tag__container .tag,
a.tag__container .tag,
a.tag:visited__container .tag {
  display: block;
  float: left;
}
.tag:hover, .tag:active,
a.tag:hover,
a.tag:active,
a.tag:visited:hover,
a.tag:visited:active {
  text-decoration: none;
  color: #7c7aa7;
}

@media print {
  * {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  /*    a[href]:after { content: " (" attr(href) ")"; } */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  /* Customize */
  .amount_marker {
    outline: 2px solid #aaa;
  }
  .button, input[type=submit] {
    background: #eee !important;
  }
  .primary-header {
    box-shadow: none;
  }
  .logo,
  .primary-rail,
  .tasks-creator-input,
  .items--tasks img,
  .items--confluences img,
  .meta {
    display: none;
  }
  .primary-content {
    margin-left: auto !important;
    padding-top: 15px;
  }
}
.reports__container {
  display: grid;
  grid-column-gap: 3rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
}
.reports__column {
  margin-top: 2em;
  min-width: 200px;
}
.reports__header {
  color: #4a4747;
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: initial;
}

.report-card {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 2.2rem;
  margin-bottom: 1em;
  text-decoration: none;
}
.report-card__title {
  font-size: 1.45rem;
  font-weight: 600;
  text-transform: initial;
  color: #de4039;
  width: 100%;
}
.report-card__title a {
  text-decoration: none;
}
.report-card__title i {
  width: 1em;
}
.report-card__description {
  color: #6a6a6a;
  font-size: 1.3rem;
  margin-bottom: 0;
  margin-left: 2.4rem;
  padding-bottom: 0;
}
.report-card__description a {
  text-decoration: none;
}
.report-card__subhead {
  color: #666;
  font-size: 1.4rem;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
.report-card__list {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 0.7rem;
}
.report-card__list li {
  position: relative;
  margin-top: 0.2rem;
}
.report-card__list li a {
  left: -0.5rem;
  position: relative;
}

/**
 * External Contact Sync Review Styles
 *
 * @todo Re-do this entire section to re-use styles from the rest of the site if possible.
 *       Also optimize at a standard pixel MQ (pretty sure 600 isn't standard)
 *       Also consolidate some colors, etc. into variables
 *       Also name these classes better
 */
.external-import {
  min-height: 50em;
  position: relative;
  width: 100%;
}

.review-item,
.review-section-header,
.review-detail {
  clear: left;
  min-height: 0;
  text-align: left;
  overflow: visible;
  width: 100%;
}

.review-section-header {
  clear: left;
}
.review-section-header .header {
  clear: none;
  color: rgba(0, 0, 0, 0.75);
  text-transform: uppercase;
  font-size: 0.95em;
  margin-bottom: 0.4em;
  font-weight: 500;
}

.review-item {
  background: #ddd; /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, rgb(249, 249, 249) 0%, rgb(221, 221, 220) 100%); /* This gradient is not important enough for 15 lines of browser compatibility. */
  border: 1px solid #bbb;
  border-radius: 0.3em;
  color: #6a6a6a;
  margin-bottom: 0.75em;
  padding: 0.25em 0.75em;
}
.review-item .button {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 0.4rem;
  border-width: 0.2rem;
  display: inline-block;
  float: right;
  font-size: 0.9em;
  margin-bottom: 0;
  margin-top: 4px;
  padding: 0.4em 1em;
  text-transform: uppercase;
}
.review-item .button:hover, .review-item .button:active {
  color: #fff;
}
.review-item .item-name {
  display: inline-block;
  margin: 0.4em;
}
.review-item .active {
  background: #b83725; /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, rgb(241, 113, 88) 0%, rgb(198, 76, 49) 100%); /* This gradient is not important enough for 15 lines of browser compatibility. */
  border: 1px solid #b83725;
  color: #fff;
}
.review-item .active .button {
  background: #ce6951;
  border-color: #de7961;
  color: #eee;
}
.review-item .active .button:hover, .review-item .active .button:active {
  border-color: #f28071;
  color: #fff;
}

.review-detail {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0.5em;
}
.review-detail.active {
  display: block;
  margin-bottom: 0.75em;
}
.review-detail:last-child {
  border-bottom: 1px solid #ddd;
}
.review-detail .header {
  color: #ba4835;
  font-size: 1.75rem;
  font-weight: normal;
  margin: 0.75em;
}
.review-detail h4 {
  margin-bottom: 0.5em;
}
.review-detail .value {
  color: #cd5c48;
  color: #ccc;
}
.review-detail .value.selected {
  color: #739b81;
}
.review-detail .review-label {
  border-left: 1px dotted;
  font-size: 0.8em;
  font-weight: bold;
  padding-left: 0.5em;
  text-transform: uppercase;
}
.review-detail input[type=submit] {
  float: right;
  margin: 1em 1em 1em 0;
}

.item-information-container {
  background: #f4f4f4;
  border-top: 1px solid #ddd;
  padding: 1em 1em;
}

.item-information {
  background: #fffbe0;
  border: 1px solid #d0cfcd;
  margin: 1.5em 0.5em;
}
.item-information:first-child {
  border-bottom: 1px solid #d0cfcd;
}
.item-information h4 {
  padding: 1.5em 0.5em 0.25em 0.5em;
}
.item-information ul {
  color: #767169;
  font-size: 0.9em;
  list-style: none;
  padding-left: 0;
}
.item-information li {
  border-top: 1px solid #d0cfcd;
  margin-left: 0;
  padding: 0.25em 0.5em;
}

@media only screen and (min-width: 840px) {
  .review-item,
  .review-section-header,
  .review-detail {
    float: left;
    width: 60%;
  }
  .review-section-header .header {
    text-align: right;
  }
}
.potential-duplicates__mode {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 0.25em;
  float: right;
  line-height: 1.25;
  padding: 0.75em;
}
.potential-duplicates__threshold {
  background: #fff;
  line-height: 1.5;
  padding: 1em;
  border: 1px solid #ccc;
  max-width: 21em;
  margin: 3em auto 4em;
}
.potential-duplicates__threshold form {
  margin-top: 0.5em;
}
.potential-duplicates__threshold form label {
  margin-right: 1em;
}
.potential-duplicates__sugestions {
  margin-bottom: 1em;
}
.potential-duplicates__spacer {
  margin: 3em 0;
}
@media only screen and (min-width: 600px) {
  .potential-duplicates__spacer {
    margin: 2em 0;
  }
}
.potential-duplicates__score {
  position: absolute;
  left: 50%;
  width: 5em;
  margin-left: -2.5em;
  text-align: center;
  line-height: 1.25;
  background: #fff;
  height: 5em;
  padding-top: 0.75em;
  border-radius: 5em;
  border: 2px solid rgba(0, 0, 0, 0.2);
  margin-top: -5.5em;
}
@media only screen and (min-width: 600px) {
  .potential-duplicates__score {
    margin-top: -4.5em;
  }
}
@media only screen and (min-width: 600px) {
  .potential-duplicates__suggestion {
    display: flex;
  }
}
.potential-duplicates__contact {
  margin-bottom: 1em;
}
@media only screen and (min-width: 600px) {
  .potential-duplicates__contact:first-of-type {
    margin-right: 0.5em;
  }
  .potential-duplicates__contact:last-of-type {
    margin-left: 0.5em;
  }
}
.potential-duplicates__debug code {
  white-space: pre-wrap;
  font-family: monospace;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.text-left {
  text-align: left;
}

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

.w-full {
  width: 100%;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.flex-col {
  flex-direction: column;
}

.priority-tag {
  border-radius: 10px;
}

.task-priority-5 {
  background-color: #153365;
  color: white;
}
.task-priority-4 {
  background-color: #025d36;
  color: white;
}
.task-priority-3 {
  background-color: #c09802;
  color: white;
}
.task-priority-2 {
  background-color: #c2462b;
  color: white;
}
.task-priority-1 {
  background-color: #960e1a;
  color: white;
}

select.currency-select {
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px #e0dedc;
  display: inline-block;
  font-family: inherit;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding: 9px;
}

.three-d-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.three-d-progress-chevron {
  display: inline-block;
  vertical-align: middle;
  margin-right: -8px;
  opacity: 0.3;
}

.three-d-progress-chevron.past {
  opacity: 0.7;
}

.three-d-progress-chevron.active {
  opacity: 1;
}

.three-d-progress-chevron:before,
.three-d-progress-chevron:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  width: 0;
  border: solid black 12px;
}

.three-d-progress-chevron:nth-of-type(1):before,
.three-d-progress-chevron:nth-of-type(1):after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  width: 0;
  border: solid #f65356 12px;
}

.three-d-progress-chevron:nth-of-type(2):before,
.three-d-progress-chevron:nth-of-type(2):after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  width: 0;
  border: solid #ffa73b 12px;
}

.three-d-progress-chevron:nth-of-type(3):before,
.three-d-progress-chevron:nth-of-type(3):after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  width: 0;
  border: solid #ffc942 12px;
}

.three-d-progress-chevron:nth-of-type(4):before,
.three-d-progress-chevron:nth-of-type(4):after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  width: 0;
  border: solid #60bb6e 12px;
}

.three-d-progress-chevron:nth-of-type(5):before,
.three-d-progress-chevron:nth-of-type(5):after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  width: 0;
  border: solid #4640d3 12px;
}

.three-d-progress-chevron.right:before,
.three-d-progress-chevron.right:after {
  display: inline-block;
}

.three-d-progress-chevron.right:after {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.three-d-progress-chevron.right:before,
.three-d-progress-chevron.right:after {
  border-left-width: 12px;
  border-right-width: 0;
}

.three-d-progress-chevron.right:before {
  border-right-width: 10px;
  border-left-color: transparent;
}

.items-end {
  align-items: flex-end;
}

.text-sm {
  font-size: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #565656;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #565656;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}