@charset "UTF-8";
/*   Basic Styling   */
.px-tablecell {
  padding-left: 16px;
  padding-right: 16px;
}

.mr--1 {
  margin-right: -1px !important;
}

.mr--5 {
  margin-right: -5px !important;
}

.ml--15 {
  margin-left: -15px !important;
}

.d-none {
  display: none !important;
}

.blue-hover :hover {
  color: #0d85ff !important;
  text-decoration: underline !important;
}

.pin-hover :hover {
  color: #0d85ff !important;
  transform: scale(1.3) !important;
}

.trash-hover :hover {
  color: #e54b4b !important;
  transform: scale(1.3) !important;
}

.cursor-cancel {
  cursor: url(../../img/cursor-no.png), auto !important;
}

.cursor-help {
  cursor: help !important;
}

.sticky-header {
  position: absolute;
  z-index: 10;
}

.show-scroll ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.show-scroll ::-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);
}

.blue-hover-button button :hover {
  background: #0d85ff !important;
  color: white !important;
}

/* Colors for charts

  Full image reference here: https://trello-attachments.s3.amazonaws.com/5c2e3b3410041a0f51d404ea/5c48e4d5b5fc6944899fbc5f/6c603e18ba587f95000403d06298af33/image.png

  Color Name              Hex              Lead Source            Contact Source
  -----------------------------------------------------------------------------------------
  Fusion Red              #fc5c65          Yelp Message           Yelp    
  Desire                  #eb3b5a          IG Message             Instagram
  High Blue               #45aaf2                                 Occupant
  Boyzone                 #2d98da                                 Leasing Agent / Property
  Orange Hibiscus         #fd9644                                 Radio
  Beniukon Bronze         #fa8231          Text
  C64 NTSC                #4b7bec          Webform                Website
  Royal Blue              #3867d6          FB Message             Facebook
  Flirtatious             #fed330          Live Chat
  NYC Taxi                #f7b731          Call                   
  Lighter Purple          #a55eea                                 Email Marketing
  Gloomy Purple           #8854d0          Agent                  Agent Referral
  Reptile Green           #26de81          Google Message         Google
  Algal Fuel              #20bf6b                                 Reddit
  Twinkle Blue            #d1d8e0          Walk In                Drive-By / Walk-In
  Innuendo                #a5b1c2                                 Word of Mouth
  Maximum Blue Green      #2bcbba          LinkedIn Message       LinkedIn
  Turquoise Topaz         #0fb9b1                                 Relocation Guide
  Blue Grey               #778ca3          Corporate Lead
  Blue Horizon            #4b6584          Other                  None of the Above

*/
/* Source: https://stackoverflow.com/a/35505993/9795873 */
/* only works in IE if you pass in a hex color */
/* only works in IE if you pass in a hex color */
html, html * {
  box-sizing: border-box;
}

html, body {
  color: #333742;
}

body {
  background: #F4F6FC;
  overflow: hidden;
}

ul, dl {
  margin: 0;
  padding: 0;
}

dl {
  overflow: hidden;
}

li {
  list-style-type: none;
}

dt, dd {
  float: left;
  margin: 0;
}

dt {
  clear: left;
}

dd {
  margin-left: 5px;
}

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

/*   Colors Styling   */
.panel.gradient:before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 8px;
  border-radius: 4px;
  display: block;
  position: absolute;
}

.panel.teal-gradient:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ec7b7+0,59eddd+100 */
  background: rgb(46, 199, 183); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(46, 199, 183) 0%, rgb(89, 237, 221) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(46, 199, 183) 0%, rgb(89, 237, 221) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(46, 199, 183) 0%, rgb(89, 237, 221) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2ec7b7", endColorstr="#59eddd",GradientType=1 ); /* IE6-9 */
}

.panel.purple-gradient:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7367f0+0,ce9ffc+100 */
  background: rgb(115, 103, 240); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(115, 103, 240) 0%, rgb(206, 159, 252) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(115, 103, 240) 0%, rgb(206, 159, 252) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(115, 103, 240) 0%, rgb(206, 159, 252) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7367f0", endColorstr="#ce9ffc",GradientType=1 ); /* IE6-9 */
}

.panel.blue-gradient:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0072ff+0,00c6ff+100 */
  background: rgb(0, 114, 255); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(0, 114, 255) 0%, rgb(0, 198, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(0, 114, 255) 0%, rgb(0, 198, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(0, 114, 255) 0%, rgb(0, 198, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0072ff", endColorstr="#00c6ff",GradientType=1 ); /* IE6-9 */
}

.panel.orange-gradient:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd6585+0,ffaa85+100 */
  background: rgb(253, 101, 133); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(253, 101, 133) 0%, rgb(255, 170, 133) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(253, 101, 133) 0%, rgb(255, 170, 133) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(253, 101, 133) 0%, rgb(255, 170, 133) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fd6585", endColorstr="#ffaa85",GradientType=1 ); /* IE6-9 */
}

.request-status-leased {
  background: #01d994 !important;
  fill: #01d994;
  color: white !important;
  border: none;
  text-transform: uppercase;
}

.request-status-lost, .request-status-closed {
  background: #fb9b2a !important;
  fill: #fb9b2a;
  color: white !important;
  border: none;
  text-transform: uppercase;
}

.request-status-blacklisted {
  background: #e54b4b !important;
  fill: #e54b4b;
  color: white !important;
  border: none;
  text-transform: uppercase;
}

.slate-bg, .slate-bg.panel {
  background: #7b8da0;
  color: white;
}

.darkblue-bg, .darkblue-bg.panel {
  background: #354052 !important;
  color: white !important;
  border: none;
}

.black-bg, .black-bg.panel {
  background: #212529 !important;
  color: white !important;
  border: none;
}

.blue-bg, .blue-bg.panel {
  background: #1891ff !important;
  color: white !important;
  border: none;
}

.blue-bg-dark-text {
  background: rgb(202.5, 230, 255) !important;
  color: #333742 !important;
  border: none;
}

.green-bg, .green-bg.panel {
  background: #01d994 !important;
  fill: #01d994;
  color: white !important;
  border: none;
}

.blue-bg, .blue-bg.panel {
  @inclue color-bg($blue);
}

.red-bg, .red-bg.panel {
  background: #e54b4b !important;
  fill: #e54b4b;
  color: white !important;
  border: none;
}

.yellow-bg, .yellow-bg.panel {
  background: #fb9b2a !important;
  fill: #fb9b2a;
  color: white !important;
  border: none;
}

.slate-btn-bg {
  background: #7b8da0 !important;
  fill: #7b8da0;
  color: white !important;
  border: none;
}

.purple-bg {
  background: #864bff !important;
  fill: #864bff;
  color: white !important;
  border: none;
}

.medium-red-bg {
  background: rgb(255, 191.2, 205.0695652174) !important;
  color: white !important;
}

.medium-yellow-bg {
  background: rgb(255, 229.6071428571, 176) !important;
  color: white !important;
}

.medium-green-bg {
  background: rgb(182.625, 230.875, 206.75) !important;
  color: white !important;
}

.light-gray-bg {
  background: rgb(226.7973568282, 230.6431718062, 234.7026431718) !important;
}

.light-blue-bg {
  background: rgb(202.5, 230, 255) !important;
}

.light-green-bg {
  background: #f0faf5 !important;
}

.light-red-bg {
  background: #ffe8ed !important;
}

.light-yellow-bg {
  background: #fff6e3 !important;
}

.color-inherit-text {
  color: inherit !important;
}

.green-text {
  color: #01d994 !important;
}

.blue-text {
  color: #1891ff !important;
}

.yellow-text {
  color: #fb9b2a !important;
}

.red-text {
  color: #e54b4b !important;
}

.gray-text {
  color: #7b8da0 !important;
}

.purple-text {
  color: #864bff !important;
}

.white-text {
  color: #ffffff !important;
}

.instagram-bg {
  background: #b110ff;
}

.reddit-bg {
  background: #ef5f56;
}

.facebook-bg {
  background: #123596;
}

.google-bg {
  background: #db2a5d;
}

.website-bg {
  background: #2cdddd;
}

.agent-referrals-bg {
  background: #43caff;
}

.current-bg {
  background: #1ac8ff;
}

.one-month-bg {
  background: #123596;
}

.two-month-bg {
  background: #22e4df;
}

.three-month-bg {
  background: #ac2ce8;
}

.four-month-bg {
  background: #db2a5d;
}

.gray-bg {
  background: #F4F6FC;
}

.white-bg {
  background: #ffffff !important;
}

.fill-gray {
  fill: #9fabbc !important;
}
.fill-gray svg {
  fill: #9fabbc !important;
}

.fill-blue {
  fill: #1891ff !important;
}
.fill-blue svg {
  fill: #1891ff !important;
}

.fill-red {
  fill: #e54b4b !important;
}
.fill-red svg {
  fill: #e54b4b !important;
}

@keyframes movingGradient {
  0%, 5%, 10% {
    background-position: 10% 0;
  }
  50% {
    background-position: 91% 100%;
  }
  90%, 95%, 100% {
    background-position: 10% 0;
  }
}
/*   Fonts Styling   */
@font-face {
  font-family: "Inter UI";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/inter-ui/Inter-UI-Regular.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/inter-ui/Inter-UI-Italic.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-Italic.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/inter-ui/Inter-UI-Medium.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: italic;
  font-weight: 500;
  src: url("../../fonts/inter-ui/Inter-UI-MediumItalic.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/inter-ui/Inter-UI-Bold.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: italic;
  font-weight: 700;
  src: url("../../fonts/inter-ui/Inter-UI-BoldItalic.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/inter-ui/Inter-UI-Black.woff2") format("woff2"), url("../../fonts/inter-ui/Inter-UI-Black.woff") format("woff");
}
@font-face {
  font-family: "Inter UI";
  font-style: italic;
  font-weight: 900;
  src: url("../../fonts/inter-ui/Inter-UI-BlackItalic.woff2") format("woff2"), url("inter-ui/Inter-UI-BlackItalic.woff") format("woff");
}
body, .pure-g [class*=pure-u], body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button, body .ui-widget {
  font-family: "Inter UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", serif;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

/* Page Heading */
h1 {
  font-size: 24px;
}

/* Stat Panel Headings */
h2 {
  font-size: 28px;
}

/* Stat Panel Subheads */
h3 {
  font-size: 21px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}
h5.small {
  font-size: 14px;
  font-weight: 400;
}

h6 {
  font-size: 14px;
}
h6.small {
  font-size: 12px;
  font-weight: 400;
}

p {
  font-size: 16px;
}
p.small {
  font-size: 14px;
}

a {
  color: #1891ff;
  transition: all 0.2s ease-in-out 0s;
}
a:hover {
  opacity: 0.7;
}

.text-inherit {
  font-size: inherit;
}

.text-tiny {
  font-size: 80% !important;
}

.text-small {
  font-size: 90% !important;
}

.text-normal {
  font-size: 100% !important;
}

.text-large {
  font-size: 110% !important;
}

.text-huge {
  font-size: 130% !important;
}

.regular {
  font-weight: 400 !important;
}

.semibold {
  font-weight: 500 !important;
}

.bold {
  font-weight: 700 !important;
}

.black {
  font-weight: 900 !important;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.highlight {
  color: #1891ff;
  text-decoration: none;
}

.label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #7b8da0;
}
.label .label-small {
  font-size: 13px !important;
}

.value {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #354052;
}

.no-results {
  opacity: 0.3;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
}

.concierge-bulk-move-info {
  font-size: 14px;
  text-align: center;
  color: #7b8da0;
  font-weight: bold;
}
.concierge-bulk-move-info i {
  font-size: 18px;
  transform: translateY(3px);
}

.cursor-pointer {
  cursor: pointer;
}

.modal {
  border-radius: 8px !important;
}
.modal .modal-wrapper {
  padding: 32px;
}
.modal .modal-header {
  padding-bottom: 24px;
  border-bottom: 1px solid #9fabbc;
  align-items: center;
}
.modal .modal-header h1 {
  color: #1891ff;
}
.modal .modal-header h1.lead-name {
  color: #354052;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.modal .modal-header .close {
  fill: #7b8da0;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  right: 22px;
  top: 25px;
}
.modal .modal-header .close svg {
  width: 15px;
  transition: all 0.2s ease-in-out 0s;
}
.modal .modal-header .close:hover svg {
  fill: #354052;
}
.modal .modal-header .close:active svg {
  fill: #354052;
}
.modal .modal-content {
  margin-top: 32px;
}
.modal .modal-table-content {
  max-height: 328px;
  overflow: auto;
}
.modal .pure-form .pure-control-group {
  position: relative;
}
.modal .pure-form .pure-control-group span.error {
  display: none;
  padding: 10px 20px 8px 20px;
  background: rgba(240, 24, 78, 0.25);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -2px;
  font-size: 12px;
  font-weight: bold;
  color: #f0184e;
  position: absolute;
  top: 100%;
  width: 100%;
}
.modal .pure-form .pure-control-group.required label:after {
  content: " *";
  color: #e54b4b;
  position: absolute;
  margin-left: 4px;
}
.modal .pure-form .pure-control-group.error label {
  color: #e54b4b;
}
.modal .pure-form .pure-control-group.error input {
  border: 3px solid #e54b4b;
}
.modal .pure-form .pure-control-group.error .error {
  display: block;
}
.modal .pure-form label {
  font-size: 14px;
  color: #7b8da0;
  font-weight: bold;
}
.modal .pure-form label.label-small {
  font-size: 12px !important;
  transform: translateY(2px);
}
.modal .pure-form input {
  padding: 0 20px;
  border: 1px solid #9fabbc;
  font-size: 15px;
  font-weight: 500;
}
.modal .pure-form input:focus {
  border: 2px solid #1891ff;
  padding: 0 18px;
}
.modal .pure-form input:focus + label {
  color: #1891ff;
}
.modal .pure-form input[disabled] {
  background: #ebeded;
  border-color: #7b8da0;
  color: rgba(53, 64, 82, 0.5);
}
.modal .pure-form .checkbox-wrapper input {
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.modal .pure-form .checkbox-wrapper label {
  display: inline-block;
  color: #354052;
}
.modal .pure-form .default-radio-wrapper .radio-option label {
  width: auto;
  display: flex;
}
.modal .pure-form .default-radio-wrapper .radio-option input {
  height: 0;
}
.modal .pure-form select {
  height: 40px;
}
.modal .pure-form ::placeholder {
  color: #9fabbc;
  font-weight: 300;
}
.modal.narrow {
  width: 300px;
  max-width: none !important;
}
.modal.medium {
  width: 480px;
  max-width: none !important;
}
.modal.wide {
  width: 805px;
  max-width: none !important;
}
.modal.extra-wide {
  width: 980px;
  max-width: none !important;
}
.modal.extra-extra-wide {
  width: 1100px;
  max-width: none !important;
}
.modal.extra-extra-extra-wide {
  width: 1366px;
  max-width: 100vw !important;
}
.modal {
  /* --- Used for modals in which someone searches for an agent from a particular city. --- */
}
.modal .agent-search-wrapper span.rounded-input {
  flex-grow: 1;
}
.modal .agent-search-wrapper span.rounded-input input {
  height: 40px;
  line-height: 40px;
  line-height: normal;
  border-radius: 28px;
  width: 100%;
}
.modal .agent-search-wrapper .agent-table {
  border: 1px solid #b8c5d1;
  height: 154px;
  overflow-y: auto;
  margin-bottom: 0;
  padding: 0;
  margin-bottom: -1px;
}
.modal .agent-search-wrapper .agent-table li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #b8c5d1;
  height: 48px;
  padding: 0 16px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.modal .agent-search-wrapper .agent-table li > div {
  display: inline-flex;
  align-items: center;
}
.modal .agent-search-wrapper .agent-table li:hover {
  background: rgba(24, 145, 255, 0.15);
}
.modal .agent-search-wrapper .agent-table li .agent-status {
  width: 100px;
}
.modal .agent-search-wrapper .agent-table li .agent-status .icon-wrapper {
  width: 28px;
  margin-right: 10px;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.modal .agent-search-wrapper .agent-table li .agent-status .in-office-icon {
  fill: #7B8DA0;
}
.modal .agent-search-wrapper .agent-table li .agent-status .out-of-office-icon {
  fill: #7B8DA0;
  width: 19px;
}
.modal .agent-search-wrapper .agent-table li.selected {
  color: white;
  background: #1891ff;
  border-color: #1891ff;
}
.modal .agent-search-wrapper .agent-table li.selected svg path, .modal .agent-search-wrapper .agent-table li.selected svg rect {
  fill: white;
}
.modal .agent-search-wrapper .agent-table li:first-child {
  border-bottom: 1px solid #b8c5d1;
}
.modal .agent-search-wrapper .agent-table li.selected:first-child {
  border-bottom: 1px solid #1891ff;
}
.modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  align-items: flex-end;
  align-items: center;
}
.modal .modal-footer .pure-button {
  display: inline-block;
  width: auto;
  padding: 0 42px;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
}
.modal .modal-footer .pure-button.primary {
  border: solid 1px rgba(33, 37, 41, 0.15);
}
.modal .modal-footer .validation {
  flex-grow: 1;
  background: rgba(240, 24, 78, 0.25);
  border-radius: 4px;
  color: #e54b4b;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.modal .modal-footer .validation i {
  margin-left: 20px;
}
.modal .modal-footer .checkbox-wrapper {
  flex-grow: 1;
}
.modal .grid-reset.split-items .grid-item:first-child {
  padding-right: 40px;
}
.modal .grid-reset.split-items .grid-item:last-child {
  padding-left: 40px;
}
.modal .grid-reset.split-items.tight-grid .grid-item:first-child {
  padding-right: 12px;
}
.modal .grid-reset.split-items.tight-grid .grid-item:last-child {
  padding-left: 12px;
}
.modal .chart-legend {
  column-count: 2;
}
.modal .chart-legend li {
  padding: 4px 32px;
}
.modal.careful .modal-header h1 {
  color: #e54b4b;
}
.modal.careful .modal-footer .pure-button.primary {
  background: #e54b4b;
  color: white;
}
.modal.careful .modal-footer .pure-button.primary:disabled {
  color: rgba(255, 255, 255, 0.5);
}

#add-step-1 label {
  font-size: 16px;
  color: #333742;
  display: inline-block;
}

/* --- This is used for updating an agent's status. --- */
.agent-status.d-flex {
  justify-content: space-between;
  align-items: center;
}
.agent-status.d-flex .pure-control-group {
  display: inline-flex;
}
.agent-status.d-flex .pure-control-group label {
  margin-right: 0;
}
.agent-status.d-flex .pure-radio {
  float: left;
}
.agent-status.d-flex .pure-radio .box {
  height: 48px;
  width: 91px;
  line-height: 48px;
  font-size: 12px;
  border-radius: 0;
  border-right-width: 0;
}
.agent-status.d-flex .pure-radio:first-child .box {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.agent-status.d-flex .pure-radio:last-child .box {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.agent-status .agent-details {
  display: inline-flex;
  align-items: center;
  width: 100% !important;
}
.agent-status .agent-name h6 {
  color: #7b8da0;
  font-size: 13px;
  font-weight: 400;
  width: 100% !important;
}
.agent-status .rotation-sr-icon {
  vertical-align: middle;
  float: left;
  transform: translateY(2px);
}

.dual-panels .panel {
  height: 108px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 173px;
  padding-top: 12px;
}
.dual-panels .panel h2 {
  font-size: 48px;
}
.dual-panels .panel.panel-info {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #354052;
  background: #d8dfe6;
  padding: 12px 0;
  width: auto;
  flex-grow: 1;
  border: none;
}
.dual-panels h1#rotation_status_average_time {
  line-height: 24px;
}

#text_length {
  color: #7b8da0;
}

#modal-add-lead-step-4 label {
  letter-spacing: normal !important;
}

#not-implemented .construction-icon {
  fill: #7F8FA4;
  display: block;
  margin: auto;
  height: 300px;
}

.cursor-no {
  fill: #7B8DA0;
}

.not-implemented {
  cursor: url(../../img/cursor-no.png), auto !important;
}

.iziModal.full-height {
  height: calc(100vh - 30px) !important;
}
.iziModal.full-height .iziModal-wrap, .iziModal.full-height .iziModal-content, .iziModal.full-height .modal-wrapper {
  height: 100% !important;
}
.iziModal.full-height .iziModal-wrap .modal-content, .iziModal.full-height .iziModal-content .modal-content, .iziModal.full-height .modal-wrapper .modal-content {
  height: calc(100% - 59px - 48px - 32px);
  max-height: none !important;
  overflow-y: auto;
}
.iziModal.full-height .iziModal-wrap .modal-content > div, .iziModal.full-height .iziModal-content .modal-content > div, .iziModal.full-height .modal-wrapper .modal-content > div {
  max-height: none !important;
}

#webform-overwrite-modal {
  max-width: 800px !important;
}
#webform-overwrite-modal .pure-button {
  max-width: 25%;
  margin-left: auto;
  margin-right: auto;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-visible::after {
  content: none !important;
}

.modal.modal-days-calculator {
  margin-left: 75px !important;
  margin-bottom: 10px !important;
}
.modal.modal-days-calculator.applicable {
  z-index: 9999 !important;
}

.modal-days-calculator-wrapper {
  padding: 15px !important;
}
.modal-days-calculator-wrapper .modal-header {
  padding-bottom: 5px;
}
.modal-days-calculator-wrapper .modal-header h1 {
  font-size: 15px;
  color: #7b8da0;
}
.modal-days-calculator-wrapper .modal-header .close {
  top: 8px;
  right: 8px;
}
.modal-days-calculator-wrapper .modal-header .close svg {
  width: 10px;
  margin-bottom: 10px;
}
.modal-days-calculator-wrapper .modal-content {
  margin-top: 16px;
}
.modal-days-calculator-wrapper .modal-content > div > div > div > .grid-item > div > div > .dateinput-wrapper.single > .low {
  padding-left: 35px !important;
  padding-right: 5px !important;
}
.modal-days-calculator-wrapper .modal-content > div > div > div > .grid-item > div > div > .dateinput-wrapper.single > .datepicker-icon {
  left: 8px !important;
}
.modal-days-calculator-wrapper .modal-content > div > div > div > div:nth-child(3) > div > div > .hasDatepicker {
  top: -465px !important;
}

.date-grabber-icon {
  position: absolute;
  right: 38px;
  top: 13px;
  font-size: 20px;
  color: #7b8da0;
}
.date-grabber-icon:hover {
  color: #1891ff;
  cursor: pointer;
}

.date-calculator-clear-all-icon {
  position: absolute;
  right: 63px;
  top: 13px;
  font-size: 20px;
  color: #7b8da0;
}
.date-calculator-clear-all-icon:hover {
  color: #1891ff;
  cursor: pointer;
}

.far-out-move-date-details > div[class*=pure-u-] {
  padding: 0.5em 0.5em 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}
.far-out-move-date-details .border-b-gray {
  border-bottom: 1px solid #d8dfe6;
}

.w-5 {
  width: 5px !important;
  flex: none !important;
}

.w-10 {
  width: 10px !important;
  flex: none !important;
}

.w-15 {
  width: 15px !important;
  flex: none !important;
}

.w-20 {
  width: 20px !important;
  flex: none !important;
}

.w-25 {
  width: 25px !important;
  flex: none !important;
}

.w-30 {
  width: 30px !important;
  flex: none !important;
}

.w-35 {
  width: 35px !important;
  flex: none !important;
}

.w-40 {
  width: 40px !important;
  flex: none !important;
}

.w-45 {
  width: 45px !important;
  flex: none !important;
}

.w-50 {
  width: 50px !important;
  flex: none !important;
}

.w-55 {
  width: 55px !important;
  flex: none !important;
}

.w-60 {
  width: 60px !important;
  flex: none !important;
}

.w-65 {
  width: 65px !important;
  flex: none !important;
}

.w-70 {
  width: 70px !important;
  flex: none !important;
}

.w-75 {
  width: 75px !important;
  flex: none !important;
}

.w-80 {
  width: 80px !important;
  flex: none !important;
}

.w-85 {
  width: 85px !important;
  flex: none !important;
}

.w-90 {
  width: 90px !important;
  flex: none !important;
}

.w-95 {
  width: 95px !important;
  flex: none !important;
}

.w-100 {
  width: 100px !important;
  flex: none !important;
}

.w-105 {
  width: 105px !important;
  flex: none !important;
}

.w-110 {
  width: 110px !important;
  flex: none !important;
}

.w-115 {
  width: 115px !important;
  flex: none !important;
}

.w-120 {
  width: 120px !important;
  flex: none !important;
}

.w-125 {
  width: 125px !important;
  flex: none !important;
}

.w-130 {
  width: 130px !important;
  flex: none !important;
}

.w-135 {
  width: 135px !important;
  flex: none !important;
}

.w-140 {
  width: 140px !important;
  flex: none !important;
}

.w-145 {
  width: 145px !important;
  flex: none !important;
}

.w-150 {
  width: 150px !important;
  flex: none !important;
}

.w-155 {
  width: 155px !important;
  flex: none !important;
}

.w-160 {
  width: 160px !important;
  flex: none !important;
}

.w-165 {
  width: 165px !important;
  flex: none !important;
}

.w-170 {
  width: 170px !important;
  flex: none !important;
}

.w-175 {
  width: 175px !important;
  flex: none !important;
}

.w-180 {
  width: 180px !important;
  flex: none !important;
}

.w-185 {
  width: 185px !important;
  flex: none !important;
}

.w-190 {
  width: 190px !important;
  flex: none !important;
}

.w-195 {
  width: 195px !important;
  flex: none !important;
}

.w-200 {
  width: 200px !important;
  flex: none !important;
}

.w-205 {
  width: 205px !important;
  flex: none !important;
}

.w-210 {
  width: 210px !important;
  flex: none !important;
}

.w-215 {
  width: 215px !important;
  flex: none !important;
}

.w-220 {
  width: 220px !important;
  flex: none !important;
}

.w-225 {
  width: 225px !important;
  flex: none !important;
}

.w-230 {
  width: 230px !important;
  flex: none !important;
}

.w-235 {
  width: 235px !important;
  flex: none !important;
}

.w-240 {
  width: 240px !important;
  flex: none !important;
}

.w-245 {
  width: 245px !important;
  flex: none !important;
}

.w-250 {
  width: 250px !important;
  flex: none !important;
}

.w-280 {
  width: 280px !important;
  flex: none !important;
}

.w-300 {
  width: 300px !important;
  flex: none !important;
}

.w-330 {
  width: 330px !important;
  flex: none !important;
}

.w-350 {
  width: 350px !important;
  flex: none !important;
}

.w-375 {
  width: 375px !important;
  flex: none !important;
}

.w-400 {
  width: 400px !important;
  flex: none !important;
}

.w-420 {
  width: 420px !important;
  flex: none !important;
}

.m-w-5 {
  min-width: 5px !important;
}

.m-w-10 {
  min-width: 10px !important;
}

.m-w-15 {
  min-width: 15px !important;
}

.m-w-20 {
  min-width: 20px !important;
}

.m-w-25 {
  min-width: 25px !important;
}

.m-w-30 {
  min-width: 30px !important;
}

.m-w-35 {
  min-width: 35px !important;
}

.m-w-40 {
  min-width: 40px !important;
}

.m-w-45 {
  min-width: 45px !important;
}

.m-w-50 {
  min-width: 50px !important;
}

.m-w-55 {
  min-width: 55px !important;
}

.m-w-60 {
  min-width: 60px !important;
}

.m-w-65 {
  min-width: 65px !important;
}

.m-w-70 {
  min-width: 70px !important;
}

.m-w-75 {
  min-width: 75px !important;
}

.m-w-80 {
  min-width: 80px !important;
}

.m-w-85 {
  min-width: 85px !important;
}

.m-w-90 {
  min-width: 90px !important;
}

.m-w-95 {
  min-width: 95px !important;
}

.m-w-100 {
  min-width: 100px !important;
}

.m-w-105 {
  min-width: 105px !important;
}

.m-w-110 {
  min-width: 110px !important;
}

.m-w-115 {
  min-width: 115px !important;
}

.m-w-120 {
  min-width: 120px !important;
}

.m-w-125 {
  min-width: 125px !important;
}

.m-w-130 {
  min-width: 130px !important;
}

.m-w-135 {
  min-width: 135px !important;
}

.m-w-140 {
  min-width: 140px !important;
}

.m-w-145 {
  min-width: 145px !important;
}

.m-w-150 {
  min-width: 150px !important;
}

.m-w-155 {
  min-width: 155px !important;
}

.m-w-160 {
  min-width: 160px !important;
}

.m-w-165 {
  min-width: 165px !important;
}

.m-w-170 {
  min-width: 170px !important;
}

.m-w-175 {
  min-width: 175px !important;
}

.m-w-180 {
  min-width: 180px !important;
}

.m-w-185 {
  min-width: 185px !important;
}

.m-w-190 {
  min-width: 190px !important;
}

.m-w-195 {
  min-width: 195px !important;
}

.m-w-200 {
  min-width: 200px !important;
}

.m-w-205 {
  min-width: 205px !important;
}

.m-w-210 {
  min-width: 210px !important;
}

.m-w-215 {
  min-width: 215px !important;
}

.m-w-220 {
  min-width: 220px !important;
}

.m-w-225 {
  min-width: 225px !important;
}

.m-w-230 {
  min-width: 230px !important;
}

.m-w-235 {
  min-width: 235px !important;
}

.m-w-240 {
  min-width: 240px !important;
}

.m-w-245 {
  min-width: 245px !important;
}

.m-w-250 {
  min-width: 250px !important;
}

.m-w-280 {
  min-width: 280px !important;
}

.m-w-300 {
  min-width: 300px !important;
}

.m-w-330 {
  min-width: 330px !important;
}

.m-w-350 {
  min-width: 350px !important;
}

.m-w-375 {
  min-width: 375px !important;
}

.m-w-400 {
  min-width: 400px !important;
}

.m-w-420 {
  min-width: 420px !important;
}

