/* Minification failed. Returning unminified contents.
(62,36): run-time error CSS1030: Expected identifier, found '>'
(62,51): run-time error CSS1031: Expected selector, found ')'
(62,51): run-time error CSS1025: Expected comma or open brace, found ')'
(573,71): run-time error CSS1030: Expected identifier, found '.'
(573,72): run-time error CSS1030: Expected identifier, found 'md-body-1'
(573,102): run-time error CSS1031: Expected selector, found ')'
(573,102): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.md-sidemenu md-divider{width:100%;margin:8px 0}.md-sidemenu md-divider+.md-subheader{margin-top:-8px}.md-sidemenu .md-button{border-left: solid 2px transparent;width:100%;height:48px;min-height:48px;margin:0;padding:0 16px;border-radius:0;background-color:#fff;text-align:left;text-rendering:optimizeLegibility;text-transform:none}.md-sidemenu-button md-icon:first-child,.md-sidemenu-toggle md-icon:first-child{max-width:24px;margin-right:32px}.md-sidemenu .md-button:hover{ background-color: #eee;border-left: solid 2px #3E50B4;}.md-sidemenu .md-button .md-ripple-container{border-radius:0!important}.md-sidemenu .md-subheader{width:100%;height:48px;display:flex;align-items:center}md-sidemenu-button{width:100%;display:flex}.md-sidemenu-button span{flex:1}.md-sidemenu-content{width:100%;min-height:48px;overflow:hidden}.md-sidemenu-toggle.md-active md-icon:last-child{transform:rotate(180deg) translateZ(0)}.md-sidemenu .md-sidemenu-toggle{display:flex;align-items:stretch;justify-content:center;flex-flow:column;z-index:1;transition:.4s cubic-bezier(.25,.8,.25,1)}.md-sidemenu-toggle md-icon{transition:.4s transform cubic-bezier(.25,.8,.25,1)}.md-sidemenu-toggle>div{flex:1;display:flex;align-items:center}.md-sidemenu-wrapper{margin-top:-120%;overflow:hidden;opacity:0;transform:translate3D(0,0,0);transition:.4s cubic-bezier(.55,0,.55,.2);transition-property:transform,opacity,margin,background}.md-sidemenu-wrapper.md-active{margin-top:0;opacity:1;transition-timing-function:cubic-bezier(.25,.8,.25,1)}.md-sidemenu-wrapper.md-sidemenu-wrapper-icons .md-button{padding-left:72px}
   .md-sidemenu-wrapper .md-button {
      padding-left: 32px;
   }
md-backdrop.md-edit-dialog-backdrop{z-index:80}md-edit-dialog{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:81;background-color:#f9f9f9;border-radius:2px;cursor:default}md-edit-dialog>.md-content{padding:16px 24px 0}md-edit-dialog>.md-content .md-title{color:rgba(0,0,0,.87);margin-bottom:8px}md-edit-dialog>.md-content md-input-container{margin:0;font-size:13px}md-edit-dialog>.md-content md-input-container input{float:none}md-edit-dialog>.md-content md-input-container .md-errors-spacer{min-height:auto;min-width:auto;color:rgba(0,0,0,.54)}md-edit-dialog>.md-content md-input-container .md-errors-spacer .md-char-counter{padding:5px 2px 5px 0}md-edit-dialog>.md-content md-input-container [ng-message]{padding:5px 0 5px 2px}md-edit-dialog>.md-actions{margin:0 16px 8px}md-edit-dialog>.md-actions .md-button{margin:0;min-width:initial}md-edit-dialog>.md-actions .md-button+.md-button{margin-left:8px}.md-table-pagination{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;box-sizing:border-box;padding:0 24px;font-size:12px;color:rgba(0,0,0,.54);border-top:1px rgba(0,0,0,.12) solid}.md-table-pagination md-select{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;min-width:64px}.md-table-pagination md-select:not([disabled]):focus .md-select-value{color:rgba(0,0,0,.54)}.md-table-pagination md-select .md-select-value{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.md-table-pagination md-select .md-select-value span.md-select-icon{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-right:-6px!important}.md-table-pagination md-select .md-select-value span.md-select-icon:after{top:initial;-webkit-transform:scaleY(0.5) scaleX(1);transform:scaleY(0.5) scaleX(1)}.md-table-pagination>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:56px}.md-table-pagination>.buttons:not(:first-child),.md-table-pagination>.limit-select:not(:first-child){margin-left:32px}.md-table-pagination>.buttons{margin-right:-16px}.md-table-pagination>.buttons>.md-button.md-icon-button{margin:0}.md-table-pagination>.buttons>.label+.md-button.md-icon-button{margin-left:20px}md-select.md-table-select{margin:0}md-select.md-table-select>.md-select-value{padding:0;min-width:0;min-height:24px;border-bottom:0!important}md-select.md-table-select>.md-select-value>span{display:block;height:auto;-webkit-transform:none!important;transform:none!important}md-select.md-table-select>.md-select-value>span>.md-text{display:inherit;height:inherit;-webkit-transform:inherit;transform:inherit}md-select.md-table-select>.md-select-value>span.md-select-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:24px;margin:0}md-select.md-table-select>.md-select-value>span.md-select-icon:after{top:initial}.md-select-menu-container.md-pagination-select,.md-select-menu-container.md-table-select{margin-left:-2px;border-radius:2px}.md-select-menu-container.md-pagination-select md-content,.md-select-menu-container.md-pagination-select md-select-menu,.md-select-menu-container.md-table-select md-content,.md-select-menu-container.md-table-select md-select-menu{border-radius:inherit}.md-select-menu-container.md-pagination-select md-content,.md-select-menu-container.md-table-select md-content{padding:0}.md-select-menu-container.md-table-select .md-text{font-size:13px}.md-select-menu-container.md-pagination-select .md-text{font-size:12px}md-toolbar.md-table-toolbar{box-shadow:none}md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default{background-color:#fff;color:rgba(0,0,0,.87)}md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button,md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button{color:rgba(0,0,0,.87)}@media only screen and (max-width:959px) and (min-width:0) and (orientation:landscape){md-toolbar.md-table-toolbar .md-toolbar-tools{height:64px;max-height:initial}}md-toolbar.md-table-toolbar .md-toolbar-tools{padding:0 24px}md-toolbar.md-table-toolbar .md-toolbar-tools md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button{margin:0}md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:first-child{margin-left:-12px}md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:last-child{margin-right:-12px}md-card>md-table-container:first-child,md-card>md-toolbar.md-table-toolbar:first-child{border-top-left-radius:2px;border-top-right-radius:2px}md-card>md-table-container:last-child,md-card>md-toolbar.md-table-toolbar:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}md-table-container{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table.md-table{width:100%;border-spacing:0;overflow:hidden}table.md-table thead.md-head>tr.md-row{height:56px}table.md-table tbody.md-body>tr.md-row,table.md-table tfoot.md-foot>tr.md-row{height:48px}table.md-table thead.md-head+.md-table-progress md-progress-linear{top:-3px}table.md-table .md-table-progress th{padding:0}table.md-table .md-table-progress th md-progress-linear{height:0;transition:opacity 1s}table.md-table .md-table-progress th md-progress-linear.ng-hide{opacity:0}table.md-table .md-table-progress th md-progress-linear>.md-container{height:3px;top:0;transition:none}table.md-table .md-table-progress th md-progress-linear>.md-container>.md-bar{height:3px}table.md-table th.md-column{color:rgba(0,0,0,.54);font-size:12px;font-weight:700;white-space:nowrap}table.md-table th.md-column.md-sort{cursor:pointer}table.md-table th.md-column md-icon{height:16px;width:16px;font-size:16px!important;line-height:16px!important}table.md-table th.md-column md-icon.md-sort-icon{color:rgba(0,0,0,.26);opacity:0;transition:-webkit-transform .25s,opacity .25s;transition:transform .25s,opacity .25s}table.md-table th.md-column md-icon.md-sort-icon.md-asc{-webkit-transform:rotate(0deg);transform:rotate(0deg)}table.md-table th.md-column md-icon.md-sort-icon.md-desc{-webkit-transform:rotate(180deg);transform:rotate(180deg)}table.md-table th.md-column md-icon:not(:first-child){margin-left:8px}table.md-table th.md-column md-icon:not(:last-child){margin-right:8px}table.md-table th.md-column.md-active,table.md-table th.md-column.md-active md-icon{color:rgba(0,0,0,.87)}table.md-table th.md-column.md-active md-icon.md-sort-icon,table.md-table th.md-column:hover md-icon.md-sort-icon{opacity:1}table.md-table tr.md-row[data-ng-repeat].ng-leave,table.md-table tr.md-row[ng-repeat].ng-leave,table.md-table tr.md-row[ng\:repeat].ng-leave,table.md-table tr.md-row[x-ng-repeat].ng-leave{display:none}table.md-table.md-row-select tbody.md-body>tr.md-row{transition:background-color .2s}table.md-table.md-row-select tbody.md-body>tr.md-row:not([disabled]):hover{background-color:#eee!important}table.md-table.md-row-select tbody.md-body>tr.md-row.md-selected{background-color:#f5f5f5}table.md-table.md-row-select td.md-cell:first-child,table.md-table.md-row-select th.md-column:first-child{width:20px;padding:0 0 0 24px}table.md-table.md-row-select td.md-cell:nth-child(2),table.md-table.md-row-select th.md-column:nth-child(2){padding:0 24px}table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2){padding:0 56px 0 0}table.md-table:not(.md-row-select) td.md-cell:first-child,table.md-table:not(.md-row-select) th.md-column:first-child{padding:0 24px}table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2){padding:0 56px 0 0}table.md-table td.md-cell,table.md-table th.md-column{vertical-align:middle;text-align:left}table.md-table td.md-cell>*,table.md-table th.md-column>*{vertical-align:middle}table.md-table td.md-cell:last-child,table.md-table th.md-column:last-child{padding:0 24px 0 0}table.md-table td.md-cell.md-clickable,table.md-table th.md-column.md-clickable{cursor:pointer}table.md-table td.md-cell.md-clickable:focus,table.md-table th.md-column.md-clickable:focus{outline:0}table.md-table td.md-cell.md-numeric,table.md-table th.md-column.md-numeric{text-align:right}table.md-table td.md-cell md-checkbox,table.md-table th.md-column md-checkbox{margin:0;width:20px}table.md-table td.md-cell{color:rgba(0,0,0,.87);font-size:13px;border-top:1px rgba(0,0,0,.12) solid}table.md-table td.md-cell.md-numeric md-select{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}table.md-table td.md-cell.md-numeric md-select .md-select-value{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}table.md-table td.md-cell.md-placeholder{color:rgba(0,0,0,.26)}table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;color:rgba(0,0,0,.54);width:18px;text-align:right}table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon:after{-webkit-transform:scaleY(0.4) scaleX(0.8);transform:scaleY(0.4) scaleX(0.8)}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.md-toolbar-tools h2, .md-toolbar-tools input {
   padding: 0 6px;
}
.md-toolbar-tools md-input-container {
   margin-bottom: 0px;  
}
md-dialog-content .hint {
   color: grey;
   font-size: 12px;
   transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}  
/* Lisa's colors (Marc's Sprint 3): the Fundraising.com teal #00BAB5 for accents, the darker #007F7B for text and
   buttons (white on #00BAB5 is hard to read), #E0F7F6 / #B3EEEC for subtotal / total rows, #F5F7F7 for striping.
   The buttons and toolbars get the same teal from the theme in Scripts/lisa/modules.js. */
