/*!
Theme Name: Ally
Theme URI: 
Author: Pygott & Crone
Author URI: http://www.pygott-crone.com
Description: Description
Version: 2.0.0
Tested up to: 5.72
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ally
Tags: 
*/
/* colours */
/*  fonts */
/* misc */
/*
 http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

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

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

/* MAIN CSS */
html {
  height: 100%;
}

body {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  height: 100%;
  line-height: 1.25;
}

html.noscroll,
body.noscroll {
  margin: 0;
  overflow: hidden;
}

/* TEXT AND BASIC ELEMENTS */
h1 {
  color: #1483e4;
  font-size: 2em;
  font-weight: 600;
  letter-spacing: 0.042em;
  line-height: 1.25;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}

h2 {
  color: #1483e4;
  font-size: 1.5em;
  font-weight: 400;
  letter-spacing: 0.042em;
  line-height: 1.25;
  margin: 0 0 1.25em;
  text-transform: uppercase;
}

h3 {
  color: #1483e4;
  font-size: 1.25em;
  font-weight: 400;
  letter-spacing: 0.042em;
  line-height: 1.25;
  text-transform: uppercase;
}

p {
  font-size: 1em;
  line-height: 1.25;
  margin: 0 0 1.25em;
}

small {
  font-size: 0.75em;
}

p.largetext {
  color: #1483e4;
  font-size: 2em;
}

.focus,
strong {
  font-weight: 600;
}

img {
  display: block;
}

a {
  color: #e52230;
  font-weight: 600;
}

a.green {
  color: #1f883d;
  font-weight: 600;
}

.important {
  color: #e52230 !important;
  font-weight: 600;
}

.whitelink {
  color: #ffffff;
}

.blue {
  color: #1483e4;
}

.okcell {
  background-color: #99EA09;
}

#loading,
.mobilehide {
  display: none;
}

#loading.show {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
}

#loadinggif {
  max-width: 12.5em;
  width: 100%;
}

#default-logo {
  display: flex;
  justify-content: center;
  padding: 1.5em;
}

#default-logoimg {
  max-width: 20em;
  width: 100%;
}

.bluelinebutton {
  border: 1px solid #1483e4;
  box-sizing: border-box;
  color: #1483e4;
  display: block;
  font-size: 1.25em;
  font-weight: 300;
  margin: 0 auto 0.75em;
  max-width: 16em;
  padding: 0.6em;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.bluelinebutton.red {
  border-color: #e52230;
  color: #e52230;
}

.bluelinebutton.green {
  border-color: #1f883d;
  color: #1f883d;
}

#pro-submitcommission.inprogress {
  background-color: #99EA09;
  border: 1px solid #000000;
  color: #000000;
}

.stattab {
  background-color: #ffffff;
  font-size: 1em;
  margin: 0 0.75em 0.75em 0;
  max-width: none;
  padding: 0.75em;
  width: auto;
}

.stattab.open {
  background-color: #1483e4;
  color: #ffffff;
  font-weight: 500;
}

.stattab.open.red {
  background-color: #e52230;
  color: #ffffff;
  font-weight: 500;
}

.substattabs {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  margin: 1.75em 0 0 0;
  width: 100%;
}

.pro-inlinestar {
  display: inline-block;
  height: 1em;
  margin: 0 0.1em 0 0;
  position: relative;
  top: 0.1em;
  width: auto;
}

/* HEADER AND FOOTER */
header {
  align-items: center;
  background-color: #ffffff;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 103em;
  padding: 1.25em 1.5em;
  position: relative;
  z-index: 3;
}

footer {
  background-color: #1483e4;
}

#pro-logowrap {
  flex: 0 0 8em;
  width: 8em;
}

#pro-logo {
  width: 100%;
}

#pro-logolinks,
#pro-thismonth {
  display: none;
}

#pro-profile {
  flex: 0 0 3em;
  width: 3em;
}

#pro-profileimg {
  width: 100%;
}

#pro-footer {
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75em;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0.075em;
  margin: auto;
  max-width: 137.33em;
  padding: 2em 2em 10em 2em;
}

#pro-notify {
  display: flex;
  font-size: 1.125em;
  font-weight: 500;
  min-height: 3.33em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}

#pro-branchnotify {
  display: flex;
  font-size: 1.125em;
  font-weight: 500;
  margin: 0 0 1.25em;
  min-height: 3.33em;
  text-align: center;
  width: 100%;
}

#pro-notify.open {
  top: 98px;
  transition: top 0.75s ease;
}

#pro-notify.close {
  top: 0;
  transition: top 1s ease;
}

#pro-branchnotifyinner,
#pro-notifyinner {
  box-sizing: border-box;
  margin: auto;
  max-width: 88.89em;
  padding: 0.75em 1.5em;
  width: 100%;
}

#pro-branchnotifyinner.success,
#pro-notifyinner.success {
  background-color: #8acd75;
}

#pro-branchnotifyinner.fail,
#pro-notifyinner.fail {
  background-color: #af1e28;
  color: #ffffff;
}

#pro-inlinesuccess {
  background-color: #8acd75;
  margin: 0 0 0.75em;
  padding: 0.75em;
}

/* NAV */
#pro-menu {
  display: flex;
}

#pro-opennav {
  flex: 0 0 2em;
  width: 2em;
}

#pro-menuinner {
  background-color: #1483e4;
  box-sizing: border-box;
  color: #ffffff;
  height: 100%;
  left: -1000px;
  max-width: 25em;
  padding: 0 0.75em;
  position: fixed;
  top: 0;
  width: 70%;
  z-index: 5;
}

#pro-menuclose {
  color: #ffffff;
  float: right;
  font-size: 1.25em;
  font-weight: 600;
  padding: 0.5em;
  text-decoration: none;
}

#pro-branchjump {
  margin: 0.75em 0 0 0;
  width: 100%;
}

#branchswitcher {
  background-color: #ffffff;
  border: none;
  margin: 0.75em 0;
  max-width: 17em;
  padding: 0.375em 0.75em;
  width: 70%;
}

.pro-menulink {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0.625em 0 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.pro-menuicon {
  flex: 0 0 1.75em;
  margin: 0 0.75em 0 0;
  width: 1.75em;
}

.pro-menucap {
  flex: 0 0 15em;
  width: 15em;
}

.promenugroup {
  max-height: 0;
  overflow: hidden;
  padding: 0 0 0 1.5em;
}

.promenugroup.open {
  max-height: 1000px;
  transition: max-height 1.5s ease;
}

.promenugroup.close {
  max-height: 0;
  transition: max-height 1.5s ease;
}

#pro-menuinner.close {
  left: -1000px;
  transition: left 2.75s ease;
}

#pro-menuinner.open {
  left: 0;
  transition: left 0.75s ease;
}

/* WIDGETS */
#pro-wrap {
  background-color: #e1f3f1;
  border-top: 2px solid #aaa;
}

#pro-wrap.devsite {
  background-color: #fef6ca;
}

.pro-widget {
  box-sizing: border-box;
  margin: auto;
  max-width: 103em;
  padding: 0.75em 1.5em;
}

#pro-add {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 100%;
  margin: 0 0 0.75em;
  padding: 0.75em 1.5em;
  width: 100%;
}

#pro-breakdownchart {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 100%;
  padding: 0.75em 1.5em;
  width: 100%;
}

#pro-breakdownheadwrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 1.25em;
}

#pro-breakdownheadwrap h2 {
  margin: 0;
}