/* CSS Document */
.column {
  padding: 0 10px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-left {
  text-align: left !important;
  justify-content: flex-start;
}

.text-right {
  text-align: right !important;
  justify-content: flex-end;
}

.text-center {
  text-align: center !important;
  justify-content: center;
}

.text-pre {
  white-space: pre;
}

.text-nowrap {
  white-space: nowrap;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfix {
  clear: both;
}

.overflow-hidden {
  overflow: hidden;
}

.mt-20 {
  margin-top: 20px;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.m-auto {
  margin: auto;
}

.w-fit-content {
  width: fit-content !important;
  width: -moz-fit-content !important;
}

@media screen and (max-width: 723px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 724px) {
  .visible-mobile {
    display: none !important;
  }
}

.grid-reset {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}
.grid-reset .grid-item {
  padding: 0 15px;
}
.grid-reset .grid-item.border-left {
  border-left: 1px solid #9fabbc;
}
.grid-reset.tight-grid {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
}
.grid-reset.tight-grid .grid-item {
  padding: 0 8px;
}
.grid-reset.tight-grid .grid-item.no-padding {
  padding: 0;
}

.fill-vertical-parent {
  /*overflow:auto;*/
  display: flex;
  flex-direction: column;
}
.fill-vertical-parent.comments-border {
  border: solid #9fabbc 1px;
  border-radius: 4px;
  padding: 15px !important;
}
.fill-vertical-parent .fill-vertical {
  flex: 1;
  /*max-height:none;*/
  display: flex;
}
.fill-vertical-parent .fill-vertical.no-shrink > div {
  flex-shrink: 0;
}
.fill-vertical-parent .fill-vertical .fill-vertical-child {
  flex: 1;
}

.d-block {
  display: block !important;
}

.d-i-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-i-flex {
  display: inline-flex !important;
}

.a-i-center {
  align-items: center !important;
}

.c-white {
  color: white !important;
}

.o-hidden {
  overflow: hidden;
}

.flex-0 {
  flex: 0 0 auto;
  min-height: 0;
}

.flex-1 {
  flex: 1;
  min-height: 0;
}

.f-d-column {
  flex-direction: column;
}

.f-d-row {
  flex-direction: row;
}

.h-100 {
  height: 100%;
}

.w-100pct {
  width: 100% !important;
}
.w-100pct .daterangeinput-wrapper {
  width: 100% !important;
}

.w-50pct {
  width: 50% !important;
}

.w-33pct {
  width: 33.3333%;
}

.w-auto, button.w-auto {
  width: auto !important;
}

.m-auto {
  margin: auto;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

.f-jc-around {
  justify-content: space-around;
}

.invisible {
  visibility: hidden;
}

[v-cloak] {
  display: none !important;
}

a.default {
  color: #333742;
  text-decoration: none;
}

.page-wrapper {
  padding: 37px 0 37px 0;
  margin-left: 64px;
  overflow-y: scroll;
  overflow-x: auto;
  height: calc(100vh - 64px);
  width: calc(100vw - 64px);
}
.page-wrapper.error {
  text-align: center;
}
.page-wrapper.error .responsive-page {
  margin: auto;
}
.page-wrapper.error h1 {
  max-width: 500px;
  margin: auto;
}
.page-wrapper.error svg {
  max-width: 90%;
  width: 790px;
}
@media screen and (max-width: 568px) {
  .page-wrapper.error > .pure-g {
    min-width: auto;
  }
  .page-wrapper.error > .pure-g h1 {
    margin-top: 0 !important;
  }
  .page-wrapper.error > .pure-g svg {
    margin-top: 24px !important;
    margin-bottom: 16px !important;
  }
}

.page-title i {
  color: #7B8DA0;
  line-height: 40px;
  cursor: pointer;
}
.page-title svg {
  fill: #7B8DA0;
  cursor: pointer;
}

@keyframes refresh {
  0% {
    transform: rotate(0deg);
  }
  50% {
    margin-bottom: -40px;
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-title-wrapper { /*border-bottom:1px solid #dfe2e5; padding-bottom:14px;*/
  margin-bottom: 24px;
}
.page-title-wrapper .page-title {
  position: relative;
}
.page-title-wrapper .page-title .icon-refresh {
  width: 18px;
  fill: #354052;
  position: absolute;
  margin-left: 18px;
  top: 9px;
  opacity: 1;
  transition: 0.2s ease-in-out;
  right: -36px;
}
.page-title-wrapper .page-title .icon-refresh.active {
  opacity: 1;
  animation: refresh 1s infinite;
}
.page-title-wrapper {
  /*.action-count {font-weight:400; position:absolute; left:calc(100% - 106px); color:#7f8fa4; top:9px;
  	span {color:$dark-blue-bg;}
  }*/
}
.page-title-wrapper.d-flex {
  justify-content: space-between;
  align-items: center;
}
.page-title-wrapper.d-flex > div {
  display: flex;
  align-items: center;
}
.page-title-wrapper > .flex-1:last-child {
  justify-content: flex-end;
}

.page-wrapper > .pure-g {
  padding: 0 4%;
  min-width: 1110px;
}
.page-wrapper > .pure-g.responsive-page {
  min-width: auto;
}
.page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex {
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex {
    flex-direction: column;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > * {
    width: 100%;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div {
    flex-direction: column;
    width: 100%;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div > div {
    width: 100%;
    margin: 16px 0 0 0 !important;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div > div:first-child {
    order: 2;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div > div span.rounded-input input, .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div > div span.dropdown-button, .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div > div .datepicker-dual-wrapper {
    width: 100%;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div span.dropdown-button {
    width: 100%;
  }
  .page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > div .ui-selectmenu-menu {
    width: auto;
  }
}

.ui-selectmenu-menu {
  z-index: 1050;
}

.pure-u-1-7 {
  width: 14.2857142857%;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1;
}

.mt--60 {
  margin-top: -60px !important;
}

.tooltip-select .ui-selectmenu-button {
  padding-left: 28px !important;
  width: 160px !important;
}

.grid {
  display: grid;
}
.grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid.grid-4 > * {
  min-width: 0;
}

.ui-menu-item .ui-state-active {
  margin: 0px !important;
}

.no-data {
  padding-top: 130px;
  text-align: center;
  color: #354052;
  display: none;
}
.no-data img, .no-data .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .no-data svg {
  width: 98px;
  height: 98px;
  border: 3px solid #7f8fa4;
  border-radius: 50%;
  display: inline-block;
}
.no-data h1 {
  font-size: 36px;
  text-transform: uppercase;
}
.no-data h4 {
  font-weight: 500;
}

.construction-icon {
  fill: #354052;
}

*:focus {
  outline: none;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
@keyframes borderLoader {
  0% {
    left: 0;
    top: 0;
    width: 4px;
    height: 4px;
  }
  12.5% {
    width: 10px;
    height: 10px;
  }
  25% {
    left: 100%;
    top: 0;
    transform: translateX(-100%);
    width: 4px;
    height: 4px;
  }
  37.5% {
    width: 10px;
    height: 10px;
  }
  50% {
    left: 100%;
    top: 100%;
    transform: translate(-100%, -100%);
    width: 4px;
    height: 4px;
  }
  62.5% {
    width: 10px;
    height: 10px;
  }
  75% {
    left: 0;
    top: 100%;
    transform: translateY(-100%);
    width: 4px;
    height: 4px;
  }
  87.5% {
    width: 10px;
    height: 10px;
  }
  100% {
    left: 0;
    top: 0;
    transform: none;
    width: 4px;
    height: 4px;
  }
}
button.icon-btn.border-loader:before {
  content: "";
  opacity: 0;
  position: absolute;
  background: #333742;
  width: 4px;
  height: 4px;
  transition: 0.3s all;
  animation: borderLoader linear infinite 1.2s;
  transition: all 0.2s ease-in-out 0s;
}

/*
 *  Usage:
 *
      <div class="sk-cube-grid">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
        <div class="sk-cube sk-cube3"></div>
        <div class="sk-cube sk-cube4"></div>
        <div class="sk-cube sk-cube5"></div>
        <div class="sk-cube sk-cube6"></div>
        <div class="sk-cube sk-cube7"></div>
        <div class="sk-cube sk-cube8"></div>
        <div class="sk-cube sk-cube9"></div>
      </div>
 *
 */
.sk-cube-grid {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80px;
  height: 80px;
  margin: 0px auto;
}
.sk-cube-grid .sk-cube {
  width: 29.33%;
  height: 29.33%;
  margin: 2%;
  background-color: #7b8da0;
  float: left;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid {
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}
.sk-cube-grid .sk-cube1 {
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  animation-delay: 0.2s;
}

.cube-grid-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.cube-grid-wrapper.gray {
  background: rgba(244, 246, 252, 0.7);
}
.cube-grid-wrapper.white {
  background: rgba(255, 255, 255, 0.7);
}
.cube-grid-wrapper.from-top .sk-cube-grid {
  top: 200px;
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
/* --- BASIC SPINNER STYLES PULLED FROM OLD AGENT STYLES --- */
.ui-spinner input {
  text-align: center;
}
.ui-spinner .ui-spinner-button {
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.ui-spinner .ui-spinner-button:before {
  width: 8px;
  height: 2px;
  content: "";
  background: #c7d2e0;
  position: absolute;
  margin: 8px 0 0 8px;
}
.ui-spinner .ui-spinner-button.ui-spinner-up:after {
  width: 2px;
  height: 8px;
  content: "";
  background: #c7d2e0;
  position: absolute;
  margin: 5px 0 0 11px;
}
.ui-spinner .ui-spinner-button.ui-spinner-down {
  bottom: 0;
}

.left-right-spinner .spinner-wrapper {
  justify-content: space-between;
  align-items: center;
}
.left-right-spinner .spinner-wrapper label {
  color: #354052;
  font-size: 15px;
  font-weight: 500;
}
.left-right-spinner .ui-spinner {
  border: none;
  width: auto;
  height: 24px !important;
  position: relative;
  padding: 0 40px;
}
.left-right-spinner .ui-spinner input[readonly] {
  width: 48px;
  padding: 0 !important;
  margin: 0;
  height: 24px;
  line-height: 24px;
  top: 0;
  background: transparent;
  border: none !important;
  color: #354052;
  font-size: 15px;
  font-weight: 500;
}
.left-right-spinner .ui-spinner .ui-button {
  background: #d4dae0;
  width: 40px;
  height: 24px;
  border-radius: 3px;
  border: none !important;
  transition: all 0.2s ease-in-out 0s;
}
.left-right-spinner .ui-spinner .ui-button:before, .left-right-spinner .ui-spinner .ui-button:after {
  left: 50%;
}
.left-right-spinner .ui-spinner .ui-button span {
  display: none;
}
.left-right-spinner .ui-spinner .ui-button.ui-spinner-down {
  left: 0;
}
.left-right-spinner .ui-spinner .ui-button.ui-spinner-down:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #354052;
  margin-left: -6px;
  margin-top: 11px;
}
.left-right-spinner .ui-spinner .ui-button.ui-spinner-up {
  right: 0;
}
.left-right-spinner .ui-spinner .ui-button.ui-spinner-up:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #354052;
  margin: 0;
  margin-left: -6px;
  margin-top: 11px;
}
.left-right-spinner .ui-spinner .ui-button.ui-spinner-up:after {
  content: "";
  width: 2px;
  height: 12px;
  background: #354052;
  margin: 0;
  margin-left: -1px;
  margin-top: 6px;
}
.left-right-spinner .ui-spinner .ui-button:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.left-right-spinner .ui-spinner .ui-button:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.left-right-spinner .spinner-wrapper.empty .ui-spinner .ui-spinner-down {
  opacity: 0.5;
  cursor: default;
}
.left-right-spinner .spinner-wrapper.not-empty .ui-spinner input[readonly] {
  color: #1891ff;
}

.panel-spinner .ui-spinner {
  height: auto;
  width: auto;
  display: flex;
  position: relative;
  border: none;
}
.panel-spinner .ui-spinner:before {
  content: "Lead Requests";
  font-size: 12px;
  font-family: "Inter UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande";
  top: 12px;
  width: 173px;
  color: white;
  position: absolute;
  text-align: center;
}
.panel-spinner input {
  width: 173px !important;
  padding: 0 !important;
  height: 108px !important;
  margin: 0 !important;
  border: none !important;
  background: #354052 !important;
  color: white !important;
  font-size: 48px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-top: 20px !important;
  font-weight: bold !important;
}
.panel-spinner input:focus {
  border: none !important;
}
.panel-spinner .ui-button {
  position: absolute;
  background: #d4dae0;
  width: 87px;
  border: none;
  height: 50%;
  right: 0;
}
.panel-spinner .ui-button:before, .panel-spinner .ui-button:after {
  left: 50%;
}
.panel-spinner .ui-button span {
  display: none;
}
.panel-spinner .ui-button.ui-spinner-down {
  top: auto;
  border-bottom-right-radius: 4px;
}
.panel-spinner .ui-button.ui-spinner-down:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #354052;
  margin-left: -6px;
  margin-top: 26px;
}
.panel-spinner .ui-button.ui-spinner-up {
  border-bottom: 1px solid #9fabbc;
  border-top-right-radius: 4px;
}
.panel-spinner .ui-button.ui-spinner-up:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #354052;
  margin: 0;
  margin-left: -6px;
  margin-top: 26px;
}
.panel-spinner .ui-button.ui-spinner-up:after {
  content: "";
  width: 2px;
  height: 12px;
  background: #354052;
  margin: 0;
  margin-left: -1px;
  margin-top: 21px;
}

span.verification-spinner {
  display: none;
}
span.verification-spinner:after {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><animateTransform attributeName="transform" type="rotate" from="0 0 0" to="270 0 0" begin="0s" dur="1.4s" repeatCount="indefinite"/><circle class="path-bg" fill="none" stroke="rgba(33,37,41,0.08)" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle><circle class="path" fill="none" stroke="rgba(33,37,41,0.32)" stroke-dasharray="187" stroke-dashoffset="0" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"><animate attributeName="stroke-dashoffset" dur="1.4s" values="187;46.75;187" keyTimes="0;.5;1" repeatCount="indefinite" keySplines=".42 0 1 1;0 0 .58 1" calcMode="spline"/><animateTransform attributeName="transform" type="rotate" values="0 33 33;135 33 33;450 33 33" begin="0s" dur="1.4s" repeatCount="indefinite" calcMode="spline" keySplines=".42 0 1 1;0 0 .58 1"/></circle></svg>');
  height: 24px;
  width: 24px;
  opacity: 1;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
}

.loading span.verification-spinner {
  display: block;
}

.pure-control-group.loading span.verification-spinner:after {
  top: 8px;
  right: 20px;
  margin-top: 36px;
}

.html-table {
  position: relative;
}
.html-table.borderless .table-row, .html-table.borderless .table-row:last-child {
  border: none;
}
.html-table {
  /* BOTH TABLE HEADERS AND TABLE ROWS SHARE THESE STYLES */
}
.html-table .table-header, .html-table .table-row {
  display: flex;
  align-items: center;
  padding: 0 8px;
  /* EVERY "TABLE CELL" and "TH" SHARE THESE STYLES */
}
.html-table .table-header > div, .html-table .table-header .table-row-line > div, .html-table .table-row > div, .html-table .table-row .table-row-line > div {
  padding: 11px 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  flex: 1;
  /* SETTING GLOBAL WIDTHS ANY TIME THESE COLUMNS ARE RENDERED */
}
.html-table .table-header > div.city, .html-table .table-header .table-row-line > div.city, .html-table .table-row > div.city, .html-table .table-row .table-row-line > div.city {
  flex: none;
  width: 72px;
  margin-right: -16px; /* SHIFTS THE DOT CLOSER ON ROTATION PAGE */
}
.html-table .table-header > div.dot-wrapper, .html-table .table-header .table-row-line > div.dot-wrapper, .html-table .table-row > div.dot-wrapper, .html-table .table-row .table-row-line > div.dot-wrapper {
  flex: none;
  width: 28px;
  justify-content: center;
}
.html-table .table-header > div.dot-wrapper span.dot, .html-table .table-header .table-row-line > div.dot-wrapper span.dot, .html-table .table-row > div.dot-wrapper span.dot, .html-table .table-row .table-row-line > div.dot-wrapper span.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
}
.html-table .table-header > div.icon, .html-table .table-header .table-row-line > div.icon, .html-table .table-row > div.icon, .html-table .table-row .table-row-line > div.icon {
  display: inline-flex;
  flex: none;
  width: 51px;
}
.html-table .table-header > div.icon button, .html-table .table-header .table-row-line > div.icon button, .html-table .table-row > div.icon button, .html-table .table-row .table-row-line > div.icon button {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.html-table .table-header > div.icon button svg, .html-table .table-header .table-row-line > div.icon button svg, .html-table .table-row > div.icon button svg, .html-table .table-row .table-row-line > div.icon button svg {
  width: 22px;
  fill: #1891ff;
  display: flex;
  width: 22px;
  margin: auto;
}
.html-table .table-header > div.icon button:hover, .html-table .table-header .table-row-line > div.icon button:hover, .html-table .table-row > div.icon button:hover, .html-table .table-row .table-row-line > div.icon button:hover {
  background: #e9ecef;
}
.html-table .table-header > div.max-price, .html-table .table-header .table-row-line > div.max-price, .html-table .table-row > div.max-price, .html-table .table-row .table-row-line > div.max-price {
  flex: none;
  width: 120px;
}
.html-table .table-header > div.invoice, .html-table .table-header .table-row-line > div.invoice, .html-table .table-row > div.invoice, .html-table .table-row .table-row-line > div.invoice {
  flex: none;
  width: 190px;
}
.html-table .table-header > div.beds-baths, .html-table .table-header .table-row-line > div.beds-baths, .html-table .table-row > div.beds-baths, .html-table .table-row .table-row-line > div.beds-baths {
  flex: none;
  width: 81px;
}
.html-table .table-header > div.comments, .html-table .table-header .table-row-line > div.comments, .html-table .table-row > div.comments, .html-table .table-row .table-row-line > div.comments {
  display: inline-flex;
  flex: none;
  width: 110px;
}
.html-table .table-header > div.time, .html-table .table-header .table-row-line > div.time, .html-table .table-row > div.time, .html-table .table-row .table-row-line > div.time {
  display: inline-flex;
  flex: none;
  width: 80px;
}
.html-table .table-header > div.actions-1, .html-table .table-header .table-row-line > div.actions-1, .html-table .table-row > div.actions-1, .html-table .table-row .table-row-line > div.actions-1 {
  display: inline-flex;
  flex: none;
  width: 56px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-1 svg, .html-table .table-header .table-row-line > div.actions-1 svg, .html-table .table-row > div.actions-1 svg, .html-table .table-row .table-row-line > div.actions-1 svg {
  width: 15px;
}
.html-table .table-header > div.actions-1-np, .html-table .table-header .table-row-line > div.actions-1-np, .html-table .table-row > div.actions-1-np, .html-table .table-row .table-row-line > div.actions-1-np {
  display: inline-flex;
  flex: none;
  width: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-1-np svg, .html-table .table-header .table-row-line > div.actions-1-np svg, .html-table .table-row > div.actions-1-np svg, .html-table .table-row .table-row-line > div.actions-1-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-2, .html-table .table-header .table-row-line > div.actions-2, .html-table .table-row > div.actions-2, .html-table .table-row .table-row-line > div.actions-2 {
  display: inline-flex;
  flex: none;
  width: 88px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-2 svg, .html-table .table-header .table-row-line > div.actions-2 svg, .html-table .table-row > div.actions-2 svg, .html-table .table-row .table-row-line > div.actions-2 svg {
  width: 15px;
}
.html-table .table-header > div.actions-2-np, .html-table .table-header .table-row-line > div.actions-2-np, .html-table .table-row > div.actions-2-np, .html-table .table-row .table-row-line > div.actions-2-np {
  display: inline-flex;
  flex: none;
  width: 56px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-2-np svg, .html-table .table-header .table-row-line > div.actions-2-np svg, .html-table .table-row > div.actions-2-np svg, .html-table .table-row .table-row-line > div.actions-2-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-3, .html-table .table-header .table-row-line > div.actions-3, .html-table .table-row > div.actions-3, .html-table .table-row .table-row-line > div.actions-3 {
  display: inline-flex;
  flex: none;
  width: 120px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-3 svg, .html-table .table-header .table-row-line > div.actions-3 svg, .html-table .table-row > div.actions-3 svg, .html-table .table-row .table-row-line > div.actions-3 svg {
  width: 15px;
}
.html-table .table-header > div.actions-3-np, .html-table .table-header .table-row-line > div.actions-3-np, .html-table .table-row > div.actions-3-np, .html-table .table-row .table-row-line > div.actions-3-np {
  display: inline-flex;
  flex: none;
  width: 88px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-3-np svg, .html-table .table-header .table-row-line > div.actions-3-np svg, .html-table .table-row > div.actions-3-np svg, .html-table .table-row .table-row-line > div.actions-3-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-4, .html-table .table-header .table-row-line > div.actions-4, .html-table .table-row > div.actions-4, .html-table .table-row .table-row-line > div.actions-4 {
  display: inline-flex;
  flex: none;
  width: 152px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-4 svg, .html-table .table-header .table-row-line > div.actions-4 svg, .html-table .table-row > div.actions-4 svg, .html-table .table-row .table-row-line > div.actions-4 svg {
  width: 15px;
}
.html-table .table-header > div.actions-4-np, .html-table .table-header .table-row-line > div.actions-4-np, .html-table .table-row > div.actions-4-np, .html-table .table-row .table-row-line > div.actions-4-np {
  display: inline-flex;
  flex: none;
  width: 120px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-4-np svg, .html-table .table-header .table-row-line > div.actions-4-np svg, .html-table .table-row > div.actions-4-np svg, .html-table .table-row .table-row-line > div.actions-4-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-5, .html-table .table-header .table-row-line > div.actions-5, .html-table .table-row > div.actions-5, .html-table .table-row .table-row-line > div.actions-5 {
  display: inline-flex;
  flex: none;
  width: 184px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-5 svg, .html-table .table-header .table-row-line > div.actions-5 svg, .html-table .table-row > div.actions-5 svg, .html-table .table-row .table-row-line > div.actions-5 svg {
  width: 15px;
}
.html-table .table-header > div.actions-5-np, .html-table .table-header .table-row-line > div.actions-5-np, .html-table .table-row > div.actions-5-np, .html-table .table-row .table-row-line > div.actions-5-np {
  display: inline-flex;
  flex: none;
  width: 152px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-5-np svg, .html-table .table-header .table-row-line > div.actions-5-np svg, .html-table .table-row > div.actions-5-np svg, .html-table .table-row .table-row-line > div.actions-5-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-6, .html-table .table-header .table-row-line > div.actions-6, .html-table .table-row > div.actions-6, .html-table .table-row .table-row-line > div.actions-6 {
  display: inline-flex;
  flex: none;
  width: 216px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-6 svg, .html-table .table-header .table-row-line > div.actions-6 svg, .html-table .table-row > div.actions-6 svg, .html-table .table-row .table-row-line > div.actions-6 svg {
  width: 15px;
}
.html-table .table-header > div.actions-6-np, .html-table .table-header .table-row-line > div.actions-6-np, .html-table .table-row > div.actions-6-np, .html-table .table-row .table-row-line > div.actions-6-np {
  display: inline-flex;
  flex: none;
  width: 184px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-6-np svg, .html-table .table-header .table-row-line > div.actions-6-np svg, .html-table .table-row > div.actions-6-np svg, .html-table .table-row .table-row-line > div.actions-6-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-7, .html-table .table-header .table-row-line > div.actions-7, .html-table .table-row > div.actions-7, .html-table .table-row .table-row-line > div.actions-7 {
  display: inline-flex;
  flex: none;
  width: 248px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-7 svg, .html-table .table-header .table-row-line > div.actions-7 svg, .html-table .table-row > div.actions-7 svg, .html-table .table-row .table-row-line > div.actions-7 svg {
  width: 15px;
}
.html-table .table-header > div.actions-7-np, .html-table .table-header .table-row-line > div.actions-7-np, .html-table .table-row > div.actions-7-np, .html-table .table-row .table-row-line > div.actions-7-np {
  display: inline-flex;
  flex: none;
  width: 216px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-7-np svg, .html-table .table-header .table-row-line > div.actions-7-np svg, .html-table .table-row > div.actions-7-np svg, .html-table .table-row .table-row-line > div.actions-7-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-8, .html-table .table-header .table-row-line > div.actions-8, .html-table .table-row > div.actions-8, .html-table .table-row .table-row-line > div.actions-8 {
  display: inline-flex;
  flex: none;
  width: 280px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-8 svg, .html-table .table-header .table-row-line > div.actions-8 svg, .html-table .table-row > div.actions-8 svg, .html-table .table-row .table-row-line > div.actions-8 svg {
  width: 15px;
}
.html-table .table-header > div.actions-8-np, .html-table .table-header .table-row-line > div.actions-8-np, .html-table .table-row > div.actions-8-np, .html-table .table-row .table-row-line > div.actions-8-np {
  display: inline-flex;
  flex: none;
  width: 248px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-8-np svg, .html-table .table-header .table-row-line > div.actions-8-np svg, .html-table .table-row > div.actions-8-np svg, .html-table .table-row .table-row-line > div.actions-8-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-9, .html-table .table-header .table-row-line > div.actions-9, .html-table .table-row > div.actions-9, .html-table .table-row .table-row-line > div.actions-9 {
  display: inline-flex;
  flex: none;
  width: 312px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-9 svg, .html-table .table-header .table-row-line > div.actions-9 svg, .html-table .table-row > div.actions-9 svg, .html-table .table-row .table-row-line > div.actions-9 svg {
  width: 15px;
}
.html-table .table-header > div.actions-9-np, .html-table .table-header .table-row-line > div.actions-9-np, .html-table .table-row > div.actions-9-np, .html-table .table-row .table-row-line > div.actions-9-np {
  display: inline-flex;
  flex: none;
  width: 280px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-9-np svg, .html-table .table-header .table-row-line > div.actions-9-np svg, .html-table .table-row > div.actions-9-np svg, .html-table .table-row .table-row-line > div.actions-9-np svg {
  width: 15px;
}
.html-table .table-header > div.actions-10, .html-table .table-header .table-row-line > div.actions-10, .html-table .table-row > div.actions-10, .html-table .table-row .table-row-line > div.actions-10 {
  display: inline-flex;
  flex: none;
  width: 344px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.html-table .table-header > div.actions-10 svg, .html-table .table-header .table-row-line > div.actions-10 svg, .html-table .table-row > div.actions-10 svg, .html-table .table-row .table-row-line > div.actions-10 svg {
  width: 15px;
}
.html-table .table-header > div.actions-10-np, .html-table .table-header .table-row-line > div.actions-10-np, .html-table .table-row > div.actions-10-np, .html-table .table-row .table-row-line > div.actions-10-np {
  display: inline-flex;
  flex: none;
  width: 312px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
.html-table .table-header > div.actions-10-np svg, .html-table .table-header .table-row-line > div.actions-10-np svg, .html-table .table-row > div.actions-10-np svg, .html-table .table-row .table-row-line > div.actions-10-np svg {
  width: 15px;
}
.html-table .table-header > div.action-1-button, .html-table .table-header .table-row-line > div.action-1-button, .html-table .table-row > div.action-1-button, .html-table .table-row .table-row-line > div.action-1-button {
  flex: none;
  width: 170px;
}
.html-table .table-header > div.position, .html-table .table-header .table-row-line > div.position, .html-table .table-row > div.position, .html-table .table-row .table-row-line > div.position {
  flex: none;
  width: 54px;
  padding-right: 0;
}
.html-table .table-header > div.date-requested, .html-table .table-header .table-row-line > div.date-requested, .html-table .table-row > div.date-requested, .html-table .table-row .table-row-line > div.date-requested {
  flex: none;
  width: 202px;
}
.html-table .table-header > div.tags, .html-table .table-header .table-row-line > div.tags, .html-table .table-row > div.tags, .html-table .table-row .table-row-line > div.tags {
  flex: none;
  width: 110px;
}
.html-table .table-header > div.last-comment, .html-table .table-header .table-row-line > div.last-comment, .html-table .table-row > div.last-comment, .html-table .table-row .table-row-line > div.last-comment {
  flex: none;
  width: 136px;
}
.html-table .table-header > div.most-recent-request-date, .html-table .table-header .table-row-line > div.most-recent-request-date, .html-table .table-row > div.most-recent-request-date, .html-table .table-row .table-row-line > div.most-recent-request-date {
  flex: none;
  width: 225px;
}
.html-table .table-header > div.tags, .html-table .table-header .table-row-line > div.tags, .html-table .table-row > div.tags, .html-table .table-row .table-row-line > div.tags {
  flex: none;
  width: 136px;
}
.html-table .table-header > div.phone, .html-table .table-header .table-row-line > div.phone, .html-table .table-row > div.phone, .html-table .table-row .table-row-line > div.phone {
  flex: none;
  width: 145px;
}
.html-table .table-header > div.concierge-color, .html-table .table-header .table-row-line > div.concierge-color, .html-table .table-row > div.concierge-color, .html-table .table-row .table-row-line > div.concierge-color {
  padding-left: 15px !important;
}
.html-table .table-header > div.concierge-action, .html-table .table-header .table-row-line > div.concierge-action, .html-table .table-row > div.concierge-action, .html-table .table-row .table-row-line > div.concierge-action {
  padding-right: 64px !important;
}
.html-table .table-header > div.concierge-services .service-rectangle-l, .html-table .table-header .table-row-line > div.concierge-services .service-rectangle-l, .html-table .table-row > div.concierge-services .service-rectangle-l, .html-table .table-row .table-row-line > div.concierge-services .service-rectangle-l {
  width: 24px;
  height: 24px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-right: -2px !important;
  display: inline-block;
}
.html-table .table-header > div.concierge-services .service-rectangle-m, .html-table .table-header .table-row-line > div.concierge-services .service-rectangle-m, .html-table .table-row > div.concierge-services .service-rectangle-m, .html-table .table-row .table-row-line > div.concierge-services .service-rectangle-m {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: -2px !important;
}
.html-table .table-header > div.concierge-services .service-rectangle-r, .html-table .table-header .table-row-line > div.concierge-services .service-rectangle-r, .html-table .table-row > div.concierge-services .service-rectangle-r, .html-table .table-row .table-row-line > div.concierge-services .service-rectangle-r {
  width: 24px;
  height: 24px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: inline-block;
}
.html-table .table-header > div.concierge-services .sr-gray, .html-table .table-header .table-row-line > div.concierge-services .sr-gray, .html-table .table-row > div.concierge-services .sr-gray, .html-table .table-row .table-row-line > div.concierge-services .sr-gray {
  background-color: #dfe2e5;
}
.html-table .table-header > div.concierge-services .sr-blue, .html-table .table-header .table-row-line > div.concierge-services .sr-blue, .html-table .table-row > div.concierge-services .sr-blue, .html-table .table-row .table-row-line > div.concierge-services .sr-blue {
  background-color: #1891ff;
}
.html-table .table-header > div.concierge-services .sr-green, .html-table .table-header .table-row-line > div.concierge-services .sr-green, .html-table .table-row > div.concierge-services .sr-green, .html-table .table-row .table-row-line > div.concierge-services .sr-green {
  background-color: #01d994;
}
.html-table .table-header > div.mark-contacted, .html-table .table-header .table-row-line > div.mark-contacted, .html-table .table-row > div.mark-contacted, .html-table .table-row .table-row-line > div.mark-contacted {
  flex: none;
  width: 192px;
}
.html-table .table-header > div.mark-contacted .pure-button, .html-table .table-header .table-row-line > div.mark-contacted .pure-button, .html-table .table-row > div.mark-contacted .pure-button, .html-table .table-row .table-row-line > div.mark-contacted .pure-button {
  font-size: 14px;
}
.html-table .table-header > div.mark-contacted .pure-button:after, .html-table .table-header .table-row-line > div.mark-contacted .pure-button:after, .html-table .table-row > div.mark-contacted .pure-button:after, .html-table .table-row .table-row-line > div.mark-contacted .pure-button:after {
  width: 16px;
  height: 16px;
  background-size: 100%;
  right: 6px;
}
.html-table .table-header > div.mark-contacted .pure-button.loading, .html-table .table-header .table-row-line > div.mark-contacted .pure-button.loading, .html-table .table-row > div.mark-contacted .pure-button.loading, .html-table .table-row .table-row-line > div.mark-contacted .pure-button.loading {
  padding-left: 8px !important;
}
.html-table .table-header > div.no-padding, .html-table .table-header .table-row-line > div.no-padding, .html-table .table-row > div.no-padding, .html-table .table-row .table-row-line > div.no-padding {
  padding: 0px;
}
.html-table .table-header > div.property-icons, .html-table .table-header .table-row-line > div.property-icons, .html-table .table-row > div.property-icons, .html-table .table-row .table-row-line > div.property-icons {
  text-align: right;
}
.html-table.striped .table-row:nth-child(even) {
  background-color: #F4F6FC;
}
.html-table {
  /* BEGIN TABLE HEADER STYLES */
}
.html-table .table-header {
  background: #7b8da0;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.html-table .table-header.transparent {
  background: none;
  color: inherit;
}
.html-table .table-header {
  /* EVERY "TABLE CELL" INSIDE A TABLE HEADER */
}
.html-table .table-header > div .current-pay-info {
  font-size: inherit !important;
}
.html-table .table-header > div .fa {
  margin-left: 4px;
}
.html-table .table-header > div.sortable {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
  align-items: center;
}
.html-table .table-header > div.sortable:hover {
  opacity: 0.8;
}
.html-table .table-header > div.sortable span.fa {
  position: relative;
}
.html-table .table-header > div.sortable span.fa::before {
  content: "\f0dd";
  position: absolute;
  opacity: 0.5;
}
.html-table .table-header > div.sortable span.fa::after {
  content: "\f0de";
  opacity: 0.5;
}
.html-table .table-header > div.sortable.sort-asc span.fa::after {
  opacity: 1;
}
.html-table .table-header > div.sortable.sort-desc span.fa::before {
  opacity: 1;
}
.html-table {
  /* END TABLE HEADER STYLES */
}
.html-table .table-search {
  border-left: 1px solid #d8dfe6;
  border-right: 1px solid #d8dfe6;
  padding: 8px 16px;
  position: relative;
  background: white;
}
.html-table {
  /* START STYLES FOR A TABLE THAT HAS 56PX TALL ROWS */
}
.html-table.large .table-row {
  height: 56px;
  line-height: 56px;
}
.html-table.large .table-row.multiline {
  height: auto;
}
.html-table {
  /* END STYLES FOR A TABLE THAT HAS 56PX TALL ROWS */
  /* SIZING VARIABLE FOR SELECT-ACTIONS. SELECT HOW MANY ICONS WILL BE IN THE LIST TO ADJUST THE SIZE AND TRANSFORM THE ROW. */
  /* END SIZING VARIABLES */
}
.html-table.normal .table-header, .html-table.normal .table-row {
  height: 40px;
  line-height: 40px;
}
.html-table.normal .table-header.multiline, .html-table.normal .table-row.multiline {
  height: auto;
}
.html-table.normal .table-row.actions-2 .select-actions {
  width: 65px;
}
.html-table.normal .table-row.actions-2 .select-actions .select-actions-inner {
  min-width: 65px;
}
.html-table.normal .table-row .select-actions {
  left: 68px;
}
.html-table.normal .table-row .select-actions button {
  height: 16px;
  width: 16px;
  line-height: 16px;
}
.html-table.normal .table-row .select-actions button:first-child {
  margin-left: 11px;
}
.html-table.normal .table-row .select-actions button:last-child {
  margin-right: 11px;
}
.html-table.normal .table-row .select-actions button svg {
  width: 16px;
}
.html-table.normal .table-row.show-actions.actions-2 > div {
  transform: translateX(68px);
}
.html-table.normal .table-row.show-actions.actions-2 > div.icon, .html-table.normal .table-row.show-actions.actions-2 > div.select-actions {
  transform: translateX(0);
}
.html-table.normal .table-row.show-actions.actions-2 > div.select-actions {
  max-width: 65px;
}
.html-table.small .table-header, .html-table.small .table-row {
  height: 32px;
  line-height: 32px;
}
.html-table.small .table-header > div, .html-table.small .table-row > div {
  padding: 7px 16px;
}
.html-table.small .table-header.multiline, .html-table.small .table-row.multiline {
  height: auto;
}
.html-table {
  /* DEFAULT TABLE ROW STYLES */
}
.html-table .table-row {
  border: 1px solid #d8dfe6;
  border-bottom: 0;
  /*margin-top:-1px;*/
  background: white;
  /*height:40px;*/
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease-in-out 0s;
}
.html-table .table-row.multiline {
  height: auto;
  align-items: start;
}
.html-table .table-row.multiline > div * {
  text-overflow: ellipsis;
  overflow: hidden;
}
.html-table .table-row.multiline-at {
  height: auto;
  align-items: start;
}
.html-table .table-row.multiline-at > div * {
  text-overflow: ellipsis;
}
.html-table .table-row a {
  text-decoration: none;
  color: inherit;
}
.html-table .table-row a:hover {
  opacity: 1;
}
.html-table .table-row a.highlight {
  color: #1891ff;
}
.html-table .table-row svg {
  /* DEFAULT SVG ICON SETTINGS */
  fill: #8190A5;
  height: 100%;
}
.html-table .table-row {
  /* ROUND TOP CORNERS OF FIRST TABLE ROW */
}
.html-table .table-row:first-child {
  /*margin-top:0px;*/
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.html-table .table-row {
  /* ROUND BOTTOM CORNERS OF FIRST TABLE ROW */
}
.html-table .table-row:last-child {
  border-bottom: 1px solid #d8dfe6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.html-table .table-row {
  /* EFFECTS WHEN HOVERING ON LINK OR BUTTON IN TABLE ROW */
}
.html-table .table-row.hover {
  z-index: 1;
  border-color: #9fabbc;
  background: #f6f9fc;
}
.html-table .table-row.hover + .table-row {
  border-top-color: #9fabbc;
}
.html-table .table-row {
  /* EFFECTS WHEN TABLE ROW NEEDS BLUE BORDER */
}
.html-table .table-row.promote {
  z-index: 1;
  border-color: #1891ff;
  background: rgba(24, 145, 255, 0.1);
}
.html-table .table-row.promote + .table-row {
  border-top-color: #1891ff;
}
.html-table .table-row {
  /* EFFECTS WHEN TABLE ROW NEEDS TO BE RED */
}
.html-table .table-row.alert {
  background: #feedf1;
  border-color: #F4B3C5;
}
.html-table .table-row.alert + .table-row {
  border-top-color: #F4B3C5;
}
.html-table .table-row.alert .dot {
  background: #e54b4b;
}
.html-table .table-row {
  /* SLIDEABLE AREAS WHERE YOU CLICK ON AN ICON AND IT REVEALS A SET OF ICONS TO CHOOSE THE NEXT ACTION */
}
.html-table .table-row.actions-2 > div {
  transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.html-table .table-row.actions-2 .select-actions {
  width: 92px;
}
.html-table .table-row.actions-2 .select-actions .select-actions-inner {
  min-width: 92px;
}
.html-table .table-row.actions-5 > div {
  transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.html-table .table-row.actions-5 .select-actions {
  width: 206px;
}
.html-table .table-row.actions-5 .select-actions .select-actions-inner {
  min-width: 206px;
}
.html-table .table-row.highlight .icon svg {
  fill: #1891ff;
}
.html-table .table-row-panel {
  border: 1px solid #d8dfe6;
  border-radius: 4px;
  background: white;
}
.html-table .table-row-panel .table-row {
  border: none;
  border-radius: 0;
  background: transparent;
}
.html-table {
  /* FOR USE WHEN A TABLE NEEDS A SET HEIGHT AND WE NEED TO RETAIN THE BORDER AROUND IT */
}
.html-table .table-content {
  position: relative;
  border: 1px solid #d8dfe6;
  background: white;
}
.html-table .table-content h1 {
  width: 100%;
}
.html-table .table-content .table-content-inner {
  position: relative;
  overflow-y: overlay;
  margin: -1px;
}
.html-table .table-row {
  overflow: hidden;
  position: relative;
}
.html-table .table-row:after {
  content: "";
  pointer-events: none;
  position: absolute;
  right: -56px;
  width: 56px;
  height: 56px;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
}
.html-table .table-row > div {
  /*transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);*/
  line-height: 18px;
}
.html-table .table-row .select-actions {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #e9ecef;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 68px;
  max-width: 0px;
  display: block;
  padding: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dee1e6+0,e9ecef+10,e9ecef+90,dee1e6+100 */
  background: rgb(222, 225, 230); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(222, 225, 230) 0%, rgb(233, 236, 239) 10%, rgb(233, 236, 239) 90%, rgb(222, 225, 230) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(222, 225, 230) 0%, rgb(233, 236, 239) 10%, rgb(233, 236, 239) 90%, rgb(222, 225, 230) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(222, 225, 230) 0%, rgb(233, 236, 239) 10%, rgb(233, 236, 239) 90%, rgb(222, 225, 230) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dee1e6", endColorstr="#dee1e6",GradientType=1 ); /* IE6-9 */
}
.html-table .table-row .select-actions .select-actions-inner {
  white-space: nowrap;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.html-table .table-row .select-actions button {
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 4px;
  display: block;
  float: left;
  margin: 0 3px;
}
.html-table .table-row .select-actions button:first-child {
  margin-left: 11px;
}
.html-table .table-row .select-actions button:last-child {
  margin-right: 11px;
}
.html-table .table-row .select-actions button svg {
  width: 22px;
  vertical-align: middle;
  fill: #7b8da0;
}
.html-table .table-row .select-actions button:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.html-table .table-row .select-actions button:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.html-table .table-row.show-actions {
  overflow: hidden;
}
.html-table .table-row.show-actions:after {
  right: 0;
}
.html-table .table-row.show-actions.actions-2 > div {
  transform: translateX(108px);
}
.html-table .table-row.show-actions.actions-2 > div.icon, .html-table .table-row.show-actions.actions-2 > div.select-actions {
  transform: translateX(0);
}
.html-table .table-row.show-actions.actions-2 > div.select-actions {
  max-width: 92px;
}
.html-table .table-row.show-actions.actions-5 > div {
  transform: translateX(222px);
}
.html-table .table-row.show-actions.actions-5 > div.icon, .html-table .table-row.show-actions.actions-5 > div.select-actions {
  transform: translateX(0);
}
.html-table .table-row.show-actions.actions-5 > div.select-actions {
  max-width: 206px;
}
.html-table .table-btn svg {
  fill: #354052;
}
.html-table {
  /* START STYLES FOR ANY TIME THE HEADER OF A TABLE DOES NOT TOUCH THE TABLE BODY */
}
.html-table.separated .table-header {
  border-radius: 4px;
}
.html-table.separated .table-content {
  border-radius: 4px;
  overflow: hidden;
}
.html-table {
  /* END STYLES FOR ANY TIME THE HEADER OF A TABLE DOES NOT TOUCH THE TABLE BODY */
}
.html-table.multiline .table-header {
  padding: 0 20px;
}
.html-table.multiline .table-content {
  border: none;
  background: transparent;
}
.html-table.multiline .table-content .table-content-inner {
  min-height: none;
  max-height: none;
  margin: 0;
}
.html-table.multiline .table-content .table-row {
  display: block;
  height: auto;
  padding: 0;
  margin-bottom: 16px;
  border: 1px solid #d8dfe6;
  background: white;
}
.html-table.multiline .table-content .table-row > .table-row-line {
  padding: 0 20px;
  display: flex;
  overflow: visible;
  line-height: 24px;
  width: 100%;
}
.html-table.multiline .table-content .table-row > .table-row-line > div {
  padding: 0 16px;
}
.html-table.multiline .table-content .table-row .table-row-more {
  margin: 12px 20px;
  padding-top: 12px;
  border-top: 1px solid #9fabbc;
  flex-direction: column;
  width: calc(100% - 40px);
}
.html-table.multiline .table-content .table-row .table-row-more .table-line {
  display: flex;
}
.html-table.multiline .table-content .table-row .table-row-more .table-line > div {
  flex: 1;
  flex-direction: column;
}
.html-table.multiline .table-content .table-row .table-row-more .table-line > div h5 {
  color: #7b8da0;
}
.html-table.multiline .table-content .table-row .table-row-more .table-line + .table-line {
  margin-top: 24px;
}
.html-table.multiline .table-content .table-row-button {
  margin-top: -16px;
  margin-bottom: 16px;
}
.html-table.multiline .table-content .table-row-button button.table-btn {
  width: 100%;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.html-table.multiline .table-content .table-row-button button.table-btn:hover i {
  color: #354052;
}
.html-table.multiline .table-content .table-row-button button.table-btn i {
  position: static;
  transform: none;
  vertical-align: sub;
}
.html-table.schedule-table .table-content {
  border-radius: 4px;
}
.html-table.schedule-table .table-content .table-content-inner {
  min-height: 200px;
  max-height: 336px;
  border-radius: 4px;
  flex: 1;
}
.html-table.schedule-table .table-row:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.html-table.schedule-table .table-row:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.html-table.schedule-table .next-action {
  flex: none;
  width: 54px;
}
.html-table.schedule-table .next-action svg {
  width: 22px;
  fill: #1891ff;
}
.html-table.cell-borders .table-header {
  padding: 0;
}
.html-table.cell-borders .table-content {
  border: none;
}
.html-table.cell-borders .table-content .table-row {
  padding: 0;
  border-color: #7b8da0;
}
.html-table.cell-borders .table-content .table-row > div {
  border-left: 1px solid #7b8da0;
}
.html-table.cell-borders .table-content .table-row > div:first-child {
  border-left: none;
}
.html-table.reports .table-header > div, .html-table.reports .table-row > div {
  width: 144px;
  flex: none;
  text-align: center;
}
.html-table {
  /* START GLOBAL STYLES FOR LEADS TAKEN TABLE (BOTTOM RIGHT OF ROTATION PAGE) */
}
.html-table#leads-taken-table .table-content-inner {
  min-height: 200px;
  max-height: 400px;
}
.html-table#leads-taken-table .agent-name {
  flex: 2;
}
.html-table#leads-taken-table .leads-taken {
  flex: none;
  width: 78px;
}
.html-table#leads-taken-table .actions-1 {
  margin-right: 8px;
}
.html-table {
  /* END GLOBAL STYLES FOR LEADS TAKEN TABLE (BOTTOM RIGHT OF ROTATION PAGE) */
  /* START STYLES FOR LEADS TABLE */
}
.html-table#leads-table .table-row > div, .html-table#leads-table .table-header > div, .html-table#action-today-table .table-row > div, .html-table#action-today-table .table-header > div {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.html-table#leads-table .table-row > div.icon, .html-table#leads-table .table-header > div.icon, .html-table#action-today-table .table-row > div.icon, .html-table#action-today-table .table-header > div.icon {
  width: 64px;
}
.html-table#action-today-table .table-header .checkbox {
  width: 16px;
}
.html-table#action-today-table .table-content {
  overflow: visible;
  border: none;
}
.html-table#action-today-table .table-header + .day-wrapper .day-header {
  margin-top: 0 !important;
}
.html-table#action-today-table .day-wrapper {
  /*overflow:hidden;*/
  border-top: 1px solid #d8dfe6;
}
.html-table#action-today-table .day-wrapper:first-child {
  border: none;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.html-table#action-today-table .day-wrapper .day-header .table-btn, .html-table#action-today-table .day-wrapper .agent-header .table-btn {
  line-height: 26px;
  cursor: default;
}
.html-table#action-today-table .day-wrapper .day-header {
  transition: all 0.2s ease-in-out 0s;
  border-bottom: 0px solid #d8dfe6;
}
.html-table#action-today-table .day-wrapper .agent-header {
  align-items: center;
}
.html-table#action-today-table .day-wrapper .agent-header .select-deselect {
  margin-left: auto;
  font-size: 14px;
}
.html-table#action-today-table .day-wrapper .day-content {
  padding-left: 28px;
}
.html-table#action-today-table .day-wrapper .day-content .table-content-inner {
  min-height: auto;
  max-height: none;
  overflow-y: visible;
  margin: 0;
}
.html-table#action-today-table .day-wrapper .day-content.collection-table-rounded .property-table-row {
  border: 1px solid #d8dfe6;
}
.html-table#action-today-table .day-wrapper .day-content.collection-table-rounded .property-table-row + .property-table-row {
  border-top: none;
}
.html-table#action-today-table .day-wrapper .day-content.collection-table-rounded .property-table-row:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.html-table#action-today-table .day-wrapper .day-content.collection-table-rounded .property-table-row:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.html-table#action-today-table .day-wrapper .day-content.collection-table-rounded .property-table-row .table-row {
  border: none;
  border-radius: 4px;
}
.html-table#action-today-table .day-wrapper .day-content .table-row .checkbox {
  width: 16px;
}
.html-table#action-today-table .day-wrapper .day-content .table-row .checkbox .checkbox-wrapper label:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-right: 0;
}
.html-table#action-today-table .day-wrapper .send-content {
  padding-left: 14px;
}
.html-table#action-today-table .day-wrapper:first-child .day-header {
  margin-top: 0 !important;
}
.html-table#action-today-table .day-wrapper:first-child .send-content {
  margin-top: 24px !important;
}
.html-table#action-today-table .pure-button.btn-lg {
  display: block;
  width: auto;
  margin: 24px auto 0 auto;
}
.html-table#action-today-table .pure-button.btn-lg i {
  vertical-align: sub;
  font-size: 20px;
}
.html-table#action-today-table .collections-resolve-problem-lease {
  height: 16px;
  width: 16px;
  padding: 0;
}
.html-table#action-today-table .collections-resolve-problem-lease i {
  font-size: 12px;
  line-height: 16px;
}
@media screen and (max-width: 767px) {
  .html-table.custom-mobile {
    /*min-width:auto !important;*/
  }
  .html-table.custom-mobile .table-header, .html-table.custom-mobile .table-row {
    padding: 0;
  }
}
.html-table .collected-cell {
  color: #01d994;
}
.html-table .collected-cell i {
  font-size: 16px !important;
  transform: translateY(3px);
}

.collapsed i {
  transform: rotate(-90deg);
}

/* BAR GRAPH FOR LEADS TAKEN GRAPHS FOR AN AGENT */
.leads-graph-wrapper {
  display: flex;
  align-items: center;
}
.leads-graph-wrapper .visible-mobile {
  margin: 0 4px;
}
.leads-graph-wrapper .leads-graph {
  margin: 0 10px;
  background: #dfe2e5;
  border-radius: 4px;
  display: flex;
  flex: 1;
}
.leads-graph-wrapper .leads-graph .bar {
  height: 24px;
  flex: 1;
  border-left: 0.5px solid white;
  border-right: 0.5px solid white;
}
.leads-graph-wrapper .leads-graph .bar.filled {
  background: #1891ff;
}
.leads-graph-wrapper .leads-graph .bar:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: none;
}
.leads-graph-wrapper .leads-graph .bar:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: none;
}

.points-bar-wrapper {
  align-items: center;
}
.points-bar-wrapper .graph {
  height: 4px;
  border-radius: 40px;
  background: #d8dfe6;
  position: relative;
  overflow: hidden;
}
.points-bar-wrapper .graph .fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #354052;
  border-radius: 40px;
}

.pagination {
  color: #7b8da0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
}
.pagination p {
  margin-right: 8px;
}
.pagination button {
  color: #9fabbc;
  margin: 0 8px;
}
.pagination button:hover {
  color: #354052;
}
.pagination button[disabled] {
  color: #d8dfe6;
}
.pagination button[disabled]:hover {
  background: inherit;
  color: #d8dfe6;
}

.grid-table {
  display: grid;
  grid-template-columns: auto auto 1fr 1fr auto;
  align-items: stretch;
}
.grid-table .cell {
  display: grid;
  align-items: center;
  padding: 0 14px;
  background: white;
  border-bottom: 1px solid #d8dfe6;
}
.grid-table .cell-100 {
  grid-column: 1/-1;
}
.grid-table .cell.actions {
  display: block;
  padding-top: 8px;
  border-right: 1px solid #d8dfe6;
}
.grid-table .cell.position {
  border-left: 1px solid #d8dfe6;
}
.grid-table .agent-header h5 {
  display: inline-block;
}
.grid-table .table-header {
  background: #7b8da0;
  color: white;
  border-radius: 0;
}
.grid-table .table-header:first-child {
  border-radius: 4px 0 0 4px;
}
.grid-table .table-header:nth-child(5) {
  border-radius: 0 4px 4px 0;
}
.grid-table .table-header.cell {
  padding-left: 14px;
  padding-right: 0;
}

.content-container {
  display: contents;
}
.content-container .contents-row {
  display: contents;
}
.content-container .contents-row:last-child .cell:last-child {
  border-bottom-right-radius: 4px;
}
.content-container .contents-row:last-child .cell:first-child {
  border-bottom-left-radius: 4px;
}
.content-container .contents-row:first-child .cell {
  border-top: 1px solid #d8dfe6;
}
.content-container .contents-row:first-child .cell:last-child {
  border-top-right-radius: 4px;
}
.content-container .contents-row:first-child .cell:first-child {
  border-top-left-radius: 4px;
}

/*.grid-table {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  border:1px solid #e3e5e8;
  grid-auto-rows:1fr;

  > div {
    border:1px solid #e3e5e8;
    padding:12px 24px;

    > div > div {
      width:50%;
      font-size:12px;
      color:#7b8da0;
      line-height: 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-bottom: 3px;
      cursor: pointer;

      button {
        background: none;
        padding: 0;
        color: #1891ff;
        font-weight: bold;
        width: 100%;
        text-align: left;
        padding: 1px 8px 1px 4px;
      }
    }
  }
}*/
.weekend-month-view .weekend-month-view {
  border: none;
  width: 100%;
}
.weekend-month-view .weekend-month-view thead {
  vertical-align: bottom;
}
.weekend-month-view .weekend-month-view thead th {
  border: none;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0;
  overflow: visible;
}
.weekend-month-view .weekend-month-view tbody tr td {
  border: none;
  background: white;
  border-top: 1px solid #d8dfe6;
  font-size: 14px;
  padding: 0;
  transition: all 0.2s ease-in-out 0s;
}
.weekend-month-view .weekend-month-view tbody tr td:first-child {
  border-left: 1px solid #d8dfe6;
}
.weekend-month-view .weekend-month-view tbody tr td:last-child {
  border-right: 1px solid #d8dfe6;
}
.weekend-month-view .weekend-month-view tbody tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
.weekend-month-view .weekend-month-view tbody tr:first-child td:last-child {
  border-top-right-radius: 4px;
}
.weekend-month-view .weekend-month-view tbody tr:last-child td {
  border-bottom: 1px solid #d8dfe6;
}
.weekend-month-view .weekend-month-view tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.weekend-month-view .weekend-month-view tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.agent-header a {
  color: #354052;
  font-size: 14px;
}

#reports-table .table-row {
  height: 40px;
  line-height: 40px;
}
#reports-table .report-name {
  flex: 6;
}
#reports-table .report-name i {
  color: #7b8da0;
  font-size: 16px;
  vertical-align: bottom;
}
#reports-table .owner {
  flex: 2;
}
#reports-table .actions.d-flex {
  justify-content: space-between;
}
#reports-table .actions.d-flex .icon-btn i {
  color: #9fabbc;
}

#properties-table .table-row {
  height: 40px;
  line-height: 40px;
}
#properties-table .invoice i {
  font-size: 16px;
  vertical-align: bottom;
}
#properties-table .actions.d-flex {
  justify-content: space-between;
}
#properties-table .actions.d-flex .icon-btn i {
  color: #9fabbc;
}