.text-md-primary {
   color: #007F7B;
}
/* One font everywhere: Roboto (Angular Material's), not Bootstrap's Helvetica/Arial in the tables. */
html body, html body .table, html body .md-body-1, html body .md-caption {
   font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}
form#report md-input-container {
   margin: 0px;
}
/* Quick select row at the top of a report's filters (<lisa-quick-dates>), with the range now selected. */
.lisa-quick-dates {
   padding: 4px 8px 0;
   margin-bottom: 12px;
}
.lisa-quick-dates .lisa-quick-dates-title {
   font-weight: 500;
   color: #555;
   margin-right: 4px;
}
.lisa-quick-dates .md-button.lisa-quick-date {
   min-height: 30px;
   line-height: 30px;
   font-size: 13px;
   text-transform: none;
   margin: 4px;
}
.lisa-quick-dates .lisa-quick-dates-selected {
   margin-left: 16px;
   font-size: 14px;
   color: #555;
}
.lisa-quick-dates .lisa-quick-dates-selected strong {
   color: #007F7B;
   font-weight: 500;
}
/* Report date boxes wide enough for their labels ("Sales Confirm Date" was cut to "Sales Confirm D..."): Angular
   Material makes a date box's floating label 84px narrower than the box. */
form#report md-input-container:has(> md-datepicker) {
   min-width: 220px;
}
/* A date picker whose placeholder is longer than Angular Material's narrow date box (Weekly Pace "Any day of the week"). */
md-input-container.lisa-wide-date {
   min-width: 230px;
}
md-input-container.lisa-wide-date .md-datepicker-input-container {
   width: 180px;
}
md-input-container.lisa-wide-date .md-datepicker-input {
   max-width: none;
   width: 100%;
}
/* Report buttons all the same size: layout-padding would pad Reset/Submit/Download CSV but not the Excel and PDF
   buttons inside <lisa-report-exports>. */