#pro-breakdowncharticons {
  display: flex;
  flex: 0 0 5em;
  justify-content: flex-end;
  width: 5em;
}

.pro-chartpicker {
  flex: 0 0 1.5em;
  margin: 0 0 0 0.75em;
  width: 1.5em;
}

.pro-chartpickericon {
  width: 100%;
}

.pro-table {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  overflow-x: auto;
  padding: 0.75em;
}

.pro-businessleague {
  display: none;
}

.pro-businessleague.open {
  display: block;
}

#pro-maintables .pro-table {
  margin: 0 auto 1.75em;
}

.pro-generalfilter.active,
.pro-filterbybranch.active {
  color: #1f883d;
}

#pro-dropdownfilters {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.pro-dropdownfilterblock {
  font-weight: 500;
  margin: 0 0.75em 0.75em 0;
  width: 10em;
}

.pro-dropdownfilterblock.double {
  width: 20em;
}

.pro-dropdownfilter {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 100%;
  font-family: inherit;
  font-size: 1em;
  margin: 0.25em 0 0.75em;
  padding: 0.375em 0.75em;
  width: 100%;
}

.table-insights {
  flex-wrap: wrap;
  display: flex;
}

.tableinsight {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 50em;
  width: 100%;
}

.tableinsight.col4 {
  max-width: 65em;
}

.tableinsight.expanded {
  align-items: center;
  max-width: none;
}

.tableinsight.fullwidth {
  max-width: none;
}

.pow-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  justify-content: space-between;
  margin: 0 0 0.75em 0;
  width: 100%;
}

.pow-photo {
  flex: 0 0 5em;
  margin: 0 0.75em 0 0;
  width: 5em;
}

.pow-address {
  flex: 1;
}

.pow-item .insight-caption {
  flex: 0 0 100%;
  margin: 0.25em 0 0 0;
  width: 100%;
}

.insight-item {
  color: #1483e4;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  margin: 0 0 0.75em;
  width: 100%;
}

.insight-item.headlinefilter {
  flex: 0 0 50%;
  margin: 0 0 0.5em;
  text-decoration: none;
  width: 50%;
}

.insight-item.headlinefilter.active {
  color: #1f883d;
}

.insight-large.negtotal {
  font-size: 1.25em;
}

.insight-item-row {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  width: 100%;
}

.insight-item-row.expanded .insight-item {
  flex: 0 0 33.33%;
  width: 33.33%;
}

.insight-item-row.expanded .ofthese {
  align-self: center;
  flex: 0 0 66.66%;
  text-align: center;
  width: 66.66%;
}

.insight-item.offblack {
  color: #444;
}

.insight-item.green {
  color: #1f883d;
}

.insight-item.red {
  color: #af1e28;
}

.insight-item.grey {
  color: #989898;
}

.insight-large {
  font-size: 2.5em;
}

.insight-large .smallwrap {
  font-size: 0.6em;
}

.insight-caption {
  font-size: 1.25em;
  font-weight: 600;
}

.insight-item.headlinefilter .insight-caption {
  font-size: 0.875em;
}

.expanded .insight-large {
  font-size: 2em;
}

.expanded .insight-caption {
  font-size: 1.125em;
}

.weekfilters {
  margin: 0 0 0.75em;
}

.weekfilter-row {
  display: flex;
  flex-wrap: wrap;
}

.weekfilter-month {
  flex: 0 0 100%;
  width: 100%;
}

.weekfilter-week {
  flex: 0 0 20%;
  margin: 0 0 0.5em;
  width: 20%;
}

.pro-daterange {
  background-color: #ffffff;
  border: 1px solid #aaa;
  font-weight: 600;
  margin: auto;
  max-width: 15em;
  padding: 0.75em;
  text-align: center;
}

#pro-signposts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pro-signpost {
  align-items: center;
  background-color: #1483e4;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  flex: 0 0 100%;
  margin: 0 0 1em;
  padding: 0.75em;
  text-decoration: none;
  width: 100%;
}

.pro-signpostimg {
  flex: 0 0 3em;
  margin: 0 1.55em 0 0;
  width: 3em;
}

.pro-signpostcap {
  flex: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#pro-mtd {
  align-content: flex-start;
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  margin: 0 0 1.75em;
  padding: 0.75em;
  text-align: center;
}

#pro-fulldash {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 100%;
  margin: 0 0 1.75em;
  padding: 0.75em;
  text-align: center;
  width: 100%;
}

#pro-mtdheadwrap {
  width: 100%;
  text-align: left;
}

#pro-stafftools {
  align-items: flex-end;
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}

#pro-sheetdaterange {
  box-sizing: border-box;
  flex: 0 0 100%;
  margin: 0 0 0.75em;
  max-width: none;
  width: 100%;
}

#pro-finishcommission,
#pro-approvecommission,
#pro-submitcommission {
  background-color: #ffffff;
  border-width: 0.125em;
  font-weight: 600;
  max-width: none;
  text-align: center;
}

#pro-submitcommission {
  margin: 0 auto;
}

#pro-finishcommission,
#pro-approvecommission {
  max-width: 15em;
}

.pro-stattabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.pro-accordion {
  background-color: #ffffff;
}

.pro-accitem {
  border: 1px solid #aaa;
  overflow: hidden;
  margin: 0 0 1em;
}

.pro-accquest {
  margin: 0.75em;
  display: block;
}

.pro-accanswer {
  max-height: 0;
}

.pro-accanswer.open {
  max-height: 1000px;
  transition: max-height 2s ease;
}

.pro-accanswer.close {
  max-height: 0;
  transition: max-height 0.75s ease;
}

.pro-accanswerinner {
  padding: 0.75em;
}

.pro-videogrid figure {
  margin: 0 0 1.75em 0;
  text-align: center;
}

.pro-watchvid {
  display: inline-block;
  margin: 0.75em 0 0 0;
}

/* FORMS */
form {
  background-color: #ffffff;
  border: 1px solid #aaa;
  font-family: "Open Sans", sans-serif;
  margin: 1.5em auto;
  padding: 0.75em 1.5em;
}

.pro-form.propertylookupform {
  display: none;
}

input[type=date] {
  font-family: "Open Sans", sans-serif;
}

.form-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0.75em;
}

.textarea .form-item {
  align-content: flex-start;
}

.form-label {
  color: #1483e4;
  flex: 0 0 100%;
  font-weight: 600;
  margin: 0 0 0.25em;
  width: 100%;
}

.form-dropdown,
.form-textbox {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 100%;
  font-family: inherit;
  font-size: 1em;
  padding: 0.375em 0.75em;
  width: 100%;
}

.form-textbox.hasprefix {
  flex: 1;
}

.form-textarea {
  background-color: #ffffff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 100%;
  font-family: inherit;
  font-size: 1em;
  height: 5em;
  padding: 0.375em 0.75em;
  width: 100%;
}

.poundsign {
  flex: 0 0 1.25em;
  width: 1.25em;
}

.pro-lookupbox {
  background-color: #1483e4;
  color: #ffffff;
  font-size: 1.25em;
  font-weight: 700;
  margin: 3em auto 0;
  max-width: 25em;
  padding: 1.6em;
  text-align: center;
}

.autofill-wrap {
  display: flex;
  margin: 0.75em 0 0 0;
}

.form-textboxshort {
  flex: 1;
  font-family: inherit;
  font-size: 0.8em;
  padding: 0.5em;
  width: 100%;
}