.blue-text button.icon-btn i {
  color: #1891ff !important;
}

.concierge-action-btn svg {
  overflow: visible !important;
}

.table-scroll-wrapper {
  overflow-x: auto;
  margin: 0 -16px;
}
.table-scroll-wrapper .html-table {
  display: flex;
  min-height: 300px;
  min-width: min-content;
}
.table-scroll-wrapper .html-table .table-wrap {
  margin: 2px 0;
  width: 100%;
  padding-bottom: 16px;
}
.table-scroll-wrapper .html-table .sticky {
  position: sticky;
  width: 16px;
  min-width: 16px;
  z-index: 2;
}
.table-scroll-wrapper .html-table .sticky.left {
  left: -1px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f9fa+0,f7f9fa+100&1+5,0.6+50,0+100 */
  /*background: -moz-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 5%, rgba(247,249,250,0.6) 50%, rgba(247,249,250,0) 100%);
  background: -webkit-linear-gradient(left, rgba(247,249,250,1) 0%,rgba(247,249,250,1) 5%,rgba(247,249,250,0.6) 50%,rgba(247,249,250,0) 100%);*/
  background: linear-gradient(to right, #f4f6fc 0%, #f4f6fc 5%, rgba(244, 246, 252, 0.6) 50%, rgba(244, 246, 252, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7f9fa", endColorstr="#00f7f9fa",GradientType=1 ); /* IE6-9 */
}
.table-scroll-wrapper .html-table .sticky.right {
  right: -1px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f9fa+0,f7f9fa+100&0+0,0.6+50,1+94 */
  /*background: -moz-linear-gradient(left, rgba(247,249,250,0) 0%, rgba(247,249,250,0.6) 50%, rgba(247,249,250,1) 94%, rgba(247,249,250,1) 100%);
  background: -webkit-linear-gradient(left, rgba(247,249,250,0) 0%,rgba(247,249,250,0.6) 50%,rgba(247,249,250,1) 94%,rgba(247,249,250,1) 100%);*/
  background: linear-gradient(to right, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.6) 50%, #f4f6fc 94%, #f4f6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f7f9fa", endColorstr="#f7f9fa",GradientType=1 ); /* IE6-9 */
}
.table-scroll-wrapper .html-table.short {
  min-height: auto !important;
}
.table-scroll-wrapper.medium .html-table {
  min-width: 700px;
}
.table-scroll-wrapper.small .html-table .table-wrap {
  min-width: 500px;
}

.day-header-open {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

/*   POPOVER STYLING   */
.ui-tooltip {
  border-radius: 2px;
  box-shadow: 0 4px 16px -6px rgba(53, 64, 82, 0.5);
  background: white;
  padding: 12px 16px;
  font-size: 14px;
  color: #354052;
  max-width: 400px;
}
.ui-tooltip:after {
  content: "";
  bottom: -8px !important;
  left: 50% !important;
  margin-left: -5px !important;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}
.ui-tooltip .ui-tooltip-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  max-height: 300px;
}

.webui-popover {
  border: none;
  border-radius: 2px;
  white-space: nowrap;
  padding: 0;
  z-index: 2;
  box-shadow: 0 4px 16px -6px rgba(53, 64, 82, 0.5);
}
.webui-popover.top .webui-arrow {
  border-color: transparent;
  border-width: 5px;
  bottom: -10px !important;
  left: 50% !important;
  margin-left: -5px !important;
}
.webui-popover.top .webui-arrow:after {
  border-width: 8px;
  margin-left: -8px !important;
  bottom: -10px !important;
}
.webui-popover .webui-popover-content {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #354052;
}
.webui-popover .webui-popover-content > div:first-child {
  width: 100%;
}
.webui-popover.bottom, .webui-popover.bottom-right, .webui-popover.bottom-left {
  margin-top: 4px;
}

/*   PROFILE POPOVER STYLES   */
.webui-popover-profile {
  width: 315px;
  left: auto !important;
  right: 10px !important;
  overflow: hidden;
}
.webui-popover-profile .webui-arrow {
  border-width: 5px;
  top: -5px !important;
  margin-left: -5px !important;
  left: auto !important;
  right: 31px !important;
}
.webui-popover-profile .webui-arrow:after {
  border-width: 4px;
  margin-left: -4px !important;
}
@media screen and (max-width: 767px) {
  .webui-popover-profile .webui-arrow {
    right: 15px !important;
  }
}
.webui-popover-profile .profile-info {
  padding: 20px;
  display: flex;
}
.webui-popover-profile .profile-info #profile-photo {
  width: 98px;
  height: 98px;
  background: gray;
  border-radius: 50%;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
}
.webui-popover-profile .profile-info #profile-photo a {
  position: absolute;
  bottom: 0;
  height: 29px;
  width: 100%;
  background: rgba(27, 35, 42, 0.5);
  padding-top: 10px;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
}
.webui-popover-profile .profile-info .profile-info-text {
  padding-left: 22px;
  flex: 1;
  min-width: 0;
}
.webui-popover-profile .profile-info .profile-info-text h5 {
  color: #354052;
  margin-top: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webui-popover-profile .profile-info .profile-info-text h6 {
  font-size: 12px;
  font-weight: normal;
  color: #8e9db1;
  margin-top: 4px;
  margin-bottom: 12px;
}
.webui-popover-profile .profile-info .profile-info-text a {
  font-size: 14px;
  color: #009aff;
  text-decoration: none;
  border-bottom: 1px solid #009aff;
}
.webui-popover-profile ul {
  margin: 0;
  padding: 0;
}
.webui-popover-profile ul li {
  list-style-type: none;
}
.webui-popover-profile ul li a {
  display: block;
  height: 47px;
  line-height: 47px;
  position: relative;
  font-size: 14px;
  color: #354052;
  text-decoration: none;
}
.webui-popover-profile ul li a .icon {
  width: 64px;
  position: relative;
  height: 100%;
  display: block;
  float: left;
}
.webui-popover-profile ul li a .icon svg {
  width: 20px;
  fill: #7f8fa4;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.webui-popover-profile ul li a:hover {
  background: #f7f8fa;
}

/*   CHECK-IN POPOVER STYLES   */
.webui-popover-check-in {
  width: 279px;
  left: auto !important;
  right: 10px !important;
}
.webui-popover-check-in .webui-arrow {
  border-width: 5px;
  top: -5px !important;
  margin-left: -5px !important;
  left: auto !important;
  right: 77px !important;
}
.webui-popover-check-in .webui-arrow:after {
  border-width: 4px;
  margin-left: -4px !important;
}
@media screen and (max-width: 767px) {
  .webui-popover-check-in .webui-arrow {
    right: 61px !important;
  }
}
.webui-popover-check-in ul {
  padding-left: 0;
  margin: 10px 0 5px 0;
}
.webui-popover-check-in ul li {
  list-style-type: none;
  font-size: 14px;
  color: #354052;
  padding: 10px 30px 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.webui-popover-check-in ul li .toggle {
  margin-right: 15px;
}
.webui-popover-check-in ul li .current-leads {
  width: 67px;
  background: #f7f9fa;
  border-radius: 4px;
  font-size: 14px;
  color: #354052;
  border: none;
  text-align: center;
  height: 36px;
}

.webui-popover.bottom-left {
  margin-top: 40px;
}
.webui-popover.bottom-left .webui-arrow {
  border-bottom: none;
}

/*   NOTIFICATIONS POPOVER STYLES   */
.webui-popover-notifications {
  right: 100px;
  left: auto !important;
  border-radius: 4px;
  max-height: 400px;
  overflow: auto;
}
.webui-popover-notifications .webui-arrow {
  border-width: 5px;
  top: -5px !important;
  margin-left: -5px !important;
  left: auto !important;
  right: 25px;
}
.webui-popover-notifications .webui-arrow:after {
  border-width: 4px;
  margin-left: -4px !important;
  border-bottom-color: #f7f8fa;
}
.webui-popover-notifications ul {
  padding-left: 0;
  margin: 0;
  overflow-y: auto;
}
.webui-popover-notifications ul li {
  white-space: normal;
  list-style-type: none;
  font-size: 14px;
  color: #354052;
  padding-top: 16px;
  margin: 0 16px 16px 16px;
  border-top: 1px solid #d8dfe6;
  display: flex;
}
.webui-popover-notifications ul li:first-child {
  border-top: none;
}
.webui-popover-notifications ul li .icon {
  margin-right: 8px;
  padding-top: 4px;
}
.webui-popover-notifications ul li p {
  color: #7b8da0;
  font-weight: 400;
}
.webui-popover-notifications ul li p span.bold {
  color: #212529;
}
.webui-popover-notifications ul li .stamp {
  width: 32px;
  margin-left: 16px;
}
.webui-popover-notifications ul li .stamp .notification-dot {
  height: 8px;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 8px;
}
.webui-popover-notifications ul li .stamp .notification-dot.new:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #1891ff;
  display: block;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.webui-popover-notifications ul li .stamp .timestamp {
  font-size: 12px;
  font-weight: 500;
  color: #9fabbc;
}

ul.dropdown.ui-menu {
  background-color: #fff;
  margin: 0;
  padding: 0;
  max-height: 312px;
  border: 1px solid #ced0da;
  border-radius: 4px;
  white-space: nowrap;
  overflow-y: auto;
  overflow-y: overlay;
  z-index: 2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
ul.dropdown.ui-menu li {
  position: relative;
  border-top: 1px solid #e9ecef;
}
ul.dropdown.ui-menu li div {
  padding: 0 40px 0 24px;
  display: block;
  line-height: 48px;
  color: #354052;
  text-decoration: none;
  font-size: 14px;
  min-width: 126px;
  font-weight: 500;
  transition: 0.2s ease-in-out;
}
ul.dropdown.ui-menu li div:hover, ul.dropdown.ui-menu li div.ui-state-active {
  background: #e9ecef;
}
ul.dropdown.ui-menu li div:after {
  content: "check";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Icons";
  color: transparent;
  transition: 0.2s ease-in-out;
}
ul.dropdown.ui-menu li div.selected:after {
  color: #1891ff;
}
ul.dropdown.ui-menu li:first-child {
  border-top: none;
}
ul.dropdown.ui-menu li.ui-selectmenu-optgroup.ui-menu-divider {
  border-top: 1px solid #e9ecef;
  padding: 8px 40px 8px 24px;
  margin: 0;
  font-size: 12px;
  color: #7b8da0;
}

.webui-popover-stat-box-popover, .webui-popover-timepicker { /*margin-left:-26px;*/ }
.webui-popover-stat-box-popover .webui-arrow, .webui-popover-timepicker .webui-arrow {
  display: none;
}
.webui-popover-stat-box-popover ul, .webui-popover-timepicker ul {
  margin: 0;
  padding: 0;
  max-height: 480px;
}
.webui-popover-stat-box-popover ul li, .webui-popover-timepicker ul li {
  position: relative;
  transition: 0.2s ease-in-out;
}
.webui-popover-stat-box-popover ul li a, .webui-popover-timepicker ul li a {
  padding: 0 40px 0 24px;
  display: block;
  height: 48px;
  line-height: 48px;
  color: #354052;
  text-decoration: none;
  border-top: 1px solid #e9ecef;
  font-size: 18px;
  min-width: 192px;
  font-weight: 500;
  transition: 0.2s ease-in-out;
}
.webui-popover-stat-box-popover ul li.active a, .webui-popover-stat-box-popover ul li:hover, .webui-popover-timepicker ul li.active a, .webui-popover-timepicker ul li:hover {
  background: #e9ecef;
}
.webui-popover-stat-box-popover ul li:first-child a, .webui-popover-timepicker ul li:first-child a {
  border-top: none;
}
.webui-popover-stat-box-popover ul li:after, .webui-popover-timepicker ul li:after {
  content: "check";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Icons";
  color: transparent;
  transition: 0.2s ease-in-out;
}
.webui-popover-stat-box-popover ul li.selected:after, .webui-popover-timepicker ul li.selected:after {
  color: #1891ff;
}

.webui-search-popover {
  max-height: 600px;
}
.webui-search-popover ul li {
  padding: 16px;
  border-top: 1px solid #d8dfe6;
}
.webui-search-popover ul li:first-child {
  border-top: none;
}
.webui-search-popover ul + h4 {
  /* Adding space between different result types */
  margin-top: 16px;
}

.webui-popover-table-action, .webui-popover-tooltip {
  padding: 12px 16px;
}
.webui-popover-table-action .webui-arrow, .webui-popover-tooltip .webui-arrow {
  border-width: 5px;
  bottom: -5px !important;
}
.webui-popover-table-action .webui-arrow:after, .webui-popover-tooltip .webui-arrow:after {
  border-width: 4px;
}

.table-popover {
  background: #354052;
  border-color: #354052;
  color: white;
}
.table-popover .webui-arrow {
  border-top-color: #354052 !important;
}
.table-popover .webui-arrow:after {
  border-top-color: #354052 !important;
}

.webui-popover-check-in-dropdown {
  width: 380px;
}
.webui-popover-check-in-dropdown .agent-status.d-flex .pure-radio {
  width: 33.33333333%;
}
.webui-popover-check-in-dropdown .agent-status.d-flex .pure-radio .box {
  width: 100%;
}
.webui-popover-check-in-dropdown .dual-panels .panel.darkblue-bg {
  width: 236px;
}
.webui-popover-check-in-dropdown .panel-spinner .ui-spinner:before {
  width: 236px;
}
.webui-popover-check-in-dropdown .panel-spinner input {
  width: 236px !important;
}
.webui-popover-check-in-dropdown .panel-spinner .ui-button {
  width: 96px;
}

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

.super .panel.goal .progbar-wrapper {
  position: relative;
  width: 100%;
  padding-left: 0;
  top: auto;
  transform: none;
  margin-top: 22px;
}
.super .panel.goal .progbar-wrapper .progbar {
  height: 17px;
  border-radius: 8.5px;
  width: 100%;
}
.super .panel.goal .progbar-wrapper .progbar .progbar-fill {
  height: 17px;
  border-radius: 8.5px;
}
.super .panel.goal .progbar-wrapper h6 {
  top: -1px;
  transform: none;
  right: -57px;
}
.super a.goal-edit {
  fill: #1891ff;
}
.super .panel {
  position: relative;
}
.super .panel#nps-box h2 {
  font-size: 56px;
  margin-bottom: 0;
  line-height: 56px;
  margin-top: -13px;
  margin-bottom: 11px;
}
.super .panel#nps-box h1 {
  font-size: 21px;
  color: #4c5e70;
}
.super .panel#nps-box h5 {
  color: #7b8da0;
}
.super .panel#nps-box h5:after {
  background-image: url(../img/dropdown-arrow.svg);
}

