@charset "UTF-8";
/**
 * Dear fellow programmer:
 *
 * Note that everything in this file will be loaded for everyone. So don't
 * do any of the following:
 *   - Output CSS in one of these imports
 *   - Include things that are not used in at least 75% of the system
 */
/* Modifies element with .ico class on it */
/* Creates a icon in the :before selector */
.cirrus .page-header {
  padding: 0 12px;
  height: 55px;
  width: 100%;
  border-bottom: 1px solid #c4cacc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 #fff;
}
.cirrus .page-header .btn {
  float: right;
  margin-right: 12px;
}
.cirrus .center {
  margin: 0 auto;
}
.cirrus .page-content {
  padding: 0 12px;
  max-width: 1088px;
  margin: 0 auto;
}

/**
 * Dear fellow programmer:
 *
 * Note that everything in this file will be loaded for everyone. So don't
 * do any of the following:
 *   - Output CSS in one of these imports
 *   - Include things that are not used in at least 75% of the system
 */
/* Modifies element with .ico class on it */
/* Creates a icon in the :before selector */
.cirrus .page-header {
  padding: 0 12px;
  height: 55px;
  width: 100%;
  border-bottom: 1px solid #c4cacc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 #fff;
}
.cirrus .page-header .btn {
  float: right;
  margin-right: 12px;
}
.cirrus .center {
  margin: 0 auto;
}
.cirrus .page-content {
  padding: 0 12px;
  max-width: 1088px;
  margin: 0 auto;
}

.cirrus {
  font-family: Lato, "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  color: #494c4c;
  /**
  * Normal paragraphs
  */
  /**
  * Headings
  */
}
.cirrus p {
  line-height: 1.5;
}
.cirrus p.-muted {
  color: #abb3b3;
}
.cirrus p.-light {
  color: #848a8a;
}
.cirrus p.-small {
  font-size: 11px;
  line-height: 14px;
}
.cirrus p.-medium {
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 0.5px;
}
.cirrus p.-margin-bottom {
  margin-bottom: 12px;
}
.cirrus h1,
.cirrus h2 {
  color: #181a1a;
  font-weight: normal;
}
.cirrus h1 {
  font-size: 18px;
  line-height: 1.3;
}
.cirrus h1.-heading-l {
  font-size: 32px;
  line-height: 1.5;
}
.cirrus h1.-heading-xl {
  font-weight: 300;
  font-size: 64px;
  line-height: 1.25;
}
.cirrus h1.-margin-bottom {
  margin-bottom: 24px;
}
.cirrus h2 {
  font-size: 15px;
  line-height: 1.25;
}
.cirrus h3 {
  color: #181a1a;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 1.5px;
}
.cirrus address {
  font-style: normal;
}
.cirrus a {
  color: #2775c6;
  text-decoration: none;
  transition: color 0.15s ease-out;
}
.cirrus a img {
  border: none;
}

.grid {
  width: calc(100% + 12px);
  margin: -6px 0 0 -6px;
}
.grid::before, .grid::after {
  content: " ";
  display: table;
}
.grid::after {
  clear: both;
}
.grid .col1,
.grid .col2,
.grid .col3,
.grid .col4,
.grid .col5,
.grid .col6,
.grid .col7,
.grid .col8,
.grid .col9,
.grid .col10,
.grid .col11,
.grid .col12 {
  padding: 6px 0 0 6px;
  float: left;
  min-height: 1px;
}

.row {
  width: 100%;
  margin: 0 auto;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}
.row.-narrow {
  margin-bottom: 12px;
}
.row.-normal {
  margin-bottom: 24px;
}
.row.-wide {
  margin-bottom: 36px;
}
.row .col1,
.row .col2,
.row .col3,
.row .col4,
.row .col5,
.row .col6,
.row .col7,
.row .col8,
.row .col9,
.row .col10,
.row .col11,
.row .col12 {
  padding: 0 6px;
  float: left;
  min-height: 1px;
}
.row .col1:first-child,
.row .col2:first-child,
.row .col3:first-child,
.row .col4:first-child,
.row .col5:first-child,
.row .col6:first-child,
.row .col7:first-child,
.row .col8:first-child,
.row .col9:first-child,
.row .col10:first-child,
.row .col11:first-child,
.row .col12:first-child {
  padding-left: 0;
}
.row .col1:last-child,
.row .col2:last-child,
.row .col3:last-child,
.row .col4:last-child,
.row .col5:last-child,
.row .col6:last-child,
.row .col7:last-child,
.row .col8:last-child,
.row .col9:last-child,
.row .col10:last-child,
.row .col11:last-child,
.row .col12:last-child {
  padding-right: 0;
}
.row .col1.inner,
.row .col2.inner,
.row .col3.inner,
.row .col4.inner,
.row .col5.inner,
.row .col6.inner,
.row .col7.inner,
.row .col8.inner,
.row .col9.inner,
.row .col10.inner,
.row .col11.inner,
.row .col12.inner {
  padding-left: 0;
  padding-right: 0;
}

.grid .col1,
.row .col1 {
  width: 8.33333333%;
}
.grid .col2,
.row .col2 {
  width: 16.66666667%;
}
.grid .col3,
.row .col3 {
  width: 25%;
}
.grid .col4,
.row .col4 {
  width: 33.33333333%;
}
.grid .col5,
.row .col5 {
  width: 41.66666667%;
}
.grid .col6,
.row .col6 {
  width: 50%;
}
.grid .col7,
.row .col7 {
  width: 58.33333333%;
}
.grid .col8,
.row .col8 {
  width: 66.66666667%;
}
.grid .col9,
.row .col9 {
  width: 75%;
}
.grid .col10,
.row .col10 {
  width: 83.33333333%;
}
.grid .col11,
.row .col11 {
  width: 91.66666667%;
}
.grid .col12,
.row .col12 {
  width: 100%;
}

.fluid {
  display: table;
  width: 100%;
}
.fluid > .col-fixed {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
}
.fluid > .col-min {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  width: 1%;
}
.fluid > .col-auto {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.fluid > .-vertical-middle {
  vertical-align: middle;
}

.pull-right {
  float: right;
}

.cr-maple {
  color: #ed5153;
}

.cr-maple-100 {
  color: #fee3e3;
}

.cr-maple-200 {
  color: #b93435;
}

.cr-maple-300 {
  color: #872525;
}

.cr-dive {
  color: #232a3b;
}

.cr-dive-100 {
  color: #3c7797;
}

.cr-dive-200 {
  color: #32637e;
}

.cr-dive-300 {
  color: #34495e;
}

.cr-night {
  color: #0c0d0d;
}

.cr-night-100 {
  color: #383d3d;
}

.cr-night-200 {
  color: #212424;
}

.cr-night-300 {
  color: #181a1a;
}

.cr-snow {
  color: #fff;
}

.cr-snow-100 {
  color: #fcfcfc;
}

.cr-snow-200 {
  color: #f3f3f3;
}

.cr-snow-300 {
  color: #e1e4e5;
}

.cr-blue {
  color: #2875c6;
}

.cr-blue-100 {
  color: #e9fafe;
}

.cr-blue-200 {
  color: #5187e0;
}

.cr-blue-300 {
  color: #1d5794;
}

.cr-green {
  color: #35b858;
}

.cr-green-100 {
  color: #e0f8e6;
}

.cr-green-200 {
  color: #3dd164;
}

.cr-green-300 {
  color: #26853f;
}

.cr-orange {
  color: #e69524;
}

.cr-orange-100 {
  color: #fdebd0;
}

.cr-orange-200 {
  color: #f39c26;
}

.cr-orange-300 {
  color: #996318;
}

.cr-yellow {
  color: #f1f326;
}

.cr-yellow-100 {
  color: #fdfcd4;
}

.cr-yellow-200 {
  color: #ecde36;
}

.cr-yellow-300 {
  color: #9e941f;
}

.cr-gray {
  color: #494c4c;
}

.cr-gray-100 {
  color: #c4cacc;
}

.cr-gray-200 {
  color: #abb3b3;
}

.cr-gray-300 {
  color: #848a8a;
}

.cr-seal {
  color: #737883;
}

.cr-seal-100 {
  color: #9ba0ab;
}

.cr-seal-200 {
  color: #505765;
}

.cr-seal-300 {
  color: #393f4c;
}

.cr-bg-maple {
  background-color: #ed5153;
}

.cr-bg-maple-100 {
  background-color: #fee3e3;
}

.cr-bg-maple-200 {
  background-color: #b93435;
}

.cr-bg-maple-300 {
  background-color: #872525;
}

.cr-bg-dive {
  background-color: #232a3b;
}

.cr-bg-dive-100 {
  background-color: #3c7797;
}

.cr-bg-dive-200 {
  background-color: #32637e;
}

.cr-bg-dive-300 {
  background-color: #34495e;
}

.cr-bg-night {
  background-color: #0c0d0d;
}

.cr-bg-night-100 {
  background-color: #383d3d;
}

.cr-bg-night-200 {
  background-color: #212424;
}

.cr-bg-night-300 {
  background-color: #181a1a;
}

.cr-bg-snow {
  background-color: #fff;
}

.cr-bg-snow-100 {
  background-color: #fcfcfc;
}

.cr-bg-snow-200 {
  background-color: #f3f3f3;
}

.cr-bg-snow-300 {
  background-color: #e1e4e5;
}

.cr-bg-blue {
  background-color: #2875c6;
}

.cr-bg-blue-100 {
  background-color: #e9fafe;
}

.cr-bg-blue-200 {
  background-color: #5187e0;
}

.cr-bg-blue-300 {
  background-color: #1d5794;
}

.cr-bg-green {
  background-color: #35b858;
}

.cr-bg-green-100 {
  background-color: #e0f8e6;
}

.cr-bg-green-200 {
  background-color: #3dd164;
}

.cr-bg-green-300 {
  background-color: #26853f;
}

.cr-bg-orange {
  background-color: #e69524;
}

.cr-bg-orange-100 {
  background-color: #fdebd0;
}

.cr-bg-orange-200 {
  background-color: #f39c26;
}

.cr-bg-orange-300 {
  background-color: #996318;
}

.cr-bg-yellow {
  background-color: #f1f326;
}

.cr-bg-yellow-100 {
  background-color: #fdfcd4;
}

.cr-bg-yellow-200 {
  background-color: #ecde36;
}

.cr-bg-yellow-300 {
  background-color: #9e941f;
}

.cr-bg-gray {
  background-color: #494c4c;
}

.cr-bg-gray-100 {
  background-color: #c4cacc;
}

.cr-bg-gray-200 {
  background-color: #abb3b3;
}

.cr-bg-gray-300 {
  background-color: #848a8a;
}

.cr-bg-seal {
  background-color: #737883;
}

.cr-bg-seal-100 {
  background-color: #9ba0ab;
}

.cr-bg-seal-200 {
  background-color: #505765;
}

.cr-bg-seal-300 {
  background-color: #393f4c;
}

.cr-border-maple {
  border-color: #ed5153;
}

.cr-border-maple-100 {
  border-color: #fee3e3;
}

.cr-border-maple-200 {
  border-color: #b93435;
}

.cr-border-maple-300 {
  border-color: #872525;
}

.cr-border-dive {
  border-color: #232a3b;
}

.cr-border-dive-100 {
  border-color: #3c7797;
}

.cr-border-dive-200 {
  border-color: #32637e;
}

.cr-border-dive-300 {
  border-color: #34495e;
}

.cr-border-night {
  border-color: #0c0d0d;
}

.cr-border-night-100 {
  border-color: #383d3d;
}

.cr-border-night-200 {
  border-color: #212424;
}

.cr-border-night-300 {
  border-color: #181a1a;
}

.cr-border-snow {
  border-color: #fff;
}

.cr-border-snow-100 {
  border-color: #fcfcfc;
}

.cr-border-snow-200 {
  border-color: #f3f3f3;
}

.cr-border-snow-300 {
  border-color: #e1e4e5;
}

.cr-border-blue {
  border-color: #2875c6;
}

.cr-border-blue-100 {
  border-color: #e9fafe;
}

.cr-border-blue-200 {
  border-color: #5187e0;
}

.cr-border-blue-300 {
  border-color: #1d5794;
}

.cr-border-green {
  border-color: #35b858;
}

.cr-border-green-100 {
  border-color: #e0f8e6;
}

.cr-border-green-200 {
  border-color: #3dd164;
}

.cr-border-green-300 {
  border-color: #26853f;
}

.cr-border-orange {
  border-color: #e69524;
}

.cr-border-orange-100 {
  border-color: #fdebd0;
}

.cr-border-orange-200 {
  border-color: #f39c26;
}

.cr-border-orange-300 {
  border-color: #996318;
}

.cr-border-yellow {
  border-color: #f1f326;
}

.cr-border-yellow-100 {
  border-color: #fdfcd4;
}

.cr-border-yellow-200 {
  border-color: #ecde36;
}

.cr-border-yellow-300 {
  border-color: #9e941f;
}

.cr-border-gray {
  border-color: #494c4c;
}

.cr-border-gray-100 {
  border-color: #c4cacc;
}

.cr-border-gray-200 {
  border-color: #abb3b3;
}

.cr-border-gray-300 {
  border-color: #848a8a;
}

.cr-border-seal {
  border-color: #737883;
}

.cr-border-seal-100 {
  border-color: #9ba0ab;
}

.cr-border-seal-200 {
  border-color: #505765;
}

.cr-border-seal-300 {
  border-color: #393f4c;
}

/* Modifies element with .ico class on it */
/* Creates a icon in the :before selector */
/**
 * Dear fellow programmer:
 *
 * Note that everything in this file will be loaded for everyone. So don't
 * do any of the following:
 *   - Output CSS in one of these imports
 *   - Include things that are not used in at least 75% of the system
 */
/* Modifies element with .ico class on it */
/* Creates a icon in the :before selector */
.cirrus .page-header {
  padding: 0 12px;
  height: 55px;
  width: 100%;
  border-bottom: 1px solid #c4cacc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 #fff;
}
.cirrus .page-header .btn {
  float: right;
  margin-right: 12px;
}
.cirrus .center {
  margin: 0 auto;
}
.cirrus .page-content {
  padding: 0 12px;
  max-width: 1088px;
  margin: 0 auto;
}

.cirrus .btn {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  color: #494c4c;
  border-radius: 3px;
  text-align: center;
  height: 36px;
  line-height: 34px;
  border: 1px solid #c4cacc;
  background: #fff;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 9px 6px 6px;
  padding: 0 24px;
  box-shadow: 0 1px 3px rgba(196, 202, 204, 0.4), inset 0 -1px 3px rgba(132, 138, 138, 0.1);
  font-weight: 600;
  font-size: 13px;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cirrus .btn.-compact {
  padding: 0 6px;
}
.cirrus .btn.-medium {
  padding: 0 12px;
}
.cirrus .btn.-square {
  padding: 0 12px;
}
.cirrus .btn > .secondary {
  font-weight: normal;
  font-size: 10px;
}
.cirrus .btn.-muted {
  opacity: 0.75;
  box-shadow: none;
}
.cirrus .btn.-transparent {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.cirrus .btn.-wide {
  width: 100%;
}
.cirrus .btn.-radio {
  padding: 0;
}
.cirrus .btn.-checkbox {
  padding-right: 0;
}
.cirrus .btn label {
  display: block;
  cursor: pointer;
  padding: 0 18px;
  margin: -1px;
}
.cirrus .btn input[type=radio] {
  margin-right: 6px;
}
.cirrus .btn input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cirrus .btn.-small, .input-group.-small .cirrus .btn {
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  font-size: 11px;
}
.cirrus .btn.-small .ico, .input-group.-small .cirrus .btn .ico {
  margin: 8px 0;
  font-size: 12px;
  line-height: 12px;
  color: #494c4c;
  width: 12px;
  height: 12px;
}
.cirrus .btn.-large, .input-group.-large .cirrus .btn {
  height: 44px;
  line-height: 40px;
  font-size: 16px;
  padding: 0 11px;
}
.cirrus .btn.-block {
  display: block;
}
.cirrus .btn.-block + .block {
  margin-top: 12px;
}
.cirrus .btn .ico {
  margin: 9px 7px 9px 0;
  font-size: 16px;
  line-height: 16px;
  color: #494c4c;
  width: 16px;
  height: 16px;
}
.cirrus .btn.-icon .ico {
  margin-right: 0;
}
.cirrus .btn.-icon .ico.large {
  margin-left: 16px;
  margin-right: 16px;
}
.cirrus .btn:hover, .cirrus .btn:active {
  text-decoration: none;
  border-color: #c4cacc;
  background: #f9f9f9;
  color: #181a1a;
  box-shadow: none;
}
.cirrus .btn:hover .ico, .cirrus .btn:active .ico {
  color: #181a1a;
}
.cirrus .btn:active {
  box-shadow: inset 0 0 2px rgba(24, 26, 26, 0.15);
  background-color: #eceeee;
  background-image: linear-gradient(#eceeee, #f7f8f8);
  background-repeat: repeat-x;
}
.cirrus .btn:disabled, .cirrus .btn.disabled {
  pointer-events: none;
}
.cirrus .btn:disabled, .cirrus .btn:disabled:hover, .cirrus .btn.disabled, .cirrus .btn.disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.cirrus .btn.-primary {
  color: #35b858;
  border-color: #35b858;
  box-shadow: 0 1px 2px rgba(24, 26, 26, 0.1), inset 0 -1px 3px 0 rgba(53, 184, 88, 0.15);
}
.cirrus .btn.-primary .ico {
  color: #38d562;
}
.cirrus .btn.-primary.-fill, .cirrus .btn.-primary:hover, .cirrus .btn.-primary:active {
  background: #62de83;
  border-color: #4bab65;
  color: #fff;
  text-shadow: 0 1px 1px rgba(24, 26, 26, 0.25);
}
.cirrus .btn.-primary.-fill .ico, .cirrus .btn.-primary:hover .ico, .cirrus .btn.-primary:active .ico {
  color: #fff;
}
.cirrus .btn.-primary:hover, .cirrus .btn.-primary:active {
  background: #67eb8a;
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5);
}
.cirrus .btn.-primary:active {
  border-color: #4bab65;
  box-shadow: inset 0 0 8px rgba(24, 26, 26, 0.15);
  text-shadow: 0 -1px 1px rgba(24, 26, 26, 0.25);
  background-color: #56C374;
  background-image: linear-gradient(#56C374, #69ca83);
  background-repeat: repeat-x;
}
.cirrus .btn.-primary:disabled, .cirrus .btn.-primary.disabled {
  background-color: #3dd164;
  color: #fff;
  opacity: 0.3;
  text-shadow: none;
}
.cirrus .btn.-danger {
  color: #b93435;
  border-color: #b93435;
  box-shadow: 0 1px 2px rgba(24, 26, 26, 0.1), inset 0 -1px 3px 0 rgba(185, 52, 53, 0.15);
}
.cirrus .btn.-danger .ico {
  color: #b93435;
}
.cirrus .btn.-danger.-fill, .cirrus .btn.-danger:hover, .cirrus .btn.-danger:active {
  background: #b93435;
  border-color: #78171a;
  color: #fff;
  text-shadow: 0 1px 1px rgba(24, 26, 26, 0.25);
}
.cirrus .btn.-danger.-fill .ico, .cirrus .btn.-danger:hover .ico, .cirrus .btn.-danger:active .ico {
  color: #fff;
}
.cirrus .btn.-danger:hover, .cirrus .btn.-danger:active {
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5);
}
.cirrus .btn.-danger:active {
  border-color: #78171a;
  box-shadow: inset 0 0 8px rgba(24, 26, 26, 0.15);
  text-shadow: 0 -1px 1px rgba(24, 26, 26, 0.25);
  background-color: #b93435;
  background-image: linear-gradient(#b93435, #c93e3f);
  background-repeat: repeat-x;
}
.cirrus .btn.-blue {
  color: #2775c6;
  border-color: #2bcdfc;
  box-shadow: 0 1px 2px rgba(24, 26, 26, 0.1), inset 0 -1px 3px 0 rgba(39, 117, 198, 0.15);
}
.cirrus .btn.-blue .ico {
  color: #2bccfb;
}
.cirrus .btn.-blue.-fill, .cirrus .btn.-blue:hover, .cirrus .btn.-blue:active {
  background: #2bcdfc;
  border-color: #22a5c9;
  color: #fff;
  text-shadow: 0 1px 1px rgba(24, 26, 26, 0.25);
}
.cirrus .btn.-blue.-fill .ico, .cirrus .btn.-blue:hover .ico, .cirrus .btn.-blue:active .ico {
  color: #fff;
}
.cirrus .btn.-blue:hover, .cirrus .btn.-blue:active {
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5);
}
.cirrus .btn.-blue:active {
  border-color: #22a5c9;
  box-shadow: inset 0 0 8px rgba(24, 26, 26, 0.15);
  text-shadow: 0 -1px 1px rgba(24, 26, 26, 0.25);
  background-color: #12c6fb;
  background-image: linear-gradient(#12c6fb, #2BCCFB);
  background-repeat: repeat-x;
}
.cirrus .btn.-light {
  border-color: transparent;
  box-shadow: none;
}
.cirrus .btn.-light .ico {
  color: #181a1a;
}
.cirrus .-blue-dark {
  color: #2775c6;
  border-color: #2775c6;
  box-shadow: 0 1px 2px rgba(24, 26, 26, 0.1), inset 0 -1px 3px 0 rgba(66, 91, 117, 0.15);
}
.cirrus .-blue-dark .ico {
  color: #2775c6;
}
.cirrus .-blue-dark.-fill, .cirrus .-blue-dark:hover {
  background: #2775c6;
  border-color: #2273c9;
  color: #fff;
  text-shadow: 0 1px 1px rgba(132, 138, 138, 0.25);
}
.cirrus .-blue-dark.-fill .ico, .cirrus .-blue-dark:hover .ico {
  color: #fff;
}
.cirrus .-blue-dark:hover, .cirrus .-blue-dark:active {
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5);
}
.cirrus .-blue-dark:active {
  background: #68add4;
  border-color: #2875c6;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(24, 26, 26, 0.15);
  text-shadow: 0 -1px 0 rgba(24, 26, 26, 0.14);
}
.cirrus .btn-link {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  height: 36px;
  line-height: 36px;
  border: 1px solid transparent;
  background: transparent;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  color: #494c4c;
}
.cirrus .btn-link:hover {
  text-decoration: none;
}
.cirrus .btn-link.-primary {
  color: #38d562;
}
.cirrus .btn-link.-blue {
  color: #2bcdfc;
}
.cirrus .btn-link.-blue .ico {
  color: #2bcdfc;
}
.cirrus .btn-link .ico {
  margin: 10px 4px 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #494c4c;
  width: 16px;
  height: 16px;
}
.cirrus .btn-link.-small {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
.cirrus .btn-link.-small .ico {
  margin: 5px 0;
  font-size: 12px;
  line-height: 12px;
  color: #494c4c;
  width: 12px;
  height: 12px;
}

.cirrus .cirrus-label {
  border-radius: 3px;
  color: #abb3b3;
  border: 1px solid currentColor;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  height: 20px;
  line-height: 19px;
  padding: 0 6px;
  margin: 0 8px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: bold;
  vertical-align: middle;
  margin-top: -1px;
  background: #fff;
  box-shadow: 0 1px 0 #fff;
}
.cirrus .cirrus-label.-primary {
  color: #2775c6;
}
.cirrus .cirrus-label.-success {
  color: #3dd164;
}
.cirrus .cirrus-label.-info {
  color: #2bcdfc;
}
.cirrus .cirrus-label.-warning {
  color: #e5d185;
}
.cirrus .cirrus-label.-danger {
  color: #ed5153;
}
.cirrus .cirrus-label.-small {
  font-size: 8px;
  font-weight: 700;
  line-height: 12px;
  padding: 0 2px 0 3px;
  height: 14px;
  margin-left: 6px;
}
.cirrus .cirrus-label.-large {
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  padding: 0 8px;
  height: 28px;
}
.cirrus .cirrus-label.-singular {
  margin-left: 0;
}
.cirrus .text-label {
  font-weight: bold;
}
.cirrus .text-label.primary {
  color: #2775c6;
}
.cirrus .text-label.success {
  color: #3dd164;
}
.cirrus .text-label.info {
  color: #2bcdfc;
}
.cirrus .text-label.warning {
  color: #e5d185;
}
.cirrus .text-label.danger {
  color: #b93435;
}

.cirrus .card-preview {
  padding: 36px;
  border: 1px solid #c4cacc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(132, 138, 138, 0.1);
  background: #fff;
  margin-bottom: 12px;
}
.cirrus .card-preview .-no-margin-bottom {
  margin-bottom: 12px;
}
.cirrus .card-preview .preview {
  display: table-cell;
  width: 1%;
  padding-right: 36px;
}
.cirrus .card-preview .content {
  display: table-cell;
  vertical-align: top;
}
.cirrus .card-item {
  border: 1px solid #c4cacc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #494c4c;
  position: relative;
}
.cirrus .card-item .content .actions {
  padding-right: 24px;
  position: absolute;
  top: 48%;
  right: 0;
  transform: translateY(-50%);
}
.cirrus .card-item .content h3 {
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
}
.cirrus .card-item.-medium-spacing .content {
  padding: 24px;
}
.cirrus .card-item.-tutorial .content {
  position: relative;
}

.cirrus .input-text {
  width: 100%;
  height: 36px;
  padding: 5px 8px;
  background: #fff;
  border: 1px solid #abb3b3;
  border-radius: 0.1875rem;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  transition: 0.2s box-shadow ease-in-out, 0.1s border-color ease;
}
.cirrus .input-text[disabled], .cirrus .input-text.-disabled {
  color: #c4cacc;
  background: #f9f9f9;
  border-color: #c4cacc;
}
.cirrus .input-text:focus, .cirrus .input-text.-focus {
  border-color: #2875c6;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(29, 87, 148, 0.1);
}
.cirrus .input-text.-has-error {
  border-color: #b93435;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(185, 52, 53, 0.1);
}
.cirrus .input-prepend {
  display: flex;
}
.cirrus .input-prepend .input-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: #848a8a;
  background-color: #f3f3f3;
  height: 36px;
  padding: 5px 8px;
  border: 1px #abb3b3;
  border-style: solid none solid solid;
  border-radius: 0.1875rem 0 0 0.1875rem;
}
.cirrus .input-prepend .input-text {
  border-radius: 0 0.1875rem 0.1875rem 0;
}

.tab-circle {
  width: 24px !important;
  height: 24px;
}

.tab--active {
  box-shadow: inset 0 -2px 0 0 #2875c6;
}

.cirrus .progress-bar.-horizontal {
  padding-top: 24px;
  padding-bottom: 12px;
  position: relative;
}
.cirrus .progress-bar.-horizontal > .background {
  background-color: #e1e4e5;
  height: 4px;
  border-radius: 100px;
}
.cirrus .progress-bar.-horizontal > .text, .cirrus .progress-bar.-horizontal .text-full {
  position: absolute;
  right: 0;
  top: 0;
}
.cirrus .progress-bar.-horizontal > .background > .bar, .cirrus .progress-bar.-horizontal .bar-full {
  width: 0;
  transition: width 0.6s ease-out;
  background-color: #2bcdfc;
  height: 4px;
  border-radius: 100px;
}
.cirrus .progress-bar.-full > .background > .bar-full {
  background-color: #50dd6c;
  width: 100%;
}
.cirrus .progress-bar.-full > .text-full {
  color: #50dd6c;
}
.cirrus .progress-bar > .text, .cirrus .progress-bar .text-full {
  color: #2bcdfc;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.receipt-preview-bg {
  background-image: url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/607c97ec34a4b780bcb4b284abb70c46.svg);
}

.receipt-preview-salelines td:first-child {
  max-width: 1px;
}
.receipt-preview-salelines td:last-child {
  width: 1%;
}

#item-import {
  margin: -15px;
}
#item-import #item-import-placeholder {
  width: 100%;
  height: 487px;
}
#item-import h3 {
  padding: 0;
  background-color: #fff;
  border: none;
}
#item-import hr {
  margin: 28px 0;
}
#item-import .page-content .page-title {
  padding: 32px 0;
}
#item-import .page-content .page-title .title {
  text-transform: uppercase;
  color: #181a1a;
}
#item-import .page-content .page-title .subtitle {
  padding-top: 6px;
}
#item-import .page-content .new-products.result h3 {
  color: #35b858;
}
#item-import .page-content .new-products.result span {
  color: #3dd164;
}
#item-import .page-content .updated-products h3 {
  color: #2775c6;
}
#item-import .page-content .updated-products span {
  color: #2bcdfc;
}
#item-import .page-content .dropzone-container {
  text-align: center;
  height: 282px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: dashed 2px #c4cacc;
  padding: 28px;
}
#item-import .page-content .dropzone-container.highlight {
  border-color: #2bcdfc;
  border-style: solid;
}
#item-import .page-content .dropzone-container .upload-csv {
  margin-top: -42px;
}
#item-import .page-content .dropzone-container .upload-csv .upload-csv-title span {
  text-transform: uppercase;
  color: #848a8a;
}
#item-import .page-content .dropzone-container .upload-csv .upload-csv-text span {
  margin-top: 4px;
}
#item-import .page-content .dropzone-container .upload-csv .upload-csv-text .btn {
  margin-top: 6px;
  margin-bottom: 0;
}
#item-import .page-content .dropzone-container .upload-csv .upload-csv-text .btn.dz-clickable {
  color: #2775c6;
  border: 1px solid #2bcdfc;
  box-shadow: 0 1px 2px rgba(24, 26, 26, 0.1), inset 0 -1px 3px 0 rgba(39, 117, 198, 0.15);
  padding: 0 24px;
  background-color: #fff;
  font-weight: 600;
}
#item-import .page-content .dropzone-container .upload-csv .upload-csv-text .btn.dz-clickable:hover {
  background: #2bcdfc;
  border-color: #22a5c9;
  color: #fff;
  text-shadow: 0 1px 1px rgba(24, 26, 26, 0.25);
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5);
}
#item-import .page-content .dropzone-container span {
  display: block;
  text-align: center;
}
#item-import .page-content .dropzone-container #dropzone-img {
  width: 252px;
  margin: 0 auto;
  display: block;
}
#item-import .page-content .dropzone-container .post-upload {
  padding-top: 26px;
}
#item-import .page-content .dropzone-container .post-upload #re-upload-csv {
  cursor: pointer;
}
#item-import .page-content .dropzone-container .post-upload .upload-file-icon {
  width: 75px;
}
#item-import .page-content .dropzone-container .post-upload h3 {
  text-transform: none;
  letter-spacing: 0;
  padding-bottom: 4px;
}
#item-import .page-content .dropzone-container .post-upload .subtitle {
  padding-bottom: 12px;
}
#item-import .page-content .dropdown-container {
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px #c4cacc;
  border-left: solid 1px #c4cacc;
  border-right: solid 1px #c4cacc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#item-import .page-content .dropdown-container .import-type-dropdown {
  height: 86px;
  width: 50%;
  display: flex;
  flex-direction: row;
  padding: 0 24px;
  justify-content: space-between;
  align-items: center;
}
#item-import .page-content .dropdown-container .import-type-dropdown h3.disabled {
  opacity: 0.3;
}
#item-import .page-content .dropdown-container .import-type-dropdown #behaviour-dropdown {
  width: 290px;
  text-align: left;
}
#item-import .page-content .dropdown-container .import-type-dropdown #match-field-dropdown {
  width: 220px;
  text-align: left;
}
#item-import .page-content .dropdown-container .import-type-dropdown:first-child {
  border-right: solid 1px #c4cacc;
}
#item-import .page-content .dropdown-container h3 {
  text-transform: none;
  letter-spacing: 0;
}
#item-import .page-content .validate-container {
  display: flex;
  height: 86px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  border-bottom: solid 1px #c4cacc;
  border-left: solid 1px #c4cacc;
  border-right: solid 1px #c4cacc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#item-import .page-content .validate-container h3 {
  text-transform: none;
  letter-spacing: 0;
}
#item-import .page-content span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #abb3b3;
  line-height: 1.33;
}
#item-import .page-content .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #848a8a;
  display: block;
  line-height: 1.3;
  letter-spacing: 0;
}
#item-import .page-content .dz-preview {
  display: none;
}
#item-import .page-content .errors {
  margin-bottom: 12px;
}
#item-import .page-content .errors .count {
  width: 200px;
  text-align: center;
}
#item-import .page-content .errors .count h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #181a1a;
}
#item-import .page-content .errors .count span {
  text-transform: uppercase;
}
#item-import .page-content .template .content {
  padding: 20px 24px 12px;
}
#item-import .page-content .template .btn {
  float: right;
  bottom: 5px;
}
#item-import .page-content .open-modal {
  padding: 8px 25px;
  border-top: 1px solid #c4cacc;
  background-color: #f9f9f9;
}
#item-import .page-content .open-modal a {
  cursor: pointer;
}
#item-import #item-import-validate {
  padding-bottom: 25px;
}
#item-import #import-results hr {
  border-top: 1px solid #c4cacc;
  width: 100%;
}
#item-import #import-results .page-content {
  padding: 36px 12px 0;
  overflow: auto;
}
#item-import #import-results .page-content .title {
  text-transform: uppercase;
  color: #181a1a;
}
#item-import #import-results .page-content .card-item {
  width: 49%;
  display: inline-block;
}
#item-import #import-results .page-content .link {
  height: 30px;
  text-align: left;
  line-height: 30px;
  padding-left: 24px;
  margin: 5px 0;
}
#item-import #import-results .page-content .link a {
  font-size: 13px;
  font-weight: 600;
}
#item-import #import-results .page-content .import-report .header {
  padding: 10.5px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #c4cacc;
}
#item-import #import-results .page-content .import-report .header span {
  font-size: 15px;
  color: #181a1a;
  letter-spacing: normal;
  font-weight: normal;
}
#item-import #import-results .page-content .import-report .row {
  padding: 30px;
  border-bottom: 1px solid #c4cacc;
}
#item-import #import-results .page-content .import-report .row .result {
  float: right;
  letter-spacing: normal;
  font-weight: normal;
  line-height: 24px;
  font-size: 13px;
}
#item-import #import-results .page-content .import-report .row .result.error-course-of-action {
  float: left;
}
#item-import #import-results .page-content .import-report .row .result.status {
  border-radius: 3px;
  padding: 1px 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  opacity: 0.7;
  color: white;
  font-weight: bold;
}
#item-import #import-results .page-content .import-report .row .result.status.done {
  background-color: #35b858;
}
#item-import #import-results .page-content .import-report .row .result.status.failed {
  background-color: #b93435;
}
#item-import #import-results .page-content .import-report .row.last {
  border-bottom: 0;
  margin-bottom: 1.5px;
}
#item-import #import-results .page-content .more-actions {
  float: right;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  height: 157px;
}
#item-import #import-results .page-content .more-actions.failed {
  height: 137px;
}
#item-import #import-results .page-content .more-actions .links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
#item-import #import-results .page-content .more-actions .links .link {
  margin: 0;
}
#item-import #import-results .page-content .more-actions .links .link a {
  cursor: pointer;
}
#item-import #import-results .page-content .error {
  float: right;
}
#item-import #import-results .page-content .import-info {
  float: left;
  margin-bottom: 36px;
}
#item-import #import-results .page-content .import-statistics {
  float: right;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
#item-import #import-results .page-content .import-statistics .result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 53px;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
  margin: 24px 0;
}
#item-import #import-results .page-content .import-statistics .result h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 29px;
}
#item-import #import-results .page-content .import-statistics .result span {
  line-height: 24px;
}
#item-import #import-results .page-content .import-statistics .link #csv-download-link {
  cursor: pointer;
}
#item-import #import-in-progress .import-in-progress-wrapper {
  margin: 30px 0;
}
#item-import #import-in-progress .import-in-progress-wrapper .import-in-progress-image {
  width: 80%;
  margin: 0 auto;
}
#item-import #import-in-progress .import-in-progress-wrapper .import-in-progress-image img {
  width: 100%;
}
#item-import #import-in-progress .import-in-progress-wrapper .import-in-progress-bar-wrapper {
  width: 95%;
  margin: 0 auto;
}
#item-import #import-in-progress .import-in-progress-wrapper .import-in-progress-bar-wrapper .progress-bar #import-in-progress-bar-text {
  text-transform: none;
  color: #848a8a;
  font-size: 14px;
}
#item-import #import-in-progress .import-in-progress-wrapper #import-in-progress-text {
  text-align: center;
  font-weight: bold;
  margin: 15px 0 30px;
}
#item-import #import-preview .page-content {
  height: 450px;
  margin-top: 50px;
}
#item-import #import-preview .page-title {
  width: 30%;
  float: left;
  padding: 0;
}
#item-import #import-preview .page-title .subtitle {
  width: 70%;
}
#item-import #import-preview .import-results {
  width: 70%;
  height: 270px;
  display: flex;
  flex-wrap: wrap;
}
#item-import #import-preview .import-results .result {
  padding: 14px;
  width: 33.33333333%;
  text-align: center;
  text-transform: uppercase;
}
#item-import #import-preview .import-results .result h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
#item-import #import-preview .import-results .first-row {
  flex: 1 0 50%;
  border-bottom: 1px solid #c4cacc;
}
#item-import #import-preview .import-results .first-row:nth-of-type(1) {
  border-right: 1px solid #c4cacc;
}
#item-import #import-preview .import-results .second-row {
  flex: 1 0 33%;
  border-right: 1px solid #c4cacc;
  border-bottom: 1px solid #c4cacc;
}
#item-import #import-preview .import-results .second-row:nth-of-type(5), #item-import #import-preview .import-results .second-row:nth-of-type(8) {
  border-right: none;
}
#item-import #import-preview .email-input {
  padding: 32px;
  margin-top: 12px;
  width: 70%;
  float: right;
}
#item-import #import-preview .email-input input {
  border-radius: 3px;
  height: 36px;
  position: relative;
  bottom: 6px;
  width: 260px;
}
#item-import #import-preview .email-input input.invalid {
  border-color: #ed5153;
}
#item-import #import-preview .email-input label {
  font-weight: 600;
}
#item-import #import-preview .email-input .validation-failure {
  display: none;
  color: #ed5153;
  font-size: 11px;
  position: relative;
  bottom: 3px;
  margin: 0;
}
#item-import #import-preview .email-input .email-container {
  height: 32px;
  float: right;
  width: 260px;
}
#item-import #import-preview hr.page-separator {
  border: solid 1px #e1e4e5;
}
#item-import #import-preview .product-preview {
  margin-top: 36px;
}
#item-import #import-preview .product-preview h3 {
  color: #181a1a;
  margin-bottom: 6px;
}
#item-import #import-preview .product-preview .preview-left-text {
  float: left;
  width: 25%;
  margin-top: -6px;
}
#item-import #import-preview .product-preview .preview-left-text .preview-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1.33;
  text-transform: uppercase;
  color: #181a1a;
}
#item-import #import-preview .product-preview .preview-left-text .preview-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #848a8a;
  display: block;
  line-height: 1.3;
  letter-spacing: 0;
  padding-top: 6px;
}
#item-import #import-preview .product-preview .product {
  width: 70%;
  float: right;
  padding: 0 24px 30px;
  margin-bottom: 50px;
}
#item-import #import-preview .product-preview .product span {
  font-size: 14px;
  color: #181a1a;
  letter-spacing: 0;
}
#item-import #import-preview .product-preview .product .row {
  padding: 24px 0 0;
}
#item-import #import-preview .product-preview .product .row .full {
  width: 100%;
}
#item-import #import-preview .product-preview .product .row .right {
  width: 50%;
  float: right;
  padding: 0 0 0 6px;
}
#item-import #import-preview .product-preview .product .row .left {
  width: 50%;
  float: left;
  padding: 0 6px 0 0;
}
#item-import #import-preview .product-preview .product .row input,
#item-import #import-preview .product-preview .product .row select,
#item-import #import-preview .product-preview .product .row textarea {
  width: 100%;
  margin-top: 5px;
  border-radius: 3px;
  background-color: #f9f9f9;
  height: 36px;
}
#item-import #import-preview .product-preview .product .row textarea {
  resize: none;
  border: 1px solid #aaa;
  padding: 8px 6px;
}
#item-import #import-preview .product-preview .product hr {
  margin: 30px -24px 0;
  border: solid 1px #e1e4e5;
}
#item-import #import-images .import-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#item-import #import-images .image-limit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#item-import #import-images .image-limit span {
  color: #abb3b3;
}
#item-import #import-images img {
  height: 93px;
  width: 93px;
}
#item-import #import-images .expected-image-card {
  height: 96px;
  top: 36px;
  position: relative;
  text-align: center;
  width: 267px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#item-import #import-images .expected-image-card h3 {
  font-size: 24px;
}
#item-import #import-images .expected-image-card span {
  font-size: 12px;
  text-transform: uppercase;
}
#item-import #import-images .success-card {
  background-image: radial-gradient(circle at 50% 37%, rgba(255, 255, 255, 0), #fff), url("/images/item_import/success-background.png");
  width: 100%;
  height: 224px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
}
#item-import #item-import-resource-blocked {
  text-align: center;
  padding-top: 36px;
  padding-bottom: 36px;
}
#item-import #item-import-resource-blocked svg {
  fill: #ed5153;
  transform: scale(2, 2);
}
#item-import #item-import-resource-blocked .error-text {
  max-width: 400px;
  font-family: Lato, "Open Sans", Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  color: #494c4c;
  margin: 0 auto;
  padding-top: 12px;
}

.image-limit-reached {
  color: #ed5153;
}

.retail-page-listing {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.retail-page-listing__row {
  width: 100%;
  max-width: 1056px;
  min-width: 792px;
  display: flex;
  flex-flow: row nowrap;
  padding: 0 2.625rem 2.625rem 2.625rem;
  margin-left: auto;
  margin-right: auto;
}
.retail-page-listing__row:first-child {
  padding-top: 2.625rem;
}
.retail-page-listing__row:last-child {
  border-bottom: none;
}
.retail-page-listing__divider {
  border-top: 1px solid #c4cacc;
  padding-bottom: 2.625rem;
}
.retail-page-listing__item:last-child {
  border-right: none;
}
.retail-page-listing__item--description {
  flex-direction: column;
}
.retail-page-listing__item__content {
  width: 252px;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
}
.retail-page-listing__item__heading {
  font-size: 0.75rem;
}

.retail-listing {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.retail-listing__row {
  width: 100%;
  border-bottom: 1px solid #c4cacc;
}
.retail-listing__row:last-child {
  border-bottom: none;
}
.retail-listing__cell {
  border-right: 1px solid #c4cacc;
}
.retail-listing__cell:last-child {
  border-right: none;
}
.retail-listing__cell--left-right {
  display: flex;
  padding: 0.75rem 1.125rem;
  justify-content: space-between;
}
.retail-listing__cell__top-bottom {
  padding: 1.125rem;
  display: block;
}
.retail-listing__cell__top-bottom--small {
  padding: 0.75rem 1.125rem;
}
.retail-listing__cell--image {
  justify-content: center;
  padding: 1.875rem;
}
.retail-listing__cell--image img {
  max-height: 200px;
  max-width: 775px;
}
.retail-listing__cell--text-area {
  padding: 1.125rem;
}
.retail-listing__cell--text-area textarea {
  font-size: 0.875rem;
  font-family: "Courier New";
  color: #848a8a;
  resize: none;
  border: none;
  width: 100%;
  box-shadow: none;
}
.retail-listing__cell__item-text {
  max-width: 60%;
}
.retail-listing__cell__item-text-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.retail-table {
  text-align: left;
  border-collapse: collapse;
  padding: 0.75rem;
  width: 100%;
  table-layout: fixed;
}
.retail-table .retail-table__heading {
  border-bottom: 1px solid #c4cacc;
}
.retail-table .retail-table__heading th {
  border-right: 1px solid #c4cacc;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: 2.25rem;
}
.retail-table .retail-table__heading th:last-child {
  border-right: 0;
  text-align: right;
}
.retail-table .retail-table__body tr {
  border-bottom: 1px solid #c4cacc;
}
.retail-table .retail-table__body tr:last-child {
  border-bottom: none;
}
.retail-table .retail-table__body td {
  padding: 0.75rem;
}
.retail-table .retail-table__body td:last-child {
  text-align: right;
}
.retail-table .retail-table__truncated-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cirrus.add-deposit .add-deposit-header {
  background-color: #fcfcfc;
  border-bottom: 1px solid #c4cacc;
  font-size: 1.125rem;
  border-radius: 0.375rem 0.375rem 0 0;
}
.cirrus.add-deposit .add-deposit-body {
  font-size: 0.875rem;
  color: #494c4c;
  padding-bottom: 0;
}
.cirrus.add-deposit .add-deposit-body .add-deposit-customer {
  padding: 1.875rem 1.5rem 1.125rem;
  background-color: #fcfcfc;
  box-shadow: 0 0.375rem 0.75rem rgba(12, 13, 13, 0.15);
  border: 1px solid #abb3b3;
  border-radius: 0.375rem;
  line-height: 1;
}
.cirrus.add-deposit .add-deposit-body .add-deposit-customer .add-deposit-customer-title {
  margin-bottom: 0.375rem;
}
.cirrus.add-deposit .add-deposit-body .add-deposit-customer .add-deposit-customer-name {
  margin-bottom: 0.75rem;
  color: #848a8a;
}
.cirrus.add-deposit .add-deposit-body .add-deposit-customer .add-deposit-credit-balance {
  font-size: 1.5rem;
}
.cirrus.add-deposit .add-deposit-body .add-deposit-item {
  margin-bottom: 1.5rem;
}
.cirrus.add-deposit .add-deposit-body .add-deposit-orders {
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
  border-top: 1px solid #c4cacc;
}
.cirrus.add-deposit .add-deposit-fill-block {
  background-color: #f3f3f3;
  height: 84px;
  border-bottom: 1px solid #c4cacc;
}
.cirrus.add-deposit .add-deposit-fill-block + .add-deposit-body {
  margin-top: -84px;
}
.cirrus.add-deposit .add-deposit-footer {
  background-color: #f3f3f3;
  border-top: 1px solid #c4cacc;
  border-radius: 0 0 0.375rem 0.375rem;
}
.cirrus.deposit-modal label {
  font-weight: 600;
}
.cirrus.deposit-modal hr {
  background-color: #abb3b3;
  height: 1px;
  margin: 1.5rem 0;
}
.cirrus.deposit-modal .inline-input {
  float: right;
  text-align: right;
}
.cirrus.deposit-modal .display-input {
  border: none;
}

.cirrus.transaction-result .transaction-result-header {
  background-color: #fcfcfc;
  border-bottom: 1px solid #c4cacc;
  font-size: 1.125rem;
  border-radius: 0.375rem 0.375rem 0 0;
}
.cirrus.transaction-result .transaction-result-header .transaction-result-title {
  font-weight: bold;
  margin: 0;
}
.cirrus.transaction-result .transaction-result-body {
  font-size: 0.875rem;
  color: #494c4c;
  padding-bottom: 1.125rem;
}
.cirrus.transaction-result .transaction-result-body .transaction-result-status {
  font-weight: bold;
}
.cirrus.transaction-result .transaction-result-body .transaction-result-section {
  padding: 0.375rem 0;
  color: #848a8a;
}
.cirrus.transaction-result .transaction-result-body .transaction-result-section.error {
  font-size: 0.75rem;
  padding-bottom: 0.75rem;
}
.cirrus.transaction-result .transaction-result-footer {
  background-color: #f3f3f3;
  border-top: 1px solid #c4cacc;
  border-radius: 0 0 0.375rem 0.375rem;
  padding: 1.125rem 1.5rem;
}
.cirrus.transaction-result .transaction-result-footer .transaction-footer-button {
  margin-left: 0.75rem;
}

.quick-pay-modal__header {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.quick-pay-modal__body {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 600px) {
  .quick-pay-modal__body {
    width: 402px;
  }
}
.quick-pay-modal__body .quick-pay-modal__amount {
  margin-top: 1.5rem;
}
.quick-pay-modal__body .quick-pay-modal__amount__label {
  margin-bottom: 0.375rem;
}
.quick-pay-modal__body .quick-pay-modal__balance--positive {
  color: #ed5153;
}
.quick-pay-modal__body .quick-pay-modal__balance--negative {
  color: #35b858;
}
.quick-pay-modal__body__denominations {
  margin: -3px;
}
.quick-pay-modal__body__denominations .cr-button, .quick-pay-modal__body__denominations .DayPickerNavigation_button {
  min-width: 6rem;
  margin: 0.375rem 3px;
}
.quick-pay-modal__body__denominations__row:not(:first-child) {
  margin-top: 1.125rem;
}
.quick-pay-modal__body__icon {
  margin-top: 1.125rem;
  display: flex;
  justify-content: center;
}
.quick-pay-modal__body__icon img {
  height: 150px;
  width: 150px;
}
.quick-pay-modal__body__message {
  margin-top: 1.875rem;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 0.875rem;
}
.quick-pay-modal__body__error {
  margin-top: 0.375rem;
}
.quick-pay-modal__body__error_details {
  font-size: 0.75rem;
  color: #848a8a;
  /* Make this one darker for readability on white */
  line-height: 20px;
  /* Custom line-height for the error message */
  max-height: 4rem;
  overflow: auto;
  white-space: pre-wrap;
}
.quick-pay-modal__body__view_details {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #2875c6;
  border: none;
  background: none;
  padding: 0;
  line-height: 24px;
}

.quick-pay-modal__body__footer {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #c4cacc;
  font-size: 0.875rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.quick-pay-modal__body__footer__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.quick-pay-modal__body__footer__row:last-child {
  margin-bottom: 0;
}

.quick-pay-modal__body__footer--centered {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quick-pay-modal__body__footer--total {
  color: #181a1a;
}

.quick-pay-modal__body__footer--strikethrough {
  text-decoration: line-through;
  font-size: 1.125rem;
  color: #848a8a;
  line-height: 24px;
}

.quick-pay-modal__footer {
  display: flex;
  justify-content: flex-end;
}

.quick-pay-modal__footer--centered {
  justify-content: center;
}

.table-filter__filter_configuration {
  position: relative;
  overflow: hidden;
  transition: height 200ms ease-out;
  z-index: 1;
}

.cirrus .cr-button-link {
  color: inherit;
}
.cirrus .cr-ml-0 {
  margin-left: 0 !important;
}
.form_field_holder .cirrus .cr-autocomplete {
  border-left: 1px solid #ddd;
}
.form_field_holder .cirrus .cr-autocomplete.is-open .Select-control, .form_field_holder .cirrus .cr-autocomplete.is-focused .Select-control {
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
.form_field_holder .cirrus .cr-autocomplete .Select-control {
  height: 32px;
  border-radius: 0;
  border: none;
  box-shadow: inset 1px 1px 1px #eee;
}
.form_field_holder .cirrus .cr-autocomplete .Select-placeholder {
  line-height: 32px;
  color: #757575;
  padding-left: 6px;
  border: 0;
}
.form_field_holder .cirrus .cr-autocomplete .Select-input {
  height: 32px;
  padding-left: 6px;
}
.form_field_holder .cirrus .cr-autocomplete .Select-input > input {
  min-width: 0;
  border: 0;
  height: auto;
  padding-top: 6px;
  padding-left: 0;
}
.form_field_holder .cirrus .cr-autocomplete .Select-value {
  line-height: 32px;
  padding-left: 6px;
}
.form_field_holder .cirrus .cr-autocomplete .Select-clear {
  font-size: 1rem;
}
.form_field_holder .cirrus .cr-autocomplete span {
  padding: 0;
  font-weight: inherit;
  font-size: inherit;
}
.form_field_holder .cirrus .cr-autocomplete .cr-autocomplete__create > span {
  font-weight: 700;
  padding-left: 0.375rem;
}
.form_field_holder .cirrus .cr-autocomplete .Select-arrow-zone {
  padding-right: 5px;
}
.cirrus .cr-input:focus {
  box-shadow: none;
}
.cirrus .cr-input {
  font-size: 0.875rem;
  border: solid 0 transparent;
  box-shadow: none;
  padding: 0 0.75rem;
}
@media only screen and (max-width: 600px) {
  .cirrus .cr-input {
    height: 2.625rem;
  }
}
@media only screen and (max-width: 600px) {
  .cirrus .cr-button, .cirrus .DayPickerNavigation_button {
    height: 2.625rem;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 600px) {
  .cirrus .cr-button--small {
    height: 2.25rem;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 600px) {
  .cirrus .cr-select {
    height: 2.625rem;
  }
}
.cirrus .cr-popover {
  z-index: 3;
}

.form_field_holder .cirrus .cr-dropdown-country__wrapper .cr-autocomplete .Select-placeholder {
  padding-left: 0;
}
.form_field_holder .cirrus .cr-dropdown-country__wrapper .cr-autocomplete .Select-input {
  padding-left: 10px;
}
.form_field_holder .cirrus .cr-dropdown-country__wrapper .cr-autocomplete .Select-value {
  padding-left: 52px;
}
.form_field_holder .cirrus .cr-dropdown-country__wrapper .cr-dropdown__flag > span {
  border-color: #ddd;
}

.cirrus.cr-modal {
  margin: 0.75rem;
}
@media only screen and (min-width: 601px) {
  .cirrus.cr-modal.responsive {
    min-width: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .cirrus.cr-modal {
    min-width: 95%;
  }
}
.cirrus.cr-modal .cr-modal__body .cr-checkbox__text .cr-text--bold {
  font-weight: normal;
  font-size: 0.75rem;
}
.cirrus.cr-modal .cr-modal__body {
  overflow-y: auto;
  overflow-x: hidden;
}
.cirrus.cr-modal .cr-modal__header {
  z-index: 1;
}

.cr-serif {
  font-family: serif;
}

.cr-sans-serif {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.cr-monospace {
  font-family: monospace;
}

.cr-regular {
  font-weight: 400;
}

.cr-bold {
  font-weight: 700;
}

.cr-text-xxl {
  font-size: 2.25rem;
}

.cr-text-xl {
  font-size: 1.5rem;
}

.cr-text-l {
  font-size: 1.125rem;
}

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

.cr-text-s {
  font-size: 0.875rem;
}

.cr-text-xs {
  font-size: 0.75rem;
}

.cr-text-xxs {
  font-size: 0.5rem;
}

.cr-letter-spacing-normal {
  letter-spacing: normal;
}

.cr-letter-spacing-1 {
  letter-spacing: 0.03125rem;
}

.cr-letter-spacing-2 {
  letter-spacing: 0.0625rem;
}

.cr-letter-spacing-3 {
  letter-spacing: 0.09375rem;
}

.cr-m-0 {
  margin: 0;
}

.cr-m-1 {
  margin: 0.375rem;
}

.cr-m-2 {
  margin: 0.75rem;
}

.cr-m-3 {
  margin: 1.125rem;
}

.cr-m-4 {
  margin: 1.5rem;
}

.cr-m-5 {
  margin: 1.875rem;
}

.cr-m-6 {
  margin: 2.25rem;
}

.cr-m-7 {
  margin: 2.625rem;
}

.cr-m-8 {
  margin: 3rem;
}

.cr-m-9 {
  margin: 3.375rem;
}

.cr-m-10 {
  margin: 3.75rem;
}

.cr-p-0 {
  padding: 0;
}

.cr-p-1 {
  padding: 0.375rem;
}

.cr-p-2 {
  padding: 0.75rem;
}

.cr-p-3 {
  padding: 1.125rem;
}

.cr-p-4 {
  padding: 1.5rem;
}

.cr-p-5 {
  padding: 1.875rem;
}

.cr-p-6 {
  padding: 2.25rem;
}

.cr-p-7 {
  padding: 2.625rem;
}

.cr-p-8 {
  padding: 3rem;
}

.cr-p-9 {
  padding: 3.375rem;
}

.cr-p-10 {
  padding: 3.75rem;
}

.cr-mt-0 {
  margin-top: 0;
}

.cr-mt-1 {
  margin-top: 0.375rem;
}

.cr-mt-2 {
  margin-top: 0.75rem;
}

.cr-mt-3 {
  margin-top: 1.125rem;
}

.cr-mt-4 {
  margin-top: 1.5rem;
}

.cr-mt-5 {
  margin-top: 1.875rem;
}

.cr-mt-6 {
  margin-top: 2.25rem;
}

.cr-mt-7 {
  margin-top: 2.625rem;
}

.cr-mt-8 {
  margin-top: 3rem;
}

.cr-mt-9 {
  margin-top: 3.375rem;
}

.cr-mt-10 {
  margin-top: 3.75rem;
}

.cr-ml-0 {
  margin-left: 0;
}

.cr-ml-1 {
  margin-left: 0.375rem;
}

.cr-ml-2 {
  margin-left: 0.75rem;
}

.cr-ml-3 {
  margin-left: 1.125rem;
}

.cr-ml-4 {
  margin-left: 1.5rem;
}

.cr-ml-5 {
  margin-left: 1.875rem;
}

.cr-ml-6 {
  margin-left: 2.25rem;
}

.cr-ml-7 {
  margin-left: 2.625rem;
}

.cr-ml-8 {
  margin-left: 3rem;
}

.cr-ml-9 {
  margin-left: 3.375rem;
}

.cr-ml-10 {
  margin-left: 3.75rem;
}

.cr-mr-0 {
  margin-right: 0;
}

.cr-mr-1 {
  margin-right: 0.375rem;
}

.cr-mr-2 {
  margin-right: 0.75rem;
}

.cr-mr-3 {
  margin-right: 1.125rem;
}

.cr-mr-4 {
  margin-right: 1.5rem;
}

.cr-mr-5 {
  margin-right: 1.875rem;
}

.cr-mr-6 {
  margin-right: 2.25rem;
}

.cr-mr-7 {
  margin-right: 2.625rem;
}

.cr-mr-8 {
  margin-right: 3rem;
}

.cr-mr-9 {
  margin-right: 3.375rem;
}

.cr-mr-10 {
  margin-right: 3.75rem;
}

.cr-mb-0 {
  margin-bottom: 0;
}

.cr-mb-1 {
  margin-bottom: 0.375rem;
}

.cr-mb-2 {
  margin-bottom: 0.75rem;
}

.cr-mb-3 {
  margin-bottom: 1.125rem;
}

.cr-mb-4 {
  margin-bottom: 1.5rem;
}

.cr-mb-5 {
  margin-bottom: 1.875rem;
}

.cr-mb-6 {
  margin-bottom: 2.25rem;
}

.cr-mb-7 {
  margin-bottom: 2.625rem;
}

.cr-mb-8 {
  margin-bottom: 3rem;
}

.cr-mb-9 {
  margin-bottom: 3.375rem;
}

.cr-mb-10 {
  margin-bottom: 3.75rem;
}

.cr-pt-0 {
  padding-top: 0;
}

.cr-pt-1 {
  padding-top: 0.375rem;
}

.cr-pt-2 {
  padding-top: 0.75rem;
}

.cr-pt-3 {
  padding-top: 1.125rem;
}

.cr-pt-4 {
  padding-top: 1.5rem;
}

.cr-pt-5 {
  padding-top: 1.875rem;
}

.cr-pt-6 {
  padding-top: 2.25rem;
}

.cr-pt-7 {
  padding-top: 2.625rem;
}

.cr-pt-8 {
  padding-top: 3rem;
}

.cr-pt-9 {
  padding-top: 3.375rem;
}

.cr-pt-10 {
  padding-top: 3.75rem;
}

.cr-pl-0 {
  padding-left: 0;
}

.cr-pl-1 {
  padding-left: 0.375rem;
}

.cr-pl-2 {
  padding-left: 0.75rem;
}

.cr-pl-3 {
  padding-left: 1.125rem;
}

.cr-pl-4 {
  padding-left: 1.5rem;
}

.cr-pl-5 {
  padding-left: 1.875rem;
}

.cr-pl-6 {
  padding-left: 2.25rem;
}

.cr-pl-7 {
  padding-left: 2.625rem;
}

.cr-pl-8 {
  padding-left: 3rem;
}

.cr-pl-9 {
  padding-left: 3.375rem;
}

.cr-pl-10 {
  padding-left: 3.75rem;
}

.cr-pr-0 {
  padding-right: 0;
}

.cr-pr-1 {
  padding-right: 0.375rem;
}

.cr-pr-2 {
  padding-right: 0.75rem;
}

.cr-pr-3 {
  padding-right: 1.125rem;
}

.cr-pr-4 {
  padding-right: 1.5rem;
}

.cr-pr-5 {
  padding-right: 1.875rem;
}

.cr-pr-6 {
  padding-right: 2.25rem;
}

.cr-pr-7 {
  padding-right: 2.625rem;
}

.cr-pr-8 {
  padding-right: 3rem;
}

.cr-pr-9 {
  padding-right: 3.375rem;
}

.cr-pr-10 {
  padding-right: 3.75rem;
}

.cr-pb-0 {
  padding-bottom: 0;
}

.cr-pb-1 {
  padding-bottom: 0.375rem;
}

.cr-pb-2 {
  padding-bottom: 0.75rem;
}

.cr-pb-3 {
  padding-bottom: 1.125rem;
}

.cr-pb-4 {
  padding-bottom: 1.5rem;
}

.cr-pb-5 {
  padding-bottom: 1.875rem;
}

.cr-pb-6 {
  padding-bottom: 2.25rem;
}

.cr-pb-7 {
  padding-bottom: 2.625rem;
}

.cr-pb-8 {
  padding-bottom: 3rem;
}

.cr-pb-9 {
  padding-bottom: 3.375rem;
}

.cr-pb-10 {
  padding-bottom: 3.75rem;
}

.cr-mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.cr-mv-1 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.cr-mv-2 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.cr-mv-3 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.cr-mv-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.cr-mv-5 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.cr-mv-6 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.cr-mv-7 {
  margin-top: 2.625rem;
  margin-bottom: 2.625rem;
}

.cr-mv-8 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.cr-mv-9 {
  margin-top: 3.375rem;
  margin-bottom: 3.375rem;
}

.cr-mv-10 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.cr-pv-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.cr-pv-1 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.cr-pv-2 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.cr-pv-3 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.cr-pv-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.cr-pv-5 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.cr-pv-6 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.cr-pv-7 {
  padding-top: 2.625rem;
  padding-bottom: 2.625rem;
}

.cr-pv-8 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.cr-pv-9 {
  padding-top: 3.375rem;
  padding-bottom: 3.375rem;
}

.cr-pv-10 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.cr-mh-0 {
  margin-left: 0;
  margin-right: 0;
}

.cr-mh-1 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.cr-mh-2 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.cr-mh-3 {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}

.cr-mh-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.cr-mh-5 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.cr-mh-6 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.cr-mh-7 {
  margin-left: 2.625rem;
  margin-right: 2.625rem;
}

.cr-mh-8 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.cr-mh-9 {
  margin-left: 3.375rem;
  margin-right: 3.375rem;
}

.cr-mh-10 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.cr-ph-0 {
  padding-left: 0;
  padding-right: 0;
}

.cr-ph-1 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.cr-ph-2 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.cr-ph-3 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.cr-ph-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.cr-ph-5 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.cr-ph-6 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.cr-ph-7 {
  padding-left: 2.625rem;
  padding-right: 2.625rem;
}

.cr-ph-8 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.cr-ph-9 {
  padding-left: 3.375rem;
  padding-right: 3.375rem;
}

.cr-ph-10 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.cr-maple {
  color: #ed5153;
}

.cr-maple-100 {
  color: #fee3e3;
}

.cr-maple-200 {
  color: #b93435;
}

.cr-maple-300 {
  color: #872525;
}

.cr-dive {
  color: #232a3b;
}

.cr-dive-100 {
  color: #3c7797;
}

.cr-dive-200 {
  color: #32637e;
}

.cr-dive-300 {
  color: #34495e;
}

.cr-night {
  color: #0c0d0d;
}

.cr-night-100 {
  color: #383d3d;
}

.cr-night-200 {
  color: #212424;
}

.cr-night-300 {
  color: #181a1a;
}

.cr-snow {
  color: #fff;
}

.cr-snow-100 {
  color: #fcfcfc;
}

.cr-snow-200 {
  color: #f3f3f3;
}

.cr-snow-300 {
  color: #e1e4e5;
}

.cr-blue {
  color: #2875c6;
}

.cr-blue-100 {
  color: #e9fafe;
}

.cr-blue-200 {
  color: #5187e0;
}

.cr-blue-300 {
  color: #1d5794;
}

.cr-green {
  color: #35b858;
}

.cr-green-100 {
  color: #e0f8e6;
}

.cr-green-200 {
  color: #3dd164;
}

.cr-green-300 {
  color: #26853f;
}

.cr-orange {
  color: #e69524;
}

.cr-orange-100 {
  color: #fdebd0;
}

.cr-orange-200 {
  color: #f39c26;
}

.cr-orange-300 {
  color: #996318;
}

.cr-yellow {
  color: #f1f326;
}

.cr-yellow-100 {
  color: #fdfcd4;
}

.cr-yellow-200 {
  color: #ecde36;
}

.cr-yellow-300 {
  color: #9e941f;
}

.cr-gray {
  color: #494c4c;
}

.cr-gray-100 {
  color: #c4cacc;
}

.cr-gray-200 {
  color: #abb3b3;
}

.cr-gray-300 {
  color: #848a8a;
}

.cr-seal {
  color: #737883;
}

.cr-seal-100 {
  color: #9ba0ab;
}

.cr-seal-200 {
  color: #505765;
}

.cr-seal-300 {
  color: #393f4c;
}

.cr-bg-maple {
  background-color: #ed5153;
}

.cr-bg-maple-100 {
  background-color: #fee3e3;
}

.cr-bg-maple-200 {
  background-color: #b93435;
}

.cr-bg-maple-300 {
  background-color: #872525;
}

.cr-bg-dive {
  background-color: #232a3b;
}

.cr-bg-dive-100 {
  background-color: #3c7797;
}

.cr-bg-dive-200 {
  background-color: #32637e;
}

.cr-bg-dive-300 {
  background-color: #34495e;
}

.cr-bg-night {
  background-color: #0c0d0d;
}

.cr-bg-night-100 {
  background-color: #383d3d;
}

.cr-bg-night-200 {
  background-color: #212424;
}

.cr-bg-night-300 {
  background-color: #181a1a;
}

.cr-bg-snow {
  background-color: #fff;
}

.cr-bg-snow-100 {
  background-color: #fcfcfc;
}

.cr-bg-snow-200 {
  background-color: #f3f3f3;
}

.cr-bg-snow-300 {
  background-color: #e1e4e5;
}

.cr-bg-blue {
  background-color: #2875c6;
}

.cr-bg-blue-100 {
  background-color: #e9fafe;
}

.cr-bg-blue-200 {
  background-color: #5187e0;
}

.cr-bg-blue-300 {
  background-color: #1d5794;
}

.cr-bg-green {
  background-color: #35b858;
}

.cr-bg-green-100 {
  background-color: #e0f8e6;
}

.cr-bg-green-200 {
  background-color: #3dd164;
}

.cr-bg-green-300 {
  background-color: #26853f;
}

.cr-bg-orange {
  background-color: #e69524;
}

.cr-bg-orange-100 {
  background-color: #fdebd0;
}

.cr-bg-orange-200 {
  background-color: #f39c26;
}

.cr-bg-orange-300 {
  background-color: #996318;
}

.cr-bg-yellow {
  background-color: #f1f326;
}

.cr-bg-yellow-100 {
  background-color: #fdfcd4;
}

.cr-bg-yellow-200 {
  background-color: #ecde36;
}

.cr-bg-yellow-300 {
  background-color: #9e941f;
}

.cr-bg-gray {
  background-color: #494c4c;
}

.cr-bg-gray-100 {
  background-color: #c4cacc;
}

.cr-bg-gray-200 {
  background-color: #abb3b3;
}

.cr-bg-gray-300 {
  background-color: #848a8a;
}

.cr-bg-seal {
  background-color: #737883;
}

.cr-bg-seal-100 {
  background-color: #9ba0ab;
}

.cr-bg-seal-200 {
  background-color: #505765;
}

.cr-bg-seal-300 {
  background-color: #393f4c;
}

.cr-border-maple {
  border-color: #ed5153;
}

.cr-border-maple-100 {
  border-color: #fee3e3;
}

.cr-border-maple-200 {
  border-color: #b93435;
}

.cr-border-maple-300 {
  border-color: #872525;
}

.cr-border-dive {
  border-color: #232a3b;
}

.cr-border-dive-100 {
  border-color: #3c7797;
}

.cr-border-dive-200 {
  border-color: #32637e;
}

.cr-border-dive-300 {
  border-color: #34495e;
}

.cr-border-night {
  border-color: #0c0d0d;
}

.cr-border-night-100 {
  border-color: #383d3d;
}

.cr-border-night-200 {
  border-color: #212424;
}

.cr-border-night-300 {
  border-color: #181a1a;
}

.cr-border-snow {
  border-color: #fff;
}

.cr-border-snow-100 {
  border-color: #fcfcfc;
}

.cr-border-snow-200 {
  border-color: #f3f3f3;
}

.cr-border-snow-300 {
  border-color: #e1e4e5;
}

.cr-border-blue {
  border-color: #2875c6;
}

.cr-border-blue-100 {
  border-color: #e9fafe;
}

.cr-border-blue-200 {
  border-color: #5187e0;
}

.cr-border-blue-300 {
  border-color: #1d5794;
}

.cr-border-green {
  border-color: #35b858;
}

.cr-border-green-100 {
  border-color: #e0f8e6;
}

.cr-border-green-200 {
  border-color: #3dd164;
}

.cr-border-green-300 {
  border-color: #26853f;
}

.cr-border-orange {
  border-color: #e69524;
}

.cr-border-orange-100 {
  border-color: #fdebd0;
}

.cr-border-orange-200 {
  border-color: #f39c26;
}

.cr-border-orange-300 {
  border-color: #996318;
}

.cr-border-yellow {
  border-color: #f1f326;
}

.cr-border-yellow-100 {
  border-color: #fdfcd4;
}

.cr-border-yellow-200 {
  border-color: #ecde36;
}

.cr-border-yellow-300 {
  border-color: #9e941f;
}

.cr-border-gray {
  border-color: #494c4c;
}

.cr-border-gray-100 {
  border-color: #c4cacc;
}

.cr-border-gray-200 {
  border-color: #abb3b3;
}

.cr-border-gray-300 {
  border-color: #848a8a;
}

.cr-border-seal {
  border-color: #737883;
}

.cr-border-seal-100 {
  border-color: #9ba0ab;
}

.cr-border-seal-200 {
  border-color: #505765;
}

.cr-border-seal-300 {
  border-color: #393f4c;
}

.cr-shadow-1 {
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15);
}

.cr-shadow-2 {
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
}

.cr-shadow-3 {
  box-shadow: 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.cr-shadow-4 {
  box-shadow: 0 0.375rem 0.75rem rgba(12, 13, 13, 0.15);
}

.cr-shadow-5 {
  box-shadow: 0 0.75rem 1.5rem rgba(12, 13, 13, 0.15);
}

.cr-inner-shadow-1 {
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
}

.cr-inner-shadow-2 {
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18);
}

.cr-inner-shadow-n1 {
  box-shadow: inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}

.cr-border-shadow {
  box-shadow: 0 0 0 0.0625rem rgba(12, 13, 13, 0.15);
}

.cr-radius-1 {
  border-radius: 0.1875rem;
}

.cr-radius-2 {
  border-radius: 0.375rem;
}

.cr-radius-circle {
  border-radius: 50%;
}

.cr-transition-duration-fast {
  transition-duration: 100ms;
}

.cr-transition-duration-base {
  transition-duration: 200ms;
}

.cr-transition-duration-slow {
  transition-duration: 300ms;
}

.cr-alert {
  padding: 0.75rem 1.125rem;
  border-radius: 0.375rem;
  border-top: 4px solid;
  color: #494c4c;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 3px 6px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.cr-alert__content-wrap {
  flex: 1;
}

.cr-alert--info {
  background-color: #e9fafe;
  border-color: #2875c6;
}

.cr-alert--success {
  background-color: #e0f8e6;
  border-color: #26853f;
}

.cr-alert--warning {
  background-color: #fdebd0;
  border-color: #f39c26;
}

.cr-alert--danger {
  background-color: #fee3e3;
  border-color: #b93435;
}

.cr-alert__title {
  margin: 0 0 0.375rem;
  font-weight: 700;
  font-size: 1rem;
  color: #0c0d0d;
}

.cr-alert__content {
  color: #494c4c;
  font-size: 0.875rem;
}

.cr-alert__close {
  background-color: rgba(12, 13, 13, 0.1);
  border-radius: 50%;
  border: none;
  font-size: 1rem;
  color: #0c0d0d;
  cursor: pointer;
  width: 1em;
  height: 1em;
  padding: 0;
  position: relative;
}
.cr-alert__close:focus {
  outline: none;
}

.cr-alert__close > svg {
  width: 0.5em;
  height: 0.5em;
  fill: #0c0d0d;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  right: 0;
  bottom: 0;
}

.cr-autocomplete__create {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #2875c6;
}
.cr-autocomplete__create > span {
  font-weight: 700;
  padding-left: 0.375rem;
}

/* stylelint-disable comment-empty-line-before */
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
  width: 100%;
}

.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}

.Select input::-ms-clear {
  display: none !important;
}

.Select input::-ms-reveal {
  display: none !important;
}

.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}

.Select.is-disabled > .Select-control {
  background-color: #f3f3f3;
}

.Select.is-open > .Select-control {
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #494c4c;
  border-width: 0 5px 5px;
}

.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}

.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #2875c6;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 45px;
}

.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #494c4c;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #2875c6;
  outline: none;
  text-decoration: underline;
}

.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #494c4c;
}

.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}

.Select-control {
  border: solid 1px #abb3b3;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  background-color: #fff;
  border-color: #abb3b3;
  border-radius: 0.1875rem;
  height: 2.25rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #494c4c;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select:not(.is-disabled):not(.is-focused) .Select-control:hover {
  border-color: #383d3d;
}

.Select-control .Select-input:focus {
  outline: none;
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #abb3b3;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 5px;
  vertical-align: middle;
}

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}

.is-focused .Select-input > input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #c4cacc;
  border-right-color: #383d3d;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #848a8a;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover svg {
  fill: #b93435;
}

.Select-clear {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1;
}

.Select-clear-zone svg,
.Select-arrow-zone svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}

.Select-arrow {
  border-color: #848a8a transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

.Select-control > *:last-child {
  padding-right: 5px;
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-radius: 0.375rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.0625rem rgba(12, 13, 13, 0.15), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
  box-sizing: border-box;
  margin-top: 0.375rem;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  border-radius: 0.375rem;
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #494c4c;
  cursor: pointer;
  display: block;
  height: 2.25rem;
  line-height: 2.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  border-bottom: 1px solid #c4cacc;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Select-option:first-child {
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}

.Select-option:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom: 0;
}

.Select-option.is-selected {
  color: #0c0d0d;
  background-color: #f3f3f3;
}

.Select-option.is-focused {
  background-color: #f3f3f3;
}

.Select-option.is-disabled {
  color: #848a8a;
  background-color: #f3f3f3;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #494c4c;
  cursor: default;
  display: block;
  height: 2.25rem;
  line-height: 2.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: #e9fafe;
  /* Fallback color for IE 8 */
  background-color: rgba(40, 117, 198, 0.08);
  border-radius: 2px;
  border: 1px solid #e9fafe;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(40, 117, 198, 0.24);
  color: #2875c6;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}

.Select--multi a.Select-value-label {
  color: #2875c6;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #e9fafe;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(40, 117, 198, 0.24);
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #e9fafe;
  /* Fallback color for IE 8 */
  background-color: rgba(40, 117, 198, 0.08);
  color: #2875c6;
}

.Select--multi .Select-value-icon:active {
  background-color: #e9fafe;
  /* Fallback color for IE 8 */
  background-color: rgba(40, 117, 198, 0.24);
}

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #e9fafe;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(40, 117, 198, 0.24);
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e1e4e5;
  color: #383d3d;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e1e4e5;
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
  color: #0c0d0d;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
.Select.has-error .Select-control,
.Select:not(.is-disabled):not(.is-focused).has-error .Select-control:hover {
  border-color: #b93435;
}

.Select.is-open:not(.has-error) > .Select-control {
  border-color: #2875c6;
}

.Select.has-value.is-disabled.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.is-disabled.Select--single > .Select-control .Select-value .Select-value-label {
  color: #848a8a;
}

.cr-badge {
  display: inline-flex;
  align-items: center;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.09375rem;
  border-radius: 0.1875rem;
  text-transform: uppercase;
}
.cr-badge--default {
  background-color: #abb3b3;
  color: #0c0d0d;
}
.cr-badge--success {
  background-color: #35b858;
  color: #fff;
}
.cr-badge--danger {
  background-color: #b93435;
  color: #fff;
}
.cr-badge--info {
  background-color: #5187e0;
  color: #fff;
}
.cr-badge--important {
  background-color: #2875c6;
  color: #fff;
}
.cr-badge--warning {
  background-color: #f39c26;
}
.cr-badge--small {
  font-size: 0.5rem;
  line-height: 1.125rem;
  letter-spacing: 0.0625rem;
}
.cr-badge--pill {
  border-radius: 10rem;
}
.cr-badge--pill:not(.cr-badge--small) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.cr-bone {
  display: block;
  width: 100%;
  height: 0.75rem;
  border-radius: 0.1875rem;
  background-color: #e1e4e5;
}

.cr-bone--animated {
  animation: cr-bone-animation 1.8s infinite;
}

@keyframes cr-bone-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.cr-button, .DayPickerNavigation_button {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  height: 2.25rem;
  padding: 0 1.125rem;
  background-color: #fff;
  border: 1px solid #abb3b3;
  border-radius: 0.1875rem;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
  cursor: pointer;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #494c4c;
  line-height: 1;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
  text-align: center;
  transition-property: background, border, box-shadow, color;
  transition-duration: 200ms;
  box-sizing: border-box;
}
.cr-button--icon-only {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.cr-button .cr-icon, .DayPickerNavigation_button .cr-icon {
  fill: #494c4c;
  color: #fff;
}
.cr-button:disabled, .DayPickerNavigation_button:disabled, .cr-button.cr-button--disabled, .cr-button--disabled.DayPickerNavigation_button {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  box-shadow: none;
}
.cr-button--small {
  height: 1.875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
}
.cr-button--small.cr-button--icon-only {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.cr-button--large {
  height: 2.625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
}
.cr-button--large.cr-button--icon-only {
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}
.cr-button--xlarge {
  height: 3.375rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  font-size: 1.125rem;
  border-radius: 0.375rem;
}
.cr-button--xlarge.cr-button--icon-only {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.cr-button--block {
  display: flex;
  width: 100%;
}
.cr-button--primary {
  border-color: #35b858;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -1px 3px 0 rgba(38, 133, 64, 0.2);
  color: #35b858;
}
.cr-button--primary .cr-icon {
  fill: #35b858;
}
.cr-button--primary:disabled, .cr-button--primary.cr-button--disabled {
  box-shadow: none;
}
.cr-button--primary.cr-button--fill {
  background-color: #35b858;
  border-color: #26853f;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}
.cr-button--primary.cr-button--fill .cr-icon {
  fill: #fff;
  color: #35b858;
}
.cr-button--primary.cr-button--fill:disabled, .cr-button--primary.cr-button--fill.cr-button--disabled {
  box-shadow: none;
}
.cr-button--secondary {
  border-color: #2875c6;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -1px 3px 0 rgba(30, 87, 148, 0.2);
  color: #2875c6;
}
.cr-button--secondary .cr-icon {
  fill: #2875c6;
}
.cr-button--secondary:disabled, .cr-button--secondary.cr-button--disabled {
  box-shadow: none;
}
.cr-button--secondary.cr-button--fill {
  background-color: #2875c6;
  border-color: #1d5794;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}
.cr-button--secondary.cr-button--fill .cr-icon {
  fill: #fff;
  color: #2875c6;
}
.cr-button--secondary.cr-button--fill:disabled, .cr-button--secondary.cr-button--fill.cr-button--disabled {
  box-shadow: none;
}
.cr-button--danger {
  border-color: #b93435;
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15), inset 0 -1px 3px 0 rgba(135, 38, 38, 0.2);
  color: #b93435;
}
.cr-button--danger .cr-icon {
  fill: #b93435;
}
.cr-button--danger:disabled, .cr-button--danger.cr-button--disabled {
  box-shadow: none;
}
.cr-button--danger.cr-button--fill {
  background-color: #b93435;
  border-color: #872525;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}
.cr-button--danger.cr-button--fill .cr-icon {
  fill: #fff;
  color: #b93435;
}
.cr-button--danger.cr-button--fill:disabled, .cr-button--danger.cr-button--fill.cr-button--disabled {
  box-shadow: none;
}

.cr-button .cr-button__content, .DayPickerNavigation_button .cr-button__content {
  display: inline-flex;
  align-self: center;
}
.cr-button .cr-button__content > *, .DayPickerNavigation_button .cr-button__content > * {
  align-self: center;
}
.cr-button:not(.cr-button--no-spacing) .cr-button__content:not(.cr-button__content--loading) + .cr-button__content, .DayPickerNavigation_button:not(.cr-button--no-spacing) .cr-button__content:not(.cr-button__content--loading) + .cr-button__content {
  margin-left: 0.5rem;
}
.cr-button::before, .DayPickerNavigation_button::before, .cr-button::after, .DayPickerNavigation_button::after {
  content: "";
  flex: 1 0 auto;
}

.cr-button--loading > :not(.cr-button__content--loading) {
  opacity: 0;
}
.cr-button--loading .cr-button__content--loading {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cr-button:hover, .DayPickerNavigation_button:hover {
  background-color: #f3f3f3;
  box-shadow: none;
  color: #494c4c;
}

.cr-button:active, .DayPickerNavigation_button:active, .cr-button.cr-button--active, .cr-button--active.DayPickerNavigation_button, .cr-button:focus:active, .DayPickerNavigation_button:focus:active {
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18);
  background-color: #f3f3f3;
}

.cr-button:focus, .DayPickerNavigation_button:focus {
  outline: thin dotted;
  box-shadow: none;
}

.cr-button--primary:hover {
  background-color: #e0f8e6;
  color: #26853f;
  box-shadow: none;
}
.cr-button--primary:hover .cr-icon {
  fill: #26853f;
  color: #e0f8e6;
}

.cr-button--primary:active, .cr-button--primary.cr-button--active, .cr-button--primary:focus:active {
  background-color: #e0f8e6;
  color: #26853f;
  box-shadow: inset 0 0 0.375rem rgba(38, 133, 64, 0.4);
}
.cr-button--primary:active .cr-icon, .cr-button--primary.cr-button--active .cr-icon {
  fill: #26853f;
  color: #e0f8e6;
}

.cr-button--primary.cr-button--fill:hover {
  background-color: #2fa44f;
  color: #fff;
  box-shadow: none;
}
.cr-button--primary.cr-button--fill:hover .cr-icon {
  fill: #fff;
  color: #2fa44f;
}

.cr-button--primary.cr-button--fill:active, .cr-button--primary.cr-button--fill.cr-button--active, .cr-button--primary.cr-button--fill:focus:active {
  background-color: #2fa44f;
  background-image: linear-gradient(to bottom, #2a9045, #35b858);
  color: #fff;
  box-shadow: none;
}
.cr-button--primary.cr-button--fill:active .cr-icon, .cr-button--primary.cr-button--fill.cr-button--active .cr-icon {
  fill: #fff;
  color: #2fa44f;
}

.cr-button--secondary:hover {
  background-color: #e9fafe;
  color: #1d5794;
  box-shadow: none;
}
.cr-button--secondary:hover .cr-icon {
  fill: #1d5794;
  color: #e9fafe;
}

.cr-button--secondary:active, .cr-button--secondary.cr-button--active, .cr-button--secondary:focus:active {
  background-color: #e9fafe;
  color: #1d5794;
  box-shadow: inset 0 0 0.375rem rgba(30, 87, 148, 0.4);
}
.cr-button--secondary:active .cr-icon, .cr-button--secondary.cr-button--active .cr-icon {
  fill: #1d5794;
  color: #e9fafe;
}

.cr-button--secondary.cr-button--fill:hover {
  background-color: #2468b1;
  color: #fff;
  box-shadow: none;
}
.cr-button--secondary.cr-button--fill:hover .cr-icon {
  fill: #fff;
  color: #2468b1;
}

.cr-button--secondary.cr-button--fill:active, .cr-button--secondary.cr-button--fill.cr-button--active, .cr-button--secondary.cr-button--fill:focus:active {
  background-color: #2468b1;
  background-image: linear-gradient(to bottom, #1d5794, #2875c6);
  color: #fff;
  box-shadow: none;
}
.cr-button--secondary.cr-button--fill:active .cr-icon, .cr-button--secondary.cr-button--fill.cr-button--active .cr-icon {
  fill: #fff;
  color: #2468b1;
}

.cr-button--danger:hover {
  background-color: #fee3e3;
  color: #872525;
  box-shadow: none;
}
.cr-button--danger:hover .cr-icon {
  fill: #872525;
  color: #fee3e3;
}

.cr-button--danger:active, .cr-button--danger.cr-button--active, .cr-button--danger:focus:active {
  background-color: #fee3e3;
  color: #872525;
  box-shadow: inset 0 0 0.375rem rgba(135, 38, 38, 0.4);
}
.cr-button--danger:active .cr-icon, .cr-button--danger.cr-button--active .cr-icon {
  fill: #872525;
  color: #fee3e3;
}

.cr-button--danger.cr-button--fill:hover {
  background-color: #a52e2f;
  color: #fff;
  box-shadow: none;
}
.cr-button--danger.cr-button--fill:hover .cr-icon {
  fill: #fff;
  color: #a52e2f;
}

.cr-button--danger.cr-button--fill:active, .cr-button--danger.cr-button--fill.cr-button--active, .cr-button--danger.cr-button--fill:focus:active {
  background-color: #a52e2f;
  background-image: linear-gradient(to bottom, #91292a, #b93435);
  color: #fff;
  box-shadow: none;
}
.cr-button--danger.cr-button--fill:active .cr-icon, .cr-button--danger.cr-button--fill.cr-button--active .cr-icon {
  fill: #fff;
  color: #a52e2f;
}

.cr-card {
  border-radius: 0.375rem;
  background-color: #fff;
  border: 1px solid #abb3b3;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.cr-card > :first-child {
  border-top-left-radius: calc(0.375rem - 1px);
  border-top-right-radius: calc(0.375rem - 1px);
}
.cr-card > :last-child {
  border-bottom-left-radius: calc(0.375rem - 1px);
  border-bottom-right-radius: calc(0.375rem - 1px);
}

.cr-card--top {
  box-shadow: 0 0.375rem 0.75rem rgba(12, 13, 13, 0.15);
}

.cr-card__header,
.cr-card__footer {
  background-color: #f3f3f3;
  line-height: 1.125rem;
}

.cr-card__header {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-bottom: 1px solid #c4cacc;
}

.cr-card__footer {
  padding: 0.75rem;
  border-top: 1px solid #c4cacc;
}

.cr-card__header--large,
.cr-card__footer--large {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.cr-card__header--with-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cr-card__header__title {
  font-size: 1rem;
  font-weight: 700;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.cr-card__section {
  padding: 0.75rem;
}

.cr-card__section--large {
  padding: 1.5rem;
}

.cr-checkbox {
  position: relative;
  line-height: 1rem;
}

.cr-checkbox__label {
  position: relative;
  display: inline-flex;
}

.cr-checkbox__input {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0;
  left: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
  z-index: 1;
}
.cr-checkbox__input:indeterminate + .cr-checkbox__checkmark {
  border-color: #2875c6;
}
.cr-checkbox__input:checked + .cr-checkbox__checkmark {
  background-color: #2875c6;
  border-color: #1d5794;
}
.cr-checkbox__input:active + .cr-checkbox__checkmark {
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18), 0 0 0 1px #fff, 0 0 0 3px #2875c6;
}
.cr-checkbox__input:focus + .cr-checkbox__checkmark {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2875c6;
}
.cr-checkbox__input[disabled] + .cr-checkbox__checkmark {
  opacity: 0.5;
  box-shadow: none;
}

.cr-checkbox__checkmark {
  position: relative;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  border-radius: 0.1875rem;
  background-color: transparent;
  box-shadow: inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18), 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  border: solid 1px #abb3b3;
  box-sizing: border-box;
  overflow: hidden;
  cursor: default;
}
.cr-checkbox__checkmark .cr-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
}

.cr-checkbox__indeterminate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.125rem;
  border-radius: 0.1875rem;
  background: #1d5794;
}

.cr-checkbox__text {
  margin-left: 0.75rem;
}

.cr-checkbox__description {
  margin-left: calc(1rem + 0.75rem);
}

.cr-divider {
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1px;
  width: 100%;
}
.cr-divider::after, .cr-divider::before {
  height: 1px;
  flex: 1 1 auto;
  content: "";
}
.cr-divider::before {
  margin-right: 0.75rem;
}
.cr-divider::after {
  margin-left: 0.75rem;
}
.cr-divider:empty::before {
  margin-right: 0;
}
.cr-divider:empty::after {
  margin-left: 0;
}

.cr-divider--solid::after, .cr-divider--solid::before {
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #c4cacc;
}

.cr-divider--dotted::after, .cr-divider--dotted::before {
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 3px 1px;
  background-image: linear-gradient(to right, #c4cacc 33%, rgba(196, 202, 204, 0) 0%);
  background-color: transparent;
}

.cr-dialog {
  max-width: 500px;
}

.cr-dialog__actions {
  display: flex;
  justify-content: flex-end;
}

.cr-group {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
}

.cr-group__item {
  position: relative;
  display: flex;
  z-index: 0;
}
.cr-group__item--focused {
  z-index: 1;
}
.cr-group__item:hover {
  z-index: 2;
}
.cr-group__item:not(:first-child) {
  margin-left: 0.75rem;
}
.cr-group__item > * {
  align-self: center;
  width: 100%;
}

.cr-group--no-spacing .cr-group__item:not(:first-child) {
  margin-left: -1px;
}
.cr-group--no-spacing .cr-group__item:not(.cr-group__item--addon) * {
  border-radius: 0;
}
.cr-group--no-spacing .cr-group__item:first-child, .cr-group--no-spacing .cr-group__item:first-child * {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}
.cr-group--no-spacing .cr-group__item:last-child, .cr-group--no-spacing .cr-group__item:last-child * {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
}

.cr-group--block,
.cr-group__item--block {
  width: 100%;
}
.cr-group--block > .cr-group__item:not(.cr-group__item--addon):not(.cr-group__item--input-block),
.cr-group__item--block > .cr-group__item:not(.cr-group__item--addon):not(.cr-group__item--input-block) {
  flex-grow: 1;
}
.cr-group--block > .cr-group__item:not(.cr-group__item--addon):not(.cr-group__item--input-block) > *,
.cr-group__item--block > .cr-group__item:not(.cr-group__item--addon):not(.cr-group__item--input-block) > * {
  width: 100%;
}

.cr-group__item--input-block {
  flex-grow: 2;
}

.cr-group__item--addon {
  display: flex;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  background-color: #f3f3f3;
  border: solid 1px #abb3b3;
  border-radius: 0.1875rem;
}
.cr-group__item--addon > * {
  display: flex;
  justify-content: center;
  align-self: center;
}

.cr-group--no-spacing .cr-group__item--addon {
  border-radius: 0;
}

.cr-group--vertical {
  flex-direction: column;
}
.cr-group--vertical .cr-group__item {
  flex-direction: column;
  margin: 0;
}
.cr-group--vertical .cr-group__item:not(:first-child) {
  margin-top: 0.75rem;
}
.cr-group--vertical.cr-group--no-spacing .cr-group__item {
  margin: 0;
}
.cr-group--vertical.cr-group--no-spacing .cr-group__item:not(:first-child) {
  margin-top: -1px;
}
.cr-group--vertical.cr-group--no-spacing .cr-group__item:not(.cr-group__item--addon) * {
  border-radius: 0;
}
.cr-group--vertical.cr-group--no-spacing .cr-group__item:first-child, .cr-group--vertical.cr-group--no-spacing .cr-group__item:first-child * {
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}
.cr-group--vertical.cr-group--no-spacing .cr-group__item:last-child, .cr-group--vertical.cr-group--no-spacing .cr-group__item:last-child * {
  border-bottom-left-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
}
.cr-group--vertical .cr-group__item--addon {
  display: block;
  padding: 0.375rem 0;
}

.cr-icon-base-1-maple {
  --cr-icon-base-1-fill: $cr-maple;
}

.cr-icon-base-1-maple-100 {
  --cr-icon-base-1-fill: $cr-maple-100;
}

.cr-icon-base-1-maple-200 {
  --cr-icon-base-1-fill: $cr-maple-200;
}

.cr-icon-base-1-maple-300 {
  --cr-icon-base-1-fill: $cr-maple-300;
}

.cr-icon-base-1-dive {
  --cr-icon-base-1-fill: $cr-dive;
}

.cr-icon-base-1-dive-100 {
  --cr-icon-base-1-fill: $cr-dive-100;
}

.cr-icon-base-1-dive-200 {
  --cr-icon-base-1-fill: $cr-dive-200;
}

.cr-icon-base-1-dive-300 {
  --cr-icon-base-1-fill: $cr-dive-300;
}

.cr-icon-base-1-night {
  --cr-icon-base-1-fill: $cr-night;
}

.cr-icon-base-1-night-100 {
  --cr-icon-base-1-fill: $cr-night-100;
}

.cr-icon-base-1-night-200 {
  --cr-icon-base-1-fill: $cr-night-200;
}

.cr-icon-base-1-night-300 {
  --cr-icon-base-1-fill: $cr-night-300;
}

.cr-icon-base-1-snow {
  --cr-icon-base-1-fill: $cr-snow;
}

.cr-icon-base-1-snow-100 {
  --cr-icon-base-1-fill: $cr-snow-100;
}

.cr-icon-base-1-snow-200 {
  --cr-icon-base-1-fill: $cr-snow-200;
}

.cr-icon-base-1-snow-300 {
  --cr-icon-base-1-fill: $cr-snow-300;
}

.cr-icon-base-1-blue {
  --cr-icon-base-1-fill: $cr-blue;
}

.cr-icon-base-1-blue-100 {
  --cr-icon-base-1-fill: $cr-blue-100;
}

.cr-icon-base-1-blue-200 {
  --cr-icon-base-1-fill: $cr-blue-200;
}

.cr-icon-base-1-blue-300 {
  --cr-icon-base-1-fill: $cr-blue-300;
}

.cr-icon-base-1-green {
  --cr-icon-base-1-fill: $cr-green;
}

.cr-icon-base-1-green-100 {
  --cr-icon-base-1-fill: $cr-green-100;
}

.cr-icon-base-1-green-200 {
  --cr-icon-base-1-fill: $cr-green-200;
}

.cr-icon-base-1-green-300 {
  --cr-icon-base-1-fill: $cr-green-300;
}

.cr-icon-base-1-orange {
  --cr-icon-base-1-fill: $cr-orange;
}

.cr-icon-base-1-orange-100 {
  --cr-icon-base-1-fill: $cr-orange-100;
}

.cr-icon-base-1-orange-200 {
  --cr-icon-base-1-fill: $cr-orange-200;
}

.cr-icon-base-1-orange-300 {
  --cr-icon-base-1-fill: $cr-orange-300;
}

.cr-icon-base-1-yellow {
  --cr-icon-base-1-fill: $cr-yellow;
}

.cr-icon-base-1-yellow-100 {
  --cr-icon-base-1-fill: $cr-yellow-100;
}

.cr-icon-base-1-yellow-200 {
  --cr-icon-base-1-fill: $cr-yellow-200;
}

.cr-icon-base-1-yellow-300 {
  --cr-icon-base-1-fill: $cr-yellow-300;
}

.cr-icon-base-1-gray {
  --cr-icon-base-1-fill: $cr-gray;
}

.cr-icon-base-1-gray-100 {
  --cr-icon-base-1-fill: $cr-gray-100;
}

.cr-icon-base-1-gray-200 {
  --cr-icon-base-1-fill: $cr-gray-200;
}

.cr-icon-base-1-gray-300 {
  --cr-icon-base-1-fill: $cr-gray-300;
}

.cr-icon-base-1-seal {
  --cr-icon-base-1-fill: $cr-seal;
}

.cr-icon-base-1-seal-100 {
  --cr-icon-base-1-fill: $cr-seal-100;
}

.cr-icon-base-1-seal-200 {
  --cr-icon-base-1-fill: $cr-seal-200;
}

.cr-icon-base-1-seal-300 {
  --cr-icon-base-1-fill: $cr-seal-300;
}

.cr-icon-base-2-maple {
  --cr-icon-base-2-fill: $cr-maple;
}

.cr-icon-base-2-maple-100 {
  --cr-icon-base-2-fill: $cr-maple-100;
}

.cr-icon-base-2-maple-200 {
  --cr-icon-base-2-fill: $cr-maple-200;
}

.cr-icon-base-2-maple-300 {
  --cr-icon-base-2-fill: $cr-maple-300;
}

.cr-icon-base-2-dive {
  --cr-icon-base-2-fill: $cr-dive;
}

.cr-icon-base-2-dive-100 {
  --cr-icon-base-2-fill: $cr-dive-100;
}

.cr-icon-base-2-dive-200 {
  --cr-icon-base-2-fill: $cr-dive-200;
}

.cr-icon-base-2-dive-300 {
  --cr-icon-base-2-fill: $cr-dive-300;
}

.cr-icon-base-2-night {
  --cr-icon-base-2-fill: $cr-night;
}

.cr-icon-base-2-night-100 {
  --cr-icon-base-2-fill: $cr-night-100;
}

.cr-icon-base-2-night-200 {
  --cr-icon-base-2-fill: $cr-night-200;
}

.cr-icon-base-2-night-300 {
  --cr-icon-base-2-fill: $cr-night-300;
}

.cr-icon-base-2-snow {
  --cr-icon-base-2-fill: $cr-snow;
}

.cr-icon-base-2-snow-100 {
  --cr-icon-base-2-fill: $cr-snow-100;
}

.cr-icon-base-2-snow-200 {
  --cr-icon-base-2-fill: $cr-snow-200;
}

.cr-icon-base-2-snow-300 {
  --cr-icon-base-2-fill: $cr-snow-300;
}

.cr-icon-base-2-blue {
  --cr-icon-base-2-fill: $cr-blue;
}

.cr-icon-base-2-blue-100 {
  --cr-icon-base-2-fill: $cr-blue-100;
}

.cr-icon-base-2-blue-200 {
  --cr-icon-base-2-fill: $cr-blue-200;
}

.cr-icon-base-2-blue-300 {
  --cr-icon-base-2-fill: $cr-blue-300;
}

.cr-icon-base-2-green {
  --cr-icon-base-2-fill: $cr-green;
}

.cr-icon-base-2-green-100 {
  --cr-icon-base-2-fill: $cr-green-100;
}

.cr-icon-base-2-green-200 {
  --cr-icon-base-2-fill: $cr-green-200;
}

.cr-icon-base-2-green-300 {
  --cr-icon-base-2-fill: $cr-green-300;
}

.cr-icon-base-2-orange {
  --cr-icon-base-2-fill: $cr-orange;
}

.cr-icon-base-2-orange-100 {
  --cr-icon-base-2-fill: $cr-orange-100;
}

.cr-icon-base-2-orange-200 {
  --cr-icon-base-2-fill: $cr-orange-200;
}

.cr-icon-base-2-orange-300 {
  --cr-icon-base-2-fill: $cr-orange-300;
}

.cr-icon-base-2-yellow {
  --cr-icon-base-2-fill: $cr-yellow;
}

.cr-icon-base-2-yellow-100 {
  --cr-icon-base-2-fill: $cr-yellow-100;
}

.cr-icon-base-2-yellow-200 {
  --cr-icon-base-2-fill: $cr-yellow-200;
}

.cr-icon-base-2-yellow-300 {
  --cr-icon-base-2-fill: $cr-yellow-300;
}

.cr-icon-base-2-gray {
  --cr-icon-base-2-fill: $cr-gray;
}

.cr-icon-base-2-gray-100 {
  --cr-icon-base-2-fill: $cr-gray-100;
}

.cr-icon-base-2-gray-200 {
  --cr-icon-base-2-fill: $cr-gray-200;
}

.cr-icon-base-2-gray-300 {
  --cr-icon-base-2-fill: $cr-gray-300;
}

.cr-icon-base-2-seal {
  --cr-icon-base-2-fill: $cr-seal;
}

.cr-icon-base-2-seal-100 {
  --cr-icon-base-2-fill: $cr-seal-100;
}

.cr-icon-base-2-seal-200 {
  --cr-icon-base-2-fill: $cr-seal-200;
}

.cr-icon-base-2-seal-300 {
  --cr-icon-base-2-fill: $cr-seal-300;
}

.cr-icon-details-1-maple {
  --cr-icon-details-1-fill: $cr-maple;
}

.cr-icon-details-1-maple-100 {
  --cr-icon-details-1-fill: $cr-maple-100;
}

.cr-icon-details-1-maple-200 {
  --cr-icon-details-1-fill: $cr-maple-200;
}

.cr-icon-details-1-maple-300 {
  --cr-icon-details-1-fill: $cr-maple-300;
}

.cr-icon-details-1-dive {
  --cr-icon-details-1-fill: $cr-dive;
}

.cr-icon-details-1-dive-100 {
  --cr-icon-details-1-fill: $cr-dive-100;
}

.cr-icon-details-1-dive-200 {
  --cr-icon-details-1-fill: $cr-dive-200;
}

.cr-icon-details-1-dive-300 {
  --cr-icon-details-1-fill: $cr-dive-300;
}

.cr-icon-details-1-night {
  --cr-icon-details-1-fill: $cr-night;
}

.cr-icon-details-1-night-100 {
  --cr-icon-details-1-fill: $cr-night-100;
}

.cr-icon-details-1-night-200 {
  --cr-icon-details-1-fill: $cr-night-200;
}

.cr-icon-details-1-night-300 {
  --cr-icon-details-1-fill: $cr-night-300;
}

.cr-icon-details-1-snow {
  --cr-icon-details-1-fill: $cr-snow;
}

.cr-icon-details-1-snow-100 {
  --cr-icon-details-1-fill: $cr-snow-100;
}

.cr-icon-details-1-snow-200 {
  --cr-icon-details-1-fill: $cr-snow-200;
}

.cr-icon-details-1-snow-300 {
  --cr-icon-details-1-fill: $cr-snow-300;
}

.cr-icon-details-1-blue {
  --cr-icon-details-1-fill: $cr-blue;
}

.cr-icon-details-1-blue-100 {
  --cr-icon-details-1-fill: $cr-blue-100;
}

.cr-icon-details-1-blue-200 {
  --cr-icon-details-1-fill: $cr-blue-200;
}

.cr-icon-details-1-blue-300 {
  --cr-icon-details-1-fill: $cr-blue-300;
}

.cr-icon-details-1-green {
  --cr-icon-details-1-fill: $cr-green;
}

.cr-icon-details-1-green-100 {
  --cr-icon-details-1-fill: $cr-green-100;
}

.cr-icon-details-1-green-200 {
  --cr-icon-details-1-fill: $cr-green-200;
}

.cr-icon-details-1-green-300 {
  --cr-icon-details-1-fill: $cr-green-300;
}

.cr-icon-details-1-orange {
  --cr-icon-details-1-fill: $cr-orange;
}

.cr-icon-details-1-orange-100 {
  --cr-icon-details-1-fill: $cr-orange-100;
}

.cr-icon-details-1-orange-200 {
  --cr-icon-details-1-fill: $cr-orange-200;
}

.cr-icon-details-1-orange-300 {
  --cr-icon-details-1-fill: $cr-orange-300;
}

.cr-icon-details-1-yellow {
  --cr-icon-details-1-fill: $cr-yellow;
}

.cr-icon-details-1-yellow-100 {
  --cr-icon-details-1-fill: $cr-yellow-100;
}

.cr-icon-details-1-yellow-200 {
  --cr-icon-details-1-fill: $cr-yellow-200;
}

.cr-icon-details-1-yellow-300 {
  --cr-icon-details-1-fill: $cr-yellow-300;
}

.cr-icon-details-1-gray {
  --cr-icon-details-1-fill: $cr-gray;
}

.cr-icon-details-1-gray-100 {
  --cr-icon-details-1-fill: $cr-gray-100;
}

.cr-icon-details-1-gray-200 {
  --cr-icon-details-1-fill: $cr-gray-200;
}

.cr-icon-details-1-gray-300 {
  --cr-icon-details-1-fill: $cr-gray-300;
}

.cr-icon-details-1-seal {
  --cr-icon-details-1-fill: $cr-seal;
}

.cr-icon-details-1-seal-100 {
  --cr-icon-details-1-fill: $cr-seal-100;
}

.cr-icon-details-1-seal-200 {
  --cr-icon-details-1-fill: $cr-seal-200;
}

.cr-icon-details-1-seal-300 {
  --cr-icon-details-1-fill: $cr-seal-300;
}

.cr-icon-details-2-maple {
  --cr-icon-details-2-fill: $cr-maple;
}

.cr-icon-details-2-maple-100 {
  --cr-icon-details-2-fill: $cr-maple-100;
}

.cr-icon-details-2-maple-200 {
  --cr-icon-details-2-fill: $cr-maple-200;
}

.cr-icon-details-2-maple-300 {
  --cr-icon-details-2-fill: $cr-maple-300;
}

.cr-icon-details-2-dive {
  --cr-icon-details-2-fill: $cr-dive;
}

.cr-icon-details-2-dive-100 {
  --cr-icon-details-2-fill: $cr-dive-100;
}

.cr-icon-details-2-dive-200 {
  --cr-icon-details-2-fill: $cr-dive-200;
}

.cr-icon-details-2-dive-300 {
  --cr-icon-details-2-fill: $cr-dive-300;
}

.cr-icon-details-2-night {
  --cr-icon-details-2-fill: $cr-night;
}

.cr-icon-details-2-night-100 {
  --cr-icon-details-2-fill: $cr-night-100;
}

.cr-icon-details-2-night-200 {
  --cr-icon-details-2-fill: $cr-night-200;
}

.cr-icon-details-2-night-300 {
  --cr-icon-details-2-fill: $cr-night-300;
}

.cr-icon-details-2-snow {
  --cr-icon-details-2-fill: $cr-snow;
}

.cr-icon-details-2-snow-100 {
  --cr-icon-details-2-fill: $cr-snow-100;
}

.cr-icon-details-2-snow-200 {
  --cr-icon-details-2-fill: $cr-snow-200;
}

.cr-icon-details-2-snow-300 {
  --cr-icon-details-2-fill: $cr-snow-300;
}

.cr-icon-details-2-blue {
  --cr-icon-details-2-fill: $cr-blue;
}

.cr-icon-details-2-blue-100 {
  --cr-icon-details-2-fill: $cr-blue-100;
}

.cr-icon-details-2-blue-200 {
  --cr-icon-details-2-fill: $cr-blue-200;
}

.cr-icon-details-2-blue-300 {
  --cr-icon-details-2-fill: $cr-blue-300;
}

.cr-icon-details-2-green {
  --cr-icon-details-2-fill: $cr-green;
}

.cr-icon-details-2-green-100 {
  --cr-icon-details-2-fill: $cr-green-100;
}

.cr-icon-details-2-green-200 {
  --cr-icon-details-2-fill: $cr-green-200;
}

.cr-icon-details-2-green-300 {
  --cr-icon-details-2-fill: $cr-green-300;
}

.cr-icon-details-2-orange {
  --cr-icon-details-2-fill: $cr-orange;
}

.cr-icon-details-2-orange-100 {
  --cr-icon-details-2-fill: $cr-orange-100;
}

.cr-icon-details-2-orange-200 {
  --cr-icon-details-2-fill: $cr-orange-200;
}

.cr-icon-details-2-orange-300 {
  --cr-icon-details-2-fill: $cr-orange-300;
}

.cr-icon-details-2-yellow {
  --cr-icon-details-2-fill: $cr-yellow;
}

.cr-icon-details-2-yellow-100 {
  --cr-icon-details-2-fill: $cr-yellow-100;
}

.cr-icon-details-2-yellow-200 {
  --cr-icon-details-2-fill: $cr-yellow-200;
}

.cr-icon-details-2-yellow-300 {
  --cr-icon-details-2-fill: $cr-yellow-300;
}

.cr-icon-details-2-gray {
  --cr-icon-details-2-fill: $cr-gray;
}

.cr-icon-details-2-gray-100 {
  --cr-icon-details-2-fill: $cr-gray-100;
}

.cr-icon-details-2-gray-200 {
  --cr-icon-details-2-fill: $cr-gray-200;
}

.cr-icon-details-2-gray-300 {
  --cr-icon-details-2-fill: $cr-gray-300;
}

.cr-icon-details-2-seal {
  --cr-icon-details-2-fill: $cr-seal;
}

.cr-icon-details-2-seal-100 {
  --cr-icon-details-2-fill: $cr-seal-100;
}

.cr-icon-details-2-seal-200 {
  --cr-icon-details-2-fill: $cr-seal-200;
}

.cr-icon-details-2-seal-300 {
  --cr-icon-details-2-fill: $cr-seal-300;
}

.cr-icon {
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  --cr-icon-details-1-fill: none;
  --cr-icon-details-2-fill: #fff;
}

.cr-text-base {
  margin: 0;
}

.cr-text--heading1,
.cr-text--heading2,
.cr-text--heading3,
.cr-text--heading4 {
  font-weight: 700;
}
.cr-text--heading1.cr-text--content:not(:first-child),
.cr-text--heading2.cr-text--content:not(:first-child),
.cr-text--heading3.cr-text--content:not(:first-child),
.cr-text--heading4.cr-text--content:not(:first-child) {
  padding-top: 0.375rem;
}

.cr-text--heading-color {
  color: #0c0d0d;
}

.cr-text--heading1.cr-text--content,
.cr-text--heading2.cr-text--content {
  margin-bottom: 0.75rem;
}

.cr-text--heading3.cr-text--content,
.cr-text--heading4.cr-text--content {
  margin-bottom: 0.375rem;
}

.cr-text--heading1 {
  font-size: 2.25rem;
  line-height: 3.375rem;
}

.cr-text--heading2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.cr-text--heading3 {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.cr-text--heading4 {
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
}

.cr-text--body.cr-text--content:not(:last-child),
.cr-text--body-small.cr-text--content:not(:last-child),
.cr-text--body-large.cr-text--content:not(:last-child),
.cr-text--body-xlarge.cr-text--content:not(:last-child) {
  margin-bottom: 1.125rem;
}

.cr-text--body-color {
  color: #383d3d;
}

.cr-text--body {
  font-size: 1rem;
  line-height: 1.5rem;
}

.cr-text--body-small {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.cr-text--body-large {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.cr-text--body-xlarge {
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.cr-text--bold {
  font-weight: 700;
}

.cr-text--dimmed {
  color: #848a8a;
}

.cr-text-link {
  color: #2875c6;
  text-decoration: none;
}
.cr-text-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.cr-input__container {
  width: 100%;
}

.cr-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.1875rem;
  background-color: #fff;
}

.cr-input__wrapper--disabled {
  color: #848a8a;
  background-color: #f3f3f3;
  -webkit-text-fill-color: currentColor;
}

.cr-input__wrapper--readonly {
  background-color: #f3f3f3;
}

.cr-input__wrapper--autofilled {
  background-color: #fdfcd4;
  background-image: none;
  color: #0c0d0d;
}

.cr-input {
  width: 100%;
  flex: 1 1 0%;
  box-sizing: border-box;
  height: 2.25rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: solid 0 transparent;
  background-color: transparent;
  color: #494c4c;
  min-width: 0;
}
.cr-input:disabled {
  opacity: 1;
}

.cr-input::-webkit-input-placeholder {
  color: #abb3b3;
}

.cr-input::placeholder {
  color: #abb3b3;
}

.cr-input:focus,
.cr-input:active {
  outline: none;
}

.cr-input--small {
  font-size: 0.75rem;
  height: 1.875rem;
}

.cr-input--large {
  height: 2.625rem;
}

.cr-input--has-prefix {
  padding-left: 0;
}

.cr-input--has-suffix {
  padding-right: 0;
}

.cr-input.cr-input--error ~ .cr-input__backdrop {
  border-color: #b93435;
}

.cr-input.cr-input--error:not([disabled]):not([readonly]):hover ~ .cr-input__backdrop,
.cr-input.cr-input--error:not([disabled]):not([readonly]):active ~ .cr-input__backdrop,
.cr-input.cr-input--error:not([disabled]):not([readonly]):focus ~ .cr-input__backdrop {
  border-color: #ed5153;
}

.cr-input__prefix,
.cr-input__suffix,
.cr-input__status {
  display: flex;
  flex: 0 0 auto;
}

.cr-input__prefix {
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.375rem;
}

.cr-input__suffix {
  font-size: 0.875rem;
  padding-right: 0.75rem;
}

.cr-input__status {
  padding-right: 0.75rem;
}

.cr-input--valid ~ .cr-input__status .cr-icon__base {
  fill: #35b858;
}

.cr-input--warning ~ .cr-input__status .cr-icon__base {
  fill: #e69524;
}

.cr-input--error ~ .cr-input__status .cr-icon__base {
  fill: #b93435;
}

.cr-input__header {
  margin-bottom: 0.375rem;
}

.cr-input__label-wrapper {
  display: flex;
  justify-content: space-between;
}

.cr-input__label-helper {
  display: flex;
}

.cr-input__text-helper {
  margin-top: 0.375rem;
}

.cr-input__text-helper--valid {
  color: #35b858;
}

.cr-input__text-helper--warning {
  color: #e69524;
}

.cr-input__text-helper--error {
  color: #b93435;
}

.cr-input__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border-radius: 0.1875rem;
  background-color: transparent;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  border: solid 1px #abb3b3;
}

.cr-input__prefix > *,
.cr-input__suffix > *,
.cr-input__label-helper > * {
  vertical-align: middle;
}

@keyframes onAutoFillStart {}
@keyframes onAutoFillCancel {}
input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}

input:-webkit-autofill {
  animation-name: onAutoFillStart;
}

.cr-input:not([disabled]):not([readonly]):hover ~ .cr-input__backdrop {
  border-color: #383d3d;
}

.cr-time-picker .input-focus .cr-input ~ .cr-input__backdrop, .cr-date-picker .input-focus .cr-input ~ .cr-input__backdrop, .cr-input:not([disabled]):not([readonly]):focus ~ .cr-input__backdrop,
.cr-input:not([disabled]):not([readonly]):active ~ .cr-input__backdrop {
  border-color: #2875c6;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.ReactModal__Body--open {
  overflow: hidden;
}

.cr-modal__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(12, 13, 13, 0.8);
  z-index: 10000;
}
.cr-modal__overlay.ReactModal__Overlay--after-open {
  animation: cr-modal__show-animation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.cr-modal__overlay.ReactModal__Overlay--before-close {
  animation: cr-modal__hide-animation 200ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
}

.cr-modal__overlay--aside {
  justify-content: flex-end;
}

.cr-modal {
  display: flex;
  flex-direction: column;
  color: #494c4c;
  background: #fff;
  border-radius: 0.375rem;
  font-size: 1rem;
  max-height: 100%;
  max-width: 100%;
  margin: 1.875rem;
}
.cr-modal:focus {
  outline: 0;
}
.cr-modal.ReactModal__Content--after-open {
  animation: cr-modal__show-animation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.cr-modal.ReactModal__Content--before-close {
  animation: cr-modal__hide-animation 200ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
}

.cr-modal--aside {
  min-height: 100%;
  min-width: 40%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.cr-modal--aside.ReactModal__Content--after-open {
  animation: cr-modal__aside__show-animation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.cr-modal--aside.ReactModal__Content--before-close {
  animation: cr-modal__aside__hide-animation 200ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
}

.cr-modal__header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  border-bottom: 1px solid #c4cacc;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
}

.cr-modal__header__content-wrap {
  flex: 1;
  color: #181a1a;
  font-size: 1.125rem;
  font-weight: 700;
  margin-left: 1.5rem;
}

.cr-modal__body {
  flex-grow: 1;
  padding: 1.5rem;
  overflow-wrap: break-word;
}

.cr-modal__body--scrollable {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.cr-modal__footer {
  padding: 1.125rem 1.5rem;
  background-color: #f3f3f3;
  border-top: 1px solid #c4cacc;
  border-radius: 0 0 0.375rem 0.375rem;
}

.cr-modal__close {
  cursor: pointer;
  height: 1rem;
}
.cr-modal__close:focus {
  outline: none;
}
.cr-modal__close svg {
  vertical-align: baseline;
}

.cr-modal__close-wrap {
  margin: 1.125rem;
  height: 1rem;
}

@keyframes cr-modal__show-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cr-modal__hide-animation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes cr-modal__aside__show-animation {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes cr-modal__aside__hide-animation {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
.cr-popover {
  background: #f3f3f3;
  border-radius: 0.375rem;
  box-shadow: 0 0 0 0.0625rem rgba(12, 13, 13, 0.15), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.cr-popover--light {
  background-color: #fff;
}

.cr-popover[data-placement^=top] {
  margin-bottom: 0.75rem;
}

.cr-popover[data-placement^=bottom] {
  margin-top: 0.75rem;
}

.cr-popover[data-placement^=left] {
  margin-right: 0.75rem;
}

.cr-popover[data-placement^=right] {
  margin-left: 0.75rem;
}

.cr-popover__arrow::after,
.cr-popover__arrow::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cr-popover__arrow::after {
  border-width: 6px;
}

.cr-popover__arrow::before {
  border-width: 7px;
}

.cr-popover[data-placement^=top] .cr-popover__arrow::after,
.cr-popover[data-placement^=top] .cr-popover__arrow::before {
  top: 100%;
  left: 50%;
}

.cr-popover[data-placement^=top] .cr-popover__arrow::after {
  border-top-color: #f3f3f3;
  margin-left: -6px;
}

.cr-popover[data-placement^=top] .cr-popover__arrow::after {
  border-top-color: #f3f3f3;
}

.cr-popover[data-placement^=top] .cr-popover__arrow::before {
  border-top-color: rgba(12, 13, 13, 0.15);
  margin-left: -7px;
}

.cr-popover--light[data-placement^=top] .cr-popover__arrow::after {
  border-top-color: #fff;
}

.cr-popover[data-placement^=bottom] .cr-popover__arrow::after,
.cr-popover[data-placement^=bottom] .cr-popover__arrow::before {
  bottom: 100%;
  left: 50%;
}

.cr-popover[data-placement^=bottom] .cr-popover__arrow::after {
  border-bottom-color: #f3f3f3;
  margin-left: -6px;
}

.cr-popover[data-placement^=bottom] .cr-popover__arrow::after {
  border-bottom-color: #f3f3f3;
}

.cr-popover[data-placement^=bottom] .cr-popover__arrow::before {
  border-bottom-color: rgba(12, 13, 13, 0.15);
  margin-left: -7px;
}

.cr-popover--light[data-placement^=bottom] .cr-popover__arrow::after {
  border-bottom-color: #fff;
}

.cr-popover[data-placement^=left] .cr-popover__arrow::after,
.cr-popover[data-placement^=left] .cr-popover__arrow::before {
  left: 100%;
  top: 50%;
}

.cr-popover[data-placement^=left] .cr-popover__arrow::after {
  border-left-color: #f3f3f3;
  margin-top: -6px;
}

.cr-popover[data-placement^=left] .cr-popover__arrow::after {
  border-left-color: #f3f3f3;
}

.cr-popover[data-placement^=left] .cr-popover__arrow::before {
  border-left-color: rgba(12, 13, 13, 0.15);
  margin-top: -7px;
}

.cr-popover--light[data-placement^=left] .cr-popover__arrow::after {
  border-left-color: #fff;
}

.cr-popover[data-placement^=right] .cr-popover__arrow::after,
.cr-popover[data-placement^=right] .cr-popover__arrow::before {
  right: 100%;
  top: 50%;
}

.cr-popover[data-placement^=right] .cr-popover__arrow::after {
  border-right-color: #f3f3f3;
  margin-top: -6px;
}

.cr-popover[data-placement^=right] .cr-popover__arrow::after {
  border-right-color: #f3f3f3;
}

.cr-popover[data-placement^=right] .cr-popover__arrow::before {
  border-right-color: rgba(12, 13, 13, 0.15);
  margin-top: -7px;
}

.cr-popover--light[data-placement^=right] .cr-popover__arrow::after {
  border-right-color: #fff;
}

.cr-popover[data-placement$=-start] .cr-popover__arrow::after,
.cr-popover[data-placement$=-start] .cr-popover__arrow::before {
  left: 18px;
}

.cr-popover[data-placement$=-end] .cr-popover__arrow::after,
.cr-popover[data-placement$=-end] .cr-popover__arrow::before {
  left: auto;
  right: 11px;
}

.cr-popover[data-placement$=-end] .cr-popover__arrow::before,
.cr-popover--light[data-placement$=-end] .cr-popover__arrow::before {
  right: 10px;
}

.cr-select {
  width: 100%;
  color: #494c4c;
  font-size: 0.875rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  height: 2.25rem;
  padding: 0 1.5rem 0 0.75rem;
  background-color: #fff;
  border: 1px solid #abb3b3;
  border-radius: 0.1875rem;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
  -webkit-appearance: none;
          appearance: none;
  line-height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='%23494c4c'%3E%3Cg id='chevron-up-down'%3E%3Cpath id='base-1' d='M8 12l2-2 1 1-3 3-3-3 1-1 2 2zm0-8L6 6 5 5l3-3 3 3-1 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.375rem center;
}
.cr-select:focus {
  outline: none;
  border-color: #2875c6;
}
.cr-select:disabled {
  color: #848a8a;
  background-color: #f3f3f3;
  box-shadow: none;
}
.cr-select::-ms-expand {
  display: none;
}
.cr-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #494c4c;
}

.cr-tooltip {
  padding: 0.375rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #494c4c;
  letter-spacing: 0.03125rem;
  border-radius: 0.1875rem;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  border: 1px solid #494c4c;
  transition-property: opacity;
  transition-duration: 200ms;
}

.cr-tooltip--light {
  padding: -0.625rem;
  background-color: #f3f3f3;
  border-color: #abb3b3;
  color: #494c4c;
}

.cr-tooltip[data-placement^=top] {
  margin-bottom: 0.375rem;
}

.cr-tooltip[data-placement^=bottom] {
  margin-top: 0.375rem;
}

.cr-tooltip[data-placement^=left] {
  margin-right: 0.375rem;
}

.cr-tooltip[data-placement^=right] {
  margin-left: 0.375rem;
}

.cr-tooltip__arrow::after,
.cr-tooltip__arrow::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cr-tooltip__arrow::after {
  border-width: 5px;
}

.cr-tooltip__arrow::before {
  border-width: 6px;
}

.cr-tooltip[data-placement^=top] .cr-tooltip__arrow::after,
.cr-tooltip[data-placement^=top] .cr-tooltip__arrow::before {
  top: 100%;
  left: 50%;
}

.cr-tooltip[data-placement^=top] .cr-tooltip__arrow::after {
  border-top-color: #494c4c;
  margin-left: -5px;
}

.cr-tooltip--light[data-placement^=top] .cr-tooltip__arrow::after {
  border-top-color: #f3f3f3;
}

.cr-tooltip--light[data-placement^=top] .cr-tooltip__arrow::before {
  border-top-color: #abb3b3;
  margin-left: -6px;
}

.cr-tooltip[data-placement^=bottom] .cr-tooltip__arrow::after,
.cr-tooltip[data-placement^=bottom] .cr-tooltip__arrow::before {
  bottom: 100%;
  left: 50%;
}

.cr-tooltip[data-placement^=bottom] .cr-tooltip__arrow::after {
  border-bottom-color: #494c4c;
  margin-left: -5px;
}

.cr-tooltip--light[data-placement^=bottom] .cr-tooltip__arrow::after {
  border-bottom-color: #f3f3f3;
}

.cr-tooltip--light[data-placement^=bottom] .cr-tooltip__arrow::before {
  border-bottom-color: #abb3b3;
  margin-left: -6px;
}

.cr-tooltip[data-placement^=left] .cr-tooltip__arrow::after,
.cr-tooltip[data-placement^=left] .cr-tooltip__arrow::before {
  left: 100%;
  top: 50%;
}

.cr-tooltip[data-placement^=left] .cr-tooltip__arrow::after {
  border-left-color: #494c4c;
  margin-top: -5px;
}

.cr-tooltip--light[data-placement^=left] .cr-tooltip__arrow::after {
  border-left-color: #f3f3f3;
}

.cr-tooltip--light[data-placement^=left] .cr-tooltip__arrow::before {
  border-left-color: #abb3b3;
  margin-top: -6px;
}

.cr-tooltip[data-placement^=right] .cr-tooltip__arrow::after,
.cr-tooltip[data-placement^=right] .cr-tooltip__arrow::before {
  right: 100%;
  top: 50%;
}

.cr-tooltip[data-placement^=right] .cr-tooltip__arrow::after {
  border-right-color: #494c4c;
  margin-top: -5px;
}

.cr-tooltip--light[data-placement^=right] .cr-tooltip__arrow::after {
  border-right-color: #f3f3f3;
}

.cr-tooltip--light[data-placement^=right] .cr-tooltip__arrow::before {
  border-right-color: #abb3b3;
  margin-top: -6px;
}

.cr-tooltip[data-placement$=-start] .cr-tooltip__arrow::after,
.cr-tooltip[data-placement$=-start] .cr-tooltip__arrow::before {
  left: 15px;
}

.cr-tooltip[data-placement$=-end] .cr-tooltip__arrow::after,
.cr-tooltip[data-placement$=-end] .cr-tooltip__arrow::before {
  left: auto;
  right: 9px;
}

.cr-tooltip--light[data-placement$=-end] .cr-tooltip__arrow::before {
  right: 8px;
}

.table-address .table-address__value {
  border-bottom: 1px solid #ddd;
}
.table-address tr:last-child td {
  border-bottom: none;
}

.cr-dropdown__option--disabled {
  opacity: 0.5;
}

.cr-dropdown .Select-input > input {
  border-left: none;
  height: auto;
}

.cr-dropdown .Select span {
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .cirrus .cr-dropdown .Select-control {
    height: 2.625rem;
  }
  .cirrus .cr-dropdown .Select-input {
    height: 2.625rem;
  }
  .cirrus .cr-dropdown .Select-input input {
    line-height: 24px;
  }
  .cirrus .cr-dropdown .Select-placeholder,
.cirrus .cr-dropdown .Select-value {
    line-height: 2.625rem;
  }
}
.cirrus .Select-control {
  display: block;
}
.cirrus .Select-control > * {
  display: table-cell;
}
.cirrus .Select-control > *:first-child {
  width: 100%;
}

.cr-dropdown-country__wrapper {
  position: relative;
}
.cr-dropdown-country__wrapper .Select-control {
  padding-left: 42px;
}
.cr-dropdown-country__wrapper .Select-control .Select-value {
  padding-left: 52px;
}
.cr-dropdown-country__wrapper .Select-placeholder {
  padding-left: 0;
  left: 52px;
}
.cr-dropdown-country__wrapper .cr-dropdown__flag {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-flex;
  padding-left: 13px;
}
.cr-dropdown-country__wrapper .cr-dropdown__flag > span {
  padding: 0.375rem 0.75rem 0.375rem 0;
  border-right: solid 1px #abb3b3;
  display: inline-flex;
  align-self: center;
}
.cr-dropdown-country__wrapper .cr-dropdown--zz-placeholder .Select-placeholder {
  color: #0c0d0d !important;
}

.cr-form-field__text-helper--valid {
  color: #35b858;
}

.cr-form-field__text-helper--warning {
  color: #e69524;
}

.cr-form-field__text-helper--error {
  color: #b93435;
}

.cr-form-field__text-helper {
  margin-top: 0.375rem;
}

.cr-form-field__text-label {
  margin-bottom: 0.375rem;
}

.cr-layout,
.cr-layout__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.cr-layout__wrapper {
  padding: 1.875rem 1.125rem;
}
.cr-layout__wrapper + .cr-layout__wrapper {
  padding-top: 0;
}

.cr-layout__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.cr-layout__section {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.cr-layout__loading {
  opacity: 0.6;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .cr-layout__wrapper {
    padding: 0.75rem;
  }
}
.cr-sidebar {
  color: #fff;
  width: 240px;
  background-color: #232a3b;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 200;
  height: 100%;
  transition: left 0.2s;
  left: -240px;
}
.cr-sidebar .cr-popover {
  color: #0c0d0d;
}
.cr-sidebar a,
.cr-sidebar a:active,
.cr-sidebar a:hover,
.cr-sidebar a:focus {
  outline: 0;
  font-weight: normal;
}
.cr-sidebar .cr-snow:active {
  color: #fff;
}
.cr-sidebar .cr-icon {
  fill: #fff;
  --cr-icon-details-2-fill: #232a3b;
}
.cr-sidebar .cr-icon-lock-closed,
.cr-sidebar .cr-icon-logout {
  margin-top: -3px;
}
.cr-sidebar.lsid-product-switcher-enabled {
  background-color: #18191d;
}

.cr-sidebar__header {
  font-size: 0.875rem;
  box-shadow: 0 1px 10px 0 rgba(12, 13, 13, 0.35);
}
.cr-sidebar__header .cr-sidebar__col {
  padding-top: 0;
  padding-bottom: 0;
  height: 3.375rem;
  line-height: normal;
}

.cr-sidebar__sub-header {
  font-size: 0.875rem;
}

.cr-sidebar__nav {
  font-size: 1rem;
  flex: 1;
  margin: 0.75rem 0;
}
.cr-sidebar__nav .cr-sidebar__row + .cr-sidebar__row {
  margin-top: 0.375rem;
}
.cr-sidebar__nav .cr-sidebar__col {
  line-height: 1;
  margin: 0 0.75rem;
  padding: 0.75rem;
  border-radius: 0.1875rem;
}

.cr-sidebar__row {
  display: flex;
  justify-content: space-between;
}

.cr-sidebar__col {
  align-self: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 1.125rem 0 1.5rem;
  line-height: 3rem;
}
.cr-sidebar__col + * {
  flex: 0 0 calc(240px / 3);
  padding-left: 0;
}
.cr-sidebar__col + :last-child {
  text-align: center;
}

.cr-sidebar__col:not(.no-hover) {
  cursor: pointer;
  transition: all 100ms;
}
.cr-sidebar__col:not(.no-hover):focus {
  outline: none;
}
.cr-sidebar__col:not(.no-hover):hover {
  background-color: #506086;
}
.cr-sidebar__col:not(.no-hover):hover .cr-icon__details-1,
.cr-sidebar__col:not(.no-hover):hover .cr-icon__details-2 {
  fill: #506086;
}
.cr-sidebar__col:not(.no-hover):active {
  background-color: #5187e0;
}

.cr-sidebar__section {
  border-top: solid 1px #505765;
  border-bottom: solid 1px #505765;
  position: relative;
}
.cr-sidebar__section .cr-sidebar__col:last-child {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-left: solid 1px #505765;
}

.cr-sidebar__logo {
  text-align: center;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.cr-sidebar__slider {
  transition: all 200ms !important;
}
.cr-sidebar__slider > * {
  display: inline-block;
}
.cr-sidebar__slider > .cr-hidden {
  display: none;
  position: absolute;
}
.cr-sidebar__slider:hover {
  text-align: left;
  flex: 0 0 calc(240px * 0.66);
}
.cr-sidebar__slider:hover > .cr-hidden {
  display: inline-block;
}

.cr-sidebar__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cr-sidebar__popover {
  min-width: calc(240px - 1.5rem);
  line-height: normal;
  position: absolute;
  z-index: 10000;
  left: 0.75rem;
  opacity: 0;
  visibility: hidden;
  margin-top: -1.125rem;
  border: none;
}
.cr-sidebar__popover.active {
  opacity: 1;
  margin-top: -0.5rem;
  visibility: visible;
}
.cr-sidebar__popover .cr-popover__header {
  color: #494c4c;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.375rem 0.75rem;
  display: flex;
  justify-content: space-between;
  background-color: #f3f3f3;
  box-shadow: inset 0 -1px 3px 0 rgba(12, 13, 13, 0.1);
  border-radius: 0.1875rem 0.1875rem 0 0;
}
.cr-sidebar__popover .cr-popover__nav {
  padding: 0.375rem;
  background-color: #fff;
  border-radius: 0 0 0.1875rem 0.1875rem;
}
.cr-sidebar__popover .cr-popover__row {
  font-size: 0.875rem;
}
.cr-sidebar__popover .cr-popover__row a {
  cursor: pointer;
  color: #2875c6;
  padding: 0.75rem;
  display: block;
  font-weight: normal;
  border-radius: 0.1875rem;
}
.cr-sidebar__popover .cr-popover__row a:active, .cr-sidebar__popover .cr-popover__row a:hover, .cr-sidebar__popover .cr-popover__row a:focus {
  color: #fff;
  background-color: #5187e0;
}
.cr-sidebar__popover .cr-popover__row + .cr-popover__row {
  margin-top: 0.375rem;
}

.cr-popover__target {
  cursor: pointer;
}
.cr-popover__target svg {
  margin-bottom: -2px;
}
.cr-popover__target.active svg {
  opacity: 1 !important;
}
.cr-popover__target.cr-sidebar__extra > :last-child {
  margin-left: calc(0.375rem / 2);
}

.cr-sidebar__clock.cr-sidebar__col {
  text-align: right;
  line-height: normal;
  white-space: normal;
}
.cr-sidebar__clock .cr-badge {
  color: #232a3b;
  vertical-align: text-bottom;
}
.cr-sidebar__clock .cr-badge + span {
  margin-left: 0.375rem;
}
.cr-sidebar__clock a,
.cr-sidebar__clock a:active,
.cr-sidebar__clock a:hover,
.cr-sidebar__clock a:focus {
  color: #3dd164;
}
.cr-sidebar__clock a:focus {
  outline: none;
}

.cr-sidebar__extra {
  display: flex;
}
.cr-sidebar__extra > :first-child {
  flex: 0 1 auto;
  align-self: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 0.375rem;
}
.cr-sidebar__extra > :last-child {
  align-self: center;
  margin-left: auto;
}
.cr-sidebar__extra > svg,
.cr-sidebar__extra > :last-child svg {
  opacity: 0.5;
}

.cr-sidebar__extra:hover > svg,
.cr-sidebar__extra:hover > :last-child svg {
  opacity: 1;
}

.cr-sidebar__icon-text {
  padding-left: 1.125rem;
}

.cr-sidebar__icon-link {
  display: flex;
  align-items: center;
}

.cr-beta-badge {
  color: #232a3b;
  margin-left: auto;
}

.cr-sidebar__footer .cr-sidebar__section {
  border-bottom: 0;
}

.drawer_selfclosing .cr-sidebar {
  left: -240px;
}

.navigable .cr-sidebar {
  left: 0;
}

.drawer_always_open .cr-sidebar {
  left: 0;
}
.drawer_always_open .cr-sidebar .cr-icon-pin {
  fill: #f39c26;
}
.drawer_always_open .page-container {
  margin-left: 240px;
}

@media (min-width: 1025px) {
  .cr-sidebar {
    left: 0;
  }

  .page-container {
    margin-left: 240px;
  }
}
@media (max-height: 620px) {
  .cr-sidebar .cr-sidebar__logo {
    display: none;
  }
  .cr-sidebar .cr-sidebar__nav {
    overflow-y: auto;
  }
}
@media (max-height: 660px) {
  .cr-sidebar__logo {
    margin-top: calc(1.125rem / 2);
    margin-bottom: calc(1.125rem / 2);
  }
}
.cr-topbar {
  display: flex;
  font-size: 1.125rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 3.375rem;
  background-color: #fff;
  box-shadow: 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}
.cr-topbar a {
  cursor: pointer;
}

.cr-topbar__toggler {
  height: 100%;
}
.cr-topbar__toggler-link {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  background-color: #fff;
  border-right: solid 1px #e1e4e5;
}
.cr-topbar__toggler-link:hover {
  background-color: #f3f3f3;
}
.cr-topbar__toggler-link:focus, .cr-topbar__toggler-link:active {
  background-color: #e1e4e5;
}

.cr-topbar__navigation {
  display: flex;
  justify-content: space-between;
}

.cr-topbar__breadcrumbs {
  display: flex;
  align-self: center;
  overflow: hidden;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.cr-topbar__breadcrumbs > .cr-topbar__crumb:last-child {
  overflow: hidden;
}

.cr-topbar__crumb-text-wrapper {
  display: flex;
  align-items: center;
}
.cr-topbar__crumb-text-wrapper .cr-topbar__crumb-text {
  white-space: nowrap;
}
.cr-topbar__crumb-text-wrapper > :last-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cr-topbar__crumb-text-wrapper .cr-topbar__crumb-text + .cr-topbar__crumb-var-text {
  margin-left: 0.375rem;
}

.cr-topbar__crumb-link {
  display: flex;
  font-weight: normal;
  color: #848a8a;
  outline: none;
}
.cr-topbar__crumb-link:hover, .cr-topbar__crumb-link:focus, .cr-topbar__crumb-link:active {
  color: #181a1a;
}
.cr-topbar__crumb-link .cr-topbar__crumb-text-wrapper > :last-child {
  max-width: 200px;
}

.cr-topbar__separator {
  display: flex;
  align-items: center;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.cr-topbar__crumb-icon {
  display: flex;
  padding-right: 0.75rem;
}

.cr-topbar__crumb-overflow {
  color: #848a8a;
}

.cr-topbar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}
@media print {
  .cr-topbar {
    position: relative;
    box-shadow: none;
    background-color: transparent;
    height: auto;
    padding-top: 0.375rem;
  }
  .cr-topbar .cr-topbar__toggler,
.cr-topbar .cr-topbar__separator,
.cr-topbar .cr-topbar__crumb:not(:last-child),
.cr-topbar .cr-topbar__crumb-icon {
    display: none;
  }
  .cr-topbar .cr-topbar__breadcrumbs {
    padding-left: 0;
    padding-right: 0;
  }
}

.cr-topbar__breadcrumbs {
  padding-right: 150px;
}

.drawer_always_open .cr-topbar {
  width: calc(100% - 240px);
}

@media (min-width: 1025px) {
  .cr-topbar {
    width: calc(100% - 240px);
  }
}
.drawer_selfclosing .cr-topbar {
  width: 100%;
}

.cr-pager {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}

.cr-table {
  display: flex;
  text-align: left;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  flex-direction: column;
}

@media print {
  .cr-table {
    display: initial;
  }
}
.cr-table thead,
.cr-table tbody {
  width: 100%;
  display: table;
  position: relative;
  table-layout: fixed;
}

.cr-table__body-row--hover:hover {
  background: rgba(40, 117, 198, 0.05);
}

.cr-table__body-row--expandable .cr-table__body-cell:first-child {
  padding-left: 1.875rem;
  position: relative;
}

.cr-table__body-row--expandable .cr-table__body-cell:first-child::before {
  content: "\25B8";
  font-size: 1rem;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}

.cr-table__body-row--expanded > .cr-table__body-cell {
  border-top: solid 1px #2875c6;
}

.cr-table__body-row--expanded + .cr-table__body-row > .cr-table__body-cell {
  border-bottom: solid 1px #2875c6;
}

.cr-table__body-row--expanded .cr-table__body-cell:first-child::before {
  content: "\25BE";
  color: #2875c6;
}

.cr-table__body-row--expanded .cr-table__body-cell:first-child::after {
  content: " ";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -7px;
  left: 10px;
  background: #f3f3f3;
  box-shadow: inset 0.5rem 0.5rem 0.5rem -0.5rem rgba(12, 13, 13, 0.2);
  transform: rotate(45deg);
}

.cr-table__body-row--expandable:hover .cr-table__body-cell:first-child::before {
  color: #2875c6;
}

.cr-table__body-row--error {
  background-color: #fee3e3;
}
.cr-table__body-row--error .cr-table__body-cell:first-child {
  box-shadow: inset 6px 0 0 #872525;
}
.cr-table__body-row--error .cr-table__body-cell:last-child {
  box-shadow: inset -6px 0 0 #872525;
}
.cr-table__body-row--error.cr-table__body-row--hover:hover {
  background: #fee3e3;
}
.cr-table__body-row--error + .cr-table__body-row--error .cr-table__body-cell {
  border-top-color: #872525;
}
.cr-table__body-row--error .cr-checkbox__checkmark {
  background: #fff;
}
.cr-table__body-row--error .cr-tooltip {
  z-index: 3;
}

.cr-table__header-cell {
  height: 3rem;
  border-bottom: solid 1px #c4cacc;
  padding: 0.75rem 0 0.75rem 1.125rem;
}
.cr-table--debug .cr-table__header-cell {
  border-right: solid 1px #ccc;
}
.cr-table__header-cell:first-child {
  padding-left: 1.125rem;
}
.cr-table__header-cell:last-child {
  padding-right: 1.125rem;
}
.cr-table--debug .cr-table__header-cell:last-child {
  border-right: none;
}

.cr-table__body-cell {
  height: 3rem;
  vertical-align: top;
  border-top: solid 1px #e1e4e5;
  padding: 0.75rem 0 0.75rem 1.125rem;
}
.cr-table--debug .cr-table__body-cell {
  border-right: solid 1px #ccc;
}
.cr-table__body-cell:first-child {
  padding-left: 1.125rem;
}
.cr-table__body-cell:last-child {
  padding-right: 1.125rem;
}
.cr-table--debug .cr-table__body-cell:last-child {
  border-right: none;
}

.cr-table__body-cell--first {
  border-top: none;
}

.cr-table__header-cell--compact:first-child,
.cr-table__body-cell--compact:first-child {
  padding: 0.75rem 0.75rem 0.75rem 0;
}

.cr-table__header-cell--compact:last-child,
.cr-table__body-cell--compact:last-child {
  padding: 0.75rem 0 0.75rem 0.75rem;
}

.cr-table__body-cell--loading {
  height: auto;
  padding: 0;
  border: none;
}

.cr-table__loading {
  visibility: visible;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0.6;
  transition: visibility 0s, opacity 0.2s 0.2s ease-in;
}

.cr-table__loading--hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s ease-out;
}

.cr-table__loading-progress {
  height: 3px;
  border-radius: 1px;
  background: linear-gradient(-45deg, #2875c6, #82e7ff, #2875c6, #82e7ff);
  background-size: 400% 400%;
  position: absolute;
  top: -2px;
  left: 0;
}

.cr-table__loading-progress--start {
  width: 90%;
  animation: cr-progress-loading-animation 10s ease-out, cr-progress-background-animation 10s ease-in-out infinite;
}

.cr-table__loading-progress--complete {
  width: 100%;
}

@keyframes cr-progress-loading-animation {
  0% {
    width: 0;
  }
  60% {
    width: 85%;
  }
  100% {
    width: 90%;
  }
}
@keyframes cr-progress-background-animation {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.cr-textarea__container {
  width: 100%;
}

.cr-textarea__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.1875rem;
  background-color: #fff;
}

.cr-textarea__wrapper--disabled {
  color: #848a8a;
  background-color: #f3f3f3;
  -webkit-text-fill-color: currentColor;
}

.cr-textarea__wrapper--readonly {
  background-color: #f3f3f3;
}

.cr-textarea__wrapper--autofilled {
  background-color: #fdfcd4;
  background-image: none;
  color: #0c0d0d;
}

.cr-textarea {
  width: 100%;
  flex: 1 1 0%;
  box-sizing: border-box;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  padding: 0.75rem;
  border: solid 0 transparent;
  background-color: transparent;
  color: #494c4c;
}

.cr-textarea::-webkit-input-placeholder {
  color: #abb3b3;
}

.cr-textarea::placeholder {
  color: #abb3b3;
}

.cr-textarea:focus,
.cr-textarea:active {
  outline: none;
}

.cr-textarea.cr-textarea--error ~ .cr-textarea__backdrop {
  border-color: #b93435;
}

.cr-textarea.cr-textarea--error:not([disabled]):not([readonly]):hover ~ .cr-textarea__backdrop,
.cr-textarea.cr-textarea--error:not([disabled]):not([readonly]):active ~ .cr-textarea__backdrop,
.cr-textarea.cr-textarea--error:not([disabled]):not([readonly]):focus ~ .cr-textarea__backdrop {
  border-color: #ed5153;
}

.cr-textarea__status {
  display: flex;
  flex: 0 0 auto;
  padding-right: 0.75rem;
}

.cr-textarea--valid ~ .cr-textarea__status .cr-icon__base {
  fill: #35b858;
}

.cr-textarea--warning ~ .cr-textarea__status .cr-icon__base {
  fill: #e69524;
}

.cr-textarea--error ~ .cr-textarea__status .cr-icon__base {
  fill: #b93435;
}

.cr-textarea__header {
  margin-bottom: 0.375rem;
}

.cr-textarea__label-wrapper {
  display: flex;
  justify-content: space-between;
}

.cr-textarea__label-helper {
  display: flex;
}
.cr-textarea__label-helper > * {
  vertical-align: middle;
}

.cr-textarea__text-helper {
  margin-top: 0.375rem;
}

.cr-textarea__text-helper--valid {
  color: #35b858;
}

.cr-textarea__text-helper--warning {
  color: #e69524;
}

.cr-textarea__text-helper--error {
  color: #b93435;
}

.cr-textarea__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border-radius: 0.1875rem;
  background-color: transparent;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  border: solid 1px #abb3b3;
}

@keyframes onAutoFillStart {}
@keyframes onAutoFillCancel {}
textarea:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}

textarea:-webkit-autofill {
  animation-name: onAutoFillStart;
}

.cr-textarea:not([disabled]):not([readonly]):hover ~ .cr-textarea__backdrop {
  border-color: #383d3d;
}

.cr-textarea:not([disabled]):not([readonly]):focus ~ .cr-textarea__backdrop,
.cr-textarea:not([disabled]):not([readonly]):active ~ .cr-textarea__backdrop {
  border-color: #2875c6;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.cr-border-style-solid {
  border-style: solid;
}

.cr-border-width-1 {
  border-width: 1px;
}

.cr-border-top-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.cr-border-right-1 {
  border-right-width: 1px;
  border-right-style: solid;
}

.cr-border-bottom-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.cr-border-left-1 {
  border-left-width: 1px;
  border-left-style: solid;
}

.cr-cursor-default {
  cursor: default;
}

.cr-cursor-pointer {
  cursor: pointer;
}

.cr-display-block {
  display: block;
}

.cr-display-inline-block {
  display: inline-block;
}

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

@media screen and (max-width: 1024px) {
  .cr-hidden-md-down {
    display: none !important;
  }
}
.cr-flex {
  display: flex;
}

.cr-inline-flex {
  display: inline-flex;
}

.cr-flex-row {
  flex-direction: row;
}

.cr-flex-row-reverse {
  flex-direction: row-reverse;
}

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

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

.cr-flex-wrap {
  flex-wrap: wrap;
}

.cr-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.cr-flex-no-wrap {
  flex-wrap: nowrap;
}

.cr-items-start {
  align-items: flex-start;
}

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

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

.cr-items-baseline {
  align-items: baseline;
}

.cr-items-stretch {
  align-items: stretch;
}

.cr-self-auto {
  align-self: auto;
}

.cr-self-start {
  align-self: flex-start;
}

.cr-self-end {
  align-self: flex-end;
}

.cr-self-center {
  align-self: center;
}

.cr-self-stretch {
  align-self: stretch;
}

.cr-justify-start {
  justify-content: flex-start;
}

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

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

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

.cr-justify-around {
  justify-content: space-around;
}

.cr-content-center {
  align-content: center;
}

.cr-content-start {
  align-content: flex-start;
}

.cr-content-end {
  align-content: flex-end;
}

.cr-content-between {
  align-content: space-between;
}

.cr-content-around {
  align-content: space-around;
}

.cr-flex-1 {
  flex: 1;
}

.cr-flex-auto {
  flex: auto;
}

.cr-flex-initial {
  flex: initial;
}

.cr-flex-none {
  flex: none;
}

.cr-flex-grow {
  flex-grow: 1;
}

.cr-flex-shrink {
  flex-shrink: 1;
}

.cr-flex-no-grow {
  flex-grow: 0;
}

.cr-flex-no-shrink {
  flex-shrink: 0;
}

.cr-list-m-0 {
  padding-left: 1.2em;
  margin: 0;
}

.cr-max-width-content {
  max-width: 66rem;
}

.cr-position-static {
  position: static;
}

.cr-position-relative {
  position: relative;
}

.cr-position-fixed {
  position: fixed;
}

.cr-position-absolute {
  position: absolute;
}

.cr-position-sticky {
  position: -webkit-sticky;
  position: sticky;
}

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

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

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

.cr-text-justify {
  text-align: justify;
}

.cr-text-transform-uppercase {
  text-transform: uppercase;
}

.cr-text-transform-lowercase {
  text-transform: lowercase;
}

.cr-text-transform-capitalize {
  text-transform: capitalize;
}

.cr-align-baseline {
  vertical-align: baseline;
}

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

.cr-align-middle {
  vertical-align: middle;
}

.cr-align-bottom {
  vertical-align: bottom;
}

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

.cr-align-text-bottom {
  vertical-align: text-bottom;
}

.cr-align-sub {
  vertical-align: sub;
}

.cr-align-super {
  vertical-align: super;
}

.cr-white-space-no-wrap {
  white-space: nowrap;
}

.cr-white-space-pre {
  white-space: pre;
}

.cr-white-space-pre-line {
  white-space: pre-line;
}

.cr-white-space-pre-wrap {
  white-space: pre-wrap;
}

.cr-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cr-width-auto {
  width: auto;
}

.cr-display-block-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* stylelint-disable */
.cr-width-1-12 {
  width: 8.3333333333%;
}

.cr-width-2-12 {
  width: 16.6666666667%;
}

.cr-width-3-12 {
  width: 25%;
}

.cr-width-4-12 {
  width: 33.3333333333%;
}

.cr-width-5-12 {
  width: 41.6666666667%;
}

.cr-width-6-12 {
  width: 50%;
}

.cr-width-7-12 {
  width: 58.3333333333%;
}

.cr-width-8-12 {
  width: 66.6666666667%;
}

.cr-width-9-12 {
  width: 75%;
}

.cr-width-10-12 {
  width: 83.3333333333%;
}

.cr-width-11-12 {
  width: 91.6666666667%;
}

.cr-width-full {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  .cr-width-1-12-sm {
    width: 8.3333333333%;
  }

  .cr-width-2-12-sm {
    width: 16.6666666667%;
  }

  .cr-width-3-12-sm {
    width: 25%;
  }

  .cr-width-4-12-sm {
    width: 33.3333333333%;
  }

  .cr-width-5-12-sm {
    width: 41.6666666667%;
  }

  .cr-width-6-12-sm {
    width: 50%;
  }

  .cr-width-7-12-sm {
    width: 58.3333333333%;
  }

  .cr-width-8-12-sm {
    width: 66.6666666667%;
  }

  .cr-width-9-12-sm {
    width: 75%;
  }

  .cr-width-10-12-sm {
    width: 83.3333333333%;
  }

  .cr-width-11-12-sm {
    width: 91.6666666667%;
  }

  .cr-width-full-sm {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .cr-width-1-12-md {
    width: 8.3333333333%;
  }

  .cr-width-2-12-md {
    width: 16.6666666667%;
  }

  .cr-width-3-12-md {
    width: 25%;
  }

  .cr-width-4-12-md {
    width: 33.3333333333%;
  }

  .cr-width-5-12-md {
    width: 41.6666666667%;
  }

  .cr-width-6-12-md {
    width: 50%;
  }

  .cr-width-7-12-md {
    width: 58.3333333333%;
  }

  .cr-width-8-12-md {
    width: 66.6666666667%;
  }

  .cr-width-9-12-md {
    width: 75%;
  }

  .cr-width-10-12-md {
    width: 83.3333333333%;
  }

  .cr-width-11-12-md {
    width: 91.6666666667%;
  }

  .cr-width-full-md {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .cr-width-1-12-lg {
    width: 8.3333333333%;
  }

  .cr-width-2-12-lg {
    width: 16.6666666667%;
  }

  .cr-width-3-12-lg {
    width: 25%;
  }

  .cr-width-4-12-lg {
    width: 33.3333333333%;
  }

  .cr-width-5-12-lg {
    width: 41.6666666667%;
  }

  .cr-width-6-12-lg {
    width: 50%;
  }

  .cr-width-7-12-lg {
    width: 58.3333333333%;
  }

  .cr-width-8-12-lg {
    width: 66.6666666667%;
  }

  .cr-width-9-12-lg {
    width: 75%;
  }

  .cr-width-10-12-lg {
    width: 83.3333333333%;
  }

  .cr-width-11-12-lg {
    width: 91.6666666667%;
  }

  .cr-width-full-lg {
    width: 100%;
  }
}
/* stylelint-enable */
.cr-popover-menu {
  left: auto !important;
}
.cr-popover-menu ul {
  margin: 0;
  padding: 0.375rem 0;
  list-style: none;
}
.cr-popover-menu a {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  padding: 0.375rem 1.125rem;
}
.cr-popover-menu a:hover {
  background-color: #f3f3f3;
}

.cr-button, .DayPickerNavigation_button {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  height: 2.25rem;
  padding: 0 1.125rem;
  background-color: #fff;
  border: 1px solid #abb3b3;
  border-radius: 0.1875rem;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
  cursor: pointer;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #494c4c;
  line-height: 1;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
  text-align: center;
  transition-property: background, border, box-shadow, color;
  transition-duration: 200ms;
  box-sizing: border-box;
}
.cr-button--icon-only {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.cr-button .cr-icon, .DayPickerNavigation_button .cr-icon {
  fill: #494c4c;
  color: #fff;
}
.cr-button:disabled, .DayPickerNavigation_button:disabled, .cr-button.cr-button--disabled, .cr-button--disabled.DayPickerNavigation_button {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  box-shadow: none;
}
.cr-button--small {
  height: 1.875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
}
.cr-button--small.cr-button--icon-only {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.cr-button--large {
  height: 2.625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
}
.cr-button--large.cr-button--icon-only {
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}
.cr-button--xlarge {
  height: 3.375rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  font-size: 1.125rem;
  border-radius: 0.375rem;
}
.cr-button--xlarge.cr-button--icon-only {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.cr-button--block {
  display: flex;
  width: 100%;
}
.cr-button--primary {
  border-color: #35b858;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -1px 3px 0 rgba(38, 133, 64, 0.2);
  color: #35b858;
}
.cr-button--primary .cr-icon {
  fill: #35b858;
}
.cr-button--primary:disabled, .cr-button--primary.cr-button--disabled {
  box-shadow: none;
}
.cr-button--primary.cr-button--fill {
  background-color: #35b858;
  border-color: #26853f;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}
.cr-button--primary.cr-button--fill .cr-icon {
  fill: #fff;
  color: #35b858;
}
.cr-button--primary.cr-button--fill:disabled, .cr-button--primary.cr-button--fill.cr-button--disabled {
  box-shadow: none;
}
.cr-button--secondary {
  border-color: #2875c6;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -1px 3px 0 rgba(30, 87, 148, 0.2);
  color: #2875c6;
}
.cr-button--secondary .cr-icon {
  fill: #2875c6;
}
.cr-button--secondary:disabled, .cr-button--secondary.cr-button--disabled {
  box-shadow: none;
}
.cr-button--secondary.cr-button--fill {
  background-color: #2875c6;
  border-color: #1d5794;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}
.cr-button--secondary.cr-button--fill .cr-icon {
  fill: #fff;
  color: #2875c6;
}
.cr-button--secondary.cr-button--fill:disabled, .cr-button--secondary.cr-button--fill.cr-button--disabled {
  box-shadow: none;
}
.cr-button--danger {
  border-color: #b93435;
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15), inset 0 -1px 3px 0 rgba(135, 38, 38, 0.2);
  color: #b93435;
}
.cr-button--danger .cr-icon {
  fill: #b93435;
}
.cr-button--danger:disabled, .cr-button--danger.cr-button--disabled {
  box-shadow: none;
}
.cr-button--danger.cr-button--fill {
  background-color: #b93435;
  border-color: #872525;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15), inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}
.cr-button--danger.cr-button--fill .cr-icon {
  fill: #fff;
  color: #b93435;
}
.cr-button--danger.cr-button--fill:disabled, .cr-button--danger.cr-button--fill.cr-button--disabled {
  box-shadow: none;
}

.cr-button .cr-button__content, .DayPickerNavigation_button .cr-button__content {
  display: inline-flex;
  align-self: center;
}
.cr-button .cr-button__content > *, .DayPickerNavigation_button .cr-button__content > * {
  align-self: center;
}
.cr-button:not(.cr-button--no-spacing) .cr-button__content:not(.cr-button__content--loading) + .cr-button__content, .DayPickerNavigation_button:not(.cr-button--no-spacing) .cr-button__content:not(.cr-button__content--loading) + .cr-button__content {
  margin-left: 0.5rem;
}
.cr-button::before, .DayPickerNavigation_button::before, .cr-button::after, .DayPickerNavigation_button::after {
  content: "";
  flex: 1 0 auto;
}

.cr-button--loading > :not(.cr-button__content--loading) {
  opacity: 0;
}
.cr-button--loading .cr-button__content--loading {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cr-button:hover, .DayPickerNavigation_button:hover {
  background-color: #f3f3f3;
  box-shadow: none;
  color: #494c4c;
}

.cr-button:active, .DayPickerNavigation_button:active, .cr-button.cr-button--active, .cr-button--active.DayPickerNavigation_button, .cr-button:focus:active, .DayPickerNavigation_button:focus:active {
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18);
  background-color: #f3f3f3;
}

.cr-button:focus, .DayPickerNavigation_button:focus {
  outline: thin dotted;
  box-shadow: none;
}

.cr-button--primary:hover {
  background-color: #e0f8e6;
  color: #26853f;
  box-shadow: none;
}
.cr-button--primary:hover .cr-icon {
  fill: #26853f;
  color: #e0f8e6;
}

.cr-button--primary:active, .cr-button--primary.cr-button--active, .cr-button--primary:focus:active {
  background-color: #e0f8e6;
  color: #26853f;
  box-shadow: inset 0 0 0.375rem rgba(38, 133, 64, 0.4);
}
.cr-button--primary:active .cr-icon, .cr-button--primary.cr-button--active .cr-icon {
  fill: #26853f;
  color: #e0f8e6;
}

.cr-button--primary.cr-button--fill:hover {
  background-color: #2fa44f;
  color: #fff;
  box-shadow: none;
}
.cr-button--primary.cr-button--fill:hover .cr-icon {
  fill: #fff;
  color: #2fa44f;
}

.cr-button--primary.cr-button--fill:active, .cr-button--primary.cr-button--fill.cr-button--active, .cr-button--primary.cr-button--fill:focus:active {
  background-color: #2fa44f;
  background-image: linear-gradient(to bottom, #2a9045, #35b858);
  color: #fff;
  box-shadow: none;
}
.cr-button--primary.cr-button--fill:active .cr-icon, .cr-button--primary.cr-button--fill.cr-button--active .cr-icon {
  fill: #fff;
  color: #2fa44f;
}

.cr-button--secondary:hover {
  background-color: #e9fafe;
  color: #1d5794;
  box-shadow: none;
}
.cr-button--secondary:hover .cr-icon {
  fill: #1d5794;
  color: #e9fafe;
}

.cr-button--secondary:active, .cr-button--secondary.cr-button--active, .cr-button--secondary:focus:active {
  background-color: #e9fafe;
  color: #1d5794;
  box-shadow: inset 0 0 0.375rem rgba(30, 87, 148, 0.4);
}
.cr-button--secondary:active .cr-icon, .cr-button--secondary.cr-button--active .cr-icon {
  fill: #1d5794;
  color: #e9fafe;
}

.cr-button--secondary.cr-button--fill:hover {
  background-color: #2468b1;
  color: #fff;
  box-shadow: none;
}
.cr-button--secondary.cr-button--fill:hover .cr-icon {
  fill: #fff;
  color: #2468b1;
}

.cr-button--secondary.cr-button--fill:active, .cr-button--secondary.cr-button--fill.cr-button--active, .cr-button--secondary.cr-button--fill:focus:active {
  background-color: #2468b1;
  background-image: linear-gradient(to bottom, #1d5794, #2875c6);
  color: #fff;
  box-shadow: none;
}
.cr-button--secondary.cr-button--fill:active .cr-icon, .cr-button--secondary.cr-button--fill.cr-button--active .cr-icon {
  fill: #fff;
  color: #2468b1;
}

.cr-button--danger:hover {
  background-color: #fee3e3;
  color: #872525;
  box-shadow: none;
}
.cr-button--danger:hover .cr-icon {
  fill: #872525;
  color: #fee3e3;
}

.cr-button--danger:active, .cr-button--danger.cr-button--active, .cr-button--danger:focus:active {
  background-color: #fee3e3;
  color: #872525;
  box-shadow: inset 0 0 0.375rem rgba(135, 38, 38, 0.4);
}
.cr-button--danger:active .cr-icon, .cr-button--danger.cr-button--active .cr-icon {
  fill: #872525;
  color: #fee3e3;
}

.cr-button--danger.cr-button--fill:hover {
  background-color: #a52e2f;
  color: #fff;
  box-shadow: none;
}
.cr-button--danger.cr-button--fill:hover .cr-icon {
  fill: #fff;
  color: #a52e2f;
}

.cr-button--danger.cr-button--fill:active, .cr-button--danger.cr-button--fill.cr-button--active, .cr-button--danger.cr-button--fill:focus:active {
  background-color: #a52e2f;
  background-image: linear-gradient(to bottom, #91292a, #b93435);
  color: #fff;
  box-shadow: none;
}
.cr-button--danger.cr-button--fill:active .cr-icon, .cr-button--danger.cr-button--fill.cr-button--active .cr-icon {
  fill: #fff;
  color: #a52e2f;
}

.cr-input__container {
  width: 100%;
}

.cr-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.1875rem;
  background-color: #fff;
}

.cr-input__wrapper--disabled {
  color: #848a8a;
  background-color: #f3f3f3;
  -webkit-text-fill-color: currentColor;
}

.cr-input__wrapper--readonly {
  background-color: #f3f3f3;
}

.cr-input__wrapper--autofilled {
  background-color: #fdfcd4;
  background-image: none;
  color: #0c0d0d;
}

.cr-input {
  width: 100%;
  flex: 1 1 0%;
  box-sizing: border-box;
  height: 2.25rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: solid 0 transparent;
  background-color: transparent;
  color: #494c4c;
  min-width: 0;
}
.cr-input:disabled {
  opacity: 1;
}

.cr-input::-webkit-input-placeholder {
  color: #abb3b3;
}

.cr-input::placeholder {
  color: #abb3b3;
}

.cr-input:focus,
.cr-input:active {
  outline: none;
}

.cr-input--small {
  font-size: 0.75rem;
  height: 1.875rem;
}

.cr-input--large {
  height: 2.625rem;
}

.cr-input--has-prefix {
  padding-left: 0;
}

.cr-input--has-suffix {
  padding-right: 0;
}

.cr-input.cr-input--error ~ .cr-input__backdrop {
  border-color: #b93435;
}

.cr-input.cr-input--error:not([disabled]):not([readonly]):hover ~ .cr-input__backdrop,
.cr-input.cr-input--error:not([disabled]):not([readonly]):active ~ .cr-input__backdrop,
.cr-input.cr-input--error:not([disabled]):not([readonly]):focus ~ .cr-input__backdrop {
  border-color: #ed5153;
}

.cr-input__prefix,
.cr-input__suffix,
.cr-input__status {
  display: flex;
  flex: 0 0 auto;
}

.cr-input__prefix {
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.375rem;
}

.cr-input__suffix {
  font-size: 0.875rem;
  padding-right: 0.75rem;
}

.cr-input__status {
  padding-right: 0.75rem;
}

.cr-input--valid ~ .cr-input__status .cr-icon__base {
  fill: #35b858;
}

.cr-input--warning ~ .cr-input__status .cr-icon__base {
  fill: #e69524;
}

.cr-input--error ~ .cr-input__status .cr-icon__base {
  fill: #b93435;
}

.cr-input__header {
  margin-bottom: 0.375rem;
}

.cr-input__label-wrapper {
  display: flex;
  justify-content: space-between;
}

.cr-input__label-helper {
  display: flex;
}

.cr-input__text-helper {
  margin-top: 0.375rem;
}

.cr-input__text-helper--valid {
  color: #35b858;
}

.cr-input__text-helper--warning {
  color: #e69524;
}

.cr-input__text-helper--error {
  color: #b93435;
}

.cr-input__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border-radius: 0.1875rem;
  background-color: transparent;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  border: solid 1px #abb3b3;
}

.cr-input__prefix > *,
.cr-input__suffix > *,
.cr-input__label-helper > * {
  vertical-align: middle;
}

@keyframes onAutoFillStart {}
@keyframes onAutoFillCancel {}
input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}

input:-webkit-autofill {
  animation-name: onAutoFillStart;
}

.cr-input:not([disabled]):not([readonly]):hover ~ .cr-input__backdrop {
  border-color: #383d3d;
}

.cr-time-picker .input-focus .cr-input ~ .cr-input__backdrop, .cr-date-picker .input-focus .cr-input ~ .cr-input__backdrop, .cr-input:not([disabled]):not([readonly]):focus ~ .cr-input__backdrop,
.cr-input:not([disabled]):not([readonly]):active ~ .cr-input__backdrop {
  border-color: #2875c6;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.cr-date-picker {
  animation: fadeIn 0.3s linear;
}

.cr-date-picker__preset-dates {
  border-right: solid 1px #c4cacc;
}

.cr-date-picker__preset-dates-button {
  color: #2875c6;
  padding: 0 0.375rem;
  margin: 0.375rem 0;
  line-height: 1.5rem;
  border-radius: 0.1875rem;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.cr-date-picker__preset-dates-button:hover, .cr-date-picker__preset-dates-button--active {
  color: #fff;
  background: #2875c6;
}

.cr-date-picker__calendar {
  overflow: hidden;
}

.cr-date-picker__alert {
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0.375rem 0.75rem;
}

.cr-date-picker__alert + .cr-divider {
  display: none;
}

.cr-date-picker__alert.cr-date-picker__alert--fixed-width {
  width: 299px;
}

.cr-date-picker__form .cr-input::-webkit-input-placeholder {
  font-size: 0.75rem;
}

.cr-date-picker__form .cr-input::placeholder {
  font-size: 0.75rem;
}

.DayPicker {
  animation: fadeIn 0.3s linear;
  margin: -6px -10px;
}

.cr-button.date-picker__button, .date-picker__button.DayPickerNavigation_button {
  white-space: nowrap;
  padding-right: 0.75rem;
}

.cr-button.date-picker__button:focus, .date-picker__button.DayPickerNavigation_button:focus {
  outline: none;
}

.cr-button.date-picker__button--active, .date-picker__button--active.DayPickerNavigation_button {
  background-color: #e1e4e5;
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18) !important;
}

.DayPickerNavigation_button {
  position: absolute;
  background: #fff;
  padding: 0 0.75rem;
}
.DayPickerNavigation_button:first-child {
  top: 1.125rem;
  left: 21px;
}
.DayPickerNavigation_button:last-child {
  top: 1.125rem;
  right: 21px;
}

.CalendarMonth_caption {
  text-align: center;
  padding: 14px 0 45px 0;
  line-height: 1.5rem;
}

.cr-date-picker__month-button {
  display: inline-block;
  padding: 0.75rem;
  cursor: pointer;
  text-transform: capitalize;
}

.DayPicker__horizontal {
  background: none;
}

.DayPicker_weekHeader {
  border-bottom: solid 1px #c4cacc;
  line-height: 1.5rem;
}

.DayPicker_weekHeader_li {
  color: #848a8a;
  text-transform: uppercase;
}

.DayPicker_transitionContainer {
  height: 250px;
  margin: 0 0;
}

.CalendarMonthGrid {
  height: 100%;
  display: flex;
  flex-direction: row;
  background: none;
}

.CalendarMonthGrid_month {
  border-left: solid 1px #fff;
}

.CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) ~ .CalendarMonthGrid_month__horizontal {
  border-left: solid 1px #c4cacc;
}

.CalendarMonth_table {
  border-collapse: separate;
  padding-top: 5px;
}

.CalendarDay {
  position: relative;
  border: none;
  outline: none;
  line-height: 1.5rem;
  padding: 0;
  z-index: 1;
}
.CalendarDay:hover {
  border: none;
  background: none;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  border: none;
  outline: none;
  background: none;
}

.CalendarDay__selected::before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 50%;
  padding: 4px;
  background: #2875c6;
  background-clip: content-box;
  box-sizing: border-box;
  z-index: -1;
}

.CalendarDay__selected_start:not(.CalendarDay__selected_end)::after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(to bottom, transparent 0, transparent 4px, #d7e7f7 4px, #d7e7f7 calc(100% - 4px), transparent calc(100% - 4px), transparent 100%);
  background-clip: padding-box;
  z-index: -2;
}

.CalendarDay__selected_end:not(.CalendarDay__selected_start)::after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent 0, transparent 4px, #d7e7f7 4px, #d7e7f7 calc(100% - 4px), transparent calc(100% - 4px), transparent 100%);
  background-clip: padding-box;
  z-index: -2;
}

.CalendarDay__selected_span:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end),
.CalendarDay__selected_span:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end):hover,
.CalendarDay__hovered_span:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end),
.CalendarDay__hovered_span:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end):hover {
  color: #494c4c;
  border-radius: 0;
  background: linear-gradient(to bottom, transparent 0, transparent 4px, #d7e7f7 4px, #d7e7f7 calc(100% - 4px), transparent calc(100% - 4px), transparent 100%);
  background-clip: padding-box;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:hover {
  color: #848a8a;
  border-radius: 0;
  background: linear-gradient(to bottom, transparent 0, transparent 4px, #eff0f1 4px, #e6e9ea calc(100% - 4px), transparent calc(100% - 4px), transparent 100%);
  background-clip: padding-box;
}

.CalendarDay__selected:hover + .CalendarDay__hovered_span:not(.CalendarDay__selected_span),
.CalendarDay__selected + .CalendarDay__hovered_span:hover,
.CalendarDay__hovered_span + .CalendarDay__hovered_span:hover,
.CalendarDay__selected_span + .CalendarDay__hovered_span:hover,
.CalendarDay__selected_start {
  background: none;
}

.cr-date-picker .input-dimmed .cr-input {
  color: #848a8a;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cr-input__container {
  width: 100%;
}

.cr-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.1875rem;
  background-color: #fff;
}

.cr-input__wrapper--disabled {
  color: #848a8a;
  background-color: #f3f3f3;
  -webkit-text-fill-color: currentColor;
}

.cr-input__wrapper--readonly {
  background-color: #f3f3f3;
}

.cr-input__wrapper--autofilled {
  background-color: #fdfcd4;
  background-image: none;
  color: #0c0d0d;
}

.cr-input {
  width: 100%;
  flex: 1 1 0%;
  box-sizing: border-box;
  height: 2.25rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: solid 0 transparent;
  background-color: transparent;
  color: #494c4c;
  min-width: 0;
}
.cr-input:disabled {
  opacity: 1;
}

.cr-input::-webkit-input-placeholder {
  color: #abb3b3;
}

.cr-input::placeholder {
  color: #abb3b3;
}

.cr-input:focus,
.cr-input:active {
  outline: none;
}

.cr-input--small {
  font-size: 0.75rem;
  height: 1.875rem;
}

.cr-input--large {
  height: 2.625rem;
}

.cr-input--has-prefix {
  padding-left: 0;
}

.cr-input--has-suffix {
  padding-right: 0;
}

.cr-input.cr-input--error ~ .cr-input__backdrop {
  border-color: #b93435;
}

.cr-input.cr-input--error:not([disabled]):not([readonly]):hover ~ .cr-input__backdrop,
.cr-input.cr-input--error:not([disabled]):not([readonly]):active ~ .cr-input__backdrop,
.cr-input.cr-input--error:not([disabled]):not([readonly]):focus ~ .cr-input__backdrop {
  border-color: #ed5153;
}

.cr-input__prefix,
.cr-input__suffix,
.cr-input__status {
  display: flex;
  flex: 0 0 auto;
}

.cr-input__prefix {
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.375rem;
}

.cr-input__suffix {
  font-size: 0.875rem;
  padding-right: 0.75rem;
}

.cr-input__status {
  padding-right: 0.75rem;
}

.cr-input--valid ~ .cr-input__status .cr-icon__base {
  fill: #35b858;
}

.cr-input--warning ~ .cr-input__status .cr-icon__base {
  fill: #e69524;
}

.cr-input--error ~ .cr-input__status .cr-icon__base {
  fill: #b93435;
}

.cr-input__header {
  margin-bottom: 0.375rem;
}

.cr-input__label-wrapper {
  display: flex;
  justify-content: space-between;
}

.cr-input__label-helper {
  display: flex;
}

.cr-input__text-helper {
  margin-top: 0.375rem;
}

.cr-input__text-helper--valid {
  color: #35b858;
}

.cr-input__text-helper--warning {
  color: #e69524;
}

.cr-input__text-helper--error {
  color: #b93435;
}

.cr-input__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border-radius: 0.1875rem;
  background-color: transparent;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  border: solid 1px #abb3b3;
}

.cr-input__prefix > *,
.cr-input__suffix > *,
.cr-input__label-helper > * {
  vertical-align: middle;
}

@keyframes onAutoFillStart {}
@keyframes onAutoFillCancel {}
input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}

input:-webkit-autofill {
  animation-name: onAutoFillStart;
}

.cr-input:not([disabled]):not([readonly]):hover ~ .cr-input__backdrop {
  border-color: #383d3d;
}

.cr-time-picker .input-focus .cr-input ~ .cr-input__backdrop, .cr-input:not([disabled]):not([readonly]):focus ~ .cr-input__backdrop,
.cr-input:not([disabled]):not([readonly]):active ~ .cr-input__backdrop, .cr-date-picker .input-focus .cr-input ~ .cr-input__backdrop {
  border-color: #2875c6;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1), 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.cr-time-picker {
  animation: fadeIn 0.3s linear;
}

.cr-time-picker__form .cr-alert + .cr-divider {
  display: none;
}

.cr-time-picker .cr-alert {
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0.375rem 0.75rem;
}

.cr-button.time-picker__button, .time-picker__button.DayPickerNavigation_button {
  padding-right: 0.75rem;
}

.cr-button.time-picker__button:focus, .time-picker__button.DayPickerNavigation_button:focus {
  outline: none;
}

.cr-button.time-picker__button--active, .time-picker__button--active.DayPickerNavigation_button {
  background-color: #e1e4e5;
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18) !important;
}

.cr-time-picker__radio {
  margin-top: 4px;
}

.cr-time-picker__radio .cr-text--body-small {
  font-size: 1rem;
}

.cr-time-picker__am-pm .cr-button, .cr-time-picker__am-pm .DayPickerNavigation_button {
  padding: 0.375rem 0.75rem;
}

.cr-time-picker .cr-input {
  text-align: center;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@charset "UTF-8";
* {
  box-sizing: border-box;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: 600;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: none;
          appearance: none;
  /* 1 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: #2a6fb1;
  text-decoration: none;
}
a:active {
  color: #163b5f;
}
a a:hover {
  color: #205588;
}
a.danger {
  color: #a44039;
  text-decoration: underline;
}
a.danger:active {
  color: #321412;
}
a.danger:hover {
  color: #58221f;
}

#debug {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #900;
  padding: 0.5em;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.6;
  max-height: 6em;
  overflow: scroll;
}

.lines nav .submenu::after, .view .tabs::after, .view .main::after, .view .content::after, .search div.advanced::after, .search::after, .listing .controls::after, .listing header::after, .money-field-container::after, .percent-field-container::after, .view .functions::after {
  content: "";
  display: table;
  clear: both;
}

.time-wrapper::after, .date-wrapper::after, .date_range_field::after, .listing .controls li.jump::after, .search div.submit .advanced_toggle::before, .search div.submit button._loading::before, .listing .controls a.print::before, .listing .controls a.export::before, .listing .controls a.mailing-labels::before, .listing .controls a.delete::before, .listing .controls a.previous::before, .listing .controls a.next::before, .gui-def-button._loading::before, .button._loading::before, .listing header .listing-functions button::before, [class^=icon-],
[class*=" icon-"],
.icon {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/7149833697a959306ec3012a8588dcfa.eot);
  src: url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/7149833697a959306ec3012a8588dcfa.eot?#iefix&v=3.2.1) format("embedded-opentype"), url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/d95d6f5d5ab7cfefd09651800b69bd54.woff) format("woff"), url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/c4668ed2440df82d3fd2f8be9d31d07d.ttf) format("truetype"), url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/65bcbc899f379216109acd0b6c494618.svg#fontawesomeregular?v=3.2.1) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-glass::before {
  content: "\F000";
}

.icon-music::before {
  content: "\F001";
}

.icon-search::before {
  content: "\F002";
}

.icon-envelope-alt::before {
  content: "\F003";
}

.icon-heart::before {
  content: "\F004";
}

.icon-star::before {
  content: "\F005";
}

.icon-star-empty::before {
  content: "\F006";
}

.icon-user::before {
  content: "\F007";
}

.icon-film::before {
  content: "\F008";
}

.icon-th-large::before {
  content: "\F009";
}

.icon-th::before {
  content: "\F00A";
}

.icon-th-list::before {
  content: "\F00B";
}

.icon-ok::before {
  content: "\F00C";
}

.icon-remove::before {
  content: "\F00D";
}

.icon-zoom-in::before {
  content: "\F00E";
}

.icon-zoom-out::before {
  content: "\F010";
}

.icon-power-off::before,
.icon-off::before {
  content: "\F011";
}

.icon-signal::before {
  content: "\F012";
}

.icon-gear::before,
.icon-cog::before {
  content: "\F013";
}

.icon-trash::before {
  content: "\F014";
}

.icon-home::before {
  content: "\F015";
}

.icon-file-alt::before {
  content: "\F016";
}

.icon-time::before {
  content: "\F017";
}

.icon-road::before {
  content: "\F018";
}

.icon-download-alt::before {
  content: "\F019";
}

.icon-download::before {
  content: "\F01A";
}

.icon-upload::before {
  content: "\F01B";
}

.icon-inbox::before {
  content: "\F01C";
}

.icon-play-circle::before {
  content: "\F01D";
}

.icon-rotate-right::before,
.icon-repeat::before {
  content: "\F01E";
}

.icon-refresh::before {
  content: "\F021";
}

.icon-list-alt::before {
  content: "\F022";
}

.icon-lock::before {
  content: "\F023";
}

.icon-flag::before {
  content: "\F024";
}

.icon-headphones::before {
  content: "\F025";
}

.icon-volume-off::before {
  content: "\F026";
}

.icon-volume-down::before {
  content: "\F027";
}

.icon-volume-up::before {
  content: "\F028";
}

.icon-qrcode::before {
  content: "\F029";
}

.icon-barcode::before {
  content: "\F02A";
}

.icon-tag::before {
  content: "\F02B";
}

.icon-tags::before {
  content: "\F02C";
}

.icon-book::before {
  content: "\F02D";
}

.icon-bookmark::before {
  content: "\F02E";
}

.icon-print::before {
  content: "\F02F";
}

.icon-camera::before {
  content: "\F030";
}

.icon-font::before {
  content: "\F031";
}

.icon-bold::before {
  content: "\F032";
}

.icon-italic::before {
  content: "\F033";
}

.icon-text-height::before {
  content: "\F034";
}

.icon-text-width::before {
  content: "\F035";
}

.icon-align-left::before {
  content: "\F036";
}

.icon-align-center::before {
  content: "\F037";
}

.icon-align-right::before {
  content: "\F038";
}

.icon-align-justify::before {
  content: "\F039";
}

.icon-list::before {
  content: "\F03A";
}

.icon-indent-left::before {
  content: "\F03B";
}

.icon-indent-right::before {
  content: "\F03C";
}

.icon-facetime-video::before {
  content: "\F03D";
}

.icon-picture::before {
  content: "\F03E";
}

.icon-pencil::before {
  content: "\F040";
}

.icon-map-marker::before {
  content: "\F041";
}

.icon-adjust::before {
  content: "\F042";
}

.icon-tint::before {
  content: "\F043";
}

.icon-edit::before {
  content: "\F044";
}

.icon-share::before {
  content: "\F045";
}

.icon-check::before {
  content: "\F00C";
}

.icon-move::before {
  content: "\F047";
}

.icon-step-backward::before {
  content: "\F048";
}

.icon-fast-backward::before {
  content: "\F049";
}

.icon-backward::before {
  content: "\F04A";
}

.icon-play::before {
  content: "\F04B";
}

.icon-pause::before {
  content: "\F04C";
}

.icon-stop::before {
  content: "\F04D";
}

.icon-forward::before {
  content: "\F04E";
}

.icon-fast-forward::before {
  content: "\F050";
}

.icon-step-forward::before {
  content: "\F051";
}

.icon-eject::before {
  content: "\F052";
}

.icon-chevron-left::before {
  content: "\F053";
}

.icon-chevron-right::before {
  content: "\F054";
}

.icon-plus-sign::before {
  content: "\F055";
}

.icon-minus-sign::before {
  content: "\F056";
}

.icon-remove-sign::before {
  content: "\F057";
}

.icon-ok-sign::before {
  content: "\F058";
}

.icon-question-sign::before {
  content: "\F059";
}

.icon-info-sign::before {
  content: "\F05A";
}

.icon-screenshot::before {
  content: "\F05B";
}

.icon-remove-circle::before {
  content: "\F05C";
}

.icon-ok-circle::before {
  content: "\F05D";
}

.icon-ban-circle::before {
  content: "\F05E";
}

.icon-arrow-left::before {
  content: "\F060";
}

.icon-arrow-right::before {
  content: "\F061";
}

.icon-arrow-up::before {
  content: "\F062";
}

.icon-arrow-down::before {
  content: "\F063";
}

.icon-mail-forward::before,
.icon-share-alt::before {
  content: "\F064";
}

.icon-resize-full::before {
  content: "\F065";
}

.icon-resize-small::before {
  content: "\F066";
}

.icon-plus::before {
  content: "\F067";
}

.icon-minus::before {
  content: "\F068";
}

.icon-asterisk::before {
  content: "\F069";
}

.icon-exclamation-circle::before {
  content: "\F06A";
}

.icon-exclamation-sign::before {
  content: "\F06A";
}

.icon-gift::before {
  content: "\F06B";
}

.icon-leaf::before {
  content: "\F06C";
}

.icon-fire::before {
  content: "\F06D";
}

.icon-eye-open::before {
  content: "\F06E";
}

.icon-eye-close::before {
  content: "\F070";
}

.icon-warning-sign::before {
  content: "\F071";
}

.icon-plane::before {
  content: "\F072";
}

.icon-calendar::before {
  content: "\F073";
}

.icon-random::before {
  content: "\F074";
}

.icon-comment::before {
  content: "\F075";
}

.icon-magnet::before {
  content: "\F076";
}

.icon-chevron-up::before {
  content: "\F077";
}

.icon-chevron-down::before {
  content: "\F078";
}

.icon-retweet::before {
  content: "\F079";
}

.icon-shopping-cart::before {
  content: "\F07A";
}

.icon-history::before {
  content: "\F1DA";
}

.icon-folder-close::before {
  content: "\F07B";
}

.icon-folder-open::before {
  content: "\F07C";
}

.icon-resize-vertical::before {
  content: "\F07D";
}

.icon-resize-horizontal::before {
  content: "\F07E";
}

.icon-bar-chart::before {
  content: "\F080";
}

.icon-twitter-sign::before {
  content: "\F081";
}

.icon-facebook-sign::before {
  content: "\F082";
}

.icon-camera-retro::before {
  content: "\F083";
}

.icon-key::before {
  content: "\F084";
}

.icon-gears::before,
.icon-cogs::before {
  content: "\F085";
}

.icon-comments::before {
  content: "\F086";
}

.icon-thumbs-up-alt::before {
  content: "\F087";
}

.icon-thumbs-down-alt::before {
  content: "\F088";
}

.icon-star-half::before {
  content: "\F089";
}

.icon-heart-empty::before {
  content: "\F08A";
}

.icon-signout::before {
  content: "\F08B";
}

.icon-linkedin-sign::before {
  content: "\F08C";
}

.icon-pushpin::before {
  content: "\F08D";
}

.icon-external-link::before {
  content: "\F08E";
}

.icon-signin::before {
  content: "\F090";
}

.icon-trophy::before {
  content: "\F091";
}

.icon-github-sign::before {
  content: "\F092";
}

.icon-upload-alt::before {
  content: "\F093";
}

.icon-lemon::before {
  content: "\F094";
}

.icon-phone::before {
  content: "\F095";
}

.icon-unchecked::before,
.icon-check-empty::before {
  content: "\F096";
}

.icon-bookmark-empty::before {
  content: "\F097";
}

.icon-phone-sign::before {
  content: "\F098";
}

.icon-twitter::before {
  content: "\F099";
}

.icon-facebook::before {
  content: "\F09A";
}

.icon-github::before {
  content: "\F09B";
}

.icon-unlock::before {
  content: "\F09C";
}

.icon-credit-card::before {
  content: "\F09D";
}

.icon-rss::before {
  content: "\F09E";
}

.icon-hdd::before {
  content: "\F0A0";
}

.icon-bullhorn::before {
  content: "\F0A1";
}

.icon-bell::before {
  content: "\F0A2";
}

.icon-certificate::before {
  content: "\F0A3";
}

.icon-hand-right::before {
  content: "\F0A4";
}

.icon-hand-left::before {
  content: "\F0A5";
}

.icon-hand-up::before {
  content: "\F0A6";
}

.icon-hand-down::before {
  content: "\F0A7";
}

.icon-circle-arrow-left::before {
  content: "\F0A8";
}

.icon-circle-arrow-right::before {
  content: "\F0A9";
}

.icon-circle-arrow-up::before {
  content: "\F0AA";
}

.icon-circle-arrow-down::before {
  content: "\F0AB";
}

.icon-globe::before {
  content: "\F0AC";
}

.icon-wrench::before {
  content: "\F0AD";
}

.icon-tasks::before {
  content: "\F0AE";
}

.icon-filter::before {
  content: "\F0B0";
}

.icon-briefcase::before {
  content: "\F0B1";
}

.icon-fullscreen::before {
  content: "\F0B2";
}

.icon-group::before {
  content: "\F0C0";
}

.icon-link::before {
  content: "\F0C1";
}

.icon-cloud::before {
  content: "\F0C2";
}

.icon-beaker::before {
  content: "\F0C3";
}

.icon-cut::before {
  content: "\F0C4";
}

.icon-copy::before {
  content: "\F0C5";
}

.icon-paperclip::before,
.icon-paper-clip::before {
  content: "\F0C6";
}

.icon-save::before {
  content: "\F0C7";
}

.icon-sign-blank::before {
  content: "\F0C8";
}

.icon-reorder::before {
  content: "\F0C9";
}

.icon-list-ul::before {
  content: "\F0CA";
}

.icon-list-ol::before {
  content: "\F0CB";
}

.icon-strikethrough::before {
  content: "\F0CC";
}

.icon-underline::before {
  content: "\F0CD";
}

.icon-table::before {
  content: "\F0CE";
}

.icon-magic::before {
  content: "\F0D0";
}

.icon-truck::before {
  content: "\F0D1";
}

.icon-pinterest::before {
  content: "\F0D2";
}

.icon-pinterest-sign::before {
  content: "\F0D3";
}

.icon-google-plus-sign::before {
  content: "\F0D4";
}

.icon-google-plus::before {
  content: "\F0D5";
}

.icon-money::before {
  content: "\F0D6";
}

.icon-caret-down::before {
  content: "\F0D7";
}

.icon-caret-up::before {
  content: "\F0D8";
}

.icon-caret-left::before {
  content: "\F0D9";
}

.icon-caret-right::before {
  content: "\F0DA";
}

.icon-columns::before {
  content: "\F0DB";
}

.icon-sort::before {
  content: "\F0DC";
}

.icon-sort-down::before {
  content: "\F0DD";
}

.icon-sort-up::before {
  content: "\F0DE";
}

.icon-envelope::before {
  content: "\F0E0";
}

.icon-linkedin::before {
  content: "\F0E1";
}

.icon-rotate-left::before,
.icon-undo::before {
  content: "\F0E2";
}

.icon-legal::before {
  content: "\F0E3";
}

.icon-dashboard::before {
  content: "\F0E4";
}

.icon-comment-alt::before {
  content: "\F0E5";
}

.icon-comments-alt::before {
  content: "\F0E6";
}

.icon-bolt::before {
  content: "\F0E7";
}

.icon-sitemap::before {
  content: "\F0E8";
}

.icon-umbrella::before {
  content: "\F0E9";
}

.icon-paste::before {
  content: "\F0EA";
}

.icon-lightbulb::before {
  content: "\F0EB";
}

.icon-exchange::before {
  content: "\F0EC";
}

.icon-cloud-download::before {
  content: "\F0ED";
}

.icon-cloud-upload::before {
  content: "\F0EE";
}

.icon-user-md::before {
  content: "\F0F0";
}

.icon-stethoscope::before {
  content: "\F0F1";
}

.icon-suitcase::before {
  content: "\F0F2";
}

.icon-bell-alt::before {
  content: "\F0F3";
}

.icon-coffee::before {
  content: "\F0F4";
}

.icon-food::before {
  content: "\F0F5";
}

.icon-file-text-alt::before {
  content: "\F0F6";
}

.icon-building::before {
  content: "\F0F7";
}

.icon-hospital::before {
  content: "\F0F8";
}

.icon-ambulance::before {
  content: "\F0F9";
}

.icon-medkit::before {
  content: "\F0FA";
}

.icon-fighter-jet::before {
  content: "\F0FB";
}

.icon-beer::before {
  content: "\F0FC";
}

.icon-h-sign::before {
  content: "\F0FD";
}

.icon-plus-sign-alt::before {
  content: "\F0FE";
}

.icon-double-angle-left::before {
  content: "\F100";
}

.icon-double-angle-right::before {
  content: "\F101";
}

.icon-double-angle-up::before {
  content: "\F102";
}

.icon-double-angle-down::before {
  content: "\F103";
}

.icon-angle-left::before {
  content: "\F104";
}

.icon-angle-right::before {
  content: "\F105";
}

.icon-angle-up::before {
  content: "\F106";
}

.icon-angle-down::before {
  content: "\F107";
}

.icon-desktop::before {
  content: "\F108";
}

.icon-laptop::before {
  content: "\F109";
}

.icon-tablet::before {
  content: "\F10A";
}

.icon-mobile-phone::before {
  content: "\F10B";
}

.icon-circle-blank::before {
  content: "\F10C";
}

.icon-quote-left::before {
  content: "\F10D";
}

.icon-quote-right::before {
  content: "\F10E";
}

.icon-spinner::before {
  content: "\F110";
}

.icon-circle::before {
  content: "\F111";
}

.icon-mail-reply::before,
.icon-reply::before {
  content: "\F112";
}

.icon-github-alt::before {
  content: "\F113";
}

.icon-folder-close-alt::before {
  content: "\F114";
}

.icon-folder-open-alt::before {
  content: "\F115";
}

.icon-expand-alt::before {
  content: "\F116";
}

.icon-collapse-alt::before {
  content: "\F117";
}

.icon-smile::before {
  content: "\F118";
}

.icon-frown::before {
  content: "\F119";
}

.icon-meh::before {
  content: "\F11A";
}

.icon-gamepad::before {
  content: "\F11B";
}

.icon-keyboard::before {
  content: "\F11C";
}

.icon-flag-alt::before {
  content: "\F11D";
}

.icon-flag-checkered::before {
  content: "\F11E";
}

.icon-terminal::before {
  content: "\F120";
}

.icon-code::before {
  content: "\F121";
}

.icon-reply-all::before {
  content: "\F122";
}

.icon-mail-reply-all::before {
  content: "\F122";
}

.icon-star-half-full::before,
.icon-star-half-empty::before {
  content: "\F123";
}

.icon-location-arrow::before {
  content: "\F124";
}

.icon-crop::before {
  content: "\F125";
}

.icon-code-fork::before {
  content: "\F126";
}

.icon-unlink::before {
  content: "\F127";
}

.icon-question::before {
  content: "\F128";
}

.icon-info::before {
  content: "\F129";
}

.icon-exclamation::before {
  content: "\F12A";
}

.icon-superscript::before {
  content: "\F12B";
}

.icon-subscript::before {
  content: "\F12C";
}

.icon-eraser::before {
  content: "\F12D";
}

.icon-puzzle-piece::before {
  content: "\F12E";
}

.icon-microphone::before {
  content: "\F130";
}

.icon-microphone-off::before {
  content: "\F131";
}

.icon-shield::before {
  content: "\F132";
}

.icon-calendar-empty::before {
  content: "\F133";
}

.icon-fire-extinguisher::before {
  content: "\F134";
}

.icon-rocket::before {
  content: "\F135";
}

.icon-maxcdn::before {
  content: "\F136";
}

.icon-chevron-sign-left::before {
  content: "\F137";
}

.icon-chevron-sign-right::before {
  content: "\F138";
}

.icon-chevron-sign-up::before {
  content: "\F139";
}

.icon-chevron-sign-down::before {
  content: "\F13A";
}

.icon-html5::before {
  content: "\F13B";
}

.icon-css3::before {
  content: "\F13C";
}

.icon-anchor::before {
  content: "\F13D";
}

.icon-unlock-alt::before {
  content: "\F13E";
}

.icon-bullseye::before {
  content: "\F140";
}

.icon-ellipsis-horizontal::before {
  content: "\F141";
}

.icon-ellipsis-vertical::before {
  content: "\F142";
}

.icon-rss-sign::before {
  content: "\F143";
}

.icon-play-sign::before {
  content: "\F144";
}

.icon-ticket::before {
  content: "\F145";
}

.icon-minus-sign-alt::before {
  content: "\F146";
}

.icon-check-minus::before {
  content: "\F147";
}

.icon-level-up::before {
  content: "\F148";
}

.icon-level-down::before {
  content: "\F149";
}

.icon-check-sign::before {
  content: "\F14A";
}

.icon-edit-sign::before {
  content: "\F14B";
}

.icon-external-link-sign::before {
  content: "\F14C";
}

.icon-share-sign::before {
  content: "\F14D";
}

.icon-compass::before {
  content: "\F14E";
}

.icon-collapse::before {
  content: "\F150";
}

.icon-collapse-top::before {
  content: "\F151";
}

.icon-expand::before {
  content: "\F152";
}

.icon-euro::before,
.icon-eur::before {
  content: "\F153";
}

.icon-gbp::before {
  content: "\F154";
}

.icon-dollar::before,
.icon-usd::before {
  content: "\F155";
}

.icon-rupee::before,
.icon-inr::before {
  content: "\F156";
}

.icon-yen::before,
.icon-jpy::before {
  content: "\F157";
}

.icon-renminbi::before,
.icon-cny::before {
  content: "\F158";
}

.icon-won::before,
.icon-krw::before {
  content: "\F159";
}

.icon-bitcoin::before,
.icon-btc::before {
  content: "\F15A";
}

.icon-file::before {
  content: "\F15B";
}

.icon-file-text::before {
  content: "\F15C";
}

.icon-sort-by-alphabet::before {
  content: "\F15D";
}

.icon-sort-by-alphabet-alt::before {
  content: "\F15E";
}

.icon-sort-by-attributes::before {
  content: "\F160";
}

.icon-sort-by-attributes-alt::before {
  content: "\F161";
}

.icon-sort-by-order::before {
  content: "\F162";
}

.icon-sort-by-order-alt::before {
  content: "\F163";
}

.icon-thumbs-up::before {
  content: "\F164";
}

.icon-thumbs-down::before {
  content: "\F165";
}

.icon-youtube-sign::before {
  content: "\F166";
}

.icon-youtube::before {
  content: "\F167";
}

.icon-xing::before {
  content: "\F168";
}

.icon-xing-sign::before {
  content: "\F169";
}

.icon-youtube-play::before {
  content: "\F16A";
}

.icon-dropbox::before {
  content: "\F16B";
}

.icon-stackexchange::before {
  content: "\F16C";
}

.icon-instagram::before {
  content: "\F16D";
}

.icon-flickr::before {
  content: "\F16E";
}

.icon-adn::before {
  content: "\F170";
}

.icon-bitbucket::before {
  content: "\F171";
}

.icon-bitbucket-sign::before {
  content: "\F172";
}

.icon-tumblr::before {
  content: "\F173";
}

.icon-tumblr-sign::before {
  content: "\F174";
}

.icon-long-arrow-down::before {
  content: "\F175";
}

.icon-long-arrow-up::before {
  content: "\F176";
}

.icon-long-arrow-left::before {
  content: "\F177";
}

.icon-long-arrow-right::before {
  content: "\F178";
}

.icon-apple::before {
  content: "\F179";
}

.icon-windows::before {
  content: "\F17A";
}

.icon-android::before {
  content: "\F17B";
}

.icon-linux::before {
  content: "\F17C";
}

.icon-dribbble::before {
  content: "\F17D";
}

.icon-skype::before {
  content: "\F17E";
}

.icon-foursquare::before {
  content: "\F180";
}

.icon-trello::before {
  content: "\F181";
}

.icon-female::before {
  content: "\F182";
}

.icon-male::before {
  content: "\F183";
}

.icon-gittip::before {
  content: "\F184";
}

.icon-sun::before {
  content: "\F185";
}

.icon-moon::before {
  content: "\F186";
}

.icon-archive::before {
  content: "\F187";
}

.icon-bug::before {
  content: "\F188";
}

.icon-vk::before {
  content: "\F189";
}

.icon-weibo::before {
  content: "\F18A";
}

.icon-renren::before {
  content: "\F18B";
}

.icon-support::before {
  content: "\F1CD";
}

.icon-university::before {
  content: "\F19C";
}

/* EXTRAS
 * -------------------------- */
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90::before {
  transform: rotate(90deg);
}

.icon-rotate-180::before {
  transform: rotate(180deg);
}

.icon-rotate-270::before {
  transform: rotate(270deg);
}

.icon-flip-horizontal::before {
  transform: scale(-1, 1);
}

.icon-flip-vertical::before {
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90::before, a .icon-rotate-180::before, a .icon-rotate-270::before, a .icon-flip-horizontal::before, a .icon-flip-vertical::before {
  display: inline-block;
}

.search div.submit button._loading::before, .gui-def-button._loading::before, .button._loading::before, .spin {
  animation: spin 1200ms infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.view_field_box span.function button.po-add-items-button, .view_field_box span.function button.po-checkin-button, .view_field_box span.function button.attached-search-button, .view .functions button,
.view .functions .button, .search div.submit .advanced_toggle, .search div.submit button, .listing header .listing-functions button {
  padding: 0 12px;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 3px;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 32px;
  white-space: nowrap;
  transition: border 0.3s, background 0.3s, color 0.3s;
  background: #888;
  border-color: #888;
}
.view_field_box span.function button.po-add-items-button:hover, .view_field_box span.function button.po-checkin-button:hover, .view_field_box span.function button.attached-search-button:hover, .view .functions button:hover,
.view .functions .button:hover, .search div.submit .advanced_toggle:hover, .search div.submit button:hover, .listing header .listing-functions button:hover {
  border-color: #6f6f6f;
  background: #6f6f6f;
}
.view_field_box span.function button.po-add-items-button:active, .view_field_box span.function button.po-checkin-button:active, .view_field_box span.function button.attached-search-button:active, .view .functions button:active,
.view .functions .button:active, .search div.submit .advanced_toggle:active, .search div.submit button:active, .listing header .listing-functions button:active {
  border-color: #a2a2a2;
  background: #a2a2a2;
}
.view_field_box span.function button.po-add-items-button:hover, .view_field_box span.function button.po-checkin-button:hover, .view_field_box span.function button.attached-search-button:hover, .view .functions button:hover,
.view .functions .button:hover, .search div.submit .advanced_toggle:hover, .search div.submit button:hover, .listing header .listing-functions button:hover, .view_field_box span.function button.po-add-items-button:active, .view_field_box span.function button.po-checkin-button:active, .view_field_box span.function button.attached-search-button:active, .view .functions button:active,
.view .functions .button:active, .search div.submit .advanced_toggle:active, .search div.submit button:active, .listing header .listing-functions button:active {
  color: #fff;
  cursor: pointer;
}
.view_field_box span.function button.po-add-items-button:focus, .view_field_box span.function button.po-checkin-button:focus, .view_field_box span.function button.attached-search-button:focus, .view .functions button:focus,
.view .functions .button:focus, .search div.submit .advanced_toggle:focus, .search div.submit button:focus, .listing header .listing-functions button:focus {
  -webkit-appearance: none;
          appearance: none;
  outline: none;
}
.view_field_box span.function button[disabled].po-add-items-button, .view_field_box span.function button[disabled].po-checkin-button, .view_field_box span.function button[disabled].attached-search-button, .view .functions button[disabled],
.view .functions [disabled].button, .search div.submit [disabled].advanced_toggle, .search div.submit button[disabled], .listing header .listing-functions button[disabled] {
  color: #b0b0b0 !important;
  border-color: #ccc !important;
  background: transparent !important;
}
.view_field_box span.function button[disabled].po-add-items-button:hover, .view_field_box span.function button[disabled].po-checkin-button:hover, .view_field_box span.function button[disabled].attached-search-button:hover, .view .functions button[disabled]:hover,
.view .functions [disabled].button:hover, .search div.submit [disabled].advanced_toggle:hover, .search div.submit button[disabled]:hover, .listing header .listing-functions button[disabled]:hover {
  cursor: default;
}
.view_field_box span.function button.small.po-add-items-button, .view_field_box span.function button.small.po-checkin-button, .view_field_box span.function button.small.attached-search-button, .view .functions button.small,
.view .functions .small.button, .search div.submit .small.advanced_toggle, .search div.submit button.small, .listing header .listing-functions button.small {
  border-radius: 2px;
  font-size: 0.8125rem;
  font-weight: normal;
  padding: 7px 10px;
}
.view_field_box span.function button.large.po-add-items-button, .view_field_box span.function button.large.po-checkin-button, .view_field_box span.function button.large.attached-search-button, .view .functions button.large,
.view .functions .large.button, .search div.submit .large.advanced_toggle, .search div.submit button.large, .listing header .listing-functions button.large {
  padding: 12px 14px;
  font-size: 1rem;
}
.view_field_box span.function button.supplemental.po-add-items-button, .view_field_box span.function button.supplemental.po-checkin-button, .view_field_box span.function button.supplemental.attached-search-button, .view .functions button.supplemental,
.view .functions .supplemental.button, .search div.submit .supplemental.advanced_toggle, .search div.submit button.supplemental, .listing header .listing-functions button.supplemental {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.view_field_box span.function button.has_supplemental.po-add-items-button, .view_field_box span.function button.has_supplemental.po-checkin-button, .view_field_box span.function button.has_supplemental.attached-search-button, .view .functions button.has_supplemental,
.view .functions .has_supplemental.button, .search div.submit .has_supplemental.advanced_toggle, .search div.submit button.has_supplemental, .listing header .listing-functions button.has_supplemental {
  margin-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.view .functions button.save.on_dirty,
.view .functions .button.save.on_dirty {
  color: #b0b0b0;
  border-color: #ccc;
  background: transparent;
}
.view .functions button.save.on_dirty:hover,
.view .functions .button.save.on_dirty:hover {
  color: #b0b0b0;
  border-color: #ccc;
  background: transparent;
}
.view .functions button.save.on_dirty:active,
.view .functions .button.save.on_dirty:active {
  color: #fff;
  border-color: #999;
  background: #999;
}

.listing header .listing-functions button {
  height: 53px;
  line-height: 52px;
  border-radius: 0;
  border: none;
  padding: 0 18px;
}

.listing header .listing-functions button {
  background: #dbebd6;
  color: #589141;
  padding: 0 18px;
}
.listing header .listing-functions button i {
  display: none;
}
.listing header .listing-functions button::before {
  content: "\F067";
}
.listing header .listing-functions button:hover {
  background: #bddab4;
  color: #436e31;
}
.listing header .listing-functions button:active {
  background: #589141;
  color: #fff;
}

.edit_transfer button.transfer-view__add-received, .edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn, .view_field_box td.view_functions button.dirty, .view .functions button.save.on_dirty.dirty,
.view .functions .button.save.on_dirty.dirty, .view .functions button.save, .view .functions button.edit, .view .functions button.select, .view .functions button.check-in, .view .functions button.send-items,
.view .functions .button.save,
.view .functions .button.edit,
.view .functions .button.select,
.view .functions .button.check-in,
.view .functions .button.send-items {
  background: #3d89d1;
  border-color: #3d89d1;
  color: #fff;
  margin-right: 18px;
}
.edit_transfer button.transfer-view__add-received:hover, .edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn:hover,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn:hover, .view_field_box td.view_functions button.dirty:hover, .view .functions button.save.on_dirty.dirty:hover,
.view .functions .button.save.on_dirty.dirty:hover, .view .functions button.save:hover, .view .functions button.edit:hover, .view .functions button.select:hover, .view .functions button.check-in:hover, .view .functions button.send-items:hover,
.view .functions .button.save:hover,
.view .functions .button.edit:hover,
.view .functions .button.select:hover,
.view .functions .button.check-in:hover,
.view .functions .button.send-items:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.edit_transfer button.transfer-view__add-received:active, .edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn:active,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn:active, .view_field_box td.view_functions button.dirty:active, .view .functions button.save.on_dirty.dirty:active,
.view .functions .button.save.on_dirty.dirty:active, .view .functions button.save:active, .view .functions button.edit:active, .view .functions button.select:active, .view .functions button.check-in:active, .view .functions button.send-items:active,
.view .functions .button.save:active,
.view .functions .button.edit:active,
.view .functions .button.select:active,
.view .functions .button.check-in:active,
.view .functions .button.send-items:active {
  border-color: #66a2db;
  background: #66a2db;
}

.view .functions button.gap_before,
.view .functions .button.gap_before {
  margin-left: 18px;
}

.view .functions button.checkout, .view .functions button.nextaction,
.view .functions .button.checkout,
.view .functions .button.nextaction {
  background: #608b4f;
  border-color: #608b4f;
}
.view .functions button.checkout:hover, .view .functions button.nextaction:hover,
.view .functions .button.checkout:hover,
.view .functions .button.nextaction:hover {
  border-color: #4a6a3d;
  background: #4a6a3d;
}
.view .functions button.checkout:active, .view .functions button.nextaction:active,
.view .functions .button.checkout:active,
.view .functions .button.nextaction:active {
  border-color: #78a865;
  background: #78a865;
}

.search div.submit button {
  background: #3d89d1;
  border-color: #3d89d1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.search div.submit button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.search div.submit button:active {
  border-color: #66a2db;
  background: #66a2db;
}

.view .functions button.delete, .view .functions button.archive,
.view .functions .button.delete,
.view .functions .button.archive, .view .functions button.restore,
.view .functions .button.restore {
  margin-right: 10px;
  margin-left: 18px;
}

.view .functions button.delete, .view .functions button.archive,
.view .functions .button.delete,
.view .functions .button.archive {
  background: #a44039;
  border-color: #a44039;
}
.view .functions button.delete:hover, .view .functions button.archive:hover,
.view .functions .button.delete:hover,
.view .functions .button.archive:hover {
  border-color: #7e312c;
  background: #7e312c;
}
.view .functions button.delete:active, .view .functions button.archive:active,
.view .functions .button.delete:active,
.view .functions .button.archive:active {
  border-color: #c2564e;
  background: #c2564e;
}

.view .functions button.restore,
.view .functions .button.restore {
  background: #f6b444;
  border-color: #f6b444;
}
.view .functions button.restore:hover,
.view .functions .button.restore:hover {
  border-color: #f4a013;
  background: #f4a013;
}
.view .functions button.restore:active,
.view .functions .button.restore:active {
  border-color: #f8c875;
  background: #f8c875;
}

.view .functions {
  min-height: 54px;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  padding-left: 10px;
  font-size: 0;
}
@media (min-width: 720px) {
  .view .functions {
    left: 240px;
  }
}
.view .functions input {
  height: 34px;
  line-height: 34px;
  padding: 0 8px;
  margin-top: 10px;
}
.view .functions button {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 6px;
}
.view .functions button.supplementary {
  float: right;
}

body, html {
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin: 0 0 0.25em;
  color: #444;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #666;
  font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  padding: 0;
  color: #3d89d1;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #3d89d1;
  border-bottom: 1px solid #3d89d1;
}

h1 {
  font-size: 2rem;
  margin-bottom: 0.5em;
}

th {
  font-weight: 600;
}

.gui-def-button, .button {
  border: 1px solid #aaa;
  font-size: 0.875rem;
  text-align: center;
  padding: 8px 12px;
  color: #333;
  background: #fff;
  background: linear-gradient(#fff, #eee);
  border-radius: 3px;
  transition: all 0.3s;
}
.gui-def-button._loading, .button._loading {
  position: relative;
  color: transparent !important;
  opacity: 0.66;
}
.gui-def-button._loading i, .button._loading i {
  color: transparent !important;
}
.gui-def-button._loading::before, .button._loading::before {
  content: "\F021";
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
}
.gui-def-button i, .button i {
  font-size: 14px;
  color: #999;
  display: inline-block;
}
.gui-def-button i.icon-right, .button i.icon-right {
  float: right;
  margin: 0 0 0 4px;
}
.gui-def-button:hover, .button:hover {
  color: #000;
  background: #eee;
  border: 1px solid #999;
}
.gui-def-button:hover i, .button:hover i {
  color: #555;
}
.gui-def-button:not(.cr-button)[disabled], .button:not(.cr-button)[disabled] {
  color: #b0b0b0;
  border-color: #ccc;
  background: #eee;
}
.gui-def-button:not(.cr-button)[disabled] i, .button:not(.cr-button)[disabled] i {
  color: #b0b0b0;
}
.gui-def-button:not(.cr-button)[disabled]:hover, .button:not(.cr-button)[disabled]:hover {
  color: #b0b0b0;
  border-color: #ccc;
  background: #eee;
}
.gui-def-button:not(.cr-button)[disabled]:hover i, .button:not(.cr-button)[disabled]:hover i {
  color: #b0b0b0;
}
.gui-def-button.small, .button.small {
  font-size: 0.875rem;
  padding: 8px 10px;
}
.gui-def-button.large, .button.large {
  font-weight: normal;
  font-size: 1.1em;
  padding: 14px 16px;
}
.gui-def-button.group-end, .button.group-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

a.button {
  display: inline-block;
  text-decoration: none;
}
a.button i, a.button i.icon-right {
  display: inline-block;
  float: none;
}

a.control, .lf a, .lf button, #listing table button:not(.fitted-button) {
  padding: 6px 6px 6px 8px;
  white-space: nowrap;
  border-radius: 3px;
  border: 1px solid #aaa;
  color: #666;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
}
a.control:not(.status-button), .lf a:not(.status-button), .lf button:not(.status-button), #listing table button:not(.fitted-button):not(.status-button) {
  background: #eee linear-gradient(#fff, #eee);
}
a.control:not(.status-button) i, .lf a:not(.status-button) i, .lf button:not(.status-button) i, #listing table button:not(.fitted-button):not(.status-button) i {
  font-size: 14px;
  display: inline-block;
  margin-right: 2px;
  color: #999;
}
a.control:hover:not(.status-button), a.control:active:not(.status-button), .lf a:hover:not(.status-button), .lf a:active:not(.status-button), .lf button:hover:not(.status-button), .lf button:active:not(.status-button), #listing table button:not(.fitted-button):hover:not(.status-button), #listing table button:not(.fitted-button):active:not(.status-button) {
  border-color: #2a6fb1;
  background: #2a6fb1;
  color: #fff;
}
a.control:hover:not(.status-button) i, a.control:active:not(.status-button) i, .lf a:hover:not(.status-button) i, .lf a:active:not(.status-button) i, .lf button:hover:not(.status-button) i, .lf button:active:not(.status-button) i, #listing table button:not(.fitted-button):hover:not(.status-button) i, #listing table button:not(.fitted-button):active:not(.status-button) i {
  color: #fff;
}
a.control.archive:hover, a.control.delete:hover, .lf a.archive:hover, .lf a.delete:hover, .lf button.archive:hover, .lf button.delete:hover, #listing table button:not(.fitted-button).archive:hover, #listing table button:not(.fitted-button).delete:hover {
  background-color: #a44039;
  border-color: #a44039;
}
a.control.checkout:hover, a.control.checkout:hover, .lf a.checkout:hover, .lf a.checkout:hover, .lf button.checkout:hover, .lf button.checkout:hover, #listing table button:not(.fitted-button).checkout:hover, #listing table button:not(.fitted-button).checkout:hover {
  background-color: #608b4f;
  border-color: #608b4f;
}

a.control {
  margin: 0 5px 0 0;
}

.block,
.block-label {
  display: inline-block;
  font-size: 0.7em;
  text-transform: uppercase;
  float: left;
}

.block-label {
  color: #999;
  padding: 12px 5px 12px 0;
}

.block {
  color: #777;
  padding: 10px;
  border: 1px solid #aaa;
  display: inline-block;
  margin: 0 1em 0 0;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
}
.block.placeholder {
  font-weight: normal;
  color: #888;
}
.block small {
  font-weight: normal;
  color: #999;
  font-size: 1em;
  margin: 0 0 0 0.5em;
}

.search input {
  float: left;
}
.search input[type=text], .search input[type=search] {
  padding: 0 8px;
}
.search select {
  margin-bottom: 1em;
}

#register .search input[type=text], #register .search input[type=search], .menu .search input[type=text], .menu .search input[type=search] {
  padding: 8px;
  min-height: 0;
  font-size: 0.875rem;
  width: auto;
  height: auto;
  border: 1px solid #aaa;
  border-right: none;
}

textarea, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
  font-size: 0.875rem;
  border: 1px solid #aaa;
  box-shadow: inset 1px 1px 1px #eee;
  padding: 0 6px;
  min-height: 30px;
}
textarea.large, input[type=email].large, input[type=number].large, input[type=password].large, input[type=search].large, input[type=tel].large, input[type=text].large, input[type=url].large, input[type=color].large, input[type=date].large, input[type=datetime].large, input[type=datetime-local].large, input[type=month].large, input[type=time].large, input[type=week].large {
  width: 300px;
  max-width: 100%;
}

select {
  font-size: 0.875rem;
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  color: #333;
  border: 1px solid #999;
}
select.multiple {
  font-size: 0.8125em;
}
select.error {
  border: 2px solid #a44039;
}
select.error:focus {
  box-shadow: inset 0 0 2px 2px #dc9e9a;
}

input {
  border-radius: 0;
}
input.group {
  border-left-width: 0;
  border-right-width: 0;
}
input.group-start {
  border-left-width: 1px;
}
input.group-end {
  border-right-width: 1px;
}
input.medium {
  width: 18em;
}
input.small {
  width: 12em;
}
input.x-small {
  width: 6em;
}
input.xx-small {
  width: 4em;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=search] {
  border-radius: 0;
  -webkit-appearance: none;
          appearance: none;
}
input[type=number] {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}
input.error {
  border: 2px solid #a44039;
}
input.error:focus {
  box-shadow: inset 0 0 2px 2px #dc9e9a;
}
input[type=date]::-webkit-datetime-edit {
  margin: 0 -22px 0 0;
}
input[type=date]::-webkit-calendar-picker-indicator {
  margin: 0;
}

.button-set {
  overflow: hidden;
  display: block;
  margin: 1em auto;
}
.button-set button {
  border-radius: 0;
  margin: 0;
  width: 50%;
  float: left;
}
.button-set :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: none;
}
.button-set :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
input:focus[type=checkbox],
textarea:focus[type=checkbox] {
  box-shadow: none;
}
input.error,
textarea.error {
  border: 2px solid #a44039;
}
input.error:focus,
textarea.error:focus {
  box-shadow: inset 0 0 2px 2px #dc9e9a;
}

button:focus {
  outline: none;
}

label.checkbox input {
  margin: 1px 7px 0 0;
}

.money-field-container, .percent-field-container {
  position: relative;
}
.money-field-container::before, .percent-field-container::before {
  position: absolute;
  top: 49%;
  transform: translate(0, -50%);
  pointer-events: none;
  cursor: text;
}

.money-field-container {
  width: 7rem;
  display: inline-block;
}
.money-field-container::before {
  content: "$";
  color: #777;
  font-size: 0.875rem;
  left: 0.375rem;
}
.money-field-container > input {
  width: 100%;
  text-align: right;
  padding-left: 2.25rem !important;
}
.money-field-container.disabled {
  opacity: 0.65;
}

.percent-field-container {
  display: inline-block;
}
.percent-field-container::before {
  content: "%";
  right: 6px;
}
.percent-field-container > input {
  padding-right: 32px !important;
}

.money-line-edit i {
  top: 4px;
}

.payment-block-money::before {
  top: 17px;
}

.icon-percent {
  position: relative;
  right: 1.3em;
  background-color: white;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset.checkboxes label {
  margin: 0 0 0.75em;
  font-size: 0.9em;
  display: block;
}
fieldset.checkboxes input {
  margin: 0 0.25em 0 0;
}

.submit_alt {
  font-size: 0.8em;
  color: #999;
  line-height: 4;
}
.submit_alt a {
  color: #3d89d1;
}

form.quick {
  margin: 30px;
  width: 75%;
}
form.quick label {
  font-weight: 600;
}
form.quick.modal {
  width: 70%;
}
form.quick h2 {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 1.125rem;
  color: #333;
}
form.quick p {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #555;
}
form.quick dl {
  margin-top: 1em;
}
form.quick dl dl {
  margin-top: 1em;
}
form.quick dl dl dt {
  text-align: left;
}
form.quick dl dl dl {
  margin: -0.25em 0 0;
}
form.quick dl dl dl dt, form.quick dl dl dl dd {
  text-align: left;
  min-height: 1em;
}
form.quick dl dl dl dt {
  padding: 1em 0 0;
}
form.quick dl dl dl dd {
  padding: 0.25em 0 0;
}
form.quick dl input {
  padding: 6px;
}
form.quick dl .submit {
  color: #666;
}
form.quick dl .submit input {
  margin-right: 0.5em;
}
form.quick dl .submit .right {
  float: right;
}

.workorder textarea.error-highlight,
.error-highlight,
.error-highlight:focus {
  border: 1px solid #a44039;
  box-shadow: inset 0 0 2px 2px #a44039;
}

dl {
  margin: -1px 0 1em;
  width: 100%;
  overflow: hidden;
}
dl dd,
dl dt {
  margin: 0;
  padding: 0.5em 0;
  overflow: hidden;
}
dl dt {
  font-size: 0.875rem;
  width: 130px;
  float: left;
  margin: 0;
  text-align: right;
  color: #666;
}
dl dt:first-child {
  border-top: none;
}
dl dt label {
  padding-top: 0.65em;
  display: inline-block;
}
dl dd {
  padding-left: 10px;
  margin-left: 130px;
  min-height: 1.7em;
}
dl dd.continues {
  border-top: none;
  margin-top: -0.5em;
}
dl dd select {
  margin: 9px 0;
}
dl dd label {
  display: none;
}
dl dd.duplicate_previous {
  margin-top: 0.2em;
  padding-left: 0.5em;
  font-weight: 600;
  font-size: 0.7em;
  color: #3b73b9;
  cursor: pointer;
}
dl dd:nth-child(2) {
  border-top: none;
}
dl.lines {
  border-bottom: 1px solid #ccc;
}
dl.lines > dt, dl.lines > dd {
  border-top: 1px solid #ccc;
}
dl.simple {
  border: none;
  margin: 0 0 0.5em;
}
dl.simple dt, dl.simple dd {
  border: none;
}
dl.simple dt span.hint {
  margin: -4px 0 0;
}
dl.narrow dt {
  width: 70px;
}
dl.narrow dd {
  margin-left: 70px;
}
dl.width100 dt {
  width: 100px;
}
dl.width100 dd {
  margin-left: 100px;
}
dl.wide dt {
  width: 180px;
}
dl.wide dd {
  margin-left: 180px;
}

.listing table tbody tr:hover > td {
  color: #000;
}
.listing table tbody tr:hover a {
  color: #2a6fb1;
}

.listing table.table-status-colors .color-block {
  display: none;
}
@media screen {
  .listing table.table-status-colors td {
    position: relative;
  }
  .listing table.table-status-colors > tbody > tr {
    transition: background-color 0.3s;
    border-bottom-color: #ddd;
  }
  .listing table.table-status-colors > tbody > tr > td:first-child::before, .listing table.table-status-colors > tbody > tr > td:last-child::after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 10px;
    background-image: #999;
  }
  .listing table.table-status-colors thead th:first-child, .listing table.table-status-colors > tbody > tr > td:first-child {
    padding-left: 20px;
  }
  .listing table.table-status-colors > tbody > tr > td:first-child::before {
    left: 0;
  }
  .listing table.table-status-colors thead th:last-child, .listing table.table-status-colors > tbody > tr > td:last-child {
    padding-right: 15px;
  }
  .listing table.table-status-colors > tbody > tr > td:last-child::after {
    right: 0;
    width: 5px;
  }
  .listing table.table-status-colors .status-label {
    display: inline-block;
    margin: -5px 0 -3px;
    padding: 5px 7px 6px;
    background-color: #999;
    border-radius: 2px;
    color: #fff;
    font-size: 0.6875rem;
    text-decoration: none;
    white-space: nowrap;
  }
  .listing table.table-status-colors .status-label a {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
  }
  .listing table.table-status-colors tr.row-spacer td {
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #888;
    border-bottom: 1px solid #ddd;
    padding: 12px 0 0;
  }
  .listing table.table-status-colors tr.row-spacer td:first-child::before, .listing table.table-status-colors tr.row-spacer td:last-child::after {
    display: none;
  }
  .listing table.table-status-colors .status-black > td {
    background-color: rgba(51, 51, 51, 0.1);
  }
  .listing table.table-status-colors .status-black > td:first-child::before, .listing table.table-status-colors .status-black > td:last-child::after {
    background-color: #333;
  }
  .listing table.table-status-colors .status-black > td a {
    color: #333;
  }
  .listing table.table-status-colors .status-black:hover > td {
    background-color: rgba(51, 51, 51, 0.15);
  }
  .listing table.table-status-colors .status-black .status-label {
    background-color: #333;
  }
  .listing table.table-status-colors .status-black .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-white > td {
    background-color: rgba(238, 238, 238, 0.1);
  }
  .listing table.table-status-colors .status-white > td:first-child::before, .listing table.table-status-colors .status-white > td:last-child::after {
    background-color: #eee;
  }
  .listing table.table-status-colors .status-white > td a {
    color: #eee;
  }
  .listing table.table-status-colors .status-white:hover > td {
    background-color: rgba(238, 238, 238, 0.15);
  }
  .listing table.table-status-colors .status-white .status-label {
    background-color: #eee;
  }
  .listing table.table-status-colors .status-white .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-grey > td {
    background-color: rgba(136, 136, 136, 0.1);
  }
  .listing table.table-status-colors .status-grey > td:first-child::before, .listing table.table-status-colors .status-grey > td:last-child::after {
    background-color: #888;
  }
  .listing table.table-status-colors .status-grey > td a {
    color: #888;
  }
  .listing table.table-status-colors .status-grey:hover > td {
    background-color: rgba(136, 136, 136, 0.15);
  }
  .listing table.table-status-colors .status-grey .status-label {
    background-color: #888;
  }
  .listing table.table-status-colors .status-grey .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-purple > td {
    background-color: rgba(137, 120, 151, 0.1);
  }
  .listing table.table-status-colors .status-purple > td:first-child::before, .listing table.table-status-colors .status-purple > td:last-child::after {
    background-color: #897897;
  }
  .listing table.table-status-colors .status-purple > td a {
    color: #897897;
  }
  .listing table.table-status-colors .status-purple:hover > td {
    background-color: rgba(137, 120, 151, 0.15);
  }
  .listing table.table-status-colors .status-purple .status-label {
    background-color: #897897;
  }
  .listing table.table-status-colors .status-purple .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-blue > td {
    background-color: rgba(50, 135, 204, 0.1);
  }
  .listing table.table-status-colors .status-blue > td:first-child::before, .listing table.table-status-colors .status-blue > td:last-child::after {
    background-color: #3287cc;
  }
  .listing table.table-status-colors .status-blue > td a {
    color: #3287cc;
  }
  .listing table.table-status-colors .status-blue:hover > td {
    background-color: rgba(50, 135, 204, 0.15);
  }
  .listing table.table-status-colors .status-blue .status-label {
    background-color: #3287cc;
  }
  .listing table.table-status-colors .status-blue .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-green > td {
    background-color: rgba(88, 145, 65, 0.1);
  }
  .listing table.table-status-colors .status-green > td:first-child::before, .listing table.table-status-colors .status-green > td:last-child::after {
    background-color: #589141;
  }
  .listing table.table-status-colors .status-green > td a {
    color: #589141;
  }
  .listing table.table-status-colors .status-green:hover > td {
    background-color: rgba(88, 145, 65, 0.15);
  }
  .listing table.table-status-colors .status-green .status-label {
    background-color: #589141;
  }
  .listing table.table-status-colors .status-green .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-pink > td {
    background-color: rgba(204, 137, 166, 0.1);
  }
  .listing table.table-status-colors .status-pink > td:first-child::before, .listing table.table-status-colors .status-pink > td:last-child::after {
    background-color: #cc89a6;
  }
  .listing table.table-status-colors .status-pink > td a {
    color: #cc89a6;
  }
  .listing table.table-status-colors .status-pink:hover > td {
    background-color: rgba(204, 137, 166, 0.15);
  }
  .listing table.table-status-colors .status-pink .status-label {
    background-color: #cc89a6;
  }
  .listing table.table-status-colors .status-pink .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-red > td {
    background-color: rgba(164, 64, 57, 0.1);
  }
  .listing table.table-status-colors .status-red > td:first-child::before, .listing table.table-status-colors .status-red > td:last-child::after {
    background-color: #a44039;
  }
  .listing table.table-status-colors .status-red > td a {
    color: #a44039;
  }
  .listing table.table-status-colors .status-red:hover > td {
    background-color: rgba(164, 64, 57, 0.15);
  }
  .listing table.table-status-colors .status-red .status-label {
    background-color: #a44039;
  }
  .listing table.table-status-colors .status-red .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-orange > td {
    background-color: rgba(226, 126, 56, 0.1);
  }
  .listing table.table-status-colors .status-orange > td:first-child::before, .listing table.table-status-colors .status-orange > td:last-child::after {
    background-color: #e27e38;
  }
  .listing table.table-status-colors .status-orange > td a {
    color: #e27e38;
  }
  .listing table.table-status-colors .status-orange:hover > td {
    background-color: rgba(226, 126, 56, 0.15);
  }
  .listing table.table-status-colors .status-orange .status-label {
    background-color: #e27e38;
  }
  .listing table.table-status-colors .status-orange .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-yellow > td {
    background-color: rgba(246, 180, 68, 0.1);
  }
  .listing table.table-status-colors .status-yellow > td:first-child::before, .listing table.table-status-colors .status-yellow > td:last-child::after {
    background-color: #f6b444;
  }
  .listing table.table-status-colors .status-yellow > td a {
    color: #f6b444;
  }
  .listing table.table-status-colors .status-yellow:hover > td {
    background-color: rgba(246, 180, 68, 0.15);
  }
  .listing table.table-status-colors .status-yellow .status-label {
    background-color: #f6b444;
  }
  .listing table.table-status-colors .status-yellow .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-grey > td {
    background-color: rgba(184, 184, 184, 0.1);
  }
  .listing table.table-status-colors .status-light-grey > td:first-child::before, .listing table.table-status-colors .status-light-grey > td:last-child::after {
    background-color: #b8b8b8;
  }
  .listing table.table-status-colors .status-light-grey > td a {
    color: #b8b8b8;
  }
  .listing table.table-status-colors .status-light-grey:hover > td {
    background-color: rgba(184, 184, 184, 0.15);
  }
  .listing table.table-status-colors .status-light-grey .status-label {
    background-color: #b8b8b8;
  }
  .listing table.table-status-colors .status-light-grey .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-purple > td {
    background-color: rgba(184, 176, 191, 0.1);
  }
  .listing table.table-status-colors .status-light-purple > td:first-child::before, .listing table.table-status-colors .status-light-purple > td:last-child::after {
    background-color: #b8b0bf;
  }
  .listing table.table-status-colors .status-light-purple > td a {
    color: #b8b0bf;
  }
  .listing table.table-status-colors .status-light-purple:hover > td {
    background-color: rgba(184, 176, 191, 0.15);
  }
  .listing table.table-status-colors .status-light-purple .status-label {
    background-color: #b8b0bf;
  }
  .listing table.table-status-colors .status-light-purple .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-blue > td {
    background-color: rgba(141, 182, 215, 0.1);
  }
  .listing table.table-status-colors .status-light-blue > td:first-child::before, .listing table.table-status-colors .status-light-blue > td:last-child::after {
    background-color: #8db6d7;
  }
  .listing table.table-status-colors .status-light-blue > td a {
    color: #8db6d7;
  }
  .listing table.table-status-colors .status-light-blue:hover > td {
    background-color: rgba(141, 182, 215, 0.15);
  }
  .listing table.table-status-colors .status-light-blue .status-label {
    background-color: #8db6d7;
  }
  .listing table.table-status-colors .status-light-blue .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-green > td {
    background-color: rgba(157, 184, 146, 0.1);
  }
  .listing table.table-status-colors .status-light-green > td:first-child::before, .listing table.table-status-colors .status-light-green > td:last-child::after {
    background-color: #9db892;
  }
  .listing table.table-status-colors .status-light-green > td a {
    color: #9db892;
  }
  .listing table.table-status-colors .status-light-green:hover > td {
    background-color: rgba(157, 184, 146, 0.15);
  }
  .listing table.table-status-colors .status-light-green .status-label {
    background-color: #9db892;
  }
  .listing table.table-status-colors .status-light-green .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-pink > td {
    background-color: rgba(220, 188, 202, 0.1);
  }
  .listing table.table-status-colors .status-light-pink > td:first-child::before, .listing table.table-status-colors .status-light-pink > td:last-child::after {
    background-color: #dcbcca;
  }
  .listing table.table-status-colors .status-light-pink > td a {
    color: #dcbcca;
  }
  .listing table.table-status-colors .status-light-pink:hover > td {
    background-color: rgba(220, 188, 202, 0.15);
  }
  .listing table.table-status-colors .status-light-pink .status-label {
    background-color: #dcbcca;
  }
  .listing table.table-status-colors .status-light-pink .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-red > td {
    background-color: rgba(194, 146, 143, 0.1);
  }
  .listing table.table-status-colors .status-light-red > td:first-child::before, .listing table.table-status-colors .status-light-red > td:last-child::after {
    background-color: #c2928f;
  }
  .listing table.table-status-colors .status-light-red > td a {
    color: #c2928f;
  }
  .listing table.table-status-colors .status-light-red:hover > td {
    background-color: rgba(194, 146, 143, 0.15);
  }
  .listing table.table-status-colors .status-light-red .status-label {
    background-color: #c2928f;
  }
  .listing table.table-status-colors .status-light-red .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-orange > td {
    background-color: rgba(227, 179, 146, 0.1);
  }
  .listing table.table-status-colors .status-light-orange > td:first-child::before, .listing table.table-status-colors .status-light-orange > td:last-child::after {
    background-color: #e3b392;
  }
  .listing table.table-status-colors .status-light-orange > td a {
    color: #e3b392;
  }
  .listing table.table-status-colors .status-light-orange:hover > td {
    background-color: rgba(227, 179, 146, 0.15);
  }
  .listing table.table-status-colors .status-light-orange .status-label {
    background-color: #e3b392;
  }
  .listing table.table-status-colors .status-light-orange .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-yellow > td {
    background-color: rgba(239, 207, 153, 0.1);
  }
  .listing table.table-status-colors .status-light-yellow > td:first-child::before, .listing table.table-status-colors .status-light-yellow > td:last-child::after {
    background-color: #efcf99;
  }
  .listing table.table-status-colors .status-light-yellow > td a {
    color: #efcf99;
  }
  .listing table.table-status-colors .status-light-yellow:hover > td {
    background-color: rgba(239, 207, 153, 0.15);
  }
  .listing table.table-status-colors .status-light-yellow .status-label {
    background-color: #efcf99;
  }
  .listing table.table-status-colors .status-light-yellow .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-grey > td {
    background-color: rgba(75, 75, 75, 0.1);
  }
  .listing table.table-status-colors .status-dark-grey > td:first-child::before, .listing table.table-status-colors .status-dark-grey > td:last-child::after {
    background-color: #4b4b4b;
  }
  .listing table.table-status-colors .status-dark-grey > td a {
    color: #4b4b4b;
  }
  .listing table.table-status-colors .status-dark-grey:hover > td {
    background-color: rgba(75, 75, 75, 0.15);
  }
  .listing table.table-status-colors .status-dark-grey .status-label {
    background-color: #4b4b4b;
  }
  .listing table.table-status-colors .status-dark-grey .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-purple > td {
    background-color: rgba(76, 62, 87, 0.1);
  }
  .listing table.table-status-colors .status-dark-purple > td:first-child::before, .listing table.table-status-colors .status-dark-purple > td:last-child::after {
    background-color: #4c3e57;
  }
  .listing table.table-status-colors .status-dark-purple > td a {
    color: #4c3e57;
  }
  .listing table.table-status-colors .status-dark-purple:hover > td {
    background-color: rgba(76, 62, 87, 0.15);
  }
  .listing table.table-status-colors .status-dark-purple .status-label {
    background-color: #4c3e57;
  }
  .listing table.table-status-colors .status-dark-purple .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-blue > td {
    background-color: rgba(6, 76, 133, 0.1);
  }
  .listing table.table-status-colors .status-dark-blue > td:first-child::before, .listing table.table-status-colors .status-dark-blue > td:last-child::after {
    background-color: #064c85;
  }
  .listing table.table-status-colors .status-dark-blue > td a {
    color: #064c85;
  }
  .listing table.table-status-colors .status-dark-blue:hover > td {
    background-color: rgba(6, 76, 133, 0.15);
  }
  .listing table.table-status-colors .status-dark-blue .status-label {
    background-color: #064c85;
  }
  .listing table.table-status-colors .status-dark-blue .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-green > td {
    background-color: rgba(44, 91, 25, 0.1);
  }
  .listing table.table-status-colors .status-dark-green > td:first-child::before, .listing table.table-status-colors .status-dark-green > td:last-child::after {
    background-color: #2c5b19;
  }
  .listing table.table-status-colors .status-dark-green > td a {
    color: #2c5b19;
  }
  .listing table.table-status-colors .status-dark-green:hover > td {
    background-color: rgba(44, 91, 25, 0.15);
  }
  .listing table.table-status-colors .status-dark-green .status-label {
    background-color: #2c5b19;
  }
  .listing table.table-status-colors .status-dark-green .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-pink > td {
    background-color: rgba(121, 66, 90, 0.1);
  }
  .listing table.table-status-colors .status-dark-pink > td:first-child::before, .listing table.table-status-colors .status-dark-pink > td:last-child::after {
    background-color: #79425a;
  }
  .listing table.table-status-colors .status-dark-pink > td a {
    color: #79425a;
  }
  .listing table.table-status-colors .status-dark-pink:hover > td {
    background-color: rgba(121, 66, 90, 0.15);
  }
  .listing table.table-status-colors .status-dark-pink .status-label {
    background-color: #79425a;
  }
  .listing table.table-status-colors .status-dark-pink .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-red > td {
    background-color: rgba(105, 22, 17, 0.1);
  }
  .listing table.table-status-colors .status-dark-red > td:first-child::before, .listing table.table-status-colors .status-dark-red > td:last-child::after {
    background-color: #691611;
  }
  .listing table.table-status-colors .status-dark-red > td a {
    color: #691611;
  }
  .listing table.table-status-colors .status-dark-red:hover > td {
    background-color: rgba(105, 22, 17, 0.15);
  }
  .listing table.table-status-colors .status-dark-red .status-label {
    background-color: #691611;
  }
  .listing table.table-status-colors .status-dark-red .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-orange > td {
    background-color: rgba(148, 65, 7, 0.1);
  }
  .listing table.table-status-colors .status-dark-orange > td:first-child::before, .listing table.table-status-colors .status-dark-orange > td:last-child::after {
    background-color: #944107;
  }
  .listing table.table-status-colors .status-dark-orange > td a {
    color: #944107;
  }
  .listing table.table-status-colors .status-dark-orange:hover > td {
    background-color: rgba(148, 65, 7, 0.15);
  }
  .listing table.table-status-colors .status-dark-orange .status-label {
    background-color: #944107;
  }
  .listing table.table-status-colors .status-dark-orange .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-yellow > td {
    background-color: rgba(160, 105, 13, 0.1);
  }
  .listing table.table-status-colors .status-dark-yellow > td:first-child::before, .listing table.table-status-colors .status-dark-yellow > td:last-child::after {
    background-color: #a0690d;
  }
  .listing table.table-status-colors .status-dark-yellow > td a {
    color: #a0690d;
  }
  .listing table.table-status-colors .status-dark-yellow:hover > td {
    background-color: rgba(160, 105, 13, 0.15);
  }
  .listing table.table-status-colors .status-dark-yellow .status-label {
    background-color: #a0690d;
  }
  .listing table.table-status-colors .status-dark-yellow .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors tr:hover .status-label a {
    color: #fff;
  }
  .listing table.table-status-colors tr.status-white:hover .status-label a {
    color: #666;
  }
  .listing table.table-status-colors .status-white.status-archived > td:first-child::before, .listing table.table-status-colors .status-white.status-archived > td:last-child::after {
    background-color: #fff;
  }
  .listing table.table-status-colors .status-white td a, .listing table.table-status-colors .status-white .status-label a {
    color: #666;
  }
  .listing table.table-status-colors button.status-button.status-button-green {
    background: #589141;
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-green i {
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-green:hover {
    background: #6eb253;
  }
  .listing table.table-status-colors button.status-button.status-button-green:active {
    background: #63a349;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow {
    background: #f6b444;
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow i {
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow:hover {
    background: #f8c875;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow:active {
    background: #f7be5c;
  }
}

/*
 * Fitted buttons design pattern is currently used for the primary item listings
 * to add the "Print Label" button as well as a pull-out "Add to Queue" option.
 */
.listing table.has-fitted-buttons tr td:first-child {
  position: relative;
}
.listing table.has-fitted-buttons tr:hover .fitted-button-primary {
  border-right: 1px solid #eee;
  background: #f8f8f8;
}
.listing table.has-fitted-buttons .fitted-buttons:hover .fitted-button-accessory {
  left: 36px;
  visibility: visible;
  transition: all 0.3s;
  transition-delay: 0.2s;
}
.listing table.has-fitted-buttons .fitted-buttons button:hover i {
  color: #3d89d1;
}
.listing table.has-fitted-buttons .fitted-button-primary {
  position: absolute;
  width: 36px;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 3;
  margin: 0;
  padding-left: 8px;
  background: transparent;
  border: none;
  border-radius: 0;
  text-align: center;
}
.listing table.has-fitted-buttons .fitted-button-primary i {
  color: #bbb;
  font-size: 1.25rem;
}
.listing table.has-fitted-buttons .fitted-button-accessory {
  position: absolute;
  height: 30px;
  width: 30px;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  display: inline-block;
  margin: auto;
  padding: 1px 4px 0 6px;
  background: #fff;
  border-radius: 0;
  border: 1px solid #eee;
  border-left: none;
}
.listing table.has-fitted-buttons .fitted-button-accessory i {
  font-size: 14px;
  color: #666;
}

.ie {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  z-index: 10000;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 100px 0;
}
.ie iframe {
  border: none;
  background-color: #fff;
  padding: 40px 40px 20px;
  text-align: center;
  width: 680px;
  height: 480px;
}

body,
html {
  height: 100%;
}

@media (orientation: landscape) {
  html.ipad.ios7 > body {
    bottom: 0;
    width: 100%;
    height: 672px !important;
  }
}
#listing,
#view {
  display: none;
  border-bottom: 1px solid #ddd;
}

.modal-direct {
  overflow: hidden;
}

.modal {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  max-width: 420px;
  padding: 30px;
  margin: 2em auto 4em;
}

.modal-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-wrapper.modal-fixed {
  position: fixed;
}
.modal-wrapper .modal {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 20%;
}

/* Hide top bar and navigation in the Griffin app.
   Adjust containers & wrappers to account for the
   hidden sections.
*/
body {
  background-color: #fff;
}
body.griffin .cr-topbar, body.full-page .cr-topbar {
  display: none;
}
body.griffin div.view nav.records, body.full-page div.view nav.records {
  display: none;
}
body.griffin div.page-container, body.full-page div.page-container {
  padding-top: 0;
  margin-left: 0 !important;
}
body.griffin .cr-sidebar,
body.griffin nav.navigation-drawer, body.full-page .cr-sidebar,
body.full-page nav.navigation-drawer {
  display: none;
}
body.griffin .griffin-no-display, body.full-page .griffin-no-display {
  display: none !important;
}
body .hidden {
  display: none !important;
}

.cr-background-no-repeat {
  background-repeat: no-repeat;
}

.react-page__listing {
  padding: 0.75rem;
  flex-grow: 1;
}

.react-page__view {
  position: relative;
  display: flex;
  padding: 0.75rem;
}
.react-page__view > * {
  align-self: flex-start;
}

.react-page__tabs {
  display: flex;
  width: 135px;
  flex-direction: column;
  padding: 0.375rem;
}
.react-page__tabs .nav-tab {
  font-size: 1rem;
  color: #2875c6;
  padding: 0.375rem 0.75rem;
}
.react-page__tabs .nav-tab.active {
  color: #fff;
  background-color: #232a3b;
  border-radius: 0.1875rem;
}
.react-page__tabs .nav-tab + .nav-tab {
  margin-top: 0.375rem;
}

.react-page__section {
  position: relative;
  flex-grow: 1;
  margin-left: 0.75rem;
}

.react-page__spinner {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.375rem;
}
.react-page__spinner .cr-icon {
  align-self: center;
}

.retail-action-bar {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  background-color: #fff;
  border-bottom: solid 1px #e1e4e5;
}

.react-page {
  display: none;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  background-color: #f2f5f8;
}
.react-page a {
  color: #2875c6;
}
.react-page .cirrus {
  line-height: initial;
}

.retail-table-sorter {
  margin: -0.375rem;
}
.retail-table-sorter:not(.disabled) .cr-icon {
  fill: #848a8a;
}
.retail-table-sorter:not(.disabled).active .cr-icon {
  fill: #2875c6;
}

.retail-table-sorter__text {
  margin-right: 0.375rem;
}

.retail-table-merge {
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}

.table-listing__checkbox .cr-checkbox__label {
  cursor: pointer;
}
.table-listing__checkbox .cr-checkbox__input {
  cursor: pointer;
}

body.need-verify-pin > *:not(.page-container) {
  display: none !important;
}
body.need-verify-pin .page-container {
  transition: none;
  margin-left: 0 !important;
  padding-top: 0 !important;
}
body.need-verify-pin .page-container > *:not(.modal-wrapper):not(#notificationBarTypeWarning):not(#notificationBarTypeMessage):not(#working):not(#success) {
  display: none !important;
}
body.need-verify-pin .alert-messages {
  z-index: 1;
}

/*
  Hide the icon container, because the injected SVG
  takes up physical space.
*/
.icon {
  height: 21px;
  width: 21px;
  fill: #fff;
  display: inline-block;
}

.icon-left {
  transform: rotate(90deg);
}

.icon-right {
  transform: rotate(-90deg);
}

.icon-up {
  transform: rotate(180deg);
}

iframe.modal {
  min-width: 60%;
  min-height: 80%;
  position: absolute;
  z-index: 100;
  top: 60px;
  left: 20%;
  border: 6px solid #ccc;
  background-color: #fff;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
}

.lscloud_modal {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  overflow-y: auto;
}
.lscloud_modal::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.modal_container .modal_content {
  margin-top: 75px;
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  z-index: 201;
  background-color: #fff;
  max-width: 540px;
  text-align: left;
  padding: 10px 30px 0;
  overflow: hidden;
  overflow-y: auto;
  font-size: 16px;
}
.modal_container .modal_content#announcement_modal_content {
  padding: 0;
}
.modal_container .modal_content.active {
  height: auto;
  position: relative;
  overflow: visible;
  vertical-align: middle;
}
.modal_container .modal_content.nopadding {
  padding: 0;
}
.modal_container .modal_content header {
  margin: 1rem 0;
}
.modal_container .modal_content header h1, .modal_container .modal_content header h4 {
  margin: 0;
  padding: 0;
}
.modal_container .modal_content header h4 {
  margin-bottom: 0.25rem;
}
.modal_container .modal_content header.lscloud-modal-header {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 16px 20px 14px;
  margin: 0;
  position: relative;
}
.modal_container .modal_content header.lscloud-modal-header h1 {
  color: #888;
  font-size: 1rem;
  text-transform: uppercase;
}
.modal_container .modal_content header.lscloud-modal-header .cancel {
  position: absolute;
  right: 20px;
  top: 16px;
  font-size: 0.75rem;
  color: #999;
}
.modal_container .modal_content.wide {
  max-width: 720px;
}
.modal_container .modal_content h1 {
  font-weight: 600;
  font-size: 1.75em;
  line-height: 1;
  padding: 1em 0 0.75em;
  margin: 0;
}
.modal_container .modal_content h2 {
  color: #444;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0;
}
.modal_container .modal_content h4 {
  text-transform: uppercase;
  color: #888;
  font-weight: 600;
  font-size: 1.125rem;
  margin: 1em 0;
}
.modal_container .modal_content p {
  margin: 0 0 1em;
  font-size: 1.25em;
  line-height: 1.5;
  color: #000;
}
.modal_container .modal_content p a {
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #ccc;
}
.modal_container .modal_content p.hint {
  font-size: 0.85em;
  color: #999;
  margin: 0 0 0.75em;
}
.modal_container .modal_content p.small {
  font-size: 0.8375rem;
  line-height: 1.4;
  color: #999;
  margin: 0 0 1.75em;
}
.modal_container .modal_content p.small a {
  font-weight: 600;
  color: #888;
  border-bottom: 1px solid #eee;
  transition: color 0.4s, border 0.4s;
}
.modal_container .modal_content.tutorial-modal h4, .modal_container .modal_content.tutorial-modal div, .modal_container .modal_content.tutorial-modal section, .modal_container .modal_content.tutorial-modal p {
  padding: 0 30px;
}
.modal_container .modal_content.tutorial-modal section.modal-insert {
  margin: 0;
}
.modal_container .modal_content.tutorial-modal footer {
  margin: 0;
}
.modal_container .modal_content.tutorial-modal footer label {
  padding-left: 30px;
}
.modal_container .modal_content.tutorial-modal p.small {
  padding: 20px 0 0 30px;
}
.modal_container .modal_content .modal-choiceset ol {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 30px;
          column-gap: 30px;
  -webkit-column-rule: none;
          column-rule: none;
}
.modal_container .modal_content .modal-choiceset li {
  -webkit-column-break-inside: avoid;
          break-inside: avoid-column;
  margin: 0 0 0.75em;
  line-height: 1.4;
  font-size: 0.85em;
}
.modal_container .modal_content .modal-choiceset label {
  font-size: 1.25rem;
  color: #777;
  width: 100%;
  display: inline-block;
}
.modal_container .modal_content .modal-choiceset label:hover {
  color: #333;
  cursor: pointer;
}
.modal_container .modal_content .numbered-instructions {
  margin: 25px -30px 30px;
}
.modal_container .modal_content .numbered-instructions h2 {
  color: #3287cc;
  margin-top: 0.25em;
}
.modal_container .modal_content .numbered-instructions h2, .modal_container .modal_content .numbered-instructions p {
  margin: 0;
  margin-left: 65px;
}
.modal_container .modal_content .numbered-instructions p {
  color: #666;
  width: 85%;
}
.modal_container .modal_content .numbered-instructions a {
  padding: 20px 30px;
  text-decoration: none;
  overflow: hidden;
  display: block;
  transition: color 0.4s, background 0.4s;
}
.modal_container .modal_content .numbered-instructions strong {
  margin: -4px 0 0;
  line-height: 1.4;
  color: #fff;
  background-color: #aaa;
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-size: 2.25rem;
  display: block;
  border-radius: 50px;
  float: left;
  transition: color 0.4s, background 0.4s;
}
.modal_container .modal_content .lscloud_button {
  background: #3d89d1;
  font-size: 1.1em;
  padding: 12px 15px;
  margin: 0 15px 30px 0;
  color: #fff;
  border: none;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
}
.modal_container .modal_content .lscloud_button:hover {
  background-color: #2a6fb1;
}
.modal_container .modal_content .lscloud_button.wide {
  width: 100%;
  border-radius: 0;
  margin: 0;
}
.modal_container .modal_content section.modal_instruction {
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  margin: 0 -30px 0;
  padding: 20px 30px;
}
.modal_container .modal_content section.modal_instruction.nocenter {
  align-items: flex-start;
}
.modal_container .modal_content section.modal_instruction p.modal_instruction_text {
  color: #777;
  margin-right: 20px;
  min-width: 160px;
  font-size: 1em;
  line-height: 1.7;
}
.modal_container .modal_content section.modal_instruction p.modal_instruction_text em {
  font-style: normal;
  background-color: #eee;
  padding: 3px 5px;
  font-size: 0.85em;
  color: #888;
  white-space: nowrap;
}
.modal_container .modal_content section.modal_instruction .crop-circle {
  border-radius: 1000px;
  min-width: 160px;
  height: 160px;
  box-shadow: inset 0 0 15px 5px rgba(0, 0, 0, 0.3);
  float: right;
  overflow: hidden;
}
.modal_container .modal_content section.modal_instruction.modal_instruction_noborder {
  padding: 10px 30px;
  border-top: none;
}
.modal_container .modal_content section.modal-insert {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 30px;
  margin: 0 0 20px -30px;
}
.modal_container .modal_content section.modal-insert:hover {
  cursor: pointer;
}
.modal_container .modal_content section.modal-insert h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.25em;
}
.modal_container .modal_content section.modal-insert a {
  text-decoration: none;
}
.modal_container .modal_content section.modal-insert p {
  line-height: 1.4;
  font-size: 1.125rem;
  margin: 0;
}
.modal_container .modal_content section.modal-insert p strong {
  transition: color 0.4s, border 0.4s;
  color: #3287cc;
  border-bottom: 2px solid #fff;
}
.modal_container .modal_content section.modal-insert .right.trim {
  width: 200px;
  height: 150px;
  margin: -50px -45px -10px 0;
}
.modal_container .modal_content section.modal-insert .right {
  float: right;
  margin-bottom: 10px;
}
.modal_container .modal_content .modal-articles .modal-article:last-child {
  border-bottom: none;
}
.modal_container .modal_content article.modal-article {
  padding: 30px 20px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.modal_container .modal_content article.modal-article h2 {
  font-weight: 600;
  color: #666;
}
.modal_container .modal_content article.modal-article p {
  margin: 0.25em 0 1em;
  color: #999;
  font-size: 1rem;
  line-height: 1.5;
}
.modal_container .modal_content article.modal-article p a {
  text-decoration: none;
  padding: 0;
  border-bottom: 1px solid #fff;
  color: #3d89d1;
  transition: color 0.4s, border 0.4s;
}
.modal_container .modal_content article.modal-article p a:hover {
  color: #205588;
  border-bottom: 1px solid #6fabdc;
}
.modal_container .modal_content article.modal-article label {
  margin: 0.25em 0 1em;
  color: #999;
  font-size: 1rem;
  line-height: 1.5;
  width: 30%;
}
.modal_container .modal_content article.modal-article input {
  width: 78%;
  margin-left: 3px;
  font-size: 1rem;
}
.modal_container .modal_content article.modal-article textarea {
  border: 1px solid #ccc;
  padding: 12px;
  font-size: 1rem;
  width: 100%;
}
.modal_container .modal_content form div.form-error {
  border-top: 3px solid #a44039;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  background-color: #fff2f2;
}
.modal_container .modal_content form div.form-error p {
  margin: 0;
  color: #a44039;
  font-size: 0.85rem;
}
.modal_container .modal_content footer {
  background-color: #eee;
  overflow: hidden;
  padding: 0;
  margin: 0 -30px;
}
.modal_container .modal_content footer button {
  padding: 20px;
  width: 100%;
  background: #3d89d1;
  color: #fff;
  border-radius: 0;
  margin: 0;
  border: none;
}
.modal_container .modal_content footer .lscloud_button {
  float: left;
  padding: 20px 30px;
  border-radius: 0;
  margin: 0;
}
.modal_container .modal_content footer .checkbox {
  float: left;
  font-weight: 600;
  font-size: 1rem;
  color: #666;
  padding: 20px 40px 20px 20px;
}
.modal_container .modal_content footer .checkbox.dismiss-permament {
  display: block;
  background-color: #eee;
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  color: #888;
  font-size: 0.875rem;
  font-weight: normal;
}
.modal_container .modal_content footer .checkbox.dismiss-permament input {
  font-size: 1rem;
  margin-right: 4px;
}
.modal_container .modal_content footer .exit {
  font-size: 1rem;
  color: #999;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
  margin: 20px;
  display: inline-block;
}
.modal_container .modal_content footer .exit:hover {
  color: #777;
}
.modal_container .modal_content footer.modal-footer-secondary {
  margin: 0;
}
.modal_container #announcement_modal_content.modal_content .announcement_body {
  margin-bottom: 10px;
}
.modal_container #announcement_modal_content.modal_content p.small {
  text-align: right;
}

.modal-overlay {
  font-family: Lato-Regular, Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(18, 21, 25, 0.7);
}
.modal-overlay.animate-in {
  animation: overlay-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.modal-overlay.animate-out {
  animation: overlay-animation-reverse 0.1s cubic-bezier(0.4, 0, 0.6, 1);
}
.modal-overlay .modal-container {
  background-color: #fff;
  border-radius: 3px;
  width: 635px;
}
.modal-overlay .modal-container.animate-in {
  animation: show-modal-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.modal-overlay .modal-container.animate-out {
  animation: dismiss-modal-animation 0.1s cubic-bezier(0.4, 0, 0.6, 1);
}
.modal-overlay .modal-container .modal-button {
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #c4cacc;
  box-shadow: 0 1px 3px 0 rgba(195, 202, 204, 0.4), inset 0 -1px 3px 0 rgba(131, 138, 138, 0.2);
  padding: 9px 26px;
  text-align: center;
}
.modal-overlay .modal-container .close::after {
  font: normal normal normal 12px/1.8 FontAwesome;
  content: "\F00D";
  display: inline-block;
  color: #c4cacc;
  padding: 20px 0;
  float: right;
  cursor: pointer;
}
.modal-overlay .modal-container .modal-header {
  border-bottom: 1px solid rgba(196, 202, 204, 0.5);
  display: block;
  padding: 0 25px;
}
.modal-overlay .modal-container .modal-header h1 {
  line-height: 1.3;
  padding: 20px 0;
  margin-bottom: 0;
  font-size: 15px;
  display: inline-block;
}
.modal-overlay .modal-container .modal-header .modal-back-button {
  display: inline-block;
  color: #494c4c;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.94);
  margin-right: 20px;
}
.modal-overlay .modal-container .modal-header .modal-back-button .angle-left::before {
  font: normal normal normal 11px/1 FontAwesome;
  content: "\F104";
  display: inline-block;
  color: #c4cacc;
  vertical-align: top;
  margin: 4px 10px 0 0;
}
.modal-overlay .modal-container .modal-content {
  font-size: 15px;
  padding: 0 25px;
}
.modal-overlay .modal-container .modal-content .modal-page {
  opacity: 1;
  max-height: 500px;
}
.modal-overlay .modal-container .modal-content .modal-page.modal-page-hidden {
  display: none;
  opacity: 0;
  max-height: 0;
}
.modal-overlay .modal-container .modal-content .modal-message {
  text-align: left;
  font-size: 23px;
  line-height: 0.9;
  margin: 1em 0;
}
.modal-overlay .modal-container .modal-content .modal-message.modal-message-centered {
  text-align: center;
}
.modal-overlay .modal-container .modal-content .modal-message.modal-image-message {
  margin: 2em 0;
}
.modal-overlay .modal-container .modal-content .modal-button-container {
  text-align: center;
  margin: 40px 0;
}
.modal-overlay .modal-container .modal-content .modal-terminal-graphic {
  margin: auto;
  background: url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/584b5e8767c8d6ce51ffdf0234eb8fe4.png) no-repeat;
  width: 154px;
  height: 291px;
  object-fit: contain;
}
.modal-overlay .modal-container .modal-content .modal-text-title {
  color: #181a1a;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  margin: 30px 20px;
}
.modal-overlay .modal-container .modal-content .modal-text {
  color: #181a1a;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 1em;
}
.modal-overlay .modal-container .modal-content .modal-text a {
  color: #181a1a;
  cursor: pointer;
  text-decoration: underline;
}
.modal-overlay .modal-container .modal-content .modal-text:last-child {
  margin-bottom: 0;
}
.modal-overlay .modal-container .modal-footer {
  border-top: 1px solid rgba(196, 202, 204, 0.5);
  padding: 1.5em;
  text-align: right;
  background-color: #fafafa;
}
.modal-overlay .modal-container .modal-footer .modal-button {
  margin-right: 1em;
  font-size: 13px;
}
.modal-overlay .modal-container .modal-footer .modal-button:last-child {
  margin-right: 0;
}

@keyframes show-modal-animation {
  from {
    transform: scale(0.94) rotateX(-5deg) translateY(10px);
  }
  to {
    transform: scale(1) rotateX(0deg) translateY(0);
  }
}
@keyframes dismiss-modal-animation {
  from {
    transform: scale(1) rotateX(0deg) translateY(0);
  }
  to {
    transform: scale(0.94) rotateX(-5deg) translateY(10px);
  }
}
@keyframes overlay-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes overlay-animation-reverse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#popup {
  overflow: hidden;
  width: 540px;
  height: 300px;
  position: fixed;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: none;
  z-index: 1000000;
}
#popup.active {
  display: block;
}
#popup.active #popup-content {
  right: 0;
  opacity: 1;
}
#popup h2 {
  font-weight: 600;
  margin: 0;
}
#popup h3 {
  margin: 0 30px 0.65em 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
#popup h4 {
  float: left;
  color: #777;
  font-weight: 600;
  width: 9em;
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 0.75em;
}
#popup h4.scale-high {
  float: right;
}
#popup ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#popup ul li {
  float: left;
  width: 9%;
}
#popup label {
  display: block;
  margin: 0 auto;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  color: #999;
  line-height: 24px;
  border: 3px solid #ccc;
  border-radius: 30px;
  height: 30px;
  width: 30px;
  background: #fff;
  transition: all 0.4s;
}
#popup label:hover {
  cursor: pointer;
  color: #333;
  border-color: #999;
}
#popup input[type=radio] {
  display: none;
}
#popup textarea {
  padding: 10px;
  font-size: 0.9375rem;
  width: 92%;
  height: 4rem;
  margin: 0.75em 0 0;
  border-bottom: none;
}
#popup button {
  background: #3d89d1;
  color: #fff;
  border: none;
  padding: 10px 15px;
  display: block;
  margin: 0;
  width: 92%;
  font-size: 0.9375rem;
  border-radius: 0;
}
#popup #popup-content {
  position: absolute;
  bottom: 0;
  right: -540px;
  opacity: 0;
  transition: all 0.7s;
  background-color: #eee;
  pointer-events: auto;
  width: 540px;
}
#popup a.close {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #999;
  text-decoration: none;
  font-weight: 600;
  padding: 2px 7px;
  font-size: 1.75rem;
  line-height: 1;
  transition: color 0.3s;
}
#popup a.close:hover {
  color: #3d89d1;
  cursor: pointer;
}
#popup p.optional {
  color: #888;
  font-size: 0.9375rem;
  margin: 0.25em 0 0;
}
#popup form#netpromoter, #popup #netpromoter-thankyou {
  margin-left: 100px;
  border-top: 1px solid #ccc;
  padding: 10px 20px 15px;
}
#popup #netpromoter-thankyou {
  display: none;
}
#popup button.skip {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  border: 1px solid #ccc;
  font-size: 1.5rem;
  border-bottom: none;
  text-align: center;
  text-decoration: none;
  float: left;
  color: #888;
  padding: 0;
  background: #f8f8f8;
  transition: all 0.3s;
}
#popup button.skip:hover {
  border-color: #3d89d1;
  background-color: #3d89d1;
  color: #fff;
}
#popup a.skip {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  border: 1px solid #ccc;
  font-size: 1.5rem;
  border-bottom: none;
  text-align: center;
  text-decoration: none;
  float: left;
  color: #888;
  padding: 0;
  padding-top: 10%;
  background: #f8f8f8;
  transition: all 0.3s;
}
#popup a.skip:hover {
  border-color: #3d89d1;
  background-color: #3d89d1;
  color: #fff;
}

/*
 * Sections *
 * section.scss covers styling the top-level menus of each major section of the system
 * sales, inventory, customers, etc...
 */
#section {
  display: none;
  flex-grow: 1;
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  background: #f3f3f3;
  min-height: 100%;
}
#section .register,
#section .inventory,
#section .service,
#section .customers,
#section .admin,
#section .system {
  background: #f3f3f3;
}
#section .reports {
  background: #fff;
}
#section a.control:not(.status-button),
#section .lf a:not(.status-button),
#section .lf button:not(.status-button),
#section #listing table button:not(.fitted-button):not(.status-button) {
  cursor: pointer;
  background: #fff;
}
#section a.control:not(.status-button) i,
#section .lf a:not(.status-button) i,
#section .lf button:not(.status-button) i,
#section #listing table button:not(.fitted-button):not(.status-button) i {
  color: #232a3b;
}
#section a.control:not(.status-button):hover,
#section .lf a:not(.status-button):hover,
#section .lf button:not(.status-button):hover,
#section #listing table button:not(.fitted-button):not(.status-button):hover {
  background: #2875c6;
}
#section a.control:not(.status-button):hover i,
#section .lf a:not(.status-button):hover i,
#section .lf button:not(.status-button):hover i,
#section #listing table button:not(.fitted-button):not(.status-button):hover i {
  color: #fff;
}

body.griffin kbd {
  display: none;
}

/* ui_section */
article.section {
  clear: both;
  padding: 15px 0 0 15px;
}
@media (min-width: 720px) {
  article.section {
    padding: 30px 15px 5px 30px;
  }
}
article.section h2 {
  padding: 0 0 5px;
  margin: 0 15px 0 0;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #181a1a;
  border-bottom: 1px solid #c4cacc;
}
article.section p {
  color: #666;
  margin: 1em 0;
  font-size: 0.875rem;
}
article.section ul.options {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
article.section ul.options::after {
  content: "";
  clear: both;
  display: table;
}
article.section ul.options li {
  position: relative;
  float: left;
}
article.section ul.options li p {
  display: none;
  position: absolute;
  top: 10.2em;
  background-color: #5a5a5a;
  border-radius: 4px;
  padding: 10px 16px;
  margin: 0;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.5;
  width: 20em;
  z-index: 50;
}
article.section ul.options li p::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  top: -10px;
  left: 54px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5a5a5a;
}
article.section ul.options li:hover p:first-of-type {
  display: block;
}
article.section ul.options button,
article.section ul.options div.panel {
  margin: 0 15px 15px 0;
  text-align: center;
  position: relative;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 1.1;
  color: #232a3b;
  background: #fff;
  border-radius: 0.375rem;
  border: 1px solid #abb3b3;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  transition-property: background-color, border-color, box-shadow, color;
  transition-duration: 100ms;
}
article.section ul.options button:disabled,
article.section ul.options div.panel:disabled {
  border: 1px solid #f3f3f3;
  box-shadow: none;
  pointer-events: none;
  background: #e1e4e5;
  color: #c4cacc;
}
article.section ul.options button:disabled .label,
article.section ul.options div.panel:disabled .label {
  color: #c4cacc;
}
article.section ul.options button i,
article.section ul.options div.panel i {
  font-size: 3.2375rem;
  line-height: 1;
  height: 60px;
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  color: #232a3b;
  transition: color 0.3s;
}
article.section ul.options button img,
article.section ul.options div.panel img {
  float: left;
  border: 5px solid red;
}
article.section ul.options button kbd,
article.section ul.options button span.label,
article.section ul.options div.panel kbd,
article.section ul.options div.panel span.label {
  color: #848a8a;
  font-size: 0.75rem;
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0;
  float: none;
}
article.section ul.options button:hover,
article.section ul.options div.panel:hover {
  border: 1px solid #bbb;
  color: inherit;
  box-shadow: 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}
article.section ul.options button:active, article.section ul.options button.current,
article.section ul.options div.panel:active,
article.section ul.options div.panel.current {
  background: #232a3b;
  color: #fff;
  border-color: transparent;
}
article.section ul.options button:active kbd,
article.section ul.options button:active span.label, article.section ul.options button.current kbd,
article.section ul.options button.current span.label,
article.section ul.options div.panel:active kbd,
article.section ul.options div.panel:active span.label,
article.section ul.options div.panel.current kbd,
article.section ul.options div.panel.current span.label {
  color: #6f8097;
}
article.section ul.options button:active i, article.section ul.options button.current i,
article.section ul.options div.panel:active i,
article.section ul.options div.panel.current i {
  color: #fff;
}
article.section ul.options button.beta::before,
article.section ul.options div.panel.beta::before {
  content: "Beta";
  display: block;
  color: white;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #3d89d1;
  padding: 6px 10px;
  border-radius: 35px;
  text-transform: uppercase;
}
article.section ul.options div.panel {
  width: 125px;
  height: 40px;
  padding-top: 10px;
}
article.section ul.options button {
  width: 125px;
  height: 125px;
  padding-top: 70px;
}
article.section ul.options a {
  color: #3d89d1;
  text-decoration: none;
}
article.section ul.options a:hover {
  text-decoration: underline;
}
article.section div.action_group {
  margin: 0 0 0.75em;
  clear: both;
}
article.section div.action_group h3 {
  margin: 0.75em 0 0.25em;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
}
article.section div.action_group ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em;
}
article.section div.action_group li {
  margin: 0 0 0.25em;
  padding: 0.25em 0;
  font-size: 0.9375rem;
}
article.section div.action_group a {
  color: #2875c6;
  text-decoration: none;
}
article.section div.action_group a:hover {
  text-decoration: underline;
}
article.section div.action_group a:hover i {
  color: #fff;
  border-color: #6f8097;
  background: #2875c6;
}
article.section div.action_group button,
article.section div.action_group .recently-viewed-item {
  float: left;
  color: #999;
  background: #fff;
  margin-right: 5px;
  padding: 2px 4px;
  border: 1px solid #abb3b3;
  display: inline-block;
  margin-top: -2px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
article.section div.action_group button i,
article.section div.action_group .recently-viewed-item i {
  color: #232a3b;
  margin: 0;
}
article.section div.action_group button:hover, article.section div.action_group button:active,
article.section div.action_group .recently-viewed-item:hover,
article.section div.action_group .recently-viewed-item:active {
  border-color: #6f8097;
  background: #2875c6;
  color: #fff;
}
article.section div.action_group button:hover i, article.section div.action_group button:active i,
article.section div.action_group .recently-viewed-item:hover i,
article.section div.action_group .recently-viewed-item:active i {
  color: #fff;
}
article.section div.action_group .recently-viewed-item {
  color: #232a3b;
  border-radius: 3px;
  line-height: 1.2;
}
article.section div.action_group input {
  padding: 8px 6px;
}

nav#section article:last-of-type,
#register article:last-of-type {
  min-height: 16.5em;
}

div.ui_form_field {
  margin: 0;
  padding: 0;
}

div.ui_field_label {
  float: left;
  width: 10em;
  text-align: right;
  padding: 8px 10px 8px 0;
  color: #666;
}

div.notifier {
  position: fixed;
  top: -2.5rem;
  left: 50%;
  z-index: 200;
  margin: 0 0 0 -100px;
  padding: 8px 36px 12px;
  color: #fff;
  font-size: 0.875rem;
  transition: top 0.15s;
}
div.notifier i {
  font-size: 1.25em;
  display: inline-block;
  margin: -3px 3px 0 0;
}
div.notifier a, div.notifier a:link, div.notifier a:visited {
  color: #fff;
  text-decoration: none;
  padding: 0 2px;
}
div.notifier::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #3d89d1;
  transform: perspective(5px) rotateX(-1deg);
  border-radius: 0 0 8px 8px;
}
div.notifier.active {
  top: 0;
}

#working::before {
  background: #3d89d1;
}

#success::before {
  background: #589141;
}

div.alert {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0;
  /*  This class is added to message divs on pages where the "functions" bar is fixed on the top */
}
div.alert::after {
  content: "";
  display: table;
  clear: both;
}
div.alert pre {
  margin-top: 0;
  margin-bottom: 0;
}
div.alert p,
div.alert ul,
div.alert li {
  margin: 0;
  line-height: 1.25;
  font-size: 1rem;
  color: #000;
}
div.alert p,
div.alert ul {
  padding: 17px 0 17px 54px;
}
div.alert ul {
  list-style: none;
}
div.alert a {
  color: #000;
}
div.alert a:hover {
  color: #333;
}
div.alert a.strong-link {
  color: #00f;
  border-bottom: thin solid;
}
div.alert a.strong-link:hover {
  color: #009;
}
div.alert > i {
  display: inline-block;
  float: left;
  color: #000;
  font-size: 30px;
  line-height: 54px;
  width: 54px;
  text-align: center;
}
div.alert a.close {
  display: inline-block;
  float: right;
  text-decoration: none;
  padding: 0 16px;
  text-transform: uppercase;
  color: #888;
  font-size: 32px;
  line-height: 54px;
}
div.alert a.close:hover {
  color: #000;
}
div.alert button {
  margin: -10px 0;
  float: right;
}
div.alert.highlight {
  background-color: #fef3d3;
}
div.alert.highlight i {
  color: #f6b444;
}
div.alert.error {
  background-color: #efdbda;
  border-color: #a44039;
}
div.alert.error p a {
  color: #58221f;
}
div.alert.error p a:hover {
  color: #a44039;
}
div.alert.error p a.strong-link {
  color: #a44039;
}
div.alert.error strong {
  color: #a44039;
}
div.alert.error i {
  color: #a44039;
}
div.alert.alert-offset {
  position: relative;
  top: 60px;
}
div.alert .alert-help-text {
  color: #888;
  line-height: 2rem;
}

/* search controls/fields */
.listing {
  /* tabs - results header */
  /* table of data */
}
.listing header {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
.listing header .listing-functions {
  float: right;
  margin: -1px 0 0 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
.listing header .listing-functions li {
  float: none;
  display: inline;
}
.listing header .listing-functions li:last-child button {
  margin: 0;
}
.listing header .listing-functions button {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-right: -1px;
}
.listing header .listing-functions button.delete-function, .listing header .listing-functions button.action-function {
  background-color: #eee;
  color: #666;
}
.listing header .listing-functions button.delete-function i, .listing header .listing-functions button.action-function i {
  display: inline-block;
  margin-left: -0.25em;
}
.listing header .listing-functions button.delete-function:hover, .listing header .listing-functions button.action-function:hover {
  background-color: #e0e0e0;
}
.listing header .listing-functions button.delete-function::before, .listing header .listing-functions button.action-function::before {
  display: none;
}
.listing header .listing-functions button.delete-function {
  color: #a44039;
}
.listing header .listing-functions button.delete-function i {
  color: #a44039;
}
.listing .listing-info-box {
  font-size: 0.925em;
  border-bottom: 1px solid #ccc;
  z-index: 50000;
  clear: both;
}
.listing .tabs {
  margin: 0;
  padding: 10px 0 0 15px;
  list-style: none;
  border-bottom: 1px solid #ccc;
  height: 54px;
}
.listing .tabs li {
  display: inline;
}
.listing .tabs li a {
  float: left;
  padding: 12px 15px 11px;
  color: #666;
  text-decoration: none;
  font-size: 0.875rem;
}
.listing .tabs li.current_tab a {
  color: #444;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
}
.listing .controls {
  margin: 0;
  padding: 0 8px 0 15px;
  background-color: #f8f8f8;
  font-size: 0.875rem;
}
.listing .controls.top {
  border-bottom: 1px solid #ddd;
  height: 54px;
  line-height: 54px;
}
.listing .controls.bottom {
  border-top: 1px solid #ddd;
  line-height: 36px;
}
.listing .controls.bottom ul {
  margin-top: 0;
  height: 36px;
  line-height: 36px;
}
.listing .controls.bottom a, .listing .controls.bottom select, .listing .controls.bottom .jump {
  border-top: none;
  border-bottom: none;
}
.listing .controls ul {
  list-style: none;
  padding: 0;
  float: left;
  margin: 9px 0 0;
}
.listing .controls ul.actions {
  float: right;
}
.listing .controls li {
  display: inline;
}
.listing .controls .results {
  display: inline-block;
  float: left;
  margin: 0 15px 0 0;
  font-size: 0.875rem;
  color: #777;
}
.listing .controls a, .listing .controls select {
  height: 36px;
  float: left;
  display: inline-block;
  padding: 0 10px;
  margin-right: -1px;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
  color: #777;
  font-size: 0.875rem;
  line-height: 35px;
  transition: color 0.3s, background 0.3s, border 0.3s;
}
.listing .controls a:hover, .listing .controls select:hover {
  color: #3d89d1;
  background-color: #f7fafd;
}
.listing .controls a.disabled, .listing .controls select.disabled {
  background: none;
  color: #ddd;
}
.listing .controls a.disabled:hover, .listing .controls select.disabled:hover {
  cursor: default;
}
.listing .controls a.current, .listing .controls select.current {
  color: #3d89d1;
  background-color: #e2edf8;
}
.listing .controls a.current:hover, .listing .controls select.current:hover {
  cursor: default;
}
.listing .controls a:first-of-type {
  border-left: 1px solid #ccc;
}
.listing .controls a.page_size {
  background: none;
  color: #3d89d1;
  border: none;
  text-transform: uppercase;
}
.listing .controls a.previous, .listing .controls a.next {
  font-size: 0;
}
.listing .controls a.previous::before, .listing .controls a.next::before {
  line-height: 34px;
  font-size: 1.5rem;
}
.listing .controls a.previous::before {
  content: "\F0D9";
}
.listing .controls a.next::before {
  content: "\F0DA";
}
.listing .controls a.print::before, .listing .controls a.export::before, .listing .controls a.mailing-labels::before, .listing .controls a.delete::before {
  margin-right: 5px;
}
.listing .controls a.delete {
  color: #a44039;
}
.listing .controls a.delete::before {
  content: "\F014";
}
.listing .controls a.delete:hover {
  color: #7e312c;
}
.listing .controls a.print::before {
  content: "\F02F";
  margin-right: 2px;
}
.listing .controls a.export::before {
  content: "\F1C3";
}
.listing .controls a.mailing-labels::before {
  content: "\F003";
}
.listing .controls .actions a {
  font-weight: 600;
  font-size: 0.875rem;
  border-color: #bbb;
}
.listing .controls select {
  float: left;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  border-radius: 0;
  border: none;
  line-height: 1;
  padding: 8px 12px;
}
.listing .controls select:hover {
  cursor: pointer;
}
.listing .controls select:focus {
  outline: none;
}
.listing .controls select option {
  background-color: #fff;
  color: #666;
  text-transform: none;
}
.listing .controls li.jump {
  background-color: #fff;
  overflow: hidden;
  display: inline-block;
  float: left;
  border: 1px solid #ddd;
  height: 36px;
  border-right: none;
}
.listing .controls li.jump.current {
  color: #3d89d1;
  background-color: #e2edf8;
}
.listing .controls li.jump::after {
  content: "\F0D7";
  margin: 0 0 0 -20px;
  display: inline-block;
  line-height: 35px;
  float: left;
  width: 20px;
  color: #999;
  font-size: 16px;
  pointer-events: none;
}
.listing .controls li.jump:hover::after {
  color: #3d89d1;
}
.listing table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.listing table .money,
.listing table .th-money,
.listing table .prettymoney,
.listing table .th-prettymoney {
  min-width: 5.5rem;
  max-width: 8rem;
  text-align: right;
}
.listing table .number,
.listing table .th-number {
  text-align: right;
}
.listing table .select_box {
  min-width: 12rem;
}
.listing td, .listing th {
  padding: 5px 6px;
}
.listing td .unpublish-from-ecom, .listing th .unpublish-from-ecom {
  position: relative;
  color: #b9393d !important;
  padding: 6px;
  margin-left: -6px;
}
.listing td .unpublish-from-ecom span, .listing th .unpublish-from-ecom span {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  display: none;
  margin-left: 4px;
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 16px;
}
.listing td .unpublish-from-ecom:hover, .listing th .unpublish-from-ecom:hover {
  color: #b9393d;
  text-decoration: none;
}
.listing td .unpublish-from-ecom:hover span, .listing th .unpublish-from-ecom:hover span {
  display: block;
  text-decoration: underline;
}
.listing thead th {
  height: 0;
  padding: 6px;
  color: #555;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: normal;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing thead th:first-child {
  padding-left: 15px;
}
.listing thead th:last-child {
  padding-right: 15px;
}
.listing thead th a {
  color: #666;
  text-decoration: none;
}
.listing thead th i {
  padding: 0 5px 0 0;
}
.listing thead th.sorted {
  color: #555;
  font-weight: 600;
}
.listing thead th.sorted a {
  color: #555;
}
.listing thead th.sorted i {
  color: red;
}
.listing thead .listing-limit-refine {
  background-color: #f8f8f8;
}
.listing thead .listing-limit-refine td {
  padding: 7px 15px;
  font-size: 0.75rem;
  border-bottom: 1px solid #ccc;
}
.listing thead .listing-limit-refine-export {
  float: right;
}
.listing tr {
  border-bottom: 1px solid #eee;
}
.listing tr.no_border {
  border: 0;
}
.listing .transaction_note td:first-child {
  padding-top: 0;
  padding-left: 30px;
}
.listing .today-simple-subtotal {
  border-bottom: 0;
}
.listing .today-simple-subtotal td {
  padding-bottom: 12px;
  font-weight: bold;
}
.listing .today-simple-subtotal:last-child td {
  padding-bottom: 5px;
}
.listing td input {
  padding: 3px 6px;
  margin: -4px 0;
  min-height: 0;
}
.listing td input[type=checkbox] {
  font-size: 1rem;
  width: auto;
  margin: 0 6px 0 0;
}
.listing td input[size="1"] {
  max-width: 0.9rem;
}
.listing td input[size="2"] {
  max-width: 1.8rem;
}
.listing td input[size="3"] {
  max-width: 2.7rem;
}
.listing td input[size="4"] {
  max-width: 3.6rem;
}
.listing td input[size="5"] {
  max-width: 4.5rem;
}
.listing td input[size="6"] {
  max-width: 5.4rem;
}
.listing td input[size="7"] {
  max-width: 6.3rem;
}
.listing td input[size="8"] {
  max-width: 7.2rem;
}
.listing td input[size="9"] {
  max-width: 8.1rem;
}
.listing td input[size="10"] {
  max-width: 9rem;
}
.listing td input[size="11"] {
  max-width: 9.9rem;
}
.listing td input[size="12"] {
  max-width: 10.8rem;
}
.listing td input[size="13"] {
  max-width: 11.7rem;
}
.listing td input[size="14"] {
  max-width: 12.6rem;
}
.listing tbody tr td.group table {
  background-color: transparent;
}
.listing tbody tr td.group tr {
  border-bottom: none;
}
.listing tbody tr:last-child {
  border-bottom: none;
}
.listing tbody tr.selected {
  background-color: #ffc;
}
.listing tbody tr.good {
  background-color: #7c7;
}
.listing tbody tr.highlight {
  background-color: #ff9;
}
.listing tbody tr.warning {
  background-color: #fa5;
}
.listing tbody tr.error {
  background-color: #f77;
}
.listing tbody tr.disabled {
  background-color: #ccc;
  color: #555;
}
.listing tbody tr.disabled input, .listing tbody tr.disabled select {
  background-color: #eee;
  color: #999;
}
.listing tbody tr.disabled a:link, .listing tbody tr.disabled a:visited, .listing tbody tr.disabled a:active {
  color: #5884b1;
}
.listing tbody tr.disabled a:hover {
  color: #b08458;
}
.listing tbody tr.select_functions td {
  text-align: left;
  padding: 2px 0 4px 2px;
  font-size: 15px;
  background-color: #fff;
}
.listing tbody tr.select_functions td a {
  text-decoration: none;
}
.listing tbody tr.archived {
  background: #ddd;
}
.listing tbody tr.archived td {
  color: #555;
}
.listing tbody tr.archived a {
  color: #555;
}
.listing tbody tr.archived:hover td {
  background: #ddd;
  color: #000;
}
.listing tbody tr.archived:hover a {
  color: #2a6fb1;
}
.listing tbody td {
  font-size: 0.875rem;
  color: #000;
  text-align: left;
}
.listing tbody td:first-child {
  padding-left: 15px;
}
.listing tbody td:last-child {
  padding-right: 15px;
}
.listing tbody td.lf {
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 34px;
}
.listing tbody td.group, .listing tbody td.row_group {
  padding-right: 8px;
}
.listing tbody td.group table td, .listing tbody td.group table th, .listing tbody td.row_group table td, .listing tbody td.row_group table th {
  padding: 3px 0;
  font-size: 0.9em;
}
.listing tbody td.group table th, .listing tbody td.row_group table th {
  padding-right: 5px;
  width: 50px;
  text-align: right;
}
.listing tbody td.group table span, .listing tbody td.row_group table span {
  margin-left: 1em;
}
.listing tbody td.string.admin-long-string div {
  max-width: 350px;
  height: 100px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 3px;
}
.listing tbody td.note {
  position: relative;
}
.listing tbody td.note .note-container {
  max-width: 200px;
  max-height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.listing tbody td.note:hover .large-note-container::after {
  position: absolute;
  max-height: none;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  top: -5px;
  max-width: 400px;
  width: 400px;
  content: attr(data-fulltext);
  left: 0;
  z-index: 5;
}
.listing tbody td a {
  font-weight: 600;
}
.listing tbody td a .unnamed-record {
  border: 1px dotted #999;
  padding: 1px 3px;
  font-weight: normal;
  color: #888;
  font-size: 0.75rem;
}
.listing tbody td a:hover {
  text-decoration: underline;
}
.listing tbody td a:hover .unnamed-record {
  color: #2a6fb1;
}
.listing tbody td button {
  margin: 0;
}
.listing tbody td .order_status, .listing tbody td .transfer_status {
  border: 1px solid #ccc;
  color: #aaa;
  background: #fff;
  padding: 3px 4px 4px;
  font-size: 0.6875rem;
  margin-left: 10px;
  text-decoration: none;
  display: inline-block;
}
@media screen {
  .listing tbody td .overdue, .listing tbody td .near-due {
    padding: 4px 6px;
    border-radius: 3px;
    margin-left: -4px;
  }
  .listing tbody td .overdue {
    color: #a44039;
    background-color: #fee;
  }
  .listing tbody td .near-due {
    color: #666;
    background-color: #ffc;
    border: 1px solid #ddd;
  }
}
.listing tbody td time {
  white-space: nowrap;
}
.listing tbody .listing-limit-notification {
  background-color: #fef3d3;
}
.listing tbody .listing-limit-notification td {
  color: #666;
  font-style: italic;
}
.listing tbody .listing-limit-notification td:hover {
  color: #666;
}
.listing tfoot.select_functions td {
  padding: 5px 5px 5px 15px;
  border-top: 1px solid #ccc;
}
.listing tfoot.select_functions td input {
  margin-right: 9px;
}
.listing .info {
  border-top: 1px solid #ddd;
}
.listing .info table {
  width: auto;
}
.listing .info table tbody td {
  font-size: 0.875rem;
}
.listing .info table tbody tbody td:first-child {
  padding-left: 0;
}
.listing .info table tbody tbody td:last-child {
  padding-right: 0;
}
.listing .info table tbody tbody td.label {
  font-weight: 600;
}
.listing .nowrap {
  white-space: nowrap;
}

/* ---------------- Exporting Dropdown ----------------- */
.dropdown {
  position: relative;
}
.dropdown:hover {
  cursor: pointer;
}
.dropdown:focus {
  pointer-events: none;
}
.dropdown:focus .dropdown-content {
  opacity: 1;
  visibility: visible;
  margin-top: 15px;
  pointer-events: auto;
}

.dropdown-content {
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #666;
  margin-left: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.dropdown-content ul {
  overflow-y: scroll;
  margin: 0 !important;
  max-height: 385px;
  padding: 10px;
  width: 100%;
}
.dropdown-content button {
  background: #666;
  border: none;
  border-bottom: 1px solid #808080;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px;
  outline: 0 none;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  width: 100%;
}
.dropdown-content button:hover {
  background-color: #444;
}
.dropdown-content li:first-child button::before {
  border-color: transparent transparent #666;
  border-style: solid;
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  margin-left: -10px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  transition: all 0.3s;
  width: 0;
}
.dropdown-content li:first-child button:hover::before {
  border-bottom-color: #444;
}

.search {
  background-color: #eee;
  min-height: 53px;
}
.search .result-count {
  display: inline-block;
  float: left;
  padding: 0 15px;
  margin: 0;
  border-right: 1px solid #ddd;
  color: #888;
  line-height: 53px;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.search div.submit {
  float: left;
  padding-top: 10px;
  white-space: nowrap;
}
.search div.submit button {
  position: relative;
}
.search div.submit button._loading {
  color: transparent !important;
  opacity: 0.75;
}
.search div.submit button._loading::before {
  content: "\F021";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5rem 0 0 -0.5rem;
}
.search div.submit .advanced_toggle {
  font-size: 0.875rem;
  font-weight: 600;
  background: transparent;
  border-color: transparent;
  color: #666;
  padding: 0 8px;
  position: relative;
  white-space: normal;
  margin-right: -10px;
}
.search div.submit .advanced_toggle::before {
  margin-right: 0.25em;
  content: "\F054";
  transition: transform 0.2s;
  transform: rotate(0deg);
  display: inline-block;
}
.search div.submit .advanced_toggle.active {
  color: #666;
}
.search div.submit .advanced_toggle.active::before {
  transform: rotate(90deg);
}
.search div.submit .advanced_toggle:hover {
  background: transparent;
  border-color: transparent;
  color: #3d89d1;
}
.search label {
  color: #000;
  font-size: 0.8125rem;
}
.search input, .search select {
  margin: 0;
}
.search input {
  color: #555;
}
.search input[type=date] {
  padding: 3px;
  font-size: 0.8em;
  border: 1px solid #ccc;
}
.search input.tags, .search .tagbox {
  display: inline-block;
  float: left;
  width: 8em;
}
.search input.tags li, .search .tagbox li {
  margin: 0;
}
.search input.exclude-tags {
  width: 10em;
}
.search div.advanced {
  border-top: 1px solid #ccc;
  clear: both;
  width: 100%;
}

.search-fields {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.search-basic {
  float: left;
  padding-left: 15px;
  padding-top: 10px;
  min-height: 53px;
}
.search-basic > li {
  float: left;
  margin: 0 0 0 -1px;
  min-height: 34px;
}
.search-basic > li.tree_select {
  border: 1px solid #aaa;
  overflow: hidden;
  height: 34px;
  background-color: #fff;
  padding: 0 8px;
  line-height: 30px;
}
.search-basic > li.tree_select label {
  float: none;
  display: inline-block;
  padding: 0 5px 0 0;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #999;
}
.search-basic > li.tree_select div {
  display: inline-block;
  font-size: 0.8em;
}
.search-basic > li.tree_select a {
  line-height: 32px;
  text-decoration: none;
}
.search-basic label.checkbox {
  float: left;
  padding: 0 8px 0 6px;
  background: #fff;
  line-height: 32px;
  border: 1px solid #aaa;
  color: #888;
}
.search-basic label.checkbox input {
  font-size: 15px;
  margin: 9px 5px 0 0;
}
.search-basic input, .search-basic select {
  height: 34px;
  float: left;
}
.search-basic input[type=checkbox] {
  height: auto;
}
.search-basic select {
  padding: 0 8px;
  color: #555;
  box-shadow: inset 1px 2px 2px #eee;
  border-radius: 0;
  border: 1px solid #aaa;
  font-size: 0.875rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .search-basic select {
    -webkit-appearance: none;
    padding-right: 26px;
    background: #fff url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/81f5bda6e4a63f720e661bc7ba1fa2fb.png) no-repeat right 8px top 13px;
  }
}
.search-basic select:focus {
  outline: none;
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
.search-basic li:first-child label {
  display: none;
}
.search-basic li:first-child label.checkbox {
  display: block;
}

.search-checkboxes {
  float: left;
  padding: 6px 0 9px;
  width: 171px;
  border-right: 1px solid #ddd;
  margin-right: -1px;
}
.search-checkboxes input {
  margin-right: 6px;
  font-size: 1rem;
}
.search-checkboxes label {
  display: block;
  padding: 5px 15px;
}
.search-checkboxes label:hover {
  color: #444;
}

.search-refinements {
  margin: 0;
  padding: 10px 0 0 15px;
  overflow: hidden;
  border-left: 1px solid #ddd;
}
.search-refinements > li {
  float: left;
  margin: 0 0.5em 10px 0;
  min-width: 9em;
  min-height: 3.5em;
}
.search-refinements input[type=text], .search-refinements input[type=number], .search-refinements input[type=email] {
  padding: 6px;
}
.search-refinements label {
  display: block;
  padding: 0 0 2px;
}
.search-refinements .tree_select a {
  background-color: #fff;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 5px;
  font-size: 0.8em;
  display: inline-block;
}

.has_checkboxes .search-refinements {
  margin: 0 0 0 170px;
  border-left: 1px solid #cad6e1;
}

.no_results {
  padding: 15px;
  background-color: #fff;
}
.no_results p {
  font-size: 0.85em;
  color: #777;
  margin: 0;
}

/** --------- Listing Empty State Template Styles --------- **/
.blankstate {
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.blankstate h2 {
  color: #666;
  font-size: 1.625em;
  font-weight: normal;
  margin-bottom: 20px;
}
.blankstate h4 {
  font-size: 1.5rem;
  margin: 0;
}
.blankstate p {
  font-size: 1rem;
  line-height: 1.8em;
}
.blankstate .blankstate-illustration {
  margin-bottom: 1rem;
}
.blankstate .blankstate-illustration img {
  max-width: 300px;
  width: 100%;
}
.blankstate .blankstate-content {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
.blankstate .blankstate-calltoaction {
  margin-top: 2rem;
}
.blankstate .blankstate-calltoaction strong {
  color: #5b9141;
}
.blankstate .blankstate-resources {
  list-style: none;
  margin: 3rem 0 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.blankstate .blankstate-resources li {
  display: inline;
}
.blankstate .blankstate-resources a {
  color: #3d89d1;
  display: inline-block;
  padding: 0 1rem;
  margin-bottom: 1rem;
  line-height: 32px;
  text-decoration: none;
}
.blankstate .blankstate-resources a svg {
  display: inline-block;
  float: left;
  margin-right: 0.5rem;
  width: 32px;
  height: 32px;
  fill: #3d89d1;
}
.blankstate .blankstate-resources a:hover {
  color: #2a6fb1;
}
.blankstate .blankstate-resources a:hover svg {
  fill: #2a6fb1;
}

.blankstate-columns p {
  line-height: 1.5em;
}
.blankstate-columns .blankstate-illustration img {
  max-width: 215px;
}
@media screen and (min-width: 1023px) {
  .blankstate-columns .blankstate-illustration, .blankstate-columns .blankstate-links, .blankstate-columns .blankstate-content {
    float: left;
    width: 25%;
  }
  .blankstate-columns .blankstate-content {
    text-align: left;
    max-width: 100%;
    padding: 0 2rem;
    width: calc(50% - 2rem);
  }
  .blankstate-columns .blankstate-resources {
    margin-top: 4rem;
    text-align: left;
  }
  .blankstate-columns .blankstate-resources li {
    display: block;
  }
}

.view table {
  width: 100%;
  margin-top: 0;
}
.view textarea {
  width: 100%;
  border: none;
  border: 1px solid #ddd;
  box-shadow: none;
}
.view nav.records {
  display: inline;
  position: fixed;
  top: 0;
  right: 15px;
  margin: 0;
  font-size: 0.9375rem;
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  background: transparent;
  z-index: 100;
}
.view nav.records a {
  float: left;
  display: inline-block;
  text-decoration: none;
  color: #8d9aac;
  transition: color, 0.3s;
  padding: 0 8px;
}
.view nav.records a.direct {
  line-height: 54px;
  padding: 0 6px;
  color: #494c4c;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.view nav.records a i {
  line-height: 54px;
  font-size: 34px;
}
.view nav.records a:hover {
  color: #848a8a;
  cursor: pointer;
}
.view nav.records a:active {
  color: #434e5d;
}
.view nav.records a:last-child {
  padding: 0 8px;
}
.view nav.records a.inactive {
  color: #637389;
}
.view nav.records a.inactive:hover {
  cursor: default;
}
.view nav.records .previous-button,
.view nav.records .next-button {
  color: #212424;
}
.view nav.records .previous-button:not(.inactive):hover,
.view nav.records .next-button:not(.inactive):hover {
  background: #e1e4e5;
}
.view nav.records .previous-button.inactive,
.view nav.records .next-button.inactive {
  color: #abb3b3;
}
.view .functions {
  width: 100%;
  overflow: hidden;
  z-index: 100;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
.view .functions ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.view .functions ol li {
  margin-right: 5px;
  float: left;
  min-width: 10px;
  min-height: 10px;
}
.view .cirrus-tab .content {
  padding: 0;
  background-color: #f3f3f3;
}
.view .content {
  padding: 15px;
}
.view .content .listing {
  border: 1px solid #ddd;
}
.view .content .view-columns {
  margin: 0;
  padding: 0;
}
.view .content .view_group {
  padding: 0 0 8px;
}
.view .content .view_group input.description {
  font-size: 1em;
  padding: 6px 8px;
}
.view .content .view_group label {
  color: #666;
  font-size: 0.8em;
  margin: 0 0 0 1em;
}
.view .content .view_group label.hidden {
  display: none;
}
.view .content .view-message {
  padding: 16px 15px;
  margin: -15px -15px 20px;
  border-bottom: 1px solid #ccc;
}
.view .content .view-message a {
  text-decoration: underline;
}
.view .content .view-message i {
  display: inline-block;
  float: left;
  color: #bbb;
  font-size: 30px;
  margin: -3px 10px 0 0;
  text-align: center;
}
.view .content .view-message.warning {
  background-color: #fef3d3;
}
.view .content .view-message.warning i {
  color: #f6b444;
}
.view .tab-labels {
  height: 100%;
  width: 146px;
  float: left;
  overflow: hidden;
  margin: 0;
  margin-right: -1px;
  padding: 15px 0 0 10px;
  list-style: none;
  border-right: 1px solid #ddd;
  font-size: 0.875rem;
}
.view .tab-labels li {
  display: inline;
}
.view .tab-labels li.current a {
  color: #333;
  background-color: #eee;
  font-weight: 600;
}
.view .tab-labels a {
  display: block;
  padding: 7px 10px;
  margin-bottom: 1px;
}
.view .tab-labels a:hover {
  background-color: #eaf2fa;
}
.view .tabs .tab {
  margin-left: 145px;
  border-left: 1px solid #ddd;
}
.view .tabs.no_tab_selector {
  background: #fff;
}
.view .tabs.no_tab_selector .tab {
  margin-left: -1px;
}
.view .tabs.no_tab_selector .tab-labels {
  display: none;
}
.view .tabs .inactive .content {
  display: none;
}
.view .tab.not_loaded .content {
  display: none;
}
.view .tab.loading .content {
  padding: 10px;
  color: #888;
}
.view .tab tr.h3-row:first-child td,
.view .tab h3 {
  padding: 8px;
  margin: 0;
  background-color: #ddd;
  border-bottom: 2px solid #777;
  color: #000;
  font-weight: 600;
  font-size: 0.875rem;
}
.view .tab tr.h3-row:first-child td.loading,
.view .tab h3.loading {
  margin: 0.75em 0;
  font-size: 4em;
  background: none;
  color: #eee;
  text-transform: uppercase;
  text-align: center;
}
.view .tab tr.h3-row:first-child td .beta,
.view .tab h3 .beta {
  color: #fff;
  background-color: #3d89d1;
  text-transform: uppercase;
  padding: 3px 5px;
}
.view .tab tr.h3-row:first-child td a.customfields,
.view .tab h3 a.customfields {
  color: #666;
  font-size: 0.8125rem;
  float: right;
  font-weight: normal;
}
.view .tab tr.h3-row:first-child td a.customfields:hover,
.view .tab h3 a.customfields:hover {
  border-bottom: 1px solid #888;
}
.view .tab tr.h3-row:first-child td:last-child,
.view .tab h3:last-child {
  padding-left: 0;
}
.view .tab .disabled-tab-message {
  margin: -17px;
  margin-bottom: 30px;
  padding: 20px;
  padding-left: 60px;
  position: relative;
}
.view .tab .disable-tab-overlay {
  position: absolute;
  background-color: white;
  opacity: 0.6;
  width: 100%;
  z-index: 50;
  height: 500px;
}
.view .item-list-on-store {
  display: inline-block;
  margin: 0.5em 5px 0 0;
  border: 1px solid #ccc;
  padding: 10px;
  background: #f8f8f8;
  font-size: 1rem;
}
.view .item-list-on-store input.item-list-on-store {
  margin: 0 0.3em 0 0;
}
.view .item-list-on-store label.field_label {
  color: #000;
  margin: 0;
}
.view input.item-list-on-store {
  margin: 0.5em;
}
.view input.item-list-on-store + label {
  font-size: 1em;
  font-weight: 600;
}
.view .warning input {
  border: 2px solid #f6b444;
}
.view .warning input:focus {
  border: none;
}
.view .error input {
  background-color: #fee;
  border: 2px solid #a44039;
}
.view .error input:focus {
  border: none;
  background-color: #fff;
}
.view div.warning {
  border: 1px solid #ddd;
  margin: 0 0 0.5em;
  padding: 15px 15px 0;
}
.view div.warning h3 {
  border: none;
  font-size: 1.1em;
  color: #000;
  background: none;
  margin: 0 0 0.25em;
  padding: 0;
}
.view div.warning ol {
  margin: 0.75em 0 1em 2em;
  padding: 0;
}
.view div.warning li {
  color: #666;
  font-size: 0.875rem;
  margin: 0 0 0.5em;
}
.view .view_listing {
  padding-bottom: 15px;
}
.view .view_listing h2.child-listing-title {
  margin: 0;
  padding: 5px 0;
  color: #444;
  border-bottom: 2px solid #777;
  font-weight: 600;
  font-size: 1.125rem;
}
.view .row {
  box-sizing: border-box;
  padding: 0 36px;
}
.view .column,
.view .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-left: 4%;
}
.view .column:first-child,
.view .columns:first-child {
  margin-left: 0;
}
.view .one.column,
.view .one.columns {
  width: 4.6666666667%;
}
.view .two.columns {
  width: 13.3333333333%;
}
.view .three.columns {
  width: 22%;
}
.view .four.columns {
  width: 30.6666666667%;
}
.view .five.columns {
  width: 39.3333333333%;
}
.view .six.columns {
  width: 48%;
}
.view .seven.columns {
  width: 56.6666666667%;
}
.view .eight.columns {
  width: 65.3333333333%;
}
.view .nine.columns {
  width: 74%;
}
.view .ten.columns {
  width: 82.6666666667%;
}
.view .eleven.columns {
  width: 91.3333333333%;
}
.view .twelve.columns {
  width: 100%;
  margin-left: 0;
}
.view .one-third.column {
  width: 30.6666666667%;
}
.view .two-thirds.column {
  width: 65.3333333333%;
}
.view .one-half.column {
  width: 48%;
}
.view .row::after,
.view .clearfix {
  content: "";
  display: table;
  clear: both;
}
.view .right {
  float: right;
}
.view .table-less {
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  margin: 42px 0;
}
.view .table-less h4 {
  font-size: 16px;
  font-weight: 600;
}
.view .table-less h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.view .table-less dl + h5 {
  margin-top: 24px;
}
.view .table-less p {
  color: #777;
  font-weight: 400;
  margin: 12px 0 24px;
}
.view .table-less a {
  cursor: pointer;
  color: #3d89d0;
  font-weight: 600;
}
.view .table-less .icon {
  color: #000;
  font-size: 12px;
  height: 16px;
  width: 16px;
}
.view .table-less dl {
  background-color: #f8f8f8;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.view .table-less dl .table-row {
  border-top: 1px solid #ddd;
  float: left;
  width: 100%;
}
.view .table-less dl .table-row dt,
.view .table-less dl .table-row dd {
  text-align: left;
}
.view .table-less dl .table-row dt {
  font-size: 14px;
  padding: 8px 12px;
  width: 190px;
}
.view .table-less dl .table-row dd {
  padding: 0;
}
.view .table-less dl .table-row dd.disabled {
  font-size: 14px;
  padding: 8px 12px;
}
.view .table-less dl .table-row input[type=text],
.view .table-less dl .table-row input[type=password] {
  background: #fff;
  border: none;
  border-left: 1px solid #ddd;
  box-shadow: inset 1px 1px 3px 2px #f1f1f1;
  font-size: 16px;
  height: 36px;
  padding: 0 16px;
  width: 100%;
}
.view .table-less dl .table-row input[type=text]:disabled,
.view .table-less dl .table-row input[type=password]:disabled {
  background: none;
}
.view .table-less dl .table-row input[type=checkbox],
.view .table-less dl .table-row input[type=radio] {
  margin: 11px 0;
}
.view .table-less dl .table-row select {
  margin: 5px 0;
}
.view .table-less dl .table-row .info-text {
  color: #a9a9a9;
  font-size: 14px;
  line-height: 36px;
}
.view .table-less dl .table-row .info-text.dark {
  color: #666;
}
.view .table-less .gateway-listing {
  list-style-type: none;
  margin: 24px 0;
  padding: 0;
}
.view .table-less .gateway-listing table {
  border: 1px solid #ccc;
}
.view .table-less .gateway-listing table + table {
  border-top: none;
}
.view .table-less .gateway-listing thead {
  background: #f8f8f8;
  color: #000;
  font-size: 16px;
}
.view .table-less .gateway-listing thead td {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 20px 24px;
  text-align: center;
  white-space: nowrap;
}
.view .table-less .gateway-listing thead td:first-child {
  border-left: none;
  text-align: left;
  width: 99%;
}
.view .table-less .gateway-listing thead a {
  color: #3d89d0;
  font-size: 14px;
  font-weight: 600;
}
.view .table-less .gateway-listing tbody .table-headers td {
  background: #f8f8f8;
  font-size: 11px;
  font-weight: 600;
  padding: 9px 24px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 25%;
}
.view .table-less .gateway-listing tbody .table-headers td:first-child {
  width: 50%;
}
.view .table-less .gateway-listing tbody td {
  border-bottom: 1px solid #eee;
  color: #777;
  padding: 14px 24px;
}
.view .table-less .gateway-listing tbody .no-payment-terminals {
  padding: 27px 24px;
}
.view .table-less .gateway-listing tbody tr:last-child td {
  border: none;
}
.view .action-row {
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
  background: #eee;
  border-bottom: 1px solid #ccc;
  height: 55px;
  margin-bottom: -17px;
  padding: 11px 16px;
}
.view .action-row .btn {
  margin-left: 15px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  text-shadow: none;
}
.view .action-row .btn:first-child {
  margin-left: 0;
}
.view .action-row .btn-primary {
  background-color: #3d89d0;
}
.view .action-row .btn-primary.btn-disabled {
  background-color: #8d9aac;
  pointer-events: none;
}
.view .action-row .btn-primary.btn-success {
  background-color: #589141;
}
.view .action-row .btn-secondary {
  background-color: #589141;
}
.view .action-row .btn-secondary.btn-disabled {
  background-color: #8d9aac;
  pointer-events: none;
}
.view .action-row .btn-secondary.btn-success {
  background-color: #589141;
}
.view .action-row .btn-danger {
  background-color: #a44039;
}
.view .action-row .btn-utility {
  background-color: #666;
}
.view .gateway-specific-form {
  display: none;
}
.view .demarcated-row {
  border-bottom: 1px solid #eee;
  margin: 25px 0;
}
.view .payment-mapping select {
  text-transform: capitalize;
}
.view .service-degradation {
  display: flex;
  justify-content: start;
}
.view .service-degradation .icon-warning-sign {
  font-size: 2rem;
  line-height: 2rem;
  margin-right: 24px;
  color: #f6b444;
}
.view .service-degradation p {
  margin-bottom: 0;
}

div.new-item-spacer-div {
  border-bottom: 1px solid #ccc;
  height: 1rem;
  margin-bottom: 1.75em;
}
div.new-item-spacer-div div.new-item-spacer-text {
  display: inline-block;
  padding: 0 0.5em;
  height: 2rem;
  margin-left: 2rem;
  color: #666;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.9;
  background: #fff;
}
div.new-item-spacer-div div.new-item-spacer-text span.new-item-spacer-secondary-text {
  font-size: 0.875rem;
  font-weight: normal;
  color: #999;
}

.po_reset_taxes_button {
  background: none;
  border: none;
  color: #3d89d1;
}
.po_reset_taxes_button.disabled {
  color: #666;
}

.view_field_box table {
  margin: 0;
  width: 100%;
}
.view_field_box table tr.no_border_top td {
  border-top: none;
}
.view_field_box table tr.no_border_bottom td {
  border-bottom: none;
}
.view_field_box .async {
  margin: 0.25em 0;
  font-size: 3em;
  text-align: center;
  color: #eee;
}
.view_field_box td {
  font-size: 0.8125rem;
  padding: 0;
  vertical-align: top;
  color: #000;
}
.view_field_box > table {
  margin-bottom: 10px;
}
.view_field_box .view_field_box .view_field_box > table {
  margin-bottom: 0;
}
.view_field_box .form_field_holder_flat {
  vertical-align: middle;
  height: 31px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.view_field_box .label,
.view_field_box .form_field_holder {
  vertical-align: middle;
  height: 31px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.view_field_box .label input.full-span-input,
.view_field_box .form_field_holder input.full-span-input {
  height: auto;
}
.view_field_box .label .static-text-field,
.view_field_box .form_field_holder .static-text-field {
  padding: 0 6px;
}
.view_field_box .label input:not([type=checkbox]),
.view_field_box .form_field_holder input:not([type=checkbox]) {
  min-width: 50px;
}
.view_field_box .label input[disabled],
.view_field_box .form_field_holder input[disabled] {
  background-color: #eee;
  cursor: not-allowed;
}
.view_field_box .label .date-wrapper input[type=text],
.view_field_box .label .date-wrapper input[type=date],
.view_field_box .form_field_holder .date-wrapper input[type=text],
.view_field_box .form_field_holder .date-wrapper input[type=date] {
  width: 100%;
}
.view_field_box .label input.no-table-view-input,
.view_field_box .form_field_holder input.no-table-view-input {
  border: 1px solid #ccc;
  height: 42px;
  padding: 0 10px;
  min-width: 250px;
  width: 100%;
}
.view_field_box .label input.po-group-padded-input,
.view_field_box .form_field_holder input.po-group-padded-input {
  border: 1px solid #ccc;
  min-width: 210px;
}
.view_field_box .label input.po-checkin-quantity,
.view_field_box .form_field_holder input.po-checkin-quantity {
  min-width: 40px;
  width: 40px;
}
.view_field_box .label.quantity-x-column,
.view_field_box .form_field_holder.quantity-x-column {
  line-height: 56px;
  border: none;
  font-size: 2rem;
  color: #999;
}
.view_field_box .label.po-group-checkbox-fix,
.view_field_box .form_field_holder.po-group-checkbox-fix {
  padding-left: 10px;
  border: none;
  width: 20px;
}
.view_field_box .label .label.po-group-checkbox,
.view_field_box .form_field_holder .label.po-group-checkbox {
  border: none;
}
.view_field_box .label input[type=checkbox].po-group-checkbox,
.view_field_box .form_field_holder input[type=checkbox].po-group-checkbox {
  height: auto;
}
.view_field_box .label .nowrap, .view_field_box .label.nowrap,
.view_field_box .form_field_holder .nowrap,
.view_field_box .form_field_holder.nowrap {
  white-space: nowrap;
}
.view_field_box .label .title-green,
.view_field_box .form_field_holder .title-green {
  color: #589141;
}
.view_field_box .label .title-grey,
.view_field_box .form_field_holder .title-grey {
  color: #666;
}
.view_field_box .label .title-red,
.view_field_box .form_field_holder .title-red {
  color: #a44039;
}
.view_field_box td.no-table-cell {
  background: transparent;
  border: none;
  white-space: nowrap;
}
.view_field_box td.no-table-cell.form_field_holder {
  text-align: right;
  padding-left: 10px;
}
.view_field_box td.no-table-cell.form_field_holder.left-align {
  text-align: left;
}
.view_field_box label.no-table-label {
  background: transparent;
  border: none;
}
.view_field_box td.no-table-view-input {
  border: none;
}
.view_field_box td.view-padded-cell {
  padding: 10px;
  border: none;
}
.view_field_box td.view-padded-cell input[type=number],
.view_field_box td.view-padded-cell input[type=text] {
  height: 34px;
}
.view_field_box div.reorder-text-tip {
  color: #666;
  padding: 10px;
}
.view_field_box table table tr:first-of-type .label,
.view_field_box table table tr:first-of-type .form_field_holder {
  border-top: none;
}
.view_field_box table.no-header-row-table {
  border-top: 1px solid #ddd;
}
.view_field_box td.flat-field-input {
  padding: 10px;
  background-color: #f8f8f8;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div {
  border: 1px solid #ccc;
  padding: 2px 0 4px 5px;
  background-color: #fff;
  height: 34px;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div label.field_label {
  font-size: 0.75rem;
  display: inline-block;
  text-transform: uppercase;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div div.flat-field-input-select {
  display: inline-block;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div a {
  text-transform: uppercase;
  font-weight: 600;
}
.view_field_box td.view_functions {
  background: #fff;
  text-align: left;
  height: 36px;
  padding: 3px 5px 0;
}
.view_field_box td.view_functions.po-input-action-button {
  padding: 10px;
  background-color: #f8f8f8;
}
.view_field_box td.view_functions.print_function {
  text-align: left;
  padding: 10px 0 0 8px;
}
.view_field_box td.view_functions.print_function span {
  font-size: 0.875rem;
  max-width: 10rem;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view_field_box td.view_functions.print_link {
  text-align: right;
  padding: 10px 8px 0 10px;
}
.view_field_box td.view_functions.print_link a {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #999;
  border: 1px solid #ccc;
  padding: 3px 3px 2px;
}
.view_field_box td.view_functions.print_link a:hover {
  color: #3d89d1;
  border-color: #3d89d1;
}
.view_field_box td.view_functions button {
  width: 100%;
  max-width: 480px;
  margin: 0;
  padding: 4px 10px;
  border-radius: 2px;
  border: none;
  background: #888;
  color: #fff;
  font-size: 0.875rem;
  font-weight: normal;
  transition: background 0.3s;
}
.view_field_box td.view_functions button i {
  color: #fff;
}
.view_field_box td.view_functions button:hover {
  background-color: #666;
}
.view_field_box td.view_functions button:active {
  background: #3d89d1;
}
.view_field_box td.view_functions button + button {
  margin-top: 3px;
}
.view_field_box td.view_functions button.dirty {
  margin: 0;
}
.view_field_box .label,
.view_field_box .textarea_label {
  padding: 0 6px;
  color: #000;
  border-left: 1px solid #eee;
  white-space: nowrap;
}
.view_field_box .label {
  width: 25%;
}
@media (min-width: 1300px) {
  .view_field_box .label {
    width: 20%;
  }
}
.view_field_box .textarea_label {
  height: 31px;
  background-color: #f8f8f8;
  vertical-align: middle;
}
.view_field_box td.po-checkin-button {
  border: none;
  padding: 48px 1rem 0 0;
}
.view_field_box td.po-recieve-all-button .function {
  white-space: nowrap;
}
.view_field_box td.po-recieve-all-button .function::before {
  content: "-OR-";
  line-height: 34px;
  font-size: 0.875rem;
  /* width: 34px; */
  color: #999;
  padding: 0 15px 0 0;
}
.view_field_box td.publish-to-ecom > label {
  float: left;
}
.view_field_box td.view_functions.search-items {
  padding: 0;
}
.view_field_box span.function button.attached-search-button {
  background: #3d89d1;
  border-color: #3d89d1;
  width: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.view_field_box span.function button.attached-search-button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.view_field_box span.function button.attached-search-button:active {
  border-color: #66a2db;
  background: #66a2db;
}
.view_field_box span.function button.attached-search-button.search-items {
  height: 42px;
}
.view_field_box span.function button.attached-search-button.po-input-action-button {
  margin-left: -20px;
}
.view_field_box span.function button.attached-search-button.po-input-action-button-double-column {
  left: -50%;
}
.view_field_box span.function button.po-checkin-button {
  background: #3d89d1;
  border-color: #3d89d1;
  width: auto;
}
.view_field_box span.function button.po-checkin-button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.view_field_box span.function button.po-checkin-button:active {
  border-color: #66a2db;
  background: #66a2db;
}
.view_field_box span.function button.po-checkin-button.po-checkin-received-button {
  background: #f6b444;
  border-color: #f6b444;
}
.view_field_box span.function button.po-checkin-button.po-checkin-received-button:hover {
  border-color: #f4a013;
  background: #f4a013;
}
.view_field_box span.function button.po-checkin-button.po-checkin-received-button:active {
  border-color: #f8c875;
  background: #f8c875;
}
.view_field_box span.function button.po-add-items-button {
  background: #3d89d1;
  border-color: #3d89d1;
  width: 100%;
}
.view_field_box span.function button.po-add-items-button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.view_field_box span.function button.po-add-items-button:active {
  border-color: #66a2db;
  background: #66a2db;
}
.view_field_box .form_field_holder {
  border-right: 1px solid #eee;
}
.view_field_box .form_field_holder span {
  padding: 6px;
  font-weight: 600;
  font-size: 0.875rem;
}
.view_field_box .form_field_holder .tree_select {
  padding: 6px 0;
}
.view_field_box .form_field_holder input {
  width: 100%;
  height: 30px;
  border: none;
  border-left: 1px solid #ddd;
}
.view_field_box .form_field_holder input[type=checkbox] {
  height: auto;
  width: auto;
  font-size: 1rem;
}
.view_field_box .form_field_holder input[type=checkbox]:focus {
  box-shadow: none;
}
.view_field_box .form_field_holder select {
  margin-right: 8px;
}
.view_field_box .form_field_holder .money-field-container {
  max-width: none;
}
.view_field_box .form_field_holder .money-field-container input[type=number] {
  max-width: none;
  width: 100%;
  text-align: right;
}
.view_field_box .form_field_holder .note {
  border-left: 1px solid #eee;
  padding: 10px;
  width: 320px;
}
.view_field_box .form_field_holder .note-narrow {
  width: 200px;
}
.view_field_box .form_field_holder .center {
  text-align: center;
  width: 100%;
}
.view_field_box .form_field_holder .radio-group-container label {
  align-items: center;
  display: flex;
  padding: 10px;
  padding-left: 0;
}
.view_field_box .form_field_holder .radio-group-container input[type=radio] {
  height: 15px;
  margin-right: 10px;
  min-width: auto;
  width: 15px;
}
.view_field_box .form_field_holder .radio-group-container-helper {
  color: #666;
  display: block;
  font-size: 0.75rem;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 0;
  padding-left: 25px;
}

tr.view_field_box table.tab_columns tr.view_field_box:last-child {
  border-bottom: 1px solid #eee;
}

table.view-layout {
  width: 100%;
  border-collapse: collapse;
}
table.view-layout > tbody > tr > td {
  vertical-align: top;
  padding-right: 1em;
}
table.view-layout > tbody > tr > td:last-child {
  padding-right: 0;
}

table.view-column {
  width: 100%;
}
table.view-column.single-view-column {
  max-width: 800px;
}
table.view-column.single-view-column td.label {
  min-width: 350px;
}
table.view-column .view-value-title-box {
  padding: 20px 0;
  font-size: 1.5em;
}
table.view-column .view-value-title-value {
  font-weight: bold;
}

/* functions */
div.view_functions {
  margin-top: 5px;
}
div.view_functions span.function {
  float: left;
}
div.view_functions span.function button.dirty {
  color: #ff7f00;
  font-weight: 600;
}
div.view_functions .alt_tool_bar {
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
div.view_functions table.content_holder {
  margin-top: 5px;
}
div.view_functions td.tab_column {
  width: 130px;
}
div.view_functions div.tab_pannel {
  position: relative;
  min-width: 680px;
  color: #000;
  background-color: #aaa;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
div.view_functions div.tab_pannel div.hidden_tab {
  display: none;
}
div.view_functions td.label {
  font-size: 10pt;
  text-align: right;
}
div.view_functions td.textarea_label {
  color: #000;
  font-size: 10pt;
  text-align: left;
}

td.view_field_box_header,
div.view_field_box_header {
  background-color: #ddd;
  font-size: 9pt;
  font-weight: 600;
  margin: 0;
  padding: 3px 5px;
}

#view table .upload.uploading button.dz-clickable:not(.cr-button),
#view fieldset .upload.uploading button.dz-clickable:not(.cr-button) {
  position: relative;
  top: -0.6em;
}
#view table button.dz-clickable:not(.cr-button),
#view fieldset button.dz-clickable:not(.cr-button) {
  background: none;
  border: none;
  background-color: #3d89d1;
  color: #fff;
  padding: 8px 12px;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.5s;
}
#view table button.dz-clickable:not(.cr-button):hover, #view table button.dz-clickable:not(.cr-button):active,
#view fieldset button.dz-clickable:not(.cr-button):hover,
#view fieldset button.dz-clickable:not(.cr-button):active {
  background-color: #2a6fb1;
}

.mce-btn button {
  background: none !important;
  border: #fff !important;
}
.mce-btn button i {
  color: #333 !important;
}

label.field_label {
  display: inline-block;
  margin: 0.5em 5px 0 0;
  font-size: 0.875rem;
  color: #777;
}

.view .tab fieldset.customfields {
  border: 1px solid #ddd;
  border-top: none;
}
.view .tab fieldset.customfields ol {
  list-style: none;
  padding: 2px 15px 0;
  margin: 0;
  width: 100%;
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 30px;
          column-gap: 30px;
  -webkit-column-rule: 1px solid #eee;
          column-rule: 1px solid #eee;
}
@media (min-width: 720px) {
  .view .tab fieldset.customfields ol {
    -webkit-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 900px) {
  .view .tab fieldset.customfields ol {
    -webkit-column-count: 3;
            column-count: 3;
  }
}
.view .tab fieldset.customfields li {
  margin: 0.625rem 0 0.3125rem;
  -webkit-column-break-inside: avoid;
          break-inside: avoid-column;
  display: inline-block;
  width: 100%;
}
.view .tab fieldset.customfields select {
  font-size: 1rem;
  margin-left: 1px;
}
.view .tab fieldset.customfields textarea {
  width: 100%;
  padding: 6px 8px;
  height: 4.25rem;
}
.view .tab fieldset.customfields label {
  margin: 0 0 0.2em;
  font-size: 0.875rem;
  display: block;
  color: #000;
}
.view .tab fieldset.customfields label.checkbox {
  text-transform: none;
}
.view .tab fieldset.customfields label.checkbox input {
  margin: 1px 3px 0 0;
}
.view .tab fieldset.customfields .customfield-unit-label {
  background-color: #eee;
  color: #888;
  font-size: 0.75rem;
  display: inline-block;
  padding: 8px 6px;
  margin: 0 0 0 -2px;
  border: 1px solid #ccc;
  border-left: none;
  vertical-align: middle;
  height: 34px;
}
.view .tab fieldset.customfields .customfield-choiceset {
  position: relative;
}
.view .tab fieldset.customfields .customfield-choiceset-active {
  font-size: 0.8125rem;
  color: #666;
  border: 1px solid #ccc;
  padding: 6px 8px;
  margin: 0;
}
.view .tab fieldset.customfields .customfield-choiceset-active .blank {
  color: #aaa;
  text-transform: uppercase;
}
.view .tab fieldset.customfields .customfield-choiceset-active:hover {
  cursor: insert;
  color: #444;
}
.view .tab fieldset.customfields input[type=text],
.view .tab fieldset.customfields input[type=number],
.view .tab fieldset.customfields input[type=email],
.view .tab fieldset.customfields input[type=url] {
  padding: 8px 6px;
  margin: 0;
  vertical-align: middle;
  height: 34px;
}
.view .tab fieldset.customfields input[type=date],
.view .tab fieldset.customfields input[type=time] {
  padding: 6px 6px 5px;
  margin: 0;
}
.view .tab fieldset.customfields input[type=text],
.view .tab fieldset.customfields input[type=email],
.view .tab fieldset.customfields input[type=url] {
  width: 60%;
}
@media (min-width: 720px) {
  .view .tab fieldset.customfields input[type=text],
.view .tab fieldset.customfields input[type=email],
.view .tab fieldset.customfields input[type=url] {
    width: 100%;
  }
  .view .tab fieldset.customfields input[type=text].picker__input,
.view .tab fieldset.customfields input[type=email].picker__input,
.view .tab fieldset.customfields input[type=url].picker__input {
    width: auto;
  }
}
.view .tab fieldset.customfields .error {
  border: 2px solid #c00;
}
.view .tab fieldset.customfields .field-error {
  color: #c00;
  font-size: 0.85rem;
  font-weight: 600;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-3x {
  font-size: 3em;
}

.fa-btn-small {
  padding: 6px 0 6px 6px;
  font-size: 0.8rem;
  vertical-align: middle;
}

.fa-fw {
  width: 100%;
  text-align: center;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-refresh::before {
  color: #589141;
  content: "\F021";
}

@keyframes fa-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fw-loading-msg {
  color: #589141;
  font-weight: 700;
  text-align: center;
}

table.matrix {
  margin: 0 0 1em;
  width: auto;
}
table.matrix th {
  text-transform: uppercase;
  padding: 6px 0;
  font-weight: normal;
  font-size: 0.8125rem;
}
table.matrix thead th {
  text-align: center;
  width: 13em;
}
table.matrix tbody tr.group td {
  background-color: #eee;
  text-align: center;
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
}
table.matrix tbody tr:first-child td {
  border-top: 1px solid #ccc;
}
table.matrix tbody td, table.matrix tbody th {
  padding: 6px;
  border-right: 1px solid #ccc;
}
table.matrix tbody td {
  border-bottom: 1px solid #ccc;
}
table.matrix tbody th {
  vertical-align: middle;
  padding-right: 12px;
  text-align: right;
  min-width: 8em;
}
table.matrix dl {
  width: 5em;
  margin: 0 0.5em 0 0;
  float: left;
}
table.matrix dl dt, table.matrix dl dd {
  padding: 0;
  margin: 0 0 0.25em;
  font-size: 0.7em;
  min-height: 1em;
}
table.matrix dl dt {
  width: 5em;
  text-align: left;
}
table.matrix dl dd {
  font-weight: 600;
}
table.matrix .stock {
  color: #060;
}
table.matrix .order {
  color: #c90;
}
table.matrix .sale {
  color: #666;
}

.matrix-attributes {
  display: flex;
}
.matrix-attributes > * {
  padding-right: 1em;
  min-width: 143px;
}
.matrix-attributes > *:last-child {
  padding-right: 0;
}
.matrix-attributes__header {
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid #c4cacc;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background-color: #f5f5f5;
}
.matrix-attributes__list {
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #c4cacc;
  background-color: #f9f9f9;
  outline: none;
}
.matrix-attributes__handle-placeholder, .matrix-attributes__handle {
  cursor: default;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fcfcfc;
  border-right: solid 1px #c4cacc;
}
.matrix-attributes__handle {
  cursor: grabbing;
}
.matrix-attributes__handle svg {
  width: 8px;
  height: 14px;
}
.matrix-attributes .matrix-attributes__handle {
  cursor: pointer;
}
.matrix-attributes__item {
  list-style: none;
  align-items: center;
  width: calc(100% + 2px);
  background-color: #fff;
  border: 1px solid #c4cacc;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  color: #333;
  margin: -1px;
  position: relative;
  display: flex;
}
.matrix-attributes__item.divider {
  padding: 4px 6px;
  font-weight: bold;
  font-size: 0.875rem;
  background-color: #f8f8f8;
}
.matrix-attributes__value-placeholder {
  padding: 0 6px;
  font-size: 14px;
}
.matrix-attributes input, .matrix-attributes__item input {
  border: none;
  min-height: 32px;
  width: calc(100% - 32px);
}

#verify_pin {
  text-align: center;
}
#verify_pin article.section {
  margin: 0;
}
#verify_pin article.section h2 {
  margin: 0.75em 0;
  border: none;
  font-size: 1.25em;
}
#verify_pin img {
  margin: 0 auto;
}

form.verify_access_pin_form {
  margin: 0 0 2em;
  overflow: hidden;
}
form.verify_access_pin_form input[type=password],
form.verify_access_pin_form input[type=submit] {
  padding: 12px;
  float: left;
  font-size: 24px;
}

.in, .out {
  padding: 5px;
  margin: 0 -5px 5px;
}

.out {
  background-color: #fcc;
  color: #c00;
}

.in {
  background-color: #cfc;
  color: #060;
}

table#closing_counts {
  background: white;
  margin-left: auto;
  margin-right: auto;
}
table#closing_counts td {
  text-align: right;
  font-weight: 600;
  font-size: 12pt;
  background: #eee;
}
table#closing_counts tr.title td {
  text-align: center;
  font-size: 14pt;
  font-weight: 600;
  background: #ccc;
}
table#closing_counts tr.header td {
  text-align: center;
  font-size: 12pt;
  font-weight: 600;
  background: #ccc;
}

.money .currency {
  position: relative;
  top: -0.5em;
  font-size: 0.6em;
  margin: 0 1px;
}

.workorder-customer {
  padding: 12px 215px 5px 15px;
  overflow: hidden;
  position: relative;
}
.workorder-customer hgroup,
.workorder-customer .workorder-customer-contact {
  margin: 0 1.5em 0 0;
  float: left;
}
.workorder-customer hgroup {
  margin-bottom: 5px;
}
.workorder-customer .workorder-customer-contact {
  max-width: 20rem;
}
.workorder-customer .workorder-customer-buttons {
  position: absolute;
  top: 18px;
  right: 10px;
}
.workorder-customer h5 {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  margin: 0;
  font-size: 0.875em;
}
.workorder-customer h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0;
}
.workorder-customer h2 .customer-type {
  font-size: 0.75rem;
  background-color: #aaa;
  color: #fff;
  padding: 2px 4px;
  line-height: 1;
  text-transform: uppercase;
}
.workorder-customer ul {
  overflow: hidden;
  list-style: none;
  padding: 0.55em 0 0;
  margin: 0;
  -webkit-column-count: 2;
          column-count: 2;
}
.workorder-customer li {
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.8125rem;
  line-height: 1.4;
  float: left;
  margin: 0 1em 0 0;
  width: 10rem;
  text-overflow: ellipsis;
}
.workorder-customer .label {
  color: #999;
  display: inline;
}

.workorder .workorder-customer-new {
  padding: 20px 300px 40px 20px;
  overflow: hidden;
  position: relative;
}
.workorder .workorder-customer-new h2 {
  font-weight: 600;
  margin: 0.2em 0;
}
.workorder .workorder-customer-new p.introduction {
  font-size: 1rem;
  line-height: 1.4;
  color: #888;
  margin: 0 0 1em;
}
.workorder .workorder-customer-new .submit {
  margin: 0.5em 0 0;
}
.workorder .workorder-customer-new ol {
  float: none;
}
.workorder .workorder-customer-new fieldset li {
  width: auto;
  display: block;
  margin: 0 0 0.5em;
}
.workorder .workorder-customer-new fieldset li.phone {
  display: inline-block;
}
.workorder .workorder-customer-new fieldset input {
  margin: 0 0.5em 0.5em 0;
}
.workorder .workorder-customer-new .cirrus .cr-autocomplete {
  border-left: none;
  margin-bottom: 0.5em;
}
.workorder .workorder-customer-new .table-address {
  width: 246px;
  margin-bottom: 0;
}
.workorder .workorder-customer-new .table-address .table-address__value {
  border-bottom: none;
}

.workorder-customer-matches {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0;
  border-left: 1px solid #ccc;
  overflow: auto;
  width: 300px;
}
.workorder-customer-matches h3 {
  color: #999;
  border-bottom: 1px solid #ccc;
  padding: 12px 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
  margin: 0;
}
.workorder-customer-matches h4 {
  font-weight: 600;
  text-decoration: underline;
  color: #3d89d1;
  margin: 0 0 0.25em;
}
.workorder-customer-matches p {
  margin: 0;
  color: #888;
  line-height: 1.4;
  font-size: 0.85em;
}
.workorder-customer-matches ol {
  margin: 0;
  padding: 0;
}
.workorder-customer-matches li {
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid #eee;
}
.workorder-customer-matches li:hover {
  background-color: #3d89d1;
  cursor: pointer;
}
.workorder-customer-matches li:hover h4 {
  color: #fff;
}
.workorder-customer-matches li:hover p {
  color: #e2edf8;
}

.workorder-overview-wrapper {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}

.workorder-overview {
  padding: 0 195px 5px 15px;
  border-left: 48px solid #eee;
  min-height: 300px;
}
.workorder-overview fieldset {
  padding: 8px 0 0;
}
.workorder-overview select {
  max-width: 15em;
}
.workorder-overview .workorder-status h2 {
  transform-origin: top right;
  transform: rotate(270deg);
  color: #fff;
  font: normal 3rem/1 "Lato", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: -300px;
  top: 0;
  white-space: nowrap;
  width: 300px;
  height: 48px;
  text-align: right;
  margin: 0;
  padding: 7px 7px 0 0;
}
.workorder-overview .workorder-note {
  width: 100%;
}

.workorder-totals {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 15px;
  top: 0;
  width: 180px;
  border-left: 1px solid #ccc;
  background-color: #f8f8f8;
}
.workorder-totals table {
  width: 100%;
}
.workorder-totals th,
.workorder-totals td {
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
  font-size: 0.875rem;
  color: #555;
  font-weight: normal;
}
.workorder-totals th.total,
.workorder-totals td.total {
  color: #000;
  border-bottom: none;
  font-weight: 600;
  font-size: 1.125rem;
}
.workorder-totals th.total-tax,
.workorder-totals td.total-tax {
  color: #000;
  border-bottom: none;
  font-weight: 600;
  font-size: 1rem;
}
.workorder-totals th.no-border,
.workorder-totals td.no-border {
  border: none;
}
.workorder-totals th {
  text-align: left;
}
.workorder-totals th#taxSummary {
  border-bottom: 0;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 25px;
}
.workorder-totals td {
  text-align: right;
}
@media (max-width: 736px) {
  .workorder-totals {
    position: static;
    border-left: none;
  }
}

.workorder-employee {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.menu-workorder {
  overflow: hidden;
  background-color: #eee;
}
.menu-workorder .search {
  padding: 8px 15px;
  border-right: 1px solid #ccc;
  float: left;
  margin-right: 10px;
}
.menu-workorder > button {
  float: left;
  margin: 8px 0 8px 5px;
  color: #555;
  border-color: #bbb;
}

.workorder textarea {
  border: 1px solid #ccc;
}
.workorder fieldset .flex-container {
  display: flex;
  max-width: 100%;
  justify-content: space-between;
}
.workorder fieldset .flex-container .workorder-image-container {
  padding: 0;
  align-self: flex-start;
  min-height: 100px;
  max-height: inherit;
  margin-bottom: 8px;
}
.workorder fieldset ol {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  float: left;
}
.workorder fieldset li {
  margin: 0 0.25rem 0.5rem 0;
  display: inline-block;
}
.workorder fieldset li:not(.checkbox) {
  vertical-align: top;
}
.workorder fieldset li.checkbox {
  padding-top: 3%;
}
.workorder fieldset li.fieldgroup button,
.workorder fieldset li.fieldgroup select {
  display: inline-block;
}
.workorder fieldset li.fieldgroup button {
  padding: 4px 7px 3px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: normal;
  line-height: 1;
}
.workorder fieldset li.fieldgroup select {
  margin-right: 0.5em;
}
.workorder fieldset li.note {
  width: 100%;
  float: none;
}
.workorder fieldset li.note textarea {
  width: 100%;
}
.workorder fieldset li.note li {
  display: block;
  margin-right: 0;
}
.workorder .submit a {
  display: inline-block;
  margin-top: 16px;
}
.workorder .money-line-edit i {
  top: 11px;
  left: 8px;
  line-height: 1;
}
.workorder label,
.workorder legend {
  display: block;
  font-size: 0.8125rem;
}
.workorder legend {
  float: left;
  margin: 0.2em 1em 0 0;
}
.workorder label {
  line-height: 1;
  margin: 0 0 0.2em;
}
.workorder label.checkbox {
  padding: 0.5em 0.75em 0.5em 0;
  text-transform: none;
}
.workorder label.checkbox:hover {
  cursor: pointer;
}
.workorder label.checkbox.nolabelgap {
  margin: 0;
  padding: 0.25em;
}
.workorder label.checkbox input {
  margin: 0 2px 0 0;
}
.workorder label.workorder-item-checkbox {
  margin-top: 20px;
}

.workorder table:last-child {
  margin-bottom: 3em;
}

table.workorder-lines-summary {
  margin: 0 0 4px;
  box-shadow: 0 1px 3px #ccc;
  width: 100%;
  font-size: 0.9375rem;
  border-top: 1px solid #ccc;
}
table.workorder-lines-summary .label {
  background-color: #aaa;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.6875em;
  padding: 3px 5px;
  border-radius: 2px;
}
table.workorder-lines-summary .label.labor {
  background-color: #666666;
}
table.workorder-lines-summary .label.item {
  background-color: #999;
}
table.workorder-lines-summary .label.misc {
  background-color: #cccccc;
}
table.workorder-lines-summary a {
  font-weight: 600;
}
table.workorder-lines-summary ol {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0.5em 0 0;
}
table.workorder-lines-summary li {
  display: inline-block;
}
table.workorder-lines-summary li label {
  color: #888;
  text-transform: uppercase;
  font-size: 0.9em;
  display: block;
}
table.workorder-lines-summary li input {
  padding: 6px 8px;
}
table.workorder-lines-summary > tbody > tr > td {
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
  padding: 6px;
}
table.workorder-lines-summary > tbody > tr > td > label {
  margin: 0;
}
table.workorder-lines-summary > tbody > tr > td:first-child {
  padding-left: 15px;
}
table.workorder-lines-summary > tbody > tr > td:last-child {
  padding-right: 15px;
}
table.workorder-lines-summary th.delete,
table.workorder-lines-summary td.delete {
  width: 3.25em;
  padding-right: 0;
}
table.workorder-lines-summary th.boolean,
table.workorder-lines-summary td.boolean {
  width: 15%;
}
table.workorder-lines-summary th.th-price,
table.workorder-lines-summary td.th-price {
  width: 10%;
}
table.workorder-lines-summary th.quantity,
table.workorder-lines-summary td.quantity {
  width: 8%;
}
table.workorder-lines-summary th.subtotal,
table.workorder-lines-summary td.subtotal {
  text-align: right;
  width: 12%;
}
table.workorder-lines-summary th > input[type=number],
table.workorder-lines-summary td > input[type=number] {
  width: 3em;
  text-align: center;
}
table.workorder-lines-summary thead th {
  text-align: left;
  border-bottom: 1px solid #ccc;
  background-color: #f8f8f8;
  color: #444;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: uppercase;
  padding: 6px;
}
table.workorder-lines-summary thead th:first-child {
  padding-left: 15px;
}
table.workorder-lines-summary thead th:last-child {
  padding-right: 15px;
}
table.workorder-lines-summary a.remove-link {
  color: #c00;
  font-size: 0.8em;
  margin: 0 0 0 0.5em;
}
table.workorder-lines-summary .hint {
  color: #777;
  font-size: 0.85em;
}
table.workorder-lines-summary td.price,
table.workorder-lines-summary td.money,
table.workorder-lines-summary th.th-price {
  text-align: right;
}

.workorder-line-edit {
  border-top: 1px solid #ccc;
  background-color: #f9f9f9;
}
.workorder-line-edit h4 {
  font-weight: 600;
}
.workorder-line-edit h4 a {
  border-bottom: 1px solid #3d89d1;
}
.workorder-line-edit .submit {
  clear: both;
  width: 100%;
  margin: -0.5em 0 0.5em;
}
.workorder-line-edit span.disabled {
  border: 1px solid #ccc;
  font-size: 0.8375rem;
  color: #777;
  background-color: #fff;
  padding: 8px;
  display: inline-block;
}

.workorder_edit_tool_bar {
  border-top: 1px solid #ccc;
  padding: 20px 20px 20px 80px;
  background-color: #fff;
}

.workorder_edit_tool_bar,
.submit {
  color: #999;
}
.workorder_edit_tool_bar .active,
.submit .active {
  background: #3d89d1;
  color: #fff;
  border: none;
  font-size: 1.1em;
  margin: 0 0.5em 0 0;
}
.workorder_edit_tool_bar a,
.submit a {
  color: #999;
  padding: 0;
  margin: 0;
}

#view .workorder .submit button {
  font-weight: 600;
  background-color: #eee;
  background-image: linear-gradient(center top, #fff, #eee);
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 0.9375rem;
  text-align: center;
  padding: 10px 12px;
  color: #777;
  border-radius: 3px;
}

.workorder #add_expander_holder,
#add_expander_menu_holder {
  border: none;
  padding: 0;
  margin: 0 0 -10px;
}
.workorder #add_expander_holder h2,
#add_expander_menu_holder h2 {
  margin: 0;
}
.workorder #add_expander_holder fieldset,
#add_expander_menu_holder fieldset {
  padding: 20px 20px 0;
}
.workorder #add_expander_holder label,
#add_expander_menu_holder label {
  padding: 0;
  text-align: left;
}
.workorder #add_expander_holder .submit,
#add_expander_menu_holder .submit {
  text-align: left;
  padding: 10px 20px 20px;
}

.field-placeholder {
  font-size: 0.95em;
  color: #444;
  font-weight: 600;
  display: inline-block;
  min-height: 1.6em;
  min-width: 3em;
}

.color-block {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 30px;
  margin: -2px 5px -4px -5px;
}

#reports_tab > .section, #tutorial_tab > .section, #subscription_tab > .section, #close_account_tab > .section {
  padding-top: 5px;
}
#reports_tab h3, #tutorial_tab h3, #subscription_tab h3, #close_account_tab h3 {
  font-size: 1.125rem;
  text-transform: none;
}
#reports_tab p, #tutorial_tab p, #subscription_tab p, #close_account_tab p {
  color: #333;
}
#reports_tab p.large, #reports_tab p.medium, #tutorial_tab p.large, #tutorial_tab p.medium, #subscription_tab p.large, #subscription_tab p.medium, #close_account_tab p.large, #close_account_tab p.medium {
  font-size: 2em;
  margin: 0.5em 0;
}
#reports_tab p.medium, #tutorial_tab p.medium, #subscription_tab p.medium, #close_account_tab p.medium {
  font-size: 1.3em;
  margin: 0 0 0.5em;
}
#reports_tab ul li, #tutorial_tab ul li, #subscription_tab ul li, #close_account_tab ul li {
  color: #888;
  font-size: 0.875rem;
}
#reports_tab ul a, #tutorial_tab ul a, #subscription_tab ul a, #close_account_tab ul a {
  font-weight: 600;
  font-size: 1rem;
}
#reports_tab button, #reports_tab input, #tutorial_tab button, #tutorial_tab input, #subscription_tab button, #subscription_tab input, #close_account_tab button, #close_account_tab input {
  font-size: 1.2em;
}
#reports_tab button, #tutorial_tab button, #subscription_tab button, #close_account_tab button {
  margin: 0 1em 0 0;
  padding: 10px;
  display: inline-block;
  float: none;
  border-color: #aaa;
  color: #444;
}
#reports_tab button:hover, #tutorial_tab button:hover, #subscription_tab button:hover, #close_account_tab button:hover {
  color: #3d89d1;
  background: #fff;
  border-color: blue;
}
#reports_tab button:hover i, #tutorial_tab button:hover i, #subscription_tab button:hover i, #close_account_tab button:hover i {
  color: #3d89d1;
}

#close_account_tab .action_group {
  margin-top: 4rem;
  border: 1px solid #ccc;
  padding: 5px 20px 10px;
  max-width: 480px;
}
#close_account_tab #comment-error, #close_account_tab #reason-error {
  color: #a44039;
  display: none;
}
#close_account_tab textarea, #close_account_tab select {
  font-size: 1rem;
  display: block;
  margin: 0 0 1em;
  width: 100%;
}
#close_account_tab textarea {
  padding: 10px;
}
#close_account_tab button {
  background: #a44039;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
}
#close_account_tab button:hover {
  background: #7e312c;
  color: #fff;
}

#subscription_tab .action_group ul {
  border: 1px solid #ccc;
  padding: 15px;
  background-color: #fff;
}
#subscription_tab .ui_form_field div.explanation {
  display: inline;
}
#subscription_tab h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  background: #eee;
  padding: 5px;
  margin-bottom: 1rem;
}
#subscription_tab div.subscription-disabled,
#subscription_tab div.subscription-canceled {
  padding: 20px 20px 10px;
  border: 1px solid #ccc;
  max-width: 450px;
  font-size: 1.1em;
}
#subscription_tab div.subscription-disabled h2,
#subscription_tab div.subscription-canceled h2 {
  border: none;
  font-size: 1.15em;
  text-transform: none;
  color: #666;
}
#subscription_tab div.subscription-disabled p,
#subscription_tab div.subscription-canceled p {
  color: #999;
}
#subscription_tab div.subscription-wider {
  max-width: 800px;
}
#subscription_tab .subscription-grid {
  margin-left: 0;
  margin-right: 0;
}
#subscription_tab .subscription-grid .row {
  margin-left: -10px;
}
#subscription_tab .subscription-grid .col3 {
  padding: 0 0 0 10px;
}
@media screen and (max-width: 960px) {
  #subscription_tab .subscription-grid .col3 {
    width: 33.33%;
  }
}
@media screen and (max-width: 800px) {
  #subscription_tab .subscription-grid .col3 {
    width: 50%;
  }
}
#subscription_tab .subscription-grid p {
  margin-top: 0.75em;
  line-height: 1.5;
}

#reports_tab {
  padding: 20px 30px;
}
#reports_tab::after {
  content: "";
  clear: both;
  display: table;
}
#reports_tab p {
  color: #888;
  margin: 0.5em 5px 0;
}
#reports_tab h2 {
  margin: 0;
  padding: 0 0 5px;
  font-size: 1.25rem;
  color: #333;
  border-bottom: 1px solid #999;
  font-weight: 600;
  text-transform: none;
}
#reports_tab h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  background: #eee;
  padding: 5px;
}
#reports_tab .section {
  padding: 0;
  margin: 0 0 0.5em;
  width: 48%;
  float: left;
  clear: none;
}
#reports_tab .section#reports_inventory_section, #reports_tab .section#reports_other_section, #reports_tab .section#reports_roll_up_section {
  margin-left: 4%;
}
#reports_tab .section#reports_lstoolbox_section {
  width: calc(100% + 60px);
  position: relative;
  margin: -20px 0 20px -30px;
  padding-top: 1.125rem;
  background-color: #eee;
}
#reports_tab .section#reports_lstoolbox_section h2 {
  display: inline-block;
  font-size: 1.125rem;
  text-transform: none;
  margin: 0 30px;
  border-bottom: none;
  padding: 0;
}
#reports_tab .section#reports_lstoolbox_section h2 #basic-title {
  padding: 10px 18px;
  display: inline-block;
  box-shadow: 5px 0 2px -4px rgba(0, 0, 0, 0.4);
  color: #666;
  font-weight: 600;
  background-color: #fff;
}
#reports_tab .section#reports_lstoolbox_section h2 #lstoolbox-title {
  padding: 10px 18px;
  margin-left: 5px;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: normal;
  border-bottom: none;
  text-decoration: underline;
  cursor: pointer;
  color: #3d89d1;
}
#reports_tab .section#reports_lstoolbox_section h2 .lstoolbox-title-link {
  padding: 10px 18px;
  margin-left: 5px;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: normal;
  border-bottom: none;
  cursor: pointer;
  color: #3d89d1;
}
#reports_tab .section#reports_lstoolbox_section h2 .lstoolbox-title-link span {
  text-decoration: underline;
}
#reports_tab .section#reports_lstoolbox_section h2 .lstoolbox-title-link i {
  font-size: 1rem;
}
#reports_tab .section#reports_lstoolbox_section.lstoolbox-active #basic-title {
  font-weight: normal;
  border-bottom: none;
  text-decoration: underline;
  color: #3d89d1;
  background-color: #eee;
  box-shadow: none;
  cursor: pointer;
}
#reports_tab .section#reports_lstoolbox_section.lstoolbox-active #lstoolbox-title {
  box-shadow: 5px 0 2px -4px rgba(0, 0, 0, 0.4);
  color: #666;
  font-weight: 600;
  background-color: #fff;
  text-decoration: none;
  cursor: default;
}
#reports_tab .section#reports_advanced_reporting_section {
  width: calc(100% + 60px);
  margin: -15px -30px 15px;
}
#reports_tab .section#reports_advanced_reporting_section iframe {
  width: 100%;
  border: none;
}
#reports_tab .section#reports_advanced_reporting_section p {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#reports_tab .section#reports_link_to_dashboard_section {
  float: none;
  clear: both;
  background: #e5f9fe;
  border: 1px solid #b3e8f9;
  border-radius: 4px;
  color: #909b9e;
  margin-bottom: 15px;
  padding: 15px;
}
#reports_tab .section#reports_link_to_dashboard_section #reports_link_to_dashboard_section_explanation:empty {
  display: none;
}
#reports_tab .section#reports_link_to_dashboard_section .callout {
  display: inline-block;
  font-size: 0.8rem;
}
#reports_tab .section#reports_link_to_dashboard_section .callout-btn {
  font-size: 0.8rem;
  float: right;
  margin: -5px -5px 0 0;
}
#reports_tab ul {
  margin: 3px 0 0;
}
#reports_tab li {
  font-size: 0.8125rem;
  padding: 3px 5px;
  margin: 0;
}
#reports_tab li a {
  border-bottom: 1px solid #ccc;
  color: #2a6fb1;
}
#reports_tab li a:hover {
  text-decoration: none;
  border-color: #2a6fb1;
}
#reports_tab li span.explanation::before {
  content: " - ";
}
#reports_tab .new-reports {
  display: inline-block;
  position: relative;
  margin: -5px 0 -5px 5px;
  padding: 6px 5px 4px;
  top: -2px;
  background-color: #3d89d1;
  color: white;
  font-weight: 500;
  font-size: 0.85em;
}

.roll-up-parent {
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.roll-up-reports-frame {
  width: 100%;
  border: none;
}

.image {
  margin-bottom: 10px;
  font-size: 1rem;
}
.image.workorder {
  margin-bottom: 0;
}
.image.workorder .upload {
  width: 150px;
  height: inherit;
  padding: 10px;
}
.image.workorder .upload .drop-area .dz-message {
  font-size: 13px;
  font-weight: normal;
  margin: 0.5rem 0 0.25rem;
}
.image.workorder .upload a.hide {
  top: 0;
  right: 0;
  bottom: auto;
  padding: 0 3px;
  display: inherit;
}
.image.workorder .upload a.hide i {
  font-size: 0;
}
.image.workorder .upload a.hide i::before {
  font-size: 0.85rem;
}
.image.workorder .upload.uploading .uploads {
  height: inherit;
  border: 0;
}
.image.workorder .upload.uploading .uploads .uploads-progress {
  height: inherit;
}
.image.workorder .upload.uploading .uploads .uploads-complete {
  display: none;
}
.image.workorder .upload.uploading .drop-area {
  display: none;
}
.image.workorder .upload button {
  font-size: 14px;
  padding: 4px 6px !important;
  background: none;
  border: none;
  background-color: #3d89d1;
  color: #fff;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.5s;
}
.image.workorder .upload button:hover, .image.workorder .upload button:active {
  background-color: #2a6fb1;
}
.image.workorder .upload .dz-preview {
  margin-bottom: 0;
}
.image.workorder .image-display {
  padding: 4px;
  width: 78px;
  position: relative;
}
.image.workorder .image-display .image-display-featured {
  width: 68px;
  max-height: 68px;
}
.image.workorder .image-display .image-display-footer {
  position: absolute;
  bottom: -15px;
  right: 0;
  padding: 0;
  font-size: 0;
  width: inherit;
  text-align: right;
  overflow: initial;
}
.image.workorder .image-display .image-display-count {
  font-size: 10px;
  padding: 2px 5px;
  background: #fff;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.image .image-display {
  display: none;
  padding: 20px 20px 8px;
  border: 1px solid #ccc;
}
.image .image-display .image-display-featured {
  width: 240px;
  display: block;
  margin: 0 auto;
}
.image .image-display .image-display-featured:hover, .image .image-display .image-display-featured:active {
  cursor: pointer;
}
.image .image-display .image-display-footer {
  width: 240px;
  display: block;
  margin: 0 auto;
  text-align: left;
  padding: 8px 0 3px;
  overflow: hidden;
  color: #999;
  font-size: 0.875rem;
}
.image .image-display .image-display-footer .image-display-manage {
  float: right;
  color: #3d89d1;
  display: inline-block;
}
.image .image-display .image-display-footer .image-display-manage:hover, .image .image-display .image-display-footer .image-display-manage:active {
  text-decoration: underline;
  cursor: pointer;
}
.image .prompt {
  line-height: 2.5;
  color: #666;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #eee;
}
.image .prompt.at-limit {
  font-weight: 600;
  font-size: 14px;
  color: #777;
  padding: 5px 0;
  line-height: 1.5;
}
.image .prompt.hide {
  display: none;
}
.image .prompt a#addImages {
  white-space: nowrap;
  padding: 0 10px;
  line-height: 2.5;
  color: #666;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  background-color: #eee;
}
.image .prompt a#addImages i {
  font-size: 0.85em;
}
.image .prompt a#addImages:hover, .image .prompt a#addImages:active {
  border-color: #3d89d1;
  color: #fff;
  background-color: #3d89d1;
  transition: border 0.5s, background 0.5s;
}
.image .prompt a#addImages:active {
  background-color: #2a6fb1;
  border-color: #2a6fb1;
}
.image .upload {
  border: 3px dashed #b6b6b6;
  height: 290px;
  padding: 20px;
  color: #b6b6b6;
  position: relative;
  display: table;
  width: 100%;
}
.image .upload.hide {
  display: none;
}
.image .upload.uploading {
  display: block;
}
.image .upload.uploading .uploads {
  height: 180px;
  overflow: hidden;
  border-bottom: 3px solid #b6b6b6;
}
.image .upload.uploading .uploads .uploads-progress {
  height: 140px;
  overflow: hidden;
  margin-bottom: 0.5em;
}
.image .upload.uploading .uploads .uploads-complete {
  display: block;
}
.image .upload.uploading .drop-area {
  display: block;
  position: relative;
  margin-top: 1em;
  top: 0%;
}
.image .upload.uploading .drop-area .dz-message {
  position: relative;
  font-size: 0.8em;
  margin: auto;
  display: inline-block;
  padding-right: 1em;
}
.image .upload.uploading .image-limit {
  width: 100%;
  font-size: 0.8em;
  color: #999;
  text-decoration: none;
  text-align: center;
  padding: 6px;
  display: block;
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.image .upload .uploads-complete {
  position: relative;
  font-size: 12pt;
  bottom: 10px;
  width: 100%;
  text-align: center;
  display: none;
}
.image .upload .dz-details {
  line-height: 1.2em;
}
.image .upload .dz-details-text {
  font-size: 10pt;
  font-weight: 600;
}
.image .upload .dz-details-text .dz-filename {
  color: black;
}
.image .upload .dz-filesize {
  visibility: hidden;
}
.image .upload .dz-errormessage {
  display: none;
}
.image .upload .dz-percent-complete {
  color: #3d89d1;
  font-size: 10pt;
  font-weight: 600;
}
.image .upload .dz-progress {
  background-color: #b6b6b6;
  height: 10px;
}
.image .upload .dz-progress span.dz-upload {
  display: block;
  height: 100%;
  position: relative;
  background-color: #3d89d1;
  width: 0%;
  transition: width 0.5s;
}
.image .upload .dz-progress span.dz-upload.error {
  background-color: red;
}
.image .upload .dz-preview {
  margin-bottom: 1em;
}
.image .upload .drop-area {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.image .upload .drop-area .dz-message {
  font-size: 1em;
  font-weight: 600;
  color: #777;
  margin-bottom: 1em;
}
.image .upload .drop-area .image-limit {
  position: absolute;
  left: 12px;
  bottom: 10px;
  font-size: 12px;
  color: #777;
}
.image .upload .drop-area .image-limit-workorder {
  margin-top: 15px;
  font-size: 12px;
  color: #777;
}
.image .upload a.hide {
  font-size: 0.8em;
  color: #999;
  text-decoration: none;
  padding: 6px 7px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}
.image .upload a.hide:hover, .image .upload a.hide:active {
  color: #fff;
  background-color: #3d89d1;
}
.image .upload a.hide:active {
  background-color: #2a6fb1;
  border-color: #2a6fb1;
}

body.lockscroll {
  position: static;
  overflow: hidden;
}

.product-image-lightbox {
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.product-image-lightbox .product-grid-menu {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: left;
}
.product-image-lightbox .product-grid-menu a {
  font-size: 1rem;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  margin: 8px 0 0;
  transition: all 0.3s;
  opacity: 0.5;
}
.product-image-lightbox .product-grid-menu a i {
  font-size: 24px;
  float: left;
  margin: -3px 10px 0 0;
}
.product-image-lightbox .product-grid-menu a:hover {
  opacity: 1;
}

.product-image-grid {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 580px;
  margin-top: -290px;
  z-index: 1;
}
.product-image-grid ol {
  background-color: #fff;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  padding-bottom: 4px;
  width: 772px;
  height: 100%;
  position: relative;
}
.product-image-grid li.image {
  background-color: #fff;
  padding: 4px 0 0 4px;
  width: 192px;
  height: 192px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-out;
}
.product-image-grid li.image:nth-child(1) {
  transform: translate3d(0%, 0%, 0);
}
.product-image-grid li.image:nth-child(2) {
  transform: translate3d(100%, 0%, 0);
}
.product-image-grid li.image:nth-child(3) {
  transform: translate3d(200%, 0%, 0);
}
.product-image-grid li.image:nth-child(4) {
  transform: translate3d(300%, 0%, 0);
}
.product-image-grid li.image:nth-child(5) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid li.image:nth-child(6) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid li.image:nth-child(7) {
  transform: translate3d(200%, 100%, 0);
}
.product-image-grid li.image:nth-child(8) {
  transform: translate3d(300%, 100%, 0);
}
.product-image-grid li.image:nth-child(9) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid li.image:nth-child(10) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid li.image:nth-child(11) {
  transform: translate3d(200%, 200%, 0);
}
.product-image-grid li.image:nth-child(12) {
  transform: translate3d(300%, 200%, 0);
}
.product-image-grid li.image div.image-container {
  width: 188px;
  height: 188px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.product-image-grid li.image div.image-container.product-image-blank {
  border: 1px dotted #ccc;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading {
  background-color: #b6b6b6;
  position: relative;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading span.product-image-upload-progress {
  display: block;
  height: 100%;
  background-color: #3d89d1;
  width: 0%;
  transition: width 0.5s;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading div.product-image-upload {
  position: relative;
  height: 100%;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading div.product-image-upload div.product-image-filename {
  position: absolute;
  top: 39%;
  font-size: 0.9375rem;
  color: #fff;
  width: 100%;
}
.product-image-grid li.image img {
  max-width: 188px;
  display: block;
  transition: all 0.4s;
}
.product-image-grid li.image:active img, .product-image-grid li.image:hover img {
  opacity: 0.6;
}
.product-image-grid li.image div.featured-outer {
  pointer-events: none;
}
.product-image-grid li.image div.image-upload-container-outer {
  display: table;
  width: 100%;
  height: 100%;
}
.product-image-grid li.image div.image-upload-container {
  display: table-cell;
  vertical-align: middle;
}
.product-image-grid li.image div.image-upload-container div.upload {
  border: 3px dashed;
  border-color: #b6b6b6;
  color: #b6b6b6;
  position: relative;
  margin: 0 auto;
  height: 188px;
  width: 188px;
  display: table;
}
.product-image-grid li.image div.image-upload-container div.upload.disabled {
  border: none;
}
.product-image-grid li.image div.image-upload-container div.upload button.dz-clickable:not(.cr-button) {
  background: none;
  border: none;
  background-color: #3d89d1;
  color: #fff;
  padding: 8px 12px;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.5s;
}
.product-image-grid li.image div.image-upload-container div.upload button.dz-clickable:not(.cr-button):hover, .product-image-grid li.image div.image-upload-container div.upload button.dz-clickable:not(.cr-button):active {
  background-color: #2a6fb1;
}
.product-image-grid li.image div.image-upload-container div.upload .drop-area-modal {
  text-align: center;
  display: block;
}
.product-image-grid li.image div.image-upload-container div.upload .drop-area-modal .dz-message-modal {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #888;
  margin-bottom: 1em;
}
.product-image-grid li.image div.image-upload-container div.upload .drop-area-modal .image-limit-modal {
  font-size: 12px;
  color: #777;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.product-image-grid.items8 {
  height: 452px;
  margin-top: -226px;
}
.product-image-grid.items8 div.image-container {
  width: 220px;
  height: 220px;
}
.product-image-grid.items8 div.close {
  width: 900px;
}
.product-image-grid.items8 ol {
  width: 900px;
}
.product-image-grid.items8 li.image {
  width: 224px;
  height: 224px;
}
.product-image-grid.items8 li.image div.image-container {
  width: 220px;
  height: 220px;
}
.product-image-grid.items8 li.image div.image-container img {
  max-width: 220px;
}
.product-image-grid.items8 li.image:nth-child(3) {
  transform: translate3d(200%, 0%, 0);
}
.product-image-grid.items8 li.image:nth-child(4) {
  transform: translate3d(300%, 0%, 0);
}
.product-image-grid.items8 li.image:nth-child(5) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items8 li.image:nth-child(6) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items8 li.image:nth-child(7) {
  transform: translate3d(200%, 100%, 0);
}
.product-image-grid.items8 li.image:nth-child(8) {
  transform: translate3d(300%, 100%, 0);
}
.product-image-grid.items6 {
  height: 612px;
  margin-top: -306px;
}
.product-image-grid.items6 div.image-container {
  width: 300px;
  height: 300px;
}
.product-image-grid.items6 div.close {
  width: 916px;
}
.product-image-grid.items6 ol {
  width: 916px;
}
.product-image-grid.items6 li.image {
  width: 304px;
  height: 304px;
}
.product-image-grid.items6 li.image div.image-container {
  width: 300px;
  height: 300px;
}
.product-image-grid.items6 li.image div.image-container img {
  max-width: 300px;
}
.product-image-grid.items6 li.image:nth-child(3) {
  transform: translate3d(200%, 0%, 0);
}
.product-image-grid.items6 li.image:nth-child(4) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items6 li.image:nth-child(5) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items6 li.image:nth-child(6) {
  transform: translate3d(200%, 100%, 0);
}
.product-image-grid.items6 li.image:nth-child(7) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid.items6 li.image:nth-child(8) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid.items4 {
  height: 652px;
  margin-top: -326px;
}
.product-image-grid.items4 div.image-container {
  width: 320px;
  height: 320px;
}
.product-image-grid.items4 div.close {
  width: 652px;
}
.product-image-grid.items4 ol {
  width: 652px;
}
.product-image-grid.items4 li.image {
  width: 324px;
  height: 324px;
}
.product-image-grid.items4 li.image div.image-container {
  width: 320px;
  height: 320px;
}
.product-image-grid.items4 li.image div.image-container img {
  max-width: 320px;
}
.product-image-grid.items4 li.image:nth-child(3) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items4 li.image:nth-child(4) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items4 li.image:nth-child(5) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid.items4 li.image:nth-child(6) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid.items4 li.image:nth-child(7) {
  transform: translate3d(0%, 300%, 0);
}
.product-image-grid.items4 li.image:nth-child(8) {
  transform: translate3d(100%, 300%, 0);
}
.product-image-grid.items2 {
  height: 428px;
  margin-top: -214px;
}
.product-image-grid.items2 div.image-container {
  width: 420px;
  height: 420px;
}
.product-image-grid.items2 div.close {
  width: 852px;
}
.product-image-grid.items2 ol {
  width: 852px;
}
.product-image-grid.items2 li.image {
  width: 424px;
  height: 424px;
}
.product-image-grid.items2 li.image div.image-container {
  width: 420px;
  height: 420px;
}
.product-image-grid.items2 li.image div.image-container img {
  max-width: 420px;
}
.product-image-grid.items2 li.image:nth-child(3) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items2 li.image:nth-child(4) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items2 li.image:nth-child(5) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid.items2 li.image:nth-child(6) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid.items2 li.image:nth-child(7) {
  transform: translate3d(0%, 300%, 0);
}
.product-image-grid.items2 li.image:nth-child(8) {
  transform: translate3d(100%, 300%, 0);
}

.featured-outer {
  width: 105px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}

.featured-inner {
  z-index: 2000;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  background: #fdc20c;
  text-align: center;
  top: 25px;
  left: -48px;
  width: 170px;
  padding: 5px;
  transform: rotate(-45deg);
  position: relative;
}

.product-image-slideshow {
  overflow: hidden;
}
.product-image-slideshow ol {
  list-style: none;
  padding: 0;
}
.product-image-slideshow .product-slideshow-menu {
  width: 100%;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2000;
}
.product-image-slideshow .product-slideshow-menu a {
  transition: all 0.3s;
  opacity: 0.5;
}
.product-image-slideshow .product-slideshow-menu a:hover {
  opacity: 1;
}
.product-image-slideshow .product-slideshow-menu a.featured {
  opacity: 1;
}
.product-image-slideshow .product-slideshow-menu a.featured i {
  color: #fbb238;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-menu-item a {
  font-size: 1rem;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  margin: 8px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-menu-item a i {
  font-size: 24px;
  float: left;
  margin: -3px 10px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item {
  float: right;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item a {
  font-size: 1rem;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  margin: 8px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item a i {
  font-size: 24px;
  float: left;
  margin: -3px 10px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item a.delete {
  color: #555;
  background: #fff;
  border-radius: 3px;
  padding: 10px 12px;
  margin: 18px 20px 0 0;
}
.product-image-slideshow .product-slideshow-controls {
  padding: 0;
  margin: 0;
}
.product-image-slideshow .product-slideshow-controls div.product-slideshow-control {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10%;
  text-align: center;
  z-index: 1100;
}
.product-image-slideshow .product-slideshow-controls div.product-slideshow-control:last-child {
  left: auto;
  right: 0;
}
.product-image-slideshow .product-slideshow-controls a {
  color: #fff;
  text-decoration: none;
  opacity: 0.4;
  height: 100%;
  width: 100%;
  display: table;
  transition: all 0.3s;
}
.product-image-slideshow .product-slideshow-controls a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 4em;
}
.product-image-slideshow .product-slideshow-controls a:hover {
  opacity: 1;
}
.product-image-slideshow .product-slideshow-photos {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}
.product-image-slideshow .product-slideshow-photos li.product-slideshow-photo {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.product-image-slideshow .product-slideshow-photos li.product-slideshow-photo img {
  margin: 0 auto;
  max-width: 60%;
}
.product-image-slideshow .product-slideshow-photos li.product-slideshow-photo .product-slideshow-description {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  text-align: center;
}

.import-heading, .export-heading {
  margin: 0.25em 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #444;
}

.import-subheading, .export-subheading {
  margin: 0 0 1em;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #777;
}

label.export-subheading {
  font-size: 0.875rem;
  color: #555;
  display: block;
}

.import-paragraph {
  margin: 0.75em 0 0.5em;
  color: #444;
  font-size: 0.8125rem;
  line-height: 1.5;
  max-width: 38em;
}

.import-notice {
  background: #fef3d3;
  padding: 15px 30px;
  margin: -16px -30px 30px;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 1rem;
  min-height: 54px;
}
.import-notice a.delete {
  float: right;
  color: #a44039;
}
.import-notice .right-link {
  float: right;
}

.import-notice-beta::before {
  content: "BETA";
  background: #3d89d1;
  color: #fff;
  padding: 6px 10px;
  font-weight: 600;
  border-radius: 4px;
  margin: -10px 0.5em -10px 0;
}

.import-block, .export-block {
  display: block;
  padding: 1em;
  color: #666;
  border: 1px solid #ccc;
  margin-bottom: -1px;
}
.import-block .validation-failure, .export-block .validation-failure {
  display: none;
  border-bottom: 3px solid #a44039;
  background-color: #fee;
  color: #a44039;
  padding: 0.75em 1.25em;
  margin: -1.05em -1.05em 0.625em;
}
.import-block h2, .export-block h2 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
.import-block h4, .export-block h4 {
  margin: 0;
  color: #555;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.import-block p, .export-block p {
  font-size: 0.9375rem;
  color: #777;
  margin: 0 0 1em;
  line-height: 1.4;
}
.import-block p small, .export-block p small {
  font-size: 0.85rem;
  margin: 0 0 0 1.5rem;
}
.import-block .import-line-count, .export-block .import-line-count {
  margin: 0;
  padding: 0 0 0.5em;
}
.import-block ol, .import-block ul, .export-block ol, .export-block ul {
  padding: 0;
  margin: 0.25em 0;
  list-style: none;
}
.import-block li, .export-block li {
  margin-bottom: 0.25em;
  font-size: 0.9375rem;
  line-height: 1.25;
}
.import-block .icon-spin, .export-block .icon-spin {
  float: left;
  margin: 3px 15px 0 -15px;
  font-size: 2rem;
  color: #999;
}
.import-block strong, .export-block strong {
  color: #111;
}

.import-failure-errors strong {
  color: #a44039;
}

.import-upload-button {
  background-color: #f8f8f8;
  text-align: center;
  display: block;
  padding: 25px 0;
  float: left;
  width: 48%;
  margin-bottom: 0;
  border: 1px solid #ccc;
}
.import-upload-button .validation-failure {
  display: block;
  margin: -25px 0 0.625em;
}
.import-upload-button h2 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
.import-upload-button p {
  margin: 0;
  color: #888;
  font-size: 0.8125rem;
}
.import-upload-button:first-of-type {
  margin-right: 4%;
}
.import-upload-button:hover {
  cursor: pointer;
  border-color: #3d89d1;
  background: none;
}
.import-upload-button:hover h2 {
  color: #3d89d1;
}
.import-upload-button:active {
  background: #3d89d1;
  border-color: #3d89d1;
}
.import-upload-button:active h2 {
  color: #fff;
}
.import-upload-button:active p {
  color: #a4c8e9;
}
.import-upload-button.full-width {
  width: 100%;
  margin-right: 0;
}

.import-upload-button-single {
  max-width: 36rem;
  margin: 0 auto;
  width: 100%;
}

.import-update-existing {
  position: relative;
  max-width: 36rem;
  display: block;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  font-size: 0.9375rem;
}
.import-update-existing input {
  font-size: 1rem;
  display: inline-block;
  margin-right: 6px;
}
.import-update-existing:hover {
  cursor: pointer;
  color: #666;
  border-color: #bbb;
}
.import-update-existing p {
  display: none;
  position: absolute;
  top: 2.7em;
  background-color: #5a5a5a;
  border-radius: 0.34em;
  padding: 0.6em 1em;
  margin: auto;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.5;
  width: 20em;
  z-index: 50;
}
.import-update-existing p::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  top: -0.8em;
  left: 3.3em;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
  border-bottom: 0.8em solid #5a5a5a;
}
.import-update-existing:hover p:first-of-type {
  display: block;
}
.import-update-existing.import-update-existing-po {
  text-align: center;
  margin-top: 0.5em;
}

.import-email-address:hover, .export-email-address:hover {
  cursor: pointer;
  color: #666;
  border-color: #bbb;
}

.import-warning, .export-warning {
  background-color: #ffc;
  margin-bottom: 3em;
}
.import-warning .note, .export-warning .note {
  font-size: 0.9375rem;
  color: #999;
  margin-bottom: 0;
}
.import-warning .submit, .export-warning .submit {
  color: #aaa;
  margin: 0;
  font-size: 1rem;
}
.import-warning .submit button, .export-warning .submit button {
  font-size: 1rem;
}
.import-warning .submit a, .export-warning .submit a {
  color: #3d89d1;
  font-size: 1rem;
  border-bottom: 1px solid #3d89d1;
  padding-bottom: 1px;
}
.import-warning .submit a:hover, .export-warning .submit a:hover {
  color: #2a6fb1;
}

h2.import-success-message {
  color: #589141;
}

h2.import-failure-message {
  color: #a44039;
}

h2#recent_import_listing_view_title {
  display: none;
}

.import-preview table {
  border: 1px solid #ddd;
  margin: 1em 0;
}
.import-preview table th.match {
  padding-left: 56px;
}
.import-preview table td.column_heading strong {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 13rem;
  white-space: nowrap;
  display: inline-block;
  padding-top: 3px;
}
.import-preview table td.column_heading strong:hover {
  width: auto;
}
.import-preview table td.match::before {
  content: "\2192";
  display: inline-block;
  float: left;
  width: 50px;
}
.import-preview table td.sample {
  font-family: "Courier", fixed;
}
.import-preview table .column_heading {
  width: 20%;
}
.import-preview table .match {
  width: 25%;
  min-width: 20rem;
}
.import-preview table .match select {
  width: calc(100% - 75px);
}
.import-preview table .sample {
  width: 60%;
}
.import-preview table tr:hover td {
  background-color: #ffc;
}

.import-preview-shop select {
  font-size: 1rem;
  margin: 0 0 0.75em;
}
.import-preview-shop .checkbox {
  font-weight: bold;
  color: #000;
  font-size: 0.9375rem;
  display: block;
}
.import-preview-shop .checkbox input {
  font-size: 1rem;
}
.import-preview-shop .checkbox small {
  font-weight: normal;
  color: #777;
}

.import-status button {
  float: right;
  margin-top: 8px;
  background: #888;
  color: #fff;
  border: none;
}
.import-status.summary {
  background-color: #f8f8f8;
  border-bottom: none;
  padding: 25px 20px;
}
.import-status .validation-failure {
  margin: -25px -20px 10px;
}

.import-email-address, .export-email-address {
  background: #f8f8f8;
  overflow: hidden;
}
.import-email-address label, .export-email-address label {
  color: #555;
  display: block;
  font-size: 0.875rem;
}
.import-email-address input, .export-email-address input {
  padding: 6px;
  margin-top: 0.5em;
  min-width: 18rem;
  color: #555;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 2px 2px #eee;
}

.upload-buttons {
  margin-bottom: 1em;
  height: 6.5em;
}

h2.import-welcome {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
h2.import-welcome small {
  font-weight: normal;
  font-size: 1rem;
  color: #999;
  font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
}

.import-images-summary {
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 15px;
  position: relative;
  margin-bottom: 1em;
}
.import-images-summary .unattached-images {
  float: left;
  background-color: #ffc;
  font-weight: normal;
  padding: 10px 15px;
  margin: -9px 12px -9px -22px;
  border: 1px solid #ccc;
  color: #666;
  cursor: pointer;
}
.import-images-summary strong {
  color: #666;
  margin: 0;
  font-size: 1.125rem;
  cursor: pointer;
}
.import-images-summary a {
  position: absolute;
  top: 1rem;
  right: 0.9375rem;
  text-align: right;
  font-size: 0.9375rem;
  text-decoration: none;
}
.import-images-summary a:hover {
  text-decoration: underline;
}

h2.import {
  font-weight: 600;
  margin: 1.25em 0 0.5em;
}
h2.import small {
  font-weight: normal;
  font-size: 1rem;
  color: #999;
}

h3.import {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}

.transfer-items td.error {
  background-color: #fee;
  color: #a44039;
  border-left: 1px solid #a44039;
  border-right: 1px solid #a44039;
  font-weight: bold;
}
.transfer-items td.warning {
  background-color: #ffc;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  font-weight: bold;
}

.transfer-list {
  /* Status Column */
}
.transfer-list td:nth-child(2) {
  padding: 0 0 5px 5px;
}
.transfer-list a span.cr-badge {
  white-space: nowrap;
  display: inline-block;
  margin: 5px 5px 0 0;
}

#view.edit_transfer {
  border-bottom: none;
}

.edit_transfer {
  border-bottom: none;
}
.edit_transfer .view_tab_details .content {
  padding: 0;
}
.edit_transfer .view-layout > tbody > tr:not(:first-child):not(:nth-child(2)) > td {
  padding: 0 0 0 15px;
}
.edit_transfer .view-layout > tbody > tr:not(:first-child):not(:nth-child(2)) > td:last-child {
  padding: 0 15px 0 15px;
}
.edit_transfer .transfer-container__field {
  padding: 0 0 15px 0;
}
.edit_transfer .transfer-container__field > table {
  margin: 0;
  border-bottom: solid 1px #ddd;
}
.edit_transfer .transfer-view {
  display: flex;
  padding: 15px;
}
.edit_transfer .transfer-view__summary {
  width: 33%;
  padding-right: 15px;
}
.edit_transfer .transfer-view__created-by {
  margin-top: 0.75rem;
}
.edit_transfer .transfer-view__sent {
  margin-top: 0.75rem;
}
.edit_transfer .transfer-view__details {
  flex: 1;
}
.edit_transfer .transfer-view__shops {
  display: flex;
  vertical-align: bottom;
}
.edit_transfer .transfer-view__sending-shop {
  flex: 1;
}
.edit_transfer .transfer-view__shops-spacer {
  align-self: flex-end;
  line-height: 2.4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.edit_transfer .transfer-view__receiving-shop {
  flex: 1;
}
.edit_transfer .transfer-view__need-by {
  display: flex;
}
.edit_transfer .transfer-view__need-by-label {
  flex: 1;
  align-self: center;
}
.edit_transfer .transfer-view__need-by-date {
  display: flex;
}
.edit_transfer .transfer-view__need-by-date .date-wrapper {
  margin-right: 0.75rem;
}
.edit_transfer .transfer-view__notes--add-items {
  height: 176px;
}
.edit_transfer .transfer-view__notes--receive {
  height: 98px;
}
.edit_transfer .transfer-view__mark-all-received-text {
  width: 200px;
}
.edit_transfer .transfer-view_receive-all .form_field_holder,
.edit_transfer .transfer-view_receive-item .form_field_holder {
  padding: 0 6px;
  height: 50px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-right: none;
  vertical-align: middle;
}
.edit_transfer .transfer-view_receive-all .view_functions,
.edit_transfer .transfer-view_receive-item .view_functions {
  padding: 0 6px;
  height: 50px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #eee;
  vertical-align: middle;
  text-align: right;
}
.edit_transfer .transfer-view_receive-item .view_functions {
  padding: 0 6px 0 0;
}
.edit_transfer .transfer-view_receive-item input {
  height: 35px;
}
.edit_transfer .transfer-view_receive-item > table > tbody > tr > td:first-child {
  width: 60px;
}
.edit_transfer .transfer-view_receive-item > table > tbody > tr > td:nth-child(2) {
  width: 30px;
}
.edit_transfer .transfer-view_receive-item > table > tbody > tr > td:last-child {
  width: 73px;
}
.edit_transfer input.transfer-view__item-search {
  width: 100%;
  border: 1px solid #ccc;
}
.edit_transfer input.transfer-view__item-qty {
  width: 40px;
  text-align: center;
  border: 1px solid #ccc;
}
.edit_transfer .transfer-view_receive-item .form_field_holder,
.edit_transfer .transfer-view_receive-item .view_functions {
  height: 50px;
  line-height: 50px;
}
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn {
  width: auto;
  padding: 8px 12px;
  border-radius: 3px;
  transition: all 0.3s;
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -8px;
}
.edit_transfer button.transfer-view__add-received {
  background: #f6b444;
  border-color: #f6b444;
  margin: -22px 0 0 0;
  float: right;
}
.edit_transfer button.transfer-view__add-received:hover {
  border-color: #f4a013;
  background: #f4a013;
}
.edit_transfer button.transfer-view__add-received:active {
  border-color: #f8c875;
  background: #f8c875;
}
.edit_transfer .cr-card {
  overflow: visible;
}
.edit_transfer .date-wrapper::after {
  color: #383d3d;
}
.edit_transfer .time-wrapper::after {
  color: #383d3d;
}
.edit_transfer .date-time-wrapper input[type=text],
.edit_transfer .time-wrapper input[type=text] {
  border-radius: 0.1875rem;
}
.edit_transfer .listing tbody td.group table span {
  margin-left: 0;
}
.edit_transfer table.transfer-items th.add_order {
  width: 50px;
}
.edit_transfer .functions button.check-in,
.edit_transfer .functions button.send-items {
  margin-right: 6px;
}
.edit_transfer .functions button.duplicate,
.edit_transfer .functions button.restore,
.edit_transfer .functions button.archive {
  margin-left: 0;
  margin-right: 6px;
}

/* OMNI Gift Card form in Register */
/*
  Card
  ======
  A blank canvas, and wrapper for our user interfaces.

  Documentation: https://design.lightspeedhq.com/components/Card/
*/
/*
  Card
  ======
  An organisational indicator specifying of a data point which part of a whole it belongs to.

  Documentation: https://design.lightspeedhq.com/components/Tag/
*/
/*
  Text, Heading
  ========
  The essence of written communication, beautifully styled for all your legibility needs.

  Documentation: https://design.lightspeedhq.com/components/Text/
*/
/*
  Badge
  ======
  A badge communicates the status of an item or event when placed beside it.

  Base:       fl-badge
  Types:      fl-badge-pill
  Sizes:      fl-badge-small
  Colors:     fl-badge-success | fl-badge-info | fl-badge-danger
  Modifiers:   fl-badge-block

  Documentation: https://design.lightspeedhq.com/components/Button/
*/
.fl-badge {
  display: inline-flex;
  align-items: center;
  text-align: center;
  font-weight: 700;
  color: #18191d;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  background-color: #d7dce1;
  border-radius: 0.1875rem;
}
.fl-badge-small {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fl-badge-pill {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 10rem;
}
.fl-badge-pill.fl-badge-small {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  border-radius: 10rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fl-badge-success {
  background-color: #0ead30;
  color: #fff;
}
.fl-badge-warning {
  background-color: #ea891e;
  color: #fff;
}
.fl-badge-info {
  background-color: #2e61de;
  color: #fff;
}
.fl-badge-danger {
  background-color: #de2e37;
  color: #fff;
}
.fl-badge-block {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
  Buttons Group
  ======
  Group a series of buttons together on a single line with the button group
*/
.fl-button-group {
  display: inline-flex;
}
.fl-button-group > .fl-button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fl-button-group > .fl-button:first-child {
  margin-left: 0;
}
.fl-button-group > .fl-button:last-child:not(:first-child), .fl-button-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fl-button-group > .fl-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.fl-button-group .fl-button + .fl-button,
.fl-button-group .fl-button + .fl-button-group,
.fl-button-group .fl-button-group + .fl-button,
.fl-button-group .fl-button-group + .fl-button-group {
  margin-left: -1px;
}
.fl-button-group > .fl-button + .dropdown-toggle {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.fl-button-group-block {
  display: flex;
  width: 100%;
}
.fl-button-group-block .fl-button {
  width: 100%;
}

/*
  Button
  ======
  Buttons are used to take action or confirm a decision. They help merchants get things done.

  Base:       fl-button
  Sizes:      fl-button-small | fl-button-medium | fl-button-large | fl-button-xlarge
  Colors:
    Fill:     fl-button-primary | fl-button-secondary | fl-button-danger | fl-button-neutral
    Outline:  fl-button-outline-primary | fl-button-outline-secondary | fl-button-outline-danger
  Modifiers:  fl-button-block | fl-button-wide | fl-button-narrow
  States:     disabled | loading | active

  Documentation: https://design.lightspeedhq.com/components/Button/
*/
.fl-button {
  -webkit-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  line-height: 1;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
  text-align: center;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  transition-property: background, border, box-shadow, color;
  transition-duration: 100ms;
  border: 1px solid transparent;
  cursor: pointer;
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 0.875rem;
  border-radius: 0.1875rem;
}
.fl-button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  box-shadow: none;
}
.fl-button:focus {
  outline: 0;
  box-shadow: 0 0 3px rgba(46, 97, 222, 0.2);
}
.fl-button-small {
  min-height: 1.875rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
}
.fl-button-medium {
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 0.875rem;
  border-radius: 0.1875rem;
}
.fl-button-large {
  min-height: 2.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
  border-radius: 0.1875rem;
}
.fl-button-xlarge {
  min-height: 3.375rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  font-size: 1.125rem;
  border-radius: 0.375rem;
}
.fl-button-primary {
  background-image: linear-gradient(180deg, #0ead30, #059118);
  background-color: #0ead30;
  border-color: #006f07;
  color: #fff;
}
.fl-button-primary:hover {
  color: #fff;
  background-color: #059118;
  background-image: linear-gradient(180deg, #059118, #059118);
}
.fl-button-primary:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-primary.active {
  color: #059118;
  background-color: #fff;
  background-image: linear-gradient(180deg, #fff, #fff);
  border-color: #059118;
  z-index: 1;
}
.fl-button-primary:focus {
  box-shadow: 0 0 3px rgba(14, 173, 48, 0.2);
}
.fl-button-secondary {
  background-image: linear-gradient(180deg, #537dec, #2e61de);
  background-color: #537dec;
  border-color: #1844cc;
  color: #fff;
}
.fl-button-secondary:hover {
  color: #fff;
  background-color: #2e61de;
  background-image: linear-gradient(180deg, #2e61de, #2e61de);
}
.fl-button-secondary:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-secondary.active {
  color: #2e61de;
  background-color: #fff;
  background-image: linear-gradient(180deg, #fff, #fff);
  border-color: #1844cc;
  z-index: 1;
}
.fl-button-secondary:focus {
  box-shadow: 0 0 3px rgba(83, 125, 236, 0.2);
}
.fl-button-danger {
  background-image: linear-gradient(180deg, #ed5153, #de2e37);
  background-color: #ed5153;
  border-color: #cc1820;
  color: #fff;
}
.fl-button-danger:hover {
  color: #fff;
  background-color: #de2e37;
  background-image: linear-gradient(180deg, #de2e37, #de2e37);
}
.fl-button-danger:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-danger.active {
  color: #de2e37;
  background-color: #fff;
  background-image: linear-gradient(180deg, #fff, #fff);
  border-color: #cc1820;
  z-index: 1;
}
.fl-button-danger:focus {
  box-shadow: 0 0 3px rgba(237, 81, 83, 0.2);
}
.fl-button-neutral {
  background-image: linear-gradient(180deg, #fff, #f2f5f8);
  background-color: #fff;
  border-color: #bcc4ca;
  color: #2f3137;
}
.fl-button-neutral:hover {
  color: #2f3137;
  background-color: #f2f5f8;
  background-image: linear-gradient(180deg, #f2f5f8, #f2f5f8);
}
.fl-button-neutral:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-neutral.active {
  color: #fff;
  background-color: #2e61de;
  background-image: linear-gradient(180deg, #537dec, #2e61de);
  border-color: #1844cc;
  z-index: 1;
}
.fl-button-neutral:focus {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
}
.fl-button-outline-primary {
  background-color: #fff;
  border-color: #059118;
  color: #059118;
}
.fl-button-outline-primary:hover {
  color: #059118;
  background-color: #f5fff6;
}
.fl-button-outline-primary:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-outline-primary.active {
  color: #fff;
  background-color: #0ead30;
  z-index: 1;
}
.fl-button-outline-primary:focus {
  box-shadow: 0 0 3px rgba(5, 145, 24, 0.2);
}
.fl-button-outline-secondary {
  background-color: #fff;
  border-color: #2e61de;
  color: #2e61de;
}
.fl-button-outline-secondary:hover {
  color: #2e61de;
  background-color: #f5f7ff;
}
.fl-button-outline-secondary:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-outline-secondary.active {
  color: #fff;
  background-color: #537dec;
  z-index: 1;
}
.fl-button-outline-secondary:focus {
  box-shadow: 0 0 3px rgba(46, 97, 222, 0.2);
}
.fl-button-outline-danger {
  background-color: #fff;
  border-color: #de2e37;
  color: #de2e37;
}
.fl-button-outline-danger:hover {
  color: #de2e37;
  background-color: #fff5f5;
}
.fl-button-outline-danger:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.fl-button-outline-danger.active {
  color: #fff;
  background-color: #ed5153;
  z-index: 1;
}
.fl-button-outline-danger:focus {
  box-shadow: 0 0 3px rgba(222, 46, 55, 0.2);
}
.fl-button-transparent {
  border-color: transparent;
  background: transparent;
}
.fl-button-link {
  color: #1844cc;
  border-color: transparent;
  background: transparent;
}
.fl-button-link:hover {
  color: #059118;
}
.fl-button-block {
  display: flex;
  width: 100%;
  text-align: center;
}
.fl-button-wide {
  padding-left: 3rem;
  padding-right: 3rem;
}
.fl-button-narrow {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.fl-button.disabled, .fl-button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  box-shadow: none;
}
.fl-button.loading {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  box-shadow: none;
}

/*
  Checkbox
  ========
  Used to specify choices among large groups of options.

  Documentation: https://design.lightspeedhq.com/components/Checkbox/
*/
.fl-checkbox-wrapper {
  position: relative;
  line-height: 1rem;
}
.fl-checkbox-input {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0px;
  left: 0px;
  opacity: 0;
  z-index: 1;
  padding: 0px;
  margin: 0px;
}
.fl-checkbox-input:checked + .fl-checkbox-checkmark {
  background: linear-gradient(#537dec, #2e61de);
  border-color: #1844cc;
}
.fl-checkbox-input:checked + .fl-checkbox-checkmark:after {
  display: block;
}
.fl-checkbox-input:not(:checked) + .fl-checkbox-checkmark:after {
  display: none;
}
.fl-checkbox-input:focus + .fl-checkbox-checkmark {
  box-shadow: #fff 0px 0px 0px 1px, #2e61de 0px 0px 0px 3px;
}
.fl-checkbox-input[disabled] + .fl-checkbox-checkmark {
  opacity: 0.5;
}
.fl-checkbox-checkmark {
  position: relative;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  cursor: default;
  margin-right: 0.75rem;
  flex: 0 0 auto;
  border-radius: 0.1875rem;
  border-width: 1px;
  border-style: solid;
  border-color: #bcc4ca;
  border-image: initial;
  overflow: hidden;
  background: linear-gradient(#fff, #f2f5f8);
}
.fl-checkbox-checkmark:after {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-54%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.662 12.508c.656.686 1.735.65 2.345-.079l5.6-6.68c.58-.692.51-1.74-.157-2.342a1.561 1.561 0 0 0-2.259.164L6.802 8.81 4.738 6.822a1.56 1.56 0 0 0-2.264-.01 1.704 1.704 0 0 0-.01 2.347l3.198 3.348z'%3E%3C/path%3E%3C/svg%3E");
}

/*
  Input Group Addon
  ======
  These addons are used inside Input Groups alongside Inputs
*/
.fl-input-group-addon {
  display: flex;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  background-color: #f2f5f8;
  border: solid 1px #bcc4ca;
  border-radius: 0.1875rem;
  align-items: center;
}
.fl-input-group-addon > label {
  margin: 0;
}

/*
  Input Group
  ======
  Group a series of inputs and addons together on a single line.
*/
.fl-input-group {
  display: flex;
}
.fl-input-group > :first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fl-input-group > :first-child {
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fl-input-group > :not(:last-child):not(:first-child) {
  border-left: none;
  border-radius: 0;
}
.fl-input-group > :last-child:not(:first-child) {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
  Input
  ======
  The Acceptor of User Information, Messenger of the Internet Gods.

  Label
  Description
  -----------------------------
  | Group                     |
  | ------------------------- |
  | | Addon | Input         | |
  | ------------------------- |
  -----------------------------
  Caption

  Base:       fl-input
  Sizes:      fl-input-small | fl-input-large
  Modifiers:   has-prefix | has-suffix | readonly
  States:     disabled | focus | active
  Status:     valid | error | warning

  Documentation: https://design.lightspeedhq.com/components/Button/
*/
.fl-input {
  width: 100%;
  flex: 1 1 0%;
  box-sizing: border-box;
  height: 2.25rem;
  line-height: 2.25rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: solid 1px transparent;
  background: #fff;
  color: #464a51;
  min-width: 0;
  transition: all 100ms ease-in-out;
  border-radius: 0.1875rem;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
  border: solid 1px #bcc4ca;
  transition: border-color 100ms ease-in-out;
}
.fl-input:disabled {
  opacity: 1;
  color: #8b939b;
  background: #f2f5f8;
  -webkit-text-fill-color: currentColor;
}
.fl-input:focus, .fl-input:active {
  outline: none;
}
.fl-input:not([disabled]):not([readonly]):hover {
  border-color: #a3abb3;
}
.fl-input:not([disabled]):not([readonly]):focus {
  border-color: #2e61de;
}
.fl-input:not([disabled]):not([readonly]):active {
  border-color: #2e61de;
}
.fl-input-label {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
  margin: 0px 0px 0.375rem;
}
.fl-input-description {
  display: block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0px 0px 0.375rem;
}
.fl-input-caption {
  color: #5c626a;
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: block;
  margin: 0.375rem 0px 0px;
}
.fl-input-small {
  font-size: 0.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
.fl-input-large {
  font-size: 1rem;
  height: 2.625rem;
  line-height: 2.625rem;
}
.fl-input.readonly {
  color: #464a51;
}
.fl-input.has-prefix {
  padding-left: 0;
}
.fl-input.has-suffix {
  padding-right: 0;
}
.fl-input.placeholder {
  color: #8b939b;
}
.fl-input.active {
  outline: none;
}
.fl-input.disabled {
  opacity: 1;
  color: #8b939b;
  background: #f2f5f8;
  -webkit-text-fill-color: currentColor;
}
.fl-input.focus {
  outline: none;
}
.fl-input.valid {
  fill: #0ead30;
}
.fl-input.error {
  border-color: #de2e37;
}
.fl-input.warning {
  fill: #ea891e;
}
textarea.fl-input {
  min-height: 3.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.2;
  resize: vertical;
}

/*
  Progress
  ======
  A linear indicator showing the progression of longstanding tasks.

  Documentation: https://design.lightspeedhq.com/components/Progress/
*/
.fl-progress-bar {
  width: 0%;
  height: 100%;
  border-radius: 0.375rem;
  animation: flProgressBarAnimation 3s linear infinite;
  transition: width 500ms ease-in-out;
}
.fl-progress-bar-wrapper {
  width: 100%;
  height: 0.375rem;
  background: #d7dce1;
  border-radius: 0.375rem;
}
.fl-progress-bar-static {
  background: #2e61de;
}
.fl-progress-bar-determinate {
  background: #d7dce1 linear-gradient(45deg, #2e61de 0%, #829ff5 25%, #2e61de 75%, #829ff5 100%);
  background-size: 400% 400%;
}
@keyframes flProgressBarAnimation {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.fl-progress-bar-indeterminate {
  background: #d7dce1 linear-gradient(45deg, #2e61de 0%, #829ff5 25%, #2e61de 75%, #829ff5 100%);
  background-size: 400% 400%;
  width: 100%;
}
@keyframes flProgressBarAnimation {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

/*
  Radio
  =====
  Offers users a single choice, among a small set.

  Documentation: https://design.lightspeedhq.com/components/Radio/
*/
.fl-radio-wrapper {
  position: relative;
  line-height: 1rem;
}
.fl-radio-input {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0px;
  left: 0px;
  opacity: 0;
  z-index: 1;
  padding: 0px;
  margin: 0px;
}
.fl-radio-input:checked + .fl-radio-checkmark {
  background: linear-gradient(#537dec, #2e61de);
  border-color: #1844cc;
}
.fl-radio-input:checked + .fl-radio-checkmark:after {
  display: block;
}
.fl-radio-input:not(:checked) + .fl-radio-checkmark:after {
  display: none;
}
.fl-radio-input:focus + .fl-radio-checkmark {
  box-shadow: #fff 0px 0px 0px 1px, #2e61de 0px 0px 0px 3px;
}
.fl-radio-input[disabled] + .fl-radio-checkmark {
  opacity: 0.5;
}
.fl-radio-checkmark {
  position: relative;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  cursor: default;
  margin-right: 0.75rem;
  flex: 0 0 auto;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #bcc4ca;
  border-image: initial;
  overflow: hidden;
  background: linear-gradient(#fff, #f2f5f8);
}
.fl-radio-checkmark:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: linear-gradient(#fff, #f2f5f8);
}

/*
  Select
  ======
  Offers users a single choice, among a medium-sized set of options.

  Documentation: https://design.lightspeedhq.com/components/Select/
*/
.fl-select {
  width: 100%;
  display: inline-flex;
  color: #2f3137;
  font-size: 0.875rem;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  height: 2.25rem;
  padding: 0 1.5rem 0 0.75rem;
  border: 1px solid #bcc4ca;
  border-radius: 0.1875rem;
  line-height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='%23494c4c'%3E%3Cg id='chevron-up-down'%3E%3Cpath id='base-1' d='M8 12l2-2 1 1-3 3-3-3 1-1 2 2zm0-8L6 6 5 5l3-3 3 3-1 1-2-2z'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #fff, #f2f5f8);
  -webkit-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  background-position: right 0.375rem center, center;
  z-index: 2;
  /* IE 11 fix to remove default dropdown arrow */
  /* Firefox fix to remove inner outline on focus
  // https://twitter.com/sarasoueidan/status/720890849748480002 */
}
.fl-select:focus {
  outline: none;
  border-color: #2e61de;
}
.fl-select:disabled, .fl-select[disabled] {
  box-shadow: none;
  opacity: 0.5;
}
.fl-select:not([disabled]):not([readonly]):hover {
  border-color: #a3abb3;
}
.fl-select:not([disabled]):not([readonly]):focus {
  border-color: #2e61de;
}
.fl-select:not([disabled]):not([readonly]):active {
  border-color: #2e61de;
}
.fl-select::-ms-expand {
  display: none;
}
.fl-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #2f3137;
}

/*
  Spinner
  =======
  Offers solace and mutual understanding that a task of unknowable duration (but usually short) is ongoing.

  Documentation: https://design.lightspeedhq.com/components/Spinner/
*/
.fl-spinner {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  animation: 1s cubic-bezier(0.35, 0.3, 0.3, 0.35) 0s infinite normal none running :local(flSpinnerRotation);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23667080'%3E%3Cpath d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-3A5 5 0 1 0 8 3a5 5 0 0 0 0 10z' opacity='.3'%3E%3C/path%3E%3Cpath d='M8 13a1.5 1.5 0 0 1 0 3A8 8 0 0 1 .323 5.742a1.5 1.5 0 1 1 2.879.846A5 5 0 0 0 8 13z'%3E%3C/path%3E%3C/svg%3E");
}
@keyframes flSpinnerRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fl-spinner-white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-3A5 5 0 1 0 8 3a5 5 0 0 0 0 10z' opacity='.3'%3E%3C/path%3E%3Cpath d='M8 13a1.5 1.5 0 0 1 0 3A8 8 0 0 1 .323 5.742a1.5 1.5 0 1 1 2.879.846A5 5 0 0 0 8 13z'%3E%3C/path%3E%3C/svg%3E");
}
.fl-spinner-small {
  width: 0.875rem;
  height: 0.875rem;
}
.fl-spinner-large {
  width: 1.125rem;
  height: 1.125rem;
}
.fl-spinner-xlarge {
  width: 1.5rem;
  height: 1.5rem;
}
.fl-spinner-xxlarge {
  width: 2.25rem;
  height: 2.25rem;
}

/*
  Tag
  ======
  An organisational indicator specifying of a data point which part of a whole it belongs to.

  Documentation: https://design.lightspeedhq.com/components/Tag/
*/
.fl-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #fff;
  background-color: #2e61de;
}

.fl-h1 {
  color: #020203;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.375rem;
  margin: 0px;
}

.fl-h2 {
  color: #020203;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0px;
}

.fl-h3 {
  color: #020203;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin: 0px;
}

.fl-h4 {
  color: #020203;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0px;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
}

.fl-caption {
  color: #5c626a;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.fl-serif {
  font-family: serif;
}

.fl-sans-serif {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.fl-monospace {
  font-family: monospace;
}

.fl-regular {
  font-weight: 400;
}

.fl-bold {
  font-weight: 700;
}

.fl-text-xxl {
  font-size: 2.25rem;
}

.fl-text-xl {
  font-size: 1.5rem;
}

.fl-text-l {
  font-size: 1.125rem;
}

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

.fl-text-s {
  font-size: 0.875rem;
}

.fl-text-xs {
  font-size: 0.75rem;
}

.fl-text-xxs {
  font-size: 0.5rem;
}

.fl-letter-spacing-normal {
  letter-spacing: normal;
}

.fl-letter-spacing-1 {
  letter-spacing: 0.03125rem;
}

.fl-letter-spacing-2 {
  letter-spacing: 0.0625rem;
}

.fl-letter-spacing-3 {
  letter-spacing: 0.09375rem;
}

.fl-m-0 {
  margin: 0;
}

.fl-m-1 {
  margin: 0.375rem;
}

.fl-m-2 {
  margin: 0.75rem;
}

.fl-m-3 {
  margin: 1.125rem;
}

.fl-m-4 {
  margin: 1.5rem;
}

.fl-m-5 {
  margin: 1.875rem;
}

.fl-m-6 {
  margin: 2.25rem;
}

.fl-m-7 {
  margin: 2.625rem;
}

.fl-m-8 {
  margin: 3rem;
}

.fl-m-9 {
  margin: 3.375rem;
}

.fl-m-10 {
  margin: 3.75rem;
}

.fl-p-0 {
  padding: 0;
}

.fl-p-1 {
  padding: 0.375rem;
}

.fl-p-2 {
  padding: 0.75rem;
}

.fl-p-3 {
  padding: 1.125rem;
}

.fl-p-4 {
  padding: 1.5rem;
}

.fl-p-5 {
  padding: 1.875rem;
}

.fl-p-6 {
  padding: 2.25rem;
}

.fl-p-7 {
  padding: 2.625rem;
}

.fl-p-8 {
  padding: 3rem;
}

.fl-p-9 {
  padding: 3.375rem;
}

.fl-p-10 {
  padding: 3.75rem;
}

.fl-mt-0 {
  margin-top: 0;
}

.fl-mt-1 {
  margin-top: 0.375rem;
}

.fl-mt-2 {
  margin-top: 0.75rem;
}

.fl-mt-3 {
  margin-top: 1.125rem;
}

.fl-mt-4 {
  margin-top: 1.5rem;
}

.fl-mt-5 {
  margin-top: 1.875rem;
}

.fl-mt-6 {
  margin-top: 2.25rem;
}

.fl-mt-7 {
  margin-top: 2.625rem;
}

.fl-mt-8 {
  margin-top: 3rem;
}

.fl-mt-9 {
  margin-top: 3.375rem;
}

.fl-mt-10 {
  margin-top: 3.75rem;
}

.fl-ml-0 {
  margin-left: 0;
}

.fl-ml-1 {
  margin-left: 0.375rem;
}

.fl-ml-2 {
  margin-left: 0.75rem;
}

.fl-ml-3 {
  margin-left: 1.125rem;
}

.fl-ml-4 {
  margin-left: 1.5rem;
}

.fl-ml-5 {
  margin-left: 1.875rem;
}

.fl-ml-6 {
  margin-left: 2.25rem;
}

.fl-ml-7 {
  margin-left: 2.625rem;
}

.fl-ml-8 {
  margin-left: 3rem;
}

.fl-ml-9 {
  margin-left: 3.375rem;
}

.fl-ml-10 {
  margin-left: 3.75rem;
}

.fl-mr-0 {
  margin-right: 0;
}

.fl-mr-1 {
  margin-right: 0.375rem;
}

.fl-mr-2 {
  margin-right: 0.75rem;
}

.fl-mr-3 {
  margin-right: 1.125rem;
}

.fl-mr-4 {
  margin-right: 1.5rem;
}

.fl-mr-5 {
  margin-right: 1.875rem;
}

.fl-mr-6 {
  margin-right: 2.25rem;
}

.fl-mr-7 {
  margin-right: 2.625rem;
}

.fl-mr-8 {
  margin-right: 3rem;
}

.fl-mr-9 {
  margin-right: 3.375rem;
}

.fl-mr-10 {
  margin-right: 3.75rem;
}

.fl-mb-0 {
  margin-bottom: 0;
}

.fl-mb-1 {
  margin-bottom: 0.375rem;
}

.fl-mb-2 {
  margin-bottom: 0.75rem;
}

.fl-mb-3 {
  margin-bottom: 1.125rem;
}

.fl-mb-4 {
  margin-bottom: 1.5rem;
}

.fl-mb-5 {
  margin-bottom: 1.875rem;
}

.fl-mb-6 {
  margin-bottom: 2.25rem;
}

.fl-mb-7 {
  margin-bottom: 2.625rem;
}

.fl-mb-8 {
  margin-bottom: 3rem;
}

.fl-mb-9 {
  margin-bottom: 3.375rem;
}

.fl-mb-10 {
  margin-bottom: 3.75rem;
}

.fl-pt-0 {
  padding-top: 0;
}

.fl-pt-1 {
  padding-top: 0.375rem;
}

.fl-pt-2 {
  padding-top: 0.75rem;
}

.fl-pt-3 {
  padding-top: 1.125rem;
}

.fl-pt-4 {
  padding-top: 1.5rem;
}

.fl-pt-5 {
  padding-top: 1.875rem;
}

.fl-pt-6 {
  padding-top: 2.25rem;
}

.fl-pt-7 {
  padding-top: 2.625rem;
}

.fl-pt-8 {
  padding-top: 3rem;
}

.fl-pt-9 {
  padding-top: 3.375rem;
}

.fl-pt-10 {
  padding-top: 3.75rem;
}

.fl-pl-0 {
  padding-left: 0;
}

.fl-pl-1 {
  padding-left: 0.375rem;
}

.fl-pl-2 {
  padding-left: 0.75rem;
}

.fl-pl-3 {
  padding-left: 1.125rem;
}

.fl-pl-4 {
  padding-left: 1.5rem;
}

.fl-pl-5 {
  padding-left: 1.875rem;
}

.fl-pl-6 {
  padding-left: 2.25rem;
}

.fl-pl-7 {
  padding-left: 2.625rem;
}

.fl-pl-8 {
  padding-left: 3rem;
}

.fl-pl-9 {
  padding-left: 3.375rem;
}

.fl-pl-10 {
  padding-left: 3.75rem;
}

.fl-pr-0 {
  padding-right: 0;
}

.fl-pr-1 {
  padding-right: 0.375rem;
}

.fl-pr-2 {
  padding-right: 0.75rem;
}

.fl-pr-3 {
  padding-right: 1.125rem;
}

.fl-pr-4 {
  padding-right: 1.5rem;
}

.fl-pr-5 {
  padding-right: 1.875rem;
}

.fl-pr-6 {
  padding-right: 2.25rem;
}

.fl-pr-7 {
  padding-right: 2.625rem;
}

.fl-pr-8 {
  padding-right: 3rem;
}

.fl-pr-9 {
  padding-right: 3.375rem;
}

.fl-pr-10 {
  padding-right: 3.75rem;
}

.fl-pb-0 {
  padding-bottom: 0;
}

.fl-pb-1 {
  padding-bottom: 0.375rem;
}

.fl-pb-2 {
  padding-bottom: 0.75rem;
}

.fl-pb-3 {
  padding-bottom: 1.125rem;
}

.fl-pb-4 {
  padding-bottom: 1.5rem;
}

.fl-pb-5 {
  padding-bottom: 1.875rem;
}

.fl-pb-6 {
  padding-bottom: 2.25rem;
}

.fl-pb-7 {
  padding-bottom: 2.625rem;
}

.fl-pb-8 {
  padding-bottom: 3rem;
}

.fl-pb-9 {
  padding-bottom: 3.375rem;
}

.fl-pb-10 {
  padding-bottom: 3.75rem;
}

.fl-mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.fl-mv-1 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.fl-mv-2 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.fl-mv-3 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.fl-mv-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.fl-mv-5 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.fl-mv-6 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.fl-mv-7 {
  margin-top: 2.625rem;
  margin-bottom: 2.625rem;
}

.fl-mv-8 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.fl-mv-9 {
  margin-top: 3.375rem;
  margin-bottom: 3.375rem;
}

.fl-mv-10 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.fl-pv-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.fl-pv-1 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.fl-pv-2 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.fl-pv-3 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.fl-pv-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.fl-pv-5 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.fl-pv-6 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.fl-pv-7 {
  padding-top: 2.625rem;
  padding-bottom: 2.625rem;
}

.fl-pv-8 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.fl-pv-9 {
  padding-top: 3.375rem;
  padding-bottom: 3.375rem;
}

.fl-pv-10 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.fl-mh-0 {
  margin-left: 0;
  margin-right: 0;
}

.fl-mh-1 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.fl-mh-2 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.fl-mh-3 {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}

.fl-mh-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.fl-mh-5 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.fl-mh-6 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.fl-mh-7 {
  margin-left: 2.625rem;
  margin-right: 2.625rem;
}

.fl-mh-8 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.fl-mh-9 {
  margin-left: 3.375rem;
  margin-right: 3.375rem;
}

.fl-mh-10 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.fl-ph-0 {
  padding-left: 0;
  padding-right: 0;
}

.fl-ph-1 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.fl-ph-2 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.fl-ph-3 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.fl-ph-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.fl-ph-5 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.fl-ph-6 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.fl-ph-7 {
  padding-left: 2.625rem;
  padding-right: 2.625rem;
}

.fl-ph-8 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.fl-ph-9 {
  padding-left: 3.375rem;
  padding-right: 3.375rem;
}

.fl-ph-10 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.fl-white {
  color: #fff;
}

.fl-black {
  color: #000;
}

.fl-maple-50 {
  color: #fff5f5;
}

.fl-maple-100 {
  color: #fdd6d7;
}

.fl-maple-200 {
  color: #fbb9bb;
}

.fl-maple-300 {
  color: #f58286;
}

.fl-maple-400 {
  color: #ed5153;
}

.fl-maple-500 {
  color: #de2e37;
}

.fl-maple-600 {
  color: #cc1820;
}

.fl-maple-700 {
  color: #b30a11;
}

.fl-maple-800 {
  color: #950307;
}

.fl-maple-900 {
  color: #710003;
}

.fl-maple-1000 {
  color: #4d0001;
}

.fl-blue-50 {
  color: #f5f7ff;
}

.fl-blue-100 {
  color: #d6dffd;
}

.fl-blue-200 {
  color: #b9c8fb;
}

.fl-blue-300 {
  color: #829ff5;
}

.fl-blue-400 {
  color: #537dec;
}

.fl-blue-500 {
  color: #2e61de;
}

.fl-blue-600 {
  color: #1844cc;
}

.fl-blue-700 {
  color: #0a2bb3;
}

.fl-blue-800 {
  color: #031795;
}

.fl-blue-900 {
  color: #000a71;
}

.fl-blue-1000 {
  color: #00034d;
}

.fl-green-50 {
  color: #f5fff6;
}

.fl-green-100 {
  color: #d8fcdc;
}

.fl-green-200 {
  color: #bcfac5;
}

.fl-green-300 {
  color: #88f398;
}

.fl-green-400 {
  color: #5be873;
}

.fl-green-500 {
  color: #38da57;
}

.fl-green-600 {
  color: #1fc641;
}

.fl-green-700 {
  color: #0ead30;
}

.fl-green-800 {
  color: #059118;
}

.fl-green-900 {
  color: #006f07;
}

.fl-green-1000 {
  color: #014d00;
}

.fl-orange-50 {
  color: #fffbf5;
}

.fl-orange-100 {
  color: #ffedd4;
}

.fl-orange-200 {
  color: #ffdfb4;
}

.fl-orange-300 {
  color: #fcc37a;
}

.fl-orange-400 {
  color: #f5a647;
}

.fl-orange-500 {
  color: #ea891e;
}

.fl-orange-600 {
  color: #d5730c;
}

.fl-orange-700 {
  color: #bb5c02;
}

.fl-orange-800 {
  color: #9a4800;
}

.fl-orange-900 {
  color: #743300;
}

.fl-orange-1000 {
  color: #4d2000;
}

.fl-gray-50 {
  color: #f2f5f8;
}

.fl-gray-100 {
  color: #d7dce1;
}

.fl-gray-200 {
  color: #bcc4ca;
}

.fl-gray-300 {
  color: #a3abb3;
}

.fl-gray-400 {
  color: #8b939b;
}

.fl-gray-500 {
  color: #737b83;
}

.fl-gray-600 {
  color: #5c626a;
}

.fl-gray-700 {
  color: #464a51;
}

.fl-gray-800 {
  color: #2f3137;
}

.fl-gray-850 {
  color: #232429;
}

.fl-gray-900 {
  color: #18191d;
}

.fl-gray-950 {
  color: #111214;
}

.fl-gray-1000 {
  color: #020203;
}

.fl-bg-white {
  background-color: #fff;
}

.fl-bg-black {
  background-color: #000;
}

.fl-bg-maple-50 {
  background-color: #fff5f5;
}

.fl-bg-maple-100 {
  background-color: #fdd6d7;
}

.fl-bg-maple-200 {
  background-color: #fbb9bb;
}

.fl-bg-maple-300 {
  background-color: #f58286;
}

.fl-bg-maple-400 {
  background-color: #ed5153;
}

.fl-bg-maple-500 {
  background-color: #de2e37;
}

.fl-bg-maple-600 {
  background-color: #cc1820;
}

.fl-bg-maple-700 {
  background-color: #b30a11;
}

.fl-bg-maple-800 {
  background-color: #950307;
}

.fl-bg-maple-900 {
  background-color: #710003;
}

.fl-bg-maple-1000 {
  background-color: #4d0001;
}

.fl-bg-blue-50 {
  background-color: #f5f7ff;
}

.fl-bg-blue-100 {
  background-color: #d6dffd;
}

.fl-bg-blue-200 {
  background-color: #b9c8fb;
}

.fl-bg-blue-300 {
  background-color: #829ff5;
}

.fl-bg-blue-400 {
  background-color: #537dec;
}

.fl-bg-blue-500 {
  background-color: #2e61de;
}

.fl-bg-blue-600 {
  background-color: #1844cc;
}

.fl-bg-blue-700 {
  background-color: #0a2bb3;
}

.fl-bg-blue-800 {
  background-color: #031795;
}

.fl-bg-blue-900 {
  background-color: #000a71;
}

.fl-bg-blue-1000 {
  background-color: #00034d;
}

.fl-bg-green-50 {
  background-color: #f5fff6;
}

.fl-bg-green-100 {
  background-color: #d8fcdc;
}

.fl-bg-green-200 {
  background-color: #bcfac5;
}

.fl-bg-green-300 {
  background-color: #88f398;
}

.fl-bg-green-400 {
  background-color: #5be873;
}

.fl-bg-green-500 {
  background-color: #38da57;
}

.fl-bg-green-600 {
  background-color: #1fc641;
}

.fl-bg-green-700 {
  background-color: #0ead30;
}

.fl-bg-green-800 {
  background-color: #059118;
}

.fl-bg-green-900 {
  background-color: #006f07;
}

.fl-bg-green-1000 {
  background-color: #014d00;
}

.fl-bg-orange-50 {
  background-color: #fffbf5;
}

.fl-bg-orange-100 {
  background-color: #ffedd4;
}

.fl-bg-orange-200 {
  background-color: #ffdfb4;
}

.fl-bg-orange-300 {
  background-color: #fcc37a;
}

.fl-bg-orange-400 {
  background-color: #f5a647;
}

.fl-bg-orange-500 {
  background-color: #ea891e;
}

.fl-bg-orange-600 {
  background-color: #d5730c;
}

.fl-bg-orange-700 {
  background-color: #bb5c02;
}

.fl-bg-orange-800 {
  background-color: #9a4800;
}

.fl-bg-orange-900 {
  background-color: #743300;
}

.fl-bg-orange-1000 {
  background-color: #4d2000;
}

.fl-bg-gray-50 {
  background-color: #f2f5f8;
}

.fl-bg-gray-100 {
  background-color: #d7dce1;
}

.fl-bg-gray-200 {
  background-color: #bcc4ca;
}

.fl-bg-gray-300 {
  background-color: #a3abb3;
}

.fl-bg-gray-400 {
  background-color: #8b939b;
}

.fl-bg-gray-500 {
  background-color: #737b83;
}

.fl-bg-gray-600 {
  background-color: #5c626a;
}

.fl-bg-gray-700 {
  background-color: #464a51;
}

.fl-bg-gray-800 {
  background-color: #2f3137;
}

.fl-bg-gray-850 {
  background-color: #232429;
}

.fl-bg-gray-900 {
  background-color: #18191d;
}

.fl-bg-gray-950 {
  background-color: #111214;
}

.fl-bg-gray-1000 {
  background-color: #020203;
}

.fl-border-white {
  border-color: #fff;
}

.fl-border-black {
  border-color: #000;
}

.fl-border-maple-50 {
  border-color: #fff5f5;
}

.fl-border-maple-100 {
  border-color: #fdd6d7;
}

.fl-border-maple-200 {
  border-color: #fbb9bb;
}

.fl-border-maple-300 {
  border-color: #f58286;
}

.fl-border-maple-400 {
  border-color: #ed5153;
}

.fl-border-maple-500 {
  border-color: #de2e37;
}

.fl-border-maple-600 {
  border-color: #cc1820;
}

.fl-border-maple-700 {
  border-color: #b30a11;
}

.fl-border-maple-800 {
  border-color: #950307;
}

.fl-border-maple-900 {
  border-color: #710003;
}

.fl-border-maple-1000 {
  border-color: #4d0001;
}

.fl-border-blue-50 {
  border-color: #f5f7ff;
}

.fl-border-blue-100 {
  border-color: #d6dffd;
}

.fl-border-blue-200 {
  border-color: #b9c8fb;
}

.fl-border-blue-300 {
  border-color: #829ff5;
}

.fl-border-blue-400 {
  border-color: #537dec;
}

.fl-border-blue-500 {
  border-color: #2e61de;
}

.fl-border-blue-600 {
  border-color: #1844cc;
}

.fl-border-blue-700 {
  border-color: #0a2bb3;
}

.fl-border-blue-800 {
  border-color: #031795;
}

.fl-border-blue-900 {
  border-color: #000a71;
}

.fl-border-blue-1000 {
  border-color: #00034d;
}

.fl-border-green-50 {
  border-color: #f5fff6;
}

.fl-border-green-100 {
  border-color: #d8fcdc;
}

.fl-border-green-200 {
  border-color: #bcfac5;
}

.fl-border-green-300 {
  border-color: #88f398;
}

.fl-border-green-400 {
  border-color: #5be873;
}

.fl-border-green-500 {
  border-color: #38da57;
}

.fl-border-green-600 {
  border-color: #1fc641;
}

.fl-border-green-700 {
  border-color: #0ead30;
}

.fl-border-green-800 {
  border-color: #059118;
}

.fl-border-green-900 {
  border-color: #006f07;
}

.fl-border-green-1000 {
  border-color: #014d00;
}

.fl-border-orange-50 {
  border-color: #fffbf5;
}

.fl-border-orange-100 {
  border-color: #ffedd4;
}

.fl-border-orange-200 {
  border-color: #ffdfb4;
}

.fl-border-orange-300 {
  border-color: #fcc37a;
}

.fl-border-orange-400 {
  border-color: #f5a647;
}

.fl-border-orange-500 {
  border-color: #ea891e;
}

.fl-border-orange-600 {
  border-color: #d5730c;
}

.fl-border-orange-700 {
  border-color: #bb5c02;
}

.fl-border-orange-800 {
  border-color: #9a4800;
}

.fl-border-orange-900 {
  border-color: #743300;
}

.fl-border-orange-1000 {
  border-color: #4d2000;
}

.fl-border-gray-50 {
  border-color: #f2f5f8;
}

.fl-border-gray-100 {
  border-color: #d7dce1;
}

.fl-border-gray-200 {
  border-color: #bcc4ca;
}

.fl-border-gray-300 {
  border-color: #a3abb3;
}

.fl-border-gray-400 {
  border-color: #8b939b;
}

.fl-border-gray-500 {
  border-color: #737b83;
}

.fl-border-gray-600 {
  border-color: #5c626a;
}

.fl-border-gray-700 {
  border-color: #464a51;
}

.fl-border-gray-800 {
  border-color: #2f3137;
}

.fl-border-gray-850 {
  border-color: #232429;
}

.fl-border-gray-900 {
  border-color: #18191d;
}

.fl-border-gray-950 {
  border-color: #111214;
}

.fl-border-gray-1000 {
  border-color: #020203;
}

.fl-shadow-1 {
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15);
}

.fl-shadow-2 {
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
}

.fl-shadow-3 {
  box-shadow: 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}

.fl-shadow-4 {
  box-shadow: 0 0.375rem 0.75rem rgba(12, 13, 13, 0.15);
}

.fl-shadow-5 {
  box-shadow: 0 0.75rem 1.5rem rgba(12, 13, 13, 0.15);
}

.fl-inner-shadow-1 {
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
}

.fl-inner-shadow-2 {
  box-shadow: inset 0 0 0.375rem rgba(12, 13, 13, 0.18);
}

.fl-inner-shadow-n1 {
  box-shadow: inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
}

.fl-border-shadow {
  box-shadow: 0 0 0 0.0625rem rgba(12, 13, 13, 0.15);
}

.fl-radius-1 {
  border-radius: 0.1875rem;
}

.fl-radius-2 {
  border-radius: 0.375rem;
}

.fl-radius-circle {
  border-radius: 50%;
}

.fl-transition-duration-fast {
  transition-duration: 100ms;
}

.fl-transition-duration-base {
  transition-duration: 200ms;
}

.fl-transition-duration-slow {
  transition-duration: 300ms;
}

.register-omni-gift-card {
  margin-left: 1.5rem;
}
.register-omni-gift-card .ogc-row {
  max-width: 390px;
  margin-bottom: 2.25rem;
}
.register-omni-gift-card .ogc-row .ogc-optional {
  display: flex;
  justify-content: space-between;
}
.register-omni-gift-card .ogc-row ::-webkit-input-placeholder {
  color: #bcc4ca;
}
.register-omni-gift-card .ogc-row ::placeholder {
  color: #bcc4ca;
}
.register-omni-gift-card .ogc-row .fl-input-description {
  color: #5c626a;
}
.register-omni-gift-card .fl-input-label {
  font-size: 1rem;
}
.register-omni-gift-card .submit button:focus {
  border-color: #2e61de;
  box-shadow: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
}
.register-omni-gift-card .ogc-label-optional {
  font-size: 1rem;
  font-weight: normal;
  color: #5c626a;
}
.register-omni-gift-card .ogc-radios {
  display: none;
  justify-content: space-between;
}
.register-omni-gift-card .ogc-radios input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
  margin-right: 20px;
}
.register-omni-gift-card .ogc-radios label {
  -webkit-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  line-height: 1;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
  text-align: center;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  transition-property: background, border, box-shadow, color;
  transition-duration: 100ms;
  border: 1px solid transparent;
  cursor: pointer;
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 0.875rem;
  border-radius: 0.1875rem;
  background-image: linear-gradient(180deg, #fff, #f2f5f8);
  background-color: #fff;
  border-color: #bcc4ca;
  color: #2f3137;
}
.register-omni-gift-card .ogc-radios label:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  box-shadow: none;
}
.register-omni-gift-card .ogc-radios label:focus {
  outline: 0;
  box-shadow: 0 0 3px rgba(46, 97, 222, 0.2);
}
.register-omni-gift-card .ogc-radios label:hover {
  color: #2f3137;
  background-color: #f2f5f8;
  background-image: linear-gradient(180deg, #f2f5f8, #f2f5f8);
}
.register-omni-gift-card .ogc-radios label:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.register-omni-gift-card .ogc-radios label.active {
  color: #fff;
  background-color: #2e61de;
  background-image: linear-gradient(180deg, #537dec, #2e61de);
  border-color: #1844cc;
  z-index: 1;
}
.register-omni-gift-card .ogc-radios label:focus {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
}
.register-omni-gift-card .ogc-radios input[type=radio]:checked + label {
  background-image: linear-gradient(180deg, #537dec, #2e61de);
  background-color: #537dec;
  border-color: #1844cc;
  color: #fff;
}
.register-omni-gift-card .ogc-radios input[type=radio]:checked + label:hover {
  color: #fff;
  background-color: #2e61de;
  background-image: linear-gradient(180deg, #2e61de, #2e61de);
}
.register-omni-gift-card .ogc-radios input[type=radio]:checked + label:active {
  box-shadow: inset 0 2px 3px 0 rgba(24, 25, 29, 0.3);
}
.register-omni-gift-card .ogc-radios input[type=radio]:checked + label.active {
  color: #2e61de;
  background-color: #fff;
  background-image: linear-gradient(180deg, #fff, #fff);
  border-color: #1844cc;
  z-index: 1;
}
.register-omni-gift-card .ogc-radios input[type=radio]:checked + label:focus {
  box-shadow: 0 0 3px rgba(83, 125, 236, 0.2);
}
.register-omni-gift-card #custom-amount-row {
  width: 100%;
}
.register-omni-gift-card #custom-amount-row .money-field-container {
  width: 100%;
}

body.griffin #register aside {
  top: 0;
}

#customer-attached-holder {
  display: none;
  background: #fff6c9;
  height: 54px;
  border-bottom: 1px solid #ccc;
  transition: background 0.3s ease;
  align-items: center;
}
#customer-attached-holder.notification-active {
  display: flex;
}
#customer-attached-holder.notification-active.notification-flash {
  background: #ff9024;
}
#customer-attached-holder #customer-attached-icon {
  height: 32px;
  width: 2rem;
  margin: 0 0.5rem;
}
#customer-attached-holder #customer-attached-text {
  color: #000;
  font-size: 1.125rem;
  font-weight: 600;
}
#customer-attached-holder button {
  margin-left: auto;
  margin-right: 15px;
}

#register {
  background-color: #fff;
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#register .do-payments {
  height: 100%;
}
#register section.main {
  overflow: auto;
  flex-grow: 1;
  margin: 0 240px 0 0;
}
#register .customer {
  margin: 1em 0 2em;
}
#register aside {
  border-left: 1px solid #c4cacc;
  width: 240px;
  background-color: #fff;
  color: #494c4c;
  overflow-y: auto;
  font-size: 1rem;
}
@media (min-width: 720px) {
  #register aside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
#register aside .transaction-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#register aside h4 {
  font-weight: 700;
  font-size: 1rem;
  margin: 0 0 0.5em;
  color: #494c4c;
  clear: both;
}
#register aside table {
  width: 100%;
  line-height: 1rem;
}
#register aside table.totals tr:last-child th,
#register aside table.totals tr:last-child td {
  padding-bottom: 1.125rem;
}
#register aside th,
#register aside td {
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0.75rem;
}
#register aside th.no-border,
#register aside td.no-border {
  border: none;
}
#register aside th.red,
#register aside td.red {
  color: #f00;
}
#register aside th.green,
#register aside td.green {
  color: #5a5;
}
#register aside th {
  text-align: left;
  color: #848a8a;
}
#register aside th#taxSummary {
  border-bottom: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 25px;
}
#register aside th.totals_title {
  border-bottom: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 25px;
}
#register aside td {
  text-align: right;
}
#register aside tr.totals_title_whitespace {
  width: 100%;
  height: 35px;
}
#register aside tr.total th,
#register aside tr.total td,
#register aside tr.total-tax th,
#register aside tr.total-tax td {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  font-size: 1.125rem;
  border-top: 1px solid #c4cacc;
  font-weight: 700;
  color: #494c4c;
}
#register aside tr.total th.total-tax,
#register aside tr.total td.total-tax,
#register aside tr.total-tax th.total-tax,
#register aside tr.total-tax td.total-tax {
  font-size: 1rem;
}
#register aside .register-payments-label {
  margin-bottom: 1.125rem;
  margin-top: 1.5rem;
}
#register aside .register-payments-label div {
  line-height: 0;
  border-bottom: 1px solid #e1e4e5;
  color: #181a1a;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}
#register aside .register-payments-label div span {
  background: #fff;
  padding-left: 0.375rem;
}
#register aside .register-payment-block {
  padding: 1.875rem 1.125rem 1.875rem 1.125rem;
  border-bottom: 1px solid #c4cacc;
}
#register aside .register-payment-block .quick-pay {
  display: flex;
  justify-content: space-between;
}
#register aside .register-payment-block .quick-pay button {
  width: auto;
}
#register aside .register-payment-block .quick-pay button span {
  display: flex;
  align-items: center;
  justify-content: center;
}
#register aside .register-payment-block.register-totals {
  padding-top: 1.5rem;
  padding-bottom: 0;
}
#register aside .register-payment-block.totals-details {
  padding-top: 0.375rem;
  padding-bottom: 0;
}
#register aside .register-payment-block.totals-details tr.totals-details-total th,
#register aside .register-payment-block.totals-details tr.totals-details-total td {
  color: #494c4c;
  font-weight: 700;
}
#register aside .register-payment-block .deposit button {
  width: inherit;
}
#register aside .register-payment-block button {
  width: 100%;
}
#register aside .register-sidebar-buttons {
  padding: 1.125rem;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#register aside .register-sidebar-buttons.griffin {
  justify-content: flex-start;
}
#register aside .register-sidebar-buttons button {
  width: 100%;
  flex-shrink: 0;
}
#register aside .register-sidebar-buttons button > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
#register aside .register-sidebar-buttons button#cancelButton {
  margin-top: 0.75rem;
}
#register aside .register-sidebar-buttons .lower {
  margin-top: 1em;
}
#register a.quote {
  margin: 1em 0 0;
}
#register button:not(.cr-button):active {
  background: #2a6fb1 !important;
  border-color: #2a6fb1 !important;
  color: #fff;
}
#register button:not(.cr-button):active i {
  color: #fff;
}

#payments_content #payments_spinner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  margin-bottom: 12px;
}
#payments_content #payments_spinner .spin {
  width: 4rem;
  height: 4rem;
  --cr-icon-base-1-fill: #589141;
  --cr-icon-base-2-fill: #6eb253;
}

.register-modal {
  margin: 30px;
  border: 1px solid #ccc;
  border-bottom: none;
}
.register-modal header {
  overflow: hidden;
  margin: 0 0 1em;
  padding: 15px;
}
.register-modal header h3 {
  float: left;
  display: inline-block;
  margin: 0.1em 0 0;
  font-size: 1.6em;
  color: #666;
}
.register-modal header button {
  float: right;
  margin: 0 0 0 5px;
}

#add_expander_holder,
#add_expander_menu_holder {
  clear: both;
  border-top: 1px solid #ccc;
  background-color: #fff;
  display: block;
  padding: 8px 15px 18px;
  margin-left: -15px;
}
#add_expander_holder h2,
#add_expander_menu_holder h2 {
  font-weight: 600;
  font-size: 1em;
  margin: -15px -15px 5px;
  background-color: #eee;
  padding: 15px;
  color: #666;
}
#add_expander_holder .submit,
#add_expander_menu_holder .submit {
  display: block;
  text-align: right;
}
#add_expander_holder table,
#add_expander_menu_holder table {
  border-bottom: none;
  border-top: none;
}
#add_expander_holder table tr td, #add_expander_holder table tr > :first-child, #add_expander_holder table tr > :last-child,
#add_expander_menu_holder table tr td,
#add_expander_menu_holder table tr > :first-child,
#add_expander_menu_holder table tr > :last-child {
  padding: 8px 0 6px;
  vertical-align: middle;
  border: none;
}
#add_expander_holder table tr td.note,
#add_expander_menu_holder table tr td.note {
  padding-top: 10px;
  vertical-align: top;
}
#add_expander_holder textarea,
#add_expander_menu_holder textarea {
  width: 90%;
  padding: 10px;
}
#add_expander_holder label,
#add_expander_menu_holder label {
  font-size: 0.85em;
  color: #666;
  padding: 0 6px 0 12px;
  display: block;
  text-align: right;
}
#add_expander_holder label.checkbox,
#add_expander_menu_holder label.checkbox {
  text-align: left;
  display: inline-block;
}

.lines nav {
  background: #dde9d2;
  overflow: hidden;
  padding: 0 0 0 15px;
  border-top: 1px solid #ccc;
}
.lines nav button,
.lines nav input {
  float: left;
  margin: 8px 8px 8px 0;
}
.lines nav button[type=search],
.lines nav input[type=search] {
  margin-right: 0;
}
.lines nav .search {
  float: left;
  display: inline-block;
  padding: 0 7px 0 15px;
  margin: 0 -1px -1px -15px;
  background: #deeefc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 0;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .lines nav .search + button {
    margin-left: 15px;
  }
}
.lines nav .submenu {
  display: block;
  min-height: 65px;
}
.lines nav .submenu header {
  position: relative;
}
.lines nav .submenu header h3 {
  font-size: 0.9375rem;
  margin: 0 0 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  height: 1.75rem;
}
.lines nav .submenu header button.hide {
  position: absolute;
  top: -9px;
  right: -16px;
  margin: 0;
  border-radius: 0;
  border-color: #ccc;
}
.lines nav .submenu button {
  margin: 2px 5px 0 0;
}
.lines footer {
  padding: 0 15px 15px;
  display: flex;
  border-bottom: 1px solid #c4cacc;
}
.lines footer button {
  margin-top: 15px;
}
.lines footer .sale-actions {
  flex-grow: 1;
  text-align: right;
}
.lines table {
  border-top: 1px solid #ccc;
  width: 100%;
}
.lines table tr > :first-child {
  padding-left: 15px;
}
.lines table tr > :last-child {
  padding-right: 15px;
}
.lines table td.row_controls {
  min-width: 30px;
  padding-right: 0;
  white-space: nowrap;
}
.lines table td.register-lines-control:last-child {
  margin-right: 0;
}
.lines table thead th,
.lines table tr.thead th {
  font-size: 0.8125rem;
  font-weight: normal;
  text-align: left;
  padding: 6px;
  text-transform: uppercase;
  color: #444;
  background: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.lines table thead th.th-money,
.lines table tr.thead th.th-money {
  text-align: right;
}
.lines table thead th:first-child,
.lines table tr.thead th:first-child {
  padding-left: 15px;
}
.lines table .section {
  background-color: #cde1f3;
  color: #3d89d1;
  text-align: left;
  font-size: 0.9em;
  text-transform: uppercase;
}
.lines table .section td,
.lines table .section th {
  text-align: left;
  padding-top: 7px;
}
.lines table tbody th,
.lines table tbody td {
  padding: 6px;
  border-bottom: 1px solid #ccc;
}
.lines table tbody th.line-complete,
.lines table tbody td.line-complete {
  background-color: #ffc;
  padding: 1.25rem;
}
.lines table tbody th.line-complete .title,
.lines table tbody td.line-complete .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.lines table tbody th.line-complete .title .start-date,
.lines table tbody td.line-complete .title .start-date {
  font-size: 1rem;
  font-weight: 400;
  color: #888;
}
.lines table tbody th.line-complete .complete_prompt_buttons,
.lines table tbody td.line-complete .complete_prompt_buttons {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 1.25rem;
}
.lines table tbody th.line-complete .complete_prompt_buttons p,
.lines table tbody td.line-complete .complete_prompt_buttons p {
  margin-top: 0;
  font-weight: 600;
}
.lines table tbody th.line-complete .complete_prompt_buttons button,
.lines table tbody td.line-complete .complete_prompt_buttons button {
  margin-right: 0.75rem;
}
.lines table tbody th.line-complete .complete_prompt_buttons a,
.lines table tbody td.line-complete .complete_prompt_buttons a {
  color: #888;
  text-decoration: underline;
}
.lines table tbody tr.pending {
  height: 45px;
}
.lines table tbody tr.pending td {
  color: #888;
}
.lines table tbody tr.pending .status-block {
  border: 1px solid #ccc;
  padding: 2px 4px;
  font-size: 0.6875rem;
  margin-right: 0.5rem;
  text-transform: uppercase;
  margin-top: 1px;
  display: inline-block;
  float: left;
  color: #666;
}
.lines table tbody tr.searchrow button.remove {
  background: #fff;
  border: 1px solid #ccc;
  color: #999;
  float: right;
  font-size: 1.5rem;
  padding: 4px 8px;
  border-radius: 0;
  line-height: 1;
  margin: -6px -9px -6px 0;
}
.lines table tbody tr.searchrow button.remove:hover {
  color: #fff;
  background: #a44039;
  border-color: #a44039;
}
.lines table tbody td.money,
.lines table tbody td.number,
.lines table tbody td.popdisplay_price.money,
.lines table tbody td.popdisplay_subtotal.money,
.lines table tbody td.popdisplay_total.money {
  text-align: right;
}
.lines table tbody .popdisplay_price {
  line-height: 1.2;
}
.lines table tbody .orginal_price {
  color: #888;
  font-size: 0.6875rem;
  text-decoration: line-through;
}
.lines table input {
  margin: -3px 0;
  padding: 8px;
}
.lines table input[type=checkbox] {
  margin: 3px 8px 0 0;
}
.lines tr.edit_row > td {
  background-color: #eaf2fa;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 3px) linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 3px);
  padding: 0 15px;
}
.lines tr.edit_row span.disabled {
  border: 1px solid #ccc;
  font-size: 0.8375rem;
  color: #777;
  background-color: #fff;
  padding: 8px;
  display: inline-block;
}
.lines .line-edit table {
  border-top: none;
}
.lines .line-edit table label {
  font-size: 0.85em;
  color: #666;
  padding: 0 6px 0 12px;
  display: block;
  text-align: right;
}
.lines .line-edit table input[type=number] {
  max-width: 7em;
}
.lines .line-edit table select {
  max-width: 10rem;
}
.lines .line-edit table tr > td {
  padding: 6px 0;
  border: none;
}
.lines .line-edit table td.line-note {
  padding-right: 1em;
  vertical-align: top;
}
.lines .line-edit table textarea {
  width: 100%;
}
.lines .line-edit table td.line-buttons {
  padding-bottom: 15px;
  text-align: right;
}
.lines .line-edit table td.line-description {
  padding: 0.75em 0 0.5em;
  font-size: 1.125em;
}
.lines .line-edit table a {
  text-decoration: none;
}
.lines .line-edit table a:hover {
  color: #3d89d1;
}
.lines .discount {
  font-size: 0.85em;
  color: #888;
}
.lines .employee {
  text-transform: uppercase;
  text-align: left;
  font-size: 0.8em;
}
.lines .line-edit-action {
  font-size: 0.8em;
  color: #3d89d1;
  margin: 0 0 0 0.3em;
}
.lines .line-edit-action:hover {
  color: #3d89d1;
}
.lines .specialorder {
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid #ccc;
  margin: 4px 0 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}
.lines .specialorder.notordered {
  color: #a44039;
  border-color: #a44039;
}
.lines .specialorder.ordered {
  color: #f6b444;
  border-color: #f6b444;
}
.lines .specialorder.readyforpickup {
  color: #589141;
  border-color: #589141;
}

.quick-pay-feature {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  padding-top: 0.375rem;
  padding-right: 1.125rem;
}
.quick-pay-feature .cr-alert.register-alert-custom {
  margin-top: 0.375rem;
  position: relative;
}
.quick-pay-feature .cr-alert .alert__arrow::after,
.quick-pay-feature .cr-alert .alert__arrow::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quick-pay-feature .cr-alert .alert__arrow::after {
  border-width: 5px;
}
.quick-pay-feature .cr-alert .alert__arrow::before {
  border-width: 6px;
}
.quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::after, .quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::before {
  bottom: 100%;
  right: 50%;
}
.quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::after {
  margin-right: -5px;
  border-bottom-color: #e9fafe;
}
.quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::before {
  border-bottom-color: #2875c6;
  margin-right: -6px;
}
.quick-pay-feature .cr-alert[data-placement$=-end] .alert__arrow::after, .quick-pay-feature .cr-alert[data-placement$=-end] .alert__arrow::before {
  right: 1.125rem;
}

.register-customer {
  min-height: 54px;
  padding: 8px 15px;
  background: #d7e0e7;
  margin: 0;
  overflow: hidden;
  z-index: 5;
  position: relative;
}
.register-customer .search {
  background: none;
  display: inline-table;
  min-height: 0;
}
.register-customer form {
  display: inline-block;
}
.register-customer form.search {
  min-width: 260px;
  white-space: nowrap;
}
.register-customer .block {
  margin-right: 8px;
}
.register-customer .block p.contact {
  color: #888;
  line-height: 1.4;
  text-transform: none;
  font-weight: normal;
  margin: 0.3em 0 0;
}
.register-customer .block p.contact a {
  color: #999;
}
.register-customer button.loyalty-button {
  background: #3d89d1;
  border-color: #3d89d1;
  color: #fff;
}
.register-customer button.loyalty-button:hover {
  background: #2a6fb1;
}

.register-customer-form {
  border: 1px solid #ccc;
  margin: 1em 0;
  background-color: #fff;
  padding: 15px;
}
.register-customer-form h3 {
  font-weight: 600;
  color: #777;
  margin: 0 0 0.7em;
}
.register-customer-form table {
  border: none;
}
.register-customer-form table tbody td {
  border: none;
}
.register-customer-form table tbody tr td:first-child {
  padding-left: 0;
}
.register-customer-form textarea {
  width: 100%;
}
.register-customer-form .submit {
  padding: 15px 0 0;
}
.register-customer-form .edit-ship-to td {
  min-width: 120px;
}
.register-customer-form .edit-ship-to .cirrus .cr-autocomplete {
  border-left: none;
}
.register-customer-form .edit-ship-to .table-address .table-address__value {
  min-width: 300px;
  border-bottom: none;
}
.register-customer-form .edit-ship-to .table-address .table-address__value .ship_to_data {
  width: 100%;
}
.register-customer-form .edit-ship-to .table-address .table-address__value .Select-input input {
  padding: 8px 0 12px;
  margin: 0;
}

@media (min-width: 480px) {
  .do_payments section.main .register-sale-overview {
    overflow: hidden;
    float: left;
    width: calc(100% - 300px);
    border-right: 1px solid #ccc;
  }
  .do_payments section.main .register-payment-form {
    width: 300px;
    float: right;
  }
}
/* POP-DOWN WHEN YOU HIT "ADD-DEPOSIT" ON PAYMENTS PAGE */
#register #account_actions div {
  margin: 10px;
}

/* PAYMENTS BOX ON PAYMENTS PAGE OF REGISTER */
.register-payments {
  background-color: #d6e9ce;
  border-left: 1px solid #ccc;
  margin-left: -1px;
}
.register-payments input {
  padding: 8px;
  float: left;
}
.register-payments input:not(#gift_card_input) {
  max-width: 120px;
}
.register-payments header {
  padding: 20px 15px 19px;
  color: #fff;
  background-color: #589141;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.register-payments footer {
  font-weight: 600;
  background-color: #6eb253;
  padding: 8px 15px;
  text-align: center;
}
.register-payments footer label {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px;
}
.register-payments footer input {
  float: none;
}
.register-payments .content {
  padding: 10px;
}
.register-payments td {
  white-space: nowrap;
}
.register-payments td.full-width-container {
  white-space: normal;
}
.register-payments-manual td {
  white-space: normal;
}
.register-payments td,
.register-payments th {
  padding: 10px 0;
}
.register-payments td p,
.register-payments th p {
  margin: 0.5em 0 0;
  font-size: 0.8em;
}
.register-payments td p div,
.register-payments th p div {
  padding-top: 5px;
}
.register-payments td #cash_rounding_precision,
.register-payments th #cash_rounding_precision {
  display: none;
}
.register-payments td #creditRefundOnNewCard,
.register-payments th #creditRefundOnNewCard {
  margin-top: 10px;
  margin-right: 5px;
}
.register-payments th {
  text-align: right;
  padding-right: 0.75em;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #589141;
  width: 115px;
}
.register-payments th.credit-debit-refund-list-item {
  padding-top: 10px;
}
.register-payments th.credit-debit-refund-list-item div {
  overflow: hidden;
  max-width: 100px;
}
.register-payments td.quickcash,
.register-payments td.card-options {
  text-align: center;
  line-height: 3;
  padding: 0;
}
.register-payments .quickcash .denominations {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}
.register-payments .quickcash button {
  margin: 0.1rem;
}
.register-payments td.payment-amount {
  font-weight: bold;
  font-size: 0.8em;
  padding-left: 6px;
}
.register-payments td.remove-emv-payment {
  text-align: right;
}
.register-payments table.emv-payments {
  width: 100%;
}
.register-payments table.emv-payments tr {
  border-top: 1px solid #ccc;
}

.register-payments-manual input[type=text]:not(#gift_card_input) {
  width: 100%;
  max-width: inherit;
}
.register-payments-manual input[type=checkbox] {
  margin-right: 0.375rem;
}
.register-payments-manual td + td {
  padding-left: 0.375rem;
}
.register-payments-manual .table-address {
  width: 100%;
}
.register-payments-manual .table-address .table-address__label {
  width: 82px;
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #000;
}
.register-payments-manual .table-address .table-address__value {
  border-bottom: none;
}

#terminal_select {
  width: 100%;
}

#cash_remainder .red {
  color: #f00;
}
#cash_remainder .green {
  color: #5a5;
}

.payments_list .payment-steps {
  margin-top: 5px;
}
.payments_list #emv-error,
.payments_list #emv-payment-waiting,
.payments_list #emv-approve-error {
  background-color: #f6f6f6;
  display: block;
  margin: 0 -10px -10px -10px;
  border-top: 1px solid #ccc;
  padding: 10px;
}
.payments_list #emv-error td,
.payments_list #emv-payment-waiting td,
.payments_list #emv-approve-error td {
  width: 300px;
}
.payments_list #emv-error h1,
.payments_list #emv-payment-waiting h1,
.payments_list #emv-approve-error h1 {
  color: #a44039;
  font-size: 1rem;
  width: 100%;
  font-weight: 900;
  margin: auto;
}
.payments_list #emv-error h2,
.payments_list #emv-payment-waiting h2,
.payments_list #emv-approve-error h2 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}
.payments_list #emv-error button,
.payments_list #emv-payment-waiting button,
.payments_list #emv-approve-error button {
  display: block;
}
.payments_list #emv-error button.large,
.payments_list #emv-payment-waiting button.large,
.payments_list #emv-approve-error button.large {
  width: 100%;
  margin: auto;
  font-weight: 900;
}
.payments_list #emv-error button.inline,
.payments_list #emv-payment-waiting button.inline,
.payments_list #emv-approve-error button.inline {
  display: inline-block;
}
.payments_list #emv-error i,
.payments_list #emv-payment-waiting i,
.payments_list #emv-approve-error i {
  color: #589141;
}
.payments_list #emv-error .action,
.payments_list #emv-payment-waiting .action,
.payments_list #emv-approve-error .action {
  font-weight: 900;
}

.payments_list .money-field-container,
.refunds_list .money-field-container {
  float: left;
}

div.register-refunds {
  background-color: #fddeaa;
}
div.register-refunds td p {
  color: #714803;
}
div.register-refunds th {
  color: #bc7805;
}
div.register-refunds header {
  background-color: #bc7805;
}
div.register-refunds footer {
  background-color: #ee9806;
}

/* REGISTER TABS ON MAIN REGISTER PAGE */
ul.register-tabs {
  background-color: #eee;
  border-top: 1px solid #ccc;
  list-style: none;
  padding: 10px 0 0;
  margin: 0;
  overflow: hidden;
}
ul.register-tabs li {
  display: inline;
  font-size: 0.875rem;
  text-transform: uppercase;
}
ul.register-tabs li:first-child a {
  margin-left: 15px;
}
ul.register-tabs li a {
  float: left;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #fff;
  display: block;
  padding: 8px 10px;
  margin: 0 0 0 5px;
  color: #6c7984;
  text-decoration: none;
}
ul.register-tabs li a strong {
  background-color: #eee;
  color: #666;
  padding: 8px 12px;
  display: inline-block;
  font-weight: 700;
  margin: -8px -10px -8px 4px;
}
ul.register-tabs li.current a, ul.register-tabs li.sale_current a, ul.register-tabs li.refund_current a, ul.register-tabs li.edit_workorder_current a {
  background-color: #3d89d1;
  color: #fff;
  font-weight: 600;
  padding: 8px 16px;
  border-color: #3d89d1;
}
ul.register-tabs li.current a strong, ul.register-tabs li.sale_current a strong, ul.register-tabs li.refund_current a strong, ul.register-tabs li.edit_workorder_current a strong {
  display: none;
}
ul.register-tabs .register-workorder-menu {
  display: block;
  clear: both;
  border-top: 1px solid #ccc;
  padding: 10px 15px;
}
ul.register-tabs .register-workorder-menu .close {
  float: right;
}

table.grid {
  margin: 1em 0 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
table.grid thead th {
  text-align: center;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 0.8em;
  background-color: #eee;
}
table.grid tbody th,
table.grid tbody td {
  font-size: 0.8em;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.grid tbody td dl {
  font-size: 1.2em;
}
table.grid tbody td .money-field-container {
  max-width: 100%;
  display: inline-block;
}
table.grid td,
table.grid th {
  padding: 5px;
}
table.grid td > dl,
table.grid th > dl {
  margin: 0;
}
table.grid .number,
table.grid .th-number {
  text-align: right;
}
table.grid tr.totals th,
table.grid tr.totals td {
  background-color: #eee;
  font-weight: 600;
}

table.count {
  font-size: 1.2em;
  border-width: 0;
  width: auto;
}
table.count tbody td {
  margin: 0;
  padding: 0 0.125rem 0.2rem;
  border-width: 0;
  vertical-align: middle;
  font-size: 0.8em;
  text-align: right;
}
table.count tbody td input.xx-small,
table.count tbody td input.money {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

div.receipt_box {
  background-color: #fff;
  border: 1px solid #ccc;
  max-width: 600px;
  padding: 30px;
  margin: 30px;
  clear: both;
}

@media (max-width: 736px) {
  #register {
    height: auto;
  }
  #register aside,
#register section.main {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #register aside {
    width: 100%;
    overflow-y: initial;
  }
  #register section.main {
    overflow: initial;
    margin: 0;
    height: auto;
  }
}
/* REGISTER TABLE ITEM LISTING */
table.register-listing {
  width: 100%;
}

/* WORKORDER LISTING PAGE */
td.workorder-info {
  text-align: left;
  vertical-align: top;
  word-wrap: break-word;
  max-width: 0;
  width: 50%;
}

td.workorder-info span {
  display: block;
  background-color: #eee;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid black;
}

td.workorder-info.public-note {
  border-right: 1px solid #ccc;
}

.date_range_field {
  display: inline-block;
  position: relative;
}
.date_range_field::after {
  content: "\F073";
  position: absolute;
  top: 10px;
  right: 8px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
}
.date_range_field input.date_range {
  width: 14.5em;
  padding-right: 24px;
}

div.date_range {
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: -4px 0 0;
  z-index: 10;
  width: 542px;
}
div.date_range > p {
  border-bottom: 1px solid #ccc;
  margin: 0;
  color: #999;
  background-color: #eee;
  font-size: 0.8em;
  text-align: center;
  line-height: 3;
  min-height: 3em;
}
div.date_range > p a.open_range {
  display: none;
  float: left;
  color: #999;
  padding: 0 8px;
  margin: 0;
  font-size: 0.9em;
  line-height: 3.25;
  text-transform: uppercase;
}
div.date_range > p a.open_range:hover {
  background-color: #3d89d1;
  color: #fff;
  cursor: pointer;
}
div.date_range > p a.open_range:active {
  background-color: #3d89d1;
}
div.date_range > p a.open_range:first-child {
  border-right: 1px solid #ccc;
}
div.date_range > p a.open_range:first-child i {
  margin-left: 2px;
}
div.date_range > p a.open_range:last-child {
  border-left: 1px solid #ccc;
  float: right;
}
div.date_range > p a.open_range:last-child i {
  margin-right: 2px;
}
div.date_range .date_range_calendars {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
div.date_range .date_range_calendars > a {
  display: block;
  float: left;
  padding: 70px 2px 70px 4px;
  height: 170px;
  width: 22px;
  margin: 0 6px 0 0;
  position: relative;
  font-size: 16px;
  text-decoration: none;
  color: #ccc;
}
div.date_range .date_range_calendars > a:hover {
  color: #3d89d1;
  background-color: #e2edf8;
  cursor: pointer;
}
div.date_range .date_range_calendars > a:active {
  color: #3d89d1;
}
div.date_range .date_range_calendars > a:last-child {
  padding-left: 6px;
  margin: 0 0 0 -6px;
  float: right;
}
div.date_range .date_range_calendars h4 {
  text-transform: uppercase;
  color: #3d89d1;
  font-size: 0.8em;
  text-align: center;
  margin: 8px 0 7px;
  font-weight: 400;
}
div.date_range .date_range_calendars h4:hover {
  cursor: pointer;
  color: #3d89d1;
}
div.date_range ol.months {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.date_range ol.months > li {
  overflow: hidden;
  margin: 0 8px 0 0;
  width: 156px;
  float: left;
}
div.date_range ol.month {
  list-style: none;
  padding: 0;
  margin: 0 auto 5px;
  width: 154px;
  overflow: hidden;
}
div.date_range ol.month li {
  float: left;
  text-align: center;
  font-size: 0.6em;
  color: #999;
  width: 22px;
  height: 22px;
  line-height: 21px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  margin: 0;
  padding: 0;
}
div.date_range ol.month li:nth-child(-n+7) {
  border-top: 1px solid #eee;
}
div.date_range ol.month li:nth-child(7n) {
  border-right: 1px solid #eee;
}
div.date_range ol.month li:last-child {
  border-right: 1px solid #eee;
}
div.date_range ol.month li:hover {
  cursor: pointer;
  background-color: #3d89d1;
  color: #fff;
}
div.date_range ol.month li.next, div.date_range ol.month li.next:hover, div.date_range ol.month li.prev, div.date_range ol.month li.prev:hover {
  background: none;
  color: #eee;
  cursor: default;
}
div.date_range ol.month li.selected {
  background-color: #a4c8e9;
  color: #3d89d1;
}
div.date_range .date_range_controls {
  overflow: hidden;
  padding: 0;
  background-color: #eee;
}
div.date_range .date_range_controls fieldset {
  margin: 11px 11px 0;
  border: none;
  padding: 0;
  float: left;
  width: 55%;
}
div.date_range .date_range_controls fieldset .date-wrapper {
  width: auto;
}
div.date_range .date_range_controls fieldset .date-wrapper input[type=text] {
  padding: 5px 30px 5px 5px;
}
div.date_range .date_range_controls fieldset input {
  float: none;
  height: auto;
}
div.date_range .date_range_controls fieldset span {
  display: inline-block;
  color: #999;
  font-size: 0.8em;
  margin: 0 3px;
}
div.date_range .date_range_controls .date_range_shortcuts {
  margin: 0;
  padding: 9px 12px;
  border-left: 1px solid #ccc;
  float: right;
  font-size: 0.7em;
  color: #999;
  width: 200px;
  line-height: 1.5;
}
div.date_range .date_range_controls .date_range_shortcuts a {
  color: #3d89d1;
}

.date-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.date-wrapper::after {
  content: "\F073";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
}
.date-wrapper input[type=text], .date-wrapper input[type=date] {
  width: 8.25em;
  padding-right: 24px;
}

.workorder-customer-new .date-wrapper {
  width: auto;
}
.workorder-customer-new .date-wrapper::after {
  right: 15px;
  margin-top: -11px;
}

.time-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.time-wrapper::after {
  content: "\F017";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
}
.time-wrapper input[type=text], .time-wrapper input[type=time] {
  width: 6.75em;
  padding-right: 24px;
  margin-left: -1px;
}

.date-time-wrapper {
  width: auto;
}

.rights-row td:first-child {
  min-width: 320px;
}

div#localize-widget {
  border-radius: 3px 3px 0 0;
}
div#localize-widget.localize-dark,
div#localize-widget #localize-active-lang {
  color: #979797 !important;
  background: #2b2c2b !important;
}
body.griffin div#localize-widget {
  display: none !important;
}
div#localize-widget:hover #localize-powered-by a {
  display: none !important;
}
div#localize-widget #localize-active-lang,
div#localize-widget #localize-widget-langs a {
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
  height: 33px;
  line-height: 32px;
}

.zEWidget-launcher {
  margin: 10px 13px !important;
}

.chart__item.cirrus .cr-uppercase-title {
  text-transform: uppercase;
  color: #181a1a;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.chart__item.cirrus p {
  margin: 0;
}
.chart__item.cirrus .chart__wrapper {
  position: relative;
}
.chart__item.cirrus .chart__loading__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
}

.chart__item .yAxis text,
.chart__item .xAxis text {
  fill: #848a8a;
}
.chart__item .yAxis text {
  font-size: 0.75rem;
}
.chart__item .xAxis text {
  font-size: 0.75rem;
}
.chart__item .recharts-responsive-container {
  border: solid 1px #c4cacc;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  border-radius: 0.1875rem;
}

.chart__legend {
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 1.5rem;
}
.chart__legend li {
  display: inline-block;
}
.chart__legend li + li {
  margin-left: 2.25rem;
}
.chart__legend__disk {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 0.75rem;
}

.chart__tick {
  text-transform: uppercase;
}

.chart__tooltip {
  color: #fff;
  padding: 0.75rem;
  list-style: none;
  margin: 0;
  line-height: 1;
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  border-radius: 0.1875rem;
  background-color: rgba(24, 26, 26, 0.7);
  border: solid 1px #494c4c;
}
.chart__tooltip li + li {
  padding-top: 0.75rem;
}
.chart__tooltip__disk {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 0.375rem;
}

.recharts-cartesian-grid-horizontal line:first-child {
  display: none;
}

.recharts-cartesian-axis-line {
  stroke-width: 0.5;
}

.view_tab_graphs table {
  table-layout: fixed;
}

.tabs__nav {
  border-bottom: solid 1px #e1e4e5;
}

.tabs__nav-button {
  color: #848a8a;
  cursor: pointer;
}
.tabs__nav-button:hover {
  color: #0c0d0d;
}

.tabs__nav-button--active {
  color: #0c0d0d;
  border-bottom: solid 3px #2875c6;
}

.text-pane {
  position: relative;
  counter-reset: line;
  padding-left: 0.75rem;
  overflow: hidden;
  flex: 1;
  display: flex;
}

.text-pane--code {
  padding-left: 0;
}
.text-pane--code::before {
  content: "";
  width: 2rem;
  top: 0;
  bottom: 0;
  left: 0;
  border-right: 1px solid #c4cacc;
  background: #e1e4e5;
  padding: 0 0.375rem;
  position: absolute;
  z-index: 0;
}

.text-pane__content {
  position: absolute;
  z-index: 1;
  height: 10rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

.text-pane__line {
  display: block;
  line-height: 1.5rem;
  z-index: 2;
  white-space: pre;
}
.text-pane__line:first-child {
  padding-top: 0.375rem;
}
.text-pane__line:last-child {
  padding-bottom: 0.375rem;
}

.text-pane--code .text-pane__line {
  line-height: 1.125rem;
}
.text-pane--code .text-pane__line:first-child {
  padding-top: 0;
}
.text-pane--code .text-pane__line:last-child {
  padding-bottom: 0;
}
.text-pane--code .text-pane__line::before {
  width: 2rem;
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color: #848a8a;
  border-right: 1px solid #c4cacc;
  margin-right: 0.375rem;
  background: #e1e4e5;
  padding: 0 0.375rem;
  text-align: right;
}
.text-pane--code .text-pane__line:first-child::before {
  padding-top: 0.375rem;
}
.text-pane--code .text-pane__line:last-child::before {
  padding-bottom: 0.375rem;
}

.text-pane .cr-button {
  z-index: 3;
  position: absolute;
  right: 1.125rem;
  bottom: 0.75rem;
}

.text-pane__textarea {
  z-index: -1;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980ec;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single .pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-title {
  position: relative;
  text-align: left;
  display: flex;
  height: 32px;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
  font-size: 13px;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 12px;
  margin-bottom: 4px;
  background-color: #fff;
}
.pika-label:hover {
  color: #3d89d1;
}

.pika-next, .pika-prev {
  display: inline-block;
  cursor: pointer;
  position: relative;
  outline: none;
  padding: 0;
  width: 24px;
  height: 24px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 24px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #eee;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  *position: absolute;
  /* stylelint-disable-line declaration-block-no-duplicate-properties */
  *top: 0;
  border: 1px solid #aaa;
  border-radius: 2px;
  margin-left: 3px;
}
.pika-next:hover, .pika-prev:hover {
  opacity: 1;
  background-color: #d5d5d5;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
}
.pika-next.is-disabled, .pika-prev.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev, .pika-prev:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}

.pika-next, .pika-next:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  border: 1px solid #3d89d1;
}
.pika-table th, .pika-table td {
  width: 14.2857142857%;
  padding: 0;
  color: #000;
}
.pika-table th {
  line-height: 1;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  padding: 6px 0;
  font-weight: normal;
  text-align: center;
}
.pika-table th abbr {
  border-bottom: none;
}

.pika-button {
  display: block;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 3px 0;
  color: #666;
  background: none;
  border: 1px solid #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
}
.pika-button:hover {
  border: 1px solid #dae8f6;
  background: #dae8f6 !important;
  box-shadow: none !important;
}

.pika-goto-today {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  margin: 0 6px auto auto;
  text-align: center;
  color: #666;
  background: #eee;
  width: 20%;
  padding: 5px;
  font-size: 10px;
  line-height: 12px;
  border: 1px solid #aaa;
}
.pika-goto-today:hover {
  background: #d5d5d5;
}

.is-today .pika-button {
  border: 1px solid #ccc;
}

.is-selected .pika-button {
  background: #3d89d1;
  color: #fff;
  font-weight: 600;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
}

.page-container {
  margin-left: 0;
  min-width: 320px;
  padding-top: 54px;
  transition: left 0.2s;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}
.page-container::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 0;
  display: none;
  transition: opacity 0.5s;
}
@media (min-width: 1025px) {
  .page-container {
    margin-left: 240px;
  }
}
@media print {
  .page-container {
    display: block;
  }
}

body.drawer_selfclosing .page-container {
  margin-left: 0;
}

body.navigable .page-container:hover {
  cursor: pointer;
}
body.navigable .page-container::before {
  opacity: 1;
  display: block;
  transition: opacity 0.5s;
}
@media (min-width: 1025px) {
  body.navigable:not(.drawer_selfclosing) .page-container:hover {
    cursor: default;
  }
  body.navigable:not(.drawer_selfclosing) .page-container::before {
    display: none;
  }
}

body.drawer_always_open .cr-topbar__toggler {
  display: none;
}
body.drawer_always_open .page-container {
  margin-left: 240px;
}
body.drawer_always_open .page-container::before {
  display: none;
}

header.print {
  display: none;
}

.no_screen {
  display: none;
}

.float-clear-both {
  clear: both;
}

.error-red {
  color: #a44039;
}

.invisible {
  visibility: hidden !important;
}

var {
  font-style: normal;
}

.total {
  text-align: right;
  font-weight: 600;
}

table.record_edit {
  margin-top: 10px;
  border-style: inset;
  border-width: 1px;
}

tr.record_title {
  background-color: #ccc;
}

td.record_title {
  font-weight: 600;
  text-align: center;
}

td.record_item_label {
  text-align: right;
  font-weight: 600;
  font-size: 10pt;
}

input.record_item {
  font-size: 10pt;
}

td.tool_bar {
  background-color: #fff;
  border-width: 1px;
  border-style: outset;
  white-space: nowrap;
}

table.report {
  background: #fff;
  border: 1px solid #000;
  font-size: 10pt;
}
table.report th {
  background: #ccc;
  font-weight: 600;
}
table.report td {
  background: #eee;
}

button.hub-print-disabled,
a.hub-print-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
button.hub-print-loading,
a.hub-print-loading {
  position: relative;
  color: transparent;
}
.functions button.hub-print-loading,
.functions a.hub-print-loading {
  color: transparent;
}
button.hub-print-loading i,
a.hub-print-loading i {
  visibility: hidden !important;
}
button.hub-print-loading .hub-print-spinner,
a.hub-print-loading .hub-print-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
button.hub-print-loading svg,
a.hub-print-loading svg {
  width: 18px;
  height: 18px;
}
.options button .hub-print-spinner,
.options a .hub-print-spinner {
  top: 0;
}
.options button svg,
.options a svg {
  fill: #232a3b;
  position: absolute;
  top: 20px;
  width: 3rem;
  height: 3rem;
}

@media print and (min-width: 500px) {
  @page {
    margin: 1.5cm 1cm 2cm;
  }
  html, body {
    height: 99%;
  }

  html {
    font-size: 75%;
  }
}
@media print {
  .no_print {
    display: none !important;
  }

  a {
    color: #000;
    text-decoration: none;
  }

  thead tr th {
    border-color: #000 !important;
    background: #fff !important;
    page-break-inside: avoid;
  }
  thead tr th a {
    color: #000 !important;
  }

  ul, li, label, td, input[type=select] {
    color: #000 !important;
  }

  .controls, .page, .submit {
    display: none;
  }

  main, .info, .is_pannel, .search-refinements, .advanced {
    border: none !important;
    box-shadow: none;
  }

  textarea, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
    padding: 0;
    border: 1px solid #000;
    box-shadow: none !important;
    color: #000 !important;
  }

  body {
    margin: 0;
    color: #000;
    background-color: #fff;
  }

  .no_screen {
    display: block;
  }

  div.receipt_box {
    background: none;
    border: none;
    width: auto;
  }

  header.print {
    display: block;
    margin: 0 0 1rem;
    font-size: 1rem;
  }
  header.print p {
    margin-bottom: 0;
  }
}
@media print and (min-width: 500px) {
  header.print {
    height: 3.75rem;
    border-bottom: 2px solid #000;
  }
  header.print p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media print {
  div.no_print > div, div.no_print div#print_header {
    display: none;
  }
  div.no_print div#main {
    display: block;
  }
  div.no_print div#main > div {
    display: none;
  }
  div.no_print div#main #listing {
    display: block;
  }
}
@media print {
  #listing .tabs {
    display: none;
  }
  #listing td.lf {
    width: 1px;
    overflow: hidden;
    padding: 0;
  }
  #listing td.lf a.control, #listing td.lf .a, #listing td.lf button, #listing td.lf input {
    display: none;
  }
  #listing .search ul {
    padding: 0 0 0 1px;
    min-height: 0;
  }
  #listing .search ul.search-basic {
    margin: 0.5em 1em 0 0;
  }
}
@media print {
  #view nav.records,
#view .functions,
#view .search,
#view .tab-labels {
    display: none;
  }
  #view .tabs .tab {
    margin: 0;
  }
  #view .tabs .tab .content {
    padding: 0;
  }
  #view .tab h3 {
    color: black;
    background: none;
    border: 1px solid #000;
  }
  #view .image .image-display {
    border-color: #000;
  }
  #view .image .image-display .image-display-footer {
    display: none;
  }
}
@media print {
  .view div.warning,
.view .tabs .tab,
.view .content .listing {
    border-width: 0;
  }
}
@media print {
  .listing .date_range_field input {
    padding-right: 0;
  }
  .listing .date_range_field::after {
    display: none;
  }
  .listing header {
    margin-top: 0.25em;
    border-bottom: none;
  }
  .listing .search-refinements > li {
    height: 3.5em;
    overflow: hidden;
  }
  .listing table {
    width: calc(100% - 1px);
  }
  .listing table .money,
.listing table .th-money,
.listing table .prettymoney {
    max-width: 100%;
  }
  .listing thead td, .listing thead th, .listing tbody td, .listing tbody th {
    padding: 2px 3px 1px;
    height: auto;
  }
  .listing thead td:first-child, .listing thead th:first-child, .listing tbody td:first-child, .listing tbody th:first-child {
    padding: 2px 3px 1px;
  }
  .listing thead th {
    text-transform: none;
    font-weight: 600;
  }
  .listing tbody {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .listing tbody td, .listing tbody th {
    vertical-align: top;
    border: none;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
  }
  .listing tbody td input, .listing tbody th input {
    border: none;
    padding: 0;
    margin: 0;
  }
  .listing tbody tr {
    border-bottom-color: #000;
  }
  .listing tbody td.group, .listing tbody td.row_group {
    padding: 0;
  }
  .listing tbody td.group table td, .listing tbody td.group table th, .listing tbody td.row_group table td, .listing tbody td.row_group table th {
    padding: 0;
  }
  .listing tbody td.lf {
    width: 1px;
    overflow: hidden;
    padding: 0;
  }
  .listing tbody td.lf a.control, .listing tbody td.lf .a, .listing tbody td.lf button, .listing tbody td.lf input {
    display: none;
  }
  .listing tfoot.select_functions {
    display: none;
  }
  .listing a {
    color: #000;
    text-decoration: none;
  }
  .listing .info {
    margin-top: 1.5rem;
  }
  .listing .info table tbody td {
    font-size: 1rem;
  }
  .listing .info table tbody td.label {
    font-weight: 600;
  }
  .listing .info > div > table > tbody {
    border-bottom: none;
    border-right: none;
  }
  .listing .info > div > table > tbody > tr > td {
    border: none;
    padding: 0 1rem 0 0;
  }
}
@media print {
  div.view_box button {
    display: none;
  }
}
@media print {
  body.navigable .page-container,
body.drawer_always_open .page-container,
.page-container {
    padding: 0;
    margin: 0;
  }
}
@media print {
  .page-container {
    min-height: 0;
    max-height: 0;
    margin-left: 0 !important;
  }
}
@media print {
  .view_field_box .form_field_holder, .view_field_box .label {
    border-bottom: 1px solid #000;
    background-color: #fff;
    padding: 2px;
    margin: 0;
    height: auto;
  }
  .view_field_box .form_field_holder input, .view_field_box .label input {
    border: none;
    height: auto;
  }
  .view_field_box .label, .view_field_box .textarea_label {
    border-left-color: #000;
  }
  .view_field_box .form_field_holder {
    border-right-color: #000;
  }
}
@media print {
  td.view_field_box_header, div.view_field_box_header {
    background-color: #fff;
    font-size: 9pt;
    font-weight: 600;
    margin: 0;
    padding: 3px 5px;
  }
}
.app-page-container {
  padding: 40px;
  overflow: hidden;
}

.react-page__ecom-provisioning .progress-container {
  position: relative;
}
.react-page__ecom-provisioning .progress-container .progress-status {
  color: #848a8a;
  position: absolute;
  right: 0;
  top: -1.5rem;
}
.react-page__ecom-provisioning .progress {
  overflow: hidden;
  height: 4px;
  background-color: #e1e4e5;
  border-radius: 4px;
}
.react-page__ecom-provisioning .progress-bar {
  width: 0;
  height: 100%;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5187e0;
  transition: width 0.25s ease;
}

#ideas-login-specify-email h1 {
  font-weight: 600;
  font-size: 1.75em;
  line-height: 1;
  color: #333;
}
#ideas-login-specify-email p {
  font-weight: 400;
  color: #888;
}
#ideas-login-specify-email p.ideas-prompt {
  font-size: 0.9rem;
  margin: 0 0 1em;
}
#ideas-login-specify-email p strong {
  font-weight: 600;
}
#ideas-login-specify-email input[type=email] {
  margin: 0 0 1em;
}
#ideas-login-specify-email input.button {
  margin: 0 0 1.5em;
}

.special-order-editable {
  font-size: 1em;
}

.money-field-container .special-order-editable {
  font-size: 1em;
}

.action-button {
  min-width: 100px;
  margin-top: 3px;
}

.button-spacer {
  height: 5px;
}

.listing table.special-orders .status-label, .listing table.special-orders :hover .status-label {
  margin: -5px 0 1px;
}

.listing table.special-order table td, .listing table.special-order table th {
  height: auto;
  padding: 0;
}

.view .tab .workorder-email {
  padding-right: 16px;
}
.view .tab .workorder-email iframe.workorder-email-preview {
  display: block;
  width: 100%;
  min-height: 20em;
  margin-bottom: 10px;
}
.view .tab .workorder-email label {
  float: left;
  padding-top: 0.3em;
  min-width: 5em;
  text-align: left;
  font-weight: 600;
  margin-bottom: 5px;
}
.view .tab .workorder-email label .workorder-email-custom-info {
  font-weight: 100;
}
.view .tab .workorder-email input[type=text] {
  display: block;
  margin-bottom: 5px;
}
.view .tab .workorder-email .workorder-email-subject {
  margin-bottom: 20px;
}

button.custom_function.workorder-email-send {
  margin-bottom: 40px;
}

table.product-prices {
  position: relative;
  font-size: 0.9375rem;
  margin: 0;
}
table.product-prices tr {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.product-prices thead th {
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #999;
  padding-top: 0.25em;
}
table.product-prices thead th:first-child {
  padding-left: 6px;
}
table.product-prices thead td, table.product-prices thead th {
  border-bottom: 1px solid #ccc;
}
table.product-prices thead :last-child {
  padding-right: 6px;
}
table.product-prices tbody th {
  text-align: left;
  padding: 5px 0 5px 6px;
  color: #555;
}
table.product-prices tbody th p {
  display: none;
}
table.product-prices tbody tr td:last-of-type {
  padding-right: 6px;
}
table.product-prices tbody td, table.product-prices tbody th {
  border-bottom: 1px solid #ccc;
}
table.product-prices tbody td.price {
  margin: 0;
  padding: 0;
  position: relative;
}
table.product-prices tbody .margin, table.product-prices tbody .markup {
  color: #999;
  font-size: 0.875rem;
  vertical-align: middle;
}
table.product-prices .margin, table.product-prices .markup {
  text-align: right;
}
table.product-prices .price::before {
  position: absolute;
  display: inline-block;
  top: 0.5rem;
  left: 0.25rem;
  content: "$";
  color: #888;
  font-size: 0.875rem;
}
table.product-prices .price.default-linked::after {
  display: block;
  content: "\F0C1";
  position: absolute;
  top: 50%;
  right: -7px;
  margin-top: -7px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
  font-family: FontAwesome;
}
table.product-prices .price input {
  color: #000;
  font-size: 0.875rem;
  width: 7rem;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0.5rem 0.25rem 0.5rem 2.25rem;
  margin: 0;
  text-align: right;
}
table.product-prices .price input:focus {
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
table.product-prices tr.calc p.explanation {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
  font-weight: normal;
  font-size: 0.875rem;
  margin: 12px 0 0 5px;
  padding: 12px;
  text-align: center;
  z-index: 100;
  background-color: #444;
  color: #fff;
  border: none;
  border-radius: 3px;
  /* Fill */
}
table.product-prices tr.calc p.explanation::before, table.product-prices tr.calc p.explanation::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
}
table.product-prices tr.calc p.explanation::after {
  top: -8px;
  left: 16px;
  border-bottom-color: #444;
  border-width: 9px;
}
table.product-prices tr.calc :hover p {
  opacity: 1;
}
table.product-prices tr.calc .price:hover::before {
  color: #999;
}
table.product-prices tr.calc th strong {
  border-bottom: 1px dotted #ccc;
}
table.product-prices tr.calc th::before {
  font-family: FontAwesome;
  content: "\F023";
  font-size: 0.8375rem;
  color: #aaa;
  padding: 4px 0 0;
}
table.product-prices tr.calculated p.explanation.off {
  display: none;
}
table.product-prices tr.calculated input:focus, table.product-prices tr.calculated input:hover {
  background-color: #ffc;
  color: #999;
}
table.product-prices tr.calculated td.calculated {
  color: #444;
  font-weight: 600;
}
table.product-prices tr.uncalculated p.explanation.on {
  display: none;
}
table.product-prices tr.uncalculated th strong {
  border-bottom: 1px dotted #ccc;
}
table.product-prices tr.uncalculated th::before {
  font-family: FontAwesome;
  content: "\F09C";
  font-size: 0.8375rem;
  color: #a44039;
  padding: 4px 4px 0 0;
}

.price-settings label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666;
  padding: 12px 10px;
}
.price-settings label.checkbox {
  display: inline-block;
}
.price-settings label.checkbox:hover {
  cursor: pointer;
}
.price-settings label.checkbox input {
  font-size: 0.9375rem;
  margin: 0 3px 0 0;
}
.price-settings label.select {
  padding-right: 2px;
  display: inline-block;
}
.price-settings select {
  margin-left: 5px;
}
.price-settings div.price-setting {
  border: 1px solid #ccc;
  border-top: none;
}
.price-settings .row-group {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.price-settings .row-group li {
  float: left;
}
.price-settings .row-group li:first-child {
  border-right: 1px solid #ccc;
}

.help-modal {
  display: none !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Lato, "Open Sans", Helvetica, sans-serif;
  z-index: 202;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.15s;
  overflow-y: visible;
}
@media (max-height: 500px) {
  .help-modal {
    overflow-y: scroll;
  }
}
@media (min-width: 480px) {
  .help-modal {
    top: auto;
    right: auto;
    bottom: 40px;
    left: 20px;
    width: 350px;
  }
}
.help-modal::after {
  top: 100%;
  left: 50px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.help-modal.active {
  display: block !important;
  opacity: 1;
}
@media (min-width: 480px) {
  .help-modal.active {
    bottom: 50px;
  }
}

.cr-input,
.cr-input:focus,
.cr-input:active {
  outline: none;
  border: none;
  box-shadow: none;
}

.help-modal-logo {
  outline: 5px solid white;
  outline-offset: -5px;
  transform: translateX(-17px);
}

.help-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #aaa;
  font-size: 2.5rem;
  line-height: 10px;
  padding: 25px 20px 20px;
}
.help-modal-close:hover {
  color: #3d89d1;
}

#help-search-form .cr-icon {
  --cr-icon-base-1-fill: #c4cacc;
  --cr-icon-base-2-fill: #c4cacc;
}

#help-modal-search {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
}

#helpSystemStatusLink:hover {
  background-color: #f8f8f8;
}

#help-modal-links .cr-icon {
  --cr-icon-base-1-fill: #2875c6;
  --cr-icon-base-2-fill: #2875c6;
}

#helpSystemStatusLink .status-good {
  --cr-icon-base-1-fill: #35b858;
  --cr-icon-base-2-fill: #35b858;
}

#helpSystemStatusLink .status-minor {
  --cr-icon-base-1-fill: #e69524;
  --cr-icon-base-2-fill: #e69524;
}

#helpSystemStatusLink .status-major {
  --cr-icon-base-1-fill: #ed5153;
  --cr-icon-base-2-fill: #ed5153;
}

.detail-view-container {
  position: relative;
}

.detail-view-shade {
  position: absolute;
  top: -1em;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 99;
}

.detail-view-busy-spinner {
  margin-left: 1em;
  margin-right: 0.25em;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.label-print-modal.cirrus {
  max-width: 600px;
}
.label-print-modal.cirrus .cr-modal__body {
  padding: 0 1.5rem;
}
.label-print-modal.cirrus a {
  cursor: pointer;
}
.label-print-modal.cirrus [class*=medal-] {
  width: 180px;
  height: 180px;
}
.label-print-modal.cirrus .numeric-input-container {
  display: inline-block;
}
.label-print-modal.cirrus .numeric-input-container > * {
  vertical-align: middle;
}
.label-print-modal.cirrus .label-size-note {
  width: 215px;
}
.label-print-modal.cirrus .label-size-normal {
  width: 198px;
  height: 114px;
}
.label-print-modal.cirrus .label-size-small {
  width: 114px;
  height: 92px;
}
.label-print-modal.cirrus .label-size-alt {
  width: 174px;
  height: 92px;
}
.label-print-modal.cirrus .label-size-jewelry {
  width: 192px;
  height: 50px;
}
.label-print-modal.cirrus .react-numeric-input b:hover {
  background: transparent !important;
}
.label-print-modal.cirrus .react-numeric-input b:active {
  box-shadow: none !important;
}
.label-print-modal.cirrus .progress-container {
  position: relative;
}
.label-print-modal.cirrus .progress-container .progress-status {
  color: #848a8a;
  position: absolute;
  right: 0;
  top: -1.5rem;
}
.label-print-modal.cirrus .progress {
  overflow: hidden;
  height: 4px;
  background-color: #e1e4e5;
  border-radius: 4px;
}
.label-print-modal.cirrus .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5187e0;
  transition: width 0.25s ease;
}

#item-import.image-import-modal .page-content {
  position: relative;
  pointer-events: none;
}
#item-import.image-import-modal .page-content .dropzone-container {
  position: relative;
  height: 117px;
  pointer-events: auto;
}
#item-import.image-import-modal .page-content .dropzone-container .upload-csv {
  margin-top: -4px;
}
#item-import.image-import-modal .browse-images {
  pointer-events: auto;
}
#item-import.image-import-modal .skipped-image-container {
  text-align: right;
}
#item-import.image-import-modal .skipped-image-container .skipped-images {
  display: block;
  padding-right: 16px;
  color: #b93435;
  cursor: pointer;
}
#item-import.image-import-modal p {
  line-height: 24px;
  margin: 0;
}
#item-import.image-import-modal span {
  font-size: 13px;
  color: #848a8a;
}
#item-import.image-import-modal a {
  font-size: 13px;
}
#item-import.image-import-modal .progress-bar {
  margin-left: 12px;
  background-color: white;
  width: 96%;
}
#item-import.image-import-modal .progress-bar .text {
  text-transform: none;
  width: 425px;
  left: 0;
  text-align: left;
  font-size: 14px;
  color: #181a1a;
  font-weight: normal;
}
#item-import.image-import-modal .progress-bar .text a {
  font-size: 14px;
}
#item-import.image-import-modal .progress-bar .bar {
  margin-top: 6px;
}
#item-import.image-import-modal .progress-bar .progress-text {
  top: 0;
  right: 0;
  position: absolute;
  color: #848a8a;
  font-size: 14px;
}
#item-import.image-import-modal .show-upload-container {
  visibility: visible;
  opacity: 1;
  left: 0;
}
#item-import.image-import-modal .show-error-container {
  visibility: visible;
  opacity: 1;
  left: 24px;
}
#item-import.image-import-modal .hide-error-container {
  visibility: hidden;
  opacity: 0;
  left: 48px;
}
#item-import.image-import-modal .hide-upload-container {
  visibility: hidden;
  opacity: 0;
  left: -24px;
}
#item-import.image-import-modal .upload-container {
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.165s;
  position: relative;
  top: 0;
}
#item-import.image-import-modal .error-container {
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.165s;
  position: absolute;
  width: 100%;
  top: 0;
}
#item-import.image-import-modal table {
  position: relative;
  left: -12px;
  width: calc(100% - 24px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #c4cacc;
  border-radius: 3px;
  border-width: 1px;
  border-spacing: 0;
}
#item-import.image-import-modal table thead,
#item-import.image-import-modal table tbody {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#item-import.image-import-modal table thead {
  height: 38px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  width: calc(100% - 1em);
}
#item-import.image-import-modal table thead th {
  white-space: nowrap;
  text-align: left;
  padding: 10px;
  border-bottom: solid 1px #c4cacc;
  max-width: 40%;
  width: 292px;
}
#item-import.image-import-modal table thead th:first-child {
  border-right: solid 1px #c4cacc;
}
#item-import.image-import-modal table tbody {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
#item-import.image-import-modal table tbody::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  margin: 10px;
}
#item-import.image-import-modal table tbody::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
#item-import.image-import-modal table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}
#item-import.image-import-modal table tbody td {
  padding: 10px;
  border-bottom: solid 1px #c4cacc;
  border-collapse: separate;
  width: 292px;
}
#item-import.image-import-modal table tbody td:last-child {
  color: #ed5153;
  padding-left: 4px;
}
#item-import.image-import-modal table tbody td:first-child {
  max-width: 292px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view_tab_ecommerce td.label {
  display: block;
  margin-bottom: 0.375rem;
  width: 100%;
}
.view_tab_ecommerce td.label + td.form_field_holder {
  display: block;
  width: 100%;
}
.view_tab_ecommerce [data-react-root=RichTextEditor] {
  margin-bottom: 0.75rem;
}

/* Settings page */
.icon-tipping {
  background: url(https://d2o5po5b88zacb.cloudfront.net/dist/assets/lshash-9919532/44814d6d26e330d4d33ce139f84798de.svg) no-repeat center;
  width: 61px;
  height: 61px;
  fill: none;
}

.discount-rules-last-modified {
  color: #666;
  padding: 6px 0 18px;
}

#discount_rule_listings_discount_rule_applies_view_title {
  background-color: #ddd;
  color: #000;
  font-size: 0.875rem;
  padding: 8px;
}

.view_field_box .form_field_holder .discount-rules-half-width {
  width: 50%;
}

td.discount-rules-half-width .date-wrapper {
  width: 50%;
}
#analytics_dashboard {
  background: whitesmoke;
  color: #494c4c;
  margin: -17px -16px 0 -17px;
  padding: 20px 30px;
}
#analytics_dashboard .cirrus {
  font-family: Lato, "Open Sans", Helvetica, sans-serif;
}
#analytics_dashboard .row {
  padding: 0;
}
#analytics_dashboard .dashboard-container {
  display: flex;
  flex-direction: column;
  max-width: 1080px;
  margin: auto;
}
#analytics_dashboard .sales-by-hour-graph {
  background: white;
  border: 1px solid #333;
}
#analytics_dashboard .wide-view-container {
  display: flex;
  flex-direction: row;
}
#analytics_dashboard .side-column {
  flex-grow: 1;
  flex-basis: 30%;
  margin-right: 1.875rem;
  max-width: 343px;
}
#analytics_dashboard .main-column {
  flex-grow: 2;
}
#analytics_dashboard .action-centre-header {
  margin-bottom: 0.375rem;
}
#analytics_dashboard .action-centre-header .action-centre-header-title {
  display: inline-block;
  padding: 0 1.125rem;
}
#analytics_dashboard .action-centre-header .action-centre-header-title h1 {
  font-weight: bold;
  font-size: 1.4rem;
  margin: 12px 0 0;
}
#analytics_dashboard .action-centre-header .action-centre-header-title .cr-text--body-large {
  color: #737883;
  letter-spacing: 0.01rem;
  margin: 0;
}
#analytics_dashboard .header-date {
  background: white;
  border: 1px solid #abb3b3;
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15);
  border-radius: 0.375rem;
  margin-bottom: 15px;
  text-align: center;
  width: 60px;
  float: left;
}
#analytics_dashboard .header-date .month {
  color: #abb3b3;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
}
#analytics_dashboard .header-date .day {
  font-size: 2rem;
  padding: 2px 0 12px;
}
#analytics_dashboard .store-selector {
  display: block;
  float: right;
  margin: 20px 0 0;
}
#analytics_dashboard .store-selector .cr-icon-shop {
  stroke: none;
  margin: 0 15px 0 0;
  vertical-align: -1px;
}
#analytics_dashboard .store-selector .dropdown-menu {
  min-width: 200px;
}
#analytics_dashboard .store-selector .dropdown .caret {
  position: initial;
  margin: 0 5px 0 20px;
}
#analytics_dashboard .store-selector .dropdown-toggle {
  background: #fff;
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15);
  border: 1px solid #c4cacc;
  margin: 10px 10px 0 0;
  padding: 0 5px;
}
#analytics_dashboard .header-buttons {
  float: right;
  margin-top: 1.875rem;
}
#analytics_dashboard .feedback, #analytics_dashboard .new-sale {
  display: inline-block;
  margin-left: 0.375rem;
}
#analytics_dashboard .feedback a {
  color: #494c4c;
}
#analytics_dashboard .new-sale a {
  color: #fff;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
#analytics_dashboard .action-centre-board {
  background: #fff;
  border: 1px solid #abb3b3;
  border-radius: 0.375rem;
  box-shadow: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15);
  margin-bottom: 1.875rem;
}
#analytics_dashboard .action-centre-chart .chart-container {
  border-top: 2px solid #f3f3f3;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
}
#analytics_dashboard .action-centre-chart .yAxis .recharts-cartesian-axis-tick:first-child {
  display: none;
}
#analytics_dashboard .main-info-board .action-centre-line-item {
  border: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-end;
}
#analytics_dashboard .infoBox {
  display: inline-block;
  width: 33%;
  text-align: center;
  margin: 15px 0;
}
#analytics_dashboard .infoBox h1 {
  line-height: 1;
  margin: 0;
  padding: 5px 0;
  border-right: 1px solid #e1e4e5;
  font-size: 2.5rem;
}
#analytics_dashboard .infoBox:nth-child(3n) h1 {
  border: none;
}
#analytics_dashboard .infoBox h6 {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  color: #494c4c;
  opacity: 0.6;
}
#analytics_dashboard .action-centre-title {
  padding: 0.75rem 1.125rem 0;
}
#analytics_dashboard .action-centre-title h3 {
  font-weight: bold;
  background: none;
  border: none;
  color: #393f4c;
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0;
  padding: 0;
}
#analytics_dashboard .action-centre-title .cr-text--body-small {
  color: #737883;
  font-size: 0.8rem;
  margin-top: 0;
}
#analytics_dashboard .action-centre-line-item {
  border-top: 1px solid #e1e4e5;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
}
#analytics_dashboard .action-centre-line-item .notice-line-item {
  flex-grow: 1;
}
#analytics_dashboard .action-centre-line-item .line-item-header a {
  color: #494c4c;
  font-weight: 600;
}
#analytics_dashboard .action-centre-line-item .line-item-header .link {
  color: #2875c6;
  font-weight: 400;
  float: right;
}
#analytics_dashboard .action-centre-line-item .line-item-header .cr-icon {
  margin: 0 0.75rem 0 1.125rem;
  vertical-align: text-top;
}
#analytics_dashboard .action-centre-line-item .line-item-header .cr-icon-chevron-right {
  vertical-align: middle;
  margin-left: 6px;
}
#analytics_dashboard .action-centre-line-item .line-item-header .hover-to-see {
  opacity: 0;
}
#analytics_dashboard .action-centre-line-item .line-item-header:hover .cr-icon {
  fill: #2875c6;
}
#analytics_dashboard .action-centre-line-item .line-item-header:hover .hover-to-see {
  opacity: 1;
}
#analytics_dashboard .action-centre-line-item .expanded-line {
  margin-left: 2.875rem;
}
#analytics_dashboard .action-centre-line-item .activity-line-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#analytics_dashboard .action-centre-line-item .activity-line-item .icon-container {
  border-radius: 100%;
  display: flex;
  height: 2.2rem;
  width: 2.2rem;
  margin: 0.375rem 1.125rem;
}
#analytics_dashboard .action-centre-line-item .activity-line-item .icon-container .cr-icon {
  margin: auto;
}
#analytics_dashboard .action-centre-line-item .activity-line-item .sale-icon {
  background: #b9eec7;
}
#analytics_dashboard .action-centre-line-item .activity-line-item .type {
  flex-grow: 2;
}
#analytics_dashboard .action-centre-line-item .activity-line-item .description {
  flex-grow: 4;
  padding: 0 1.125rem;
  text-align: right;
}
#analytics_dashboard .action-centre-line-item .activity-line-item .time-ago {
  width: 120px;
  border-left: 1px solid #e1e4e5;
  padding: 0 0.75rem;
  text-align: center;
}
#analytics_dashboard .loading-board-activity {
  color: #848a8a;
  font-style: italic;
  padding: 1.125rem;
  text-align: center;
}
#analytics_dashboard .no-board-activity {
  color: #848a8a;
  padding: 1.125rem;
  text-align: center;
}
#analytics_dashboard .placeholder-element {
  background: #c6ccce;
  text-align: center;
}

#analytics_dashboard {
  padding-top: 20px;
}

.prototype-msg {
  background: #fff;
  text-align: center;
  margin-bottom: 1.125rem;
}

@media screen and (max-width: 800px) {
  .line-item-details {
    display: none !important;
  }
}

/*# sourceMappingURL=App-ac25ccab-8-bf60ca759fac1bcfc9d1.css.map*/