button#mileage-submitlocation,
button#phone-lookup,
button#property-lookup {
  background-color: #707070;
  border: none;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  flex: 0 0 10em;
  font-size: 0.8em;
  font-weight: 400;
  padding: 0.5em;
  text-transform: uppercase;
  width: 10em;
}

button#phone-lookup {
  width: 5em;
}

#pro-phonelookup {
  background-color: #ffffff;
  color: #000000;
  margin: 3em auto;
}

#pro-phonelookupresult {
  color: #000000;
  font-size: 0.8em;
  font-weight: 400;
  margin: 1.75em 0;
  text-align: left;
}

#url-shortform {
  align-items: flex-end;
  display: flex;
}

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

.form-button {
  background-color: #1483e4;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  font-weight: 600;
  padding: 0.5em 1em;
  text-transform: uppercase;
}

.clicktocopy {
  float: left;
  margin: 0 0.75em 0.75em 0;
}

.pro-setting {
  align-items: flex-start;
  background-color: #ffffff;
  box-sizing: border-box;
  display: flex;
  margin: 0 0 0.75em;
  padding: 0.75em;
  width: 100%;
}

.pro-settingtoggle {
  cursor: pointer;
  flex: 0 0 4em;
  width: 4em;
}

.pro-settingcap {
  margin: 0 0 0 0.75em;
}

.form-items.callstats {
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 0 1.75em;
}

.callstatsbutton {
  flex: 0 0 5em;
  margin: 0 5em 0 1em;
  width: 5em;
}

#pro-callstatspag {
  display: flex;
  flex: 0 0 20em;
  justify-content: space-between;
  text-align: right;
  width: 20em;
}

/* DATATABLES */
.dataTable th,
.dataTable td {
  vertical-align: middle;
}

table.dataTable tr.caution,
table.dataTable tr.attention,
table.dataTable tr.myrow {
  background-color: #efe3a2;
}

table.dataTable tr.homewise {
  background-color: #edc7dd;
}

table.dataTable tr.total td {
  font-weight: 600;
}

th, td {
  font-size: 0.875em;
  text-align: center;
}

th.namecol,
td.namecol {
  text-align: left;
}

table.dataTable tr.green,
table.dataTable tr.sent {
  background-color: #e6f7d5;
}

table.dataTable tr.held {
  background-color: #ffffff;
}

table.dataTable tr.newhomessite {
  background-color: #e6f7d5;
}

table.dataTable.display tr.held td {
  box-shadow: none !important;
}

table.dataTable th.prioritywidth {
  min-width: 40%;
}

table.dataTable th.narrowwidth {
  max-width: 6%;
}

table.innertable td {
  font-size: 1em;
  text-align: left;
  border: none !important;
}

.innertableheadwrap {
  display: flex;
  text-align: left;
  justify-content: space-between;
}

.innertablehead {
  padding: 4px;
  box-sizing: border-box;
}

.staff-branch {
  font-size: 0.714em;
  font-weight: 300;
}

.leaguename.green {
  color: #1f883d;
  font-weight: 600;
}

.leaguename.red {
  color: #e52230;
}

.pro-sheetcomm {
  color: #1483e4;
  font-size: 1.25em;
  font-weight: 700;
  margin: 0.75em 0;
  text-align: center;
  text-transform: uppercase;
}

.insight-item.negative,
.pro-sheetcomm.negative {
  color: #e52230;
}

table.dataTable.callstatstable {
  margin: 0 0 1.75em;
}

.namecol.hasstar {
  display: flex;
  justify-content: space-between;
}

.pro-staffstar {
  flex: 0 0 1.75em;
  width: 1.75em;
}

#pro-infoboxwrap {
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

#pro-infoboxwrap.show {
  display: flex;
}

.infobox {
  background-color: #ffffff;
  border: 2px solid #aaa;
  box-sizing: border-box;
  display: none;
  height: 100%;
  max-height: 50%;
  max-width: 50%;
  overflow: auto;
  padding: 1.75em;
  width: 100%;
}

.infobox.show {
  display: block;
}

#infobox-close {
  font-size: 1.25em;
  position: absolute;
  right: 20%;
  top: 20%;
}

.tablethumb {
  width: 3.5em;
}

.tableactionswrap {
  position: relative;
}

.tableactions {
  background-color: #d6d6d6;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 4000%;
}

.tableactions.mini {
  left: 100%;
  right: auto;
  width: 350%;
}

.tableactionslist {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  max-width: 100em;
}

.tableactions.mini .tableactionslist {
  justify-content: center;
}

.tableactionslist span {
  margin: 0 1em 0 0;
}

.tableactionslist a {
  color: #1483e4;
  margin: 0 1em 0 0;
}

.solcontact {
  font-size: 0.75em;
}

/* CHARTS */
.pro-canvaswrap {
  margin: 0 auto 1.75em;
  max-width: 15em;
}

.pro-tripletargetwrap,
.pro-bigtargetwrap {
  padding: 0 0.75em;
  position: relative;
}

.pro-bigtargetwrap.pro-staffbreakdown {
  display: none;
  padding: 0;
  text-align: center;
  width: 100%;
}

.pro-bigtargetwrap.pro-staffbreakdown.open {
  display: block;
}

.pro-targettextwrap {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.pro-targettextwrapinner {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.pro-targettextfigure {
  flex: 0 0 100%;
  font-size: 4.75em;
  margin: -0.25em 0 0 0;
  width: 100%;
}

.pro-breakdownfigure {
  color: #1483e4;
  font-size: 1.75em;
}

.pro-targettexttype {
  font-size: 1.25em;
  font-weight: 600;
  text-transform: uppercase;
}

.pro-staffbreakdownwrap {
  margin: auto;
  max-width: none;
  min-height: 20em;
}

#pro-lesserdonuts,
#pro-smalldonuts {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  justify-content: space-between;
  margin: 0.75em 0 0 0;
  width: 100%;
}

#pro-smalldonuts .pro-bigtargetwrap {
  flex: 0 0 48%;
  padding: 0;
  width: 48%;
}

#pro-smalldonuts .pro-targettextfigure {
  font-size: 2.5em;
  margin: -1em 0 0 0;
}

#pro-smalldonuts .pro-targettexttype {
  font-size: 1em;
}

#pro-lesserdonuts .pro-bigtargetwrap {
  flex: 0 0 47%;
  padding: 0;
  width: 47%;
}

#pro-lesserdonuts .pro-targettextfigure {
  font-size: 2em;
  margin: -1.125em 0 0 0;
}

#pro-lesserdonuts .pro-targettexttype {
  font-size: 0.75em;
}

#pro-bigstats {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  width: 100%;
}

.pro-bigstat {
  flex: 0 0 50%;
  margin: 0 0 0.75em;
  width: 50%;
}

#pro-revealedcommission {
  display: none;
  flex: 0 0 100%;
  width: 100%;
}

#pro-revealedcommission.show {
  display: flex;
  justify-content: space-between;
}

#pro-bigfees {
  display: none;
  flex: 0 0 100%;
  width: 100%;
}

#pro-bigfees.show {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#pro-bigstats.one .pro-bigstat,
.pro-bigstat {
  flex: 0 0 100%;
  width: 100%;
}

#pro-bigstatsinner {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  justify-content: center;
  width: 100%;
}

.pro-bigstatamount {
  color: #1483e4;
  font-size: 5em;
  font-weight: 600;
  width: 100%;
}

#pro-revealedcommission .pro-bigstatamount {
  font-size: 4em;
}