form#report [layout-padding] > .md-button {
   padding: 0 6px;
   align-self: center;
}
/* ... and evenly spaced: layout-padding would also pad <lisa-report-exports>, 8px more space before Download Excel, and
   on the pages whose button row isn't centered, stretch Reset/Submit/Download CSV to its height (52px, not 36px). */
form#report [layout-padding] > lisa-report-exports {
   padding: 0;
}
.text-success {
   color: #259b24;
}
.text-primary {
   color: #01579b;
}
.text-warning {
   color: #cddc39;
}
.text-error {
   color: #dd514c;
}
.toast-error .md-toast-content{
   background-color: #dd514c !important;
}
.toast-success .md-toast-content{
   background-color: #5eb95e !important;
}
/* Reports home: a newly added report (IsNew in the report list) gets a NEW tag, in orange so it stands out from the teal. */
.lisa-new-tag {
   background-color: #E65100;
   color: #fff;
   border-radius: 3px;
   font-size: 10px;
   padding: 1px 4px;
   vertical-align: middle;
}
/* Reports home: the heading of a group of reports (Sales, Profitability, ...) */
.lisa-report-category {
   margin: 56px 4px 8px;
   padding-bottom: 6px;
   border-bottom: 2px solid #00BAB5;
   color: #007F7B;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
}
/* Reports home tiles: icon and name at the top of the tile, just above the button, not centred over the whole tile. */
md-grid-list.report-titles md-grid-tile figure {
   align-items: flex-start;
   justify-content: flex-start;
   padding: 12px 14px 0;
}
md-grid-list.report-titles md-grid-tile {
   background-color: #fff;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
md-grid-list.report-titles md-grid-tile ng-md-icon {
   flex-shrink: 0;
   margin-right: 10px;
}
.lisa-tile-text {
   text-align: left;
}
.lisa-tile-text .lisa-tile-name {
   font-size: 15px;
   font-weight: 500;
   line-height: 20px;
}
.lisa-tile-text .lisa-tile-description {
   font-size: 13px;
   line-height: 17px;
   color: #616161;
   margin-top: 2px;
}
md-grid-list.report-titles md-grid-tile md-grid-tile-footer {
   background: transparent;
}
.lisa-report-category.lisa-report-category-first {
   margin-top: 20px;
}
.lisa-report-category .lisa-report-category-note {
   color: #757575;
   font-size: 14px;
   font-weight: normal;
   letter-spacing: normal;
   text-transform: none;
   margin-left: 10px;
}
.vertical-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  height: 100%;
}
@media print
{
    .hidden-print, .hidden-print *
    {
        display: none !important;
    }
}
/* The header bar at the top of every report (<lisa-report-header>): name, dates of the results, when generated. */
.lisa-report-header {
   background-color: #fff;
   border-left: 6px solid #00BAB5;
   border-bottom: 1px solid #e0e0e0;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
   padding: 4px 16px 4px 4px;
   margin-bottom: 8px;
   min-height: 56px;
}
.lisa-report-header .lisa-report-header-name {
   color: #007F7B;
   font-size: 22px;
   font-weight: 500;
   margin: 0;
}
.lisa-report-header .lisa-report-header-dates {
   text-align: center;
   font-size: 15px;
   font-weight: 500;
   color: #333;
}
.lisa-report-header .lisa-report-header-generated {
   text-align: right;
   font-size: 13px;
   color: #757575;
}
/* The summary bar under the header (Marc's "glance line"): the report's key numbers, after it has run. */
.lisa-summary-bar {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   background-color: #E0F7F6;
   border-left: 6px solid #007F7B;
   padding: 10px 16px;
   margin-bottom: 12px;
   font-size: 16px;
   color: #333;
}
.lisa-summary-bar .lisa-summary-item:not(:first-child)::before {
   content: "|";
   color: #4DD8D4;
   margin: 0 14px;
}
.lisa-summary-bar strong {
   font-size: 20px;
   font-weight: 500;
   color: #007F7B;
}
.lisa-summary-bar .lisa-summary-item.text-error strong {
   color: #dd514c;
}
.lisa-summary-bar .lisa-summary-note {
   margin-left: auto;
   padding-left: 16px;
   font-size: 13px;
   color: #757575;
}
/* Every report table looks the same (Bootstrap .table, including the results table of <lisa-report-table>): teal
   headings, light gray striping, rep subtotals bold on light teal, totals bold on a darker teal with a line above.
   "html body" outranks Bootstrap, which is loaded after this file. */