path[stroke-width="6.5"] {
  stroke: transparent;
}

.piechart {
  position: relative;
  width: 180px;
  height: 180px;
}
.piechart:before {
  content: attr(data-total);
  position: absolute;
  z-index: 2;
  color: #4f5f6f;
  font-size: 20px;
  font-weight: bold;
  left: 0;
  right: 0;
  pointer-events: none;
  text-align: center;
  top: 64px;
}
.piechart:after {
  content: attr(data-label);
  position: absolute;
  z-index: 2;
  color: #7e8e9f;
  font-size: 12px;
  left: 0;
  right: 0;
  pointer-events: none;
  text-align: center;
  top: 90px;
}
.piechart > div:first-child:before {
  width: 142px;
  height: 142px;
  background: white;
  box-shadow: 0px 0px 50px 0px rgba(55, 72, 78, 0.5);
  position: absolute;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  content: "";
}
.piechart div[dir=ltr] {
  width: 180px !important;
  height: 180px !important;
}
.piechart div[dir=ltr] svg {
  width: 180px !important;
  height: 180px !important;
}
.piechart .google-visualization-tooltip {
  background: #4c5e70;
  border: 1px solid white;
  border-radius: 4px;
  box-shadow: none;
  font-size: 12px;
  color: white;
  position: absolute;
  pointer-events: none;
}
.piechart .google-visualization-tooltip .google-visualization-tooltip-item-list {
  margin: 0;
}
.piechart .google-visualization-tooltip .google-visualization-tooltip-item-list li {
  margin: 0;
  padding: 0;
}
.piechart .google-visualization-tooltip .google-visualization-tooltip-item-list li:first-child {
  display: none;
}
.piechart .google-visualization-tooltip .google-visualization-tooltip-item-list li span {
  font-size: 12px !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande" !important;
  padding: 4px 13px 8px 13px;
  display: inline-block;
}
.piechart .google-visualization-tooltip .google-visualization-tooltip-item-list:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #4c5e70 transparent transparent transparent;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -2px;
}
.piechart .google-visualization-tooltip .google-visualization-tooltip-item-list:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #ffffff transparent transparent transparent;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}

.chart-wrapper {
  position: relative;
  margin-top: 40px;
}

ul.legend {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: calc(100% - 250px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
ul.legend li {
  font-size: 14px;
  margin: 5px 0;
}
ul.legend li .pull-left {
  color: #4f5f6f;
}
ul.legend li .pull-left .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
ul.legend li .pull-right {
  font-size: 16px;
  color: #546a79;
  font-weight: bold;
}

a.default {
  color: #333742;
  text-decoration: none;
}
a.small {
  font-size: 12px;
}

.table-btn {
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  background: #d8dfe6;
  line-height: 24px;
  color: #354052;
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-weight: bold;
  transition: 0.2s ease-in-out;
}
.table-btn i {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
}
.table-btn i.center-vertical {
  top: 50%;
  transform: translate(-50%, -50%);
}
.table-btn img, .table-btn .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .table-btn svg, .table-btn svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #354052;
  transition: 0.2s ease-in-out;
}
.table-btn + .table-btn {
  margin-left: 8px;
}
.table-btn.blue {
  background: #7b8da0;
  color: white;
  fill: white;
  transition: 0.2s ease-in-out;
}
.table-btn.blue i {
  color: white;
}
.table-btn.dark-blue {
  background: #354052;
  color: white;
  fill: white;
  transition: 0.2s ease-in-out;
}
.table-btn.dark-blue i {
  color: white;
}
.table-btn.mid-blue {
  background: #3d64a6;
  color: white;
  fill: white;
  transition: 0.2s ease-in-out;
}
.table-btn.mid-blue i {
  color: white;
}
.table-btn.send-error {
  background: #e54b4b;
  color: white;
  fill: #e54b4b;
  transition: 0.2s ease-in-out;
}
.table-btn.send-error i {
  color: white;
}
.table-btn .choose-agent-icon {
  width: 15px;
}
.table-btn .transfer-icon {
  width: 16px;
}
.table-btn .message-agent-icon {
  width: 15px;
}
.table-btn .round-robin-icon {
  width: 17px;
}
.table-btn[disabled], .table-btn:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.table-btn[disabled].border-loader, .table-btn:disabled.border-loader {
  position: relative;
  overflow: hidden;
}
.table-btn[disabled].border-loader i, .table-btn:disabled.border-loader i {
  position: relative;
  z-index: 1;
}
.table-btn[disabled].border-loader:after, .table-btn:disabled.border-loader:after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border-radius: 4px;
  background: #F4F6FC;
  transition: all 0.2s ease-in-out 0s;
}
.table-btn[disabled].border-loader.gray-hover:hover:after, .table-btn:disabled.border-loader.gray-hover:hover:after {
  background: #e9ecef;
}
.table-btn[disabled].border-loader.loading, .table-btn:disabled.border-loader.loading {
  background: #e9ecef;
}
.table-btn[disabled].border-loader.loading i, .table-btn:disabled.border-loader.loading i {
  opacity: 0.2;
}
.table-btn[disabled].border-loader.loading:before, .table-btn:disabled.border-loader.loading:before {
  opacity: 0.5;
}
.table-btn[disabled].border-loader.loading:after, .table-btn:disabled.border-loader.loading:after {
  background: #e9ecef;
}
.table-btn[disabled]:hover, .table-btn:disabled:hover {
  box-shadow: none;
  cursor: default;
}
.table-btn[disabled]:hover svg, .table-btn:disabled:hover svg {
  fill: #354052;
}
.table-btn[disabled]:active, .table-btn:disabled:active {
  box-shadow: none;
  cursor: default;
}
.table-btn[disabled]:active svg, .table-btn:disabled:active svg {
  fill: #354052;
}
.table-btn.blacklist {
  background: #e54b4b;
  color: white;
  font-size: 13px;
  font-weight: 500;
  cursor: default;
  text-transform: uppercase;
}
.table-btn.blacklist:hover {
  box-shadow: none;
}
.table-btn.red-bg, .table-btn.blue-bg, .table-btn.blue-bg-dark-text, .table-btn.green-bg, .table-btn.darkblue-bg, .table-btn.yellow-bg, .table-btn.slate-btn-bg, .table-btn.purple-bg {
  text-transform: uppercase;
  font-weight: 400;
}

button.table-btn, a.table-btn {
  cursor: pointer;
}
button.table-btn:hover, a.table-btn:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
button.table-btn:hover svg, a.table-btn:hover svg {
  fill: white;
}
button.table-btn:hover i, a.table-btn:hover i {
  color: white;
}
button.table-btn.gray, a.table-btn.gray {
  transition: 0.2s ease-in-out;
}
button.table-btn.gray:hover, a.table-btn.gray:hover {
  background: #d8dfe6;
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
  color: #354052;
}
button.table-btn.gray:active, a.table-btn.gray:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
button.table-btn:active, a.table-btn:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}

.icon-btn {
  padding: 0;
  border: none;
  height: auto;
  background: transparent;
  transition: all 0.2s ease-in-out 0s;
}
.icon-btn:disabled, .icon-btn[disabled] {
  pointer-events: none;
}
.icon-btn i {
  transition: all 0.2s ease-in-out 0s;
}
.icon-btn.gray-hover {
  border-radius: 4px;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.icon-btn.gray-hover.tiny {
  width: 16px;
  height: 16px;
}
.icon-btn.gray-hover.tiny i {
  font-size: 16px;
}
.icon-btn.gray-hover:hover {
  background: #e9ecef;
}
.icon-btn.white-hover {
  border-radius: 4px;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.icon-btn.white-hover.tiny {
  width: 16px;
  height: 16px;
}
.icon-btn.white-hover.tiny i {
  font-size: 16px;
}
.icon-btn.white-hover:hover {
  padding: 2px;
  background: rgba(255, 255, 255, 0.2);
}
.icon-btn.gray-icon i {
  color: #9fabbc;
}
.icon-btn.gray-icon:hover i {
  color: #354052;
}
.icon-btn.small i {
  font-size: 16px;
}
.icon-btn.flipped {
  transform: scale(-1, 1);
}

.icon + .button-collection {
  display: inline-flex;
}

.table-row .icon-btn {
  margin-right: 4px;
}

.concierge-btn-grp button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.concierge-btn.export {
  border-radius: 4px;
  border: solid 1px #1891ff;
  background-color: #1891ff;
}
.concierge-btn.bulk-move {
  border-radius: 4px;
  border: solid 1px #212529;
  background-color: #212529;
}
.concierge-btn.bulk-MyUtilities {
  border-radius: 4px;
  border: solid 1px rgb(134, 75, 255);
  background-color: rgb(134, 75, 255);
}
.concierge-btn.sms {
  border-radius: 4px;
  border: solid 1px #27AE60;
  background-color: #27AE60;
}
.concierge-btn.templates {
  border-radius: 4px;
  border: solid 1px #273C75;
  background-color: #273C75;
}
.concierge-btn .export-icon {
  margin-right: 5px;
  float: left;
  transform: none !important;
  width: 16px;
  height: 11px;
  font-size: 19px;
}
.concierge-btn .export-text {
  width: 44px;
  height: 16px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.concierge-btn.variable {
  height: 36px !important;
  line-height: 36px !important;
}

button.icon, .button.icon {
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  background: #d8dfe6;
  line-height: 24px;
  color: #354052;
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
button.icon:disabled, button.icon[disabled], .button.icon:disabled, .button.icon[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
button.icon i, .button.icon i {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
button.icon img, button.icon .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li button.icon svg, button.icon svg, .button.icon img, .button.icon .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .button.icon svg, .button.icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #354052;
  transition: 0.2s ease-in-out;
}
button.icon + button, button.icon + .button, button.icon + .button-collection, .button.icon + button, .button.icon + .button, .button.icon + .button-collection {
  margin-left: 8px;
}
button.icon:hover, .button.icon:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
button.icon:hover svg, .button.icon:hover svg {
  fill: white;
}
button.icon:focus, .button.icon:focus {
  outline: none;
}
button.icon:active, .button.icon:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
button.icon .choose-agent-icon, .button.icon .choose-agent-icon {
  width: 15px;
}
button.icon .transfer-icon, .button.icon .transfer-icon {
  width: 16px;
}
button.icon .message-agent-icon, .button.icon .message-agent-icon {
  width: 15px;
}
button.icon .round-robin-icon, .button.icon .round-robin-icon {
  width: 17px;
}
button.icon.loading, .button.icon.loading {
  padding: 0;
  background-color: transparent;
}
button.icon.loading svg, button.icon.loading i, .button.icon.loading svg, .button.icon.loading i {
  display: none;
}

button.icon + button.icon, button.icon + .button-collection, .button-collection + button.icon, .button-collection + .button-collection {
  margin-left: 8px;
}

.at-button-shadow {
  box-shadow: 1px 2px 3px gray !important;
  overflow: unset !important;
}

.at-button-overflow-visible {
  overflow: unset !important;
}

.back-to-teams {
  opacity: 0.9 !important;
  position: absolute !important;
  bottom: 0;
  width: 170px !important;
}

/*   Login Page Styling   */
.login {
  background: #354052;
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  transition: 1s;
}
.login .pure-g {
  min-height: 100%;
  position: relative;
}
.login h1 {
  margin: 0;
  font-size: 42px;
  margin: 50px 0px;
}
.login .error {
  background: #FFC0CA;
  color: #e54b4b;
  font-size: 12px;
  padding: 10px 20px;
  font-weight: bold;
}
.login .logo {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-top: 32px;
}
.login .triangles {
  background-image: url(/assets/img/triangle.svg);
  background-repeat: repeat;
  background-size: 33px;
  height: 325px;
  width: 288px;
  position: absolute;
  top: -5px;
  right: -12px;
}
.login .quarter-circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 262px;
  height: 246px;
  background: #f0f5f7;
  border-radius: 0 260px 0 0;
  -moz-border-radius: 0 260px 0 0;
  -webkit-border-radius: 0 260px 0 0;
}
.login .form-wrapper {
  max-width: 350px;
  margin: auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  z-index: 8;
}
.login .form-wrapper form .pure-control-group {
  margin-top: 28px;
}
.login .form-wrapper form .pure-control-group:first-child {
  margin-top: 0;
}
.login .form-wrapper form .pure-control-group input {
  text-align: center;
  width: 100%;
}
.login .form-wrapper form .pure-button {
  margin-top: 40px;
}
.login .form-wrapper form .pure-button.loading {
  padding: 0 14px !important;
}
.login .form-wrapper form .pure-button.outline {
  margin-top: 0;
}
.login .form-wrapper form .forgot {
  color: #a8acb9;
  font-size: 12px;
  margin-top: 27px;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #a8acb9;
}
.login .divider span {
  background: white;
  font-size: 12px;
  padding: 0 10px;
}

.login-left, .login-right {
  height: 100vh;
  position: relative;
}

.login-left {
  background-color: #141b20;
  background-image: url(../../img/login-bg.jpg);
  background-size: cover;
  background-position: 50% 50%;
}
.login-left img, .login-left .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .login-left svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

.login-right h1 {
  margin: 50px 0;
}

.google-sso img, .google-sso .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .google-sso svg {
  margin-right: 24px;
}

@media screen and (max-width: 767px) {
  .login .form-wrapper {
    position: absolute;
    transform: none;
    padding: 30px 15px;
    top: auto;
    bottom: 0;
  }
  .login .triangles {
    display: none;
  }
  .login .quarter-circle {
    display: none;
  }
  .login-left {
    height: auto;
  }
  .login-left img, .login-left .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .login-left svg {
    position: static;
    transform: none;
    display: block;
    margin: 30px auto;
    width: 250px;
  }
  .login-right {
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .login-left img, .login-left .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .login-left svg {
    width: 210px;
  }
}
@media screen and (max-height: 450px) {
  .login {
    position: relative;
    overflow: hidden;
  }
  .login .form-wrapper {
    top: 60%;
    transform: translateY(-50%);
    bottom: auto;
  }
  .login .form-wrapper h1 {
    margin: 0;
  }
}
/* Forms */
/* CSS Document */
.form-row {
  margin-top: 16px;
  width: 100%;
}
.form-row:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .form-row {
    /* Add margins when there are more than one input in a form-row */
  }
  .form-row .grid-item {
    margin-top: 16px;
  }
  .form-row .grid-item:first-child {
    margin-top: 0;
  }
}

input,
select,
textarea {
  border: 1px solid #9fabbc;
}
.pure-form input,
.pure-form select,
.pure-form textarea {
  border: 1px solid #9fabbc;
}

input,
select,
.pure-button {
  height: 48px;
  line-height: 48px;
}
input.tiny,
select.tiny,
.pure-button.tiny {
  height: 32px;
  line-height: 32px;
}
input.small,
select.small,
.pure-button.small {
  height: 40px;
  line-height: 40px;
}
input.large,
select.large,
.pure-button.large {
  height: 56px;
  line-height: 56px;
}

.autocomplete-wrapper input {
  height: 48px;
  line-height: 48px;
}
.autocomplete-wrapper.tiny input {
  height: 32px;
  line-height: 32px;
}
.autocomplete-wrapper.small input {
  height: 40px;
  line-height: 40px;
}
.autocomplete-wrapper.large input {
  height: 56px;
  line-height: 56px;
}

.datepicker-dual-wrapper span.high,
.datepicker-dual-wrapper span.low {
  height: calc(48px - 4px);
  line-height: calc(48px - 4px);
}
.tiny > .datepicker-dual-wrapper span.high,
.tiny > .datepicker-dual-wrapper span.low {
  height: calc(32px - 4px);
  line-height: calc(32px - 4px);
}
.small > .datepicker-dual-wrapper span.high,
.small > .datepicker-dual-wrapper span.low {
  height: calc(40px - 4px);
  line-height: calc(40px - 4px);
}
.large > .datepicker-dual-wrapper span.high,
.large > .datepicker-dual-wrapper span.low {
  height: calc(56px - 4px);
  line-height: calc(56px - 4px);
}

.reverse {
  flex-direction: column-reverse;
  display: flex;
}
.reverse *[disabled] + label,
.reverse *.disabled + label,
.reverse [disabled] + div + label {
  color: #dbe2e8;
}

.horizontal-flip {
  transform: scale(-1, -1);
}

.ui-selectmenu-button {
  display: flex !important;
  align-items: center !important;
}

form.pure-form label, form label {
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
  color: #9a9fa8;
  font-size: 14px;
  margin: 0 0 8px 0;
}
form.pure-form label.dark-label, form label.dark-label {
  font-size: 16px;
  color: #333742;
}
form.pure-form label i.help-info, form label i.help-info {
  position: absolute;
  margin-left: 4px;
  font-size: 14px;
  margin-top: 3px;
}
form.pure-form .pure-control-group.disabled label, form .pure-control-group.disabled label {
  color: #dbe2e8;
}

.black-text {
  color: #333742 !important;
}

.calendar-settings-invalid {
  color: white !important;
  background-color: #F4B3C5 !important;
}

.ner-calc-minus {
  position: relative;
}
.ner-calc-minus i {
  position: absolute;
  top: 50%;
  left: 36%;
}

.ner-calc-times {
  position: relative;
}
.ner-calc-times i {
  position: absolute;
  top: 50%;
  left: 43%;
}

.ner-calc-equals {
  position: relative;
  padding-top: 52px;
  display: flex;
  color: #ebeded;
  font-weight: bold;
}
.ner-calc-equals span {
  position: absolute;
  top: 32%;
  left: 34%;
  font-size: 42px;
}

.ner-calc-bg {
  position: absolute;
  width: 320px;
  background: #ebeded;
  height: 65px;
  left: 23%;
  top: 22%;
  border-radius: 100px;
}
.ner-calc-bg .ner-calc-bg-text {
  position: absolute;
  background: white;
  top: -7%;
  left: 7%;
  font-size: 12px;
  font-weight: bold;
  color: #7b8da0;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 100px;
  border-top: 1px solid gray;
}

.label-no-wrap {
  text-wrap-mode: nowrap;
}

.concierge-notify-pl {
  padding-left: 86px !important;
}

.ner-calc-wrapper {
  position: relative;
  padding-right: 25px;
  padding-top: 25px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  font-family: monospace;
  width: 100%;
  justify-content: center;
  font-weight: bold;
  color: #7b8da0;
}
.ner-calc-wrapper span:nth-child(1) {
  margin-right: 6px;
}
.ner-calc-wrapper span:nth-child(2) {
  margin-right: 0;
}
.ner-calc-wrapper span:nth-child(4) {
  margin-left: 6px;
}

.ner-calc-division-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 12px;
  margin-right: 12px;
}
.ner-calc-division-wrapper span:nth-child(2) {
  height: 1px;
  background: #7b8da0;
  width: 100%;
}

.autocomplete-wrapper input {
  padding: 0 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  vertical-align: middle;
  color: #354052;
  width: 100%;
  border: 1px solid #9fabbc;
}
.autocomplete-wrapper input:focus {
  border: 1px solid #9fabbc !important;
  padding: 0 20px !important;
}
.autocomplete-wrapper .autocomplete-selected {
  max-height: 144px;
  overflow-y: auto;
}
.autocomplete-wrapper .selected-tag {
  max-width: calc(100% - 4px);
  padding-right: 12px;
  white-space: nowrap;
  font-size: 13px;
  color: white;
  background: #7b8da0;
  margin: 2px 4px 2px 0px;
  position: relative;
  border-radius: 16px;
  display: inline-flex;
  height: 28px;
}
.autocomplete-wrapper .selected-tag span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  line-height: 28px;
  margin-left: 12px;
}
.autocomplete-wrapper .selected-tag button {
  background: transparent;
  padding: 0 6px;
  line-height: 20px;
  border: none;
  vertical-align: top;
  margin-right: -8px;
  margin-left: 2px;
  margin-top: 4px;
  height: 20px;
}
.autocomplete-wrapper .selected-tag button svg {
  fill: white;
  width: 8px;
}
.autocomplete-wrapper .selected-tag button:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.autocomplete-wrapper .selected-tag button:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.autocomplete-wrapper .ui-autocomplete {
  background: white;
  position: absolute;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #9fabbc;
  border-top: none;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.autocomplete-wrapper .ui-autocomplete.reverse {
  border: 1px solid #9fabbc;
  border-bottom: none;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.autocomplete-wrapper .ui-autocomplete .ui-menu-item {
  margin-right: 1px;
}
.autocomplete-wrapper .ui-autocomplete .ui-menu-item > * {
  font-size: 12px;
  padding: 5px 10px;
  position: relative;
  transition: 0.2s ease-in-out;
  color: #333742;
}
.autocomplete-wrapper .ui-autocomplete .ui-menu-item > *:after {
  content: "check";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Icons";
  color: transparent;
  transition: 0.2s ease-in-out;
}
.autocomplete-wrapper .ui-autocomplete .ui-menu-item > *.selected {
  color: #1891ff;
}
.autocomplete-wrapper .ui-autocomplete .ui-menu-item > *.selected:after {
  color: #1891ff;
}
.autocomplete-wrapper .ui-autocomplete .ui-menu-item > *:hover, .autocomplete-wrapper .ui-autocomplete .ui-menu-item > *.ui-state-active {
  background: #F6F9FD;
}
.autocomplete-wrapper.email .selected-tag {
  border: 1px solid #d8dfe6;
  background: white;
  color: #333742;
}
.autocomplete-wrapper.email .selected-tag svg {
  fill: #9fabbc;
}

button {
  border: none;
}

button.large-selection {
  height: 120px;
  border-radius: 4px;
  border: 1px solid #9fabbc;
  display: block;
  line-height: 120px;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  transition: 0.2s ease-in-out;
  width: 100%;
  background: none;
}
button.large-selection[disabled], button.large-selection:disabled {
  background: #e9edf1 !important;
  color: #959ca7 !important;
  border: 1px solid #b8c5d1 !important;
}
button.large-selection:hover {
  border: 1px solid #1891ff;
  background: rgba(24, 145, 255, 0.15);
}
button.large-selection:active, button.large-selection:focus {
  background: #1891ff;
  border-color: #1891ff;
  color: white;
}

.pure-button:active {
  box-shadow: none;
}

.pure-button {
  width: 100%;
  padding: 14px;
  border-radius: 4px;
  font-size: 15px;
  background: #0d85ff;
  color: white;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  transition: 0.2s ease-in-out;
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0);
  font-weight: 500;
}
.pure-button.careful {
  background-color: #e54b4b;
}
.pure-button.primary {
  border: solid 1px rgba(33, 37, 41, 0.15);
}
.pure-button.primary:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.pure-button.primary:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.pure-button.secondary {
  background: #354052;
}
.pure-button.secondary:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.pure-button.secondary:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.pure-button.outline {
  background: white;
  border: 1px solid #9fabbc;
  color: #354052;
}
.pure-button.outline.gradient {
  background: linear-gradient(to bottom, #fff 0%, #f8f9fa 100%);
}
.pure-button.transparent {
  background: transparent;
  color: #354052;
}
.pure-button.transparent:hover {
  box-shadow: none;
  color: #1891ff;
}
.pure-button.gray {
  background: #e9ecef;
  color: #7b8da0;
}
.pure-button.gray:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.pure-button.gray:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.pure-button.dark-gray {
  background: #d8dfe6;
  color: #354052;
}
.pure-button.dark-gray:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.pure-button.dark-gray:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.pure-button.extra-small {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.pure-button.dropdown-button {
  position: relative;
  width: 146px;
  font-size: 15px;
  text-align: left;
  font-weight: 500;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(248, 249, 250) 100%);
  transition: 0.2s ease-in-out;
}
.pure-button.dropdown-button span {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.pure-button.dropdown-button:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgb(247, 246, 246) 0%, rgb(241, 241, 241) 100%);
  box-shadow: none;
  border-radius: 4px;
  transition: 0.2s ease-in-out;
  opacity: 0;
}
.pure-button.dropdown-button:after {
  font-family: "Material Icons";
  font-size: 20px;
  color: black;
  position: absolute;
  right: 14px;
  top: 0;
  content: "\e313";
  opacity: 1;
}
.pure-button.dropdown-button:hover, .pure-button.dropdown-button:active {
  box-shadow: none;
}
.pure-button.dropdown-button:hover:before, .pure-button.dropdown-button:active:before {
  opacity: 1;
}
.pure-button.dropdown-button:focus, .pure-button.dropdown-button:focus:hover {
  border-color: transparent;
  background: #e9ecef;
  box-shadow: none;
}
.pure-button.dropdown-button:focus:before, .pure-button.dropdown-button:focus:hover:before {
  opacity: 0;
}
.pure-button.dropdown-button.disabled {
  background: #ebeded;
  border-color: #7b8da0;
  color: rgba(53, 64, 82, 0.5);
}
.pure-button.dropdown-button.disabled:after {
  color: rgba(53, 64, 82, 0.5);
}
.pure-button.dropdown-button.small {
  height: 40px;
  line-height: 40px;
}
.pure-button.dropdown-button.extra-small {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.pure-button.dropdown-button.extra-small:after {
  font-size: 14px;
  right: 8px;
}
.pure-button.dropdown-button.square {
  width: 40px;
}
.pure-button.dropdown-button.square:after {
  display: none;
}
.pure-button.dropdown-button.transparent {
  background: transparent;
}
.pure-button.dropdown-button.transparent:before {
  display: none;
}
.pure-button.dropdown-button.transparent:after {
  right: 50%;
  transform: translateX(50%);
}
.pure-button.dropdown-button.transparent:hover {
  background: white;
}
.pure-button[disabled] {
  background: #e9ecef;
  color: rgba(53, 64, 82, 0.5);
  opacity: 1;
  border-color: transparent !important;
  font-weight: 500;
}
.pure-button svg {
  opacity: 0;
  position: absolute;
  right: 24px;
  height: 0px;
  top: 24px;
  transition: 0.2s ease-in-out;
}
.pure-button:after {
  content: "";
  display: inline-block;
  width: 24px;
  opacity: 0;
  position: absolute;
  right: 24px;
  height: 0px;
  top: 24px;
  transition: 0.2s ease-in-out;
}
.pure-button.loading {
  padding-left: 24px !important;
  padding-right: 60px !important;
}
.pure-button.loading:after {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><g><animateTransform attributeName="transform" type="rotate" from="0 33 33" to="270 33 33" begin="0s" dur="1.4s" repeatCount="indefinite"/><circle class="path-bg" fill="none" stroke="rgba(33,37,41,0.08)" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle><circle class="path" fill="none" stroke="rgba(33,37,41,0.32)" stroke-dasharray="187" stroke-dashoffset="0" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"><animate attributeName="stroke-dashoffset" dur="1.4s" values="187;46.75;187" keyTimes="0;.5;1" repeatCount="indefinite" keySplines=".42 0 1 1;0 0 .58 1" calcMode="spline"/><animateTransform attributeName="transform" type="rotate" values="0 33 33;135 33 33;450 33 33" begin="0s" dur="1.4s" repeatCount="indefinite" calcMode="spline" keySplines=".42 0 1 1;0 0 .58 1"/></circle></g></svg>');
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}
.pure-button.btn-lg {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 32px;
}
.pure-button .material-icons {
  line-height: inherit;
}

form.pure-form label button.icon-btn, form label button.icon-btn {
  vertical-align: sub;
}

.text-button {
  background: transparent;
  padding: 0;
  text-decoration: underline;
}

.black-hover :hover {
  color: black !important;
}

.checkbox-wrapper input {
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 5px;
  height: 0;
}
.checkbox-wrapper label {
  color: #354052;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
}
.checkbox-wrapper label span {
  vertical-align: middle;
}
.checkbox-wrapper label:hover:before {
  background: #1891ff;
}
.checkbox-wrapper label:before {
  content: "\e5ca";
  vertical-align: middle;
  color: transparent;
  background-color: white;
  font-family: "Material Icons";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  border-radius: 3px;
  border: 1px solid #b8c5d1;
  margin-right: 8px;
  transition: all 0.2s ease-in-out 0s;
}
.checkbox-wrapper.mc-edit label:before {
  margin-top: 10px;
  content: "\e5ca";
  vertical-align: middle;
  color: transparent;
  background-color: white;
  font-family: "Material Icons";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  border-radius: 3px;
  border: 1px solid #b8c5d1;
  margin-right: 8px;
  transition: all 0.2s ease-in-out 0s;
}
.checkbox-wrapper input:checked + label:before {
  background: #1891ff;
  border-color: #1891ff;
  color: white;
}
.checkbox-wrapper input:focus {
  outline: none !important;
  border: none !important;
}
.checkbox-wrapper input:focus + label:before {
  outline: #129FEA auto 1px;
}
.checkbox-wrapper input:disabled {
  pointer-events: none;
}
.checkbox-wrapper input:disabled + label span {
  opacity: 0.5;
  pointer-events: none;
}
.checkbox-wrapper input:disabled + label {
  pointer-events: none;
}
.checkbox-wrapper input:disabled + label:before {
  background: #b8c5d1;
  border-color: #b8c5d1;
  opacity: 0.5;
  pointer-events: none;
}

.featured-deal-wrapper {
  align-items: center;
}
.featured-deal-wrapper .checkbox-wrapper {
  margin-right: 20px;
}
.featured-deal-wrapper .checkbox-wrapper label {
  color: #354052;
  font-weight: 500;
}
.featured-deal-wrapper .reverse {
  flex-grow: 1;
}
.featured-deal-wrapper .custom-checkbox-row {
  display: inline-flex;
  text-wrap: nowrap;
}

/* date range */
.datepicker-dual-wrapper {
  display: flex;
}
.datepicker-dual-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgb(247, 246, 246) 0%, rgb(241, 241, 241) 100%);
  box-shadow: none;
  border-radius: 4px;
  transition: 0.2s ease-in-out;
  opacity: 0;
}
.datepicker-dual-wrapper {
  cursor: pointer;
  position: relative;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(248, 249, 250) 100%);
  border-radius: 4px;
  border: 1px solid #9fabbc;
  color: #354052;
  padding: 1px;
  transition: 0.2s ease-in-out background, 0.2s ease-in-out border-color, 0.2s ease-in-out color;
}
.datepicker-dual-wrapper:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #7b8da0;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  margin-left: -0.5px;
  transition: 0.2s ease-in-out background;
}
.datepicker-dual-wrapper .datepicker-icon {
  color: #7b8da0;
  position: absolute;
  left: 20px;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease-in-out color;
}
.datepicker-dual-wrapper span.low, .datepicker-dual-wrapper span.high {
  z-index: 1;
  position: relative;
  display: inline-block;
  /* TODO: use some method for 50% width; font-size, nowrap */
  width: 50%;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  padding: 0 18px;
  transition: all 0.2s ease-in-out 0s;
}
.datepicker-dual-wrapper span.low:empty:before, .datepicker-dual-wrapper span.high:empty:before {
  color: #9fabbc;
  z-index: 1;
  position: relative;
  content: attr(data-placeholder);
}
.datepicker-dual-wrapper span.low {
  padding-left: 55px;
}
.datepicker-dual-wrapper .datepicker-controls {
  z-index: 1;
  position: absolute;
  height: 24px;
  top: 15px;
  color: #7b8da0;
  margin-right: 16px;
}
.datepicker-dual-wrapper .datepicker-controls i {
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease-in-out 0s;
}
.datepicker-dual-wrapper .datepicker-controls i:hover {
  color: #748597;
  background: #e9ecef;
}
.datepicker-dual-wrapper .datepicker-controls i:active {
  color: #5e6c7a;
}
.datepicker-dual-wrapper .datepicker-controls.low {
  right: 50%;
}
.datepicker-dual-wrapper .datepicker-controls.high {
  right: 0%;
}
.datepicker-dual-wrapper:focus {
  border: #1891ff solid 2px;
  outline: none;
  padding: 0;
}
.datepicker-dual-wrapper:focus:after {
  top: 10px;
}
.datepicker-dual-wrapper:focus .datepicker-icon {
  left: 19px;
  top: 14px;
}
.datepicker-dual-wrapper:focus .datepicker-controls {
  top: 14px;
}
.datepicker-dual-wrapper:focus .datepicker-controls.high {
  margin-right: 15px;
}
.datepicker-dual-wrapper.single span.low {
  width: 100%;
}
.datepicker-dual-wrapper.single:after {
  display: none;
}
.datepicker-dual-wrapper.single + .hasDatepicker {
  width: auto !important;
  /* Disable hover effects for single datepickers */
}
.datepicker-dual-wrapper.single + .hasDatepicker .ui-datepicker-title {
  pointer-events: none;
}
.datepicker-dual-wrapper.single .datepicker-controls {
  right: 0;
}
.datepicker-dual-wrapper.disabled {
  background: #e9ecef;
  border-color: #7b8da0;
  pointer-events: none;
}
.datepicker-dual-wrapper.disabled .datepicker-icon, .datepicker-dual-wrapper.disabled:after, .datepicker-dual-wrapper.disabled i {
  opacity: 0.5;
}
.datepicker-dual-wrapper.disabled span.low, .datepicker-dual-wrapper.disabled span.high {
  color: rgba(53, 64, 82, 0.5);
}
.datepicker-dual-wrapper:hover:before {
  opacity: 1;
}