.pro-bigstatname.green,
.pro-bigstatamount.green {
  color: #1f883d;
}

.pro-bigstatname.red,
.pro-bigstatamount.red {
  color: #e52230;
}

.pro-bigstatname {
  color: #1483e4;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* RECOGNITION */
.pro-recognitiontitle {
  font-family: "Delicious Handrawn", cursive;
  font-size: 2.5em;
  margin: 0;
  text-align: center;
}

.pro-recognitiontitle.black {
  color: #000000;
}

.pro-recognitiontitle.white {
  color: #ffffff;
}

#pro-reviews {
  background-color: #989898;
  box-sizing: border-box;
  padding: 0.75em 1.75em;
}

.pro-reviewsintro {
  color: #ffffff;
  margin: 0.75em 0 0 0;
  text-align: center;
}

#pro-reviewslist {
  background-color: #ffffff;
  border: 2px solid #444;
  margin: 0.75em 0 1.5em;
  max-height: 25em;
  overflow: auto;
  padding: 0 0.75em;
}

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

.pro-reviewrating {
  align-items: center;
  display: flex;
  font-size: 3.5em;
  font-weight: 200;
  justify-content: center;
}

.pro-reviewslash {
  display: block;
  font-size: 0.275em;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0.39em;
  text-align: center;
  text-transform: uppercase;
}

.pro-reviewbranch {
  font-size: 1.25em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.pro-reviewdate {
  font-weight: 300;
}

.pro-reviewtext {
  background-color: #f4f4f4;
  border: 1px solid #707070;
  color: #444;
  font-size: 0.875em;
  margin: 0.857em auto 0;
  max-height: 8.5em;
  overflow: hidden;
  padding: 0.857em;
  position: relative;
}

.pro-reviewgrad {
  background: linear-gradient(0deg, rgb(240, 240, 240) 10%, rgba(148, 148, 148, 0) 70%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.pro-fullreview {
  background-color: #1483e4;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 0.875em;
  padding: 0.572em;
  text-decoration: none;
  width: 100%;
}

.pro-reviewtagged {
  display: flex;
  margin: 0.75em 0 0 0;
}

.pro-reviewstaff {
  flex: 0 0 4em;
  width: 4em;
}

.pro-reviewtagged {
  display: flex;
  justify-content: space-between;
}

.pro-reviewstaff {
  flex: 0 0 4em;
  width: 4em;
}

.pro-reviewimg {
  border: 2px solid #ffffff;
  box-sizing: border-box;
  width: 100%;
}

.pro-reviewstaffname {
  font-size: 0.75em;
  margin: 0.375em 0 0 0;
}

#pro-monthlymessage {
  background-color: #ffffff;
  color: #000000;
  padding: 0.75em;
}

#pro-monthlycontent {
  margin: 0.75em 0 0 0;
}

#pro-recogrankings {
  background-color: #ffffff;
  margin: 1.75em auto;
  padding: 0.001em 0.75em 0.75em;
}

.pro-recoglist {
  margin: 1.75em 0 0 0;
}

.pro-recogrank {
  display: flex;
  align-items: center;
  margin: 1.75em 0 0 0;
  flex-wrap: wrap;
}

.pro-recogrankmonth {
  flex: 0 0 100%;
  width: 100%;
  font-size: 1.25em;
  text-align: center;
  font-weight: 500;
  margin: 0 0 1.4em;
}

.pro-recogrankpos {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 0.75em;
  display: flex;
  align-items: center;
}

.pro-recogrankno {
  font-size: 2.5em;
  font-weight: 600;
  flex: 0 0 2em;
  width: 2em;
}

.pro-recogrankno .ord {
  font-size: 0.75em;
}

.pro-recogrankno.gold {
  color: #d6ad33;
}

.pro-recogrankno.silver {
  color: #989898;
}

.pro-recogrankno.bronze {
  color: #a95a14;
}

.pro-recogrankperson {
  display: flex;
  align-items: center;
  margin: 0 0 0 0.75em;
}

.pro-recogrankpersonimg {
  width: 3.5em;
  flex: 0 0 3.5em;
  margin: 0 0.75em 0 0;
}

.pro-recogrankpersonname {
  font-size: 0.875em;
  font-weight: 300;
}

.pro-recogmorewrap {
  margin: 1.75em 0 0 0;
  text-align: center;
}

.pro-recogmore {
  margin: auto;
}

/* FEED */
#pro-feed {
  bottom: 0;
  display: block;
  height: auto;
  position: fixed;
  width: 100%;
  z-index: 3;
}

#pro-feed.open {
  height: 25em;
  transition: height 1.25s linear;
}

#pro-feed.close {
  height: 9.25em;
  transition: height 0.75s linear;
}

#pro-feedtabwrap {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  margin: auto;
  max-width: 103em;
}

#pro-feedtab {
  background-color: #af1e28;
  border-radius: 0.5em 0.5em 0 0;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-weight: 600;
  padding: 0.25em 0.5em;
  text-align: center;
  width: 1em;
}

#pro-datetab {
  background-color: #af1e28;
  border-radius: 0.5em 0.5em 0 0;
  color: #ffffff;
  cursor: pointer;
  font-weight: 600;
  padding: 0.25em 0.5em;
  text-align: center;
  width: 8em;
}

#pro-feedwrap {
  border-top: 3px solid #af1e28;
  height: 0;
}

#pro-feedwrap.open {
  overflow: scroll;
}

#pro-feedwrap.dateopen {
  background-color: #ffffff;
  height: 4.7em;
}

#pro-feedinner {
  background-color: #ffffff;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  margin: auto;
  max-width: 103em;
  overflow: hidden;
  padding: 0 0.5em;
}

#pro-feedinner.dateopen {
  align-items: center;
  background-color: #e4e4e4;
  display: flex;
  flex-direction: row;
}

#pro-footerquicklinks {
  box-sizing: border-box;
  flex: 0 0 50%;
  padding: 0 0.75em 0 0;
  width: 50%;
}

.pro-footerlink {
  color: #000000;
  display: inline-block;
  margin: 0 0.5em 0.25em 0;
}

.pro-feeditem {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0.875em 0;
  padding: 0 15em 0 0;
}

#pro-feedinner.dateopen .pro-feeditem {
  display: none;
}

.pro-feedimg {
  flex: 0 0 3.5em;
  width: 3.5em;
}

.pro-feedicon {
  box-sizing: border-box;
  flex: 0 0 3.5em;
  padding: 0.5em;
  width: 3.5em;
}

.pro-feedcontent {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  height: 100%;
  padding: 0 0.75em;
  width: 100%;
}

.pro-feedfocus {
  color: #af1e28;
  font-weight: 600;
}

.pro-feeditemtext {
  color: #444;
  flex: 0 0 100%;
  margin: 0.25em 0;
  text-align: center;
  width: 100%;
}

.pro-feeddetails {
  font-size: 0.75em;
}

.pro-feeditemstaff {
  flex: 0 0 100%;
  font-weight: 600;
  margin: 0 0 0.188em;
  text-align: center;
  width: 100%;
}

#pro-datepreset {
  align-items: center;
  background-color: #e4e4e4;
  border-bottom: 1px solid #aaa;
  box-sizing: border-box;
  flex: 0 0 50%;
  display: flex;
  height: 4.75em;
  padding: 0.75em;
  width: 50%;
}

#pro-daterangepicker {
  background-color: #e4e4e4;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  bottom: 100%;
  box-sizing: border-box;
  display: none;
  padding: 0.7em;
  position: absolute;
  right: 0;
  width: 100.5%;
}