html body .table > thead > tr > th {
   background-color: #007F7B;
   color: #fff;
   font-weight: 500;
   border-bottom: 2px solid #00BAB5;
   vertical-align: bottom;
}
html body .table-striped > tbody > tr:nth-of-type(odd) > td {
   background-color: #F5F7F7;
}
html body .table-striped > tbody > tr:nth-of-type(even) > td {
   background-color: #fff;
}
html body .table-hover > tbody > tr:hover > td {
   background-color: #E0F7F6;
}
/* A subtotal row inside a report table (e.g. a rep's subtotal): bold and shaded, on screen and in the PDF. */
html body table.table > tbody > tr.lisa-subtotal-row > td {
   font-weight: bold;
   background-color: #E0F7F6 !important;
}
/* The total row (tfoot): bold, darker than a subtotal, with a teal line above. */
html body .table > tfoot > tr > td,
html body .table > tfoot > tr > th {
   font-weight: bold;
   background-color: #B3EEEC;
   border-top: 2px solid #007F7B;
}
/* Phones (Marc's Sprint 3B): everything below is for screens under 768px wide; desktop and the PDF are unchanged.
   "screen" keeps a portrait PDF (720px wide) from getting the phone layout. Scripts/lisa/directives/mobile.js adds the
   phone's own date pickers; the menu button, the By Rep accordion and the tappable tiles only work on phones. */