.range-datepicker .range-datepicker-calendar {
  width: 100%;
}
.range-datepicker .range-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 16px;
  line-height: 19px;
  font-size: 16px;
  font-weight: bold;
  color: #333742;
  margin-bottom: 24px;
}
.range-datepicker .range-datepicker-header button {
  color: #7b8da0;
}
.range-datepicker .range-datepicker-header button:hover {
  color: #748597;
}
.range-datepicker .range-datepicker-header button:hover {
  background: #e9ecef;
  color: #354052;
}
.range-datepicker th, .range-datepicker td {
  text-align: center;
  color: #354052;
  font-size: 15px;
  width: 14.2857142857%;
}
.range-datepicker th {
  color: #7b8da0;
  font-size: 13px;
  font-weight: 500;
  height: 32px;
  vertical-align: top;
}
.range-datepicker td {
  padding: 0px;
  font-weight: bold;
  position: relative;
  border-top: 2px solid transparent;
}
.range-datepicker td a, .range-datepicker td span {
  text-decoration: none;
  color: #354052;
  width: 100%;
  height: 100%;
  padding: 50% 0;
  display: inline-block;
  line-height: 0;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}
.range-datepicker td a {
  z-index: 1;
  position: absolute;
  width: 300%;
  height: 100%;
  border-radius: 999px;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.range-datepicker td span {
  z-index: 1;
  pointer-events: none;
}
.range-datepicker td.select a, .range-datepicker td.select + td a, .range-datepicker td.select + td + td a {
  background-color: rgba(24, 145, 255, 0.2);
}
.range-datepicker td.hover a, .range-datepicker td.hover + td a, .range-datepicker td.hover + td + td a {
  background-color: #1891ff;
}
.range-datepicker td.active a, .range-datepicker td.active + td a, .range-datepicker td.active + td + td a {
  background-color: #1891ff;
}
.range-datepicker td.active span, .range-datepicker td.active + td span, .range-datepicker td.active + td + td span {
  color: white;
}
.range-datepicker td.select span {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.range-datepicker td.select + td + td span {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.range-datepicker td.today span:after {
  content: "";
  border: 2px solid #354052;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.small > .datepicker-dual-wrapper {
  width: 360px;
}
.small > .datepicker-dual-wrapper span.high {
  padding-left: 25px;
}
.small > .datepicker-dual-wrapper span.low {
  padding-left: 40px;
}
.small > .datepicker-dual-wrapper .datepicker-icon {
  left: 10px;
}
.small > .datepicker-dual-wrapper:after {
  height: 24px;
}
.small .ui-datepicker {
  padding: 13px 20px 13px 20px;
}
.small .ui-datepicker table.ui-datepicker-calendar td a, .small .ui-datepicker table.ui-datepicker-calendar td span {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.default .datepicker-dual-wrapper {
  width: 220px;
  overflow: hidden;
  align-items: center;
}
.default .datepicker-dual-wrapper span.datepicker-icon {
  position: relative;
  transform: none;
  left: 0;
  margin-left: 12px;
}
.default .datepicker-dual-wrapper span.low {
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.default .datepicker-dual-wrapper .datepicker-controls {
  position: static;
  margin-right: 12px;
}

.ui-datepicker {
  background: white;
  width: 100%;
  border: 1px solid #dfe3e9;
  border-radius: 4px;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 27px 41px 27px 41px;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  height: 48px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.ui-datepicker .ui-datepicker-header .datepicker-prev,
.ui-datepicker .ui-datepicker-header .datepicker-today,
.ui-datepicker .ui-datepicker-header .datepicker-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  border-radius: 2px;
}
.ui-datepicker .ui-datepicker-header .datepicker-prev:before,
.ui-datepicker .ui-datepicker-header .datepicker-today:before,
.ui-datepicker .ui-datepicker-header .datepicker-next:before {
  font-family: "Material Icons";
  color: #7b8da0;
  font-size: 24px;
  transition: 0.2s ease-in-out;
}
.ui-datepicker .ui-datepicker-header .datepicker-prev.datepicker-prev:before,
.ui-datepicker .ui-datepicker-header .datepicker-today.datepicker-prev:before,
.ui-datepicker .ui-datepicker-header .datepicker-next.datepicker-prev:before {
  content: "keyboard_arrow_left";
}
.ui-datepicker .ui-datepicker-header .datepicker-prev.datepicker-today:before,
.ui-datepicker .ui-datepicker-header .datepicker-today.datepicker-today:before,
.ui-datepicker .ui-datepicker-header .datepicker-next.datepicker-today:before {
  content: "today";
}
.ui-datepicker .ui-datepicker-header .datepicker-prev.datepicker-next:before,
.ui-datepicker .ui-datepicker-header .datepicker-today.datepicker-next:before,
.ui-datepicker .ui-datepicker-header .datepicker-next.datepicker-next:before {
  content: "keyboard_arrow_right";
}
.ui-datepicker .ui-datepicker-header .datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .datepicker-today:hover,
.ui-datepicker .ui-datepicker-header .datepicker-next:hover {
  background: #e9ecef;
}
.ui-datepicker .ui-datepicker-header .datepicker-prev:hover:before,
.ui-datepicker .ui-datepicker-header .datepicker-today:hover:before,
.ui-datepicker .ui-datepicker-header .datepicker-next:hover:before {
  color: #354052;
}
.ui-datepicker .ui-datepicker-title, .ui-datepicker .range-datepicker-title {
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  display: inline-block;
  padding: 7px 16px;
  line-height: 19px;
  font-size: 16px;
  font-weight: bold;
  color: #333742;
  cursor: pointer;
  margin: 0;
}
.ui-datepicker .ui-datepicker-title:hover, .ui-datepicker .ui-datepicker-title:focus, .ui-datepicker .range-datepicker-title:hover, .ui-datepicker .range-datepicker-title:focus {
  background-color: #e9ecef;
  color: #333742;
}
.ui-datepicker .ui-datepicker-title:active, .ui-datepicker .range-datepicker-title:active {
  background-color: #1891ff;
  color: #fff;
}
.ui-datepicker table.ui-datepicker-calendar {
  margin: 13px auto;
}
.ui-datepicker table.ui-datepicker-calendar th, .ui-datepicker table.ui-datepicker-calendar td {
  width: 37px;
  height: 37px;
  text-align: center;
  color: #354052;
  font-size: 12px;
  font-weight: 500;
}
.ui-datepicker table.ui-datepicker-calendar th {
  opacity: 0.5;
  font-size: 10px;
}
.ui-datepicker table.ui-datepicker-calendar td {
  padding: 0px;
  border-top: 2px solid transparent;
}
.ui-datepicker table.ui-datepicker-calendar td a, .ui-datepicker table.ui-datepicker-calendar td span {
  text-decoration: none;
  color: #354052;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 28px;
  position: relative;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled {
  opacity: 0.5;
}
.ui-datepicker table.ui-datepicker-calendar td.has-action span:after {
  opacity: 0.5;
  content: "";
  background: #ced0da;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}
.ui-datepicker table.ui-datepicker-calendar td.has-action a:after {
  content: "";
  background: #ced0da;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}
.ui-datepicker + .pure-button {
  bottom: 16px !important;
  right: 16px !important;
  width: auto;
  padding: 0 24px;
}

.ui-datepicker table.ui-datepicker-calendar td {
  transition: background-color 0.2s ease-in-out;
  position: relative;
}
.ui-datepicker table.ui-datepicker-calendar td a,
.ui-datepicker table.ui-datepicker-calendar td span {
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  z-index: 1;
  width: 48px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  font-size: 15px;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 0px;
  font-weight: bold;
}
.ui-datepicker table.ui-datepicker-calendar td.dp-highlight {
  background-color: #d1e9ff;
}
.ui-datepicker table.ui-datepicker-calendar td.dp-today a {
  border-color: #354052;
}
.ui-datepicker table.ui-datepicker-calendar td.dp-selected a {
  background-color: #1891ff;
  border-color: #1891ff;
  color: #fff;
}
.ui-datepicker table.ui-datepicker-calendar td.dp-hover a {
  background-color: #fff;
  border-color: #1891ff;
  color: #1891ff;
  opacity: 1;
}
.ui-datepicker table.ui-datepicker-calendar td:before,
.ui-datepicker table.ui-datepicker-calendar td:after {
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  top: -0.5px;
  width: 50%;
  height: 100%;
  display: block;
  content: "";
}
.ui-datepicker table.ui-datepicker-calendar td:before {
  left: 0%;
}
.ui-datepicker table.ui-datepicker-calendar td:after {
  left: 50%;
}
.ui-datepicker table.ui-datepicker-calendar td.dp-low:before {
  background-color: #fff;
}
.ui-datepicker table.ui-datepicker-calendar td.dp-high:after {
  background-color: #fff;
}

form.pure-form input, form input {
  box-shadow: none !important;
  border-radius: 4px;
  font-size: 14px;
  color: #354052;
  padding: 14px;
}
form.pure-form input[readonly], form input[readonly] {
  background: #f7f9fa;
  border-color: #b8c5d1 !important;
  font-weight: 500;
}
form.pure-form input[readonly]:focus, form input[readonly]:focus {
  border: 1px solid #b8c5d1;
  padding: 0 20px;
}
form.pure-form input[readonly]:focus + label, form input[readonly]:focus + label {
  color: #7b8da0;
}
form.pure-form input[readonly].blue-bg, form input[readonly].blue-bg {
  background: #1891ff;
  color: white;
  border: none;
}
form.pure-form.stack-labels input, form.stack-labels input {
  width: 100%;
}

form.pure-form fieldset, form fieldset {
  padding: 0;
}

.concierge-checkbox {
  height: auto !important;
  margin-right: 10px;
}

.d-inline-table {
  display: inline-table !important;
}

.concession-terms-input input[type=number] {
  -moz-appearance: textfield;
}
.concession-terms-input input::-webkit-outer-spin-button,
.concession-terms-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.default-radio-wrapper {
  height: 48px;
  display: flex;
  align-items: center;
}
.default-radio-wrapper.radio-column {
  flex-direction: column;
  align-items: flex-start;
}
.default-radio-wrapper.radio-column .radio-option {
  margin-bottom: 2px;
}
.default-radio-wrapper .radio-option {
  display: inline-flex;
  margin-right: 16px;
}
.default-radio-wrapper .radio-option label {
  width: auto;
  display: flex;
  align-items: center;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  color: #354052;
}
.default-radio-wrapper .radio-option label:before {
  content: "\f111";
  font-family: "FontAwesome";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #b8c5d1;
  display: inline-block;
  margin-right: 8px;
  transition: all 0.2s ease-in-out 0s;
  line-height: 24px;
  text-align: center;
  font-size: 10px;
  color: transparent;
}
.default-radio-wrapper .radio-option label:after {
  display: none;
}
.default-radio-wrapper .radio-option label:hover:before {
  background: #1891ff;
}
.default-radio-wrapper .radio-option input {
  visibility: hidden;
  width: 0;
  position: absolute;
  left: -9999px;
}
.default-radio-wrapper .radio-option input:checked + label:before {
  background: #1891ff;
  border-color: #1891ff;
  color: white;
}

.pure-radio {
  display: inline-block;
  font-size: 14px;
  color: #354052;
}
.pure-radio .box {
  height: 120px;
  border-radius: 4px;
  border: 1px solid #b8c5d1;
  display: block;
  line-height: 120px;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  background: white;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.pure-radio input:checked + .box {
  background: #1891ff;
  border-color: #1891ff;
  color: white;
}
.pure-radio:hover .box {
  border: 1px solid #1891ff;
  background: rgba(24, 145, 255, 0.15);
}
.pure-radio input {
  display: none;
}
.pure-radio input + span.circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #cfd1db;
  vertical-align: sub;
  margin-right: 7px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfefe+0,f2f4f7+100 */
  background: rgb(253, 254, 254); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(253, 254, 254) 0%, rgb(242, 244, 247) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(253, 254, 254) 0%, rgb(242, 244, 247) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(253, 254, 254) 0%, rgb(242, 244, 247) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfefe", endColorstr="#f2f4f7",GradientType=0 ); /* IE6-9 */
}
.pure-radio input:checked + span.circle {
  border: 5px solid #1a86ff;
  background: white;
}
.pure-radio input:checked + span.circle + span {
  font-weight: 500;
}

.slider-wrapper {
  overflow: hidden;
}
.slider-wrapper label {
  display: inline-block !important;
  width: auto !important;
}
.slider-wrapper label + span {
  color: #3b3939;
  font-size: 18px;
  font-weight: 500;
  margin-left: 24px;
  transition: all 0.2s ease-in-out 0s;
}
.slider-wrapper .ui-slider {
  height: 4px;
  background: #e9ecef;
  position: relative;
  border: none;
  margin: 6px 7px 6px 10px;
  transition: all 0.2s ease-in-out 0s;
}
.slider-wrapper .ui-slider .ui-slider-range {
  position: absolute;
  height: 4px;
  background: #1891ff;
  transition: 0.2s ease-in-out background, 0.2s ease-in-out opacity, 0.1s linear width, 0.1s linear left;
}
.slider-wrapper .ui-slider .ui-slider-handle {
  width: 16px;
  height: 16px;
  background: #1891ff;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -6px;
  border: none;
  cursor: ew-resize;
  transition: 0.2s ease-in-out background, 0.1s linear left;
}
.slider-wrapper .ui-slider .ui-slider-handle:before {
  content: "";
  position: absolute;
  right: 0;
  background: #1891ff;
  height: 4px;
  width: 10000px;
  top: 6px;
  pointer-events: none;
  transition: 0.2s ease-in-out background;
}
.slider-wrapper .ui-slider.disabled .ui-slider-range {
  background: #7b8da0;
  opacity: 0.5;
}
.slider-wrapper .ui-slider.disabled .ui-slider-handle {
  background: #9a9fa8;
}
.slider-wrapper .ui-slider.disabled .ui-slider-handle:before {
  background: #9a9fa8;
}
.slider-wrapper.disabled label {
  color: #dbe2e8;
}
.slider-wrapper.disabled label + span {
  color: #dbe2e8;
}

.pure-form span.rounded-input, span.rounded-input {
  position: relative;
  display: block;
}
.pure-form span.rounded-input input, span.rounded-input input {
  border-radius: 360px;
  font-size: 15px;
  padding-left: 40px;
  font-weight: 400;
  border: 1px solid #d8dfe6;
  transition: 0.2s ease-in-out;
  width: 220px;
}
.pure-form span.rounded-input input:hover, span.rounded-input input:hover {
  border: solid 1px #9fabbc;
}
.pure-form span.rounded-input input:focus, span.rounded-input input:focus {
  border: solid 2px #1891ff;
  outline: none;
  padding-left: 39px;
  padding-right: 1px;
}
.pure-form span.rounded-input input:placeholder-shown + i + button, span.rounded-input input:placeholder-shown + i + button {
  opacity: 0;
  pointer-events: none;
}
.pure-form span.rounded-input.full-width input, span.rounded-input.full-width input {
  width: 100%;
}
.pure-form span.rounded-input input:focus + i, .pure-form span.rounded-input input:hover + i, span.rounded-input input:focus + i, span.rounded-input input:hover + i {
  opacity: 1;
}
.pure-form span.rounded-input ::-webkit-input-placeholder, span.rounded-input ::-webkit-input-placeholder {
  color: #9fabbc;
}
.pure-form span.rounded-input ::-moz-placeholder, span.rounded-input ::-moz-placeholder {
  color: #9fabbc;
}
.pure-form span.rounded-input ::-ms-input-placeholder, span.rounded-input ::-ms-input-placeholder {
  color: #9fabbc;
}
.pure-form span.rounded-input :-moz-placeholder, span.rounded-input :-moz-placeholder {
  color: #9fabbc;
}
.pure-form span.rounded-input i, span.rounded-input i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #9fabbc;
  opacity: 0.5;
  transition: all 0.2s ease-in-out 0s;
}
.pure-form span.rounded-input button.clear, span.rounded-input button.clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #7b8da0;
}
.pure-form span.rounded-input button.clear:hover, span.rounded-input button.clear:hover {
  color: #354052;
}

.pure-form.search-agents span.rounded-input {
  margin-right: 16px;
}
.pure-form.search-agents span.rounded-input input {
  border-radius: 20px;
  width: 348px;
}
.pure-form.search-agents span.rounded-input i {
  top: 8px;
}

select {
  box-shadow: none !important;
  border-radius: 4px;
  border: 1px solid #9fabbc;
  font-size: 14px;
  color: #354052;
  padding: 9px 14px;
  height: 42px;
  line-height: 42px;
  min-width: 126px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdffff+0,f3f4f7+100 */
  background: rgb(253, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(253, 255, 255) 0%, rgb(243, 244, 247) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(253, 255, 255) 0%, rgb(243, 244, 247) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(253, 255, 255) 0%, rgb(243, 244, 247) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdffff", endColorstr="#f3f4f7",GradientType=0 ); /* IE6-9 */
}
select[disabled], select:disabled {
  background: #e9edf1;
  color: #959ca7 !important;
}
select.small {
  height: 32px;
  padding: 4px 12px;
}

form.pure-form .bb-dropdown {
  width: 136px;
}
form.pure-form .bb-dropdown select {
  width: 100%;
}
form.pure-form .dropdown-button {
  width: 100%;
}

.range-text {
  margin-top: 40px;
  font-size: 15px;
  font-weight: 500;
  color: #9fabbc;
  padding-left: 3px;
}

.ellipsis-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  padding: 0;
  min-width: 0;
}

.ellipsis-select:focus {
  outline: none;
}

textarea {
  box-shadow: none !important;
  border-radius: 4px;
  border: 1px solid #9fabbc;
  font-size: 14px;
  color: #354052;
  padding: 14px;
  min-height: 42px;
  line-height: 21px;
}
textarea[readonly] {
  background: #d8dfe6;
}

form.pure-form textarea, form textarea {
  height: 115px;
  resize: none;
  line-height: 21px;
}
form.pure-form textarea[readonly]:focus, form textarea[readonly]:focus {
  padding: 14px;
}
form.pure-form .textarea-wrapper, form .textarea-wrapper {
  flex: 1;
  border: 1px solid #b8c5d1;
  background: white;
  border-radius: 4px;
  padding: 1px;
  position: relative;
  transition: border-color 0.2s ease-in-out 0s;
}
form.pure-form .textarea-wrapper:hover, form .textarea-wrapper:hover {
  border: solid 1px #9fabbc;
}
form.pure-form .textarea-wrapper.focus, form .textarea-wrapper.focus {
  border: solid 2px #1891ff;
  padding: 0px;
}
form.pure-form .textarea-wrapper.focus.comment-area-notification::before, form .textarea-wrapper.focus.comment-area-notification::before {
  content: "Ctrl+Enter to Submit";
  color: #9fabbc;
  background-color: #D8DFE6;
  position: absolute;
  left: 0px;
  top: -2px;
  padding: 0px 3px;
  z-index: 999;
  border-radius: 5px 5px 0px 0px;
  font-size: 12px;
  transform: translateY(-100%);
}
form.pure-form .textarea-wrapper.focus.comment-area-notification.mac::before, form .textarea-wrapper.focus.comment-area-notification.mac::before {
  content: "CMD⌘+Enter to Submit";
}
form.pure-form .textarea-wrapper textarea, form .textarea-wrapper textarea {
  background: transparent;
  border: none;
  min-height: 110px;
  height: auto;
  width: 100%;
}
form.pure-form .textarea-wrapper .textarea-elements, form .textarea-wrapper .textarea-elements {
  padding: 0 24px 16px 24px;
  overflow: hidden;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments, form .textarea-wrapper .textarea-elements .textarea-attachments {
  margin: 0;
  padding: 0;
  border: none;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li, form .textarea-wrapper .textarea-elements .textarea-attachments li {
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 2px;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding: 6px 8px;
  margin: 8px -8px 0 -8px;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li:first-child, form .textarea-wrapper .textarea-elements .textarea-attachments li:first-child {
  margin-top: 0;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li:hover, form .textarea-wrapper .textarea-elements .textarea-attachments li:hover {
  border-color: #d8dfe6;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li .file-details, form .textarea-wrapper .textarea-elements .textarea-attachments li .file-details {
  display: inline-flex;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li .file-details .icon, form .textarea-wrapper .textarea-elements .textarea-attachments li .file-details .icon {
  font-size: 20px;
  color: #7b8da0;
  margin-right: 12px;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li .file-details .file-name, form .textarea-wrapper .textarea-elements .textarea-attachments li .file-details .file-name {
  margin-right: 8px;
  font-weight: bold;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li .attachment-actions, form .textarea-wrapper .textarea-elements .textarea-attachments li .attachment-actions {
  display: inline-flex;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li .attachment-actions button, form .textarea-wrapper .textarea-elements .textarea-attachments li .attachment-actions button {
  padding: 0;
  height: 20px;
  color: #7b8da0;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-attachments li .attachment-actions button i, form .textarea-wrapper .textarea-elements .textarea-attachments li .attachment-actions button i {
  font-size: 20px;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-actions, form .textarea-wrapper .textarea-elements .textarea-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-actions .pure-button, form .textarea-wrapper .textarea-elements .textarea-actions .pure-button {
  width: auto;
  margin-left: 32px;
  padding: 0 24px;
}
form.pure-form .textarea-wrapper .textarea-elements .textarea-actions .icon-btn, form .textarea-wrapper .textarea-elements .textarea-actions .icon-btn {
  font-size: 24px;
  color: #1891ff;
}

.trumbowyg-box {
  margin: 0;
  border-radius: 4px;
  border: 1px solid #9fabbc;
  min-height: auto;
}
.trumbowyg-box .trumbowyg-button-pane {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #F4F6FC;
  border-bottom: 1px solid #9fabbc;
}
.trumbowyg-box .trumbowyg-button-pane:after, .trumbowyg-box .trumbowyg-button-pane .trumbowyg-button-group:after {
  background: #9fabbc;
}
.trumbowyg-box svg {
  fill: #333742;
}
.trumbowyg-box .trumbowyg-editor {
  padding: 14px;
  color: #354052;
  min-height: 150px;
}
.trumbowyg-box textarea {
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 0 !important;
}

/* Components */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-leave-active {
  height: 0;
  overflow: visible;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade-move {
  transition: transform 0.5s;
}

.panel {
  position: relative;
  border-radius: 4px;
  background: white;
  padding: 24px;
  box-shadow: 0 4px 8px 0 rgba(53, 64, 82, 0.1);
}
.panel.small {
  padding: 12px 24px 20px 24px;
}
.panel.small h6 {
  margin-bottom: 12px;
  font-weight: bold;
}
.panel.small h2 {
  font-size: 48px;
  line-height: 48px;
}
.panel.small h3 {
  font-size: 22px;
}
.panel.tiny {
  padding: 12px 24px 8px 24px;
}
.panel.tiny h6 {
  margin-bottom: 4px;
  font-weight: bold;
}
.panel.tiny h2 {
  font-size: 36px;
  line-height: 36px;
}
.panel.feed {
  padding: 0;
  min-height: 150px;
}
.panel.feed .item {
  padding: 24px 30px 15px 30px;
  border-top: 1px solid #dfe2e5;
}
.panel.feed .item:first-child {
  border: none;
}
.panel.feed .item .post-data {
  border-top: 1px solid #f2f3f5;
  margin-top: 20px;
  padding-top: 13px;
  font-size: 12px;
  color: #7f8fa4;
}
.panel.feed .item .post-data .user {
  margin-right: 40px;
}
.panel.feed .item .post-data .date {
  margin-right: 10px;
}
.panel .label-stat {
  margin-top: 20px;
  position: relative;
}
.panel .label-stat .label {
  font-size: 16px;
  color: #7b8da0;
  display: inline-block;
}
.panel .label-stat .stat {
  font-size: 36px;
  font-weight: bold;
  color: #1891ff;
  display: block;
}
.panel .label-stat + .label-stat:before {
  content: "";
  height: 1px;
  width: 66px;
  display: block;
  background: #dfe2e5;
  margin-bottom: 20px;
}
.panel.border {
  border: 1px solid #d8dfe6;
}
.panel.no-shadow {
  box-shadow: none;
}
.panel .panel-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.touching-panels > div {
  background-color: white;
  border: 1px solid #e3e5e8;
  height: 575px;
  border-right-width: 0;
}
.touching-panels > div:last-child {
  border-right-width: 1px;
}
.touching-panels > div .touching-panels-header {
  background: #7b8da0;
  color: white;
  text-align: center;
  padding: 11px 16px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.touching-panels > div.active a {
  color: #1891ff;
}
.touching-panels > div.active .touching-panels-header {
  background: #1891ff;
}

.ui-tabs .ui-tabs-panel {
  padding: 0;
}

.ui-tabs .ui-tabs-panel[aria-hidden=true] {
  height: 0;
}

#comments-tab-content {
  /*padding:0 12px;*/
}
#comments-tab-content .comments-date {
  margin-top: 40px;
}
#comments-tab-content .comments-date h5 {
  margin-bottom: 8px;
}
#comments-tab-content .comment {
  display: flex;
  margin-bottom: 16px;
}
#comments-tab-content .comment .user-thumb {
  margin-right: 32px;
}
#comments-tab-content .comment .comment-text {
  background: #d8dfe6;
  border-radius: 0 4px 4px 4px;
  position: relative;
  padding: 8px 16px;
  flex: 1;
}
#comments-tab-content .comment .comment-text p {
  font-size: 14px;
  line-height: 24px;
  white-space: pre-wrap;
}
#comments-tab-content .comment .comment-text .attribute {
  font-size: 13px;
  opacity: 0.7;
}
#comments-tab-content .comment .comment-text:before {
  content: "";
  background: url(/assets/img/bubble-corner.svg);
  height: 24px;
  width: 15px;
  position: absolute;
  left: -15px;
  top: 0;
}
#comments-tab-content .comment .comment-text.light-red-bg:before {
  background: url(/assets/img/bubble-corner-red.svg);
}
#comments-tab-content .comment .comment-text.draft-text:before {
  background: none;
}
#comments-tab-content .comment form {
  display: flex;
  flex: 1;
}
#comments-tab-content .comment form textarea {
  width: 100%;
}
#comments-tab-content .comment .actions {
  margin-left: 24px;
  margin-right: 4px;
  margin-top: 16px;
}
#comments-tab-content .comment .actions button {
  color: #7b8da0;
  margin: 0 8px;
  border-radius: 4px;
  width: 28px;
  height: 28px;
}
#comments-tab-content .comment .actions button i {
  vertical-align: middle;
}
#comments-tab-content .comment .actions button:hover {
  background: #e9ecef;
}
#comments-tab-content .pure-button.btn-lg {
  display: block;
  width: auto;
  margin: 24px auto 0 auto;
}
#comments-tab-content .pure-button.btn-lg i {
  vertical-align: sub;
  font-size: 20px;
}

#client-feedback-tab-content, #agent-feedback-tab-content {
  /*padding:0 12px;*/
}
#client-feedback-tab-content .feedback-date, #agent-feedback-tab-content .feedback-date {
  margin-top: 40px;
}
#client-feedback-tab-content .feedback-date h5, #agent-feedback-tab-content .feedback-date h5 {
  margin-bottom: 8px;
}
#client-feedback-tab-content .feedback, #agent-feedback-tab-content .feedback {
  display: flex;
  margin-bottom: 16px;
}
#client-feedback-tab-content .feedback .feedback-text, #agent-feedback-tab-content .feedback .feedback-text {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 64px;
  background: #d8dfe6;
  border-radius: 0 4px 4px 4px;
  position: relative;
  padding: 8px 16px;
  flex: 1;
}
#client-feedback-tab-content .feedback .feedback-text p, #agent-feedback-tab-content .feedback .feedback-text p {
  font-size: 14px;
  line-height: 24px;
  white-space: pre-wrap;
}
#client-feedback-tab-content .feedback .feedback-text .attribute, #agent-feedback-tab-content .feedback .feedback-text .attribute {
  font-size: 13px;
  opacity: 0.7;
}
#client-feedback-tab-content .feedback .feedback-text:before, #agent-feedback-tab-content .feedback .feedback-text:before {
  content: "";
  background: url(/assets/img/bubble-corner.svg);
  height: 24px;
  width: 15px;
  position: absolute;
  left: -15px;
  top: 0;
}
#client-feedback-tab-content .feedback .feedback-text.light-red-bg:before, #agent-feedback-tab-content .feedback .feedback-text.light-red-bg:before {
  background: url(/assets/img/bubble-corner-red.svg);
}
#client-feedback-tab-content .feedback form, #agent-feedback-tab-content .feedback form {
  display: flex;
  flex: 1;
  flex-direction: column;
}
#client-feedback-tab-content .feedback form textarea, #agent-feedback-tab-content .feedback form textarea {
  width: 100%;
}
#client-feedback-tab-content .feedback .actions, #agent-feedback-tab-content .feedback .actions {
  margin-left: 24px;
  margin-right: 4px;
  margin-top: 16px;
}
#client-feedback-tab-content .feedback .actions button, #agent-feedback-tab-content .feedback .actions button {
  color: #7b8da0;
  margin: 0 8px;
  border-radius: 4px;
  width: 28px;
  height: 28px;
}
#client-feedback-tab-content .feedback .actions button i, #agent-feedback-tab-content .feedback .actions button i {
  vertical-align: middle;
}
#client-feedback-tab-content .feedback .actions button:hover, #agent-feedback-tab-content .feedback .actions button:hover {
  background: #e9ecef;
}
#client-feedback-tab-content .pure-button.btn-lg, #agent-feedback-tab-content .pure-button.btn-lg {
  display: block;
  width: auto;
  margin: 24px auto 0 auto;
}
#client-feedback-tab-content .pure-button.btn-lg i, #agent-feedback-tab-content .pure-button.btn-lg i {
  vertical-align: sub;
  font-size: 20px;
}