#pro-daterangepicker.show {
  display: block;
}

body .is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0 !important;
}

#blog .newgallery .wp-block-image {
  padding: 1.5em;
}

/* MILEAGE */
#pro-mileagewrap {
  margin: 0 0 50em;
}

#pro-mileagewrap.completed {
  margin: 0;
}

.pro-mileagesubtitlewrap {
  padding: 0.75em 0.75em 0.5em;
}

.pro-mileagesubtitlewrap.alt {
  background-color: #d6d6d6;
}

h2.pro-mileagesubtitle {
  margin: 0 0 0.25em;
  text-transform: inherit;
}

h2.pro-mileagesubtitle.black {
  color: #000000;
}

#mileage-add {
  margin: 0 0 1.5em;
}

#mileage-journeydetails {
  height: 8em;
}

#pro-mileageexpenses {
  background-color: #d6d6d6;
  padding: 0.75em;
}

#pro-mileageexpenseinputs {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 35em;
}

#mileage-addexpenseitem {
  flex: 1;
  margin: 0 0.75em 0 0;
}

#mileage-addexpenseamount {
  flex: 0 0 5em;
  margin: 0 0 0 0.25em;
  width: 5em;
}

button#mileage-submitexpense {
  background-color: #333;
  border: none;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  flex: 0 0 100%;
  font-size: 1em;
  font-weight: 600;
  margin: 0.75em auto 0;
  padding: 0.5em;
  text-transform: uppercase;
  width: 100%;
}

#pro-mileageexpenselist {
  flex-wrap: wrap;
  display: flex;
  margin: 0 0 0.25em;
  max-height: 9em;
  overflow: auto;
}

.mileage-expense {
  background-color: #ffffff;
  border-radius: 0.5em;
  border: 1px solid #707070;
  font-weight: 500;
  margin: 0 0.75em 0.75em;
  padding: 0.75em;
}

.mileage-expense a {
  font-weight: 600;
  margin: 0 0.75em 0 0;
}

#pro-mileageuploadlist {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  max-height: 9em;
  overflow: auto;
}

#pro-mileageforms #pro-mileageuploadlist {
  max-height: none;
}

.pro-mileageupload {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 50%;
  justify-content: center;
  padding: 0.75em;
  width: 50%;
}

.pro-thumbouter {
  height: 0;
  max-height: 100%;
  overflow: hidden;
  padding: 5em 0 0 0;
  position: relative;
  width: 5em;
}

.pro-thumbinner {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.pro-mileagethumbnail {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pro-mileagepdf {
  width: 4em;
}

.pro-mileagefilename {
  color: #000000;
  flex: 0 0 100%;
  font-size: 0.75em;
  text-align: center;
  width: 100%;
}

#pro-mileageuploads {
  background-color: #d6d6d6;
  padding: 0.75em;
}

#pro-mileagefileupload {
  align-items: flex-start;
  border: 1px solid #000000;
  color: #000000;
  display: flex;
  flex-wrap: wrap;
}

#pro-mileagefileupload .dz-message {
  color: #e52230;
  display: block;
  flex: 0 0 100%;
  font-weight: 600;
  margin: 0.75em 0;
  width: 100%;
}

#pro-mileagefileupload .dz-preview {
  color: #000000;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  margin: 0 0 0.75em;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  position: static;
  width: 100%;
}

#pro-mileagefileupload .dz-details {
  background: transparent;
  color: #000000;
  display: flex;
  flex-direction: column-reverse;
  flex: 0 0 100%;
  font-size: 1em;
  min-width: 0;
  opacity: 1;
  padding: 0;
  position: static;
  text-align: left;
  width: 100%;
}

#pro-mileagefileupload .dz-progress {
  flex: 0 0 100%;
  margin: 0;
  opacity: 1;
  position: static;
  width: 100%;
  z-index: 1;
}

#pro-mileagefileupload .dz-filename {
  overflow: inherit;
  text-overflow: inherit;
}

#pro-mileagefileupload .dz-filename span {
  background: transparent;
  border: none;
  padding: 0;
}

#pro-mileagefileupload .dz-size {
  margin: 0;
}

#pro-mileagefileupload .dz-error-message {
  flex: 0 0 100%;
  opacity: 1;
  position: static;
  width: 100%;
  z-index: 1;
}

#pro-mileagefileupload .dz-progress .dz-upload {
  background: #d6d6d6;
}

#pro-mileagefileupload .dz-success .dz-progress .dz-upload {
  background: #99EA09;
}

#pro-mileagefileupload .dz-error .dz-progress .dz-upload {
  background: #e52230;
}

#pro-mileagefileupload .dropzone.dz-started .dz-message {
  display: block;
}

#pro-mileagefileupload .dz-error-message::after,
#pro-mileagefileupload .dz-success-mark,
#pro-mileagefileupload .dz-error-mark,
#pro-mileagefileupload .dz-image {
  display: none;
}

#pro-mileagecalendar {
  background-color: #ffffff;
  border: 1px solid #aaa;
  position: relative;
}

#pro-mileagecalendar.completed .calendar-item,
.calendar-item {
  background-color: inherit;
  padding: 0.75em;
}

#pro-mileagecalendar.completed .calendar-item.alt,
.calendar-item.alt {
  background-color: #f4f4f4;
}

.calendar-item.done {
  background-color: #efe3a2;
}

.calendar-day {
  border-bottom: 1px solid #000000;
  font-weight: 600;
  margin: 0 0 0.25em;
  padding: 0 0 0.25em;
  text-align: center;
}

.calendar-appt {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0.75em;
}

.calendar-miles,
.calendar-time {
  color: #444;
  flex: 0 0 5em;
  font-size: 0.875em;
  margin: 0 0.25em 0 0;
  width: 5em;
}

.calendar-journey,
.calendar-details {
  flex: 1;
}

#pro-mileagelocations {
  background-color: #ffffff;
  display: block;
  line-height: 1.75;
  padding: 0.75em;
}

#pro-mileagelocations p {
  margin: 0;
}

#pro-mileagelocations.hidden {
  display: none;
}

#pro-mileagelocationslist {
  font-size: 0.9em;
  margin: 0 0 0.75em;
  padding: 0 2em 0 0;
}

.pro-mileagelocation {
  color: #000000;
  font-size: 0.875em;
  margin: 0 0.75em 0 0;
}

#pro-mileagegooglelink {
  display: inline-block;
  margin: 0 0 0.75em;
}

#pro-mileagefigureswrap {
  text-align: center;
}

#pro-mileagefigures {
  background-color: #d6d6d6;
  color: #000000;
  display: flex;
  flex-wrap: wrap;
  padding: 0.75em 1.5em;
}

.pro-mileageheadlinefig {
  flex: 0 0 100%;
  font-size: 0.875em;
  width: 100%;
}

.pro-mileageheadlinefig span {
  font-size: 1.714em;
}

.headlinespan {
  margin: 0 0.182em 0 0;
}

#pro-mileagereviewwrap {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

#pro-mileagelocationtoggle,
#pro-mileageaddexpense,
#pro-mileageadduploads,
#pro-mileagesubmitclaim {
  background-color: #f4f4f4;
  border: 1px solid #222222;
  box-sizing: border-box;
  color: #000000;
  display: block;
  flex: 0 0 100%;
  margin: 0.75em 0 0 0;
  padding: 0.75em;
  text-align: center;
  text-decoration: none;
}