.lisa-mobile-only, .lisa-native-date {
   display: none;
}
@media screen and (max-width: 767px) {
   md-menu.lisa-mobile-only {
      display: block;
   }
   span.lisa-mobile-only {
      display: inline;
   }
   /* The account menu (name, Logout) moves to the bottom of the phone menu. */
   .lisa-desktop-only {
      display: none !important;
   }
   .lisa-report-menu .lisa-report-menu-heading md-icon {
      font-size: 18px;
      width: 18px;
      height: 18px;
      min-height: 18px;
      margin: 0 4px 0 0;
      color: #007F7B;
      vertical-align: text-bottom;
   }
   .lisa-report-menu {
      max-height: 80vh;
   }
   .lisa-report-menu .lisa-report-menu-heading {
      min-height: 32px;
      padding-top: 8px;
      color: #007F7B;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border-top: 1px solid #e0e0e0;
   }
   /* The page scrolls as a whole (not inside md-content), so the report's header can stay at the top. */
   md-content {
      overflow: visible !important;
   }
   /* Report header: name, dates and back arrow stay at the top while scrolling through the data. */
   lisa-report-header {
      display: block;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 20;
   }
   .lisa-report-header {
      padding: 2px 8px 6px 0;
   }
   .lisa-report-header > [flex] {
      flex: 1 1 100% !important;
      max-width: 100% !important;
   }
   .lisa-report-header .md-icon-button {
      width: 48px;
      height: 48px;
      min-width: 48px;
      margin: 0;
   }
   .lisa-report-header .md-icon-button md-icon {
      font-size: 28px;
      width: 28px;
      height: 28px;
   }
   .lisa-report-header .lisa-report-header-name {
      font-size: 19px;
      line-height: 24px;
   }
   .lisa-report-header .lisa-report-header-dates,
   .lisa-report-header .lisa-report-header-generated {
      text-align: left;
      padding-left: 48px;
   }
   .lisa-report-header .lisa-report-header-dates {
      font-size: 15px;
   }
   .lisa-report-header .lisa-report-header-generated {
      font-size: 12px;
   }
   /* Summary bar: one number per line, big enough to read at a glance. */
   .lisa-summary-bar {
      flex-direction: column;
      align-items: flex-start;
   }
   .lisa-summary-bar .lisa-summary-item {
      padding: 3px 0;
   }
   .lisa-summary-bar .lisa-summary-item:not(:first-child)::before {
      content: none;
   }
   .lisa-summary-bar strong {
      font-size: 22px;
   }
   .lisa-summary-bar .lisa-summary-note {
      margin-left: 0;
      padding-left: 0;
      margin-top: 4px;
   }
   /* Quick select: big buttons, full width, one under the other. */
   .lisa-quick-dates.layout-row {
      flex-direction: column;
      align-items: stretch;
   }
   .lisa-quick-dates .lisa-quick-dates-title {
      margin: 0 0 4px;
   }
   .lisa-quick-dates .md-button.lisa-quick-date {
      margin: 4px 0;
      min-height: 48px;
      line-height: 48px;
      font-size: 16px;
   }
   .lisa-quick-dates .lisa-quick-dates-selected {
      margin: 8px 0 0;
   }
   /* Filters: one per line, full width (the Rep dropdown too). */
   form#report .layout-row {
      flex-wrap: wrap;
   }
   form#report md-input-container,
   md-input-container.lisa-wide-date {
      flex: 1 1 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin-bottom: 12px;
   }
   form#report md-input-container md-select,
   form#report md-input-container md-autocomplete {
      width: 100%;
   }
   form#report .layout-row > div[flex]:empty {
      display: none;
   }
   form#report .lisa-form-help {
      flex: 1 1 100% !important;
   }
   /* Reset, Submit, Download CSV, Excel and PDF: big, lined up, two or three to a line. */
   form#report .md-button:not(.md-icon-button) {
      min-height: 44px;
      line-height: 44px;
   }
   form#report .layout-row > .md-button:not(.md-icon-button),
   form#report lisa-report-exports .md-button {
      flex: 1 1 auto;
      margin: 4px;
   }
   form#report lisa-report-exports {
      display: flex;
      flex: 1 1 100%;
   }
   /* 16px inputs: iOS zooms into a page on any input with smaller text. */
   form#report input, form#report md-select {
      font-size: 16px;
   }
   /* The phone's own date picker (mobile.js) in place of Angular Material's. */
   form#report md-input-container.lisa-has-native-date {
      display: none;
   }
   .lisa-native-date {
      display: block;
      flex: 1 1 100%;
      margin: 0 0 12px;
      padding: 0 8px;
      font-weight: normal;
   }
   .lisa-native-date .lisa-native-date-label {
      display: block;
      font-size: 13px;
      color: #616161;
      margin-bottom: 2px;
   }
   .lisa-native-date input {
      display: block;
      width: 100%;
      min-height: 44px;
      padding: 6px 8px;
      border: 1px solid #bdbdbd;
      border-radius: 4px;
      background-color: #fff;
      font-size: 16px;
      -webkit-appearance: none;
      appearance: none;
   }
   .lisa-native-date input:focus {
      border-color: #00BAB5;
      outline: none;
   }
   /* Tables: swipe left and right inside the table, the first column (rep, product, ...) stays in place, no
      wrapping, taller rows, and stronger striping. */
   md-content table.table {
      display: block;
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }
   md-content .lisa-table-scroll table.table {
      display: table;
      max-width: none;
   }
   md-content .table th,
   md-content .table td {
      white-space: nowrap;
   }
   html body .table > tbody > tr > td,
   html body .table > tfoot > tr > td {
      padding-top: 10px;
      padding-bottom: 10px;
   }
   md-content .table > thead > tr > th:first-child,
   md-content .table > tbody > tr > td:first-child,
   md-content .table > tfoot > tr > td:first-child,
   md-content .table > tfoot > tr > th:first-child {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 1;
      box-shadow: inset -1px 0 0 #c8d4d4;
   }
   /* The first column needs a background to cover what scrolls under it; the striping and totals rules outrank this. */
   md-content table td:first-child {
      background-color: #fff;
   }
   html body .table-striped > tbody > tr:nth-of-type(odd) > td {
      background-color: #E8EFEF;
   }
   /* Sales Detail's By Rep accordion: tap a rep, their sales show under the row. */
   .lisa-accordion-row {
      cursor: pointer;
   }
   .lisa-accordion-arrow {
      display: inline-block;
      width: 16px;
      color: #007F7B;
   }
   md-content .table > tbody > tr.lisa-accordion-detail > td {
      position: static;
      white-space: normal;
      background-color: #fff !important;
      box-shadow: none;
      padding: 0 8px 8px 24px;
   }
   .lisa-accordion-item {
      padding: 8px 0;
      border-bottom: 1px solid #e0e0e0;
   }
   .lisa-accordion-item-name {
      font-weight: 500;
   }
   .lisa-accordion-item-line {
      display: flex;
      color: #616161;
      font-size: 13px;
   }
   .lisa-accordion-item-amount {
      margin-left: auto;
      padding-left: 12px;
      color: #333;
      font-size: 14px;
      font-weight: 500;
   }
   /* Customer Retention's chart: tall enough to read (reportBarChartOptions), and no divider between its periods. */
   .lisa-chart {
      position: relative;
      height: 320px;
   }
   form#report md-divider {
      display: none;
   }
   /* Home: one tile per row (md-cols-sm in Index.cshtml), the whole tile opens the report. */
   md-grid-list.report-titles md-grid-tile {
      cursor: pointer;
   }
}
/* Save as PDF (Marc's report standard): letter landscape, the report's header, results only (no menu, filters or
   buttons), every row, shaded alternate rows and a bold, shaded total row printed once at the end. */