#actions-tab-content .actions-date {
  margin-top: 40px;
}
#actions-tab-content .actions-date .icon {
  height: auto;
}
#actions-tab-content .actions-date h5 {
  margin-bottom: 8px;
}
#actions-tab-content .action {
  display: flex;
  margin-bottom: 16px;
}
#actions-tab-content .action .icon-wrapper {
  margin-left: 24px;
  width: 48px;
  margin-right: 32px;
}
#actions-tab-content .action .icon-wrapper .icon, #actions-tab-content .action .icon-wrapper .user-thumb {
  height: 48px;
  background: #1891ff;
  border-radius: 50%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
#actions-tab-content .action .icon-wrapper .icon svg, #actions-tab-content .action .icon-wrapper .user-thumb svg {
  width: 20px;
  fill: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
#actions-tab-content .action .action-text {
  padding: 14px 24px;
  flex: 1;
}
#actions-tab-content .action .action-text p {
  font-size: 14px;
  line-height: 24px;
}
#actions-tab-content .action .action-text .attribute {
  font-size: 13px;
  opacity: 0.7;
}
#actions-tab-content .action.action-comment {
  margin-top: -32px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#actions-tab-content .action .chat-bubble {
  display: flex;
  background: #d2d8e0;
  border-radius: 1%/55%;
  border-bottom-right-radius: 0 !important;
  padding: 15px 15px 15px 15px;
  box-shadow: -0.8em 0.75em 1em -0.5em gray;
  overflow-wrap: anywhere !important;
}

#requests-tab-content .date-created {
  white-space: normal;
  flex: none;
  width: 160px;
}
#requests-tab-content .request-details {
  flex: 3;
}
#requests-tab-content .agent {
  flex: 2;
}
#requests-tab-content .status {
  flex: none;
  width: 250px;
}
#requests-tab-content .table-row {
  padding: 12px 0;
}
#requests-tab-content .status-dot {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
#requests-tab-content .property-link {
  text-decoration: underline;
  color: #1891ff;
}

.marketing-badge {
  line-height: 0;
  display: flex;
  margin-top: 0px;
  align-items: center;
  color: #219150;
}