#pro-mileagelocationtoggle.active,
#pro-mileageaddexpense.active,
#pro-mileageadduploads.active {
  background-color: #e52230;
  color: #ffffff;
}

.mileageexpenses,
.mileagegallery {
  align-items: center;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  display: flex;
  height: 45%;
  justify-content: center;
  overflow: auto;
  width: 75%;
}

@media all and (min-width: 400px) {
  .insight-item.headlinefilter {
    flex: 0 0 33.33%;
    width: 33.33%;
  }
}
@media all and (min-width: 600px) {
  header {
    padding: 0.75em 1.5em;
  }
  #pro-logowrap {
    flex: 0 0 12em;
    width: 12em;
  }
  #pro-profile {
    align-items: center;
    display: flex;
    flex: 0 0 50%;
    justify-content: space-between;
    width: 50%;
  }
  #pro-profileextra {
    display: block;
    margin: 0 0.75em 0 auto;
    text-align: right;
  }
  #pro-profilename {
    font-weight: 600;
  }
  .pro-profiletext {
    font-size: 0.875em;
    font-weight: 300;
    margin: 0.25em 0 0 0;
  }
  #pro-profileimg {
    flex: 0 0 5em;
    height: auto;
    width: 5em;
  }
  #pro-notify.open {
    top: 125px;
  }
  .pro-daterange {
    flex: 0 0 12em;
    margin: 0 0 0 1.75em;
    width: 12em;
  }
  .pro-signpost {
    flex: 0 0 48%;
    width: 48%;
  }
  #pro-smalldonuts .pro-targettextfigure {
    font-size: 4em;
    margin: -0.75em 0 0 0;
  }
  #pro-smalldonuts .pro-targettexttype {
    font-size: 1.25em;
  }
  #pro-lesserdonuts .pro-targettextfigure {
    font-size: 3em;
    margin: -0.75em 0 0 0;
  }
  #pro-lesserdonuts .pro-targettexttype {
    font-size: 1em;
  }
  .pro-breakdownfigure {
    font-size: 4em;
    margin: 0;
  }
  .expanded .insight-item.first {
    flex: 0 0 20%;
    width: 20%;
  }
  .insight-item-row.expanded {
    flex: 0 0 80%;
    width: 80%;
  }
  .insight-item-row.expanded .ofthese {
    flex: 0 0 25%;
    text-align: left;
    width: 25%;
  }
  .insight-item-row.expanded .insight-item {
    flex: 0 0 25%;
    width: 25%;
  }
  .tableinsight.sixteen,
  .tableinsight.six {
    max-width: none;
  }
  .pow-item,
  .tableinsight.six .insight-item {
    flex: 0 0 50%;
    width: 50%;
  }
  .insight-item.headlinefilter {
    flex: 0 0 20%;
    width: 20%;
  }
  #pro-mileagewrap {
    display: flex;
  }
  #pro-mileagemain {
    flex: 0 0 12em;
    width: 12em;
  }
  #mileage-journeydetails {
    height: 10em;
  }
  #pro-mileagecalendar {
    flex: 1;
    margin: 0 0 0 0.75em;
  }
  #pro-mileagecalendar.completed {
    margin: 0;
  }
}
@media all and (min-width: 750px) {
  header {
    padding: 1em 1.5em;
  }
  #pro-logowrap {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-start;
    margin: 0 0 0 1.75em;
  }
  #pro-logoouter {
    flex: 0 0 12em;
    width: 12em;
  }
  #pro-logolinksouter {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
  }
  #pro-logolinks {
    align-items: center;
    border-top: 1px solid #e4e4e4;
    display: flex;
    margin: 0.75em 0 0 0;
    padding: 0.5em 0 0 0;
  }
  .pro-logolink {
    color: #707070;
    font-size: 0.875em;
    font-weight: 400;
    margin: 0 1.75em 0 0;
    text-decoration: none;
  }
  .pro-logolink.last {
    margin: 0;
  }
  #pro-profile {
    flex: 0 0 19em;
    width: 19em;
  }
  .form-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-item {
    flex: 0 0 48%;
    width: 48%;
  }
  .fullwidth .form-item {
    flex: 0 0 100%;
    width: 100%;
  }
  #pro-welcome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro-welcomecard {
    display: flex;
    flex: 0 0 49.5%;
    flex-wrap: wrap;
    width: 49.5%;
  }
  #pro-add {
    margin: 0;
  }
  #pro-mtd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  #pro-mtd.basic {
    display: block;
  }
  #pro-mtdinner {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
  }
  #pro-mtdinner.salesprogress,
  #pro-mtdinner.valuer {
    justify-content: center;
  }
  .pro-bigtargetwrap {
    flex: 0 0 49.5%;
    padding: 0;
    width: 49.5%;
  }
  .pro-tripletargetwrap {
    flex: 0 0 47%;
    padding: 0;
    width: 47%;
  }
  .pro-targettextfigure {
    font-size: 2.5em;
    margin: -0.75em 0 0 0;
  }
  .pro-breakdownfigure {
    font-size: 2em;
    margin: 0;
  }
  .pro-targettexttype {
    font-size: 1em;
  }
  .pro-bigstatamount {
    font-size: 3em;
  }
  #pro-smalldonuts .pro-targettextfigure {
    font-size: 2.5em;
    margin: -0.75em 0 0 0;
  }
  #pro-smalldonuts .pro-targettexttype {
    font-size: 1em;
  }
  .pro-signpostimg {
    flex: 0 0 1.25em;
    margin: 0 0.75em 0 0;
    width: 1.25em;
  }
  .pro-signpostcap {
    font-size: 0.75em;
    letter-spacing: 0;
  }
  .pro-sheetcommwrap {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 50%;
  }
  #pro-recognition {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  #pro-recogrankings {
    margin: auto;
  }
  #pro-reviews {
    width: 39%;
    height: 100%;
    align-items: flex-start;
    overflow: auto;
    position: absolute;
    right: 0;
  }
  #pro-reviewslist {
    max-height: none;
  }
  #pro-recogother {
    flex: 0 0 60%;
    width: 60%;
  }
  .pro-recogrank {
    margin: 1.75em 0 0 0;
    align-items: flex-start;
  }
  .pro-recogrankpos {
    flex: 0 0 32%;
    width: 32%;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro-recogrankno {
    flex: 0 0 100%;
    width: 100%;
    text-align: center;
  }
  .pro-recogrankperson {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
    flex: 0 0 100%;
    margin: 0;
  }
  .pro-recogrankpersonimg {
    margin: 0.375em 0;
  }
  .pro-recogrankpersonname {
    flex: 0 0 100%;
    width: 100%;
  }
  #pro-feed {
    height: 9.25em;
  }
  #pro-feedwrap.dateopen,
  #pro-feedwrap {
    height: 27.75em;
  }
  #pro-feedtabwrap {
    justify-content: space-between;
  }
  #pro-feedtab {
    display: block;
  }
  #pro-datetab {
    display: none;
  }
  #pro-feedinner.dateopen {
    align-items: flex-start;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
  }
  #pro-feedinner {
    display: flex;
  }
  #pro-feed,
  #pro-feed.close {
    height: 6.688em;
  }
  #pro-daterangepicker .form-item {
    flex: 1;
    width: 100%;
  }
  #pro-feedinner.dateopen .pro-feeditem {
    display: flex;
  }
  .pro-feeditem {
    margin: 0.625em 0;
  }
  #pro-footerquicklinks {
    display: none;
  }
  #pro-datepreset {
    border-bottom: none;
    border-left: 1px solid #aaa;
    position: absolute;
    right: 0;
    width: 14em;
  }
  .pro-feedcontent {
    align-items: center;
  }
  .pro-feeditemtext {
    flex: 1;
    text-align: left;
    width: auto;
  }
  .pro-feeditemstaff {
    flex: 0 0 11em;
    width: 11em;
    font-size: 0.875em;
    text-align: left;
  }
  #pro-feed.suppressed {
    height: 4.75em;
    right: 0;
    width: auto;
  }
  #pro-feed.suppressed #pro-datepreset {
    border-top: 1px solid #aaa;
  }
  #pro-feed.suppressed .pro-feeditem,
  #pro-feed.suppressed #pro-feedtabwrap {
    display: none;
  }
  #pro-feed.suppressed #pro-feedwrap {
    border: none;
  }
  .table-insights {
    margin: 0 0 1.5em;
  }
  .insight-item.first {
    flex: 0 0 18%;
    width: 18%;
  }
  .insight-item {
    flex: 0 0 40%;
    width: 40%;
  }
  .fullwidth .insight-item.first,
  .col4 .insight-item.first {
    flex: 0 0 16%;
    width: 16%;
  }
  .fullwidth .insight-item,
  .col4 .insight-item {
    flex: 0 0 27%;
    width: 27%;
  }
  .pro-stattabs.allbusiness {
    flex: 0 0 60%;
    width: 60%;
  }
  #pro-stafftools.allbusiness {
    align-items: flex-start;
    flex: 0 0 35%;
    width: 35%;
  }
  .weekfilter-month,
  .weekfilter-week {
    flex: 0 0 7em;
    width: 7em;
  }
  #pro-mileagemain {
    flex: 0 0 18em;
    width: 18em;
  }
  #pro-mileagemaininner.sticky {
    box-sizing: border-box;
    position: fixed;
    top: 1.75em;
    width: 18em;
    z-index: 2;
  }
  #pro-mileagemaininner.sticky #pro-mileagelocations {
    box-sizing: border-box;
    height: 10em;
    overflow: scroll;
    position: absolute;
    width: 275%;
  }
  #pro-mileagefigureswrap.sticky {
    margin: 0 1.5em 0 0;
    max-width: 63.15em;
    position: fixed;
    top: 0;
  }
  button#mileage-submitexpense {
    flex: 0 0 8em;
    margin: 0 0 0 0.75em;
    width: 8em;
  }
  .pro-mileageheadlinefig {
    flex: 0 0 50%;
    width: 50%;
  }
  #pro-mileageadduploads,
  #pro-mileageaddexpense {
    flex: 0 0 49%;
    width: 49%;
  }
}
@media all and (min-width: 960px) {
  .mobileonly {
    display: none;
  }
  #pro-opennav {
    flex: 0 0 2.5em;
    width: 2.5em;
  }
  #pro-logowrap {
    margin: 0 0 0 1.5em;
  }
  #pro-logoouter {
    flex: 0 0 10em;
    margin: 0 auto 0 0;
    width: 10em;
  }
  .pro-logolink {
    font-size: 0.75em;
    margin: 0 0.75em 0 0;
  }
  #pro-notify.open {
    top: 135px;
  }
  #pro-thismonth {
    display: block;
    flex: 0 0 18em;
    text-align: center;
    width: 18em;
  }
  #pro-thismonthhead {
    font-size: 1em;
    text-align: center;
  }
  #pro-thismonthinner {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 25em;
  }
  .pro-headstat {
    flex: 0 0 24.5%;
    width: 24.5%;
  }
  .pro-headstattotal {
    color: #1483e4;
    font-size: 1.75em;
    font-weight: 600;
  }
  .pro-headstatname {
    color: #1483e4;
    font-size: 0.75em;
    text-transform: uppercase;
  }
  #pro-profileextra {
    margin: 0 0.75em 0 0;
    min-width: 13em;
  }
  .pro-signpostimg {
    flex: 0 0 1.75em;
    width: 1.75em;
  }
  .pro-signpostcap {
    font-size: 0.875em;
  }
  .pro-accordion {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro-accouter {
    flex: 0 0 49.5%;
    width: 49.5%;
  }
  #pro-feed,
  #pro-feed.close {
    height: 5.938em;
  }
  #pro-feed.open {
    height: 40em;
  }
  #pro-feedwrap {
    height: 37.75em;
  }
  .pro-feeditem {
    margin: 0.25em 0;
  }
  #pro-feed.normal #pro-datepreset {
    height: 4.05em;
  }
  .pro-settingwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro-setting {
    flex: 1;
  }
  .pro-stattabs.allbusiness {
    flex: 1;
    width: 100%;
  }
  #pro-stafftools.allbusiness {
    flex: 0 0 16em;
    width: 16em;
  }
  .expanded .insight-item.first {
    flex: 0 0 18%;
    width: 18%;
  }
  .insight-item-row.expanded {
    flex: 0 0 82%;
    width: 82%;
  }
  .insight-item-row.expanded .ofthese,
  .insight-item-row.expanded .insight-item {
    flex: 0 0 17%;
    width: 17%;
  }
  .tableinsight.six .insight-item {
    flex: 0 0 33.33%;
    width: 33.33%;
  }
  .insight-item.headlinefilter {
    flex: 0 0 12.5%;
    width: 12.5%;
  }
  #pro-listingstargetwrap.pro-bigtargetwrap,
  #pro-salestargetwrap.pro-bigtargetwrap,
  #pro-exchangestargetwrap.pro-bigtargetwrap {
    flex: 0 0 40%;
    width: 40%;
  }
  .pro-tripletargetwrap .pro-targettextfigure {
    font-size: 3.25em;
  }
  #pro-mileagemain {
    flex: 0 0 20em;
    width: 20em;
  }
  #pro-mileagemaininner.sticky {
    width: 20em;
  }
  #pro-mileageaddexpense,
  #pro-mileageadduploads,
  #pro-mileagesubmitclaim {
    flex: 0 0 32.5%;
    width: 32.5%;
  }
  .calendar-day {
    text-align: left;
  }
  .pro-mileageupload {
    flex: 0 0 32%;
    width: 32%;
  }
  .pro-videogrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro-videogrid figure {
    flex: 0 0 48%;
    margin: 0 0 3em;
    width: 48%;
  }
}
@media all and (min-width: 1024px) {
  #pro-logoouter {
    flex: 0 0 12em;
    width: 12em;
  }
  .pro-logolink {
    font-size: 0.875em;
  }
  #pro-thismonth {
    flex: 0 0 20em;
    width: 20em;
  }
  #pro-thismonthhead {
    font-size: 1.25em;
  }
  .pro-headstattotal {
    font-size: 2em;
  }
}
@media all and (min-width: 1200px) {
  h2 {
    font-size: 1.75em;
  }
  #pro-logowrap {
    flex: 0 0 22em;
    width: 22em;
  }
  .pro-logolink {
    margin: 0 1.75em 0 0;
  }
  #pro-thismonth {
    flex: 1;
    margin: 0 8% 0 0;
    width: auto;
  }
  .form-item {
    flex: 0 0 23.5%;
    width: 23.5%;
  }
  .form-item.double {
    flex: 0 0 47%;
    width: 47%;
  }
  .form-item.mini {
    flex: 0 0 5%;
    width: 5%;
  }
  .form-item.minipair {
    flex: 0 0 18.5%;
    width: 18.5%;
  }
  .pro-table {
    margin: 0 auto;
  }
  .pro-table.fullwidth {
    max-width: none;
    width: 100%;
  }
  .pro-table.pro-businessleague {
    max-width: none;
  }
  #pro-branchtable {
    flex: 0 0 100%;
    max-width: none;
    width: 100%;
  }
  #pro-bigstats {
    margin: 3em 0 0 0;
  }
  .pro-tripletargetwrap {
    flex: 0 0 32%;
    width: 32%;
  }
  .pro-targettextfigure {
    font-size: 4.75em;
    margin: -0.75em 0 0 0;
  }
  .pro-tripletargetwrap .pro-targettextfigure {
    font-size: 4em;
  }
  .pro-breakdownfigure {
    font-size: 3em;
    margin: 2em 0 0 0;
  }
  .pro-targettexttype {
    font-size: 1.25em;
  }
  .pro-tripletargetwrap .pro-targettexttype {
    font-size: 1.125em;
  }
  #pro-listingstargetwrap.pro-bigtargetwrap,
  #pro-salestargetwrap.pro-bigtargetwrap,
  #pro-exchangestargetwrap.pro-bigtargetwrap {
    flex: 0 0 36%;
    width: 36%;
  }
  #pro-bigfees,
  #pro-bigfees.show {
    justify-content: space-evenly;
  }
  #pro-bigfees .bigstat {
    flex: 0 0 47%;
    width: 47%;
  }
  #pro-lesserdonuts,
  #pro-smalldonuts {
    margin: 1.75em 0 0 0;
  }
  #pro-smalldonuts .pro-bigtargetwrap {
    flex: 0 0 24%;
    width: 24%;
  }
  #pro-smalldonuts.all .pro-bigtargetwrap {
    flex: 0 0 27%;
    width: 27%;
  }
  #pro-smalldonuts .pro-targettextfigure {
    font-size: 3em;
  }
  #pro-smalldonuts .pro-targettexttype {
    font-size: 0.875em;
    letter-spacing: -0.01em;
  }
  #pro-lesserdonuts .pro-bigtargetwrap {
    flex: 0 0 24%;
    width: 24%;
  }
  #pro-lesserdonuts.all .pro-bigtargetwrap {
    flex: 0 0 27%;
    width: 27%;
  }
  #pro-lesserdonuts .pro-targettextfigure {
    font-size: 3em;
    margin: -0.9em 0 0 0;
  }
  #pro-lesserdonuts .pro-targettexttype {
    font-size: 0.875em;
    letter-spacing: -0.01em;
  }
  .pro-bigstat {
    flex: 0 0 23.5%;
    width: 23.5%;
  }
  #pro-bigstats.two #pro-bigstatcomm {
    flex: 0 0 60%;
    width: 60%;
  }
  #pro-bigstats.two #pro-bigstatpoints {
    flex: 0 0 40%;
    width: 40%;
  }
  #pro-bigstats.three .pro-bigstat {
    flex: 0 0 32%;
    width: 32%;
  }
  #pro-bigfees .pro-bigstat {
    flex: 0 0 48%;
    width: 48%;
  }
  #pro-bigstats.one .pro-bigstatamount,
  .pro-bigstatamount {
    font-size: 5em;
  }
  #pro-bigfees .pro-bigstatamount {
    font-size: 2.5em;
  }
  .pro-signpostimg {
    flex: 0 0 2em;
    width: 2em;
  }
  .pro-signpostcap {
    font-size: 1em;
    letter-spacing: 0.1em;
  }
  #pro-submitcommission,
  #pro-sheetdaterange {
    flex: 0 0 48%;
    margin: 0;
    width: 48%;
  }
  #pro-stafftools.allbusiness #pro-sheetdaterange {
    flex: 1;
    width: 100%;
  }
  #pro-submitcommission {
    align-items: center;
    display: flex;
    padding: 0.8em;
  }
  .clicktocopy {
    margin: 0 0.75em 0.75em 0;
  }
  #pro-minileague {
    margin: 0.75em auto;
    width: 95%;
  }
  #pro-minileague.branch {
    margin: 0 0 0.75em;
    width: 100%;
  }
  .pro-recogrankno {
    flex: 0 0 2em;
    width: 2em;
    margin: 0 0.25em 0.2em 0;
  }
  .pro-recogrankperson {
    flex: 1;
    justify-content: flex-start;
    text-align: left;
  }
  #pro-feedwrap {
    background-color: #ffffff;
  }
  .pro-feeditemstaff {
    font-size: 1em;
  }
  .pro-feeditemtext {
    display: flex;
  }
  .pro-feeddetails {
    font-size: 1em;
    margin: 0 0 0 1em;
  }
  .pro-dropdownfilterblock {
    margin: 0 1.75em 0 0;
  }
  .expanded .insight-item.first {
    flex: 0 0 15%;
    width: 15%;
  }
  .insight-item-row.expanded {
    flex: 0 0 85%;
    width: 85%;
  }
  .insight-item-row.expanded .insight-item {
    flex: 0 0 12.5%;
    width: 12.5%;
  }
  .tableinsight.six .insight-item {
    flex: 0 0 17%;
    width: 17%;
  }
  .tableinsight.six .insight-item.first {
    flex: 0 0 15%;
    width: 15%;
  }
  .tableinsight.six .insight-large {
    font-size: 2em;
  }
  .tableinsight.six .insight-caption {
    font-size: 1.125em;
  }
  .insight-item.headlinefilter {
    flex: 0 0 6.25%;
    width: 6.25%;
  }
  .pow-item {
    flex: 0 0 20em;
    margin: 0 0 0.75em auto;
    width: 20em;
  }
  #pro-mileagemain {
    flex: 0 0 30em;
    width: 30em;
  }
  #pro-mileagemaininner.sticky {
    width: 30em;
  }
  #pro-mileagemaininner.sticky #pro-mileagelocations {
    box-sizing: border-box;
    height: auto;
    overflow: inherit;
    position: absolute;
    width: 100%;
  }
  #pro-mileagecalendar {
    margin: 0 0 0 1.75em;
  }
  #pro-mileagecalendar.completed {
    margin: 0;
  }
  #pro-mileagefigures {
    justify-content: center;
  }
  .pro-mileageheadlinefig {
    flex: 0 0 33%;
    width: 33%;
  }
  .pro-videogrid figure {
    flex: 0 0 32%;
    width: 32%;
  }
}
@media all and (min-width: 1400px) {
  .pro-breakdownfigure {
    font-size: 4em;
    margin: 1.5em 0 0 0;
  }
  #pro-reviewslist {
    padding: 0 1.75em;
  }
  .pro-recogrank {
    align-items: center;
  }
  .pro-recogrankmonth {
    flex: 0 0 16%;
    margin: 0;
    width: 16%;
  }
  .pro-recogrankpos {
    flex: 0 0 28%;
    width: 28%;
  }
  #pro-callstatswrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #pro-callstatswrap .dataTables_wrapper {
    flex: 0 0 48%;
    width: 48%;
  }
  #pro-mileagemain {
    flex: 0 0 35em;
    width: 35em;
  }
  #pro-mileagemaininner.sticky {
    width: 35em;
  }
  .pro-mileageupload {
    flex: 0 0 24%;
    width: 24%;
  }
}
/* 	OVERRIDES */
.nomargin {
  margin: 0;
}

#pro-wrap .hidden,
.hidden {
  display: none;
}

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