.lisa-print-header {
   display: none;
}
@media print {
   @page { size: letter landscape; margin: 0.4in; }
   html, body {
      height: auto !important;
      overflow: visible !important;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
   /* Angular Material's flex layout and scrolling md-content would print only the first page. */
   body > div, md-content, [layout] {
      display: block !important;
      overflow: visible !important;
      height: auto !important;
      max-height: none !important;
   }
   form#report h1, form#report md-input-container, form#report md-checkbox, md-switch, md-button, .md-button,
   md-progress-circular, md-toast, .lisa-table-tools, .lisa-form-help {
      display: none !important;
   }
   /* Rows of the form whose contents are all hidden above would print as blank space. Kept: results tables, the
      By Rep headings and the explanations of the numbers (md-body-1 without lisa-form-help). */
   form#report [layout="row"]:not(:has(table)):not(:has(h2)):not(:has(.md-body-1:not(.lisa-form-help))) {
      display: none !important;
   }
   .lisa-print-header {
      display: block;
      margin-bottom: 12px;
      font-size: 11px;
   }
   /* Logo left, report name centered, dates and time right (Marc's Sprint 3). */
   .lisa-print-header .lisa-print-top {
      display: flex;
      align-items: center;
      border-bottom: 2px solid #00BAB5;
      padding-bottom: 6px;
      margin-bottom: 6px;
   }
   .lisa-print-header .lisa-print-logo,
   .lisa-print-header .lisa-print-when {
      flex: 1 1 0;
   }
   .lisa-print-header .lisa-print-logo img {
      display: inline-block;
      height: 20px;
      width: auto;
      padding: 6px 10px;
      border-radius: 3px;
      background-color: #263238 !important;
      box-sizing: content-box;
   }
   .lisa-print-header .lisa-print-title {
      flex: 2 1 0;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
   }
   .lisa-print-header .lisa-print-when {
      flex: 1.5 1 0;
      text-align: right;
      font-size: 10px;
   }
   .lisa-report-table .lisa-table-scroll {
      overflow: visible !important;
   }
   table {
      font-size: 11px;
   }
   thead {
      display: table-header-group;
   }
   tfoot {
      display: table-row-group;
   }
   /* A row is never split across two pages. */
   tr, td, th {
      page-break-inside: avoid;
      break-inside: avoid;
   }
   .table-striped > tbody > tr:nth-of-type(odd) > td,
   .table-striped > tbody > tr:nth-of-type(odd) > th {
      background-color: #F5F7F7 !important;
   }
   .table > tfoot > tr > td,
   .table > tfoot > tr > th {
      background-color: #B3EEEC !important;
      font-weight: bold !important;
   }
   /* Bootstrap's print styles make every background white and text black; keep Lisa's teal in the PDF. */
   html body .table > thead > tr > th {
      background-color: #007F7B !important;
   }
   html body .table > thead > tr > th,
   html body .table > thead > tr > th * {
      color: #fff !important;
   }
   .lisa-print-header .lisa-print-title {
      color: #007F7B !important;
   }
   .lisa-summary-bar {
      background-color: #E0F7F6 !important;
   }
   .lisa-summary-bar strong {
      color: #007F7B !important;
   }
}