.inline-tabs {
  background: none;
  border: none;
  border-radius: 0;
  color: #354052;
  padding: 0;
  position: relative;
}
.inline-tabs > ul {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: none;
  color: #354052;
  border-bottom: 1px solid #d8dfe6;
  position: relative;
}
.inline-tabs > ul:after {
  clear: both;
  content: "";
  display: table;
  border-collapse: collapse;
}
.inline-tabs > ul li {
  background: none;
  margin: 0;
  border: none;
  border-radius: 0;
  margin: 0 14px;
  float: left;
  list-style-type: none;
  position: relative;
}
.inline-tabs > ul li button, .inline-tabs > ul li a {
  float: none;
  color: #9fabbc;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding: 8px 16px;
  cursor: pointer;
  display: block;
  background: transparent;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
.inline-tabs > ul li button:hover, .inline-tabs > ul li a:hover {
  color: #1891ff;
}
.inline-tabs > ul li button:after, .inline-tabs > ul li a:after {
  content: "";
  height: 2px;
  width: 36px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1px;
}
.inline-tabs > ul li.active button, .inline-tabs > ul li.active a {
  color: #1891ff;
}
.inline-tabs > ul li.active button:after, .inline-tabs > ul li.active a:after {
  background: #1891ff;
}
.inline-tabs .tab-content {
  position: relative;
}
.inline-tabs.full-width-border ul {
  margin-left: -16px;
}
.inline-tabs.full-width-border ul li button, .inline-tabs.full-width-border ul li a {
  color: #7b8da0;
  padding: 8px 0 16px 0;
  font-size: 14px;
}
.inline-tabs.full-width-border ul li button:hover, .inline-tabs.full-width-border ul li a:hover {
  color: #354052;
}
.inline-tabs.full-width-border ul li button:after, .inline-tabs.full-width-border ul li a:after {
  width: 100%;
  height: 4px;
}
.inline-tabs.full-width-border ul li.active button, .inline-tabs.full-width-border ul li.active a {
  color: #354052;
}

.pill-tabs {
  margin: 0;
  padding: 0;
  display: flex;
}
.pill-tabs label {
  background: white;
  border: 1px solid #e3e5e8;
  list-style-type: none;
  display: inline-block;
  width: 68px;
  margin-right: -1px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  display: block;
  margin-bottom: 0 !important;
  transition: all 0.2s ease-in-out 0s;
}
.pill-tabs label:hover {
  border-color: #1891ff;
}
.pill-tabs label:hover + input + label {
  border-left-color: #1891ff;
}
.pill-tabs input:first-child + label {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pill-tabs label:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pill-tabs input {
  visibility: hidden;
  height: 0 !important;
  width: 0;
  line-height: 0 !important;
  padding: 0 !important;
}
.pill-tabs input:checked + label {
  background: #1891ff;
  color: white;
  border-color: #1891ff;
}
.pill-tabs input:checked + label + input + label {
  border-left-color: #1891ff;
}
.pill-tabs input[disabled] + label {
  pointer-events: none;
}
.pill-tabs input[disabled]:checked + label {
  background-color: #ebeded;
  color: rgba(53, 64, 82, 0.5);
  border-color: #7b8da0;
}
.pill-tabs input[disabled]:checked + label + input + label {
  border-left-color: transparent;
}
.pill-tabs.small label {
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.pill-tabs.tiny label {
  height: 26px;
  line-height: 20px;
  width: auto;
  font-size: 12px;
  padding: 2px 8px;
}

.flex-tabs input:first-child + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.flex-tabs label:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.flex-tabs span:first-child input + label {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.flex-tabs span:last-child input + label {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.custom-search-wrapper {
  border: 1px solid #d8dfe6;
  border-radius: 4px;
}
.custom-search-wrapper .search-wrap {
  display: flex;
  background: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0 24px;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper {
  flex: 1;
  min-height: 92px;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper ::-webkit-input-placeholder {
  color: #9fabbc;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper ::-moz-placeholder {
  color: #9fabbc;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper ::-ms-input-placeholder {
  color: #9fabbc;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper :-moz-placeholder {
  color: #9fabbc;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper input {
  max-width: 100%;
  height: 28px;
  line-height: 28px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  font-size: 18px;
  border: none;
  width: auto;
  transition: all 0.2s ease-in-out 0s;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper input:placeholder-shown {
  padding-left: 0;
  border-color: transparent;
  /*padding-right:40px;*/
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper input:focus:placeholder-shown, .custom-search-wrapper .search-wrap .autocomplete-wrapper input:active:placeholder-shown {
  padding-left: 0;
  border-color: transparent !important;
  padding-right: 40px;
}
.custom-search-wrapper .search-wrap .autocomplete-wrapper .selected-tag {
  background: #9fabbc;
  border-radius: 4px;
  margin: 0 8px 8px 0;
}
.custom-search-wrapper .search-wrap .search-actions {
  margin-left: 32px;
  padding: 16px 0;
}
.custom-search-wrapper .search-wrap .search-actions button {
  width: auto;
}
.custom-search-wrapper .filters-wrap {
  background: red;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #f8fcff;
  border-top: 1px solid #d8dfe6;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap {
  display: inline-flex;
  flex: 1;
  flex-wrap: wrap;
  margin: -1px 0 -1px -1px;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > a {
  margin-left: auto;
  margin-right: 24px;
  align-self: center;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > button, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button {
  width: auto;
  height: 56px;
  line-height: 56px;
  padding: 0 48px 0 24px;
  color: #7b8da0;
  border-radius: 0;
  margin-right: -1px;
  border: 1px solid transparent;
  background: transparent;
  font-weight: 500;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > button:before, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:before, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:before {
  display: none;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > button:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:after {
  font-family: "Material Icons";
  font-size: 20px;
  color: #7b8da0;
  position: absolute;
  right: 24px;
  top: 0;
  content: "\e313";
  opacity: 1;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > button:hover, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:hover, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:hover {
  background: white;
  border-color: #9fabbc;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > button:active, .custom-search-wrapper .filters-wrap .dropdowns-wrap > button:focus, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:active, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:focus, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:active, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:focus {
  border: 1px solid #354052;
  background: white;
  box-shadow: none;
  color: #354052;
  z-index: 1;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > button:active:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > button:focus:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:active:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .ui-button:focus:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:active:after, .custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option > .pure-button:focus:after {
  color: #354052;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap .search-option {
  position: relative;
  z-index: 1;
}
.custom-search-wrapper .filters-wrap .dropdowns-wrap > .search-option:first-child .pure-button {
  border-bottom-left-radius: 4px;
}
.custom-search-wrapper .filters-wrap .autocomplete-wrapper input {
  width: auto;
}
.custom-search-wrapper .filters-wrap .checkboxes-wrap {
  display: flex;
  align-items: center;
}
.custom-search-wrapper #marketChannel-button {
  width: 240px !important;
}

.user-thumb {
  background-size: cover !important;
  background-position: 50% 50% !important;
  border-radius: 50%;
  flex: none;
  height: 48px;
  width: 48px;
}
.user-thumb.tiny {
  height: 32px;
  width: 32px;
}
.user-thumb.small {
  height: 40px;
  width: 40px;
}
.user-thumb.large {
  height: 56px;
  width: 56px;
}

.agent-list {
  padding: 0 16px;
}
.agent-list .agent-table {
  padding: 0;
  margin: 0;
}
.agent-list .agent-table li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  margin-top: 8px;
  padding: 0 8px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  border-radius: 4px;
}
.agent-list .agent-table li > div {
  display: inline-flex;
  align-items: center;
}
.agent-list .agent-table li:hover {
  background: rgba(24, 145, 255, 0.15);
}
.agent-list .agent-table li.selected {
  color: white;
  background: #1891ff;
  border-color: #1891ff;
}

ul.agent-list.table, ol.agent-list.table {
  padding: 0;
}
ul.agent-list.table li, ol.agent-list.table li {
  list-style-type: none;
  justify-content: space-between;
  border-top: 1px solid #e9ecef;
  padding: 8px 0;
}
ul.agent-list.table li:first-child, ol.agent-list.table li:first-child {
  border-top: none;
}
ul.agent-list.table li div, ol.agent-list.table li div {
  display: inline-flex;
  align-items: center;
}
ul.agent-list.table li div h5.small, ul.agent-list.table li div h6.small, ol.agent-list.table li div h5.small, ol.agent-list.table li div h6.small {
  color: #7b8da0;
}
ul.agent-list.table li.nested, ol.agent-list.table li.nested {
  padding: 0;
}
ul.agent-list.table li.nested ul, ol.agent-list.table li.nested ul {
  padding-left: 32px;
}
ul.agent-list.table li.nested ul li, ol.agent-list.table li.nested ul li {
  padding: 8px 0;
}
ul.agent-list.table li.emphasized, ol.agent-list.table li.emphasized {
  background: #e9ecef;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
  border-radius: 4px;
}
ul.agent-list.table.clickable li h6, ol.agent-list.table.clickable li h6 {
  padding: 4px 6px;
  cursor: pointer;
  border-radius: 4px;
}
ul.agent-list.table.clickable li h6:hover, ol.agent-list.table.clickable li h6:hover {
  background: rgba(24, 145, 255, 0.5);
}
ul.agent-list.table.clickable li.selected h6, ol.agent-list.table.clickable li.selected h6 {
  background: rgb(24, 145, 255);
}

.property-list {
  padding: 0 16px;
}
.property-list .property-table {
  padding: 0;
  margin: 0;
}
.property-list .property-table li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  margin-top: 8px;
  padding: 0 8px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  border-radius: 4px;
}
.property-list .property-table li > div {
  display: inline-flex;
  align-items: center;
}
.property-list .property-table li:hover {
  background: rgba(24, 145, 255, 0.15);
}
.property-list .property-table li.selected {
  color: white;
  background: #1891ff;
  border-color: #1891ff;
}

ul.property-list.table, ol.property-list.table {
  padding: 0;
}
ul.property-list.table li, ol.property-list.table li {
  list-style-type: none;
  justify-content: space-between;
  border-top: 1px solid #e9ecef;
  padding: 8px 0;
}
ul.property-list.table li:first-child, ol.property-list.table li:first-child {
  border-top: none;
}
ul.property-list.table li div, ol.property-list.table li div {
  display: inline-flex;
  align-items: center;
}
ul.property-list.table li div h5.small, ul.property-list.table li div h6.small, ol.property-list.table li div h5.small, ol.property-list.table li div h6.small {
  color: #7b8da0;
}
ul.property-list.table li.nested, ol.property-list.table li.nested {
  padding: 0;
}
ul.property-list.table li.nested ul, ol.property-list.table li.nested ul {
  padding-left: 32px;
}
ul.property-list.table li.nested ul li, ol.property-list.table li.nested ul li {
  padding: 8px 0;
}
ul.property-list.table li.emphasized, ol.property-list.table li.emphasized {
  background: #e9ecef;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
  border-radius: 4px;
}
ul.property-list.table.clickable li h6, ol.property-list.table.clickable li h6 {
  padding: 4px 6px;
  cursor: pointer;
  border-radius: 4px;
}
ul.property-list.table.clickable li h6:hover, ol.property-list.table.clickable li h6:hover {
  background: rgba(24, 145, 255, 0.5);
}
ul.property-list.table.clickable li.selected h6, ol.property-list.table.clickable li.selected h6 {
  background: rgb(24, 145, 255);
}

.container-shadow {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  height: 24px;
  min-height: 24px;
  z-index: 1;
  pointer-events: none;
}
.container-shadow.large {
  height: 32px;
  min-height: 32px;
}
.container-shadow.small {
  min-height: 16px;
}
.container-shadow.top {
  top: 0;
}
.container-shadow.top.rounded {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.container-shadow.top.white {
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}
.container-shadow.top {
  /* THIS ONE */
}
.container-shadow.top.gray {
  background: -moz-linear-gradient(top, #f4f6fc 0%, rgba(244, 246, 252, 0.9) 50%, rgba(244, 246, 252, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f6fc 0%, rgba(244, 246, 252, 0.9) 50%, rgba(244, 246, 252, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f6fc 0%, rgba(244, 246, 252, 0.9) 50%, rgba(244, 246, 252, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F4F6FC", endColorstr="#00F4F6FC",GradientType=0 ); /* IE6-9 */
}
.container-shadow.top.blue {
  background: -moz-linear-gradient(top, #354052 0%, rgba(53, 64, 82, 0.9) 50%, rgba(53, 64, 82, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #354052 0%, rgba(53, 64, 82, 0.9) 50%, rgba(53, 64, 82, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #354052 0%, rgba(53, 64, 82, 0.9) 50%, rgba(53, 64, 82, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#354052", endColorstr="#00354052",GradientType=0 ); /* IE6-9 */
}
.container-shadow.bottom {
  bottom: 0;
}
.container-shadow.bottom.rounded {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.container-shadow.bottom.white {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}
.container-shadow.bottom.gray {
  background: -moz-linear-gradient(top, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.9) 50%, #f4f6fc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.9) 50%, #f4f6fc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.9) 50%, #f4f6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00F4F6FC", endColorstr="#F4F6FC",GradientType=0 ); /* IE6-9 */
}
.container-shadow.bottom.blue {
  background: -moz-linear-gradient(top, rgba(53, 64, 82, 0) 0%, rgba(53, 64, 82, 0.9) 50%, #354052 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(53, 64, 82, 0) 0%, rgba(53, 64, 82, 0.9) 50%, #354052 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(53, 64, 82, 0) 0%, rgba(53, 64, 82, 0.9) 50%, #354052 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00354052", endColorstr="#354052",GradientType=0 ); /* IE6-9 */
}
.container-shadow.left {
  left: 0;
}
.container-shadow.left.gray {
  background: -moz-linear-gradient(left, #f4f6fc 0%, #f4f6fc 5%, rgba(244, 246, 252, 0.6) 50%, rgba(244, 246, 252, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f4f6fc 0%, #f4f6fc 5%, rgba(244, 246, 252, 0.6) 50%, rgba(244, 246, 252, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f4f6fc 0%, #f4f6fc 5%, rgba(244, 246, 252, 0.6) 50%, rgba(244, 246, 252, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F4F6FC", endColorstr="#00F4F6FC",GradientType=1 ); /* IE6-9 */
}
.container-shadow.right {
  right: 0;
}
.container-shadow.right.gray {
  background: -moz-linear-gradient(left, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.6) 50%, #f4f6fc 95%, #f4f6fc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.6) 50%, #f4f6fc 95%, #f4f6fc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(244, 246, 252, 0) 0%, rgba(244, 246, 252, 0.6) 50%, #f4f6fc 95%, #f4f6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00F4F6FC", endColorstr="#F4F6FC",GradientType=1 ); /* IE6-9 */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.message-loader {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.message-loader svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transform: rotateY(-180deg) rotateZ(-90deg);
  overflow: visible;
}
.message-loader svg circle {
  stroke-dasharray: 76px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: #7b8da0;
  fill: none;
}

.loader {
  width: 32px;
  height: 32px;
  margin-top: 4px;
  cursor: pointer;
}
.loader svg {
  fill: #788DA0;
}
.loader.spin svg {
  animation: spin infinite 2s;
}
.loader:hover svg {
  fill: #1891ff;
}

.compensation .panel.agent-money {
  padding: 12px 24px 20px 24px;
  transition: all 0.5s ease;
}
.compensation .panel.agent-money i {
  font-size: 14px !important;
}
.compensation .panel.agent-money.hover-selected {
  background: #0d85ff !important;
  color: white !important;
}
.compensation .panel.agent-money.hover-selected h6 {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: white;
}
.compensation .panel.agent-money.agent-money-header {
  background: #0d85ff !important;
  color: white !important;
  padding: 12px 24px 12px 24px !important;
  margin-bottom: 24px !important;
  border: 2px solid #0d85ff;
}
.compensation .panel.agent-money h6 {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #7b8da0;
}
.compensation .panel.agent-money h3 {
  font-size: 22px;
}
.compensation .panel.agent-quarter {
  padding: 12px 0px 20px 0px;
}
.compensation .panel.agent-quarter hr {
  border: 1px solid #e9ecef;
}
.compensation .panel.agent-quarter .revenue-panel {
  border-radius: 4px;
  margin: 8px 24px 18px;
  background: #7b8da0 !important;
  color: white !important;
  border: none;
}
.compensation .panel.agent-quarter .revenue-panel h6 {
  padding-bottom: 6px;
  padding-top: 4px;
  font-weight: bold;
  font-size: 16px;
}
.compensation .panel.agent-quarter .revenue-panel h3 {
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;
}
.compensation .panel.agent-quarter .graph-block {
  padding: 1px 24px;
}
.compensation .panel.agent-quarter .graph-block .graph-label {
  font-size: 12px;
  color: #7b8da0;
  font-weight: 500;
}
.compensation .panel.agent-quarter .graph-block .graph-label.min-height {
  min-height: 12px;
}
.compensation .panel.agent-quarter .graph-block .graph-label.tier-label {
  height: 50%;
}
.compensation .panel.agent-quarter .graph-block .margin-adjust {
  margin-top: -10px;
}
.compensation .panel.agent-quarter .graph-block .percent-box {
  background-color: #e9ecef;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.27px;
  color: #212529;
}
.compensation .panel.agent-quarter .graph-block .graph-tier {
  border-radius: 4px;
  background-color: #e9ecef;
}
.compensation .panel.agent-quarter .graph-block .graph-tier.tier-height-1 {
  height: 236px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier.tier-height-2 {
  height: 180px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier.tier-height-3 {
  height: 79px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier.tier-height-4 {
  height: 59px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier {
  border-radius: 4px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.t1 {
  background-color: #3ccfe4;
  border-radius: 0px 0px 4px 4px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.t2 {
  background-color: #07a3e8;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.t3 {
  background-color: #0754e8;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.t4 {
  background-color: #112378;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.tproj {
  background-color: #c6c8d1;
  border-radius: 4px 4px 0px 0px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.tpot {
  background-color: #e1dfef;
  border-radius: 4px 4px 0px 0px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.tempty {
  background-color: #e9ecef;
  border-radius: 4px 4px 0px 0px;
}
.compensation .panel.agent-quarter .graph-block .graph-tier .sub-tier.enlarged {
  transform: scale(1.1) perspective(2px);
  transition: all 0.5s ease;
  border-radius: 4px 4px 4px 4px !important;
  border-top: unset !important;
}
.compensation .panel.agent-quarter .referral-block .block-rows {
  flex-wrap: wrap;
  max-width: 250px;
}
.compensation .panel.agent-quarter .referral-block .block-rows .referral {
  height: 16px;
  width: 16px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  background-color: #864bff;
}
.compensation .panel.agent-quarter .referral-block .block-rows .referral.unpaid {
  background-color: #c6c8d1;
}
.compensation .panel.agent-quarter .block {
  text-align: left;
  padding: 18px 40px 0px 40px;
}
.compensation .panel.agent-quarter .block h6 {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #9fabbc;
}
.compensation .panel.agent-quarter .block h3 {
  font-size: 16px;
  color: #212529;
}
.compensation .leases-table {
  min-height: 580px;
  margin-bottom: 64px;
}
.compensation .leases-table .no-results {
  opacity: 0.8;
}
.compensation .leases-table .no-results img, .compensation .leases-table .no-results .property-view-sidebar .content-block ul li svg, .property-view-sidebar .content-block ul li .compensation .leases-table .no-results svg {
  display: block;
  margin: 0 auto;
}
.compensation .leases-table .no-results h5 {
  width: 340px;
  margin: 0 auto;
  margin-top: 18px;
}

.bucket {
  font-size: 12px;
  letter-spacing: -0.27px;
  font-weight: 900;
  color: #ffffff;
  background-color: #354052;
  border-radius: 4px;
  padding: 3px 8px;
  margin-left: 10px;
}
.bucket.t1 {
  background-color: #3ccfe4;
}
.bucket.t2 {
  background-color: #07a3e8;
}
.bucket.t3 {
  background-color: #0754e8;
}
.bucket.t4 {
  background-color: #112378;
}
.bucket.referral {
  background-color: #864bff;
}
.bucket.payroll {
  margin-left: 2px;
  overflow: visible;
}

.commission {
  font-weight: bold;
  color: #1891ff;
}

#lease-leaderboard .apexcharts-canvas {
  padding-top: 20px;
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
  overflow: inherit;
  background-color: #ffffff;
  width: 180px;
  box-shadow: 0 4px 16px -6px rgba(53, 64, 82, 0.5);
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  color: #212529;
  border-bottom: 0px;
  font-size: 12px;
  font-family: "Inter UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande" !important;
  font-weight: 500;
  text-align: center;
  border-bottom: 0px;
  margin-bottom: 0px;
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group {
  padding: 8px 32px;
  background: #ffffff;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  justify-content: center;
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
  font-size: 14px !important;
  font-family: "Inter UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande" !important;
  font-weight: 500;
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip:after, #lease-leaderboard .apexcharts-canvas .apexcharts-tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 6px;
  margin-left: -6px;
}
#lease-leaderboard .apexcharts-canvas .apexcharts-tooltip:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 12px;
  margin-left: -12px;
}

.apply-payment-dropdown {
  line-height: normal !important;
  appearance: none;
  text-align: left;
  background: content-box;
  background-image: url(../../img/dropdown-arrow.svg) !important;
  background-size: 10px !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-position-x: calc(100% - 10px) !important;
}

/* Calendar event container */
.calendar-event {
  min-width: 300px;
  letter-spacing: normal;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  transition: box-shadow 0.3s ease;
  overflow-y: scroll;
  position: relative;
}

.calendar-event:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

/* Event header styles */
.event-header {
  margin-bottom: 4px;
  max-width: 265px;
}

.event-footer {
  position: absolute;
  bottom: 0;
  padding-bottom: 10px;
  width: 85%;
  display: inline-flex;
  align-items: center;
  max-width: 265px;
}

.event-title {
  font-size: 1.5rem;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 50%;
  overflow: hidden;
}

.event-date {
  font-size: 1rem;
  color: #666;
  margin-top: 5px;
}

/* Event details styles */
.event-details {
  font-size: 0.9rem;
  max-width: 265px;
}

.event-time {
  color: #888;
  margin-bottom: 4px;
  font-size: 14px;
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.event-time > span {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.event-time > span > i {
  font-size: medium;
}

.event-organizer {
  margin-top: 4px;
  max-width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.event-organizer > .material-icons {
  margin-right: 2px;
  font-size: medium;
}
.event-organizer > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-description {
  color: #444;
  line-height: 1.5;
  font-size: 1rem;
  margin-top: 10px;
}

/* Responsive Design */
@media (max-width: 500px) {
  .calendar-event {
    padding: 15px;
  }
  .event-title {
    font-size: 1.25rem;
  }
  .event-time,
  .event-description {
    font-size: 0.9rem;
  }
}
.conference-icon {
  height: 25px;
  width: 25px;
  transition: transform 0.5s ease;
  z-index: 100;
}

.card-flourish, .card-flourish-blank {
  height: 22px;
  position: absolute;
  width: 100%;
  top: 66%;
  left: 0;
  border-left: 1px solid white;
  border-right: 1px solid white;
}

.card-flourish-blank {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  background: lightgray;
  opacity: 0.5;
}

.conference-icon:hover {
  transform: scale(1.3);
}

/* Layout */
.sidebar {
  background: #e9ecef;
  max-width: 182px;
  height: 100%;
  position: fixed;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 2;
  border-right: 1px solid #e9ecef;
  top: 0;
  z-index: 11;
}
.sidebar .menu-expander {
  background: #1891ff;
  height: 64px;
  position: relative;
  width: 182px;
  transition: all 0.2s ease-in-out 0s;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
}
.sidebar .menu-expander:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.sidebar .menu-expander .icon {
  margin-right: 2px;
  width: 64px;
  height: 100%;
  position: relative;
  float: left;
  cursor: pointer;
}
.sidebar .menu-expander .icon svg#menu-icon {
  fill: white;
  width: 22px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.sidebar .menu-expander .text {
  float: left;
  position: relative;
  height: 100%;
  width: 100px;
}
.sidebar .menu-expander .text svg#menu-text {
  fill: white;
  width: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sidebar ul {
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  list-style-type: none;
  overflow: hidden;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 182px;
  background: #e9ecef;
}
.sidebar ul li a {
  display: block;
  height: 48px;
  color: #7f8fa4;
  font-size: 14px;
  line-height: 48px;
  min-width: 182px;
  position: relative;
  transition: 0.2s ease-in-out;
}
.sidebar ul li a:before {
  background: transparent;
  content: "";
  width: 4px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.sidebar ul li a:hover {
  background-color: #F4F6FC;
}
.sidebar ul li a:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
  background-color: #d8dfe6;
}
.sidebar ul li a span {
  display: block;
  float: left;
}
.sidebar ul li a span.icon {
  margin-right: 2px;
  width: 64px;
  height: 100%;
  position: relative;
}
.sidebar ul li a span.icon svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 32px;
}
.sidebar ul li a span.icon svg .inactive-gray {
  fill: #7b8da0;
}
.sidebar ul li a span.icon svg .inactive-gray-stroke {
  stroke: #7b8da0;
}
.sidebar ul li a span.icon svg .inactive-transparent {
  fill: transparent;
}
.sidebar ul li a.active {
  background: #F4F6FC;
  color: #1890ff;
}
.sidebar ul li a.active:before {
  background: #1891ff;
}
.sidebar ul li a.active .icon svg .active-blue {
  fill: #1891ff;
}
.sidebar ul li a.active .icon svg .active-white {
  fill: white;
}
.sidebar ul li a.active .icon svg .active-white.stroke {
  stroke: white;
}
.sidebar ul li a.active .icon svg .active-transparent {
  fill: transparent;
}
.sidebar ul li a.active .icon svg .stroke {
  stroke: #1891ff;
}
.sidebar .bottom-menu {
  margin-top: 0;
  position: absolute;
  bottom: 16px;
}
.sidebar.collapsed {
  width: 64px;
}
.sidebar.collapsed li, .sidebar.collapsed .menu-expander {
  width: 64px;
}
@media screen and (min-width: 601px) {
  .sidebar.collapsed li:hover, .sidebar.collapsed .menu-expander:hover {
    width: 182px;
  }
}

.lead-view-sidebar, .property-view-sidebar {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 365px;
  min-width: 365px;
  max-width: 365px;
  height: calc(100vh - 64px);
  background: #354052;
  margin-left: 64px;
  color: white;
  position: relative;
  overflow-y: auto;
}
.lead-view-sidebar .lead-intro, .property-view-sidebar .lead-intro {
  position: relative;
}
.lead-view-sidebar .lead-intro h2, .property-view-sidebar .lead-intro h2 {
  font-size: 0px;
}
.lead-view-sidebar .lead-intro h2 span, .property-view-sidebar .lead-intro h2 span {
  display: inline-block;
  line-height: 34px;
  font-size: 28px;
  vertical-align: middle;
}
.lead-view-sidebar .lead-intro h2 a.back-arrow, .property-view-sidebar .lead-intro h2 a.back-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  color: white;
  border-radius: 4px;
  line-height: 24px;
  vertical-align: middle;
}
.lead-view-sidebar .lead-intro h2 a.back-arrow:hover, .property-view-sidebar .lead-intro h2 a.back-arrow:hover {
  background: rgba(255, 255, 255, 0.1);
}
.lead-view-sidebar > form, .property-view-sidebar > form {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 32px;
}
.lead-view-sidebar .lead-sidebar-label, .property-view-sidebar .lead-sidebar-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 32px;
  border-bottom: 1px solid #d8dfe6;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.lead-view-sidebar .lead-sidebar-label i, .property-view-sidebar .lead-sidebar-label i {
  font-size: 20px;
  margin-right: 8px;
  transition: all 0.2s ease-in-out 0s;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
}
.lead-view-sidebar .lead-sidebar-label i:hover, .property-view-sidebar .lead-sidebar-label i:hover {
  background: rgba(255, 255, 255, 0.1);
}
.lead-view-sidebar .lead-sidebar-label span, .property-view-sidebar .lead-sidebar-label span {
  opacity: 0.7;
  vertical-align: middle;
}
.lead-view-sidebar .lead-sidebar-label.collapsed i, .property-view-sidebar .lead-sidebar-label.collapsed i {
  transform: rotate(-90deg);
}
.lead-view-sidebar button, .lead-view-sidebar a, .property-view-sidebar button, .property-view-sidebar a {
  transition: all 0.2s ease-in-out 0s;
}
.lead-view-sidebar button.small, .lead-view-sidebar a.small, .property-view-sidebar button.small, .property-view-sidebar a.small {
  height: 24px;
  line-height: 22px;
  font-size: 14px;
  background: transparent;
  border: 1px solid white;
  font-weight: 500;
}
.lead-view-sidebar button.small.loading, .lead-view-sidebar a.small.loading, .property-view-sidebar button.small.loading, .property-view-sidebar a.small.loading {
  background: white;
  padding-right: 40px !important;
}
.lead-view-sidebar button.small.loading:after, .lead-view-sidebar a.small.loading:after, .property-view-sidebar button.small.loading:after, .property-view-sidebar a.small.loading:after {
  height: 16px;
  width: 16px;
  background-size: cover;
  right: 12px;
}
.lead-view-sidebar button.small:hover, .lead-view-sidebar a.small:hover, .property-view-sidebar button.small:hover, .property-view-sidebar a.small:hover {
  background: rgba(255, 255, 255, 0.1);
}
.lead-view-sidebar button.icon-btn, .lead-view-sidebar a.icon-btn, .property-view-sidebar button.icon-btn, .property-view-sidebar a.icon-btn {
  border: none;
  height: auto;
  height: 18px;
  width: 18px;
  line-height: 18px;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  margin-left: 4px;
  border-radius: 4px;
}
.lead-view-sidebar button.icon-btn:hover, .lead-view-sidebar a.icon-btn:hover, .property-view-sidebar button.icon-btn:hover, .property-view-sidebar a.icon-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
.lead-view-sidebar button.red-bg, .lead-view-sidebar a.red-bg, .property-view-sidebar button.red-bg, .property-view-sidebar a.red-bg {
  border-color: transparent;
}
.lead-view-sidebar button.red-bg:hover, .lead-view-sidebar a.red-bg:hover, .property-view-sidebar button.red-bg:hover, .property-view-sidebar a.red-bg:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.lead-view-sidebar button.red-bg:active, .lead-view-sidebar a.red-bg:active, .property-view-sidebar button.red-bg:active, .property-view-sidebar a.red-bg:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.lead-view-sidebar button.text-button:hover, .lead-view-sidebar a.text-button:hover, .property-view-sidebar button.text-button:hover, .property-view-sidebar a.text-button:hover {
  opacity: 0.7;
}
.lead-view-sidebar a.send-text, .property-view-sidebar a.send-text {
  position: absolute;
  right: 0;
  color: white;
  width: auto;
  padding-left: 32px;
}
.lead-view-sidebar a.send-text span, .property-view-sidebar a.send-text span {
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}
.lead-view-sidebar textarea, .property-view-sidebar textarea {
  resize: none;
  width: 100%;
}
.lead-view-sidebar .contact-info .lead-sidebar-label, .property-view-sidebar .contact-info .lead-sidebar-label {
  margin-top: 32px;
}
.lead-view-sidebar .contact-info ul, .property-view-sidebar .contact-info ul {
  margin: 0;
  padding-left: 0;
}
.lead-view-sidebar .contact-info ul li, .property-view-sidebar .contact-info ul li {
  line-height: 1.5;
  margin-top: 16px;
  list-style-type: none;
  padding-left: 32px;
  position: relative;
  font-weight: bold;
}
.lead-view-sidebar .contact-info ul li:first-child, .property-view-sidebar .contact-info ul li:first-child {
  margin-top: 0px;
}
.lead-view-sidebar .contact-info ul li img, .lead-view-sidebar .contact-info .property-view-sidebar .content-block ul li svg, .property-view-sidebar .contact-info ul li img, .property-view-sidebar .contact-info .content-block ul li svg, .property-view-sidebar .content-block .contact-info ul li svg {
  position: absolute;
  left: 3px;
  height: 23px;
}
.lead-view-sidebar .contact-info ul li label, .property-view-sidebar .contact-info ul li label {
  margin: 0;
}
.lead-view-sidebar .contact-info ul li input, .property-view-sidebar .contact-info ul li input {
  background: transparent;
  padding: 0;
  border: 0;
  border-bottom: 1px solid white;
  width: 100%;
  height: 24px;
  border-radius: 0;
  color: white;
  transition: all 0.2s ease-in-out 0s;
}
.lead-view-sidebar .contact-info ul li input.clearable, .property-view-sidebar .contact-info ul li input.clearable {
  width: calc(100% - 24px);
}
.lead-view-sidebar .contact-info ul li input.clearable [readonly], .property-view-sidebar .contact-info ul li input.clearable [readonly] {
  width: 100%;
}
.lead-view-sidebar .contact-info ul li input[readonly], .property-view-sidebar .contact-info ul li input[readonly] {
  border-color: transparent !important;
}
.lead-view-sidebar .contact-info ul li input[disabled], .property-view-sidebar .contact-info ul li input[disabled] {
  border-color: transparent !important;
}
.lead-view-sidebar .contact-info ul li button.icon-btn, .property-view-sidebar .contact-info ul li button.icon-btn {
  position: absolute;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: -2px;
}
.lead-view-sidebar .contact-info ul li button.icon-btn span, .property-view-sidebar .contact-info ul li button.icon-btn span {
  padding: 4px;
}
.lead-view-sidebar .contact-info ul li .dropdown-button, .property-view-sidebar .contact-info ul li .dropdown-button {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  background: transparent;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  color: white;
  padding: 0;
}
.lead-view-sidebar .contact-info ul li .dropdown-button:before, .property-view-sidebar .contact-info ul li .dropdown-button:before {
  display: none;
}
.lead-view-sidebar .contact-info ul li .dropdown-button:after, .property-view-sidebar .contact-info ul li .dropdown-button:after {
  color: white;
  right: 0;
}
.lead-view-sidebar .contact-info ul li .dropdown-button:hover, .property-view-sidebar .contact-info ul li .dropdown-button:hover {
  background: transparent;
}
.lead-view-sidebar .contact-info ul li .dropdown-button:hover:hover, .property-view-sidebar .contact-info ul li .dropdown-button:hover:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.lead-view-sidebar .contact-info ul li .dropdown-button:hover:active, .property-view-sidebar .contact-info ul li .dropdown-button:hover:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.lead-view-sidebar .contact-info ul li .dropdown-button:focus:hover, .property-view-sidebar .contact-info ul li .dropdown-button:focus:hover {
  border-color: white;
}
.lead-view-sidebar .contact-info ul li select[readonly] + .ui-selectmenu-menu + .dropdown-button, .property-view-sidebar .contact-info ul li select[readonly] + .ui-selectmenu-menu + .dropdown-button {
  border-color: transparent;
}
.lead-view-sidebar .contact-info ul li select[readonly] + .ui-selectmenu-menu + .dropdown-button:after, .property-view-sidebar .contact-info ul li select[readonly] + .ui-selectmenu-menu + .dropdown-button:after {
  opacity: 0;
}
.lead-view-sidebar .contact-info ul li .ui-selectmenu-menu ul, .property-view-sidebar .contact-info ul li .ui-selectmenu-menu ul {
  border: none;
}
.lead-view-sidebar .contact-info ul li .ui-selectmenu-menu ul li, .property-view-sidebar .contact-info ul li .ui-selectmenu-menu ul li {
  margin-top: 0;
  padding: 0;
}
.lead-view-sidebar .contact-info ul li .ui-selectmenu-menu ul li .ui-menu-item-wrapper, .property-view-sidebar .contact-info ul li .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
  width: 100%;
  font-size: 14px;
}
.lead-view-sidebar .contact-info ul li .left-right-spinner, .property-view-sidebar .contact-info ul li .left-right-spinner {
  width: 100%;
}
.lead-view-sidebar .contact-info ul li .left-right-spinner .spinner-wrapper label, .lead-view-sidebar .contact-info ul li .left-right-spinner .spinner-wrapper input[readonly], .property-view-sidebar .contact-info ul li .left-right-spinner .spinner-wrapper label, .property-view-sidebar .contact-info ul li .left-right-spinner .spinner-wrapper input[readonly] {
  color: white;
}
.lead-view-sidebar .contact-info ul li.icon-left .pure-control-group, .property-view-sidebar .contact-info ul li.icon-left .pure-control-group {
  position: relative;
}
.lead-view-sidebar .contact-info ul li.icon-left .pure-control-group input, .property-view-sidebar .contact-info ul li.icon-left .pure-control-group input {
  width: calc(100% - 24px);
  margin-left: 24px;
}
.lead-view-sidebar .contact-info ul li.icon-left .pure-control-group input[disabled], .property-view-sidebar .contact-info ul li.icon-left .pure-control-group input[disabled] {
  margin-left: 0px;
}
.lead-view-sidebar .contact-info ul li.icon-left .pure-control-group button.icon-btn, .property-view-sidebar .contact-info ul li.icon-left .pure-control-group button.icon-btn {
  right: auto;
  left: -2px;
}
.lead-view-sidebar .contact-info.occupants li > div, .property-view-sidebar .contact-info.occupants li > div {
  position: relative;
}
.lead-view-sidebar .agent-info .grid-reset, .property-view-sidebar .agent-info .grid-reset {
  margin: 0 -4px;
  width: calc(100% + 8px);
}
.lead-view-sidebar .agent-info .grid-reset .grid-item, .property-view-sidebar .agent-info .grid-reset .grid-item {
  padding: 0 4px;
}
.lead-view-sidebar .agent-info .d-flex, .property-view-sidebar .agent-info .d-flex {
  align-items: center;
  margin-bottom: 16px;
}
.lead-view-sidebar .agent-info .d-flex .user-thumb, .property-view-sidebar .agent-info .d-flex .user-thumb {
  width: 20px;
  height: 20px;
}
.lead-view-sidebar .agent-info .d-flex .agent-name, .property-view-sidebar .agent-info .d-flex .agent-name {
  font-weight: bold;
}
.lead-view-sidebar .tag-info .autocomplete-wrapper, .property-view-sidebar .tag-info .autocomplete-wrapper {
  max-height: 144px;
  overflow-y: auto;
}
.lead-view-sidebar .tag-info .autocomplete-wrapper .ui-autocomplete-input, .property-view-sidebar .tag-info .autocomplete-wrapper .ui-autocomplete-input {
  margin-top: 4px;
}
.lead-view-sidebar .lead-actions.default, .lead-view-sidebar .property-actions.default, .property-view-sidebar .lead-actions.default, .property-view-sidebar .property-actions.default {
  display: flex;
  flex: 1;
  align-items: flex-end;
  margin-top: 24px;
  min-height: 48px;
  padding-bottom: 24px;
}
.lead-view-sidebar .lead-actions.default button, .lead-view-sidebar .property-actions.default button, .property-view-sidebar .lead-actions.default button, .property-view-sidebar .property-actions.default button {
  width: auto;
  display: block;
  float: left;
  margin-right: 8px;
  padding: 0px 18px;
}
.lead-view-sidebar .lead-actions.editing button.outline, .lead-view-sidebar .property-actions.editing button.outline, .property-view-sidebar .lead-actions.editing button.outline, .property-view-sidebar .property-actions.editing button.outline {
  background: transparent;
  border: 1px solid white;
  color: white;
}

.property-view-sidebar {
  background: #354052;
  color: white;
  border-radius: 4px;
  padding: 24px 32px 8px 32px;
  width: 100%;
  display: block;
  overflow: visible;
  height: auto;
  margin: 0 0 16px;
  min-width: inherit;
  max-width: none;
}
.property-view-sidebar.finance {
  padding-top: 8px;
  margin-bottom: 32px;
}
.property-view-sidebar .content-block {
  border-top: 1px solid #7b8da0;
  padding-top: 16px;
  padding-bottom: 16px;
}
.property-view-sidebar .content-block:first-child {
  padding-top: 0;
  border-top: none;
}
.property-view-sidebar .content-block i {
  font-size: inherit;
}
.property-view-sidebar .content-block .lead-sidebar-label:first-child {
  margin-top: 0;
}
.property-view-sidebar .content-block ul {
  margin: 0;
  padding-left: 0;
}
.property-view-sidebar .content-block ul.horizontal-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.property-view-sidebar .content-block ul.horizontal-bar li:first-child {
  margin-top: 16px;
}
.property-view-sidebar .content-block ul li {
  line-height: 1.5;
  margin-top: 16px;
  list-style-type: none;
  padding-left: 32px;
  position: relative;
  font-weight: bold;
}
.property-view-sidebar .content-block ul li:first-child {
  margin-top: 0;
}
.property-view-sidebar .content-block ul li img, .property-view-sidebar .content-block ul li svg {
  position: absolute;
  left: 3px;
  height: 23px;
}
.property-view-sidebar .content-block ul li svg {
  left: 0;
}
.property-view-sidebar .content-block ul li input {
  background: transparent;
  padding: 0;
  border: 0;
  border-bottom: 1px solid white;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
}
.property-view-sidebar .content-block ul li input.clearable {
  width: calc(100% - 24px);
}
.property-view-sidebar .content-block ul li input.clearable [readonly] {
  width: 100%;
}
.property-view-sidebar .content-block ul li input[readonly] {
  border-color: transparent;
}
.property-view-sidebar .content-block ul li button.icon-btn {
  position: absolute;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: -2px;
}
.property-view-sidebar .content-block ul li button.icon-btn span {
  padding: 4px;
}
.property-view-sidebar .content-block ul li .dropdown-button {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  background: transparent;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  color: white;
  padding: 0;
}
.property-view-sidebar .content-block ul li .dropdown-button:before {
  display: none;
}
.property-view-sidebar .content-block ul li .dropdown-button:after {
  color: white;
  right: 0;
}
.property-view-sidebar .content-block ul li .dropdown-button:hover {
  background: transparent;
}
.property-view-sidebar .content-block ul li .dropdown-button:hover:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.property-view-sidebar .content-block ul li .dropdown-button:hover:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.property-view-sidebar .content-block ul li .dropdown-button:focus:hover {
  border-color: white;
}
.property-view-sidebar .content-block ul li select[readonly] + .ui-selectmenu-menu + .dropdown-button {
  border-color: transparent;
}
.property-view-sidebar .content-block ul li select[readonly] + .ui-selectmenu-menu + .dropdown-button:after {
  opacity: 0;
}
.property-view-sidebar .content-block ul li .ui-selectmenu-menu ul {
  border: none;
}
.property-view-sidebar .content-block ul li .ui-selectmenu-menu ul li {
  margin-top: 0;
  padding: 0;
}
.property-view-sidebar .content-block ul li .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
  width: 100%;
  font-size: 14px;
}
.property-view-sidebar .content-block.occupants li > div {
  position: relative;
}
.property-view-sidebar button.dark-gray {
  width: calc(100% + 64px);
  margin-bottom: -9px;
  margin-top: 8px;
  margin-left: -32px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
.property-view-sidebar button.dark-gray i {
  font-size: 16px;
  margin-left: 8px;
}

#googleCalendarIcon svg {
  filter: grayscale(1);
}
#googleCalendarIcon:hover svg {
  filter: none;
}

#daysCalculatorWrapper:hover svg {
  fill: #1891ff;
}

.navbar {
  height: 64px;
  border-bottom: 1px solid #dfe2e5;
  background: white;
  margin-left: 64px;
}
.navbar .navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  padding: 0 4%;
}
.navbar .nav-actions {
  display: inline-flex;
  align-items: center;
}
.navbar .nav-actions > .pull-left {
  margin-left: 20px;
}
.navbar .nav-actions > .pull-left#add-lead-trigger {
  margin-left: 0;
}
.navbar .nav-actions > .pull-left#add-lead-trigger button.pure-button {
  line-height: 40px;
  font-weight: 500;
  padding-left: 24px;
  padding-right: 24px;
}
.navbar .nav-actions > .pull-left #check-in-dropdown-btn {
  padding-right: 30px;
  text-transform: none;
  font-weight: bold;
  font-size: 14px;
}
.navbar .nav-actions > .pull-left #check-in-dropdown-btn svg {
  fill: white;
  position: static;
  transform: translateY(-2px);
  vertical-align: middle;
  margin-right: 2px;
}
.navbar .nav-actions > .pull-left #check-in-dropdown-btn:after {
  font-family: "Material Icons";
  font-size: 14px;
  position: absolute;
  right: 8px;
  top: 0;
  content: "\e313";
  opacity: 1;
}
.navbar .nav-actions > .pull-left#notifications-trigger {
  transition: all 0.2s ease-in-out 0s;
  background: #7f8fa4;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.navbar .nav-actions > .pull-left#notifications-trigger:hover {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.08);
  background-image: none;
}
.navbar .nav-actions > .pull-left#notifications-trigger:active {
  box-shadow: inset 0 0 0 1000px rgba(33, 37, 41, 0.32);
  background-image: none;
}
.navbar .nav-actions > .pull-left#notifications-trigger i {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.navbar .nav-actions > .pull-left#notifications-trigger.unread:after {
  content: "";
  display: block;
  background: #e54b4b;
  border: 2px solid white;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -3px;
  right: -5px;
}
.navbar .nav-actions > .pull-left#check-in-trigger {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7ce68+0,ff8662+100 */
  background: rgb(247, 206, 104); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(247, 206, 104) 0%, rgb(255, 134, 98) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(247, 206, 104) 0%, rgb(255, 134, 98) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(247, 206, 104) 0%, rgb(255, 134, 98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7ce68", endColorstr="#ff8662",GradientType=0 ); /* IE6-9 */
}
.navbar .nav-actions > .pull-left#check-in-trigger svg {
  width: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.navbar #profile-thumb {
  background: #d8dfe6;
  cursor: pointer;
}
.navbar #messages {
  padding-left: 0;
  margin: 0;
  position: relative;
  z-index: 3;
  min-width: 1280px;
}
.navbar #messages li {
  margin-left: 0;
  height: 32px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  list-style-type: none;
}
.navbar #messages li .message-content {
  text-align: center;
}
.navbar #messages li .message-content p {
  display: inline-block;
  font-size: 12px;
  line-height: 32px;
}
.navbar #messages li .message-content svg {
  vertical-align: middle;
  margin-left: 6px;
}
.navbar #messages li:hover {
  opacity: 0.8;
}

.extended-nav-section {
  padding: 16px 0 0 0;
  margin-left: 64px;
  background: white;
  width: calc(100vw - 64px);
  margin-top: -1px;
  border-bottom: 1px solid #d8dfe6;
}
.extended-nav-section .pure-g {
  min-width: 1110px;
  padding: 0 4%;
}
.extended-nav-section .pure-g h2 {
  line-height: 40px;
}
.extended-nav-section .pure-g .pull-right .pure-button {
  width: auto;
  float: left;
  margin-left: 16px;
}
.extended-nav-section .pure-g .pull-right .pure-button i {
  font-size: 20px;
  line-height: 40px;
}
.extended-nav-section .pure-g.responsive-page {
  min-width: auto;
}
.extended-nav-section .inline-tabs {
  margin-top: 8px;
  margin-bottom: -1px;
  height: 45px;
}
.extended-nav-section + .page-wrapper {
  padding: 0px;
  height: calc(100vh - 172px);
  overflow-x: hidden;
}
.extended-nav-section .custom-button-group {
  float: left;
}
.extended-nav-section .custom-button-group button {
  margin-left: 0px !important;
  border-radius: 0px;
}
.extended-nav-section .custom-button-group button:first-of-type {
  margin-left: inherit !important;
  border-radius: 4px 0px 0px 4px;
  border-right: none;
}
.extended-nav-section .custom-button-group button:last-of-type {
  border-radius: 0px 4px 4px 0px;
  border-left: none;
}

/* Screens */
#dashboard-invoicing .grid {
  grid-row-gap: 40px;
  grid-column-gap: 2%;
}

.card {
  background-color: white;
  border: 1px solid #d8dfe6;
  border-radius: 4px;
}
.card a {
  color: inherit;
  text-decoration: none;
}
.card .count {
  width: 48px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
}

.card-header {
  padding: 20px 16px 16px 16px;
  border-bottom: 1px solid #d8dfe6;
}

.card-body {
  padding: 16px;
}

#weekend-crew-wrapper {
  position: relative;
}

.weekend-crew.page-title-wrapper.d-flex {
  justify-content: space-between;
}
.weekend-crew.page-title-wrapper.d-flex .pure-control-group {
  display: inline-flex;
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio {
  display: inline-block;
  margin: 0;
  width: 100%;
  cursor: pointer;
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio .box {
  height: 40px;
  width: 91px;
  border-radius: 0;
  border: 1px solid #b8c5d1;
  border-right-width: 0;
  display: block;
  line-height: 40px;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  transition: 0.2s ease-in-out;
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio:first-child .box {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio:last-child .box {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio:hover .box {
  border: 1px solid #1891ff;
  background: rgba(24, 145, 255, 0.15);
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio input {
  display: none;
}
.weekend-crew.page-title-wrapper.d-flex .pure-control-group {
  height: 40px;
}
.weekend-crew.page-title-wrapper.d-flex .pure-radio input:checked + .box {
  background: #1891ff;
  border-color: #1891ff;
  color: white;
}

.weekend-week-view .pure-u-1-3 {
  background-color: white;
  border: 1px solid #e3e5e8;
  height: 575px;
  border-right-width: 0;
}
.weekend-week-view .pure-u-1-3:last-child {
  border-right-width: 1px;
}
.weekend-week-view .pure-u-1-3 .day-header {
  padding: 16px 24px;
  border-bottom: 1px solid #e3e5e8;
}
.weekend-week-view .pure-u-1-3 .day-header h2 {
  line-height: 28px;
}
.weekend-week-view .pure-u-1-3 .progress.d-flex {
  align-items: center;
  margin-top: 16px;
}
.weekend-week-view .pure-u-1-3 .progress.d-flex .progress-bar {
  width: calc(100% - 40px);
  background-color: #d8dfe6;
  border-radius: 40px;
  height: 4px;
  overflow: hidden;
}
.weekend-week-view .pure-u-1-3 .progress.d-flex .progress-bar .fill {
  background-color: #1891ff;
  height: 100%;
}
.weekend-week-view .pure-u-1-3 .progress.d-flex .progress-counter {
  font-size: 15px;
  width: 40px;
  text-align: right;
  line-height: 18px;
  color: #7b8da0;
}
.weekend-week-view .pure-u-1-3 .progress.complete .progress-counter {
  color: #1891ff;
}
.weekend-week-view .pure-u-1-3 .agent-list {
  padding: 0 16px;
  height: calc(100% - 95px);
  overflow-y: overlay;
}
.weekend-week-view .pure-u-1-3 .agent-list button.add-button {
  background-color: rgba(24, 145, 255, 0.15);
  color: #1891ff;
  width: 100%;
  display: inline-flex;
  height: 48px;
  align-items: center;
  margin-top: 8px;
  border-radius: 4px;
}
.weekend-week-view .pure-u-1-3 .agent-list button.add-button i {
  line-height: 32px;
  width: 32px;
  text-align: center;
}
.weekend-week-view .pure-u-1-3 .agent-list button.add-button:hover {
  background-color: #1891ff;
  color: white;
}
.weekend-week-view .pure-u-1-3 .agent-list li:hover {
  background: rgba(233, 236, 239, 0.5);
  transition: 0.2s ease-in-out;
}
.weekend-week-view .pure-u-1-3 .agent-list li:hover button.remove {
  opacity: 1;
  transition: 0.2s ease-in-out;
  box-shadow: none;
}
.weekend-week-view .pure-u-1-3 .agent-list button.remove {
  background-color: transparent;
  opacity: 0;
  transition: 0.2s ease-in-out;
  padding: 0;
  height: 24px;
  width: 24px;
}
.weekend-week-view .pure-u-1-3 .agent-list button.remove i {
  font-size: 14px;
  color: #354052;
}
.weekend-week-view .pure-u-1-3 .agent-list button.remove.loading {
  opacity: 1;
}

.weekend-month-selector {
  display: flex;
  align-items: center;
  width: 264px;
  justify-content: space-between;
  margin: auto;
}
.weekend-month-selector button {
  color: #7b8da0;
}
.weekend-month-selector button:hover {
  background: #e9ecef;
  color: #354052;
}

.weekend-month-view .table-header {
  background: transparent;
  color: #333742;
  text-transform: none;
  padding: 0;
}
.weekend-month-view .table-header div {
  padding: 8px 24px;
}
.weekend-month-view .table-header div h5 {
  line-height: 40px;
  height: 40px;
}
.weekend-month-view .grid .day {
  padding: 12px 24px;
  border: 1px solid #e3e5e8;
  border-top: none;
}
.weekend-month-view .grid .day h5 {
  margin-bottom: 8px;
}
.weekend-month-view .grid .day .agent-list {
  padding: 0;
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}
.weekend-month-view .grid .day .agent-list > div {
  width: 50%;
  font-size: 12px;
  color: #7b8da0;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 3px;
  cursor: pointer;
  height: 15px;
}
.weekend-month-view .grid .day .agent-list > div:hover, .weekend-month-view .grid .day .agent-list > div.hover {
  color: #354052;
  background: rgba(24, 145, 255, 0.2);
}
.weekend-month-view .grid .day .agent-list > div:hover a, .weekend-month-view .grid .day .agent-list > div.hover a {
  color: inherit;
  opacity: 1;
  font-weight: 500;
}
.weekend-month-view .grid .day .agent-list > div button {
  background: none;
  padding: 0;
  color: #1891ff;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 1px 8px 1px 4px;
}
.weekend-month-view .grid .day.agents-2 .agent-list {
  height: 84px;
}
.weekend-month-view .grid .day:nth-child(3n+1) {
  border-right: none;
}
.weekend-month-view .grid .day:nth-child(3n+2) {
  border-right: none;
}
.weekend-month-view .grid .day:nth-child(-n+3) {
  border-top: 1px solid #e3e5e8;
}

.agents-1 {
  max-height: calc(1 * 18px);
}

.agents-2 {
  max-height: calc(1 * 18px);
}

.agents-3 {
  max-height: calc(2 * 18px);
}

.agents-4 {
  max-height: calc(2 * 18px);
}

.agents-5 {
  max-height: calc(3 * 18px);
}

.agents-6 {
  max-height: calc(3 * 18px);
}

.agents-7 {
  max-height: calc(4 * 18px);
}

.agents-8 {
  max-height: calc(4 * 18px);
}

.agents-9 {
  max-height: calc(5 * 18px);
}

.agents-10 {
  max-height: calc(5 * 18px);
}

.agents-11 {
  max-height: calc(6 * 18px);
}

.agents-12 {
  max-height: calc(6 * 18px);
}

.agents-13 {
  max-height: calc(7 * 18px);
}

.agents-14 {
  max-height: calc(7 * 18px);
}

.agents-15 {
  max-height: calc(8 * 18px);
}

.agents-16 {
  max-height: calc(8 * 18px);
}

.agents-17 {
  max-height: calc(9 * 18px);
}

.agents-18 {
  max-height: calc(9 * 18px);
}

.agents-19 {
  max-height: calc(10 * 18px);
}

.agents-20 {
  max-height: calc(10 * 18px);
}

.agents-21 {
  max-height: calc(11 * 18px);
}

.agents-22 {
  max-height: calc(11 * 18px);
}

.agents-23 {
  max-height: calc(12 * 18px);
}

.agents-24 {
  max-height: calc(12 * 18px);
}

.agents-25 {
  max-height: calc(13 * 18px);
}

.agents-26 {
  max-height: calc(13 * 18px);
}

.agents-27 {
  max-height: calc(14 * 18px);
}

.agents-28 {
  max-height: calc(14 * 18px);
}

.agents-29 {
  max-height: calc(15 * 18px);
}

.agents-30 {
  max-height: calc(15 * 18px);
}

.agents-31 {
  max-height: calc(16 * 18px);
}

.agents-32 {
  max-height: calc(16 * 18px);
}

.agents-33 {
  max-height: calc(17 * 18px);
}

.agents-34 {
  max-height: calc(17 * 18px);
}

.agents-35 {
  max-height: calc(18 * 18px);
}

.agents-36 {
  max-height: calc(18 * 18px);
}

.agents-37 {
  max-height: calc(19 * 18px);
}

.agents-38 {
  max-height: calc(19 * 18px);
}

.agents-39 {
  max-height: calc(20 * 18px);
}

.agents-40 {
  max-height: calc(20 * 18px);
}

.agents-41 {
  max-height: calc(21 * 18px);
}

.agents-42 {
  max-height: calc(21 * 18px);
}

.agents-43 {
  max-height: calc(22 * 18px);
}

.agents-44 {
  max-height: calc(22 * 18px);
}

.agents-45 {
  max-height: calc(23 * 18px);
}

.agents-46 {
  max-height: calc(23 * 18px);
}

.agents-47 {
  max-height: calc(24 * 18px);
}

.agents-48 {
  max-height: calc(24 * 18px);
}

.agents-49 {
  max-height: calc(25 * 18px);
}

.agents-50 {
  max-height: calc(25 * 18px);
}

.agents-51 {
  max-height: calc(26 * 18px);
}

.agents-52 {
  max-height: calc(26 * 18px);
}

.agents-53 {
  max-height: calc(27 * 18px);
}

.agents-54 {
  max-height: calc(27 * 18px);
}

.agents-55 {
  max-height: calc(28 * 18px);
}

.agents-56 {
  max-height: calc(28 * 18px);
}

.agents-57 {
  max-height: calc(29 * 18px);
}

.agents-58 {
  max-height: calc(29 * 18px);
}

.agents-59 {
  max-height: calc(30 * 18px);
}

.agents-60 {
  max-height: calc(30 * 18px);
}

.agents-61 {
  max-height: calc(31 * 18px);
}

.agents-62 {
  max-height: calc(31 * 18px);
}

.agents-63 {
  max-height: calc(32 * 18px);
}

.agents-64 {
  max-height: calc(32 * 18px);
}

.agents-65 {
  max-height: calc(33 * 18px);
}

.agents-66 {
  max-height: calc(33 * 18px);
}

.agents-67 {
  max-height: calc(34 * 18px);
}

.agents-68 {
  max-height: calc(34 * 18px);
}

.agents-69 {
  max-height: calc(35 * 18px);
}

.agents-70 {
  max-height: calc(35 * 18px);
}

.agents-71 {
  max-height: calc(36 * 18px);
}

.agents-72 {
  max-height: calc(36 * 18px);
}

.agents-73 {
  max-height: calc(37 * 18px);
}

.agents-74 {
  max-height: calc(37 * 18px);
}

.agents-75 {
  max-height: calc(38 * 18px);
}

.agents-76 {
  max-height: calc(38 * 18px);
}

.agents-77 {
  max-height: calc(39 * 18px);
}

.agents-78 {
  max-height: calc(39 * 18px);
}

.agents-79 {
  max-height: calc(40 * 18px);
}

.agents-80 {
  max-height: calc(40 * 18px);
}

.agents-81 {
  max-height: calc(41 * 18px);
}

.agents-82 {
  max-height: calc(41 * 18px);
}

.agents-83 {
  max-height: calc(42 * 18px);
}

.agents-84 {
  max-height: calc(42 * 18px);
}

.agents-85 {
  max-height: calc(43 * 18px);
}

.agents-86 {
  max-height: calc(43 * 18px);
}

.agents-87 {
  max-height: calc(44 * 18px);
}

.agents-88 {
  max-height: calc(44 * 18px);
}

.agents-89 {
  max-height: calc(45 * 18px);
}

.agents-90 {
  max-height: calc(45 * 18px);
}

.agents-91 {
  max-height: calc(46 * 18px);
}

.agents-92 {
  max-height: calc(46 * 18px);
}

.agents-93 {
  max-height: calc(47 * 18px);
}

.agents-94 {
  max-height: calc(47 * 18px);
}

.agents-95 {
  max-height: calc(48 * 18px);
}

.agents-96 {
  max-height: calc(48 * 18px);
}

.agents-97 {
  max-height: calc(49 * 18px);
}

.agents-98 {
  max-height: calc(49 * 18px);
}

.agents-99 {
  max-height: calc(50 * 18px);
}

.agents-100 {
  max-height: calc(50 * 18px);
}

.dashboard .page-title-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.dashboard .page-title-wrapper > div {
  flex: 1;
}
.dashboard .page-title-wrapper > div.pill-tabs {
  display: flex;
  justify-content: center;
  position: static;
  left: auto;
  transform: none;
}
.dashboard .page-title-wrapper > div.range-dropdown {
  display: flex;
  justify-content: flex-end;
}
.dashboard .pill-tabs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.dashboard .pill-tabs.pull-right {
  position: static;
  transform: none;
  left: auto;
}
.dashboard .grid-container {
  position: relative;
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 30px;
  width: 100%;
}
.dashboard .grid-container.agent-view, .dashboard .grid-container.sm-view {
  grid-template-rows: repeat(8, 1fr);
}
.dashboard .goals-chart {
  grid-column: 1/span 6;
  grid-row: 3/span 2;
}
.dashboard .goals-chart > div {
  display: flex;
  justify-content: space-between;
}
.dashboard .goals-chart > div.chart-key-wrapper {
  align-items: center;
}
.dashboard .top-fade, .dashboard .bottom-fade {
  width: 100%;
  height: 25px;
  position: absolute;
  z-index: 30;
}
.dashboard .top-fade {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}
.dashboard .bottom-fade {
  bottom: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}
.dashboard .my-events {
  grid-column: 1/span 12;
  grid-row: 1/span 2;
  display: block;
  flex-direction: row;
}
@media screen and (min-width: 575px) {
  .dashboard .my-events:before {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid white;
    content: "";
    top: -6%;
    left: 0.8%;
  }
}
.dashboard .my-events .no-event-results {
  margin: auto;
  color: lightgray;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.dashboard .my-events > div {
  display: flex;
  justify-content: space-between;
}
.dashboard .my-events > div.chart-key-wrapper {
  align-items: center;
}
.dashboard .my-events > .my-events-wrapper {
  height: 340px;
  overflow-y: scroll;
  border-radius: 100%;
  width: 100%;
  z-index: 0 !important;
}
.dashboard .my-events .my-events-wrapper::after,
.dashboard .my-events .my-events-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15px;
  z-index: 30;
}
.dashboard .my-events .my-events-wrapper::after {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dashboard .my-events .my-events-wrapper::before {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.dashboard .my-events .scrollable-list {
  width: 100%;
  z-index: 0 !important;
  display: flex; /* Arrange items horizontally */
  overflow-x: auto; /* Enable horizontal scrolling */
  scrollbar-width: thin; /* Make the scrollbar thin */
  scrollbar-color: #888 #ccc; /* Customize scrollbar color */
}
.dashboard .my-events .scrollable-list::-webkit-scrollbar {
  height: 8px; /* Set the height of the scrollbar */
}
.dashboard .my-events .scrollable-list::-webkit-scrollbar-thumb {
  background-color: #888; /* Set the thumb color */
  border-radius: 4px; /* Round the edges of the thumb */
}
.dashboard .my-events .scrollable-list::-webkit-scrollbar-track {
  background-color: #ccc; /* Set the track color */
}
.dashboard .admin-goals-chart {
  grid-column: 1/span 8;
  grid-row: 1/span 2;
}
.dashboard .admin-goals-chart > div {
  display: flex;
  justify-content: space-between;
}
.dashboard .admin-goals-chart > div.chart-key-wrapper {
  align-items: center;
}
.dashboard .dollar-to-date {
  grid-area: 3/1/4/2;
}
.dashboard .my-current-rank {
  grid-area: 3/2/4/3;
}
.dashboard .closing-rate {
  grid-area: 4/1/5/2;
}
.dashboard .my-points {
  grid-area: 4/2/5/3;
}
.dashboard .rotation-status {
  grid-column: 7/span 6;
  grid-row: 3/span 4;
  position: relative;
}
.dashboard .rotation-status-scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.dashboard #weekview .user-thumb {
  width: 0px;
}
.dashboard #weekview.agent {
  grid-column: 7/span 6;
  grid-row: 7/span 2;
}
.dashboard #weekview.team {
  grid-column: 7/span 6;
  grid-row: 5/span 4;
}
.dashboard #lease-leaderboard.team {
  grid-column: 1/span 6;
  grid-row: 1/span 4;
}
.dashboard #lease-leaderboard.company {
  grid-column: 1/span 6;
  grid-row: 3/span 6;
}
.dashboard #lease-leaderboard.location {
  grid-column: 1/span 6;
  grid-row: 9/span 4;
}
.dashboard #leaderboard, .dashboard #past_due {
  grid-column: 9/span 4;
  grid-row: 1/span 2;
}
.dashboard #leaderboard.agent-view.agent {
  grid-column: 1/span 6;
  grid-row: 7/span 2;
}
.dashboard #leaderboard.agent-view.team {
  grid-column: 1/span 6;
  grid-row: 5/span 4;
}
.dashboard #leaderboard.agent-view.company {
  grid-column: 7/span 6;
  grid-row: 3/span 6;
}
.dashboard #leaderboard.sm-view.team {
  grid-column: 7/span 6;
  grid-row: 1/span 8;
}
.dashboard #leaderboard.sm-view.location {
  grid-column: 7/span 6;
  grid-row: 1/span 8;
}
.dashboard #leaderboard.sm-view.company {
  grid-column: 7/span 6;
  grid-row: 3/span 6;
}
.dashboard #sales.agent-view {
  grid-column: 1/span 6;
  grid-row: 1/span 4;
}
.dashboard #wig.sm-view.team {
  grid-column: 1/span 6;
  grid-row: 1/span 8;
}
.dashboard #wig.sm-view.location {
  grid-column: 1/span 6;
  grid-row: 1/span 8;
}
.dashboard #metrics {
  grid-column: 1/span 7;
  grid-row: 3/span 2;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 30px;
}
.dashboard #stats.agent-view {
  display: grid !important;
  grid-template-columns: none;
  grid-template-rows: none;
  grid-gap: 0px;
}
.dashboard #stats.agent-view.agent {
  grid-column: 1/span 6;
  grid-row: 5/span 2;
}
.dashboard #stats.agent-view.agent .stat-icon svg {
  margin-top: 12px;
}
.dashboard #stats.agent-view.team {
  grid-column: 7/span 6;
  grid-row: 1/span 4;
}
.dashboard #stats.agent-view.team .stat-icon svg {
  margin-top: 16px;
}
.dashboard #stats.agent-view > .agent-stats {
  display: flex;
  justify-content: space-between;
}
.dashboard #stats.agent-view > .agent-stats .agent-stat {
  text-align: center;
  border: solid 1px #e9ecef;
  height: 197px;
  padding: 24px 34px;
  margin: 8px;
  width: 33%;
}
@media screen and (max-width: 767px) {
  .dashboard #stats.agent-view > .agent-stats .agent-stat {
    padding: 0px;
  }
}
.dashboard #stats.agent-view > .agent-stats .agent-stat .panel-title {
  text-transform: none;
}
.dashboard #stats.agent-view > .agent-stats .agent-stat p {
  font-size: 20px;
  font-weight: bold;
}
.dashboard #stats.agent-view > .agent-stats .agent-stat .stat-icon {
  width: 64px;
  height: 64px;
  border-radius: 24px;
  margin: 24px auto;
  margin-top: 8px;
}
.dashboard #stats.agent-view > .agent-stats .agent-stat .stat-icon.yellow {
  background-color: #ffeecc;
  fill: #ffab00;
}
.dashboard #stats.agent-view > .agent-stats .agent-stat .stat-icon.green {
  background-color: #ccf7ea;
  fill: #01d994;
}
.dashboard #stats.agent-view > .agent-stats .agent-stat .stat-icon.purple {
  background-color: #e7dbff;
  fill: #864bff;
}
.dashboard #stats.sm-view {
  display: grid !important;
  grid-template-columns: none;
  grid-template-rows: none;
  grid-gap: 0px;
}
.dashboard #stats.sm-view.team {
  grid-column: 1/span 12;
  grid-row: 11/span 4;
}
.dashboard #stats.sm-view.location {
  grid-column: 1/span 12;
  grid-row: 13/span 4;
}
.dashboard #stats.sm-view > .agent-stats {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat {
  text-align: center;
  border: solid 1px #e9ecef;
  height: 197px;
  padding: 24px 34px;
  margin: 8px;
  width: 33%;
}
@media screen and (max-width: 767px) {
  .dashboard #stats.sm-view > .agent-stats .agent-stat {
    padding: 0px;
  }
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .panel-title {
  text-transform: none;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat p {
  font-size: 20px;
  font-weight: bold;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon {
  width: 64px;
  height: 64px;
  border-radius: 24px;
  margin: 24px auto;
  margin-top: 8px;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon svg {
  margin-top: 12px;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.green {
  background-color: #ccf7ea;
  fill: #01d994;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.blue {
  background-color: #e0e7fe;
  fill: #6688fc;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.blue svg {
  margin-top: 16px;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.purple {
  background-color: #f1e9fe;
  fill: #864bff;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.orange {
  background-color: #ffe7e0;
  fill: #ff8866;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.yellow {
  background-color: #fff4df;
  fill: #ffab00;
}
.dashboard #stats.sm-view > .agent-stats .agent-stat .stat-icon.red {
  background-color: #ffe0e7;
  fill: #ff6688;
}
.dashboard #location-stats.agent-view, .dashboard #location-stats.sm-view {
  display: grid !important;
  grid-template-columns: none;
  grid-template-rows: none;
  grid-column: 1/span 12;
  grid-row: 9/span 8;
  grid-template-columns: 4fr 4fr 4fr;
  grid-template-rows: 1fr;
  grid-gap: 30px;
}
.dashboard #location-stats.agent-view .panel, .dashboard #location-stats.sm-view .panel {
  grid-area: span 1/span 1;
}
.dashboard #location-stats.agent-view .panel > .location-stats, .dashboard #location-stats.sm-view .panel > .location-stats {
  display: flex;
  justify-content: space-between;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat {
  text-align: center;
  border: none;
  height: 105px;
  width: 33%;
  padding-top: 0;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat .panel-title, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .panel-title {
  text-transform: none;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat p, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat p {
  font-size: 16px;
  font-weight: bold;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat .stat-icon, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  margin: 16px auto;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat .stat-icon.green, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .stat-icon.green {
  background-color: #ccf7ea;
  fill: #01d994;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat .stat-icon.red, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .stat-icon.red {
  background-color: #ffd5c8;
  fill: #ec8a6b;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat .stat-icon.grey, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .stat-icon.grey {
  background-color: #d6d8da;
  fill: #333a46;
}
.dashboard #location-stats.agent-view .panel > .location-stats .location-stat .stat-icon svg, .dashboard #location-stats.agent-view .panel > .location-stats .location-stat .stat-icon img, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .stat-icon svg, .dashboard #location-stats.sm-view .panel > .location-stats .location-stat .stat-icon img {
  margin-top: 11px;
}
.dashboard #metrics.admin {
  grid-column: 1/span 6;
  grid-row: 3/span 2;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 30px;
}
.dashboard #metrics.agent-view {
  grid-column: 1/span 12;
  grid-row: 1/span 2;
  grid-template-columns: 4fr 4fr 4fr;
  grid-template-rows: 1fr;
}
.dashboard #metrics.sm-view.team {
  grid-column: 1/span 12;
  grid-row: 9/span 2;
  grid-template-columns: 4fr 4fr;
  grid-template-rows: 1fr;
}
.dashboard #metrics.sm-view.location {
  grid-column: 7/span 6;
  grid-row: 9/span 4;
  grid-template-columns: 4fr;
  grid-template-rows: 2fr;
}
.dashboard #metrics.sm-view.company {
  grid-column: 1/span 12;
  grid-row: 1/span 2;
  grid-template-columns: 4fr 4fr 4fr;
  grid-template-rows: 1fr;
}
.dashboard #metrics .panel {
  grid-area: span 1/span 1;
}
.dashboard #traffic, .dashboard #properties-past-due {
  grid-column: 7/span 6;
  grid-row: 3/span 2;
}
.dashboard .panel .panel-header-group {
  display: flex;
  justify-content: space-between;
}
.dashboard .panel .panel-header-group .pill-tabs {
  margin-top: -5px;
}
.dashboard .panel .panel-title {
  color: #7b8da0;
  font-weight: 900;
  text-transform: uppercase;
}
.dashboard .panel .panel-dropdown {
  font-size: 12px;
  padding: 0;
  color: #354052;
  font-weight: bold;
  width: auto;
}
.dashboard .panel .panel-dropdown:after {
  font-family: "Material Icons";
  font-size: 14px;
  color: #354052;
  content: "\e313";
  opacity: 1;
  margin-left: 4px;
  vertical-align: sub;
}
.dashboard .panel h1 {
  font-size: 36px;
}

.chart-key .key-item {
  color: #7b8da0;
  margin-right: 20px;
}
.chart-key .key-item .bar {
  width: 24px;
  border-top: 4px solid #1891ff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.chart-key .key-item .bar.dashed {
  border-top: 2px dashed #9fabbc;
}

.pie-chart .pie-chart-wrapper {
  position: relative;
  width: 205px;
  height: 205px;
  margin: auto;
}
.pie-chart .pie-chart-wrapper .pie-chart-count {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 20px;
  white-space: nowrap;
  z-index: 1;
}
.pie-chart .pie-chart-wrapper #chart {
  position: absolute;
  top: -4px;
}
.pie-chart .pie-chart-wrapper .apexcharts-canvas {
  margin-left: -27px;
}
.pie-chart .chart-legend li {
  margin-top: 8px;
}
.pie-chart .dot {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  display: inline-block;
  border-radius: 50%;
}
.pie-chart .toggle {
  display: inline-block;
  cursor: pointer;
}
.pie-chart .toggle svg {
  vertical-align: top;
}

.leases-banner {
  height: 106px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.leases-banner h2 {
  position: relative;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 8px;
}
.leases-banner .triangles {
  width: 68px;
  height: 68px;
  background-size: 15px;
  position: relative;
  top: 6px;
  right: 0px;
}
.leases-banner .banner-container {
  float: left;
  width: 90%;
}
.leases-banner .banner-side {
  float: left;
  width: 5%;
}
.leases-banner .triangles-container {
  float: left;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  border-radius: 0 8px 0 0;
}
.leases-banner .circle {
  float: left;
  width: 116px;
  height: 116px;
  border-radius: 58px;
  background-color: #ffab91;
  top: 40px;
  left: -44px;
  position: relative;
}
.leases-banner .banner-value-highlight {
  font-size: 48px;
  display: inline-block;
  height: 57px;
  border-bottom: solid 13px #ffab91;
  padding: 0 3px 0 3px;
  position: relative;
  bottom: -3px;
}
.leases-banner .pace-icon {
  height: 13px;
  width: 13px;
  border-radius: 13px;
}
.leases-banner .on-pace.pace-icon {
  background: #01d994;
}
.leases-banner .behind-pace.pace-icon {
  background: #e54b4b;
}
.leases-banner .pace-container {
  background: #212529;
  border-radius: 4px;
}
.leases-banner .pace-container h4 {
  font-weight: 600;
  font-size: 16px;
  padding: 3px 0px;
}

@media screen and (max-width: 767px) {
  .leases-banner {
    height: 130px;
  }
  .leases-banner .circle {
    width: 50px;
    height: 50px;
    border-radius: 48px;
    top: 95px;
    left: -20px;
  }
  .leases-banner .banner-container {
    width: 80%;
  }
  .leases-banner .banner-container h2 {
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 6px;
  }
  .leases-banner .banner-container h2 .banner-value-highlight {
    font-size: 24px;
    height: 27px;
    border-bottom: solid 5px #ffab91;
  }
  .leases-banner .banner-container .pace-container h4 {
    font-size: 16px;
  }
  .leases-banner .triangles-container {
    width: 30px;
    height: 30px;
  }
  .leases-banner .triangles-container .triangles {
    display: block;
  }
}
#concierge-at-pill-tabs label {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.timepicker-ui-hour:hover, .timepicker-ui-hour.active, .timepicker-ui-minutes:hover, .timepicker-ui-minutes.active, .timepicker-ui-hour.mobile:hover, .timepicker-ui-hour.mobile.active, .timepicker-ui-minutes.mobile:hover, .timepicker-ui-minutes.mobile.active {
  color: #1891ff !important;
  background-color: #fcfcff !important;
}

.timepicker-ui-am:hover, .timepicker-ui-am.active, .timepicker-ui-pm:hover, .timepicker-ui-pm.active, .timepicker-ui-am.mobile:hover, .timepicker-ui-am.mobile.active, .timepicker-ui-pm.mobile:hover, .timepicker-ui-pm.mobile.active {
  color: #1891ff !important;
  background-color: #fcfcff !important;
}

.timepicker-ui-clock-hand {
  background-color: #1891ff !important;
}

.timepicker-ui-dot {
  background-color: #1891ff !important;
}

.timepicker-ui-circle-hand {
  border: 1.25rem solid #1891ff !important;
}

.timepicker-ui-cancel-btn, .timepicker-ui-ok-btn, .timepicker-ui-cancel-btn.mobile, .timepicker-ui-ok.btn-mobile {
  color: #1891ff !important;
}

.timepicker-ui-hour.mobile[contenteditable=true]:focus, .timepicker-ui-hour.mobile[contenteditable=true]:active, .timepicker-ui-minutes.mobile[contenteditable=true]:focus, .timepicker-ui-minutes.mobile[contenteditable=true]:active {
  border: 0.125rem solid #1891ff !important;
  outline-color: #1891ff !important;
}

.hide-closed-button {
  height: 26px;
  line-height: 20px;
  width: auto;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  transform: translateY(-5px);
  margin-right: 10px;
}

.my-events-button {
  padding-top: 2px;
  animation: movingGradient 20s infinite alternate;
  font-size: 48px !important;
  background: linear-gradient(130deg, #0d85ff, #ffffff, #000000);
  background-size: 300% 300%;
  color: transparent;
  background-clip: text;
  transition: transform 0.5s ease;
}
.my-events-button:hover {
  color: #0d85ff;
  cursor: pointer;
  transform: scale(1.3);
}
.my-events-button.events-active {
  color: #0d85ff !important;
  animation: unset;
}

.lead-page-outer-wrapper {
  display: flex;
}

.lead-page-wrapper {
  padding: 32px 4% 0 4%;
  height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  flex: 1;
}
.lead-page-wrapper #lead-view-details, .lead-page-wrapper #lead-tabs {
  min-width: 745px;
}
.lead-page-wrapper .lead-details {
  margin-bottom: 48px;
}
.lead-page-wrapper .lead-details .next-action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lead-page-wrapper .lead-details .next-action h1 {
  color: #1891ff;
  display: flex;
  align-items: center;
}
.lead-page-wrapper .lead-details .next-action h1 span {
  display: inline-flex;
}
.lead-page-wrapper .lead-details .next-action h1 svg {
  fill: #1891ff;
}
.lead-page-wrapper .lead-details .panel {
  padding: 16px 24px;
}
.lead-page-wrapper .lead-details .panel h6.small {
  color: #394456;
  opacity: 0.7;
  font-weight: 500;
}
.lead-page-wrapper .lead-details .panel .pure-u-1-2 > h6.small {
  margin-bottom: 4px;
}
.lead-page-wrapper .lead-details .panel .lead-detail {
  white-space: nowrap;
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
}
.lead-page-wrapper .lead-details .panel .lead-detail-label {
  width: 103px;
  display: inline-block;
  flex: none;
}
.lead-page-wrapper .lead-details .panel .lead-detail-value {
  display: inline-block;
  color: #354052;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lead-page-wrapper .lead-details ul.lead-next-action {
  padding: 0;
  margin: 0 0 8px -8px;
}
.lead-page-wrapper .lead-details ul.lead-next-action li {
  list-style-type: none;
  float: left;
  margin-right: 16px;
}
.lead-page-wrapper .lead-details ul.lead-next-action li button {
  height: 48px;
  width: 48px;
  border-radius: 4px;
  background: transparent;
  transition: all 0.2s ease-in-out 0s;
  display: inline-flex;
  justify-content: center;
}
.lead-page-wrapper .lead-details ul.lead-next-action li button svg {
  width: 32px;
  height: 32px;
  fill: #7b8da0;
  transition: all 0.2s ease-in-out 0s;
}
.lead-page-wrapper .lead-details ul.lead-next-action li button:hover {
  background: #e9ecef;
}
.lead-page-wrapper .lead-details ul.lead-next-action li button:hover svg {
  fill: #354052;
}
.lead-page-wrapper .lead-details .lead-actions {
  margin-bottom: 16px;
  top: 16px;
  right: 12px;
  display: flex;
}
.lead-page-wrapper .lead-details .lead-actions .icon-btn {
  width: 24px;
  display: inline-flex;
  margin-right: 6px;
  border-radius: 2px;
  justify-content: center;
}
.lead-page-wrapper .lead-details .lead-actions .icon-btn:hover {
  background: #e9ecef;
}
.lead-page-wrapper .lead-details .lead-actions .icon-btn i {
  font-size: 20px;
}
.lead-page-wrapper .lead-details .lead-actions .table-btn {
  font-size: 14px;
}
.lead-page-wrapper #lead-tabs {
  display: flex;
  flex-direction: column;
}
.lead-page-wrapper #lead-tabs .tab-content {
  flex: 1;
  overflow-y: auto;
}
.lead-page-wrapper .fd-div {
  display: inline-flex;
}
.lead-page-wrapper .fd-div .fd-badge {
  height: 28px;
  margin: 0 0 0 0;
  padding: 6px 12px;
  border-radius: 16px;
  background-color: #864bff;
}
.lead-page-wrapper .fd-div .fd-badge .fd-badge-text {
  font-size: 13.5px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  vertical-align: top;
}
.lead-page-wrapper .fd-div .fd-badge-button {
  padding: 0;
  margin: 0;
  background: #864bff;
  padding-block: 0;
  padding-inline: 0;
  border-radius: 100% !important;
}
.lead-page-wrapper .fd-div .fd-name {
  width: 330px;
  height: 24px;
  margin: 2px 0 2px 8px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #1891ff;
}
.lead-page-wrapper .fd-div:nth-child(n+2) {
  margin-top: 5px;
}

.report-wrapper .pure-u-1.panel-group .panel {
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .report-wrapper {
    display: block !important;
  }
  .report-wrapper .pure-u-1 {
    width: 100%;
  }
  .report-wrapper .pure-u-1.panel-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
  }
  .report-wrapper .pure-u-1.panel-group .panel {
    margin: 8px;
    flex: 1;
    flex-basis: 200px;
  }
}

#master-report-wrapper {
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  #master-report-wrapper {
    display: block;
  }
  #master-report-wrapper .grid-reset.d-flex {
    display: block;
  }
}
#master-report-wrapper .table-content-inner {
  min-height: 200px;
}

#master-report .panel.small.scrollable {
  padding: 0;
}
#master-report .panel.small.scrollable > div:first-child {
  overflow-y: auto;
  border-radius: 4px;
  max-height: 243px;
}
#master-report ul.agents-shown-4 {
  padding: 0 24px 0 24px;
}

#rotation-section #lead-request-section {
  width: 380px;
  display: block;
}
#rotation-section #lead-request-section button.change-rotation {
  width: 24px;
  height: 24px;
}
#rotation-section #lead-request-section button.change-rotation i {
  top: 50%;
  transform: translate(-50%, -50%);
}
#rotation-section #agents-on-rotation-section {
  display: block;
  width: auto;
  flex: 1;
  overflow: hidden;
}

#agents-taken-leads-wrapper {
  height: 100%;
  position: absolute;
}
#agents-taken-leads-wrapper #agents-taken-leads {
  position: relative;
  padding-top: 80px;
  height: 100%;
}
#agents-taken-leads-wrapper #agents-taken-leads .table-content {
  height: calc(100% - 39px - 48px);
}
#agents-taken-leads-wrapper #agents-taken-leads .table-content .table-content-inner {
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  #rotation-page.page-wrapper {
    overflow-y: auto;
  }
  #rotation-page.page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex {
    flex-direction: unset;
  }
  #rotation-page.page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > h2 {
    width: auto;
  }
  #rotation-page.page-wrapper > .pure-g.responsive-page .page-title-wrapper.d-flex > h2 + div {
    width: 120px;
  }
  #rotation-page.page-wrapper .city-only.d-flex {
    justify-content: space-between;
  }
  #rotation-page.page-wrapper .city-only.d-flex > div {
    width: 120px;
  }
  #rotation-page.page-wrapper .city-only.d-flex > div span.ui-button {
    width: 100%;
  }
  #rotation-page.page-wrapper .html-table#leads-taken-table .table-content-inner {
    max-height: none;
  }
}

.pro-agent-label {
  border-radius: 4px;
  background-color: #864bff;
  color: #fff;
}

.limited-agent-label {
  background-color: #fb9b2a;
  border-radius: 4px;
  color: #fff;
}

/* LEASE DETAILS */
.lease-header {
  align-items: center;
  justify-content: space-between;
}
.lease-header > div {
  align-items: center;
}
.lease-header > div .verification-status {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.lease-header > div .verification-status i {
  font-size: 16px;
  margin-left: 4px;
}

.lease-stats {
  border-top: 1px solid #d8dfe6;
  border-bottom: 1px solid #d8dfe6;
}
.lease-stats > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #d8dfe6;
}
.lease-stats > div:first-child {
  border-left: none;
}
.lease-stats > div h6 {
  color: #9fabbc;
}

#duplicate-wrapper .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 61px 1fr;
  grid-auto-flow: column;
  grid-gap: 0 32px;
}
#duplicate-wrapper .grid-container .panel-heading, #duplicate-wrapper .grid-container .panel-body {
  background: white;
  border: 1px solid #e3e5e8;
}
#duplicate-wrapper .grid-container .panel-heading {
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  align-items: center;
  padding: 0 32px;
  justify-content: space-between;
}
#duplicate-wrapper .grid-container .panel-heading .d-flex {
  align-items: baseline;
}
#duplicate-wrapper .grid-container .panel-heading a {
  color: #7b8da0;
  font-size: 14px;
}
#duplicate-wrapper .grid-container .panel-heading a i {
  font-size: 13px;
  text-decoration: none;
}
#duplicate-wrapper .grid-container .panel-body {
  border-radius: 0 0 4px 4px;
}
#duplicate-wrapper .grid-container .panel-body form {
  display: block;
  height: 100%;
}
#duplicate-wrapper .grid-container .panel-body .grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 63px;
  grid-auto-flow: column;
  height: 100%;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row-wrapper {
  padding: 16px 0;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .button-wrapper {
  justify-content: flex-end;
  padding: 0 31px;
  height: 61px;
  justify-self: end;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .d-flex {
  align-items: center;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row {
  padding: 12px 32px;
  justify-content: space-between;
  align-items: center;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row:nth-child(even) {
  background-color: #f4f5f7;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row p.small {
  font-weight: bold;
  color: #7b8da0;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row p + p {
  text-align: right;
  font-weight: bold;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row .table-btn {
  font-size: 13px;
}
#duplicate-wrapper .grid-container .panel-body .grid-container .row input {
  border: none;
  border-bottom: 1px solid #9fabbc;
  border-radius: 0;
  background: transparent;
  text-align: right;
  height: auto;
  font-size: 16px;
  font-weight: bold;
  padding: 0 8px;
  width: 174px;
}
#duplicate-wrapper .blue-border {
  border-color: #1891ff !important;
}

.property-graph h6, .property-graph i {
  font-size: 14px;
  color: #7b8da0;
  vertical-align: middle;
}
.property-graph h2 {
  font-size: 36px;
}
.property-graph .pill-tabs label {
  background: linear-gradient(to bottom, #fff 0%, #f8f9fa 100%);
  border: 1px solid #9fabbc;
}

.utm-campaign-graph-wrapper {
  border: 1px solid #bfc8d4;
  border-radius: 25px;
}
.utm-campaign-graph-wrapper .utm-campaign-graph {
  display: flex;
  width: 298px;
  border: 1px solid white;
  border-radius: 25px;
}
.utm-campaign-graph-wrapper .utm-campaign-graph .bar {
  border: 1px solid white;
  padding: 3px;
}
.utm-campaign-graph-wrapper .utm-campaign-graph .working-bar {
  background-color: rgb(24, 145, 255);
}
.utm-campaign-graph-wrapper .utm-campaign-graph .lost-bar {
  background-color: rgb(255, 196, 0);
}
.utm-campaign-graph-wrapper .utm-campaign-graph .leased-bar {
  background-color: rgb(1, 217, 148);
}
.utm-campaign-graph-wrapper .utm-campaign-graph div:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.utm-campaign-graph-wrapper .utm-campaign-graph div:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

@media only screen and (max-width: 767px) {
  #rotation-section.d-flex {
    flex-wrap: wrap;
  }
  #rotation-section.d-flex #agents-on-rotation-section {
    margin-bottom: 32px;
  }
  #rotation-section.d-flex #lead-request-section {
    width: 100%;
  }
}
@media only screen and (max-width: 568px) {
  body {
    overflow: auto;
  }
  body .page-wrapper {
    height: auto;
  }
  .sidebar ul li {
    background: transparent;
  }
  .sidebar.collapsed {
    width: 0;
    background: transparent;
    border-color: transparent;
  }
  .sidebar.collapsed ul li {
    width: 0px;
  }
  .sidebar + .navbar + .page-wrapper {
    margin-left: 0;
    width: 100%;
  }
  .lead-page-outer-wrapper {
    overflow-x: auto;
  }
  .lead-page-outer-wrapper .lead-view-sidebar, .lead-page-outer-wrapper .property-view-sidebar {
    margin-left: 0;
  }
  .lead-page-outer-wrapper .lead-page-wrapper {
    overflow-x: visible;
  }
  .dashboard.page-wrapper > .pure-g {
    min-width: auto;
  }
  /* MAKING WIDE MODALS RESPOND TO WIDTH OF SCREEN */
  .modal.wide {
    max-width: 100% !important;
  }
  .dashboard {
    padding: 8px 0;
  }
  .dashboard .page-title-wrapper {
    display: block;
    text-align: center;
  }
  .dashboard .page-title-wrapper > div.pill-tabs {
    margin-top: 8px;
  }
  .dashboard .page-title-wrapper > div.range-dropdown {
    justify-content: center;
    margin-top: 8px;
  }
  .dashboard .pure-g {
    min-width: auto;
  }
  .dashboard .pure-g .grid-container {
    display: block;
  }
  .dashboard .pure-g .grid-container .rotation-status, .dashboard .pure-g .grid-container #traffic {
    margin-top: 16px;
  }
  .dashboard .pure-g .grid-container #metrics {
    display: block;
  }
  .dashboard .panel {
    margin-bottom: 16px;
  }
  .dashboard .panel .panel-header-group .pill-tabs {
    margin-top: 30px;
  }
  .dashboard .panel .pie-chart .pie-chart-wrapper {
    margin-bottom: 16px;
  }
  .dashboard .panel .chart-key-wrapper {
    display: block;
    text-align: center;
  }
  .dashboard .panel .chart-key-wrapper .chart-key {
    justify-content: center;
    margin: 8px 0;
  }
  .dashboard .panel .chart-key-wrapper h2 {
    margin-bottom: 8px;
  }
  .dashboard .panel:last-child {
    margin-bottom: 0;
  }
  .dashboard {
    /* THESE STYLES WERE TO FIX NON-CSS-GRID HTML FOR ASSIGNER DASHBOARD */
  }
  .dashboard .h-100 {
    height: auto;
  }
  .dashboard .grid-item {
    margin-bottom: 16px;
  }
  .dashboard .grid-item .panel {
    margin-bottom: 0;
  }
  .dashboard .grid-item .grid-item:last-child {
    margin-bottom: 0;
  }
  .dashboard .mt-4 {
    margin-top: 0 !important;
  }
  #metrics {
    display: block;
  }
  /* ADDING A MARGIN BETWEEN PETS PICKER AND NEXT FIELD */
  #modal-add-lead-step-2 .left-right-spinner {
    margin-bottom: 32px;
  }
  /* REMOVING BORDER AND EXTRA PADDING BETWEEN 2 COLUMNS */
  #modal-add-lead-step-3 .grid-reset.split-items .grid-item:first-child {
    padding-right: 15px;
  }
  #modal-add-lead-step-3 .grid-reset.split-items .grid-item:last-child {
    padding-left: 15px;
    border-left: none;
  }
  #modal-add-lead-step-4 .modal .pure-form .pure-control-group {
    max-width: 95%;
    margin: auto;
  }
  #modal-add-lead-step-4 .pure-g {
    letter-spacing: normal !important;
  }
  /* REMOVING ARROWS FOR DATEPICKER AS THEY OVERLAPPED DATE ON MOBILE */
  .datepicker-dual-wrapper .datepicker-controls {
    display: none;
  }
  /* UPDATING DATEPICKER CALENDAR STYLES TO FIT ON SCREEN */
  .ui-datepicker {
    padding: 10px 10px 50px 10px;
  }
  .ui-datepicker table.ui-datepicker-calendar td, .ui-datepicker table.ui-datepicker-calendar th {
    width: auto;
    height: 30px;
  }
  .ui-datepicker table.ui-datepicker-calendar td a, .ui-datepicker table.ui-datepicker-calendar th a {
    width: 38px;
    height: 38px;
    line-height: 36px;
  }
}
.email-preview {
  /* CSS Document */
}
.email-preview table {
  border-spacing: 0;
  border-collapse: collapse;
}