@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
em,
img,
strong,
sub,
sup,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
nav,
output,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

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

ol,
ul {
  list-style: none;
}

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

:root {
  --_neutral-android-neutral-0-black-: rgba(0, 0, 0, 1);
  --_neutral-android-neutral-10: rgba(28, 27, 31, 1);
  --_neutral-android-neutral-20: rgba(49, 48, 51, 1);
  --_neutral-android-neutral-30: rgba(72, 70, 73, 1);
  --_neutral-android-neutral-40: rgba(96, 93, 98, 1);
  --_neutral-android-neutral-50: rgba(120, 117, 121, 1);
  --_neutral-android-neutral-60: rgba(147, 144, 148, 1);
  --_neutral-android-neutral-70: rgba(174, 170, 174, 1);
  --_neutral-android-neutral-80: rgba(201, 197, 202, 1);
  --_neutral-android-neutral-90: rgba(230, 225, 229, 1);
  --_neutral-android-neutral-95: rgba(244, 239, 244, 1);
  --_neutral-android-neutral-100-white-: rgba(255, 255, 255, 1);
  --neutral-0-black-: rgba(0, 0, 0, 1);
  --neutral-1: rgba(43, 51, 59, 1);
  --neutral-2: rgba(60, 68, 77, 1);
  --neutral-3: rgba(133, 141, 145, 1);
  --neutral-4: rgba(178, 186, 192, 1);
  --neutral-5: rgba(210, 215, 218, 1);
  --neutral-6: rgba(231, 234, 236, 1);
  --neutral-7: rgba(246, 248, 249, 1);
  --neutral-8-white-: rgba(255, 255, 255, 1);
  --list-1-hover: rgba(236, 245, 251, 1);
  --list-2-active: rgba(223, 238, 247, 1);
  --list-3-active-hover: rgba(206, 228, 243, 1);
  --list-4-on-call-hover: rgba(255, 252, 241, 1);
  --primary-blue: rgba(48, 147, 199, 1);
  --primary-blue-2-hover: rgba(59, 168, 222, 1);
  --primary-blue-3-disabled-light: rgba(173, 213, 235, 1);
  --primary-blue-4-disabled-dark: rgba(38, 65, 79, 1);
  --primary-green: rgba(35, 182, 35, 1);
  --primary-green-2-hover: rgba(80, 196, 80, 1);
  --primary-green-3-disabled-light: rgba(167, 225, 167, 1);
  --primary-green-4-disabled-dark: rgba(62, 78, 62, 1);
  --primary-green-5-background: rgba(233, 247, 233, 1);
  --primary-green-6-dark: rgba(25, 128, 25, 1);
  --primary-red: rgba(239, 58, 41, 1);
  --primary-red-2-hover: rgba(221, 74, 69, 1);
  --primary-red-3-disabled: rgba(237, 171, 168, 1);
  --primary-yellow: rgba(255, 182, 0, 1);
  --primary-yellow-2-hover: rgba(255, 195, 45, 1);
  --primary-yellow-3-disabled: rgba(255, 226, 154, 1);
  --primary-yellow-4-background: rgba(255, 244, 217, 1);
  --primary-yellow-5-dark: rgba(128, 91, 0, 1);
  --secondary-blue: rgba(67, 178, 237, 1);
  --secondary-blue-2-hover: rgba(87, 187, 240, 1);
  --secondary-blue-3-disabled: rgba(180, 224, 248, 1);
  --secondary-blue-4-background: rgba(236, 247, 253, 1);
  --secondary-blue-5-dark: rgba(45, 119, 159, 1);
  --secondary-magenta: rgba(255, 20, 52, 1);
  --secondary-magenta-2-hover: rgba(241, 61, 85, 1);
  --secondary-magenta-3-disabled: rgba(255, 161, 174, 1);
  --secondary-purple: rgba(138, 159, 220, 1);
  --secondary-purple-2-hover: rgba(135, 164, 249, 1);
  --secondary-purple-3-disabled: rgba(188, 201, 240, 1);
  --tertiary-branding-blue: rgba(55, 128, 194, 1);
  --tertiary-branding-green: rgba(91, 185, 82, 1);
  --tertiary-branding-slate: rgba(60, 68, 77, 1);
  --tertiary-carriers-amazon: rgba(0, 0, 0, 1);
  --tertiary-carriers-dhl: rgba(251, 208, 0, 1);
  --tertiary-carriers-fedex: rgba(75, 25, 148, 1);
  --tertiary-carriers-ups: rgba(60, 24, 0, 1);
  --tertiary-carriers-usps: rgba(29, 93, 159, 1);
  --tertiary-file-formats-excel: rgba(65, 126, 66, 1);
  --tertiary-file-formats-pdf: rgba(221, 79, 68, 1);
  --tertiary-file-formats-word: rgba(52, 75, 160, 1);
  --tertiary-integrations-hd-supply: rgba(255, 204, 51, 1);
  --tertiary-private-label-tcr: rgba(78, 123, 145, 1);
  --tertiary-private-label-yes: rgba(163, 216, 72, 1);
  --tertiary-ratings-1-good: rgba(19, 228, 2, 1);
  --tertiary-ratings-2-fair: rgba(253, 232, 3, 1);
  --tertiary-ratings-3-repair: rgba(239, 4, 2, 1);
  --tertiary-ratings-4-replace: rgba(0, 0, 0, 1);
  --tertiary-ratings-5-na: rgba(255, 255, 255, 1);
}

.people-view, .tags-view, .categories-view, .ratings-view,
.forms-view, .packages-view, .my-profile-view, .assets-view, .reports-dashboard, .report-display, .messages-view, .dashboard-view, .site-content-view {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  padding: 0 30px;
}

.show-map.people-view, .show-map.tags-view, .show-map.categories-view, .show-map.ratings-view,
.show-map.forms-view, .show-map.packages-view, .show-map.my-profile-view, .show-map.assets-view, .show-map.reports-dashboard, .show-map.report-display, .show-map.messages-view, .show-map.dashboard-view, .show-map.site-content-view {
  padding: 0px;
}

.people-section.users .users-on-call,
.people-section.users .users-list, .settings-assignments .users-on-call, .resident-custom-content-settings,
.resident-announcements-settings, .settings-index-view,
.settings-view, .people-section.users, .people-section.teams, .people-section.residents, .advanced-list-view, .reports-dashboard .reports-dashboard-view, .places-view, .tasks-section,
.assignments-view {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}

.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn, .sr-button-with-menu.v2 .primary,
.sr-button-with-menu.v2 .secondary,
.sr-button-with-menu.v2 .left-btn, .danger-button, aside.side-nav button.danger, .tertiary-button, .nav-popover .back-button, .paging-buttons a, .secondary-button, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn, .primary-button, aside.side-nav button.primary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 700;
  text-decoration: none;
  padding: 0 17px;
  border-radius: 3px;
  height: 38px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.sr-button-with-menu.v2 .primary:hover,
.sr-button-with-menu.v2 .secondary:hover,
.sr-button-with-menu.v2 .left-btn:hover, .danger-button:hover, aside.side-nav button.danger:hover, .tertiary-button:hover, .nav-popover .back-button:hover, .paging-buttons a:hover, .secondary-button:hover, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:hover, .primary-button:hover, aside.side-nav button.primary:hover, .sr-button-with-menu.v2 .primary:focus,
.sr-button-with-menu.v2 .secondary:focus,
.sr-button-with-menu.v2 .left-btn:focus, .danger-button:focus, aside.side-nav button.danger:focus, .tertiary-button:focus, .nav-popover .back-button:focus, .paging-buttons a:focus, .secondary-button:focus, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus, .primary-button:focus, aside.side-nav button.primary:focus, .sr-button-with-menu.v2 .primary:active,
.sr-button-with-menu.v2 .secondary:active,
.sr-button-with-menu.v2 .left-btn:active, .danger-button:active, aside.side-nav button.danger:active, .tertiary-button:active, .nav-popover .back-button:active, .paging-buttons a:active, .secondary-button:active, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:active, .primary-button:active, aside.side-nav button.primary:active, .sr-button-with-menu.v2 .primary:focus-visible,
.sr-button-with-menu.v2 .secondary:focus-visible,
.sr-button-with-menu.v2 .left-btn:focus-visible, .danger-button:focus-visible, aside.side-nav button.danger:focus-visible, .tertiary-button:focus-visible, .nav-popover .back-button:focus-visible, .paging-buttons a:focus-visible, .secondary-button:focus-visible, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus-visible, .primary-button:focus-visible, aside.side-nav button.primary:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-button-with-menu.v2 .disabled.primary,
.sr-button-with-menu.v2 .disabled.secondary,
.sr-button-with-menu.v2 .disabled.left-btn, .disabled.danger-button, aside.side-nav button.disabled.danger, .disabled.tertiary-button, .nav-popover .disabled.back-button, .paging-buttons a.disabled, .disabled.secondary-button, .sr-selectro.filter-mode:not(.in-filter) .disabled.input-container.filter-btn, .disabled.primary-button, aside.side-nav button.disabled.primary {
  outline: none;
  cursor: not-allowed;
}

.primary-button, aside.side-nav button.primary {
  color: #ffffff;
  background: var(--primary-blue);
  border: 1px solid transparent;
}
.primary-button:hover:not(.disabled), aside.side-nav button.primary:hover:not(.disabled), .primary-button:focus:not(.disabled), aside.side-nav button.primary:focus:not(.disabled), .primary-button:active:not(.disabled), aside.side-nav button.primary:active:not(.disabled) {
  background: var(--primary-blue-2-hover);
}
.disabled.primary-button, aside.side-nav button.disabled.primary {
  background: var(--primary-blue-3-disabled-light);
}

.secondary-button, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn {
  color: var(--neutral-2);
  background: var(--neutral-6);
  border: 1px solid transparent;
}
.secondary-button:hover:not(.disabled), .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:hover:not(.disabled), .secondary-button:focus:not(.disabled), .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus:not(.disabled), .secondary-button:active:not(.disabled), .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:active:not(.disabled) {
  background: var(--neutral-5);
}
.disabled.secondary-button, .sr-selectro.filter-mode:not(.in-filter) .disabled.input-container.filter-btn {
  opacity: 0.5;
}

.tertiary-button, .nav-popover .back-button, .paging-buttons a {
  color: var(--neutral-2);
  background: #ffffff;
  border: 1px solid var(--neutral-4);
  width: 48px;
}
.tertiary-button:hover:not(.disabled), .nav-popover .back-button:hover:not(.disabled), .paging-buttons a:hover:not(.disabled), .tertiary-button:focus:not(.disabled), .nav-popover .back-button:focus:not(.disabled), .paging-buttons a:focus:not(.disabled), .tertiary-button:active:not(.disabled), .nav-popover .back-button:active:not(.disabled), .paging-buttons a:active:not(.disabled) {
  border-color: var(--neutral-3);
}
.disabled.tertiary-button, .nav-popover .disabled.back-button, .paging-buttons a.disabled {
  opacity: 0.5;
}
.hidden.tertiary-button, .nav-popover .hidden.back-button, .paging-buttons a.hidden {
  display: none;
}
.loading.tertiary-button, .nav-popover .loading.back-button, .paging-buttons a.loading {
  width: 55px;
}
.tertiary-button div.inline-loading, .nav-popover .back-button div.inline-loading, .paging-buttons a div.inline-loading {
  margin: 0 0 0 5px;
}
.tertiary-button div.inline-loading:first-child, .nav-popover .back-button div.inline-loading:first-child, .paging-buttons a div.inline-loading:first-child {
  margin: 0;
}
.tertiary-button .inline-loading div.bounce, .nav-popover .back-button .inline-loading div.bounce, .paging-buttons a .inline-loading div.bounce {
  background-color: var(--neutral-3);
}

.danger-button, aside.side-nav button.danger {
  color: var(--primary-red);
  background: #ffffff;
  border: 1px solid var(--neutral-4);
}
.danger-button:hover:not(.disabled), aside.side-nav button.danger:hover:not(.disabled) {
  color: var(--primary-red-2-hover);
  border-color: var(--neutral-3);
}
.danger-button .disabled, aside.side-nav button.danger .disabled {
  opacity: 0.5;
}

.resident-communications .delete-overlay,
.resident-communications .image-edit-overlay,
.resident-communications .geodelete-overlay, .settings-index-view .delete-overlay,
.settings-index-view .image-edit-overlay,
.settings-index-view .geodelete-overlay,
.settings-view .delete-overlay,
.settings-view .image-edit-overlay,
.settings-view .geodelete-overlay, .settings-index-view div.settings-content .overlay-container,
.settings-view div.settings-content .overlay-container, .settings-index-view div.settings-content .panel-container,
.settings-view div.settings-content .panel-container, .settings-index-view div.settings-content .settings-map,
.settings-view div.settings-content .settings-map, .settings-index-view div.settings-content .settings-site-overlay,
.settings-view div.settings-content .settings-site-overlay, .site-details .assignment-edit-overlay, .suggest-type-popup .shadow, .suggest-type-popup, .assignment-content .assignment-edit-overlay, .right-panel .assignment-edit-overlay, .maptest .overlay-container, .maptest .map-container, .maptest, .places-view .places-content .panel-container, .places-view .places-content .places-map, .basic-modal-overlay, .application-view,
.assignments-view, .map .map-inner .map-container, .map .map-inner, .content-overlay, .sr-loading-shadow {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.sidebar header:after {
  clear: both;
  content: "";
  display: table;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.animated-loading-background {
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #e7eaec 8%, #d2d7da 18%, #e7eaec 33%);
  background-size: 800px 104px;
  position: relative;
  border-radius: 2px;
}

@keyframes spinner-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blank-button {
  position: relative;
  float: right;
  outline: none;
  display: block;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  background: transparent;
}
.blank-button::-moz-focus-inner {
  border: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.map-zoom-controls {
  position: absolute;
  right: 25px;
  top: 30px;
  z-index: 20;
  width: 28px;
  height: 56px;
  box-sizing: border-box;
  border: 2px solid var(--neutral-2);
  border-radius: 3px;
  box-sizing: border-box;
}

.in-creation-mode .map-zoom-controls {
  top: 70px;
}

.map-zoom-in,
.map-zoom-out {
  width: 100%;
  height: 26px;
  background-color: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
}
.map-zoom-in.light,
.map-zoom-out.light {
  background-color: rgba(255, 255, 255, 0.8);
}
.map-zoom-in:after,
.map-zoom-out:after {
  position: relative;
  font-size: 26px;
  color: var(--neutral-2);
}
.map-zoom-in:hover,
.map-zoom-out:hover {
  background-color: rgb(255, 255, 255);
}
.map-zoom-in:hover:after,
.map-zoom-out:hover:after {
  color: var(--neutral-1);
}
.map-zoom-in.disabled,
.map-zoom-out.disabled {
  opacity: 0.5;
  cursor: default;
}

.map-zoom-in {
  border-bottom: 1px solid var(--neutral-2);
}
.map-zoom-in:after {
  content: "+";
  top: -6px;
}

.map-zoom-out {
  border-top: 1px solid var(--neutral-2);
}
.map-zoom-out:after {
  content: "–";
  top: -8px;
}

.generalRightPanel,
.generalLeftPanel {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  border-left: 1px solid var(--neutral-5);
  box-shadow: -8px 0 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding-bottom: 70px;
}
.generalRightPanel.generalRightPanel.open,
.generalLeftPanel.generalRightPanel.open {
  right: 0;
}
.generalRightPanel.generalLeftPanel.open,
.generalLeftPanel.generalLeftPanel.open {
  left: 0;
}
.generalRightPanel h2,
.generalLeftPanel h2 {
  margin: 18px 25px;
  border-bottom: 1px solid var(--neutral-4);
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 5px;
}
.generalRightPanel div.lower-buttons,
.generalLeftPanel div.lower-buttons {
  width: 100%;
  position: absolute;
  bottom: 28px;
  text-align: center;
}
.generalRightPanel div.lower-buttons div.error,
.generalLeftPanel div.lower-buttons div.error {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-red);
}
.generalRightPanel div.lower-buttons a,
.generalLeftPanel div.lower-buttons a {
  margin-right: 5px;
  display: inline-block;
}
.generalRightPanel div.lower-buttons a:last-child,
.generalLeftPanel div.lower-buttons a:last-child {
  margin-right: 0px;
}

.standardAddButton {
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-size: 84px 28px;
  background: url("images/places/addPlaceBtn.png") no-repeat;
  transition: opacity 0.5s ease-in-out;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .standardAddButton {
    background-image: url("images/places/addPlaceBtn@2x.png");
    background-size: 84px 28px;
  }
}
.standardAddButton span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("images/places/addPlaceBtn.png") no-repeat;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .standardAddButton span {
    background-image: url("images/places/addPlaceBtn@2x.png");
    background-size: 84px 28px;
  }
}
.standardAddButton:hover span {
  opacity: 1;
}
.standardAddButton:active span {
  opacity: 1;
  background-position: right;
}
.standardAddButton.disabled {
  opacity: 0;
  cursor: default;
}
.standardAddButton.disabled span {
  display: none;
}

.assignments-new-project .project-task-list .task-project-row h6,
.assignments-new-project .project-task-list .task-project-row p, .form-container p, .media-slider-with-description p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.download-excel-report h3, header.subHeader .property-header h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 23px;
}

.basic-modal header {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.user-confirmation input[type=text],
.user-confirmation input[type=password], .new-person-view .step input[type=text],
.new-person-view .step input[type=password] {
  border-radius: 5px;
  border: 1px solid var(--neutral-4);
  height: 38px;
  width: 150px;
  padding-left: 10px;
  font-size: 16px;
}

.user-confirmation label, .new-person-view label {
  color: #55565a;
  font-size: 14px;
  font-weight: 600;
}

.commit, .save, div.reset-container input[type=submit], .profile-view .controls a.save,
.profile-view .controls a.cancel,
.profile-view .controls a.commit, .user-confirmation input[type=submit], .new-person-view .step a.next,
.new-person-view .step a.create,
.new-person-view .step a.confirm,
.new-person-view .step a.previous, .bordered-container div.sign-out a.sign-out {
  clear: both;
  padding: 6px 12px;
  border: none;
  border-radius: 5px;
  background-color: #77bc1f;
  color: white;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  line-height: 17px;
  box-sizing: border-box;
  height: 29px;
}
.cancel.commit, .cancel.save, div.reset-container input.cancel[type=submit],
.profile-view .controls a.cancel, .user-confirmation input.cancel[type=submit], .new-person-view .step a.cancel.next,
.new-person-view .step a.cancel.create,
.new-person-view .step a.cancel.confirm,
.new-person-view .step a.cancel.previous, .bordered-container div.sign-out a.cancel.sign-out {
  background-color: var(--neutral-4);
}
.save, div.reset-container input.save[type=submit], .profile-view .controls a.save, .user-confirmation input.save[type=submit], .new-person-view .step a.save.next,
.new-person-view .step a.save.create,
.new-person-view .step a.save.confirm,
.new-person-view .step a.save.previous, .bordered-container div.sign-out a.save.sign-out {
  background-color: #77bc1f;
}
.commit, div.reset-container input.commit[type=submit],
.profile-view .controls a.commit, .user-confirmation input.commit[type=submit], .new-person-view .step a.commit.next,
.new-person-view .step a.commit.create,
.new-person-view .step a.commit.confirm,
.new-person-view .step a.commit.previous, .bordered-container div.sign-out a.commit.sign-out {
  background-color: var(--primary-blue);
}
.confirm.commit, .confirm.save, div.reset-container input.confirm[type=submit], .profile-view .controls a.confirm.save,
.profile-view .controls a.confirm.cancel,
.profile-view .controls a.confirm.commit, .user-confirmation input.confirm[type=submit],
.new-person-view .step a.confirm, .bordered-container div.sign-out a.confirm.sign-out {
  background-color: #8fc7e8;
}

.person-view, .bordered-container {
  padding: 30px;
  border: solid 1px var(--neutral-4);
  background-color: white;
}

.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.map {
  position: absolute !important;
  top: 144px;
  bottom: 0;
  left: 420px;
  right: 0;
  left: 240px;
  transition: left 0.25s;
  margin-left: 350px;
  width: calc(100vw - 350px - 0px - 240px);
}
.map .map-cover {
  width: 100%;
  height: 100%;
  background-color: var(--neutral-7);
}
.map.task-creation {
  margin-left: 0px;
  width: calc(100vw - 0px - 500px - 240px);
}
.map.task-view {
  margin-left: 350px;
  width: calc(100vw - 350px - 500px - 240px);
}
.map.sidebar-collapsed {
  left: 70px;
  margin-left: 350px;
  width: calc(100vw - 350px - 0px - 70px);
}
.map.sidebar-collapsed.task-creation {
  margin-left: 0px;
  width: calc(100vw - 0px - 500px - 70px);
}
.map.sidebar-collapsed.task-view {
  margin-left: 350px;
  width: calc(100vw - 350px - 500px - 70px);
}
.map.hide-map {
  display: none;
}
.map .leaflet-marker-icon.top-marker {
  z-index: 1500 !important;
}
.map .leaflet-div-icon {
  background-color: transparent;
  border: none;
}
.map.right-panel-overlay .map-zoom-controls {
  margin-right: 500px;
}

.mapboxgl-map .mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-map .mapboxgl-ctrl-nav-compass {
  cursor: default;
}
.mapboxgl-map .mapboxgl-canvas-container.mapboxgl-interactive.place-hovered {
  cursor: pointer;
}
.mapboxgl-map .mapboxgl-ctrl-nav-compass:active,
.mapboxgl-map .mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-map .mapboxgl-canvas-container.mapboxgl-interactive.place-hover:active, .mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive:active {
  cursor: move;
}
.mapboxgl-map.non-interactive .mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-map.non-interactive .mapboxgl-ctrl-nav-compass:active {
  cursor: default;
}
.mapboxgl-map .mapbox-gl-draw_ctrl-draw-btn {
  display: none;
}
.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: default;
}
.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: default;
}
.mapboxgl-map.mode-static.mouse-pointer.inMove .mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-map.mode-static.mouse-pointer.inRotate .mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-map.inRotate .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}

.mapboxgl-canvas.drag-hover {
  cursor: grab;
}

.mapboxgl-canvas.dragging {
  cursor: grabbing;
}

.mapboxgl-canvas.clickable {
  cursor: pointer;
}

.map-hover {
  display: none;
  position: absolute;
  width: 350px;
  height: 90px;
  z-index: 5000;
}
.map-hover ul.tasks-map {
  position: absolute;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: var(--neutral-8-white-) !important;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.map-hover ul.tasks-map .file-indicator {
  top: 58px !important;
}
.map-hover ul.tasks-map li:not(.group-item-view):not(.empty).from-map {
  cursor: pointer;
}
.map-hover:before, .map-hover:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -5px 0 0 -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.map-hover:after {
  box-shadow: 0px, 0px, 6px, 1px, rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.map-hover.top:before, .map-hover.top:after {
  top: 0;
}
.map-hover.left:before, .map-hover.left:after {
  top: 50%;
  right: 0;
  left: auto;
  margin: -5px -5px 0 0;
}
.map-hover.left.upper:before, .map-hover.left.upper:after {
  top: 0px;
  right: 15px;
}
.map-hover.left.lower:before, .map-hover.left.lower:after {
  top: auto;
  bottom: -5px;
  right: 15px;
}
.map-hover.right.has-image:before {
  z-index: 10;
}
.map-hover.right:before, .map-hover.right:after {
  top: 50%;
  left: 0;
  background: var(--neutral-7);
}
.map-hover.right.upper:before, .map-hover.right.upper:after {
  top: 0px;
  left: 15px;
}
.map-hover.right.lower:before, .map-hover.right.lower:after {
  top: auto;
  bottom: -5px;
  left: 15px;
}
.map-hover.none:before, .map-hover.none:after {
  display: none;
}

.add-task-marker {
  border-radius: 5px;
  box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, 0.85);
  position: relative;
  width: 110px;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  background-color: white;
  text-align: center;
  padding-top: 8px;
}
.add-task-marker .add-task-marker-caret {
  position: absolute;
  bottom: -12px;
  left: 43px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid white;
}
.add-task-marker:hover {
  box-shadow: 1px 2px 8px 3px rgba(var(--primary-blue), 0.85);
  color: var(--primary-blue);
}

.markdown-content {
  font-size: 14px;
  font-weight: 400;
  color: var(--neutral-2);
}
.markdown-content h1 {
  margin-top: 14px;
  font-size: 21px;
  line-height: normal;
}
.markdown-content h2 {
  margin-top: 14px;
  font-size: 18px;
  line-height: normal;
}
.markdown-content ol {
  margin-bottom: 30px;
  margin-left: 2rem;
  list-style-type: decimal;
}
.markdown-content ul {
  margin-bottom: 30px;
  margin-left: 2rem;
  list-style-type: disc;
}
.markdown-content ul li {
  height: auto;
}
.markdown-content strong {
  font-weight: bold;
}
.markdown-content em {
  font-style: italic;
}
.markdown-content b {
  font-weight: bold;
}
.markdown-content i {
  font-style: italic;
}
.markdown-content p {
  font-size: 14px;
  margin-top: 14px !important;
  line-height: normal;
  white-space: pre-line;
  word-break: break-word;
  word-wrap: break-word;
}
.markdown-content a {
  text-decoration: underline;
  color: var(--primary-blue);
}

.light .markdown-content a,
.dark .markdown-content a {
  color: var(--primary-blue);
  color: var(--brand-color);
}

.markdown-content div > * {
  margin-bottom: 1.5rem;
}

.pell {
  border: 1px solid rgba(10, 10, 10, 0.1);
  box-sizing: border-box;
  position: relative;
}

.dropdown {
  width: 226px;
  border-radius: 4px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: 41px;
  right: 20px;
  display: none;
  border: 1px solid var(--neutral-4);
  padding-top: 15px;
  z-index: 2;
  box-shadow: 0px 10px 20px 0px rgba(178, 186, 192, 0.6);
}
.dropdown:after, .dropdown:before {
  bottom: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dropdown:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: white;
  border-width: 10px;
  margin-left: -10px;
}
.dropdown:before {
  border-color: rgba(225, 229, 231, 0);
  border-bottom-color: var(--neutral-4);
  border-width: 11px;
  margin-left: -11px;
}
.dropdown .dropdown-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 12px;
}
.dropdown .dropdown-header-container span {
  font-size: 12px;
  color: var(--neutral-3);
  padding: 0 15px;
}
.dropdown #pf_tooltip:after {
  content: "?";
  font-size: 17px;
  font-weight: 600;
}
.dropdown .pf-action-button {
  padding: 10px 15px;
  width: 100%;
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: var(--neutral-2);
  font-size: 13px;
  text-align: left;
  line-height: 17px;
}
.dropdown .pf-action-button:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dropdown .pf-action-button:hover {
  background: var(--list-1-hover);
}

.p-fields-icon {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
  display: block;
}

.pell-content {
  box-sizing: border-box;
  height: 300px;
  width: 450px;
  outline: 0;
  overflow-y: auto;
  padding: 10px;
}
.pell-content p ul,
.pell-content p ol {
  margin-top: -14px;
}

.pell-actionbar {
  background-color: var(--neutral-8-white-);
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}

.pell-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom;
}

.pell-button-selected {
  background-color: #f0f0f0;
}

.invalid-content .pell-content {
  border-color: var(--primary-red) !important;
}
.invalid-content .pell-content:focus {
  border: 1px solid var(--primary-red) !important;
  box-shadow: inset 0 0 0 1px var(--primary-red) !important;
}

.inline-loading {
  width: 27px;
  text-align: center;
  display: inline;
}
.inline-loading div.bounce {
  margin: -3px 0 0;
  width: 6px;
  height: 6px;
  background-color: var(--neutral-8-white-);
  border-radius: 100%;
  display: inline-block;
  animation: inline-bouncedelay 1.4s infinite ease-in-out;
  animation-fill-mode: both;
}
.inline-loading div.bounce.bounce1 {
  animation-delay: -0.32s;
}
.inline-loading div.bounce.bounce2 {
  animation-delay: -0.16s;
}
.inline-loading.grey div.bounce {
  background-color: var(--neutral-5);
}
.inline-loading.displayBlock {
  display: block;
}
.inline-loading.centerLoading {
  margin: 0 auto;
}
@keyframes inline-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.full-loading .circle-backup {
  display: none;
}
.full-loading.small .circle-loading {
  width: 40px;
  height: 40px;
}
.full-loading.small .circle-loading .container1 > div,
.full-loading.small .circle-loading .container2 > div,
.full-loading.small .circle-loading .container3 > div {
  width: 9px;
  height: 9px;
}

.circle-loading {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  position: relative;
}
.circle-loading .container1 > div,
.circle-loading .container2 > div,
.circle-loading .container3 > div {
  width: 12px;
  height: 12px;
  background-color: var(--neutral-8-white-);
  border-radius: 100%;
  position: absolute;
  animation: circle-bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}
.circle-loading .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.circle-loading .container2 {
  transform: rotateZ(45deg);
}
.circle-loading .container3 {
  transform: rotateZ(90deg);
}
.circle-loading .circle1 {
  top: 0;
  left: 0;
}
.circle-loading .circle2 {
  top: 0;
  right: 0;
}
.circle-loading .circle3 {
  right: 0;
  bottom: 0;
}
.circle-loading .circle4 {
  left: 0;
  bottom: 0;
}
.circle-loading .container2 .circle1 {
  animation-delay: -1.1s;
}
.circle-loading .container3 .circle1 {
  animation-delay: -1s;
}
.circle-loading .container1 .circle2 {
  animation-delay: -0.9s;
}
.circle-loading .container2 .circle2 {
  animation-delay: -0.8s;
}
.circle-loading .container3 .circle2 {
  animation-delay: -0.7s;
}
.circle-loading .container1 .circle3 {
  animation-delay: -0.6s;
}
.circle-loading .container2 .circle3 {
  animation-delay: -0.5s;
}
.circle-loading .container3 .circle3 {
  animation-delay: -0.4s;
}
.circle-loading .container1 .circle4 {
  animation-delay: -0.3s;
}
.circle-loading .container2 .circle4 {
  animation-delay: -0.2s;
}
.circle-loading .container3 .circle4 {
  animation-delay: -0.1s;
}
@keyframes circle-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.standardButton {
  outline: none;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 38px;
  padding: 0 17px;
  height: 38px;
  min-width: 0;
  cursor: pointer;
  letter-spacing: 0px;
  border: 0px;
  text-decoration: none;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  transition: all 0.15s ease-in-out;
}
.standardButton:hover, .standardButton:focus, .standardButton:active, .standardButton:focus-visible {
  transition: all 0s ease-in-out;
}
.standardButton::-moz-focus-inner {
  border: 0;
}
.standardButton.loading {
  cursor: default;
}
.standardButton.disabled {
  cursor: no-drop;
}
.standardButton.z10 {
  z-index: 10;
}
.standardButton.small {
  height: 30px;
  line-height: 28px !important;
  padding: 0px 10px;
}
.standardButton.small.with-border {
  line-height: 26px !important;
}
.standardButton.mainSubmit {
  z-index: 9999;
  width: 100%;
  position: absolute;
  bottom: 0;
  border-radius: 0px;
  height: 50px;
  line-height: 50px;
}
.standardButton.hidden {
  height: 0px;
}
.standardButton div.inline-loading {
  margin: 0 0 0 5px;
}
.standardButton div.inline-loading:first-child {
  margin: 0;
}

.main-submit-container {
  z-index: 9999;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.main-submit-container .two-button-layout {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.main-submit-container .two-button-layout .standardButton {
  position: relative;
}

.top-button-banner {
  height: 76px;
  width: 100%;
  padding: 0 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  background-color: var(--neutral-8-white-);
}
.top-button-banner strong {
  font-weight: 700;
}
.top-button-banner .info-circle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-button-banner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25px;
  right: 25px;
  height: 1px;
  background-color: var(--neutral-5);
}
.top-button-banner .description {
  padding-left: 15px;
}

.standardButton.res-red,
.standardColors.res-red {
  color: var(--neutral-8-white-);
  background-color: var(--secondary-magenta);
}
.standardButton.res-red:hover:not(.disabled), .standardButton.res-red:focus:not(.disabled),
.standardColors.res-red:hover:not(.disabled),
.standardColors.res-red:focus:not(.disabled) {
  background-color: rgb(147.5, 0, 20.085106383);
}
.standardButton.res-red.disabled.text-disable,
.standardColors.res-red.disabled.text-disable {
  color: rgba(255, 255, 255, 0.3);
}
.standardButton.res-red.disabled:not(.text-disable),
.standardColors.res-red.disabled:not(.text-disable) {
  background-color: var(--neutral-6);
}
.standardButton.brand-bg,
.standardColors.brand-bg {
  color: var(--neutral-8-white-);
}
.standardButton.brand-bg.disabled.text-disable,
.standardColors.brand-bg.disabled.text-disable {
  color: rgba(255, 255, 255, 0.5);
}
.standardButton.brand-bg.disabled:not(.text-disable),
.standardColors.brand-bg.disabled:not(.text-disable) {
  background-color: var(--neutral-6);
}
.standardButton.res-open,
.standardColors.res-open {
  color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-8-white-);
  background-color: rgba(0, 0, 0, 0.5);
}
.standardButton.green,
.standardColors.green {
  color: var(--neutral-8-white-);
  background-color: var(--primary-green);
}
.standardButton.green:hover, .standardButton.green:focus,
.standardColors.green:hover,
.standardColors.green:focus {
  background-color: var(--primary-green-2-hover);
}
.standardButton.green.disabled, .standardButton.green.loading,
.standardColors.green.disabled,
.standardColors.green.loading {
  background-color: var(--primary-green-3-disabled-light);
  color: #f1f8e9;
}
.standardButton.green.secondary,
.standardColors.green.secondary {
  border-left: 1px solid var(--neutral-8-white-);
}
.standardButton.green.left-btn,
.standardColors.green.left-btn {
  border-right: 1px solid var(--neutral-8-white-);
}
.standardButton.blue,
.standardColors.blue {
  color: var(--neutral-8-white-);
  background-color: var(--primary-blue);
}
.standardButton.blue:hover, .standardButton.blue:focus,
.standardColors.blue:hover,
.standardColors.blue:focus {
  background-color: var(--primary-blue-2-hover);
}
.standardButton.blue.disabled, .standardButton.blue.loading,
.standardColors.blue.disabled,
.standardColors.blue.loading {
  background-color: var(--primary-blue-3-disabled-light);
  color: #e1eff9;
}
.standardButton.blue.secondary,
.standardColors.blue.secondary {
  border-left: 1px solid var(--neutral-8-white-);
}
.standardButton.blue.left-btn,
.standardColors.blue.left-btn {
  border-right: 1px solid var(--neutral-8-white-);
}
.standardButton.light-blue,
.standardColors.light-blue {
  color: var(--primary-blue);
  background-color: var(--neutral-7);
}
.standardButton.light-blue:hover, .standardButton.light-blue:focus,
.standardColors.light-blue:hover,
.standardColors.light-blue:focus {
  background-color: var(--list-2-active);
}
.standardButton.light-blue.disabled, .standardButton.light-blue.loading,
.standardColors.light-blue.disabled,
.standardColors.light-blue.loading {
  background-color: var(--list-1-hover);
  color: var(--primary-blue);
}
.standardButton.destructive,
.standardColors.destructive {
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.standardButton.destructive:hover, .standardButton.destructive:focus,
.standardColors.destructive:hover,
.standardColors.destructive:focus {
  background-color: var(--primary-red-2-hover);
}
.standardButton.destructive.disabled, .standardButton.destructive.loading,
.standardColors.destructive.disabled,
.standardColors.destructive.loading {
  background-color: var(--primary-red-3-disabled);
}
.standardButton.destructive.secondary,
.standardColors.destructive.secondary {
  border-left: 1px solid var(--neutral-8-white-);
}
.standardButton.destructive.left-btn,
.standardColors.destructive.left-btn {
  border-right: 1px solid var(--neutral-8-white-);
}
.standardButton.grey,
.standardColors.grey {
  color: var(--neutral-2);
  background-color: var(--neutral-5);
}
.standardButton.grey:hover, .standardButton.grey:focus,
.standardColors.grey:hover,
.standardColors.grey:focus {
  background-color: var(--neutral-4);
}
.standardButton.grey.disabled,
.standardColors.grey.disabled {
  background-color: var(--neutral-6);
  color: var(--neutral-4);
}
.standardButton.white,
.standardColors.white {
  border: 1px solid var(--neutral-4);
  background: rgba(0, 0, 0, 0.4);
  color: var(--neutral-8-white-);
}
.standardButton.white.disabled,
.standardColors.white.disabled {
  color: var(--neutral-4);
}
.standardButton.back,
.standardColors.back {
  color: var(--neutral-2);
  border: 1px solid var(--neutral-4);
  background-color: transparent;
}
.standardButton.back:hover, .standardButton.back:focus,
.standardColors.back:hover,
.standardColors.back:focus {
  border: 1px solid var(--neutral-2);
  color: var(--neutral-2);
}
.standardButton.back.disabled,
.standardColors.back.disabled {
  color: var(--neutral-5);
  border: 1px solid var(--neutral-5);
}
.standardButton.back.with-icon span.icon,
.standardColors.back.with-icon span.icon {
  display: inline-block;
  width: 12px;
  height: 11px;
  vertical-align: top;
  margin: 8px 10px 0 0;
  background: url("images/standardBtnBackSprite.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .standardButton.back.with-icon span.icon,
  .standardColors.back.with-icon span.icon {
    background-image: url("images/standardBtnBackSprite@2x.png");
    background-size: 25px 11px;
  }
}
.standardButton.back.with-icon:hover span.icon, .standardButton.back.with-icon:focus span.icon,
.standardColors.back.with-icon:hover span.icon,
.standardColors.back.with-icon:focus span.icon {
  background-position: right;
}
.standardButton.reopen,
.standardColors.reopen {
  color: var(--primary-blue);
  border: 1px solid var(--primary-blue);
  background-color: #f3fbff;
  line-height: 38px;
}
.standardButton.reopen:hover, .standardButton.reopen:focus,
.standardColors.reopen:hover,
.standardColors.reopen:focus {
  background-color: var(--neutral-8-white-);
}
.standardButton.reopen.disabled,
.standardColors.reopen.disabled {
  color: var(--primary-blue-3-disabled-light);
  border: 1px solid var(--primary-blue-3-disabled-light);
  background-color: var(--neutral-8-white-);
}
.standardButton.reopen.disabled .inline-loading div.bounce,
.standardColors.reopen.disabled .inline-loading div.bounce {
  background-color: var(--primary-blue-3-disabled-light);
}
.standardButton.reopen.primary,
.standardColors.reopen.primary {
  border-left-width: 0px;
  border-right-width: 0px;
}
.standardButton.reopen.primary.no-secondary,
.standardColors.reopen.primary.no-secondary {
  border-right-width: 1px;
}
.standardButton.reopen.mainSubmit,
.standardColors.reopen.mainSubmit {
  border-right-width: 0px;
  border-left-width: 0px;
}
.standardButton.reopen .inline-loading div.bounce,
.standardColors.reopen .inline-loading div.bounce {
  background-color: var(--primary-blue);
}
.standardButton.open,
.standardColors.open {
  color: #6c7c85;
  border: 1px solid #6c7c85;
  background-color: transparent;
}
.standardButton.open:hover, .standardButton.open:focus,
.standardColors.open:hover,
.standardColors.open:focus {
  color: #47758f;
  background-color: var(--neutral-5);
}
.standardButton.open.disabled,
.standardColors.open.disabled {
  color: var(--neutral-5);
  border: 1px solid var(--neutral-5);
  background-color: transparent;
}
.standardButton.cancel,
.standardColors.cancel {
  color: var(--neutral-3);
  border: 1px solid var(--neutral-4);
  background-color: rgba(255, 255, 255, 0.6);
  line-height: 36px;
}
.standardButton.cancel:hover, .standardButton.cancel:focus,
.standardColors.cancel:hover,
.standardColors.cancel:focus {
  color: var(--neutral-3);
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-3);
}
.standardButton.cancel.disabled,
.standardColors.cancel.disabled {
  color: var(--neutral-5);
  border: 1px solid var(--neutral-5);
  background-color: transparent;
}
.standardButton.cancel.destructive-hover:hover, .standardButton.cancel.destructive-hover:focus,
.standardColors.cancel.destructive-hover:hover,
.standardColors.cancel.destructive-hover:focus {
  color: var(--primary-red);
}
.standardButton.cancel.destructive-hover span.icon.trash,
.standardColors.cancel.destructive-hover span.icon.trash {
  display: inline-block;
  vertical-align: top;
  margin: 10px 10px 0 0;
}
.standardButton.cancel.destructive-hover:hover span.icon.trash, .standardButton.cancel.destructive-hover:focus span.icon.trash,
.standardColors.cancel.destructive-hover:hover span.icon.trash,
.standardColors.cancel.destructive-hover:focus span.icon.trash {
  background-position-x: -22px;
}
.standardButton.cancel .inline-loading div.bounce,
.standardColors.cancel .inline-loading div.bounce {
  background-color: var(--neutral-3);
}
.standardButton.open-blue,
.standardColors.open-blue {
  border: 1px solid var(--primary-blue);
  color: var(--primary-blue);
}
.standardButton.open-blue:hover, .standardButton.open-blue:focus,
.standardColors.open-blue:hover,
.standardColors.open-blue:focus {
  background: var(--neutral-8-white-);
}
.standardButton.open-blue.disabled,
.standardColors.open-blue.disabled {
  border-color: #99cdea;
  color: #99cdea;
}
.standardButton.open-green,
.standardColors.open-green {
  color: #77bc1f;
  border: 1px solid #77bc1f;
  background-color: transparent;
}
.standardButton.open-green:hover, .standardButton.open-green:focus,
.standardColors.open-green:hover,
.standardColors.open-green:focus {
  color: var(--neutral-8-white-);
  background-color: #77bc1f;
}
.standardButton.open-green.disabled,
.standardColors.open-green.disabled {
  color: var(--neutral-5);
  border: 1px solid var(--neutral-5);
}
.standardButton.open-destructive,
.standardColors.open-destructive {
  color: var(--primary-red);
  border: 1px solid var(--primary-red);
  background-color: transparent;
}
.standardButton.open-destructive:hover, .standardButton.open-destructive:focus,
.standardColors.open-destructive:hover,
.standardColors.open-destructive:focus {
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.standardButton.open-destructive.disabled,
.standardColors.open-destructive.disabled {
  color: var(--neutral-5);
  border: 1px solid var(--neutral-5);
}
.standardButton.open-destructive.loading,
.standardColors.open-destructive.loading {
  color: var(--neutral-8-white-);
  background-color: var(--primary-red) !important;
}
.standardButton.placeForm,
.standardColors.placeForm {
  color: #6c7c85;
  background-color: var(--neutral-7);
  border: 1px solid var(--neutral-5);
}
.standardButton.placeForm:hover, .standardButton.placeForm:focus,
.standardColors.placeForm:hover,
.standardColors.placeForm:focus {
  background-color: var(--neutral-8-white-);
}
.standardButton.placeDelete,
.standardColors.placeDelete {
  color: #6c7c85;
  background-color: var(--neutral-7);
  border: 1px solid var(--neutral-5);
}
.standardButton.placeDelete:hover, .standardButton.placeDelete:focus,
.standardColors.placeDelete:hover,
.standardColors.placeDelete:focus {
  background-color: var(--neutral-8-white-);
  color: var(--primary-red);
  border: 1px solid var(--primary-red);
}

.blank-blue {
  border-width: 0px;
  background: transparent;
  color: var(--primary-blue);
  font-weight: 700;
  cursor: pointer;
  border: solid 1px transparent;
}
.blank-blue:hover, .blank-blue:focus {
  color: var(--primary-blue-2-hover);
}
.blank-blue:focus {
  border: solid 1px var(--primary-blue);
  border-radius: 4px;
  outline: none;
}
.blank-blue.add-blue {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 30px auto;
}
.blank-blue.add-blue:hover .sr-icon.blue [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}

.blank-red {
  border-width: 0px;
  background: transparent;
  color: var(--primary-red);
  font-weight: 400;
}
.blank-red:hover, .blank-red:focus {
  color: var(--primary-red-2-hover);
}

.light .standardButton.res-open {
  color: var(--neutral-0-black-);
  border: 1px solid var(--neutral-0-black-);
  background-color: rgba(255, 255, 255, 0.3);
}

.sr-accept-button {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 50px;
  z-index: 10;
}
.sr-accept-button div.standardButton.v2 {
  padding: 0px;
  font-size: 0px;
}
.sr-accept-button div.standardButton.v2 span {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}
.sr-accept-button div.standardButton.v2 span.text {
  padding: 0 12px 0 14px;
  width: 105px;
  box-sizing: border-box;
  text-align: right;
}
.sr-accept-button div.standardButton.v2 span.escalation-icon {
  margin-top: 5px;
  width: 20px;
  height: 20px;
}
.sr-accept-button div.standardButton.v2 span.escalation-icon svg {
  margin-top: 9px;
}
.sr-accept-button div.standardButton.v2 span.escalation-icon svg .progress-arc {
  stroke-width: 0;
  fill: var(--primary-red);
}
.sr-accept-button div.standardButton.v2 span.escalation-icon svg .remainder-arc {
  stroke-width: 0;
  fill: var(--neutral-8-white-);
}
.sr-accept-button div.standardButton.v2 span.timer {
  width: 105px;
  box-sizing: border-box;
  padding: 0 10px 0 12px;
  font-weight: 400;
  letter-spacing: 0.94px;
  text-align: left;
}
.sr-accept-button div.standardButton.v2 span.drop-down {
  position: absolute;
  right: 0px;
  cursor: pointer;
  border-left: 1px solid var(--neutral-8-white-);
  width: 40px;
}
.sr-accept-button div.standardButton.v2 span.drop-down span.icon {
  width: 9px;
  height: 6px;
  margin: 22px auto;
}
.sr-accept-button.is-claim div.standardButton.v2 span.text {
  padding: 0 23px;
  width: auto;
}
.sr-accept-button.is-claim div.standardButton.v2 span.drop-down,
.sr-accept-button.is-claim div.standardButton.v2 span.timer,
.sr-accept-button.is-claim div.standardButton.v2 span.escalation-icon {
  display: none;
}
.sr-accept-button .task-popup {
  display: none;
  top: auto;
  bottom: 60px;
  right: 10px;
  width: 130px;
  z-index: 21;
}
.sr-accept-button .task-popup:before, .sr-accept-button .task-popup:after {
  top: auto;
  bottom: -3px;
  right: 7px;
}
.sr-accept-button .task-popup.visible {
  display: block;
}
.sr-accept-button .task-popup ul li {
  padding-right: 0;
}
.sr-accept-button .task-popup ul li a {
  margin: 0 auto;
}

.sr-add-remove-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 45px;
}
.sr-add-remove-buttons .lock-icon {
  width: 10px;
  height: 14px;
  margin-right: 10px;
  background-image: url("images/settings/residents/lock.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-add-remove-buttons .lock-icon {
    background-image: url("images/settings/residents/lock@2x.png");
    background-size: 10px 14px;
  }
}
.sr-add-remove-buttons .add-btn,
.sr-add-remove-buttons .remove-btn {
  width: 20px;
  height: 20px;
}
.sr-add-remove-buttons .add-btn:hover, .sr-add-remove-buttons .add-btn:focus,
.sr-add-remove-buttons .remove-btn:hover,
.sr-add-remove-buttons .remove-btn:focus {
  background-position: center;
}
.sr-add-remove-buttons .add-btn:active,
.sr-add-remove-buttons .remove-btn:active {
  background-position: right;
}
.sr-add-remove-buttons .add-btn {
  background-image: url("images/settings/residents/addBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-add-remove-buttons .add-btn {
    background-image: url("images/settings/residents/addBtn@2x.png");
    background-size: 60px 20px;
  }
}
.sr-add-remove-buttons .add-btn.disabled {
  cursor: default;
}
.sr-add-remove-buttons .add-btn.disabled:hover, .sr-add-remove-buttons .add-btn.disabled:active, .sr-add-remove-buttons .add-btn.disabled:focus {
  background-position: left;
}
.sr-add-remove-buttons .remove-btn {
  margin-right: 5px;
  background-image: url("images/settings/residents/removeBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-add-remove-buttons .remove-btn {
    background-image: url("images/settings/residents/removeBtn@2x.png");
    background-size: 60px 20px;
  }
}

.sr-add-remove-buttons-container .sr-add-remove-buttons .add-btn,
.sr-add-remove-buttons-container .sr-add-remove-buttons .remove-btn {
  opacity: 0;
}
.sr-add-remove-buttons-container .sr-add-remove-buttons .add-btn:not(.disabled):focus,
.sr-add-remove-buttons-container .sr-add-remove-buttons .remove-btn:not(.disabled):focus {
  opacity: 1;
}
.sr-add-remove-buttons-container .sr-add-remove-buttons.only-one .add-btn,
.sr-add-remove-buttons-container .sr-add-remove-buttons.only-one .remove-btn {
  opacity: 1;
}
.sr-add-remove-buttons-container:hover .sr-add-remove-buttons .add-btn:not(.disabled),
.sr-add-remove-buttons-container:hover .sr-add-remove-buttons .remove-btn:not(.disabled) {
  opacity: 1;
}
.sr-add-remove-buttons-container:focus-within .sr-add-remove-buttons .add-btn:not(.disabled),
.sr-add-remove-buttons-container:focus-within .sr-add-remove-buttons .remove-btn:not(.disabled) {
  opacity: 1;
}

.sr-button-group {
  display: -ms-flexbox;
  display: flex;
}
.sr-button-group.invalid-field {
  border-color: var(--primary-red);
}
.sr-button-group.invalid-field .sr-button-group-item {
  border-color: var(--primary-red) !important;
  color: var(--primary-red) !important;
}
.sr-button-group.invalid-field .sr-button-group-item:focus {
  border: 1px solid var(--primary-red);
  box-shadow: 0px 0px 0px 1px var(--primary-red);
}
.sr-button-group .sr-button-group-item {
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  padding: 0 10px;
  margin-left: -1px;
  background: #ffffff;
  border: 1px solid var(--neutral-4);
  color: var(--neutral-3);
  z-index: 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sr-button-group .sr-button-group-item:hover, .sr-button-group .sr-button-group-item:focus, .sr-button-group .sr-button-group-item:active, .sr-button-group .sr-button-group-item:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-button-group .sr-button-group-item:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}
.sr-button-group .sr-button-group-item:last-child {
  border-radius: 0 3px 3px 0;
}
.sr-button-group .sr-button-group-item.selected, .sr-button-group .sr-button-group-item:hover, .sr-button-group .sr-button-group-item:focus {
  z-index: 8;
  border: 1px solid var(--primary-blue);
  color: var(--primary-blue);
}
.sr-button-group .sr-button-group-item.selected span, .sr-button-group .sr-button-group-item:hover span, .sr-button-group .sr-button-group-item:focus span {
  background-position: right;
}
.sr-button-group .sr-button-group-item.selected {
  background-color: var(--list-2-active);
}
.sr-button-group .sr-button-group-item:focus {
  box-shadow: 0px 0px 0px 1px var(--primary-blue);
  outline: none;
  z-index: 9;
}
.sr-button-group .sr-button-group-item.grey.selected, .sr-button-group .sr-button-group-item.grey:hover, .sr-button-group .sr-button-group-item.grey:focus {
  border: 1px solid var(--neutral-3);
  color: var(--neutral-3);
}
.sr-button-group .sr-button-group-item.grey:focus {
  box-shadow: 0px 0px 0px 1px var(--neutral-3);
}

.sr-button-with-menu.v2 {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.sr-button-with-menu.v2 .primary,
.sr-button-with-menu.v2 .secondary,
.sr-button-with-menu.v2 .left-btn {
  box-sizing: border-box;
}
.sr-button-with-menu.v2 .primary.disabled,
.sr-button-with-menu.v2 .secondary.disabled,
.sr-button-with-menu.v2 .left-btn.disabled {
  cursor: no-drop;
}
.sr-button-with-menu.v2 .primary {
  border-radius: 3px 0 0 3px;
}
.sr-button-with-menu.v2 .primary span.icon {
  margin-right: 6px;
}
.sr-button-with-menu.v2 .primary span.icon.hide {
  display: none;
}
.sr-button-with-menu.v2 .primary.no-secondary {
  border-radius: 3px;
}
.sr-button-with-menu.v2 .secondary,
.sr-button-with-menu.v2 .left-btn {
  width: 24px;
  padding: 7px;
  border-radius: 0 3px 3px 0;
}
.sr-button-with-menu.v2 .secondary-menu {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 21;
}
.sr-button-with-menu.v2 .secondary-menu.active {
  display: block;
}
.sr-button-with-menu.v2 .secondary-menu:before, .sr-button-with-menu.v2 .secondary-menu:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  right: 8px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.sr-button-with-menu.v2 .secondary-menu:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.sr-button-with-menu.v2 .secondary-menu div.container,
.sr-button-with-menu.v2 .secondary-menu div.shadow {
  z-index: 10;
  max-height: 420px;
  width: 260px;
  border-radius: 4px;
  box-sizing: border-box;
}
.sr-button-with-menu.v2 .secondary-menu div.container.shadow,
.sr-button-with-menu.v2 .secondary-menu div.shadow.shadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.sr-button-with-menu.v2 .secondary-menu div.container.container,
.sr-button-with-menu.v2 .secondary-menu div.shadow.container {
  position: relative;
  background: var(--neutral-8-white-);
  z-index: 12;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  cursor: default;
  color: var(--neutral-2);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.sr-button-with-menu.v2 .secondary-menu div.container.container div.pad,
.sr-button-with-menu.v2 .secondary-menu div.shadow.container div.pad {
  padding: 6px 10px;
}
.sr-button-with-menu.v2 .secondary-menu h5 {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  padding: 6px 0 0px 10px;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 96%;
}
.sr-button-with-menu.v2.mainSubmit .primary,
.sr-button-with-menu.v2.mainSubmit .secondary,
.sr-button-with-menu.v2.mainSubmit .left-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 50px;
  border-radius: 0px;
  line-height: 50px;
}
.sr-button-with-menu.v2.mainSubmit .primary.loading,
.sr-button-with-menu.v2.mainSubmit .secondary.loading,
.sr-button-with-menu.v2.mainSubmit .left-btn.loading {
  line-height: 50px;
}
.sr-button-with-menu.v2.mainSubmit .primary.reopen,
.sr-button-with-menu.v2.mainSubmit .secondary.reopen,
.sr-button-with-menu.v2.mainSubmit .left-btn.reopen {
  line-height: 48px;
}
.sr-button-with-menu.v2.mainSubmit .primary {
  width: 100%;
  padding: 0px;
}
.sr-button-with-menu.v2.mainSubmit .secondary,
.sr-button-with-menu.v2.mainSubmit .left-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
}
.sr-button-with-menu.v2.mainSubmit .secondary {
  right: 0;
  border-right: 0px;
}
.sr-button-with-menu.v2.mainSubmit .left-btn {
  left: 0;
  border-left: 0px;
}
.sr-button-with-menu.v2.mainSubmit .secondary-menu {
  top: auto;
  bottom: 60px;
  right: 9px;
}
.sr-button-with-menu.v2.mainSubmit .secondary-menu:before, .sr-button-with-menu.v2.mainSubmit .secondary-menu:after {
  top: auto;
  bottom: -3px;
}

.sr-close-button {
  display: block;
  width: 100%;
  position: absolute;
  left: 1px;
  bottom: 0;
  height: 50px;
  z-index: 9;
}
.sr-close-button .primary span.icon {
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.sr-close-button .left-btn span.icon {
  vertical-align: top;
}
.sr-close-button .secondary-menu .container {
  width: 250px;
}
.sr-close-button .secondary-menu .sr-selectro-list-item span.imgSpan {
  margin-top: 0px;
}

.sr-task-bottom-button {
  display: block;
  width: 100%;
  position: absolute !important;
  left: 1px;
  bottom: 0;
  height: 50px;
  z-index: 9;
}

.sr-auto-complete {
  position: absolute;
  max-height: 480px;
  overflow-y: auto;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
}
.sr-auto-complete.has-results, .sr-auto-complete.show-border {
  border: 1px solid var(--primary-blue);
}
.sr-auto-complete.hidden {
  display: none;
}
.sr-auto-complete h4 {
  font-size: 700;
  padding: 2px 0 2px 15px;
  height: 26px;
  line-height: 26px;
  box-sizing: border-box;
}
.sr-auto-complete .inline-loading {
  display: block;
  padding: 2px 0 2px 10px;
}
.sr-auto-complete .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.sr-auto-complete div.no-results-msg {
  display: none;
  padding: 8px 0 8px 12px;
  font-weight: 600;
  font-style: italic;
  font-size: 14px;
  color: #505d63;
  line-height: 18px;
}
.sr-auto-complete div.no-results-msg-btn {
  color: var(--primary-blue);
  padding: 8px 0 8px 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.sr-auto-complete div.no-results-msg-btn:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: -3px 8px 0 0;
  background-image: url("images/sr-common-icons/table/plus-blue-filter.png");
  background-repeat: no-repeat;
  background-position: left;
  cursor: pointer;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-auto-complete div.no-results-msg-btn:before {
    background-image: url("images/sr-common-icons/table/plus-blue-filter@2x.png");
    background-size: 20px 10px;
  }
}
.sr-auto-complete.no-results {
  border: 1px solid var(--primary-blue);
}
.sr-auto-complete.no-results div.no-results-msg {
  display: block;
}
.sr-auto-complete div.group-name {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  padding: 2px 0 0px 10px;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 96%;
}
.sr-auto-complete ul.results {
  display: block;
}
.sr-auto-complete ul.results li.result-row {
  display: block;
  width: 100%;
  height: 62px;
  border-bottom: 1px solid var(--neutral-6);
  cursor: pointer;
}
.sr-auto-complete ul.results li.result-row:last-of-type {
  border-bottom: 0px;
}
.sr-auto-complete ul.results li.result-row.disabled {
  opacity: 0.5;
  cursor: default !important;
}
.sr-auto-complete ul.results li.result-row:not(.disabled):hover {
  background-color: var(--list-1-hover);
}
.sr-auto-complete .list-description {
  font-size: 12px;
  color: var(--neutral-3);
  padding: 10px 15px 3px;
}
.sr-auto-complete .list-description em {
  font-style: italic;
}

.sr-multi-select {
  position: relative;
  z-index: 2;
  outline: none;
}
.sr-multi-select .multi-input {
  position: relative;
  height: 40px;
  padding: 5px 11px 5px 11px;
  font-size: 14px;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  overflow: hidden;
  border-radius: 3px;
  box-sizing: border-box;
}
.sr-multi-select.list-has-results.results-open .multi-input {
  border-radius: 4px 4px 0 0;
}
.sr-multi-select .static {
  position: absolute;
  top: -1px;
  left: 11px;
  line-height: 38px;
  cursor: default;
  font-size: 11px;
}
.sr-multi-select .placeholder {
  color: var(--neutral-4);
  line-height: 26px;
  cursor: default;
  margin-left: 2px;
}
.sr-multi-select .placeholder.has-search-icon {
  margin-left: 0px;
}
.sr-multi-select .placeholder.has-search-icon:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 12px;
  margin: 0px 5px -2px 1px;
  background: url("images/selectro/searchIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-multi-select .placeholder.has-search-icon:before {
    background-image: url("images/selectro/searchIcon@2x.png");
    background-size: 27px 12px;
  }
}
.sr-multi-select .input-field-asterisk {
  right: 10px !important;
}
.sr-multi-select .red-asterisk {
  color: var(--primary-red) !important;
  position: absolute;
  right: 27px;
  top: -1px;
  font-size: 13px;
  z-index: 11;
  line-height: 40px;
}
.sr-multi-select.active, .sr-multi-select:focus {
  z-index: 11;
}
.sr-multi-select.active .multi-input, .sr-multi-select:focus .multi-input {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-multi-select.active ul.selections:not(.pill-items) li.selection.last-selection:after, .sr-multi-select:focus ul.selections:not(.pill-items) li.selection.last-selection:after, .sr-multi-select.has-input ul.selections:not(.pill-items) li.selection.last-selection:after {
  content: ",";
}
.sr-multi-select:hover {
  z-index: 10;
}
.sr-multi-select:hover .multi-input {
  border: 1px solid var(--primary-blue);
}
.sr-multi-select.has-scroll .multi-input {
  overflow-y: auto;
}
.sr-multi-select.dynamic-height .multi-input {
  height: auto;
}
.sr-multi-select.no-field-style .multi-input {
  box-shadow: none !important;
  border: 0px !important;
  border-bottom: 1px solid var(--neutral-5) !important;
  padding: 0px 0px 5px 0px;
  height: 34px;
}
.sr-multi-select.no-field-style .multi-input .drop-down-icon {
  display: none;
}
.sr-multi-select.no-field-style.dynamic-height .multi-input {
  height: auto;
}
.sr-multi-select.no-field-style .multi-select-list-container {
  top: 33px;
}
.sr-multi-select.no-field-style.double .multi-input {
  height: 62px;
}
.sr-multi-select.no-field-style.double .multi-select-list-container {
  top: 61px;
}
.sr-multi-select.invalid-field .multi-input {
  color: var(--primary-red);
  border-color: var(--primary-red);
}
.sr-multi-select.invalid-field .placeholder {
  color: var(--primary-red);
  opacity: 0.5;
}
.sr-multi-select.invalid-field .placeholder.has-search-icon:before {
  background-position: right;
}
.sr-multi-select.invalid-field input,
.sr-multi-select.invalid-field li.input {
  color: var(--primary-red) !important;
}
.sr-multi-select.invalid-field input::-webkit-input-placeholder,
.sr-multi-select.invalid-field li.input::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-multi-select.invalid-field input:-moz-placeholder,
.sr-multi-select.invalid-field li.input:-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-multi-select.invalid-field input::-moz-placeholder,
.sr-multi-select.invalid-field li.input::-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-multi-select.invalid-field input:-ms-input-placeholder,
.sr-multi-select.invalid-field li.input:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-multi-select.invalid-field.active .multi-input, .sr-multi-select.invalid-field:focus .multi-input {
  box-shadow: 0 0 0 1px var(--primary-red);
  border: 1px solid var(--primary-red);
}
.sr-multi-select .tag-small-icon-container {
  position: absolute;
  left: 3px;
  top: 3px;
}
.sr-multi-select .tag-small-icon-container .tag-span {
  display: block;
  margin-right: 11px;
}
.sr-multi-select ul.selections {
  display: block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-multi-select ul.selections.hidden {
  display: none;
}
.sr-multi-select ul.selections .remove {
  display: none;
}
.sr-multi-select ul.selections li.selection:after {
  color: #203541;
  content: ",";
  position: absolute;
  right: -1px;
  bottom: 4px;
}
.sr-multi-select ul.selections li.selection.last-selection {
  margin-right: 0;
}
.sr-multi-select ul.selections li.selection.last-selection:after {
  content: "";
}
.sr-multi-select ul.selections.pill-items {
  max-width: calc(100% - 25px);
}
.sr-multi-select ul.selections.pill-items li.selection {
  height: 20px;
  padding: 4px 22px 4px 10px;
  margin: 4px 6px 4px 0;
  vertical-align: middle;
  line-height: 11px;
  background-color: var(--neutral-6);
  max-width: calc(100% - 30px);
  border-radius: 20px;
}
.sr-multi-select ul.selections.pill-items li.selection:after {
  content: "";
}
.sr-multi-select ul.selections.pill-items li.selection.details-tag, .sr-multi-select ul.selections.pill-items li.selection.cell-tag {
  padding-right: 10px;
}
.sr-multi-select ul.selections.pill-items li.selection .tail-elements {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 20px;
  padding: 4px;
}
.sr-multi-select ul.selections.pill-items li.selection .tail-elements .remove {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 2px;
  margin-top: 1px;
}
.sr-multi-select ul.selections.pill-items li.selection .tail-elements:hover .remove {
  background-position: -10px 0;
}
.sr-multi-select ul.selections.pill-items li.selection .tail-elements:active .remove {
  background-position: -20px 0;
}
.sr-multi-select ul.selections.pill-items li.selection.tooltip-enabled:hover, .sr-multi-select ul.selections.pill-items li.selection.tooltip-visible, .sr-multi-select ul.selections.pill-items li.selection.tooltip-enabled:active {
  background-color: var(--neutral-5);
}
.sr-multi-select ul.selections.pill-items li.selection.selected, .sr-multi-select ul.selections.pill-items li.selection.selected:active {
  background-color: var(--primary-blue);
  color: var(--neutral-8-white-);
}
.sr-multi-select ul.selections.pill-items li.selection.selected .icon.close8x8, .sr-multi-select ul.selections.pill-items li.selection.selected:active .icon.close8x8 {
  background-position: right;
}
.sr-multi-select ul.selections.pill-items.no-first-margin li.selection:first-of-type {
  margin-left: 0px;
}
.sr-multi-select ul.selections li {
  display: inline-block;
  margin: 0 4px 6px 0;
  position: relative;
  vertical-align: top;
}
.sr-multi-select ul.selections li.loading {
  position: absolute;
  top: 1px;
  right: 7px;
  display: none;
}
.sr-multi-select ul.selections li.loading.active {
  display: block;
}
.sr-multi-select ul.selections li.loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.sr-multi-select ul.selections li.selection {
  margin: 0px 4px 2px 0;
  max-width: 100%;
  height: 28px;
  padding: 4px 2px;
  line-height: 18px;
  cursor: pointer;
  font-size: 14px;
  color: #203541;
  outline: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.sr-multi-select ul.selections li.selection .is-pill {
  background: var(--neutral-6);
  padding: 4px 14px;
  height: 26px;
  border-radius: 14px;
  font-size: 13px;
}
.sr-multi-select ul.selections li.selection.has-place {
  padding-left: 28px;
}
.sr-multi-select ul.selections li.selection.has-place .place-type-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.sr-multi-select ul.selections li.selection.has-place .place-type-icon svg {
  width: 24px;
  height: 24px;
}
.sr-multi-select ul.selections li.selection.has-face {
  padding-left: 28px;
}
.sr-multi-select ul.selections li.selection.has-face .sr-face {
  position: absolute;
  top: 3px;
  left: 3px;
}
.sr-multi-select ul.selections li.selection.bold {
  font-weight: 600;
}
.sr-multi-select ul.selections li.selection.selected {
  color: var(--primary-blue);
}
.sr-multi-select ul.selections li.selection.selected .sr-face.temp-user-name {
  color: var(--primary-blue);
}
.sr-multi-select ul.selections li.selection.selected .sr-face:not(.temp-user-name) {
  background-color: var(--primary-blue);
  color: var(--neutral-8-white-);
}
.sr-multi-select ul.selections li.input {
  margin-right: 0px;
  margin-bottom: 0px;
  height: 26px;
}
.sr-multi-select ul.selections li.input.has-search-icon:before {
  content: "";
  display: inline-block;
  float: left;
  width: 13px;
  height: 12px;
  margin: 8px 3px 0px 1px;
  background: url("images/selectro/searchIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-multi-select ul.selections li.input.has-search-icon:before {
    background-image: url("images/selectro/searchIcon@2x.png");
    background-size: 27px 12px;
  }
}
.sr-multi-select ul.selections li.input.has-search-icon input {
  width: calc(100% - 30px) !important;
}
.sr-multi-select ul.selections li.input input {
  width: 100%;
  height: 26px;
  border: none;
  outline: none;
  margin: 0;
  background: transparent;
  color: var(--neutral-2);
  font-size: 14px;
  line-height: 26px;
  box-sizing: border-box;
}
.sr-multi-select ul.selections li.input input::-webkit-input-placeholder {
  color: var(--neutral-4);
}
.sr-multi-select ul.selections li.input input:-moz-placeholder {
  color: var(--neutral-4);
}
.sr-multi-select ul.selections li.input input::-moz-placeholder {
  color: var(--neutral-4);
}
.sr-multi-select ul.selections li.input input:-ms-input-placeholder {
  color: var(--neutral-4);
}
.sr-multi-select ul.selections li.input input::-ms-clear,
.sr-multi-select ul.selections li.input input::-ms-reveal {
  display: none;
}
.sr-multi-select.read-only {
  border-bottom: 1px solid var(--neutral-6);
}
.sr-multi-select.read-only .multi-input {
  border: none;
  background: transparent;
}
.sr-multi-select.read-only .remove {
  display: none;
}
.sr-multi-select.read-only ul.selections li.selection {
  padding: 4px 10px;
}
.sr-multi-select.disable-interactions li.selection {
  cursor: default !important;
}
.sr-multi-select.disabled {
  cursor: no-drop;
}
.sr-multi-select.disabled .static {
  color: var(--neutral-4);
  cursor: no-drop;
}
.sr-multi-select.disabled input {
  cursor: no-drop;
}
.sr-multi-select.disabled .multi-input {
  border-color: var(--neutral-5);
  background-color: var(--neutral-7);
}
.sr-multi-select.disabled .placeholder {
  cursor: no-drop;
  color: var(--neutral-4);
}
.sr-multi-select.disabled li.selection {
  opacity: 0.4;
  cursor: no-drop !important;
}
.sr-multi-select.disabled li.selection .hover-elements {
  display: none !important;
}
.sr-multi-select .drop-down-icon {
  position: absolute;
  right: 10px;
  top: 17px;
  width: 10px;
  height: 6px;
  background: url("images/swSelectChevron.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-multi-select .drop-down-icon {
    background-image: url("images/swSelectChevron@2x.png");
    background-size: 10px 6px;
  }
}

.multi-select-list-container {
  position: absolute;
  display: block;
  top: 39px;
  z-index: 9001;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px var(--primary-blue);
  margin-bottom: 50px;
}
.multi-select-list-container .sr-auto-complete {
  position: relative;
}
.multi-select-list-container.hidden {
  display: none;
}
.multi-select-list-container.fixed {
  padding-bottom: 0px;
  z-index: 100000;
}

div.sr-tooltip-tag {
  height: auto;
  width: 275px;
}
div.sr-tooltip-tag .image-inner {
  position: relative;
  background: var(--neutral-8-white-);
  padding: 20px;
  font-size: 14px;
}
div.sr-tooltip-tag .image-inner .tag-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  vertical-align: top;
  background-image: url("images/tags/Icon.png");
  background-size: 17px 17px !important;
  margin-top: 1px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  div.sr-tooltip-tag .image-inner .tag-icon {
    background-image: url("images/tags/Icon@2x.png");
    background-size: 17px 17px;
  }
}
div.sr-tooltip-tag .image-inner .tag-name {
  display: inline-block;
  width: 200px;
  width: calc(100% - 31px);
  color: var(--neutral-2);
  white-space: pre-wrap;
  word-wrap: break-word;
}
div.sr-tooltip-tag .image-inner .tagged-info-title {
  color: var(--neutral-3);
  font-size: 12px;
  padding: 6px 0 0 30px;
}
div.sr-tooltip-tag .image-inner .tagged-info {
  padding-left: 30px;
}
div.sr-tooltip-tag .image-inner .tagged-info .go-to-origin {
  color: var(--primary-blue);
  cursor: pointer;
}
div.sr-tooltip-tag .image-inner .tagged-info .go-to-origin:hover {
  text-decoration: underline;
}

.sr-date-time.stacked.select-start .sr-selectro {
  margin-bottom: 0px !important;
}
.sr-date-time.stacked.select-start .sr-selectro .input-container {
  border-radius: 3px 3px 0px 0px;
}
.sr-date-time.stacked.select-start.show-time .sr-selectro .input-container {
  border-radius: 3px 0px 0px 0px;
}
.sr-date-time.stacked.select-start.show-time .sr-time .sr-selectro .input-container {
  border-radius: 0px 3px 0px 0px;
}
.sr-date-time.stacked.select-due {
  margin-top: -1px;
}
.sr-date-time.stacked.select-due.show-reminder .sr-selectro {
  margin-bottom: 25px;
}
.sr-date-time.stacked.select-due .sr-selectro {
  margin-bottom: 30px;
}
.sr-date-time.stacked.select-due .sr-selectro .input-container {
  border-radius: 0px 0px 3px 3px;
}
.sr-date-time.stacked.select-due .sr-selectro .input-container.open {
  border-radius: 0px 0px 0px 0px;
}
.sr-date-time.stacked.select-due.show-time .sr-selectro .input-container {
  border-radius: 0px 0px 0px 3px;
}
.sr-date-time.stacked.select-due.show-time .sr-selectro .input-container.open {
  border-radius: 0px 0px 0px 0px;
}
.sr-date-time.stacked.select-due.show-time .sr-time .sr-selectro .input-container {
  border-radius: 0px 0px 3px 0px;
}
.sr-date-time.stacked.select-due.show-time .sr-time .sr-selectro .input-container.open {
  border-radius: 0px 0px 0px 0px;
}
.sr-date-time.stacked.show-time {
  display: -ms-flexbox;
  display: flex;
}
.sr-date-time.stacked.show-time .sr-time {
  width: 120px;
}

.sr-date-time .input-container:hover, .sr-date-time .input-container:focus {
  z-index: 2;
}
.sr-date-time .sr-time {
  margin-left: -1px;
  display: none;
}
.sr-date-time.show-time .sr-time {
  display: block;
}

.selectro-appointments.selectro-stacked .sr-selectro:first-child .input-container {
  position: relative;
}
.selectro-appointments.selectro-stacked .sr-selectro:first-child .input-container:hover {
  z-index: 2;
}
.selectro-appointments.selectro-stacked .sr-selectro:first-child .input-container:not(.open) {
  border-radius: 3px 3px 0 0;
}
.selectro-appointments.selectro-stacked .sr-selectro:nth-child(2) {
  margin-top: -1px;
}
.selectro-appointments.selectro-stacked .sr-selectro:nth-child(2) .input-container {
  border-radius: 0 0 3px 3px;
}
.selectro-appointments.selectro-stacked .sr-selectro:nth-child(2) .input-container.open {
  border-radius: 0px 0px 0 0;
}
.selectro-appointments .selectro-date-view {
  margin-top: 0;
}

.sr-selectro .input-container span.imgSpan,
.sr-selectro-list-item span.imgSpan {
  background-size: 20px 20px !important;
}
.sr-selectro .input-container span.imgSpan.today,
.sr-selectro-list-item span.imgSpan.today {
  background: url("images/timeframes/24w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.today,
  .sr-selectro-list-item span.imgSpan.today {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.tomorrow,
.sr-selectro-list-item span.imgSpan.tomorrow {
  background: url("images/timeframes/24w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.tomorrow,
  .sr-selectro-list-item span.imgSpan.tomorrow {
    background-image: url("images/timeframes/24w/black/tomorrow@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.this-week,
.sr-selectro-list-item span.imgSpan.this-week {
  background: url("images/timeframes/24w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.this-week,
  .sr-selectro-list-item span.imgSpan.this-week {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.next-week,
.sr-selectro-list-item span.imgSpan.next-week {
  background: url("images/timeframes/24w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.next-week,
  .sr-selectro-list-item span.imgSpan.next-week {
    background-image: url("images/timeframes/24w/black/next-week@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.this-month,
.sr-selectro-list-item span.imgSpan.this-month {
  background: url("images/timeframes/24w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.this-month,
  .sr-selectro-list-item span.imgSpan.this-month {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.this-quarter,
.sr-selectro-list-item span.imgSpan.this-quarter {
  background: url("images/timeframes/24w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.this-quarter,
  .sr-selectro-list-item span.imgSpan.this-quarter {
    background-image: url("images/timeframes/24w/black/this-quarter@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.this-year,
.sr-selectro-list-item span.imgSpan.this-year {
  background: url("images/timeframes/24w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.this-year,
  .sr-selectro-list-item span.imgSpan.this-year {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.last-7,
.sr-selectro-list-item span.imgSpan.last-7 {
  background: url("images/timeframes/24w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.last-7,
  .sr-selectro-list-item span.imgSpan.last-7 {
    background-image: url("images/timeframes/24w/black/last-7@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.last-30,
.sr-selectro-list-item span.imgSpan.last-30 {
  background: url("images/timeframes/24w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.last-30,
  .sr-selectro-list-item span.imgSpan.last-30 {
    background-image: url("images/timeframes/24w/black/last-30@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.last-week,
.sr-selectro-list-item span.imgSpan.last-week {
  background: url("images/timeframes/24w/black/last-week.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.last-month,
.sr-selectro-list-item span.imgSpan.last-month {
  background: url("images/timeframes/24w/black/last-month.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.last-quarter,
.sr-selectro-list-item span.imgSpan.last-quarter {
  background: url("images/timeframes/24w/black/last-quarter.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.last-year,
.sr-selectro-list-item span.imgSpan.last-year {
  background: url("images/timeframes/24w/black/last-year.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.pick-date, .sr-selectro .input-container span.imgSpan.custom,
.sr-selectro-list-item span.imgSpan.pick-date,
.sr-selectro-list-item span.imgSpan.custom {
  background: url("images/timeframes/24w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.pick-date, .sr-selectro .input-container span.imgSpan.custom,
  .sr-selectro-list-item span.imgSpan.pick-date,
  .sr-selectro-list-item span.imgSpan.custom {
    background-image: url("images/timeframes/24w/black/pick-date@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.next-year-and-beyond,
.sr-selectro-list-item span.imgSpan.next-year-and-beyond {
  background: url("images/timeframes/24w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.next-year-and-beyond,
  .sr-selectro-list-item span.imgSpan.next-year-and-beyond {
    background-image: url("images/timeframes/24w/black/next-year-and-beyond@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.all-time,
.sr-selectro-list-item span.imgSpan.all-time {
  background: url("images/timeframes/24w/black/all-time.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.repeating,
.sr-selectro-list-item span.imgSpan.repeating {
  background: url("images/timeframes/24w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.repeating,
  .sr-selectro-list-item span.imgSpan.repeating {
    background-image: url("images/timeframes/24w/black/repeating@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.unscheduled,
.sr-selectro-list-item span.imgSpan.unscheduled {
  background: url("images/timeframes/24w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.unscheduled,
  .sr-selectro-list-item span.imgSpan.unscheduled {
    background-image: url("images/timeframes/24w/black/unscheduled@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.now,
.sr-selectro-list-item span.imgSpan.now {
  background: url("images/timeframes/24w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.now,
  .sr-selectro-list-item span.imgSpan.now {
    background-image: url("images/timeframes/24w/black/now.svg");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.business-open,
.sr-selectro-list-item span.imgSpan.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.business-close,
.sr-selectro-list-item span.imgSpan.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.this-morning,
.sr-selectro-list-item span.imgSpan.this-morning {
  background: url("images/timeframes/24w/black/this-morning.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.this-afternoon,
.sr-selectro-list-item span.imgSpan.this-afternoon {
  background: url("images/timeframes/24w/black/this-afternoon.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.this-evening,
.sr-selectro-list-item span.imgSpan.this-evening {
  background: url("images/timeframes/24w/black/this-evening.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.business-open,
.sr-selectro-list-item span.imgSpan.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.business-close,
.sr-selectro-list-item span.imgSpan.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.any-time,
.sr-selectro-list-item span.imgSpan.any-time {
  background: url("images/timeframes/24w/black/any-time.svg") no-repeat;
}
.sr-selectro .input-container span.imgSpan.audio,
.sr-selectro-list-item span.imgSpan.audio {
  background: url("images/completion-types/completion-type-audio.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.audio,
  .sr-selectro-list-item span.imgSpan.audio {
    background-image: url("images/completion-types/completion-type-audio@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.checkmark,
.sr-selectro-list-item span.imgSpan.checkmark {
  background: url("images/completion-types/completion-type-checkmark.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.checkmark,
  .sr-selectro-list-item span.imgSpan.checkmark {
    background-image: url("images/completion-types/completion-type-checkmark@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.note,
.sr-selectro-list-item span.imgSpan.note {
  background: url("images/completion-types/completion-type-note.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.note,
  .sr-selectro-list-item span.imgSpan.note {
    background-image: url("images/completion-types/completion-type-note@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.photo,
.sr-selectro-list-item span.imgSpan.photo {
  background: url("images/completion-types/completion-type-photo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.photo,
  .sr-selectro-list-item span.imgSpan.photo {
    background-image: url("images/completion-types/completion-type-photo@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.rating,
.sr-selectro-list-item span.imgSpan.rating {
  background: url("images/completion-types/completion-type-rating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.rating,
  .sr-selectro-list-item span.imgSpan.rating {
    background-image: url("images/completion-types/completion-type-rating@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.signature,
.sr-selectro-list-item span.imgSpan.signature {
  background: url("images/completion-types/completion-type-signature.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.signature,
  .sr-selectro-list-item span.imgSpan.signature {
    background-image: url("images/completion-types/completion-type-signature@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.video,
.sr-selectro-list-item span.imgSpan.video {
  background: url("images/completion-types/completion-type-video.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.video,
  .sr-selectro-list-item span.imgSpan.video {
    background-image: url("images/completion-types/completion-type-video@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.form,
.sr-selectro-list-item span.imgSpan.form {
  background: url("images/completion-types/completion-type-form.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.form,
  .sr-selectro-list-item span.imgSpan.form {
    background-image: url("images/completion-types/completion-type-form@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.text,
.sr-selectro-list-item span.imgSpan.text {
  background: url("images/completion-types/completion-type-text.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.text,
  .sr-selectro-list-item span.imgSpan.text {
    background-image: url("images/completion-types/completion-type-text@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.date,
.sr-selectro-list-item span.imgSpan.date {
  background: url("images/completion-types/completion-type-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.date,
  .sr-selectro-list-item span.imgSpan.date {
    background-image: url("images/completion-types/completion-type-date@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.number,
.sr-selectro-list-item span.imgSpan.number {
  background: url("images/completion-types/completion-type-number.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.number,
  .sr-selectro-list-item span.imgSpan.number {
    background-image: url("images/completion-types/completion-type-number@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.currency,
.sr-selectro-list-item span.imgSpan.currency {
  background: url("images/completion-types/completion-type-currency.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.currency,
  .sr-selectro-list-item span.imgSpan.currency {
    background-image: url("images/completion-types/completion-type-currency@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.single-selection,
.sr-selectro-list-item span.imgSpan.single-selection {
  background: url("images/completion-types/completion-type-single-selection.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.single-selection,
  .sr-selectro-list-item span.imgSpan.single-selection {
    background-image: url("images/completion-types/completion-type-single-selection@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.select-multiple,
.sr-selectro-list-item span.imgSpan.select-multiple {
  background: url("images/completion-types/completion-type-select-multiple.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.imgSpan.select-multiple,
  .sr-selectro-list-item span.imgSpan.select-multiple {
    background-image: url("images/completion-types/completion-type-select-multiple@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container span.imgSpan.unassigned-user,
.sr-selectro-list-item span.imgSpan.unassigned-user {
  width: 22px;
  height: 22px;
  background: url("images/unassigned-user-34px.png") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan,
.sr-selectro-list-item.selected-item span.imgSpan {
  background-size: 20px 20px !important;
}
.sr-selectro .input-container.selected-item span.imgSpan.today,
.sr-selectro-list-item.selected-item span.imgSpan.today {
  background: url("images/timeframes/24w/white/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.today,
  .sr-selectro-list-item.selected-item span.imgSpan.today {
    background-image: url("images/timeframes/24w/white/today@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.tomorrow,
.sr-selectro-list-item.selected-item span.imgSpan.tomorrow {
  background: url("images/timeframes/24w/white/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.tomorrow,
  .sr-selectro-list-item.selected-item span.imgSpan.tomorrow {
    background-image: url("images/timeframes/24w/white/tomorrow@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.this-week,
.sr-selectro-list-item.selected-item span.imgSpan.this-week {
  background: url("images/timeframes/24w/white/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.this-week,
  .sr-selectro-list-item.selected-item span.imgSpan.this-week {
    background-image: url("images/timeframes/24w/white/week@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.next-week,
.sr-selectro-list-item.selected-item span.imgSpan.next-week {
  background: url("images/timeframes/24w/white/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.next-week,
  .sr-selectro-list-item.selected-item span.imgSpan.next-week {
    background-image: url("images/timeframes/24w/white/next-week@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.this-month,
.sr-selectro-list-item.selected-item span.imgSpan.this-month {
  background: url("images/timeframes/24w/white/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.this-month,
  .sr-selectro-list-item.selected-item span.imgSpan.this-month {
    background-image: url("images/timeframes/24w/white/this-month@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.this-quarter,
.sr-selectro-list-item.selected-item span.imgSpan.this-quarter {
  background: url("images/timeframes/24w/white/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.this-quarter,
  .sr-selectro-list-item.selected-item span.imgSpan.this-quarter {
    background-image: url("images/timeframes/24w/white/this-quarter@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.this-year,
.sr-selectro-list-item.selected-item span.imgSpan.this-year {
  background: url("images/timeframes/24w/white/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.this-year,
  .sr-selectro-list-item.selected-item span.imgSpan.this-year {
    background-image: url("images/timeframes/24w/white/this-year@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.last-7,
.sr-selectro-list-item.selected-item span.imgSpan.last-7 {
  background: url("images/timeframes/24w/white/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.last-7,
  .sr-selectro-list-item.selected-item span.imgSpan.last-7 {
    background-image: url("images/timeframes/24w/white/last-7@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.last-30,
.sr-selectro-list-item.selected-item span.imgSpan.last-30 {
  background: url("images/timeframes/24w/white/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.last-30,
  .sr-selectro-list-item.selected-item span.imgSpan.last-30 {
    background-image: url("images/timeframes/24w/white/last-30@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.last-week,
.sr-selectro-list-item.selected-item span.imgSpan.last-week {
  background: url("images/timeframes/24w/white/last-week.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.last-month,
.sr-selectro-list-item.selected-item span.imgSpan.last-month {
  background: url("images/timeframes/24w/white/last-month.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.last-quarter,
.sr-selectro-list-item.selected-item span.imgSpan.last-quarter {
  background: url("images/timeframes/24w/white/last-quarter.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.last-year,
.sr-selectro-list-item.selected-item span.imgSpan.last-year {
  background: url("images/timeframes/24w/white/last-year.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.pick-date, .sr-selectro .input-container.selected-item span.imgSpan.custom,
.sr-selectro-list-item.selected-item span.imgSpan.pick-date,
.sr-selectro-list-item.selected-item span.imgSpan.custom {
  background: url("images/timeframes/24w/white/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.pick-date, .sr-selectro .input-container.selected-item span.imgSpan.custom,
  .sr-selectro-list-item.selected-item span.imgSpan.pick-date,
  .sr-selectro-list-item.selected-item span.imgSpan.custom {
    background-image: url("images/timeframes/24w/white/pick-date@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.next-year-and-beyond,
.sr-selectro-list-item.selected-item span.imgSpan.next-year-and-beyond {
  background: url("images/timeframes/24w/white/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.next-year-and-beyond,
  .sr-selectro-list-item.selected-item span.imgSpan.next-year-and-beyond {
    background-image: url("images/timeframes/24w/white/next-year-and-beyond@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.all-time,
.sr-selectro-list-item.selected-item span.imgSpan.all-time {
  background: url("images/timeframes/24w/white/all-time.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.repeating,
.sr-selectro-list-item.selected-item span.imgSpan.repeating {
  background: url("images/timeframes/24w/white/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.repeating,
  .sr-selectro-list-item.selected-item span.imgSpan.repeating {
    background-image: url("images/timeframes/24w/white/repeating@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.unscheduled,
.sr-selectro-list-item.selected-item span.imgSpan.unscheduled {
  background: url("images/timeframes/24w/white/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.unscheduled,
  .sr-selectro-list-item.selected-item span.imgSpan.unscheduled {
    background-image: url("images/timeframes/24w/white/unscheduled@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.now,
.sr-selectro-list-item.selected-item span.imgSpan.now {
  background: url("images/timeframes/24w/white/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.now,
  .sr-selectro-list-item.selected-item span.imgSpan.now {
    background-image: url("images/timeframes/24w/white/now.svg");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.business-open,
.sr-selectro-list-item.selected-item span.imgSpan.business-open {
  background: url("images/timeframes/24w/white/business-open.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.business-close,
.sr-selectro-list-item.selected-item span.imgSpan.business-close {
  background: url("images/timeframes/24w/white/business-close.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.this-morning,
.sr-selectro-list-item.selected-item span.imgSpan.this-morning {
  background: url("images/timeframes/24w/white/this-morning.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.this-afternoon,
.sr-selectro-list-item.selected-item span.imgSpan.this-afternoon {
  background: url("images/timeframes/24w/white/this-afternoon.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.this-evening,
.sr-selectro-list-item.selected-item span.imgSpan.this-evening {
  background: url("images/timeframes/24w/white/this-evening.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.business-open,
.sr-selectro-list-item.selected-item span.imgSpan.business-open {
  background: url("images/timeframes/24w/white/business-open.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.business-close,
.sr-selectro-list-item.selected-item span.imgSpan.business-close {
  background: url("images/timeframes/24w/white/business-close.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.any-time,
.sr-selectro-list-item.selected-item span.imgSpan.any-time {
  background: url("images/timeframes/24w/white/any-time.svg") no-repeat;
}
.sr-selectro .input-container.selected-item span.imgSpan.audio,
.sr-selectro-list-item.selected-item span.imgSpan.audio {
  background: url("images/completion-types/completion-type-audio-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.audio,
  .sr-selectro-list-item.selected-item span.imgSpan.audio {
    background-image: url("images/completion-types/completion-type-audio-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.checkmark,
.sr-selectro-list-item.selected-item span.imgSpan.checkmark {
  background: url("images/completion-types/completion-type-checkmark-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.checkmark,
  .sr-selectro-list-item.selected-item span.imgSpan.checkmark {
    background-image: url("images/completion-types/completion-type-checkmark-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.note,
.sr-selectro-list-item.selected-item span.imgSpan.note {
  background: url("images/completion-types/completion-type-note-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.note,
  .sr-selectro-list-item.selected-item span.imgSpan.note {
    background-image: url("images/completion-types/completion-type-note-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.photo,
.sr-selectro-list-item.selected-item span.imgSpan.photo {
  background: url("images/completion-types/completion-type-photo-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.photo,
  .sr-selectro-list-item.selected-item span.imgSpan.photo {
    background-image: url("images/completion-types/completion-type-photo-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.rating,
.sr-selectro-list-item.selected-item span.imgSpan.rating {
  background: url("images/completion-types/completion-type-rating-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.rating,
  .sr-selectro-list-item.selected-item span.imgSpan.rating {
    background-image: url("images/completion-types/completion-type-rating-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.signature,
.sr-selectro-list-item.selected-item span.imgSpan.signature {
  background: url("images/completion-types/completion-type-signature-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.signature,
  .sr-selectro-list-item.selected-item span.imgSpan.signature {
    background-image: url("images/completion-types/completion-type-signature-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.video,
.sr-selectro-list-item.selected-item span.imgSpan.video {
  background: url("images/completion-types/completion-type-video-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.video,
  .sr-selectro-list-item.selected-item span.imgSpan.video {
    background-image: url("images/completion-types/completion-type-video-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.form,
.sr-selectro-list-item.selected-item span.imgSpan.form {
  background: url("images/completion-types/completion-type-form-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.form,
  .sr-selectro-list-item.selected-item span.imgSpan.form {
    background-image: url("images/completion-types/completion-type-form-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.text,
.sr-selectro-list-item.selected-item span.imgSpan.text {
  background: url("images/completion-types/completion-type-text-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.text,
  .sr-selectro-list-item.selected-item span.imgSpan.text {
    background-image: url("images/completion-types/completion-type-text-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.date,
.sr-selectro-list-item.selected-item span.imgSpan.date {
  background: url("images/completion-types/completion-type-date-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.date,
  .sr-selectro-list-item.selected-item span.imgSpan.date {
    background-image: url("images/completion-types/completion-type-date-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.number,
.sr-selectro-list-item.selected-item span.imgSpan.number {
  background: url("images/completion-types/completion-type-number-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.number,
  .sr-selectro-list-item.selected-item span.imgSpan.number {
    background-image: url("images/completion-types/completion-type-number-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.currency,
.sr-selectro-list-item.selected-item span.imgSpan.currency {
  background: url("images/completion-types/completion-type-currency-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.currency,
  .sr-selectro-list-item.selected-item span.imgSpan.currency {
    background-image: url("images/completion-types/completion-type-currency-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.single-selection,
.sr-selectro-list-item.selected-item span.imgSpan.single-selection {
  background: url("images/completion-types/completion-type-single-selection-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.single-selection,
  .sr-selectro-list-item.selected-item span.imgSpan.single-selection {
    background-image: url("images/completion-types/completion-type-single-selection-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.select-multiple,
.sr-selectro-list-item.selected-item span.imgSpan.select-multiple {
  background: url("images/completion-types/completion-type-select-multiple-white.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container.selected-item span.imgSpan.select-multiple,
  .sr-selectro-list-item.selected-item span.imgSpan.select-multiple {
    background-image: url("images/completion-types/completion-type-select-multiple-white@2x.png");
    background-size: 20px 20px;
  }
}
.sr-selectro .input-container.selected-item span.imgSpan.unassigned-user,
.sr-selectro-list-item.selected-item span.imgSpan.unassigned-user {
  background: url("images/unassigned-user-34px.png") no-repeat;
}

.sr-selectro .input-container .rating-template {
  padding: 5px 0;
}

.selectro-date-view {
  border-top: 1px solid var(--neutral-5);
  margin-top: 7px;
  padding-top: 6px;
}
.selectro-date-view .top {
  padding: 0 15px 15px;
}
.selectro-date-view .top div.date-input {
  float: left;
  margin-top: 15px;
  width: 122px;
}
.selectro-date-view .top div.date-input.last {
  float: right;
}
.selectro-date-view .top div.date-input strong {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #131e26;
  line-height: 18px;
  margin-bottom: 5px;
}
.selectro-date-view .top div.date-input .sr-input input {
  width: 100%;
}
.selectro-date-view .top div.inputs.start div.date-input.first .sr-input input {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.selectro-date-view .top div.inputs.end div.date-input.last .sr-input input {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.selectro-date-view .ui-datepicker {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  width: 100%;
  border: 0px;
  padding: 0px;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.selectro-date-view .ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0px;
  padding: 0;
}
.selectro-date-view .ui-datepicker .ui-datepicker-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin: 10px 0 0;
  width: 100%;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next {
  right: 0;
  margin: 2px 2px;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next span {
  background: url("images/assignment/editCalendarRight.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-date-view .ui-datepicker .ui-datepicker-next span {
    background-image: url("images/assignment/editCalendarRight@2x.png");
    background-size: 22px 17px;
  }
}
.selectro-date-view .ui-datepicker .ui-datepicker-next:hover {
  right: 0;
}
.selectro-date-view .ui-datepicker .ui-datepicker-prev {
  left: 0;
  margin: 2px 0 0 2px;
}
.selectro-date-view .ui-datepicker .ui-datepicker-prev span {
  background: url("images/assignment/editCalendarLeft.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-date-view .ui-datepicker .ui-datepicker-prev span {
    background-image: url("images/assignment/editCalendarLeft@2x.png");
    background-size: 22px 17px;
  }
}
.selectro-date-view .ui-datepicker .ui-datepicker-prev:hover {
  left: 0;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next,
.selectro-date-view .ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  position: absolute;
  top: 0;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next span,
.selectro-date-view .ui-datepicker .ui-datepicker-prev span {
  margin-left: -5px;
  width: 10px;
  height: 17px;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.selectro-date-view .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  opacity: 0;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next:hover,
.selectro-date-view .ui-datepicker .ui-datepicker-prev:hover {
  top: 0;
  border: 0px;
  background: transparent;
}
.selectro-date-view .ui-datepicker .ui-datepicker-next:hover span,
.selectro-date-view .ui-datepicker .ui-datepicker-prev:hover span {
  background-position: right;
}
.selectro-date-view .ui-datepicker table {
  margin: 14px 0 0;
}
.selectro-date-view .ui-datepicker table th {
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  padding: 0 0 4px;
}
.selectro-date-view .ui-datepicker table td {
  height: 42px;
  padding: 0px;
  border: 1px solid var(--neutral-5);
  vertical-align: middle;
}
.selectro-date-view .ui-datepicker table td a,
.selectro-date-view .ui-datepicker table td span.ui-state-default {
  background: transparent;
  border: 0px;
  font-weight: 600;
  font-size: 12px;
  color: var(--neutral-2);
  padding: 0;
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.selectro-date-view .ui-datepicker table td:hover {
  background: var(--neutral-7);
}
.selectro-date-view .ui-datepicker table td.ui-datepicker-current-day {
  background: var(--primary-blue);
}
.selectro-date-view .ui-datepicker table td.ui-datepicker-current-day a {
  color: var(--neutral-8-white-);
}
.selectro-date-view .ui-datepicker table td.ui-state-disabled {
  background: var(--neutral-7) !important;
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td {
  width: 43px;
  height: 40px;
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td a,
.selectro-date-view .picker-container.is-range .ui-datepicker table td span.ui-state-default {
  height: 40px;
  line-height: 40px;
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.ui-datepicker-current-day {
  background: var(--neutral-8-white-);
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.ui-datepicker-current-day a {
  color: var(--neutral-2);
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-start, .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-highlight, .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-end {
  background-color: #82d0ff;
  border-color: #82d0ff;
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-start a, .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-highlight a, .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-end a {
  color: var(--neutral-8-white-);
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-start.dp-end {
  background-color: var(--primary-blue);
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-start, .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-end {
  background-repeat: no-repeat;
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-start {
  background-image: url("images/timeframeArrowStart.png");
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-start {
    background-image: url("images/timeframeArrowStart@2x.png");
    background-size: 42px 41px;
  }
}
.selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-end {
  background-image: url("images/timeframeArrowEnd.png");
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-date-view .picker-container.is-range .ui-datepicker table td.dp-end {
    background-image: url("images/timeframeArrowEnd@2x.png");
    background-size: 42px 41px;
  }
}
.selectro-date-view .picker-container.is-range.start .ui-datepicker table td:hover a {
  background-repeat: no-repeat;
  background-image: url("images/timeframeHoverStart.png");
  background-position: left;
  background-size: 42px 100%;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-date-view .picker-container.is-range.start .ui-datepicker table td:hover a {
    background-image: url("images/timeframeHoverStart@2x.png");
    background-size: 42px 100%;
  }
}
.selectro-date-view .picker-container.is-range.end .ui-datepicker table td:hover a {
  background-repeat: no-repeat;
  background-image: url("images/timeframeHoverEnd.png");
  background-position: right;
  background-size: 42px 100%;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-date-view .picker-container.is-range.end .ui-datepicker table td:hover a {
    background-image: url("images/timeframeHoverEnd@2x.png");
    background-size: 42px 100%;
  }
}

.selectro-rate-view {
  padding: 20px;
}
.selectro-rate-view .choices {
  margin-bottom: 0px !important;
}
.selectro-rate-view .choices .sr-rating-choice {
  width: 100%;
  display: block;
  margin: 12px 0;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
}
.selectro-rate-view .choices .sr-rating-choice:first-child {
  margin-top: 0;
}
.selectro-rate-view .choices .sr-rating-choice:last-child {
  margin-bottom: 0;
}

.selectro-rating-view {
  padding-bottom: 5px;
}
.selectro-rating-view.can-edit-ratings {
  padding-bottom: 0;
}
.selectro-rating-view div.rating-template {
  padding: 10px;
  margin: 5px 10px;
  background-color: var(--neutral-7);
  border-radius: 2px;
}
.selectro-rating-view div.rating-template:hover, .selectro-rating-view div.rating-template.focused-item {
  background-color: var(--neutral-7);
}
.selectro-rating-view div.rating-template:hover .edit, .selectro-rating-view div.rating-template.focused-item .edit {
  display: block;
}
.selectro-rating-view div.rating-template.selected {
  background-color: var(--primary-blue);
}
.selectro-rating-view div.rating-template.selected h6.title {
  color: var(--neutral-8-white-);
}
.selectro-rating-view div.rating-template.selected .edit {
  color: var(--neutral-8-white-);
}
.selectro-rating-view div.rating-template.selected .edit .icon {
  background-position: right;
}
.selectro-rating-view div.rating-template h6.title {
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 10px;
}
.selectro-rating-view div.rating-template .choices {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectro-rating-view div.rating-template .edit {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 15px;
  font-size: 11px;
  color: #47758f;
}
.selectro-rating-view div.rating-template .edit .icon {
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px 0 0;
  width: 16px;
  height: 16px;
  background: url("images/selectro/editIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-rating-view div.rating-template .edit .icon {
    background-image: url("images/selectro/editIcon@2x.png");
    background-size: 32px 16px;
  }
}
.selectro-rating-view .standardButton.green {
  margin-top: 10px;
  width: 100%;
  border-radius: 0px;
}

.selectro-form-view p.no-templates,
.selectro-placeholder-view p.no-templates {
  font-size: 12px;
  color: var(--neutral-4);
  line-height: 17px;
  font-style: italic;
  padding: 5px 10px;
}
.selectro-form-view .standardButton.green,
.selectro-placeholder-view .standardButton.green {
  margin-top: 10px;
  width: 100%;
  border-radius: 0px;
}
.selectro-form-view ul li,
.selectro-placeholder-view ul li {
  padding: 2px 0 2px 10px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  position: relative;
  cursor: default;
}
.selectro-form-view ul li div.edit,
.selectro-placeholder-view ul li div.edit {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 15px;
  font-size: 11px;
  color: #47758f;
}
.selectro-form-view ul li div.edit span.icon,
.selectro-placeholder-view ul li div.edit span.icon {
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px 0 0;
  width: 16px;
  height: 16px;
  background: url("images/selectro/editIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-form-view ul li div.edit span.icon,
  .selectro-placeholder-view ul li div.edit span.icon {
    background-image: url("images/selectro/editIcon@2x.png");
    background-size: 32px 16px;
  }
}
.selectro-form-view ul li.focused-item, .selectro-form-view ul li:hover,
.selectro-placeholder-view ul li.focused-item,
.selectro-placeholder-view ul li:hover {
  background-color: var(--neutral-7);
}
.selectro-form-view ul li.focused-item div.edit, .selectro-form-view ul li:hover div.edit,
.selectro-placeholder-view ul li.focused-item div.edit,
.selectro-placeholder-view ul li:hover div.edit {
  display: block;
}
.selectro-form-view ul li.selected-item,
.selectro-placeholder-view ul li.selected-item {
  background-color: var(--primary-blue);
  color: var(--neutral-8-white-);
}
.selectro-form-view ul li.selected-item div.edit,
.selectro-placeholder-view ul li.selected-item div.edit {
  color: var(--neutral-8-white-);
}
.selectro-form-view ul li.selected-item div.edit span.icon,
.selectro-placeholder-view ul li.selected-item div.edit span.icon {
  background-position: right;
}

.selectro-custom-view .sr-selectro-list-item .edit-container {
  display: none;
  position: absolute;
  top: 6px;
  right: 20px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}
.selectro-custom-view .sr-selectro-list-item:hover .edit-container {
  display: block;
}
.selectro-custom-view .sr-selectro-list-item.is-action {
  cursor: pointer;
}
.selectro-custom-view .selectro-list-item-action {
  float: none;
  color: var(--primary-blue);
  font-size: 14px;
  font-weight: 600;
}
.selectro-custom-view span.icon.plus-blue.selectrofy {
  margin-top: 0px;
}

.selectro-badge-container {
  position: relative;
}
.selectro-badge-container .sr-completable-status {
  position: absolute;
  top: 10px;
  right: 40px;
}
.selectro-badge-container .sr-completable-status .status-container {
  cursor: pointer;
}

.sr-general-popup {
  border: 1px solid var(--neutral-4);
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
  box-sizing: border-box;
  border-radius: 3px;
}
.sr-general-popup:before, .sr-general-popup:after {
  content: "";
  border: 1px solid var(--neutral-4);
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -8px;
  right: 12px;
  z-index: 0;
  transform: rotate(45deg);
}
.sr-general-popup div.contents {
  width: 100%;
  padding: 15px;
  background: var(--neutral-8-white-);
  box-sizing: border-box;
  border-radius: 3px;
  z-index: 1;
  position: relative;
}
.sr-general-popup h4 {
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-2);
  margin-bottom: 15px;
}

.selectro-range-view {
  padding: 15px 15px 22px;
  box-sizing: border-box;
}
.selectro-range-view div.search-title {
  padding: 0px !important;
  line-height: 18px !important;
  height: auto !important;
  margin-bottom: 15px;
  float: left;
  max-width: calc(100% - 50px) !important;
}
.selectro-range-view .sr-selectro,
.selectro-range-view .sr-input {
  width: 48%;
  width: calc(50% - 5px);
  float: left;
}
.selectro-range-view .sr-selectro.last-in-row,
.selectro-range-view .sr-input.last-in-row {
  float: right;
}
.selectro-range-view .sr-selectro .input-container .selected-value {
  max-width: 100px !important;
}
.selectro-range-view .sr-input input {
  width: 100%;
}
.selectro-range-view div.range {
  margin-top: 15px;
}
.selectro-range-view button.standardButton {
  margin-top: 15px;
}
.selectro-range-view span.clear {
  display: block;
  float: right;
  font-weight: 600;
  font-size: 11px;
  color: #47758f;
  cursor: pointer;
  padding: 0 2px;
  z-index: 10;
}

.sr-selectro {
  position: relative;
  color: var(--neutral-2);
}
.sr-selectro:focus {
  outline: none;
}
.sr-selectro .input-container {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
  height: 40px;
  outline: none;
  font-size: 14px;
  line-height: 38px;
  padding: 0 11px;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  overflow: hidden;
  border-radius: 3px;
  box-sizing: border-box;
}
.sr-selectro .input-container .icon {
  display: none;
}
.sr-selectro .input-container .icon.visible {
  display: inline-block;
}
.sr-selectro .input-container .icon.search-icon {
  width: 13px;
  height: 12px;
  display: block;
  margin-right: 5px;
  background: url("images/selectro/searchIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container .icon.search-icon {
    background-image: url("images/selectro/searchIcon@2x.png");
    background-size: 27px 12px;
  }
}
.sr-selectro .input-container .icon.search-icon.alu {
  margin-right: 6px;
}
.sr-selectro .input-container .icon.repeating-icon {
  width: 15px;
  height: 13px;
  margin: -2px 2px 0 0;
  background: url("images/selectro/repeatingIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container .icon.repeating-icon {
    background-image: url("images/selectro/repeatingIcon@2x.png");
    background-size: 30px 14px;
  }
}
.sr-selectro .input-container .input-loading {
  display: none;
  vertical-align: top;
}
.sr-selectro .input-container .input-loading.visible {
  display: inline-block;
}
.sr-selectro .input-container .selected-value {
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-selectro .input-container .selected-value.placeholder {
  font-weight: 400;
  color: var(--neutral-4);
  line-height: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sr-selectro .input-container .selected-value.hidden {
  display: none;
}
.sr-selectro .input-container .selected-value .single-site {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-selectro .input-container .selected-value .site-type {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sr-selectro .input-container .selected-value .ml-10 {
  margin-left: 10px;
}
.sr-selectro .input-container .selected-value .ml-8 {
  margin-left: 8px;
}
.sr-selectro .input-container .selected-value .selected {
  clear: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-selectro .input-container .selected-value .selected em {
  color: var(--neutral-3);
  font-style: normal;
}
.sr-selectro .input-container .selected-value .selected em.disabled {
  color: inherit;
}
.sr-selectro .input-container .selected-value .inline-loading div.bounce {
  margin-right: 4px;
  background-color: var(--neutral-5);
}
.sr-selectro .input-container .static-placeholder {
  line-height: 38px;
  font-weight: 400;
  font-size: 11px;
  color: var(--neutral-2);
  padding: 0 4px 0 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.sr-selectro .input-container .search-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.sr-selectro .input-container .search-container.hidden {
  display: none;
}
.sr-selectro .input-container .search-container .icon.search-icon {
  margin-top: 0;
}
.sr-selectro .input-container .search-container input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-size: 14px;
  color: #131e26;
  line-height: 18px;
  padding: 10px 0;
  height: 38px;
  width: 150px;
  display: inline-block;
  background-color: var(--neutral-8-white-);
  outline: none;
  border: 0px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
.sr-selectro .input-container .search-container input:-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-selectro .input-container .search-container input::-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
  padding-bottom: 1px;
  opacity: 1;
}
.sr-selectro .input-container .search-container input::-webkit-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
  padding-top: 1px;
}
.sr-selectro .input-container .input-field-asterisk {
  right: 10px !important;
}
.sr-selectro .input-container .red-asterisk {
  color: #f0222d !important;
  font-size: 13px;
  z-index: 11;
  margin: -4px 6px 0 6px;
}
.sr-selectro .input-container .drop-down-icon {
  color: var(--neutral-4);
}
.sr-selectro .input-container .remove-button {
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-selectro .input-container .remove-button .icon {
  display: block;
}
.sr-selectro .input-container .remove-button:hover .icon {
  background-position: right;
}
.sr-selectro .input-container.open {
  cursor: default;
  border-radius: 4px 4px 0 0;
}
.sr-selectro .input-container.open.disable-browse.no-content, .sr-selectro .input-container.open.suppress-results {
  border-radius: 4px;
}
.sr-selectro .input-container.open .drop-down-icon {
  transform: rotate(180deg);
}
.sr-selectro .input-container:focus:not(.disabled):not(.icon-mode), .sr-selectro .input-container.active, .sr-selectro .input-container.open:not(.filter-btn) {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 10;
}
.sr-selectro .input-container:hover:not(.disabled) {
  border: 1px solid var(--primary-blue);
}
.sr-selectro .input-container.disabled, .sr-selectro .input-container.read-only {
  cursor: default;
  background: var(--neutral-7);
  border-color: var(--neutral-5);
}
.sr-selectro .input-container.disabled .sr-category-icon, .sr-selectro .input-container.read-only .sr-category-icon {
  fill: var(--neutral-4);
}
.sr-selectro .input-container.disabled .static-placeholder, .sr-selectro .input-container.read-only .static-placeholder {
  color: var(--neutral-4);
}
.sr-selectro .input-container.disabled .drop-down-icon, .sr-selectro .input-container.read-only .drop-down-icon {
  display: none;
}
.sr-selectro .input-container.disabled {
  cursor: no-drop;
  color: var(--neutral-4);
}
.sr-selectro .input-container.disabled .imgSpan.selectrofy.disabled,
.sr-selectro .input-container.disabled .sr-face {
  opacity: 0.4;
}
.sr-selectro .input-container.disabled div.typeIcon svg {
  opacity: 0.4;
}
.sr-selectro .input-container.disabled div.typeIcon svg g.iconG {
  stroke: var(--neutral-2);
}
.sr-selectro .input-container.icon-mode {
  border: 0px;
  background: transparent;
  padding: 0px;
}
.sr-selectro .input-container.icon-mode .icon-mode-icon {
  display: block;
}
.sr-selectro .input-container.icon-mode:hover {
  border: 0px;
  background: transparent;
}
.sr-selectro .left-aligned {
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: start;
      justify-content: flex-start;
  min-width: 0;
}
.sr-selectro .right-aligned {
  -ms-flex-align: center;
      align-items: center;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.sr-selectro.no-hover .input-container:hover {
  border: none;
}
.sr-selectro:focus .input-container:not(.disabled):not(.icon-mode),
.sr-selectro .input-container.active {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 10;
}
.sr-selectro.invalid-field .input-container {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.sr-selectro.invalid-field .input-container .static-placeholder {
  color: var(--primary-red);
}
.sr-selectro.invalid-field .input-container .icon.search-icon,
.sr-selectro.invalid-field .input-container .icon.repeating-icon {
  background-position: right;
  opacity: 0.5;
}
.sr-selectro.invalid-field .input-container .selected-value.placeholder {
  color: var(--primary-red-3-disabled);
}
.sr-selectro.invalid-field .input-container .selected-value.placeholder .drop-down-icon {
  color: var(--primary-red);
}
.sr-selectro.invalid-field .input-container .selected-value .selected em {
  color: var(--primary-red);
}
.sr-selectro.invalid-field .input-container:hover:not(.disabled) {
  border: 1px solid var(--primary-red-2-hover);
}
.sr-selectro.invalid-field:focus .input-container:not(.disabled),
.sr-selectro.invalid-field .input-container.active {
  border: 1px solid var(--primary-red-2-hover);
  box-shadow: 0 0 0 1px var(--primary-red-2-hover);
}
.sr-selectro.invalid-field .search-container .icon.search-icon {
  opacity: 0.5;
}
.sr-selectro.invalid-field .search-container input:-moz-placeholder {
  color: var(--primary-red);
  opacity: 0.5;
}
.sr-selectro.invalid-field .search-container input::-moz-placeholder {
  color: var(--primary-red);
  opacity: 0.5;
}
.sr-selectro.invalid-field .search-container input::-webkit-input-placeholder {
  color: var(--primary-red);
  opacity: 0.5;
}
.sr-selectro.single-action .input-container .drop-down-icon {
  display: none;
}
.sr-selectro.filter-mode:not(.in-filter) {
  margin: 0 10px 10px 0;
}
.sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn {
  transition: all 0.15s ease-in-out;
}
.sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:hover, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:active, .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn.with-close {
  padding-right: 10px;
}
.sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn .selected-value {
  display: none;
}
.sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn .static-placeholder {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  padding: 0;
}
.sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn .sr-icon {
  width: 24px;
  height: 24px;
}

.sr-selectro .search-results-title,
.selectro-list-container .search-results-title {
  height: 13px;
  line-height: 13px;
  margin-left: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.sr-selectro .labeled-items.collapsed,
.selectro-list-container .labeled-items.collapsed {
  display: none;
}
.sr-selectro .filter-container,
.selectro-list-container .filter-container {
  height: 10px;
  margin: 10px 15px 10px 15px;
  width: calc(100% - 30px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  padding: 8px 0;
  border: var(--neutral-4) 1px solid;
}
.sr-selectro .filter-container.focused, .sr-selectro .filter-container:focus, .sr-selectro .filter-container:hover,
.selectro-list-container .filter-container.focused,
.selectro-list-container .filter-container:focus,
.selectro-list-container .filter-container:hover {
  border-color: var(--primary-blue);
}
.sr-selectro .filter-container.focused, .sr-selectro .filter-container:focus,
.selectro-list-container .filter-container.focused,
.selectro-list-container .filter-container:focus {
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-selectro .filter-container .search-icon,
.selectro-list-container .filter-container .search-icon {
  height: 13px;
  width: 13px;
  margin: 0 4px 0 10px;
  background: url("images/selectro/searchIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .filter-container .search-icon,
  .selectro-list-container .filter-container .search-icon {
    background-image: url("images/selectro/searchIcon@2x.png");
    background-size: 27px 12px;
  }
}
.sr-selectro .filter-container .filter-clean-icon,
.selectro-list-container .filter-container .filter-clean-icon {
  height: 11px;
  width: 11px;
  margin: 0 10px;
  background: url("images/modalClose11.png") no-repeat;
  cursor: pointer;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .filter-container .filter-clean-icon,
  .selectro-list-container .filter-container .filter-clean-icon {
    background-image: url("images/modalClose11@2x.png");
    background-size: 23px 11px;
  }
}
.sr-selectro .filter-container .filter-clean-icon:hover, .sr-selectro .filter-container .filter-clean-icon:focus, .sr-selectro .filter-container .filter-clean-icon:active,
.selectro-list-container .filter-container .filter-clean-icon:hover,
.selectro-list-container .filter-container .filter-clean-icon:focus,
.selectro-list-container .filter-container .filter-clean-icon:active {
  background-position: right;
}
.sr-selectro .filter-container input,
.selectro-list-container .filter-container input {
  border: 0px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.sr-selectro .filter-container input:focus,
.selectro-list-container .filter-container input:focus {
  outline: none;
}
.sr-selectro .filter-container input::-webkit-input-placeholder,
.selectro-list-container .filter-container input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-selectro .filter-container input:-moz-placeholder,
.selectro-list-container .filter-container input:-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-selectro .filter-container input::-moz-placeholder,
.selectro-list-container .filter-container input::-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-selectro .filter-container input:-ms-input-placeholder,
.selectro-list-container .filter-container input:-ms-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}

.selectro-list-container {
  position: absolute;
  display: none;
  top: 39px;
  z-index: 9001;
  width: 100%;
  margin-top: 2px;
  padding-bottom: 50px;
}
.selectro-list-container.right {
  right: 50px;
}
.selectro-list-container.open {
  display: block;
}
.selectro-list-container.fixed {
  padding-bottom: 0px;
  z-index: 100000;
}
.selectro-list-container.fixed div.scrollIndicator {
  bottom: 0;
}
.selectro-list-container .standardButton.back {
  padding: 0 10px !important;
  margin: 15px 0 6px 10px;
  margin-top: 15px !important;
}
.selectro-list-container div.contents {
  position: relative;
  width: 100%;
  box-shadow: 0 0 0 1px var(--primary-blue);
  background-color: var(--neutral-8-white-);
  color: var(--neutral-2);
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}
.selectro-list-container div.contents.suppress-results {
  display: none;
}
.selectro-list-container div.contents .list-description {
  font-size: 12px;
  color: var(--neutral-3);
  padding: 10px 15px 3px;
}
.selectro-list-container div.contents .list-description em {
  font-style: italic;
}
.selectro-list-container div.contents .search-title {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  padding: 2px 0 0px 15px;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 96%;
}
.selectro-list-container div.contents .search-title em {
  font-weight: 400;
  color: var(--neutral-3);
}
.selectro-list-container div.contents .search-title a {
  display: block;
  position: absolute;
  top: 1px;
  right: 0px;
  padding: 0 15px 0 10px;
  font-weight: 600;
  font-size: 11px;
  color: #47758f;
  line-height: 28px;
  height: 28px;
  background-color: var(--neutral-8-white-);
}
.selectro-list-container div.contents .search-title a span {
  display: block;
  line-height: 28px;
  height: 28px;
  cursor: pointer;
}
.selectro-list-container div.contents .search-title a span.disabled {
  color: var(--neutral-4);
  cursor: not-allowed;
}
.selectro-list-container div.contents .inline-loading {
  display: block;
  margin: 0 15px 8px;
}
.selectro-list-container div.contents .inline-loading div.bounce {
  background-color: var(--neutral-4);
}
.selectro-list-container div.contents .page-loading .inline-loading {
  margin-left: 15px;
}
.selectro-list-container div.contents .no-results {
  line-height: 26px;
  padding: 2px 0 8px 15px;
  height: 26px;
}
.selectro-list-container div.contents .multi-operator {
  padding: 10px 0 10px 15px;
}
.selectro-list-container div.contents .multi-operator .operator-selector {
  float: right;
  margin-right: 15px;
}
.selectro-list-container div.contents .multi-operator .operator-list-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
}
.selectro-list-container div.contents .operator-list-body {
  padding: 10px 0 10px 15px;
}
.selectro-list-container div.contents .operator-list-body .operator-list-item {
  position: relative;
  padding: 10px 0;
}
.selectro-list-container div.contents .operator-list-body .operator-info {
  position: absolute;
  right: 15px;
  top: 10px;
}
.selectro-list-container div.shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 50px;
  width: 100%;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.2);
}
.selectro-list-container div.scrollIndicator {
  width: 100%;
  height: 0px;
  position: absolute;
  bottom: 50px;
  background-color: var(--primary-blue);
  overflow: hidden;
  z-index: 15;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  transition: height 0.1s ease-in-out;
}
.selectro-list-container div.scrollIndicator.active {
  height: 12px;
}
.selectro-list-container div.scrollIndicator.inactive {
  transition: height 0s ease-in-out;
}
.selectro-list-container div.scrollIndicator:hover {
  background-color: var(--primary-blue-2-hover);
}
.selectro-list-container div.scrollIndicator div.indicator {
  position: absolute;
  top: 3px;
  left: 50%;
  width: 11px;
  height: 7px;
  margin-left: -5px;
  background: url("images/swFilters/scrollIndicator.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .selectro-list-container div.scrollIndicator div.indicator {
    background-image: url("images/swFilters/scrollIndicator@2x.png");
    background-size: 11px 7px;
  }
}
.selectro-list-container.filter-mode:not(.in-filter) {
  width: 300px;
  top: 40px;
  padding-bottom: 50px;
}
.selectro-list-container.filter-mode:not(.in-filter) div.scrollIndicator {
  bottom: 50px;
}
.selectro-list-container.filter-mode:not(.in-filter):before, .selectro-list-container.filter-mode:not(.in-filter):after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.selectro-list-container.filter-mode:not(.in-filter):after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.selectro-list-container.filter-mode:not(.in-filter).right-align:before, .selectro-list-container.filter-mode:not(.in-filter).right-align:after {
  left: auto;
  right: 17px;
}
.selectro-list-container.filter-mode:not(.in-filter) div.contents,
.selectro-list-container.filter-mode:not(.in-filter) div.shadow {
  z-index: 10;
  min-width: 150px;
  max-height: 420px !important;
  border: 0px;
  box-shadow: none;
  margin-top: 0;
  border-radius: 4px;
}
.selectro-list-container.filter-mode:not(.in-filter) div.contents.shadow,
.selectro-list-container.filter-mode:not(.in-filter) div.shadow.shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 50px;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.selectro-list-container.filter-mode:not(.in-filter) div.contents.contents,
.selectro-list-container.filter-mode:not(.in-filter) div.shadow.contents {
  z-index: 12;
}
.selectro-list-container.filter-mode:not(.in-filter) .sr-selectro-list-item:not(.no-select):not(.disabled-item):hover {
  cursor: pointer;
}
.selectro-list-container iframe {
  width: 102%;
  height: 102%;
  overflow: hidden;
  position: absolute;
  border: none;
  left: -2px;
  top: 0;
  z-index: -1;
}

.sr-selectro-list-item {
  position: relative;
  cursor: default;
  padding: 2px 0 2px 15px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sr-selectro-list-item .team-icon {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: var(--neutral-3);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  opacity: 1;
  color: var(--neutral-8-white-);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.sr-selectro-list-item .sr-checkbox {
  vertical-align: top;
  margin: 0 2px 0 0;
}
.sr-selectro-list-item .sr-radio-button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.sr-selectro-list-item .sr-radio-button .input-radio-span {
  margin: 0;
}
.sr-selectro-list-item span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span):not(.imgSpan):not(.skip-span) {
  line-height: 26px;
  height: 26px;
  clear: right;
  display: inline-block;
  vertical-align: middle;
}
.sr-selectro-list-item span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span):not(.imgSpan):not(.skip-span) em {
  color: var(--neutral-3);
  font-style: normal;
}
.sr-selectro-list-item span.keyboard-shortcut {
  color: var(--neutral-3);
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 4px;
  right: 14px;
}
.sr-selectro-list-item span.text-span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.sr-selectro-list-item span.text-span.has-icon {
  max-width: calc(100% - 62px);
}
.sr-selectro-list-item span.highlight {
  background: rgba(130, 208, 255, 0.5);
}
.sr-selectro-list-item .ratings-container {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 48px);
  height: 26px;
}
.sr-selectro-list-item .ratings-container.is-boxy .sr-rating-choice {
  line-height: 22px;
}
.sr-selectro-list-item .ratings-container .sr-rating-choice {
  height: 24px;
  box-sizing: border-box;
  margin: 2px 3px;
  line-height: 16px;
  white-space: nowrap;
}
.sr-selectro-list-item .info-container {
  position: absolute;
  top: 2px;
  right: 10px;
  height: 26px;
  width: 26px;
  cursor: pointer;
}
.sr-selectro-list-item .info-container.show-info-inline {
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
}
.sr-selectro-list-item .info-container .icon {
  margin: 5px;
}
.sr-selectro-list-item .info-container.has-sub-view {
  right: 30px;
  top: 12px;
}
.sr-selectro-list-item.double-height {
  height: 40px;
}
.sr-selectro-list-item.double-height .sr-checkbox {
  vertical-align: middle;
}
.sr-selectro-list-item.double-height span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span):not(.imgSpan):not(.skip-span) {
  height: 36px;
  line-height: 18px;
}
.sr-selectro-list-item.double-height .sub-text {
  font-size: 13px;
  color: var(--neutral-3);
}
.sr-selectro-list-item.blue-button {
  color: var(--primary-blue);
  font-weight: 400;
}
.sr-selectro-list-item.blue-button span.imgSpan {
  margin-top: 0px;
}
.sr-selectro-list-item.disabled-item {
  background-color: var(--neutral-8-white-) !important;
  color: var(--neutral-4);
}
.sr-selectro-list-item.focused-item, .sr-selectro-list-item:hover {
  background-color: var(--list-1-hover);
}
.sr-selectro-list-item.selected-item:not(.radio-item) {
  background-color: var(--primary-blue);
  color: var(--neutral-8-white-);
}
.sr-selectro-list-item.selected-item:not(.radio-item) span em {
  color: var(--neutral-8-white-) !important;
}
.sr-selectro-list-item.selected-item:not(.radio-item) svg .iconG,
.sr-selectro-list-item.selected-item:not(.radio-item) svg .iconStroke {
  stroke: var(--neutral-8-white-);
}
.sr-selectro-list-item.selected-item:not(.radio-item) svg .iconFill {
  fill: var(--neutral-8-white-);
}
.sr-selectro-list-item.radio-item.selected-item {
  background-color: var(--neutral-8-white-);
  color: var(--neutral-2);
}
.sr-selectro-list-item.radio-item:hover .input-radio-span:not(.active) {
  background-position: 0% 25%;
}
.sr-selectro-list-item.typeLi span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span), .sr-selectro-list-item.force-max-width span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span) {
  overflow: hidden;
  max-width: 88%;
  white-space: nowrap;
}
.sr-selectro-list-item.typeLi.selected svg .iconG,
.sr-selectro-list-item.typeLi.selected svg .iconStroke, .sr-selectro-list-item.force-max-width.selected svg .iconG,
.sr-selectro-list-item.force-max-width.selected svg .iconStroke {
  stroke: var(--neutral-8-white-);
}
.sr-selectro-list-item.typeLi.selected svg .iconFill, .sr-selectro-list-item.force-max-width.selected svg .iconFill {
  fill: var(--neutral-8-white-);
}
.sr-selectro-list-item.inline-header {
  background: var(--neutral-8-white-) !important;
  color: var(--neutral-3) !important;
  border-bottom: 1px solid var(--neutral-5);
  margin: 0 10px 6px;
  height: auto;
  padding: 2px 0;
}
.sr-selectro-list-item.inline-header.search-title {
  color: inherit !important;
  border-bottom: none;
  margin: inherit;
}
.sr-selectro-list-item.inline-header:not(.search-title) span {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  height: auto;
}
.sr-selectro-list-item .help-icon,
.sr-selectro-list-item .has-sub-view {
  display: block;
  position: absolute;
  top: 50%;
  right: 7px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  box-sizing: border-box;
}
.sr-selectro-list-item .help-icon {
  cursor: pointer;
}
.sr-selectro-list-item .help-icon.next-to-sub {
  right: 30px;
}
.sr-selectro-list-item .right-action-btn,
.sr-selectro-list-item .right-toggle-btn {
  display: block;
  position: absolute;
  cursor: pointer;
}
.sr-selectro-list-item .right-action-btn {
  top: 3px;
  right: 8px;
  height: 24px;
  width: 24px;
  border-radius: 2px;
}
.sr-selectro-list-item .right-action-btn .common-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sr-selectro-list-item .right-action-btn:hover {
  background-color: var(--list-3-active-hover);
}
.sr-selectro-list-item .right-toggle-btn {
  top: 3px;
  right: 8px;
  height: 24px;
  width: 24px;
}
.sr-selectro-list-item .right-toggle-btn .sr-switch {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -6px;
}
.sr-selectro-list-item .expand-btn {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 3px;
  right: 8px;
  height: 24px;
  width: 24px;
}
.sr-selectro-list-item .expand-btn .sr-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sr-selectro-list-item .expand-btn .sr-icon svg g {
  fill: var(--neutral-3);
}
.sr-selectro-list-item.has-collapsed:hover, .sr-selectro-list-item.has-collapsed:focus, .sr-selectro-list-item.has-collapsed:active {
  background-color: var(--list-1-hover) !important;
  cursor: pointer;
}
.sr-selectro-list-item.has-collapsed:hover .expand-btn .sr-icon svg g, .sr-selectro-list-item.has-collapsed:focus .expand-btn .sr-icon svg g, .sr-selectro-list-item.has-collapsed:active .expand-btn .sr-icon svg g {
  fill: var(--primary-blue);
}
.sr-selectro-list-item .has-sub-view {
  border-radius: 2px;
}
.sr-selectro-list-item .has-sub-view i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 7px;
  margin: -3px 0 0 -2px;
  background: url("images/selectro/drillIn.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro-list-item .has-sub-view i {
    background-image: url("images/selectro/drillIn@2x.png");
    background-size: 9px 7px;
  }
}
.sr-selectro-list-item.selected-item:not(.radio-item) .sr-category-icon {
  fill: var(--neutral-8-white-);
}
.sr-selectro-list-item.selected-item:not(.radio-item) .has-sub-view i {
  background-position: right;
}
.sr-selectro-list-item.selected-item:not(.radio-item) .has-sub-view:hover {
  border-color: var(--neutral-8-white-);
}
.sr-selectro-list-item.selected-item:not(.radio-item) .has-sub-view:active {
  background-color: transparent;
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).focused-item .right-action-btn .common-icon, .sr-selectro-list-item.allow-shallow:not(.force-drill):hover .right-action-btn .common-icon {
  background-position: right;
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).focused-item .has-sub-view, .sr-selectro-list-item.allow-shallow:not(.force-drill):hover .has-sub-view {
  border: 1px solid var(--primary-blue);
  background-color: var(--neutral-8-white-);
  /*&:hover {
    background-color: $sr-list-hover;
  }*/
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).focused-item .has-sub-view:hover, .sr-selectro-list-item.allow-shallow:not(.force-drill).focused-item .has-sub-view:active, .sr-selectro-list-item.allow-shallow:not(.force-drill):hover .has-sub-view:hover, .sr-selectro-list-item.allow-shallow:not(.force-drill):hover .has-sub-view:active {
  background-color: var(--primary-blue);
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).focused-item .has-sub-view:hover i, .sr-selectro-list-item.allow-shallow:not(.force-drill).focused-item .has-sub-view:active i, .sr-selectro-list-item.allow-shallow:not(.force-drill):hover .has-sub-view:hover i, .sr-selectro-list-item.allow-shallow:not(.force-drill):hover .has-sub-view:active i {
  background-position: right;
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).selected-item:not(.radio-item):hover .has-sub-view {
  border: 1px solid var(--neutral-8-white-);
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).selected-item:not(.radio-item) .has-sub-view {
  background-color: transparent;
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).selected-item:not(.radio-item) .has-sub-view:hover, .sr-selectro-list-item.allow-shallow:not(.force-drill).selected-item:not(.radio-item) .has-sub-view:active {
  background-color: var(--neutral-8-white-);
}
.sr-selectro-list-item.allow-shallow:not(.force-drill).selected-item:not(.radio-item) .has-sub-view:hover i, .sr-selectro-list-item.allow-shallow:not(.force-drill).selected-item:not(.radio-item) .has-sub-view:active i {
  background-position: left;
}
.sr-selectro-list-item.border-above {
  padding: 5px 10px 0;
  height: 8px;
}
.sr-selectro-list-item.border-above span.text-span {
  width: 100%;
  border-top: 1px solid var(--neutral-5);
}
.sr-selectro-list-item.has-row-subvalue {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 55px auto;
      grid-template-columns: 55px auto;
  -ms-flex-align: center;
      align-items: center;
  height: 56px;
}
.sr-selectro-list-item.has-row-subvalue .text-span {
  max-width: calc(100% - 15px);
}
.sr-selectro-list-item.has-row-subvalue .sr-face-stack {
  -ms-grid-row-span: 2;
  -ms-grid-row: 1;
      grid-row: 1/span 2;
  height: auto;
}
.sr-selectro-list-item.has-row-subvalue:not(.focused-item) .row-subvalue {
  color: var(--neutral-3);
}
.sr-selectro-list-item.has-no-resident-value {
  height: 48px;
  line-height: 44px;
}
.sr-selectro-list-item .row-subvalue {
  -ms-grid-column: 2;
      grid-column: 2;
  margin-top: -10px;
}

.sr-selectro .input-container .sr-face,
.sr-selectro-list-item .sr-face {
  margin-top: -2px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
}
.sr-selectro .input-container .sr-face.all-residents,
.sr-selectro-list-item .sr-face.all-residents {
  background-size: 22px 22px !important;
}
.sr-selectro .input-container span.img,
.sr-selectro .input-container span.imgSpan,
.sr-selectro .input-container div.typeIcon,
.sr-selectro .input-container span.img-hover,
.sr-selectro-list-item span.img,
.sr-selectro-list-item span.imgSpan,
.sr-selectro-list-item div.typeIcon,
.sr-selectro-list-item span.img-hover {
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sr-selectro .input-container span.img.circular,
.sr-selectro .input-container span.imgSpan.circular,
.sr-selectro .input-container div.typeIcon.circular,
.sr-selectro .input-container span.img-hover.circular,
.sr-selectro-list-item span.img.circular,
.sr-selectro-list-item span.imgSpan.circular,
.sr-selectro-list-item div.typeIcon.circular,
.sr-selectro-list-item span.img-hover.circular {
  border-radius: 50%;
}
.sr-selectro .input-container span.img,
.sr-selectro .input-container span.img-hover,
.sr-selectro-list-item span.img,
.sr-selectro-list-item span.img-hover {
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.sr-selectro .input-container span.img-hover,
.sr-selectro-list-item span.img-hover {
  display: none !important;
}
.sr-selectro .input-container .sr-category-icon,
.sr-selectro-list-item .sr-category-icon {
  width: 24px;
  height: 24px;
  margin-right: 13px;
  display: inline-block;
  vertical-align: middle;
}
.sr-selectro .input-container .sr-checkbox + .sr-category-icon,
.sr-selectro-list-item .sr-checkbox + .sr-category-icon {
  margin-left: 6px;
  margin-right: 6px;
}
.sr-selectro .input-container div.typeIcon,
.sr-selectro-list-item div.typeIcon {
  width: 24px;
  height: 24px;
}
.sr-selectro .input-container div.typeIcon svg,
.sr-selectro-list-item div.typeIcon svg {
  width: 24px;
  height: 24px;
}
.sr-selectro .input-container.has-cat-icon .text-span,
.sr-selectro-list-item.has-cat-icon .text-span {
  max-width: calc(100% - 62px) !important;
}
.sr-selectro .input-container.has-user-icon .text-span,
.sr-selectro-list-item.has-user-icon .text-span {
  max-width: calc(100% - 36px) !important;
}
.sr-selectro .input-container.has-hover.selected-item span.img,
.sr-selectro-list-item.has-hover.selected-item span.img {
  display: none !important;
}
.sr-selectro .input-container.has-hover.selected-item span.img-hover,
.sr-selectro-list-item.has-hover.selected-item span.img-hover {
  display: inline-block !important;
}

.sr-selectro .input-container .sr-category-icon {
  margin-top: -4px;
  margin-right: 0px;
}
.sr-selectro .input-container span.img,
.sr-selectro .input-container span.imgSpan,
.sr-selectro .input-container div.typeIcon:not(.place-type-icon),
.sr-selectro .input-container span.img-hover {
  margin-right: 0px;
}

.sr-switch {
  width: 66px;
  height: 26px;
  background-color: var(--neutral-5);
  border-radius: 18px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  box-sizing: border-box;
  /*&.stretch {
    background-color: $sr-light-grey-disabled; // #D2D7DA;
    transition: background-color ease-in-out 0.3s;
    .switch-knob {
      width: $switch-stretch-width;
    }
    &.on {
      background-color: $sr-green-hover;
      .switch-knob {
        left: calc(100% - 32px - 2px);
      }
    }
  }*/
}
.sr-switch::before {
  content: "";
  position: absolute;
  border: 1px solid transparent;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  border-radius: 18px;
  box-shadow: 0 0 0 1px transparent;
}
.sr-switch:focus-visible::before {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-switch.on {
  background-color: var(--primary-green);
}
.sr-switch.on:hover {
  background-color: var(--primary-green-2-hover);
}
.sr-switch.on .switch-knob {
  left: calc(100% - 22px - 2px);
}
.sr-switch.on .on-text {
  visibility: visible;
}
.sr-switch.on .off-text {
  visibility: hidden;
}
.sr-switch:hover {
  background-color: #c6cccf;
}
.sr-switch .inner-container {
  overflow: hidden;
  position: relative;
}
.sr-switch .on-text,
.sr-switch .off-text {
  display: block;
  position: absolute;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 700;
  color: var(--neutral-8-white-);
  transition: visibility ease-in-out 0.2s;
}
.sr-switch .on-text {
  visibility: hidden;
  left: -28px;
}
.sr-switch .off-text {
  visibility: visible;
  left: 30px;
}
.sr-switch .switch-knob {
  float: left;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
  transition: left ease-in-out 0.2s, width ease-in-out 0.2s;
  position: relative;
  left: 2px;
}

.sr-switch.disabled {
  background-color: var(--neutral-4) !important;
  cursor: no-drop;
}
.sr-switch.disabled.on {
  background-color: var(--primary-green-3-disabled-light);
}

.sr-switch.small {
  width: 38px;
  height: 22px;
  overflow: visible;
}
.sr-switch.small::before {
  border-radius: 12px;
}
.sr-switch.small .switch-knob {
  width: 16px;
  height: 16px;
}
.sr-switch.small.on .switch-knob {
  left: calc(100% - 16px - 2px);
}

.sr-switch.extra-small {
  width: 18px;
  height: 12px;
  overflow: visible;
}
.sr-switch.extra-small:not(.on) {
  border: 1px solid var(--neutral-3);
  background-color: var(--neutral-8-white-);
}
.sr-switch.extra-small:not(.on) .switch-knob {
  background-color: var(--neutral-3);
}
.sr-switch.extra-small:not(.on):hover {
  border: 1px solid var(--neutral-2);
}
.sr-switch.extra-small:not(.on):hover .switch-knob {
  background-color: var(--neutral-2);
}
.sr-switch.extra-small::before {
  border-radius: 12px;
}
.sr-switch.extra-small .switch-knob {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.sr-switch.extra-small.on .switch-knob {
  left: calc(100% - 8px - 1px);
}

.sr-switch.urgent.on {
  background-color: var(--primary-red);
}
.sr-switch.urgent.on:hover {
  background-color: var(--primary-red-2-hover);
}
.sr-switch.urgent.on.disabled {
  background-color: var(--primary-red-3-disabled);
}

.sr-toggle-container .sr-switch.small {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
}
.sr-toggle-container .sr-switch.small.residents-on-close {
  margin-top: -22px;
}
.sr-toggle-container.fixed .sr-switch.small {
  top: 28px;
  margin-top: 0px;
}

.switch-list-item:hover:not(.disabled):not(.has-inner-content) .sr-switch, .switch-list-item.has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-switch,
.sr-toggle-container:hover:not(.disabled):not(.has-inner-content) .sr-switch,
.sr-toggle-container.has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-switch {
  background-color: #c6cccf;
}
.switch-list-item:hover:not(.disabled):not(.has-inner-content) .sr-switch.on, .switch-list-item.has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-switch.on,
.sr-toggle-container:hover:not(.disabled):not(.has-inner-content) .sr-switch.on,
.sr-toggle-container.has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-switch.on {
  background-color: var(--primary-green-2-hover);
}
.switch-list-item:hover:not(.disabled):not(.has-inner-content) .sr-switch.on.urgent, .switch-list-item.has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-switch.on.urgent,
.sr-toggle-container:hover:not(.disabled):not(.has-inner-content) .sr-switch.on.urgent,
.sr-toggle-container.has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-switch.on.urgent {
  background-color: var(--primary-red-2-hover);
}
.switch-list-item .sr-switch.extra-small:not(.on),
.sr-toggle-container .sr-switch.extra-small:not(.on) {
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-2);
}
.switch-list-item .sr-switch.extra-small:not(.on) .switch-knob,
.sr-toggle-container .sr-switch.extra-small:not(.on) .switch-knob {
  background-color: var(--neutral-2);
}
.switch-list-item.disabled .sr-switch,
.sr-toggle-container.disabled .sr-switch {
  cursor: no-drop;
}

.sr-input {
  position: relative;
  display: block;
  min-height: 40px;
}
.sr-input input {
  outline: none;
  color: var(--neutral-2);
  height: 40px;
  font-size: 14px;
  line-height: 18px;
  padding: 11px;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  border-radius: 3px;
  box-sizing: border-box;
}
.sr-input input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-input input:-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-input input::-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-input input:-ms-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-input input.placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-input input:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 10;
  outline: none;
}
.sr-input:hover {
  z-index: 10;
}
.sr-input:hover input {
  border: 1px solid var(--primary-blue);
}
.sr-input:focus-within {
  z-index: 11;
}
.sr-input:focus-within input {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-input div.hasStaticPlaceholder {
  position: relative;
}
.sr-input div.hasStaticPlaceholder input {
  /*transition: color .1s ease-in-out;
  color: $sr-white; // #FFFFFF;
  &.positioned {
    color: $sr-dark-grey;
  }*/
}
.sr-input div.hasStaticPlaceholder div.staticPlaceholder {
  position: absolute;
  top: 0px;
  line-height: 40px;
  font-size: 11px;
  font-weight: 400;
  color: var(--neutral-2);
  padding: 0 6px 0 12px;
  box-sizing: border-box;
}
.sr-input div.hasStaticPlaceholder div.staticPlaceholder.include-checkbox {
  padding-left: 32px;
}
.sr-input .drop-down-asterisk {
  right: 27px !important;
}
.sr-input .red-asterisk {
  color: var(--primary-red) !important;
  position: absolute;
  right: 10px;
  top: -1px;
  font-size: 13px;
  z-index: 11;
  line-height: 40px;
}
.sr-input .sr-checkbox {
  position: absolute;
  top: 6px;
  left: 12px;
}
.sr-input.big-input input {
  height: 56px;
  font-size: 22px;
  line-height: 30px;
  padding: 13px 16px;
}
.sr-input.big-input div.hasStaticPlaceholder div.staticPlaceholder {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
}
.sr-input.disabled, .sr-input.disabled input {
  cursor: no-drop;
}
.sr-input.disabled div.hasStaticPlaceholder div.staticPlaceholder, .sr-input.read-only div.hasStaticPlaceholder div.staticPlaceholder {
  color: var(--neutral-4);
}
.sr-input.disabled input, .sr-input.read-only input {
  background-color: var(--neutral-7);
  border-color: var(--neutral-5);
}
.sr-input.disabled input {
  color: var(--neutral-4);
}
.sr-input div.sr-label {
  display: none;
}
.sr-input.hasLabel input {
  float: left;
}
.sr-input.hasLabel div.sr-label {
  display: block;
  float: left;
  padding: 0 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 40px;
  text-align: right;
  box-sizing: border-box;
}
.sr-input.include-arrow input {
  padding-right: 20px;
}
.sr-input.include-arrow .drop-down-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  width: 10px;
  height: 6px;
  background: url("images/swSelectChevron.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-input.include-arrow .drop-down-icon {
    background-image: url("images/swSelectChevron@2x.png");
    background-size: 10px 6px;
  }
}
.sr-input.include-arrow.input-active .drop-down-icon {
  transform: rotate(180deg);
}
.sr-input.invalid-field input {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.sr-input.invalid-field input::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-input.invalid-field input:-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-input.invalid-field input::-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-input.invalid-field input:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-input.invalid-field input:focus {
  border: 1px solid var(--primary-red);
  box-shadow: 0 0 0 1px var(--primary-red);
}
.sr-input.invalid-field div.hasStaticPlaceholder div.staticPlaceholder {
  color: var(--primary-red);
}
.sr-input.no-borders input {
  background-color: transparent !important;
  border-width: 0px !important;
  box-shadow: none !important;
  padding-left: 0px;
  padding-right: 0px;
}
.sr-input.no-borders div.hasStaticPlaceholder div.staticPlaceholder {
  padding-left: 0px;
}
.sr-input .clear-button {
  position: absolute;
  top: 15px;
  right: 6px;
}
.sr-input .clear-button .sr-icon.close {
  pointer-events: none;
}

.required input {
  padding-right: 26px;
}

.sr-toggle {
  cursor: pointer;
  width: 38px;
  height: 22px;
  background: url("images/swToggle.png") no-repeat;
  display: inline-block;
  background-position: top left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-toggle {
    background-image: url("images/swToggle@2x.png");
    background-size: 78px 45px;
  }
}
.sr-toggle:not(.disabled):hover, .sr-toggle:not(.disabled):focus {
  background-position: top right;
}
.sr-toggle.on {
  background-position: bottom left;
}
.sr-toggle.on:hover, .sr-toggle.on:focus {
  background-position: bottom right;
}

.sr-toggle-container {
  position: relative;
  padding: 20px 0 20px 58px;
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  box-sizing: border-box;
}
.sr-toggle-container .sr-toggle {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
}
.sr-toggle-container .label h4 {
  font-weight: 700;
}
.sr-toggle-container .label h5 {
  font-weight: 600;
}
.sr-toggle-container .label p {
  color: var(--neutral-3);
}
.sr-toggle-container .label em {
  font-style: italic;
}
.sr-toggle-container:hover:not(.disabled):not(.has-inner-content) {
  cursor: pointer;
}
.sr-toggle-container:hover:not(.disabled):not(.has-inner-content) .sr-toggle {
  background-position: top right;
}
.sr-toggle-container:hover:not(.disabled):not(.has-inner-content) .sr-toggle.on {
  background-position: bottom right;
}
.sr-toggle-container.disabled .sr-toggle-inner {
  cursor: no-drop;
}
.sr-toggle-container.has-inner-content {
  padding-left: 0px;
}
.sr-toggle-container.has-inner-content .sr-toggle-inner {
  padding-left: 58px;
}
.sr-toggle-container:not(.disabled) .has-inner-content:not(.disabled) .sr-toggle-inner:hover {
  cursor: pointer;
}
.sr-toggle-container:not(.disabled) .has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-toggle {
  background-position: top right;
}
.sr-toggle-container:not(.disabled) .has-inner-content:not(.disabled) .sr-toggle-inner:hover .sr-toggle.on {
  background-position: bottom right;
}
.sr-toggle-container.disabled {
  cursor: no-drop;
}
.sr-toggle-container.inner-residents-on-close {
  margin-left: 50px;
  padding: 0px 0 20px 58px;
}
.sr-toggle-container.no-bottom-border-pad {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}
.sr-toggle-container.no-bottom-border-pad.transition-border {
  transition: border-width 1ms ease-in-out 248ms;
}
.sr-toggle-container.no-bottom-border {
  border-bottom-width: 0px;
}
.sr-toggle-container.no-bottom-border.transition-border {
  transition: border-width 1ms ease-in-out 248ms;
}
.sr-toggle-container.no-top-border {
  border-top-width: 0px;
}
.sr-toggle-container + .sr-toggle-container {
  border-top: none;
}

.sr-checkbox {
  display: inline-block;
  vertical-align: middle;
}
.sr-checkbox .common-icon {
  display: inline-block;
  margin: 0 0 0 7px;
}
.sr-checkbox p.checkboxText {
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sr-checkbox.disabled p.checkboxText {
  color: var(--neutral-4) !important;
  cursor: no-drop;
}
.sr-checkbox.disabled .common-icon {
  opacity: 0.3;
}
.sr-checkbox input[type=checkbox] {
  position: absolute;
  left: -99999px;
}
.sr-checkbox input[type=checkbox] + label span {
  width: 17px;
  height: 17px;
  cursor: pointer;
  background: url("images/swCheckbox.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-position: top left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-checkbox input[type=checkbox] + label span {
    background-image: url("images/swCheckbox@2x.png");
    background-size: 85px 51px;
  }
}
.sr-checkbox input[type=checkbox] + label span:hover, .sr-checkbox input[type=checkbox] + label span.hover {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox] + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox]:hover + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox]:hover + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox]:focus + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox]:checked + label span {
  background-position: center left;
}
.sr-checkbox input[type=checkbox]:checked + label span:hover, .sr-checkbox input[type=checkbox]:checked + label span.hover {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox]:checked + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox input[type=checkbox]:checked:focus + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.disabled {
  background-color: var(--neutral-7);
  cursor: no-drop;
}
.sr-checkbox.disabled p.checkboxText {
  color: var(--neutral-4);
}
.sr-checkbox.disabled input[type=checkbox] + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 75% top; /* My sprite has the default state in the top row, :active states in the bottom */
  cursor: no-drop;
}
.sr-checkbox.disabled input[type=checkbox] + label span:active, .sr-checkbox.disabled input[type=checkbox] + label span:hover, .sr-checkbox.disabled input[type=checkbox] + label span.hover, .sr-checkbox.disabled input[type=checkbox] + label span:focus {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 75% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.disabled input[type=checkbox]:checked + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 75% center; /* My sprite has the default state in the top row, :active states in the bottom */
  cursor: no-drop;
}
.sr-checkbox.disabled input[type=checkbox]:checked + label span:active, .sr-checkbox.disabled input[type=checkbox]:checked + label span:hover, .sr-checkbox.disabled input[type=checkbox]:checked + label span.hover, .sr-checkbox.disabled input[type=checkbox]:checked + label span:focus {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 75% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.invalid-field p.checkboxText {
  color: var(--primary-red);
}
.sr-checkbox.invalid-field input[type=checkbox] + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 100% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.invalid-field input[type=checkbox] + label span:active, .sr-checkbox.invalid-field input[type=checkbox] + label span:hover, .sr-checkbox.invalid-field input[type=checkbox] + label span.hover, .sr-checkbox.invalid-field input[type=checkbox] + label span:focus {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 100% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.invalid-field input[type=checkbox]:checked + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 100% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.invalid-field input[type=checkbox]:checked + label span:active, .sr-checkbox.invalid-field input[type=checkbox]:checked + label span:hover, .sr-checkbox.invalid-field input[type=checkbox]:checked + label span.hover, .sr-checkbox.invalid-field input[type=checkbox]:checked + label span:focus {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 100% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.small input[type=checkbox] + label span {
  width: 12px;
  height: 12px;
  background-image: url("images/swCheckboxSmall.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-checkbox.small input[type=checkbox] + label span {
    background-image: url("images/swCheckboxSmall@2x.png");
    background-size: 60px 36px;
  }
}
.sr-checkbox.sub-selected input[type=checkbox] + label span {
  background-position: bottom left;
}
.sr-checkbox.sub-selected input[type=checkbox] + label span:hover, .sr-checkbox.sub-selected input[type=checkbox] + label span.hover {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.sub-selected input[type=checkbox] + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.sub-selected input[type=checkbox]:focus + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkbox.form-checkbox {
  width: 100%;
}
.sr-checkbox.form-checkbox label {
  height: 40px;
  width: 100%;
  border: 1px solid var(--neutral-4);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 0 15px;
  display: block;
  cursor: pointer;
}
.sr-checkbox.form-checkbox .input-checkbox-span {
  vertical-align: top;
  margin-top: 12px;
}
.sr-checkbox.form-checkbox p.checkboxText {
  vertical-align: top;
  line-height: 36px;
}
.sr-checkbox.form-checkbox.disabled:hover {
  border: 1px solid var(--neutral-4);
}
.sr-checkbox.form-checkbox:hover label {
  border: 1px solid var(--primary-blue);
}
.sr-checkbox.form-checkbox:focus-within label {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}

.sr-checkox-parent:focus .sr-checkbox:not(.disabled) input[type=checkbox] + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:focus .sr-checkbox:not(.disabled) input[type=checkbox]:checked + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:focus .sr-checkbox:not(.disabled).sub-selected input[type=checkbox] + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}

.sr-checkox-parent:hover .sr-checkbox:not(.disabled) input[type=checkbox] + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled) input[type=checkbox] + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled) input[type=checkbox]:focus + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% top; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled) input[type=checkbox]:checked + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled) input[type=checkbox]:checked + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled) input[type=checkbox]:checked:focus + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% center; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled).sub-selected input[type=checkbox] + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled).sub-selected input[type=checkbox] + label span:active {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 50% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}
.sr-checkox-parent:hover .sr-checkbox:not(.disabled).sub-selected input[type=checkbox]:focus + label span {
  /* The number of icons in the sprite, placed next to one another */
  background-size: 500%; /* Results in 800% for 8 icons */
  background-position: 25% bottom; /* My sprite has the default state in the top row, :active states in the bottom */
}

.sr-expando-input {
  display: block;
}
.sr-expando-input textarea {
  display: block;
  width: 332px;
  height: 38px;
  font-size: 14px;
  line-height: 16px;
  padding: 11px;
  border: 1px solid var(--neutral-4);
  overflow: hidden;
  outline: none;
  color: var(--neutral-2);
  background-color: var(--neutral-8-white-);
  resize: none;
  transition: height 0.1s ease-in-out;
  box-sizing: border-box;
  border-radius: 3px;
}
.sr-expando-input textarea::-webkit-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-expando-input textarea:-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-expando-input textarea::-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-expando-input textarea:-ms-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-expando-input textarea.placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-expando-input textarea.overflow {
  overflow-y: auto;
  overflow-x: hidden;
}
.sr-expando-input textarea:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-expando-input textarea:hover {
  border: 1px solid var(--primary-blue);
}
.sr-expando-input.invalid-field textarea {
  border-color: var(--primary-red);
}
.sr-expando-input.invalid-field textarea:focus:not(.disabled), .sr-expando-input.invalid-field textarea.active {
  border: 1px solid var(--primary-red);
  box-shadow: 0 0 0 1px var(--primary-red);
}
.sr-expando-input.invalid-field textarea::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-expando-input.invalid-field textarea:-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-expando-input.invalid-field textarea::-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-expando-input.invalid-field textarea:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red) !important;
}
.sr-expando-input.disabled textarea {
  cursor: no-drop;
  background-color: var(--neutral-7);
  border-color: var(--neutral-5);
  color: var(--neutral-4);
}
.sr-expando-input.no-borders textarea {
  border: none;
  box-shadow: none;
  outline: none;
  border-radius: 0;
}

.sr-face {
  position: relative;
  width: 34px;
  height: 34px;
  background-color: var(--neutral-5);
  z-index: 2;
  border-radius: 50%;
  box-sizing: border-box;
}
.sr-face.with-border {
  border: 2px solid var(--neutral-8-white-);
}
.sr-face.profile-image {
  background-size: contain;
}
.sr-face.no-profile-image {
  text-align: center;
  color: var(--neutral-2);
  line-height: 34px;
  font-size: 14px;
  font-weight: 600;
}
.sr-face.no-profile-image .center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-face.no-profile-image.temp-user-name {
  border: 0px;
  color: var(--neutral-4);
  background: var(--neutral-8-white-) url("images/temp-user-34px.png") no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.no-profile-image.temp-user-name {
    background-image: url("images/temp-user-68px.png");
    background-size: 34px 34px;
  }
}
.sr-face.unknown-user {
  background: var(--neutral-5) url("images/unassigned-user-34px.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.unknown-user {
    background-image: url("images/unassigned-user-68px.png");
    background-size: 34px 34px;
  }
}
.sr-face.user-placeholder {
  background: var(--neutral-5) url("images/user-placeholder-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.user-placeholder {
    background-image: url("images/user-placeholder-60.png");
    background-size: 30px 30px;
  }
}
.sr-face.ivr-user {
  background: url("images/ivr-user-face.png") no-repeat;
  background-size: contain;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.ivr-user {
    background-image: url("images/ivr-user-face@2x.png");
    background-size: 34px 34px;
  }
}
.sr-face.yelp-user {
  background: url("images/sr-common-icons/independent/yelp-user.png") no-repeat;
  background-size: contain;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.yelp-user {
    background-image: url("images/sr-common-icons/independent/yelp-user@2x.png");
    background-size: 28px 28px;
  }
}
.sr-face.all-residents {
  background: var(--neutral-5) url("images/all-residents-28.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.all-residents {
    background-image: url("images/all-residents-28@2x.png");
    background-size: 28px 28px;
  }
}
.sr-face.on-call {
  background: var(--neutral-5) url("images/on-call-user-22.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.on-call {
    background-image: url("images/on-call-user-22@2x.png");
    background-size: 22px 22px;
  }
}
.sr-face.default-assignee {
  background: var(--neutral-5) url("images/default-assignee-user-22.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.default-assignee {
    background-image: url("images/default-assignee-user-22@2x.png");
    background-size: 22px 22px;
  }
}
.sr-face.fifty.no-profile-image.temp-user-name {
  background: var(--neutral-8-white-) url("images/temp-user-50px.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.fifty.no-profile-image.temp-user-name {
    background-image: url("images/temp-user-120px.png");
    background-size: 50px 50px;
  }
}
.sr-face.fifty.unknown-user {
  background: var(--neutral-5) url("images/unassigned-user-50px.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.fifty.unknown-user {
    background-image: url("images/unassigned-user-100px.png");
    background-size: 50px 50px;
  }
}
.sr-face.fifty.user-placeholder {
  background: var(--neutral-5) url("images/user-placeholder-50.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.fifty.user-placeholder {
    background-image: url("images/user-placeholder-100.png");
    background-size: 50px 50px;
  }
}
.sr-face.fifty.ivr-user {
  background: url("images/ivr-user-face-50.png") no-repeat;
  background-size: contain;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.fifty.ivr-user {
    background-image: url("images/ivr-user-face-50@2x.png");
    background-size: 50px 50px;
  }
}
.sr-face.fifty.all-residents {
  background: var(--neutral-5) url("images/all-residents-50.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.fifty.all-residents {
    background-image: url("images/all-residents-50@2x.png");
    background-size: 50px 50px;
  }
}
.sr-face.good .rating-icon, .sr-face.bad .rating-icon {
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  bottom: -2px;
  right: -2px;
  border-radius: 50%;
}
.sr-face.good.good .rating-icon, .sr-face.bad.good .rating-icon {
  background: var(--primary-green) url("images/ratingGoodSmall.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.good.good .rating-icon, .sr-face.bad.good .rating-icon {
    background-image: url("images/ratingGoodSmall@2x.png");
    background-size: 17px 17px;
  }
}
.sr-face.good.bad .rating-icon, .sr-face.bad.bad .rating-icon {
  background: var(--primary-red) url("images/ratingBadSmall.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-face.good.bad .rating-icon, .sr-face.bad.bad .rating-icon {
    background-image: url("images/ratingBadSmall@2x.png");
    background-size: 17px 17px;
  }
}

.sr-radio-button span,
.sr-radio-button label {
  float: left;
  cursor: pointer;
}
.sr-radio-button span.input-radio-span {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  background: url("images/swRadioButton.png") no-repeat;
  background-position: top left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-radio-button span.input-radio-span {
    background-image: url("images/swRadioButton@2x.png");
    background-size: 28px 70px;
  }
}
.sr-radio-button span.input-radio-span.active {
  background: url("images/swRadioButton.png") no-repeat;
  background-position: top right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-radio-button span.input-radio-span.active {
    background-image: url("images/swRadioButton@2x.png");
    background-size: 28px 70px;
  }
}
.sr-radio-button label {
  padding-left: 8px;
}
.sr-radio-button label .sub-label {
  color: var(--neutral-3);
}
.sr-radio-button:hover span, .sr-radio-button:focus span {
  background-position: 0% 25%;
}
.sr-radio-button:hover span.active, .sr-radio-button:focus span.active {
  background-position: 100% 25%;
}
.sr-radio-button span.disabled {
  background-position: center left;
}
.sr-radio-button span.disabled.active {
  background-position: center right;
}
.sr-radio-button span.disabled + label {
  color: var(--neutral-5);
}

.sr-radio-button-parent:focus .sr-radio-button span {
  background-position: 0% 25%;
}
.sr-radio-button-parent:focus .sr-radio-button span.active {
  background-position: 100% 25%;
}

.sr-textarea textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  outline: none;
  color: var(--neutral-2);
  height: 100px;
  font-size: 14px;
  line-height: 16px;
  padding: 11px;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  border-radius: 3px;
  box-sizing: border-box;
}
.sr-textarea textarea::-webkit-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea textarea:-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea textarea::-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea textarea:-ms-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea textarea.placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea textarea:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: inset 0 0 0 1px var(--primary-blue);
}
.sr-textarea textarea:hover {
  border: 1px solid var(--primary-blue);
}
.sr-textarea.v2 textarea {
  font-size: 14px;
}
.sr-textarea.v2 textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea.v2 textarea:-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea.v2 textarea::-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea.v2 textarea:-ms-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-textarea.invalid-field textarea {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.sr-textarea.invalid-field textarea::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-textarea.invalid-field textarea:-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-textarea.invalid-field textarea::-moz-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-textarea.invalid-field textarea:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--primary-red);
}
.sr-textarea.invalid-field textarea:focus {
  border: 1px solid var(--primary-red);
  box-shadow: inset 0 0 0 1px var(--primary-red);
}
.sr-textarea.invalid-field textarea:hover {
  border: 1px solid var(--primary-red);
}
.sr-textarea.disabled textarea {
  background-color: var(--neutral-7);
  border-color: var(--neutral-5);
  cursor: no-drop;
  color: var(--neutral-4);
}
.sr-textarea.disabled textarea::-webkit-input-placeholder {
  color: var(--neutral-4);
}
.sr-textarea.disabled textarea:-moz-placeholder {
  color: var(--neutral-4);
}
.sr-textarea.disabled textarea::-moz-placeholder {
  color: var(--neutral-4);
}
.sr-textarea.disabled textarea:-ms-input-placeholder {
  color: var(--neutral-4);
}
.sr-textarea.disable-resize textarea {
  resize: none;
}
.sr-textarea.hidden {
  display: none;
}
.sr-textarea .remaining {
  float: right;
}
.sr-textarea span {
  margin-top: 12px;
  margin-bottom: 20px;
  color: var(--neutral-3);
  display: block;
}
.sr-textarea.note span {
  color: var(--neutral-3);
  line-height: 14px;
  margin-top: 12px;
}
.sr-textarea.span-with-border span {
  margin-bottom: 0px;
}

.sr-checkbox-group {
  position: relative;
  display: block;
  min-height: 40px;
}
.sr-checkbox-group ul {
  width: 260px;
  margin: 10px auto 0;
}
.sr-checkbox-group li {
  float: left;
  width: 130px;
  height: auto;
}
.sr-checkbox-group li label {
  display: block;
  font-weight: 600;
  font-size: 12px;
  box-sizing: border-box;
}
.sr-reminder .reminder-selections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.sr-reminder .reminder-selections .sr-selectro {
  width: 160px;
  margin-bottom: 0px !important;
  margin-right: -1px;
}
.sr-reminder .reminder-selections .sr-selectro:hover {
  z-index: 10;
}
.sr-reminder .reminder-selections .sr-selectro .input-container {
  border-radius: 0px 3px 3px 0px;
}
.sr-reminder .reminder-selections .sr-selectro .input-container.open {
  border-radius: 0px 3px 0px 0px;
}
.sr-reminder .reminder-selections .sr-selectro:first-child {
  width: 245px;
}
.sr-reminder .reminder-selections .sr-selectro:first-child .input-container {
  border-radius: 3px 0px 0px 3px;
}
.sr-reminder .reminder-selections .sr-selectro:first-child .input-container.open {
  border-radius: 3px 0px 0px 0px;
}
.sr-reminder .reminder-selections.only-timeframe .sr-selectro {
  display: none;
}
.sr-reminder .reminder-selections.only-timeframe .sr-selectro:first-child {
  display: block;
  width: 100%;
}
.sr-reminder .reminder-selections.only-timeframe .sr-selectro:first-child .input-container {
  border-radius: 3px;
}
.sr-reminder .reminder-selections.only-timeframe .sr-selectro:first-child .input-container.open {
  border-radius: 3px 3px 0px 0px;
}

.org-icon {
  width: 14px;
  height: 14px;
  position: relative;
}

.org-icon-square {
  width: 4px;
  height: 4px;
  border: 1px solid black;
  position: absolute;
}

.org-icon .org-icon-square:nth-child(1) {
  top: 0;
  left: 0;
}

.org-icon .org-icon-square:nth-child(2) {
  top: 0;
  right: 0;
}

.org-icon .org-icon-square:nth-child(3) {
  bottom: 0;
  left: 0;
}

.org-icon .org-icon-square:nth-child(4) {
  bottom: 0;
  right: 0;
}

.ember-table-table-row {
  position: relative;
  margin: 0px !important;
  padding: 5px 0;
}

tbody .et-tr {
  height: 50px;
  cursor: pointer;
}

.ember-table-overflow {
  height: 100%;
}

.sr-table td,
.sr-table th {
  vertical-align: middle;
}

.sr-table tbody tr {
  border-bottom: 1px solid #d2d7da;
}

.sr-table .et-cell-container,
.sr-table .et-cell-content {
  width: 100%;
  height: 100%;
}

.sr-table {
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--neutral-2);
}
.sr-table table {
  width: 100%;
}
.sr-table .ember-table {
  height: 100%;
}
.sr-table.absolute {
  position: absolute;
}
.sr-table.hide-table .ember-table {
  display: none;
}
.sr-table.no-horizontal-scroll .ember-table {
  overflow-x: hidden;
}
.sr-table .sr-table-loading {
  transition: height 0.1s ease-in;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0px;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  background-color: #ffffff;
  text-align: center;
  z-index: 10;
}
.sr-table .sr-table-loading .inline-loading {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.sr-table .sr-table-loading .inline-loading div.bounce {
  background-color: #d2d7da;
}
.sr-table .sr-table-loading.active {
  transition: height 0.1s ease-in 0.1s;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #d2d7da;
}
.sr-table .no-results {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 640px;
  text-align: center;
  padding: 30px;
  transform: translate(-50%, -50%);
}
.sr-table .no-results div.emoji {
  font-size: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
}
.sr-table .no-results div.icon {
  margin: 0 auto 14px;
}
.sr-table .no-results h2 {
  font-size: 22px;
  font-weight: 600;
}
.sr-table .no-results p {
  max-width: 600px;
  margin: 20px auto;
}
.sr-table .sr-row-shadow {
  z-index: 1;
  position: relative;
  box-shadow: 0px 7px 0px rgba(0, 0, 0, 0.05);
}
.sr-table .et-tr.sr-empty-row {
  cursor: default;
  position: relative;
}
.sr-table .et-tr.sr-empty-row .empty-row {
  background-color: var(--neutral-7) !important;
  position: absolute;
  width: 100%;
  height: 49px;
}
.sr-table .et-tr.sr-empty-row.ember-table-hover {
  background: var(--neutral-7) !important;
}
.sr-table.filter-loading .ember-table tbody tr,
.sr-table.filter-loading .dashboard-item,
.sr-table.filter-loading .no-results {
  opacity: 0.4;
}
.sr-table.filter-loading .sr-table-filter-loading {
  display: block;
}
.sr-table.reorder-enabled tr:hover .sr-table-cell .reorder-handle-container {
  display: block;
}
.sr-table.no-click-rows .ember-table tr {
  cursor: default;
}
.sr-table.no-click-rows .ember-table tr td .ember-table-content:hover,
.sr-table.no-click-rows .ember-table tr td .ember-table-toggle-span:hover {
  cursor: default;
}

.sr-table-image-cell {
  width: 100%;
  height: 100%;
}
.sr-table-image-cell div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  box-sizing: border-box;
  height: 50px;
}
.sr-table-image-cell div.no-image {
  background-color: var(--neutral-6);
}
.sr-table-image-cell div.no-image.asset-no-image {
  background-color: var(--neutral-8-white-);
}
.sr-table-image-cell div.media-gallery-icon {
  position: relative;
}
.sr-table-image-cell div.media-gallery-icon:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: url("images/sr-media-slider/multi-photo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-table-image-cell div.media-gallery-icon:after {
    background-image: url("images/sr-media-slider/multi-photo@2x.png");
    background-size: 13px 13px;
  }
}
.sr-table-image-cell.include-padding div.image-container {
  width: 50px;
}
.sr-table-image-cell.include-padding.left-side {
  margin-left: 8px;
  padding-left: 12px;
}
.sr-table-image-cell.include-padding.right-side {
  padding-right: 12px;
}
.sr-table-image-cell.site-photo-cell .image-container {
  height: calc(100% - 1px);
  width: 90px;
  float: left;
  margin-right: 20px;
}
.sr-table-image-cell.site-photo-cell span {
  font-size: 14px;
  font-weight: 700;
  color: var(--neutral-2);
}
.sr-table-image-cell.rating-photo-cell {
  padding-left: 5px;
}
.sr-table-image-cell.rating-photo-cell div.image-container {
  width: 50px;
}
.sr-table-image-cell.rating-photo-cell div.image-container div.no-image {
  background-color: var(--neutral-8-white-) !important;
}
.sr-table-image-cell.rating-photo-cell div.image-container div.no-image::after {
  content: "-";
}

.sr-table-project-cell {
  padding-left: 26px;
}
.sr-table-project-cell .support-svg {
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 10px;
}
.sr-table-project-cell.is-project .file-indicator {
  margin: 0;
}
.sr-table-project-cell div.file-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 15px;
}
.sr-table-project-cell div.file-indicator span.icon {
  display: block;
}
.sr-table-project-cell.is-project.has-files div.file-indicator {
  right: 84px;
}

.sr-table-project-cell,
.sr-table-sub-section-cell {
  text-overflow: unset !important;
  display: -ms-flexbox;
  display: flex;
}
.sr-table-project-cell div.text,
.sr-table-project-cell div.expando,
.sr-table-sub-section-cell div.text,
.sr-table-sub-section-cell div.expando {
  height: 49px;
  box-sizing: border-box;
}
.sr-table-project-cell div.text,
.sr-table-sub-section-cell div.text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 30px;
  font-size: 11px;
  color: var(--grey-2);
  text-align: right;
  padding-right: 12px;
  line-height: 49px;
}
.sr-table-project-cell div.expando,
.sr-table-sub-section-cell div.expando {
  width: 50px;
  border-left: 1px solid #d2d7da;
  cursor: pointer;
}
.sr-table-project-cell div.expando span.icon,
.sr-table-sub-section-cell div.expando span.icon {
  display: block;
  margin: 22px 0 0 19px;
}
.sr-table-project-cell div.expando:hover,
.sr-table-sub-section-cell div.expando:hover {
  background-color: var(--list-2-active) !important;
}
.sr-table-project-cell.active div.expando,
.sr-table-sub-section-cell.active div.expando {
  background-color: #f7f8fa;
}
.sr-table-project-cell.active div.expando span.icon,
.sr-table-sub-section-cell.active div.expando span.icon {
  transform: rotate(180deg);
}

.sr-table-project-cell .inline-loading {
  display: inline-block;
  vertical-align: middle;
}
.sr-table-project-cell .inline-loading div.bounce {
  width: 7px;
  height: 7px;
  background-color: var(--neutral-5);
}

.sr-table-sub-section-cell.has-full {
  overflow: visible !important;
}
.sr-table-sub-section-cell .add-sub-section-full {
  padding-right: 20px;
  margin-left: -60px;
  font-weight: 600;
  color: var(--primary-blue);
  cursor: pointer;
  font-size: 14px;
  height: 100%;
  display: block;
}
.sr-table-sub-section-cell .add-sub-section-full .icon {
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px 0 0;
}
.sr-table-sub-section-cell .add-sub-section-full:hover {
  color: var(--primary-blue-2-hover);
}
.sr-table-sub-section-cell .add-sub-section-full:hover .icon {
  background-position: right;
}
.sr-table-sub-section-cell .add-sub-section-full:focus {
  box-shadow: inset 0 0 0 1px var(--primary-blue);
}
.sr-table-sub-section-cell .add-sub-section {
  display: none;
  width: 50px;
  margin-left: 48px;
}
.sr-table-sub-section-cell .add-sub-section .icon {
  display: block;
}
.sr-table-sub-section-cell.disabled .add-sub-section-full {
  color: #add5eb;
}
.sr-table-sub-section-cell.disabled .add-sub-section-full .icon {
  opacity: 0.5;
}

.sr-table-select-cell:not(.sr-table-select-all-cell) {
  height: 50px;
  line-height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.sr-table-select-cell:not(.sr-table-select-all-cell) .ember-table-content {
  line-height: 50px;
  padding: 0;
}
.sr-table-select-cell:not(.sr-table-select-all-cell).no-overflow {
  overflow: visible;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sr-table-project-cell,
  .sr-table-sub-section-cell {
    overflow: visible !important;
    text-overflow: initial !important;
  }
}
.sr-table table {
  width: 100%;
}
.sr-table .ember-table-tables-container {
  padding-top: 30px;
}
.sr-table .ember-table-tables-container.show-select-all {
  padding-top: 70px;
}
.sr-table .ember-table-left-table-block td {
  border-right: 0px solid var(--neutral-5) !important;
}
.sr-table .ember-table-left-table-block .sub-header-banner {
  color: #d2d7da;
}
.sr-table .ember-table-header-container {
  box-shadow: none;
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sr-table .sr-table-select-all-container {
  border-top: none !important;
}
.sr-table .sr-table-select-all-container td {
  text-align: center;
  font-size: 14px !important;
  color: var(--neutral-2);
  background-color: var(--neutral-8-white-);
}
.sr-table .sr-table-select-all-container td a {
  color: var(--primary-blue);
  cursor: pointer;
}
.sr-table .sr-table-select-all-container td a:hover {
  text-decoration: underline;
}
.sr-table .sr-table-select-all-container td strong {
  font-weight: 700;
}
.sr-table thead tr {
  background-color: var(--neutral-8-white-);
}
.sr-table th {
  box-sizing: border-box;
  height: 30px;
  line-height: 28px;
  color: var(--neutral-3);
  background-color: var(--neutral-8-white-);
  cursor: default;
  font-weight: 400;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  z-index: 9;
}
.sr-table th .td-padding {
  padding: 0 5px;
}
.sr-table th .header-content {
  display: block;
  width: 100%;
}
.sr-table th .header-content.active {
  color: var(--neutral-2);
}
.sr-table th:hover {
  cursor: inherit;
}
.sr-table th .et-sort-indicator {
  width: 6px;
  height: 5px;
  background: url("images/residents/sortArrows.png") no-repeat;
  transition: opacity 0.05s ease-in;
  display: inline-block;
  opacity: 1;
  background-position: right;
  margin: 11px 0 0 1px;
  vertical-align: top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-table th .et-sort-indicator {
    background-image: url("images/residents/sortArrows@2x.png");
    background-size: 13px 6px;
  }
}
.sr-table th .et-sort-indicator.is-descending {
  background-position: left;
}
.sr-table th.ui-resizable .header-content:not(.suppress-hover):hover, .sr-table th.is-reorderable .header-content:not(.suppress-hover):hover, .sr-table th.is-sortable .header-content:not(.suppress-hover):hover {
  background-color: #ecf5fb;
  color: var(--neutral-2);
}
.sr-table th.is-sortable {
  cursor: pointer;
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover),
.sr-table th .header-content.is-actively-resizing {
  background-color: #ecf5fb;
  color: var(--neutral-2);
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover) .sort-handle,
.sr-table th .header-content.is-actively-resizing .sort-handle {
  position: absolute;
  top: 0;
  right: 9px;
  width: 26px;
  height: 30px;
  padding: 11px 4px;
  box-sizing: border-box;
  cursor: ew-resize;
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover) .sort-handle .icon,
.sr-table th .header-content.is-actively-resizing .sort-handle .icon {
  display: block;
  width: 15px;
  height: 8px;
  background: url("images/sr-common-icons/table/reorder-handle.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-table th.is-reorderable:hover .header-content:not(.suppress-hover) .sort-handle .icon,
  .sr-table th .header-content.is-actively-resizing .sort-handle .icon {
    background-image: url("images/sr-common-icons/table/reorder-handle@2x.png");
    background-size: 30px 8px;
  }
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover) .sort-handle:hover .icon,
.sr-table th .header-content.is-actively-resizing .sort-handle:hover .icon {
  background-position: right;
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover):before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 5px;
  height: 20px;
  width: 1px;
  border-left: 1px solid var(--neutral-5);
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover) .ui-resizable-handle:after,
.sr-table th.is-reorderable .header-content.is-actively-resizing .ui-resizable-handle:after {
  content: " ";
  position: absolute;
  right: 2px;
  top: 5px;
  height: 20px;
  width: 0;
  border-left: 1px solid var(--neutral-5);
}
.sr-table th.is-reorderable:hover .header-content:not(.suppress-hover) .ui-resizable-handle:hover:after,
.sr-table th.is-reorderable .header-content.is-actively-resizing .ui-resizable-handle:after {
  top: 0px;
  height: 34px;
  border-left: 2px solid var(--primary-blue);
}
.sr-table th.is-reorderable.lp1 {
  padding-left: 6px;
}
.sr-table th.is-reorderable.no-left-padding:before {
  left: -5px;
}
.sr-table th.ui-sortable-helper {
  opacity: 1 !important;
  cursor: ew-resize;
  border-right: 1px solid var(--neutral-4);
  border-left: 1px solid var(--neutral-4);
  box-shadow: 0 0 10px 0 rgba(178, 186, 192, 0.4);
  color: var(--neutral-3) !important;
}
.sr-table th.ui-sortable-helper:before,
.sr-table th.ui-sortable-helper .ui-resizable-handle,
.sr-table th.ui-sortable-helper .sort-handle {
  display: none !important;
}
.sr-table th.float-right {
  float: right;
}
.sr-table th.no-left-padding {
  padding-left: 0px;
}
.sr-table th.suppress-hover, .sr-table th.no-hover, .sr-table th:not(.is-sortable) {
  cursor: default !important;
}
.sr-table th .border {
  position: absolute;
  height: 1px;
  background-color: var(--neutral-5);
  width: 100%;
}
.sr-table th .border.top {
  top: 0;
}
.sr-table th .border.bottom {
  bottom: 0;
}
.sr-table .ember-table.is-resizing th {
  cursor: ew-resize !important;
}
.sr-table .ember-table-column-sortable-indicator {
  background-color: var(--primary-blue);
  width: 2px;
  opacity: 1;
}
.sr-table .ember-table-header-container .ui-state-highlight {
  padding: 0px !important;
  margin: 0px !important;
  left: 0px;
  background-color: var(--primary-blue);
  width: 0px !important;
  box-sizing: border-box;
}
.sr-table .ember-table-header-container .ui-sortable-helper {
  background-color: var(--list-1-hover);
}
.sr-table .ember-table-header-container .ui-sortable-helper .ember-table-content-container {
  display: block;
}
.sr-table .ember-table-header-container .ui-sortable-helper .ui-resizable-handle {
  background-color: var(--list-1-hover);
}
.sr-table .ember-table tbody,
.sr-table .sr-table-reorder-container {
  height: 100% !important;
}
.sr-table .ember-table tbody tr,
.sr-table .sr-table-reorder-container tr {
  transition: background-color 150ms ease-in;
}
.sr-table .ember-table tbody tr:hover,
.sr-table .sr-table-reorder-container tr:hover {
  transition: none;
}
.sr-table .ember-table tbody tr:hover,
.sr-table .ember-table tbody tr.sr-context-menu-clicked,
.sr-table .sr-table-reorder-container tr:hover,
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked {
  background-color: var(--list-1-hover) !important;
}
.sr-table .ember-table tbody tr:hover .sr-table-image-cell div.no-image.suppress-hover,
.sr-table .ember-table tbody tr.sr-context-menu-clicked .sr-table-image-cell div.no-image.suppress-hover,
.sr-table .sr-table-reorder-container tr:hover .sr-table-image-cell div.no-image.suppress-hover,
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked .sr-table-image-cell div.no-image.suppress-hover {
  background-color: var(--list-1-hover) !important;
}
.sr-table .ember-table tbody tr:hover .sr-table-image-cell div.image-container:not(.no-bg-color),
.sr-table .ember-table tbody tr:hover .sr-table-image-cell div.no-image:not(.suppress-hover),
.sr-table .ember-table tbody tr.sr-context-menu-clicked .sr-table-image-cell div.image-container:not(.no-bg-color),
.sr-table .ember-table tbody tr.sr-context-menu-clicked .sr-table-image-cell div.no-image:not(.suppress-hover),
.sr-table .sr-table-reorder-container tr:hover .sr-table-image-cell div.image-container:not(.no-bg-color),
.sr-table .sr-table-reorder-container tr:hover .sr-table-image-cell div.no-image:not(.suppress-hover),
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked .sr-table-image-cell div.image-container:not(.no-bg-color),
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked .sr-table-image-cell div.no-image:not(.suppress-hover) {
  background-color: var(--list-2-active) !important;
  fill: var(--primary-blue);
}
.sr-table .ember-table tbody tr:hover .sr-table-project-cell.active div.expando,
.sr-table .ember-table tbody tr:hover .sr-table-sub-section-cell.active div.expando,
.sr-table .ember-table tbody tr.sr-context-menu-clicked .sr-table-project-cell.active div.expando,
.sr-table .ember-table tbody tr.sr-context-menu-clicked .sr-table-sub-section-cell.active div.expando,
.sr-table .sr-table-reorder-container tr:hover .sr-table-project-cell.active div.expando,
.sr-table .sr-table-reorder-container tr:hover .sr-table-sub-section-cell.active div.expando,
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked .sr-table-project-cell.active div.expando,
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked .sr-table-sub-section-cell.active div.expando {
  background-color: var(--list-1-hover);
}
.sr-table .ember-table tbody tr:hover .sr-table-sub-section-cell .add-sub-section,
.sr-table .ember-table tbody tr.sr-context-menu-clicked .sr-table-sub-section-cell .add-sub-section,
.sr-table .sr-table-reorder-container tr:hover .sr-table-sub-section-cell .add-sub-section,
.sr-table .sr-table-reorder-container tr.sr-context-menu-clicked .sr-table-sub-section-cell .add-sub-section {
  display: block;
}
.sr-table .ember-table tbody tr.indent-row td,
.sr-table .sr-table-reorder-container tr.indent-row td {
  padding-left: 20px;
}
.sr-table .ember-table tbody tr.ember-table-arrow,
.sr-table .sr-table-reorder-container tr.ember-table-arrow {
  background-color: var(--list-2-active) !important;
}
.sr-table .ember-table tbody tr.no-click,
.sr-table .sr-table-reorder-container tr.no-click {
  cursor: default !important;
  background-color: white;
}
.sr-table .ember-table tbody tr.no-click .sr-table-image-cell div.image-container,
.sr-table .sr-table-reorder-container tr.no-click .sr-table-image-cell div.image-container {
  display: none;
}
.sr-table .ember-table tbody tr.no-click:hover,
.sr-table .sr-table-reorder-container tr.no-click:hover {
  background-color: white !important;
}
.sr-table .ember-table tbody tr.is-selected,
.sr-table .sr-table-reorder-container tr.is-selected {
  background-color: var(--list-2-active) !important;
}
.sr-table .ember-table tbody tr.is-selected .sr-table-image-cell div.no-image.suppress-hover,
.sr-table .sr-table-reorder-container tr.is-selected .sr-table-image-cell div.no-image.suppress-hover {
  background-color: var(--list-2-active) !important;
}
.sr-table .ember-table tbody tr.is-selected .sr-table-image-cell div.image-container:not(.no-bg-color),
.sr-table .ember-table tbody tr.is-selected .sr-table-image-cell div.no-image:not(.suppress-hover),
.sr-table .sr-table-reorder-container tr.is-selected .sr-table-image-cell div.image-container:not(.no-bg-color),
.sr-table .sr-table-reorder-container tr.is-selected .sr-table-image-cell div.no-image:not(.suppress-hover) {
  background-color: var(--list-3-active-hover) !important;
  fill: var(--primary-blue);
}
.sr-table .ember-table tbody tr.is-selected .sr-table-project-cell.active div.expando,
.sr-table .ember-table tbody tr.is-selected .sr-table-sub-section-cell.active div.expando,
.sr-table .sr-table-reorder-container tr.is-selected .sr-table-project-cell.active div.expando,
.sr-table .sr-table-reorder-container tr.is-selected .sr-table-sub-section-cell.active div.expando {
  background-color: var(--list-3-active-hover) !important;
}
.sr-table .ember-table tbody tr.is-selected ul.selections.pill-items li.selection,
.sr-table .sr-table-reorder-container tr.is-selected ul.selections.pill-items li.selection {
  box-shadow: 0 0 0 1px var(--neutral-8-white-);
}
.sr-table .ember-table tbody tr.sr-row-loading,
.sr-table .sr-table-reorder-container tr.sr-row-loading {
  background-color: var(--neutral-7) !important;
  cursor: default !important;
}
.sr-table .ember-table tbody tr.sr-sorting,
.sr-table .sr-table-reorder-container tr.sr-sorting {
  background-color: transparent !important;
}
.sr-table .ember-table tbody tr.sr-sorting td,
.sr-table .sr-table-reorder-container tr.sr-sorting td {
  opacity: 0;
}
.sr-table .ember-table tbody tr.sr-sort-disabled,
.sr-table .sr-table-reorder-container tr.sr-sort-disabled {
  opacity: 0.4;
}
.sr-table .sr-table-reorder-container {
  height: 50px !important;
}
.sr-table .sr-table-reorder-container tr {
  height: 50px;
}
.sr-table tr {
  background-color: var(--neutral-8-white-);
}
.sr-table tr.disabled-row {
  background-color: var(--neutral-7);
  color: var(--neutral-4);
}
.sr-table tr.disabled-row.organization-row {
  cursor: not-allowed;
}
.sr-table tr.disabled-row .sr-checkox-disabled {
  pointer-events: none;
}
.sr-table tr.disabled-row .sr-checkbox.disabled {
  background-color: var(--neutral-7);
  cursor: no-drop;
  height: calc(100% - 1px);
}
.sr-table tr.disabled-row:hover .sr-checkbox.disabled {
  background-color: transparent;
}
.sr-table tr.sr-row-loading .ember-view {
  opacity: 0.6;
}
.sr-table tr.sort-drop-above {
  border-top: 2px solid var(--primary-blue) !important;
}
.sr-table tr.sort-drop-below {
  border-bottom: 2px solid var(--primary-blue) !important;
}
.sr-table tr.ui-draggable-dragging {
  cursor: ns-resize;
  border-top: 1px solid var(--neutral-5);
  background-color: var(--list-1-hover) !important;
}
.sr-table tr.ui-draggable-dragging .sr-table-image-cell div.no-image.suppress-hover {
  background-color: var(--list-1-hover) !important;
}
.sr-table tr.ui-draggable-dragging .sr-table-image-cell div.image-container,
.sr-table tr.ui-draggable-dragging .sr-table-image-cell div.no-image:not(.suppress-hover) {
  background-color: var(--list-2-active) !important;
}
.sr-table tr.ui-draggable-dragging .sr-table-project-cell.active div.expando,
.sr-table tr.ui-draggable-dragging .sr-table-sub-section-cell.active div.expando {
  background-color: var(--list-1-hover);
}
.sr-table tr.ui-draggable-dragging .sr-table-cell .reorder-handle-container {
  display: block;
}
.sr-table tr.ui-draggable-dragging .sr-table-cell .reorder-handle-container .reorder-handle {
  background-position: right;
}
.sr-table td {
  border-right: 0px;
  text-align: left;
}
.sr-table td.show-overflow {
  overflow: visible;
}
.sr-table .sr-table-cell {
  font-size: 0px;
  padding: 0 5px;
  position: relative;
}
.sr-table .sr-table-cell .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.sr-table .sr-table-cell.has-icon {
  padding-left: 43px;
}
.sr-table .sr-table-cell.stack-face .text-content {
  padding-left: 53px;
  width: calc(100% - 53px);
}
.sr-table .sr-table-cell.has-place-icon {
  padding-left: 37px;
}
.sr-table .sr-table-cell.no-left-padding {
  padding-left: 38px;
}
.sr-table .sr-table-cell.no-left-padding .sr-face,
.sr-table .sr-table-cell.no-left-padding span.img,
.sr-table .sr-table-cell.no-left-padding span.imgSpan,
.sr-table .sr-table-cell.no-left-padding div.typeIcon,
.sr-table .sr-table-cell.no-left-padding span.img-hover,
.sr-table .sr-table-cell.no-left-padding div.typeIcon {
  left: 0px;
}
.sr-table .sr-table-cell.extra-indent {
  padding-left: 17px;
}
.sr-table .sr-table-cell.extra-indent.has-icon {
  padding-left: 55px;
}
.sr-table .sr-table-cell.extra-indent.has-place-icon {
  padding-left: 49px;
}
.sr-table .sr-table-cell.extra-indent.no-left-padding {
  padding-left: 50px;
}
.sr-table .sr-table-cell.extra-indent.no-left-padding .sr-face,
.sr-table .sr-table-cell.extra-indent.no-left-padding span.img,
.sr-table .sr-table-cell.extra-indent.no-left-padding span.imgSpan,
.sr-table .sr-table-cell.extra-indent.no-left-padding div.typeIcon,
.sr-table .sr-table-cell.extra-indent.no-left-padding span.img-hover,
.sr-table .sr-table-cell.extra-indent.no-left-padding div.typeIcon {
  left: 12px;
}
.sr-table .sr-table-cell.extra-indent .sr-face,
.sr-table .sr-table-cell.extra-indent span.img,
.sr-table .sr-table-cell.extra-indent span.imgSpan,
.sr-table .sr-table-cell.extra-indent div.typeIcon,
.sr-table .sr-table-cell.extra-indent span.img-hover,
.sr-table .sr-table-cell.extra-indent div.typeIcon {
  left: 17px;
}
.sr-table .sr-table-cell.extra-indent span.imgSpan.s24 {
  left: 18px;
}
.sr-table .sr-table-cell.sort-padding {
  padding-right: 10px;
}
.sr-table .sr-table-cell.clickable-cell:not(.clickable-text-only) {
  color: var(--primary-blue);
}
.sr-table .sr-table-cell.clickable-cell:not(.clickable-text-only):hover .text-content {
  text-decoration: underline;
}
.sr-table .sr-table-cell.clickable-cell.clickable-text-only .text-content {
  color: var(--primary-blue);
}
.sr-table .sr-table-cell.clickable-cell.clickable-text-only .text-content:hover {
  text-decoration: underline;
}
.sr-table .sr-table-cell span.reorder-handle-container {
  display: none;
  position: absolute;
  height: 50px;
  width: 20px;
  left: -16px;
  top: 0px;
  z-index: 1;
  cursor: ns-resize;
}
.sr-table .sr-table-cell span.reorder-handle-container:hover span.reorder-handle {
  background-position: right;
}
.sr-table .sr-table-cell span.reorder-handle {
  width: 8px;
  height: 21px;
  position: absolute;
  left: 6px;
  top: 14px;
}
.sr-table .sr-table-cell span.text-content {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.sr-table .sr-table-cell .sr-rating-choice {
  max-width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
}
.sr-table .sr-table-cell .sr-face {
  display: inline-block;
  vertical-align: middle;
}
.sr-table .sr-table-cell span.img.media-gallery-icon:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: url("images/sr-media-slider/multi-photo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-table .sr-table-cell span.img.media-gallery-icon:after {
    background-image: url("images/sr-media-slider/multi-photo@2x.png");
    background-size: 13px 13px;
  }
}
.sr-table .sr-table-cell span.img,
.sr-table .sr-table-cell span.imgSpan,
.sr-table .sr-table-cell span.img-hover {
  background-repeat: no-repeat;
}
.sr-table .sr-table-cell .sr-face,
.sr-table .sr-table-cell span.img,
.sr-table .sr-table-cell span.imgSpan,
.sr-table .sr-table-cell div.typeIcon,
.sr-table .sr-table-cell span.img-hover,
.sr-table .sr-table-cell div.typeIcon,
.sr-table .sr-table-cell .place-type-icon.in-list {
  position: absolute;
  top: 12px;
  left: 5px;
}
.sr-table .sr-table-cell span.img,
.sr-table .sr-table-cell span.imgSpan,
.sr-table .sr-table-cell div.typeIcon,
.sr-table .sr-table-cell span.img-hover,
.sr-table .sr-table-cell .sr-category-icon {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.sr-table .sr-table-cell span.img.circular,
.sr-table .sr-table-cell span.imgSpan.circular,
.sr-table .sr-table-cell div.typeIcon.circular,
.sr-table .sr-table-cell span.img-hover.circular,
.sr-table .sr-table-cell .sr-category-icon.circular {
  border-radius: 50%;
}
.sr-table .sr-table-cell span.file-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.sr-table .sr-table-cell span.imgSpan.s24 {
  width: 24px;
  height: 24px;
  top: 12px;
  left: 6px;
}
.sr-table .sr-table-cell .sr-category-icon {
  padding-right: 10px;
}
.sr-table .sr-table-cell span.img,
.sr-table .sr-table-cell span.img-hover {
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.sr-table .sr-table-cell span.img-hover {
  display: none !important;
}
.sr-table .sr-table-cell span.completion-image,
.sr-table .sr-table-cell span.signature-image {
  width: 50px;
  height: 50px;
  background-size: cover;
  top: 0;
  left: 5px;
  vertical-align: top;
}
.sr-table .sr-table-cell span.signature-image {
  top: -1px;
}
.sr-table .sr-table-cell div.typeIcon {
  width: 24px;
  height: 24px;
}
.sr-table .sr-table-cell div.typeIcon svg {
  width: 24px;
  height: 24px;
}
.sr-table .sr-table-cell .sr-completable-status {
  display: inline-block;
  vertical-align: middle;
}
.sr-table .sr-table-cell .sr-completable-status .status-container {
  cursor: inherit;
}
.sr-table .sr-table-cell .prior-documentation-hover {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.sr-table .sr-table-cell .multi-site-status {
  display: block;
  width: -moz-max-content;
  width: max-content;
  padding: 0 10px;
}
.sr-table .sr-table-cell .multi-site-status .text-content {
  max-width: 116px;
  padding-left: 18px;
}
.sr-table .sr-table-cell .sr-team-icon + .text-content {
  max-width: 113px;
}
.sr-table .sr-table-cell .org-icon {
  margin-top: 18px;
}
.sr-table .sr-table-project-group-cell.simple {
  font-size: 14px;
  line-height: 18px;
}
.sr-table .sr-table-project-group-cell.advanced {
  font-size: 12px;
  line-height: 14px;
}
.sr-table .sr-table-project-group-cell.advanced .group-info {
  width: calc(100% - 30px);
}
.sr-table .sr-table-project-group-cell .group-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 50px;
  padding-left: 5px;
}
.sr-table .sr-table-project-group-cell .group-cell.extra-indent {
  padding-left: 17px;
}
.sr-table .sr-table-project-group-cell .group-assignee-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 0;
      flex-grow: 0;
  height: 100%;
  width: 20px;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 10px;
}
.sr-table .sr-table-project-group-cell .group-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
.sr-table .sr-table-project-group-cell .group-info .group-assignee-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.sr-table .sr-table-project-group-cell .group-assignee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.sr-table .sr-table-project-group-cell .group-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.sr-table .sr-table-project-group-cell .group-status .sr-completable-status {
  display: block;
  margin-right: 8px;
}
.sr-table .sr-table-project-group-cell .group-status .sr-completable-status .icon {
  display: block;
}
.sr-table .sr-table-project-group-cell .group-status .normal-view {
  font-size: 14px;
  line-height: 14px;
}
.sr-table .sr-table-project-group-cell .group-status .advance-view {
  font-size: 12px;
  line-height: 12px;
}
.sr-table .sr-table-project-group-cell .text-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  font-size: 14px;
  margin-left: 5px;
}
.sr-table .sr-table-project-group-cell .text-content.extra-indent {
  padding-left: 17px;
}
.sr-table .sr-table-project-cell {
  padding-left: 26px;
}
.sr-table .sr-table-project-cell.is-project .file-indicator {
  margin: 0;
}
.sr-table .sr-table-project-cell div.file-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-table .sr-table-project-cell div.file-indicator span.icon {
  display: block;
}
.sr-table .sr-table-project-cell.is-project.has-files div.file-indicator {
  right: 84px;
}
.sr-table .sr-table-project-cell,
.sr-table .sr-table-sub-section-cell {
  float: right;
  text-overflow: unset !important;
}
.sr-table .sr-table-project-cell div.text,
.sr-table .sr-table-project-cell div.expando,
.sr-table .sr-table-sub-section-cell div.text,
.sr-table .sr-table-sub-section-cell div.expando {
  display: inline-block;
  height: 49px;
  vertical-align: top;
  box-sizing: border-box;
}
.sr-table .sr-table-project-cell div.text,
.sr-table .sr-table-sub-section-cell div.text {
  width: 30px;
  font-size: 11px;
  color: var(--grey-2);
  text-align: right;
  padding-right: 9px;
  line-height: 49px;
}
.sr-table .sr-table-project-cell div.expando,
.sr-table .sr-table-sub-section-cell div.expando {
  width: 50px;
  border-left: 1px solid var(--neutral-5);
  cursor: pointer;
}
.sr-table .sr-table-project-cell div.expando span.icon,
.sr-table .sr-table-sub-section-cell div.expando span.icon {
  display: block;
  margin: 22px 0 0 19px;
}
.sr-table .sr-table-project-cell div.expando:hover,
.sr-table .sr-table-sub-section-cell div.expando:hover {
  background-color: var(--list-2-active) !important;
}
.sr-table .sr-table-project-cell.active div.expando,
.sr-table .sr-table-sub-section-cell.active div.expando {
  background-color: #f7f8fa;
}
.sr-table .sr-table-project-cell.active div.expando span.icon,
.sr-table .sr-table-sub-section-cell.active div.expando span.icon {
  transform: rotate(180deg);
}
.sr-table .sr-table-project-cell .inline-loading {
  display: inline-block;
}
.sr-table .sr-table-project-cell .inline-loading div.bounce {
  width: 7px;
  height: 7px;
  background-color: var(--neutral-5);
}
.sr-table .sr-table-sub-section-cell.has-full {
  overflow: visible !important;
}
.sr-table .sr-table-sub-section-cell .add-sub-section-full {
  padding-right: 20px;
  margin-left: -60px;
  font-weight: 600;
  color: var(--primary-blue);
  cursor: pointer;
  font-size: 14px;
  height: 100%;
  display: block;
}
.sr-table .sr-table-sub-section-cell .add-sub-section-full .icon {
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px 0 0;
}
.sr-table .sr-table-sub-section-cell .add-sub-section-full:hover {
  color: var(--primary-blue-2-hover);
}
.sr-table .sr-table-sub-section-cell .add-sub-section-full:hover .icon {
  background-position: right;
}
.sr-table .sr-table-sub-section-cell .add-sub-section-full:focus {
  box-shadow: inset 0 0 0 1px var(--primary-blue);
}
.sr-table .sr-table-sub-section-cell .add-sub-section {
  display: none;
  width: 50px;
  margin-left: 30px;
}
.sr-table .sr-table-sub-section-cell .add-sub-section .icon {
  display: block;
  margin: 0 0 0 18px;
}
.sr-table .sr-table-sub-section-cell.disabled .add-sub-section-full {
  color: var(--primary-blue-3-disabled-light);
}
.sr-table .sr-table-sub-section-cell.disabled .add-sub-section-full .icon {
  opacity: 0.5;
}
.sr-table .multiline-cell-content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  padding: 0;
}
.sr-table .multiline-cell-content.no-overflow {
  overflow: visible;
}
.sr-table .sr-table-cell {
  height: 50px;
  line-height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.sr-table .sr-table-cell .ember-table-content {
  line-height: 50px;
  padding: 0;
}
.sr-table .sr-table-cell.no-overflow {
  overflow: visible;
}
.sr-table td .et-toggle-select {
  display: none;
}
.sr-table .sr-table-toggle-cell.extra-indent {
  padding-left: 17px;
}
.sr-table .sr-table-toggle-cell .toggle-cell-button {
  float: left;
  margin-left: 3px;
}
.sr-table .sr-table-toggle-cell button {
  float: none;
  vertical-align: top;
}
.sr-table .sr-table-toggle-cell button.disabled {
  opacity: 0.5;
}
.sr-table .sr-table-select-cell .sr-checkbox {
  width: 100%;
  vertical-align: top;
}
.sr-table .sr-table-select-cell .sr-checkbox input[type=checkbox] + label span {
  margin-top: 19px;
  vertical-align: top;
}
.sr-table .sr-table-select-cell,
.sr-table .sr-table-select-all-cell {
  text-align: center;
  font-size: 0;
}
.sr-table .sr-table-select-all-cell:hover {
  background-color: var(--list-1-hover);
  cursor: pointer !important;
}
.sr-table .sr-table-select-all-cell.arrow-focus {
  background-color: var(--list-2-active);
}
.sr-table .sr-table-on-call-cell {
  overflow: visible;
}

.sr-table-map-cell {
  text-align: left;
  border-right: 0px;
}

.fixed-group-header-row {
  position: relative;
}

.sr-table-inline-header-cell {
  text-align: left;
  border-right: 0px;
  width: 100%;
  cursor: default;
}
.sr-table-inline-header-cell .project-group-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-table-inline-header-cell .project-group-status .icon {
  display: -ms-flexbox;
  display: flex;
}
.sr-table-inline-header-cell .project-group-status .icon svg {
  width: 10px;
  height: 10px;
  cursor: default;
}
.sr-table-inline-header-cell .project-group-status .total {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
  margin-left: 7.5px;
}
.sr-table-inline-header-cell .project-group-status .group-name {
  color: var(--neutral-2);
  font-size: 12px;
  font-weight: 600;
  margin-left: 23px;
}
.sr-table-inline-header-cell .inner-content,
.sr-table-inline-header-cell .spacer {
  width: 100%;
  box-sizing: border-box;
}
.sr-table-inline-header-cell .spacer {
  background: var(--neutral-7);
  height: 40px;
}
.sr-table-inline-header-cell.fixed-group-header-cell {
  position: absolute;
}
.sr-table-inline-header-cell.fixed-group-header-cell .inner-content {
  width: 100%;
  padding-left: 70px;
  cursor: pointer;
}
.sr-table-inline-header-cell.fixed-group-header-cell .inner-content .sr-checkbox {
  position: absolute;
  top: 19px;
  left: 19px;
}
.sr-table-inline-header-cell .inner-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  height: 30px;
  line-height: 30px;
  background-color: var(--neutral-8-white-);
  border-top: solid 1px var(--neutral-5);
  border-bottom: solid 1px var(--neutral-5);
}
.sr-table-inline-header-cell .inner-content.urgent {
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.sr-table-inline-header-cell .inner-content.past-due {
  color: var(--neutral-2);
  background-color: var(--primary-yellow);
}

.sr-table-assignments .sr-table-inline-header-cell .inner-content {
  padding: 0 20px;
}

.sr-table .sr-table-multiline-cell {
  padding-left: 5px;
}
.sr-table .sr-table-multiline-cell .primary-content {
  font-weight: 700;
}
.sr-table .sr-table-multiline-cell .primary-content.emphasize {
  font-style: italic;
}
.sr-table .sr-table-multiline-cell .secondary-content {
  color: var(--neutral-3);
  font-size: 14px;
  font-weight: 600;
}
.sr-table .sr-table-multiline-cell .description {
  text-overflow: ellipsis;
  font-size: 14px;
}
.sr-table .sr-table-multiline-cell.extra-indent {
  padding-left: 15px;
}
.sr-table .sr-table-multiline-cell.has-desc {
  line-height: 18px;
}
.sr-table .sr-table-multiline-cell.no-left-padding {
  padding-left: 0;
}
.sr-table .sr-table-multiline-cell.no-left-padding.extra-indent {
  padding-left: 10px;
}

.tag-icon-wrapper {
  background-size: 28px 28px !important;
  background-repeat: no-repeat !important;
  display: block;
  position: absolute;
  margin-top: 11px;
}

span.tag-icon-wrapper + span {
  padding-left: 30px;
}

.sr-multi-select.in-list ul.selections.pill-items {
  padding-left: 1px;
}

.sr-table-add-filters .add-filter-group.no-filters {
  display: none;
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) {
  margin-right: 0px;
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn {
  padding: 0 10px;
  background: none;
  border: 1px solid transparent;
  box-shadow: none;
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn .static-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--primary-blue);
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:hover, .sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn.open, .sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus {
  background: none;
  border: 1px solid transparent;
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:hover .static-placeholder, .sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn.open .static-placeholder, .sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus .static-placeholder {
  color: var(--primary-blue-2-hover);
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:hover .sr-icon.plus [fill="#000"], .sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn.open .sr-icon.plus [fill="#000"], .sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn:focus .sr-icon.plus [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-table-add-filters .sr-selectro.filter-mode:not(.in-filter) .input-container.filter-btn .sr-icon.chevron {
  display: none;
}

.sr-custom-view-manager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 38px;
  margin-right: 20px;
}
.sr-custom-view-manager .view-name {
  color: var(--primary-blue);
  padding: 0 2px 0 5px;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sr-custom-view-manager .is-edited {
  display: block;
  padding: 0 2px 0 5px;
  line-height: 50px;
  font-size: 14px;
  color: var(--neutral-3);
  cursor: pointer;
}
.sr-custom-view-manager .sr-selectro.drop-down-arrow {
  display: block;
}
.sr-custom-view-manager .sr-selectro.drop-down-arrow .input-container {
  height: 24px;
  width: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.sr-custom-view-manager .sr-selectro.drop-down-arrow .selectro-list-container.filter-mode:not(.in-filter) {
  left: -14px;
  top: 48px;
}
.sr-custom-view-manager .sr-selectro.drop-down-arrow .sr-selectro-list-item.disabled-item {
  font-style: italic;
  color: var(--neutral-2);
}
.sr-custom-view-manager .sr-selectro.drop-down-arrow.disabled .input-container {
  cursor: default;
}
.sr-custom-view-manager .cv-select-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-width: 0;
}
.sr-custom-view-manager .cv-select-container.disabled {
  cursor: default !important;
}
.sr-custom-view-manager .cv-select-container.disabled .is-edited {
  cursor: default !important;
}
.sr-custom-view-manager .cv-select-container:not(.disabled):hover,
.sr-custom-view-manager .cv-select-container:not(.disabled):focus {
  cursor: pointer;
}
.sr-custom-view-manager .cv-select-container:not(.disabled):hover h1,
.sr-custom-view-manager .cv-select-container:not(.disabled):focus h1 {
  color: var(--primary-blue-2-hover);
}
.sr-custom-view-manager .cv-select-container:not(.disabled):hover .is-edited,
.sr-custom-view-manager .cv-select-container:not(.disabled):focus .is-edited {
  color: var(--neutral-2);
}
.sr-custom-view-manager .cv-select-container:not(.disabled):hover .sr-selectro.drop-down-arrow .input-container .icon-mode-icon [fill="#000"],
.sr-custom-view-manager .cv-select-container:not(.disabled):focus .sr-selectro.drop-down-arrow .input-container .icon-mode-icon [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-custom-view-manager .more-menu,
.sr-custom-view-manager .edit-menu {
  display: block;
}
.sr-custom-view-manager .more-menu.hidden,
.sr-custom-view-manager .edit-menu.hidden {
  display: none;
}
.sr-custom-view-manager .more-menu {
  margin-left: 12px;
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode {
  display: block;
  margin: 0;
  padding: 17px 0;
  width: 42px;
  height: 38px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode .icon-mode-icon {
  display: block;
  margin: 0 auto;
  width: 18px;
  height: 4px;
  background-image: url("images/sr-common-icons/independent/three-dots-horizontal.png");
  background-repeat: no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode .icon-mode-icon {
    background-image: url("images/sr-common-icons/independent/three-dots-horizontal@2x.png");
    background-size: 42px 4px;
  }
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode:hover, .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode:active, .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode.open {
  background-color: var(--neutral-6);
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode:hover .icon-mode-icon, .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode:active .icon-mode-icon, .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .input-container.icon-mode.open .icon-mode-icon {
  background-position: right;
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) {
  left: -3px;
  top: 28px;
  width: 230px;
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.rename {
  width: 15px;
  height: 15px;
  margin: 0 9px 0px 2px;
  background-image: url("images/sr-common-icons/table/rename.png");
  background-size: 15px 15px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.rename {
    background-image: url("images/sr-common-icons/table/rename@2x.png");
    background-size: 15px 15px;
  }
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.set-as-default {
  width: 10px;
  height: 13px;
  margin: 0 13px 0 4px;
  background-image: url("images/sr-common-icons/table/set-as-default.png");
  background-size: 10px 13px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.set-as-default {
    background-image: url("images/sr-common-icons/table/set-as-default@2x.png");
    background-size: 10px 13px;
  }
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.reset {
  width: 17px;
  height: 17px;
  margin: 0 9px 0 0;
  background-image: url("images/sr-common-icons/table/reset.png");
  background-size: 17px 17px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.reset {
    background-image: url("images/sr-common-icons/table/reset@2x.png");
    background-size: 17px 17px;
  }
}
.sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.delete {
  width: 11px;
  height: 15px;
  margin: 0 12px 0 3px;
  background-image: url("images/sr-common-icons/table/delete.png");
  background-size: 11px 15px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-custom-view-manager .more-menu .sr-selectro.three-dots-horizontal .selectro-list-container.filter-mode:not(.in-filter) .imgSpan.delete {
    background-image: url("images/sr-common-icons/table/delete@2x.png");
    background-size: 11px 15px;
  }
}
.sr-custom-view-manager .edit-menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sr-custom-view-manager .edit-menu .standardButton {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.sr-table-header-actions {
  position: absolute;
  right: 0;
  top: 1px;
  height: 28px;
  width: 58px;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 43%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
}
.sr-table-header-actions.has-both {
  width: 90px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%);
}

.sr-refresh-list-btn {
  height: 29px;
  width: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.sr-refresh-list-btn .sr-icon [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-refresh-list-btn:hover .sr-icon [fill="#000"], .sr-refresh-list-btn:focus-visible .sr-icon [fill="#000"], .sr-refresh-list-btn:active .sr-icon [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-refresh-list-btn.active svg {
  animation: rotate360 0.4s linear;
}

.sr-table-manage-columns {
  margin-left: 10px;
}
.sr-table-manage-columns .manage-columns-selectro .input-container {
  height: 29px;
  width: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer !important;
}
.sr-table-manage-columns .manage-columns-selectro .input-container .icon-mode-icon {
  width: 12px;
  height: 14px;
  margin: 0;
  background-image: url("images/sr-common-icons/table/manage-columns.png");
  background-repeat: no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-table-manage-columns .manage-columns-selectro .input-container .icon-mode-icon {
    background-image: url("images/sr-common-icons/table/manage-columns@2x.png");
    background-size: 24px 14px;
  }
}
.sr-table-manage-columns .manage-columns-selectro .icon-mode-icon {
  width: 12px;
  height: 14px;
  margin: 0;
}

.sr-file-manager .upload-icon-cell.disabled {
  background-color: var(--neutral-7);
  border-color: var(--neutral-4);
}
.sr-file-manager .upload-icon-cell.disabled .upload-button {
  cursor: no-drop;
  color: var(--neutral-4);
}
.sr-file-manager .upload-icon-cell.disabled .upload-button:active {
  padding: 12px 8px 0 8px !important;
}
.sr-file-manager .upload-icon-cell.disabled .upload-button:hover {
  color: var(--neutral-4);
  border-color: var(--neutral-4);
}
.sr-file-manager .upload-icon-cell.disabled .upload-button .upload-icon {
  background-position: left !important;
}
.sr-file-manager .upload-icon-cell.disabled .upload-button .browse {
  color: var(--neutral-4);
  text-decoration: none !important;
}
.sr-file-manager .upload-container.disabled {
  background-color: var(--neutral-7);
  border-color: var(--neutral-4);
}
.sr-file-manager .upload-container.disabled .upload-button {
  cursor: no-drop;
  color: var(--neutral-4);
}
.sr-file-manager .upload-container.disabled .upload-button:hover {
  color: var(--neutral-4);
  border-color: var(--neutral-4);
}
.sr-file-manager .upload-container.disabled .upload-button .upload-icon {
  background-position: left !important;
}
.sr-file-manager .upload-container.disabled .upload-button .browse {
  color: var(--neutral-4);
  text-decoration: none !important;
}
.sr-file-manager .upload-button {
  font-size: 12px;
  color: var(--neutral-3);
  text-align: center;
  border: 1px dashed var(--neutral-4);
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 1px;
}
.sr-file-manager .upload-button span.browse {
  color: var(--primary-blue);
}
.sr-file-manager .upload-button:hover, .sr-file-manager .upload-button:focus, .sr-file-manager .upload-button.active {
  outline: none;
  color: var(--primary-blue);
  border-color: var(--primary-blue);
}
.sr-file-manager .upload-button:hover .icon, .sr-file-manager .upload-button:focus .icon, .sr-file-manager .upload-button.active .icon {
  background-position: right;
}
.sr-file-manager .upload-button:hover span.browse, .sr-file-manager .upload-button:focus span.browse, .sr-file-manager .upload-button.active span.browse {
  text-decoration: underline;
}
.sr-file-manager .upload-button:focus, .sr-file-manager .upload-button.active {
  border-width: 2px;
  padding: 0px;
}
.sr-file-manager .upload-icon-menu,
.sr-file-manager .upload-container-menu {
  position: absolute;
  top: 0;
  left: 0;
}
.sr-file-manager .upload-icon-menu .input-container,
.sr-file-manager .upload-icon-menu .icon-mode-icon,
.sr-file-manager .upload-container-menu .input-container,
.sr-file-manager .upload-container-menu .icon-mode-icon {
  width: 1px;
  height: 1px;
}
.sr-file-manager .upload-icon-menu .file-type-link,
.sr-file-manager .upload-container-menu .file-type-link {
  margin-top: -2px;
}
.sr-file-manager .upload-container {
  position: relative;
  margin-bottom: 15px;
}
.sr-file-manager .upload-container .upload-button {
  height: 40px;
  line-height: 38px;
}
.sr-file-manager .upload-container .upload-button .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.sr-file-manager .upload-container .upload-container-menu .selectro-list-container.filter-mode:not(.in-filter) {
  top: 50px;
}
.sr-file-manager .files-container {
  width: 100%;
  width: calc(100% + 10px);
  margin-left: -10px;
}
.sr-file-manager .file-row {
  min-width: 460px;
}
.sr-file-manager .upload-icon-cell {
  float: left;
  width: 79px;
  height: 79px;
  margin: 0 0 15px 10px;
  position: relative;
}
.sr-file-manager .upload-icon-cell.initial-upload {
  float: none;
}
.sr-file-manager .upload-icon-cell .upload-button {
  width: 79px;
  height: 79px;
  padding: 12px 8px 0 8px;
  border-radius: 4px;
}
.sr-file-manager .upload-icon-cell .upload-button:focus, .sr-file-manager .upload-icon-cell .upload-button:active, .sr-file-manager .upload-icon-cell .upload-button.active {
  padding: 11px 7px 0 7px;
}
.sr-file-manager .upload-icon-cell .upload-button .icon {
  display: block;
  margin: 0 auto 8px;
}
.sr-file-manager .upload-icon-cell .upload-icon-menu .selectro-list-container.filter-mode:not(.in-filter) {
  top: 90px;
}
.sr-file-manager .selectro-list-container.filter-mode:not(.in-filter) {
  width: 250px;
}
.sr-file-manager .right-align-menu .selectro-list-container.filter-mode:not(.in-filter) {
  right: -83px;
}
.sr-file-manager .right-align-menu .selectro-list-container.filter-mode:not(.in-filter):before, .sr-file-manager .right-align-menu .selectro-list-container.filter-mode:not(.in-filter):after {
  left: auto;
  right: 26px;
}
.sr-file-manager .file-cell {
  float: left;
  width: 79px;
  margin: 0 0 15px 10px;
}
.sr-file-manager .file-cell.use-upload-icon-cell {
  float: none;
}
.sr-file-manager .file-cell .file-display {
  position: relative;
  width: 79px;
  height: 79px;
  margin-bottom: 6px;
  border: 1px solid var(--neutral-5);
  border-radius: 4px;
  box-sizing: border-box;
}
.sr-file-manager .file-cell .file-display .remove-btn {
  position: absolute;
  opacity: 0;
  top: 6px;
  right: 6px;
  width: 19px;
  height: 19px;
  border-radius: 2px;
  background-color: var(--neutral-8-white-);
  cursor: pointer;
}
.sr-file-manager .file-cell .file-display .remove-btn .close-thin,
.sr-file-manager .file-cell .file-display .remove-btn .icon.trash-small {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.sr-file-manager .file-cell .file-display .remove-btn .close-thin {
  margin-left: -6px;
  margin-top: -6px;
  display: block;
  position: relative;
}
.sr-file-manager .file-cell .file-display .remove-btn .icon.trash-small {
  background-position: -9px 0;
  margin-left: -5px;
  margin-top: -7px;
}
.sr-file-manager .file-cell .file-display .remove-btn:hover, .sr-file-manager .file-cell .file-display .remove-btn:focus {
  opacity: 1;
}
.sr-file-manager .file-cell .file-display .remove-btn:hover .icon.trash-small, .sr-file-manager .file-cell .file-display .remove-btn:focus .icon.trash-small {
  background-position: -18px 0;
}
.sr-file-manager .file-cell .file-display .remove-btn:hover .close-thin, .sr-file-manager .file-cell .file-display .remove-btn:focus .close-thin {
  background-position: -11px 0;
}
.sr-file-manager .file-cell .file-display .serial-btn,
.sr-file-manager .file-cell .file-display .photo-btn {
  position: absolute;
  opacity: 0;
  top: 6px;
  right: 30px;
  width: 19px;
  height: 19px;
  border-radius: 2px;
  color: var(--neutral-3);
  background-color: var(--neutral-8-white-);
  cursor: pointer;
}
.sr-file-manager .file-cell .file-display .serial-btn svg,
.sr-file-manager .file-cell .file-display .photo-btn svg {
  width: 19px;
  height: 19px;
  cursor: pointer;
}
.sr-file-manager .file-cell .file-display .serial-btn:hover, .sr-file-manager .file-cell .file-display .serial-btn:focus,
.sr-file-manager .file-cell .file-display .photo-btn:hover,
.sr-file-manager .file-cell .file-display .photo-btn:focus {
  opacity: 1;
  color: var(--primary-blue);
}
.sr-file-manager .file-cell .file-display .file-icon {
  position: absolute;
  top: 50%;
  left: 50%;
}
.sr-file-manager .file-cell .file-display .inline-loading {
  display: block;
  position: absolute;
  bottom: 2px;
  left: 27px;
}
.sr-file-manager .file-cell .file-display .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.sr-file-manager .file-cell .file-display progress {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: 64px;
  height: 4px;
  border: 0px;
  border-radius: 0px;
  background: var(--neutral-6);
}
.sr-file-manager .file-cell .file-display progress::-webkit-progress-bar {
  border: 0px;
  border-radius: 0px;
  background: var(--neutral-6);
}
.sr-file-manager .file-cell .file-display progress::-webkit-progress-value {
  border: 0px;
  border-radius: 0px;
  background-color: var(--primary-blue);
}
.sr-file-manager .file-cell .file-display progress::-moz-progress-bar {
  background-color: var(--primary-blue);
}
.sr-file-manager .file-cell .file-display:hover .remove-btn,
.sr-file-manager .file-cell .file-display:hover .serial-btn,
.sr-file-manager .file-cell .file-display:hover .photo-btn, .sr-file-manager .file-cell .file-display:focus .remove-btn,
.sr-file-manager .file-cell .file-display:focus .serial-btn,
.sr-file-manager .file-cell .file-display:focus .photo-btn {
  opacity: 1;
}
.sr-file-manager .file-cell .file-display.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}
.sr-file-manager .file-cell .file-display.has-image .file-icon {
  display: none;
}
.sr-file-manager .file-cell .file-name {
  width: 79px;
  max-height: 30px;
  font-size: 11px;
  line-height: 15px;
  color: var(--neutral-2);
  text-align: center;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
}
.sr-file-manager .file-cell.needs-upload:not(.is-link) .file-name {
  color: var(--neutral-3);
}
.sr-file-manager .file-cell:not(.needs-upload):hover, .sr-file-manager .file-cell.is-link.needs-upload:hover {
  cursor: pointer;
}
.sr-file-manager .file-cell:not(.needs-upload):hover .file-display, .sr-file-manager .file-cell.is-link.needs-upload:hover .file-display, .sr-file-manager .file-cell:focus .file-display {
  border-color: var(--neutral-3);
}
.sr-file-manager .file-cell:not(.needs-upload):hover .file-name, .sr-file-manager .file-cell.is-link.needs-upload:hover .file-name, .sr-file-manager .file-cell:focus .file-name {
  text-decoration: underline;
}
.sr-file-manager .file-cell:focus .file-display .remove-btn {
  display: block;
}
.sr-file-manager .file-cell.error .file-display {
  border-color: var(--primary-red);
}
.sr-file-manager .file-cell.error .file-name {
  color: var(--primary-red);
}
.sr-file-manager p.error {
  color: var(--primary-red);
  margin-bottom: 25px;
}
.sr-file-manager .upload-cover {
  display: none;
}

.sr-file-upload-hover.sr-file-upload-drag-parent-1 .upload-cover {
  position: absolute;
  height: 220px;
  top: 390px;
  left: 2px;
  width: calc(100% - 8px);
}
.sr-file-upload-hover.sr-file-upload-drag-parent-2 .upload-cover {
  position: absolute;
  height: 120px;
  top: 1140px;
  left: 2px;
  width: calc(100% - 8px);
}
.sr-file-upload-hover.sr-file-upload-drag-parent-2:has(.sr-file-manager .files-container) .upload-cover {
  height: 160px;
}
.sr-file-upload-hover.sr-file-upload-drag-parent-2:has(.sr-file-manager .files-container .file-row:nth-child(2)) .upload-cover {
  height: 288px;
}
.sr-file-upload-hover.sr-file-upload-drag-parent-2.no-serial-photo .upload-cover {
  position: absolute;
  height: 120px;
  top: 925px;
  left: 2px;
  width: calc(100% - 8px);
}
.sr-file-upload-hover.sr-file-upload-drag-parent-2.no-serial-photo:has(.sr-file-manager .files-container) .upload-cover {
  height: 160px;
}
.sr-file-upload-hover.sr-file-upload-drag-parent-2.no-serial-photo:has(.sr-file-manager .files-container .file-row:nth-child(2)) .upload-cover {
  height: 288px;
}
.sr-file-upload-hover.sr-file-upload-drag-parent-communications .upload-cover {
  width: 100%;
}
.sr-file-upload-hover .upload-cover {
  display: block !important;
  position: fixed;
  top: 0px;
  right: 0px;
  width: 495px;
  height: calc(100% - 54px);
  border: 2px dashed var(--primary-blue);
  background: rgba(246, 248, 249, 0.7);
  z-index: 9000;
}
.sr-file-upload-hover .upload-cover .info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 40px;
  line-height: 38px;
  margin: -20px 0 0 -150px;
  background: var(--list-1-hover);
  border: 1px solid var(--primary-blue);
  font-size: 14px;
  color: var(--primary-blue);
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
}

.add-link-modal .mb25 {
  margin-bottom: 25px;
}

.file-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.file-list .file-item {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
}
.file-list .file-item.has-border {
  border: 1px solid var(--neutral-5);
  padding: 15px 19px;
  width: 343px;
  margin-bottom: 0;
  border-radius: 3px;
}
.file-list .file-item.has-border:first-of-type:not(:last-child) {
  border-radius: 3px 3px 0 0;
  border-bottom-width: 0;
}
.file-list .file-item.has-border:last-of-type:not(:first-child) {
  border-radius: 0 0 3px 3px;
}
.file-list .file-item.has-border:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-bottom-width: 0;
}
.file-list .file-item.active {
  cursor: pointer;
}
.file-list .file-item .file-icon {
  display: block;
  margin-right: 11px;
}
.file-list .file-item .file-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 224px;
}
.file-list .file-item .file-info .file-name {
  width: calc(100% - 25px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 18px;
}
.file-list .file-item .file-info .file-name.large {
  font-weight: 700;
  color: var(--neutral-2);
}
.file-list .file-item .file-info .file-size {
  font-size: 13px;
  color: var(--neutral-3);
  line-height: 18px;
}

.inline-edit {
  position: relative;
}
.inline-edit .display {
  display: block;
}
.inline-edit .display .edit-text {
  color: var(--primary-blue);
}
.inline-edit .display .edit-button {
  display: none;
  vertical-align: top;
  margin: 3px 0 0 7px;
  width: 11px;
  height: 11px;
  background: url("images/assignment/editIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .inline-edit .display .edit-button {
    background-image: url("images/assignment/editIcon@2x.png");
    background-size: 11px 11px;
  }
}
.inline-edit .display:hover {
  cursor: pointer;
}
.inline-edit .display:hover .edit-button {
  display: inline-block;
}
.inline-edit.tags .display .edit-button {
  bottom: 15px;
  position: absolute;
  right: 5px;
}
.inline-edit .edit {
  display: none;
  position: relative;
  line-height: normal;
}
.inline-edit .edit .sr-input {
  z-index: 5;
}
.inline-edit .edit .sr-input input {
  width: 100%;
}
.inline-edit .edit.no-border .sr-input {
  border-bottom: 1px solid var(--neutral-5);
  min-height: 0;
}
.inline-edit .edit.no-border .sr-input input {
  border: none;
  padding: 0;
  height: auto;
  height: 26px;
  font-weight: 600;
}
.inline-edit .edit.no-border .sr-input input:focus {
  border: none;
  box-shadow: none;
}
.inline-edit .edit.no-border.normal-font .sr-input input {
  font-weight: 400;
}
.inline-edit .edit.no-border .sr-selectro {
  border-bottom: 1px solid var(--neutral-5);
}
.inline-edit .edit.no-border .sr-selectro .input-container {
  border: 0;
  padding: 0;
  height: 26px;
  line-height: 26px;
  font-weight: 600;
  box-shadow: 0px 0px 0px 0px #82d0ff;
}
.inline-edit .edit.no-border .sr-selectro .input-container:focus {
  border: none;
  box-shadow: none;
}
.inline-edit .edit.no-border .sr-selectro .input-container .sr-face,
.inline-edit .edit.no-border .sr-selectro .input-container .drop-down-icon,
.inline-edit .edit.no-border .sr-selectro .input-container span.imgSpan,
.inline-edit .edit.no-border .sr-selectro .input-container .icon.search-icon,
.inline-edit .edit.no-border .sr-selectro .input-container .place-type-icon {
  display: none !important;
}
.inline-edit .edit.no-border .sr-selectro .input-container .search-container {
  width: 100% !important;
}
.inline-edit .edit.no-border .sr-selectro .input-container .search-container .icon {
  display: none !important;
}
.inline-edit .edit.no-border .sr-selectro .input-container .search-container input {
  height: 26px;
  padding: 3px 0 4px 0;
  line-height: 18px;
  font-weight: 600;
  width: 100% !important;
}
.inline-edit .edit.no-border .sr-selectro .selectro-list-container:before, .inline-edit .edit.no-border .sr-selectro .selectro-list-container:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.inline-edit .edit.no-border .sr-selectro .selectro-list-container:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.inline-edit .edit.no-border .sr-selectro .selectro-list-container div.shadow {
  z-index: 10;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 50px;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.inline-edit .edit.no-border .sr-selectro .selectro-list-container div.contents {
  z-index: 12;
  border: 0px;
  border-radius: 4px;
}
.inline-edit .edit.no-border .sr-selectro .selectro-list-container.right:before, .inline-edit .edit.no-border .sr-selectro .selectro-list-container.right:after {
  left: auto;
  right: 56px;
}
.inline-edit .edit .invalid-message {
  width: calc(100% - 44px);
  display: inline-block;
  color: var(--primary-red);
}
.inline-edit .edit .edit-buttons {
  position: absolute;
  bottom: -17px;
  right: 6px;
  width: 44px;
  z-index: 0;
}
.inline-edit .edit .edit-buttons.invalid-field {
  top: 26px;
}
.inline-edit .edit .edit-buttons button {
  width: 22px;
  height: 18px;
  border: 1px solid var(--neutral-4);
  box-sizing: border-box;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}
.inline-edit .edit .edit-buttons button span {
  display: block;
  margin: 3px auto;
}
.inline-edit .edit .edit-buttons button span.hover {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}
.inline-edit .edit .edit-buttons button:hover, .inline-edit .edit .edit-buttons button:active {
  border-color: var(--neutral-2);
}
.inline-edit .edit .edit-buttons button:hover span.hover, .inline-edit .edit .edit-buttons button:active span.hover {
  opacity: 1;
}
.inline-edit .edit .edit-buttons button.accept-btn {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
  border-radius: 0 0 0 4px;
}
.inline-edit .edit .edit-buttons button.accept-btn span {
  width: 14px;
  height: 10px;
  background: url("images/assignment/editAccept.png") no-repeat;
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .inline-edit .edit .edit-buttons button.accept-btn span {
    background-image: url("images/assignment/editAccept@2x.png");
    background-size: 15px 10px;
  }
}
.inline-edit .edit .edit-buttons button.accept-btn:hover, .inline-edit .edit .edit-buttons button.accept-btn:active {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
}
.inline-edit .edit .edit-buttons button.accept-btn:hover span.hover, .inline-edit .edit .edit-buttons button.accept-btn:active span.hover {
  opacity: 0;
}
.inline-edit .edit .edit-buttons button.cancel-btn {
  border-left: 0px;
  background-color: var(--neutral-8-white-);
  border-radius: 0 0 4px 0;
}
.inline-edit .edit .edit-buttons button.cancel-btn span {
  width: 10px;
  height: 10px;
  background: url("images/assignment/editCancel.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .inline-edit .edit .edit-buttons button.cancel-btn span {
    background-image: url("images/assignment/editCancel@2x.png");
    background-size: 21px 10px;
  }
}
.inline-edit .edit .edit-buttons button.cancel-btn span.hover {
  margin-left: -5px;
  background-position: right;
}
.inline-edit .confirmation {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  padding-right: 150px;
  box-sizing: border-box;
}
.inline-edit .confirmation p {
  font-size: 11px;
  color: var(--neutral-2);
  text-align: right;
}
.inline-edit .confirmation button {
  height: 25px;
  line-height: 25px;
  position: absolute;
  top: 7px;
  right: 0px;
  padding: 0 10px;
}
.inline-edit .confirmation button.outline-red {
  right: 90px;
  border: 1px solid var(--primary-red);
  color: var(--primary-red);
  background: var(--neutral-8-white-);
}
.inline-edit .confirmation button.outline-red:hover {
  background: var(--primary-red);
  color: var(--neutral-8-white-);
}
.inline-edit.disable-edit .display, .inline-edit.kill-edit .display {
  cursor: default !important;
}
.inline-edit.disable-edit .display .edit-button, .inline-edit.kill-edit .display .edit-button {
  display: none !important;
}
.inline-edit.in-edit .display {
  display: none !important;
}
.inline-edit.in-edit .edit {
  display: block;
  z-index: 20;
}
.inline-edit.in-confirm .display {
  display: block;
}
.inline-edit.in-confirm .edit {
  display: none;
}
.inline-edit.in-confirm .confirmation {
  display: block;
}

.media-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120000;
  display: none;
}
.media-overlay .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.media-overlay .overlay-content {
  opacity: 0;
}
.media-overlay .media-element img {
  transform: translateY(-40px);
  opacity: 0;
}
.media-overlay.shown .overlay {
  transition: opacity 150ms ease-in-out;
  opacity: 1;
}
.media-overlay.shown .overlay-content {
  transition: opacity 150ms ease-in-out;
  opacity: 1;
}
.media-overlay.shown .media-element img {
  transition: all 250ms ease-in-out;
  transform: translateY(0px);
  opacity: 1;
}
.media-overlay .left-nav,
.media-overlay .right-nav {
  position: absolute;
  top: 70px;
  bottom: 170px;
  width: 60px;
  z-index: 20;
  cursor: pointer;
}
.media-overlay .left-nav span.icon,
.media-overlay .right-nav span.icon {
  display: block;
  position: absolute;
  top: 50%;
}
.media-overlay .left-nav {
  left: 0px;
}
.media-overlay .left-nav span.icon {
  left: 28px;
}
.media-overlay .right-nav {
  right: 0px;
}
.media-overlay .right-nav span.icon {
  left: 0px;
  transform: rotate(180deg);
}
.media-overlay .info {
  text-align: center;
  position: absolute;
  z-index: 20;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 80%;
  max-width: calc(100% - 280px);
  font-size: 14px;
  color: var(--neutral-8-white-);
}
.media-overlay .info .numbers {
  font-size: 15px;
}
.media-overlay .info .left {
  float: left;
  max-width: 70%;
  text-align: left;
}
.media-overlay .info .right {
  float: right;
  text-align: right;
  cursor: pointer;
}
.media-overlay .info .right .icon {
  display: inline-block;
  transform: rotate(180deg);
  vertical-align: middle;
  margin: -2px 0 0 4px;
}
.media-overlay .info .images {
  display: inline-block;
  overflow: hidden;
  max-height: 0px;
  padding-top: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  transition: max-height 100ms ease-in-out;
}
.media-overlay .info .images .image {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--neutral-5);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.media-overlay .info .images .image.active, .media-overlay .info .images .image:hover {
  opacity: 1;
}
.media-overlay .info.show-images .right .icon {
  transform: rotate(0deg);
}
.media-overlay .info.show-images .images {
  max-height: 70px;
}
.media-overlay a.close-button {
  display: block;
  position: absolute;
  right: 30px;
  top: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 25;
  opacity: 0.9;
}
.media-overlay a.close-button:hover, .media-overlay a.close-button:active {
  opacity: 1;
}
.media-overlay a.close-button:active {
  margin-top: 1px;
}
.media-overlay a.close-button span.icon {
  display: block;
}
.media-overlay .image-container {
  position: absolute;
  width: 100%;
  top: 70px;
  bottom: 70px;
  z-index: 10;
}
.media-overlay .image-container.disabled {
  display: none;
}
.media-overlay .image-container img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 80%;
  max-width: calc(100% - 320px);
}
.media-overlay .image-container.has-multiple-images {
  bottom: 170px;
}
.media-overlay .image-container.signature img {
  max-height: 70%;
}
.media-overlay .media-container {
  position: absolute;
  background-image: none;
  background-color: transparent;
  z-index: 10;
  left: 50%;
  top: 50%;
  text-align: center;
  box-sizing: border-box;
  max-height: 90%;
  max-height: calc(100% - 220px);
  max-width: 80%;
  max-width: calc(100% - 320px);
  transform: translate(-50%, -50%);
}
.media-overlay .media-container:not(.has-multiple-images) {
  max-height: calc(100% - 120px);
}
.media-overlay .media-container.disabled {
  display: none;
}
.media-overlay .media-container video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background-color: var(--neutral-0-black-);
  height: auto;
  width: auto;
  margin: auto;
}

.media-slider-with-description {
  width: 100%;
}
.media-slider-with-description.in-padding {
  width: calc(100% + 50px);
  margin-left: -25px;
}
.media-slider-with-description .objective-container {
  position: relative;
}
.media-slider-with-description.complete-with-no-description::after {
  display: none;
}
.media-slider-with-description::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 50px);
  background-color: var(--neutral-5);
  margin: auto;
}
.media-slider-with-description .sr-textarea textarea {
  height: 182px;
}
.media-slider-with-description .sr-audio-player .play-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.media-slider-with-description .sr-audio-player .time-block.remaining-time {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.media-slider-with-description .description-title {
  z-index: 3;
  font-size: 15px;
  color: var(--neutral-2);
  font-weight: 600;
  padding: 20px 0 0px 26px;
}
.media-slider-with-description .description-title.with-slider {
  color: white;
}
.media-slider-with-description a.add-description {
  display: block;
  margin: 26px 0px 26px 26px;
  font-weight: 400;
  font-size: 14px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
}
.media-slider-with-description a.add-description:hover {
  color: var(--primary-blue-2-hover);
}
.media-slider-with-description a.add-description:hover .icon {
  background-position: right;
}
.media-slider-with-description a.add-description span {
  margin-right: 8px;
  width: 10px;
  height: 10px;
  display: inline-block;
  color: var(--primary-blue-2-hover);
}
.media-slider-with-description h5 {
  font-size: 10px;
  color: var(--neutral-3);
  letter-spacing: 0.44px;
  line-height: 14px;
  text-transform: uppercase;
}
.media-slider-with-description a.expander {
  font-weight: 700;
  font-size: 14px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
  margin: 15px 0 30px 25px;
  display: block;
}
.media-slider-with-description a.expander:hover {
  color: var(--primary-blue-2-hover);
}
.media-slider-with-description a.expander.less {
  margin-top: 0px;
}
.media-slider-with-description p {
  display: block;
  overflow: hidden;
  color: var(--neutral-2);
  word-wrap: break-word;
}
.media-slider-with-description .audio-only-ivr-objective {
  padding: 15px 55px 31px 25px;
  box-sizing: border-box;
}
.media-slider-with-description .audio-only-ivr-objective p {
  max-height: 100%;
  white-space: pre-line;
}
.media-slider-with-description .objective-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  box-sizing: border-box;
}
.media-slider-with-description .objective-text:not(.completed):hover {
  background-color: var(--neutral-7);
}
.media-slider-with-description .objective-text p {
  transition: max-height 0.25s ease;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 25px 0px 27px 25px;
  white-space: pre-line;
}
.media-slider-with-description .objective-text .long {
  margin-top: 15px;
}
.media-slider-with-description .objective-text:not(.full-text).cut-bottom p {
  margin-bottom: 0px;
}
.media-slider-with-description .objective-text:not(.full-text).short p {
  max-height: 63px;
}
.media-slider-with-description .objective-text:not(.full-text).long p {
  max-height: 247px;
}
.media-slider-with-description .objective-text.full-text p {
  margin-bottom: 15px;
}
.media-slider-with-description .objective-text.can-edit .edit-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  opacity: 0;
  min-width: 27px;
}
.media-slider-with-description .objective-text.can-edit:hover:not(.kill-hover) .edit-button {
  opacity: 0.9;
}
.media-slider-with-description .objective-text.can-edit.kill-hover .edit-button {
  display: none;
}
.media-slider-with-description .objective-text.in-edit {
  display: none;
}
.media-slider-with-description .edit-dialog {
  display: none;
  background-color: white;
  padding: 13px 15px 30px 13px;
  box-sizing: border-box;
}
.media-slider-with-description .edit-dialog.in-edit {
  display: block;
}
.media-slider-with-description .text-combo {
  padding-top: 20px;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
}
.media-slider-with-description .text-display {
  padding: 0 0 9px 22px;
}
.media-slider-with-description .text-navigation {
  padding: 0 0 9px 22px;
}
.media-slider-with-description .text-navigation li {
  display: block;
  float: left;
  margin-right: 22px;
}
.media-slider-with-description .text-navigation li a {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-4);
  line-height: 18px;
}
.media-slider-with-description .text-navigation li a.objective:hover, .media-slider-with-description .text-navigation li a.objective.active {
  color: var(--neutral-2);
}
.media-slider-with-description .text-navigation li a.completion:hover, .media-slider-with-description .text-navigation li a.completion.active {
  color: var(--primary-green);
}

.sr-detail-inline-edit .icon-container {
  float: left;
  margin-right: 9px;
}
.sr-detail-inline-edit .detail-container {
  width: calc(100% - 59px);
  float: left;
  margin-top: 6px;
}
.sr-detail-inline-edit .detail-container .inner.multi-select-inline-container {
  height: auto;
  min-height: 40px;
}
.sr-detail-inline-edit .detail-container .inner h4.sub-text {
  line-height: 14px;
  padding-top: 2px;
  position: relative;
  z-index: 11;
}
.sr-detail-inline-edit.style-with-header .edit {
  margin-top: -2px;
}
.sr-detail-inline-edit.style-with-header .edit .search-container {
  margin-top: -1px;
}
.sr-detail-inline-edit.style-with-header .display {
  font-weight: 600;
  color: var(--neutral-2);
  line-height: 22px;
  max-width: 153px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid var(--neutral-8-white-);
  padding-bottom: 2px;
  box-sizing: border-box;
}
.sr-detail-inline-edit.style-with-header .display.multi-select {
  white-space: normal;
}
.sr-detail-inline-edit.style-with-header .display.full-width {
  max-width: 100%;
}
.sr-detail-inline-edit.style-with-header .display.normal-font {
  font-weight: 400;
}
.sr-detail-inline-edit.style-with-header .edit-buttons {
  right: 0;
}
.sr-detail-inline-edit.can-edit .inner {
  position: relative;
  height: 40px;
}
.sr-detail-inline-edit.can-edit .inner.multi-select-inline-container {
  height: auto;
  min-height: 40px;
}
.sr-detail-inline-edit.can-edit.style-with-header .display:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.sr-detail-inline-edit.can-edit.style-with-header .display:hover:not(.kill-hover) .edit-pencil {
  opacity: 1;
}

.sr-back-to-top button {
  position: absolute;
  z-index: 11;
  width: 48px;
  height: 38px;
  bottom: 15px;
  right: 15px;
  background: var(--neutral-8-white-);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px var(--neutral-4);
  border-radius: 3px;
  color: var(--neutral-4);
  cursor: pointer;
  transform: rotate(180deg);
}
.sr-back-to-top button .sr-icon svg {
  width: 14px;
  height: 8px;
}
.sr-back-to-top button .sr-icon svg path {
  color: var(--neutral-4);
}
.sr-back-to-top button:hover {
  border: solid 1px var(--primary-blue);
  background: var(--list-1-hover);
}
.sr-back-to-top button:hover svg path {
  color: var(--primary-blue);
}

.sr-action-bar.map-mode {
  padding: 0 30px;
}
.sr-action-bar.panel-open .tools .sr-button-group {
  position: absolute;
  right: 525px;
  z-index: 10000;
}
.sr-action-bar header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 40px;
  padding: 17px 0 25px 0;
}
.sr-action-bar header h1.path {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sr-action-bar header .name {
  color: var(--primary-blue);
}
.sr-action-bar header em {
  color: var(--neutral-3);
}
.sr-action-bar header em span {
  font-weight: 100;
}
.sr-action-bar header a {
  color: var(--neutral-2);
  text-decoration: none;
  cursor: pointer;
}
.sr-action-bar .tools {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sr-action-bar .tools .sr-site-health {
  margin-right: 40px;
}
.sr-action-bar .header-site-health {
  position: absolute;
  top: 25px;
  right: 30px;
}
.sr-action-bar .sub-nav {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--neutral-5);
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sr-action-bar .sub-nav .nav-item {
  height: 40px;
  margin-right: 30px;
  font-size: 14px;
  font-weight: 600;
  color: var(--neutral-3);
  text-decoration: none;
  cursor: pointer;
}
.sr-action-bar .sub-nav .nav-item.active, .sr-action-bar .sub-nav .nav-item:hover:not(.disabled) {
  color: var(--primary-blue);
  border-bottom: 6px solid var(--primary-blue);
}
.sr-action-bar .sub-nav .nav-item .badge {
  color: var(--neutral-3);
  background: var(--neutral-7);
  margin-left: 6px;
  border-radius: 2px;
}

.sr-address-parts {
  width: 100%;
}
.sr-address-parts .sr-input,
.sr-address-parts .sr-selectro {
  margin: 0;
}
.sr-address-parts .sr-input :hover,
.sr-address-parts .sr-selectro :hover {
  z-index: 10;
}
.sr-address-parts .address-row .sr-input {
  float: left;
}
.sr-address-parts .address-row .sr-input:first-child {
  width: calc(100% - 160px);
}
.sr-address-parts .address-row .sr-input:first-child input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.sr-address-parts .address-row .sr-input:last-child {
  width: 160px;
  margin-left: -1px;
}
.sr-address-parts .address-row .sr-input:last-child input {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.sr-address-parts .city-state-zip-row {
  position: relative;
  top: -1px;
}
.sr-address-parts .city-state-zip-row .sr-input {
  float: left;
}
.sr-address-parts .city-state-zip-row .sr-input:first-child {
  width: calc(100% - 264px);
}
.sr-address-parts .city-state-zip-row .sr-input:first-child input {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sr-address-parts .city-state-zip-row .sr-selectro {
  float: left;
  width: 105px;
  margin-left: -1px;
}
.sr-address-parts .city-state-zip-row .sr-selectro .input-container {
  border-radius: 0;
}
.sr-address-parts .city-state-zip-row .sr-input:last-child {
  width: 160px;
  margin-left: -1px;
}
.sr-address-parts .city-state-zip-row .sr-input:last-child input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.sr-asset-row {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: -12px 0 0 -12px;
  height: 74px;
  width: calc(100% + 24px);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.sr-asset-row:hover, .sr-asset-row:focus, .sr-asset-row:active, .sr-asset-row:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-asset-row .main-active {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease-in-out;
}
.sr-asset-row .main-active:hover, .sr-asset-row .main-active:focus, .sr-asset-row .main-active:active, .sr-asset-row .main-active:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-asset-row .image {
  width: 50px;
  height: 50px;
  margin: auto 0;
  margin-right: 15px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  border-radius: 4px;
  background-color: var(--neutral-6);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  transition: all 0.15s ease-in-out;
}
.sr-asset-row .image:hover, .sr-asset-row .image:focus, .sr-asset-row .image:active, .sr-asset-row .image:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-asset-row .image .photo {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-size: contain;
  background-position: center;
}
.sr-asset-row .image .sr-category-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-asset-row .image svg {
  width: 23px;
  height: 23px;
}
.sr-asset-row .info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: -12px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-asset-row .info h6 {
  font-size: 14px;
  font-weight: 700;
  margin-right: 20px;
  margin-bottom: 4px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-asset-row .info .second-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sr-asset-row .info .sr-rating-choice {
  margin-right: 10px;
}
.sr-asset-row .info em {
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  color: var(--neutral-3);
}
.sr-asset-row .details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: end;
}
.sr-asset-row .details .sr-completable-status span {
  display: block;
}
.sr-asset-row .details .created-when {
  -ms-flex: 1;
      flex: 1;
  line-height: 0.8em;
  font-size: 12px;
  color: var(--neutral-4);
}
.sr-asset-row .details::after {
  content: "";
  -ms-flex: 1;
      flex: 1;
}
.sr-asset-row .edit-container {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
}
.sr-asset-row .edit-container button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 38px;
  width: 38px;
  margin: 18px 10px 18px 0;
  border-radius: 3px;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
}
.sr-asset-row .edit-container button:hover, .sr-asset-row .edit-container button:focus, .sr-asset-row .edit-container button:active, .sr-asset-row .edit-container button:focus-visible {
  transition: all 0s ease-in-out;
}
.sr-asset-row .edit-container button svg path {
  transition: fill 0.15s ease-in-out;
  fill: var(--neutral-4);
}
.sr-asset-row .edit-container button:hover, .sr-asset-row .edit-container button:focus-visible {
  background-color: var(--list-3-active-hover);
}
.sr-asset-row .edit-container button:focus-visible {
  box-shadow: 0 0 0 2px var(--primary-blue);
}
.sr-asset-row .edit-container button:active {
  background-color: var(--primary-blue-3-disabled-light);
}
.sr-asset-row .edit-container button:hover svg path, .sr-asset-row .edit-container button:focus-visible svg path, .sr-asset-row .edit-container button:active svg path {
  transition: fill 0s ease-in-out;
  fill: var(--primary-blue);
}
.sr-asset-row:hover, .sr-asset-row:focus-visible, .sr-asset-row:focus-within {
  background-color: var(--list-1-hover);
}
.sr-asset-row:hover .image, .sr-asset-row:focus-visible .image, .sr-asset-row:focus-within .image {
  background-color: var(--list-3-active-hover);
  transition: background-color 0s ease-in-out;
}
.sr-asset-row:focus-visible {
  box-shadow: 0 0 0 2px var(--primary-blue);
}
.sr-asset-row .main-active:active {
  background-color: var(--list-3-active-hover);
}
.sr-asset-row .main-active:active .image {
  background-color: var(--primary-blue-3-disabled-light);
}
.sr-asset-row.can-edit:hover .details, .sr-asset-row.can-edit:focus-visible .details, .sr-asset-row.can-edit:active .details, .sr-asset-row.can-edit:focus-within .details {
  display: none;
}
.sr-asset-row.can-edit:hover .edit-container, .sr-asset-row.can-edit:focus-visible .edit-container, .sr-asset-row.can-edit:active .edit-container, .sr-asset-row.can-edit:focus-within .edit-container {
  display: block;
}

.sr-audio-player,
.sr-audio-recorder {
  /*border: 1px solid  $sr-light-grey-disabled; // #D2D7DA;*/
  height: 32px;
}
.sr-audio-player .play-button,
.sr-audio-player .record-button,
.sr-audio-recorder .play-button,
.sr-audio-recorder .record-button {
  width: 30px;
  height: 100%;
  float: left;
  cursor: pointer;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-5);
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-sizing: border-box;
}
.sr-audio-player .time-block,
.sr-audio-recorder .time-block {
  height: 100%;
  padding: 8px 5px;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sr-audio-player .time-block.current-time,
.sr-audio-recorder .time-block.current-time {
  background-color: var(--secondary-blue-2-hover);
  color: var(--neutral-8-white-);
  width: 37px;
  /*height: calc(100% + 2px);*/
  height: 100%;
  /*margin-top: -1px;*/
}
.sr-audio-player .time-block.remaining-time,
.sr-audio-recorder .time-block.remaining-time {
  background-color: var(--neutral-8-white-);
  color: var(--neutral-0-black-);
  /*border-right: 1px solid  $sr-light-grey-disabled; // #D2D7DA;*/
  border: 1px solid var(--neutral-5);
  border-left: none;
  width: 46px;
  padding: 6px 9px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sr-audio-player .progress-container,
.sr-audio-recorder .progress-container {
  position: relative;
  height: 100%;
  width: calc(100% - 114px);
  float: left;
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  box-sizing: border-box;
}
.sr-audio-player .progress-bar,
.sr-audio-recorder .progress-bar {
  width: 100%;
  height: 100%;
  background-color: var(--neutral-8-white-);
}
.sr-audio-player .progress-bar .buffered-amount,
.sr-audio-player .progress-bar .progress-amount,
.sr-audio-recorder .progress-bar .buffered-amount,
.sr-audio-recorder .progress-bar .progress-amount {
  position: absolute;
  display: block;
  height: calc(100% + 2px);
  margin-top: -1px;
}
.sr-audio-player .progress-bar .progress-amount,
.sr-audio-recorder .progress-bar .progress-amount {
  background-color: var(--secondary-blue-2-hover);
  transition: width 100ms linear;
}
.sr-audio-player .progress-bar .buffered-amount,
.sr-audio-recorder .progress-bar .buffered-amount {
  background-color: var(--neutral-6);
  height: 100%;
  margin-top: 0;
  transition: width 250ms ease-in;
}
.sr-audio-player .scrubber-handle,
.sr-audio-recorder .scrubber-handle {
  width: 10px;
  height: calc(100% + 2px);
  margin-top: -1px;
  margin: -1px 0 0 -5px;
  background-color: var(--primary-blue);
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: left 100ms linear;
}
.sr-audio-player .scrubber-handle .scrubber-handle-line,
.sr-audio-recorder .scrubber-handle .scrubber-handle-line {
  display: block;
  width: 1px;
  height: 62%;
  background-color: var(--neutral-8-white-);
  opacity: 0.4;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 3px;
}
.sr-audio-player .scrubber-handle .scrubber-handle-line:last-child,
.sr-audio-recorder .scrubber-handle .scrubber-handle-line:last-child {
  left: 5px;
}
.sr-audio-player.is-seeking .progress-bar .progress-amount,
.sr-audio-player.is-seeking .scrubber-handle,
.sr-audio-recorder.is-seeking .progress-bar .progress-amount,
.sr-audio-recorder.is-seeking .scrubber-handle {
  transition: none;
}

.sr-audio-player > audio {
  display: none !important;
}
.sr-audio-player .play-button .play {
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-left: 12px solid var(--primary-blue);
  margin: 0 auto;
}
.sr-audio-player .play-button .pause-bars {
  display: none;
  margin: auto;
  width: 12px;
  height: 14px;
  position: relative;
}
.sr-audio-player .play-button .pause-bars::before, .sr-audio-player .play-button .pause-bars::after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 100%;
  background-color: var(--primary-blue);
}
.sr-audio-player .play-button .pause-bars::before {
  left: 0;
}
.sr-audio-player .play-button .pause-bars::after {
  right: 0;
}
.sr-audio-player .play-button.is-playing .pause-bars {
  display: block;
}
.sr-audio-player .play-button.is-playing .play {
  display: none;
}
.sr-audio-player .download-button {
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-5);
  border-right-color: transparent;
  position: relative;
}
.sr-audio-player .download-button:focus, .sr-audio-player .download-button:focus-visible {
  outline: none;
}
.sr-audio-player .download-button:hover, .sr-audio-player .download-button:focus-visible, .sr-audio-player .download-button:active {
  background-color: var(--list-2-active);
  border-color: var(--primary-blue);
  border-right-color: var(--primary-blue);
}
.sr-audio-player .download-button:hover .sr-icon.grey [fill="#000"], .sr-audio-player .download-button:focus-visible .sr-icon.grey [fill="#000"], .sr-audio-player .download-button:active .sr-icon.grey [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-audio-player .download-button:focus-visible {
  z-index: 10;
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-audio-player.with-download .progress-container {
  width: calc(100% - 152px);
}

.sr-audio-recorder .record-button .record {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background-color: var(--primary-red);
  border-radius: 50%;
}
.sr-audio-recorder .record-button .stop {
  display: none;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  background-color: var(--neutral-8-white-);
  border-radius: 2px;
}
.sr-audio-recorder .record-button.is-recording {
  background-color: var(--primary-red);
  border: none;
  border-right: 1px solid var(--neutral-8-white-);
}
.sr-audio-recorder .record-button.is-recording .stop {
  display: block;
}
.sr-audio-recorder .record-button.is-recording .record {
  display: none;
}

.sr-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
}
.sr-cards a {
  text-decoration: none;
  color: var(--neutral-2);
}

.sr-card {
  height: 170px;
  width: 327px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  padding: 25px 20px;
  border: 1px solid var(--neutral-4);
  border-radius: 4px;
  background: #ffffff;
  margin-right: 25px;
  margin-bottom: 25px;
  box-sizing: border-box;
}
.sr-card:hover {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 20px 0 var(--neutral-4);
}
.sr-card[data-show-transition=true] {
  transition: all 0.2s ease-out;
}
.sr-card .image {
  margin-right: 13px;
}
.sr-card h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sr-card p {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
}

.sr-category-icon {
  width: 100%;
  height: 100%;
}
.sr-category-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.sr-completable-status {
  position: relative;
}
.sr-completable-status + .sr-completable-status {
  margin-left: 6px;
}
.sr-completable-status.clickable,
.sr-completable-status.clickable .status-container {
  cursor: pointer;
}
.sr-completable-status.clickable:hover:not(.no-hover) .status-container.open {
  background-color: var(--secondary-blue-2-hover);
}
.sr-completable-status.clickable:hover:not(.no-hover) .status-container.closed {
  background-color: var(--primary-green-2-hover);
}
.sr-completable-status.clickable:hover:not(.no-hover) .status-container.past-due {
  background-color: var(--primary-yellow-2-hover);
}
.sr-completable-status.clickable:hover:not(.no-hover) .status-container.urgent {
  background-color: var(--primary-red-2-hover);
}
.sr-completable-status.clickable:hover:not(.no-hover) .status-container.planned {
  background-color: var(--secondary-purple-2-hover);
}
.sr-completable-status.clickable:hover:not(.no-hover) span.edit {
  display: block;
}
.sr-completable-status.show-edit-icon {
  padding-right: 18px;
}
.sr-completable-status.small {
  height: auto;
  background: none;
}
.sr-completable-status.small.gtc-mr {
  margin-right: 7px;
}
.sr-completable-status.small span {
  padding: 0;
}
.sr-completable-status.custom .status-container.pending {
  background-color: var(--neutral-3);
  color: var(--neutral-8-white-);
}
.sr-completable-status .status-container {
  text-align: center;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 10px;
  font-weight: 600;
  color: var(--neutral-8-white-);
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sr-completable-status .status-container.open {
  background-color: var(--secondary-blue);
  color: var(--neutral-8-white-);
}
.sr-completable-status .status-container.closed {
  background-color: var(--primary-green);
  color: var(--neutral-8-white-);
}
.sr-completable-status .status-container.past-due {
  background-color: var(--primary-yellow);
  color: var(--neutral-2);
}
.sr-completable-status .status-container.urgent {
  background-color: var(--primary-red);
  color: var(--neutral-8-white-);
}
.sr-completable-status .status-container.planned {
  background-color: var(--secondary-purple);
  color: var(--neutral-8-white-);
}
.sr-completable-status span:not(.icon) {
  padding: 3px 7px;
}
.sr-completable-status span.edit {
  position: absolute;
  top: 4px;
  right: 0;
  display: none;
}

.sr-context-menu {
  position: fixed;
  z-index: 10000;
  background: var(--neutral-8-white-);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  cursor: default;
  width: 240px;
  border: 1px solid var(--neutral-4);
  box-shadow: 0px 0px 20px 0px rgba(178, 186, 192, 0.6);
  border-radius: 4px;
  animation: 0.275s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal none running show-animation;
}
.sr-context-menu .sr-selectro-list-item {
  height: 40px;
  padding: 0 0 0 15px;
}
.sr-context-menu .sr-selectro-list-item:hover .list-item-sub-menu {
  display: block;
}
.sr-context-menu .sr-selectro-list-item span.imgSpan,
.sr-context-menu .sr-selectro-list-item span.icon {
  margin-top: 2px;
}
.sr-context-menu .sr-selectro-list-item span.imgSpan svg,
.sr-context-menu .sr-selectro-list-item span.icon svg {
  vertical-align: middle;
}
.sr-context-menu .sr-selectro-list-item .text-span {
  margin-top: 5px;
}
.sr-context-menu .sr-selectro-list-item .menu-item-shortcut-key {
  float: right;
  margin-right: 12px;
  margin-top: 5px;
  color: var(--neutral-3);
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu {
  display: none;
  position: fixed;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  border-radius: 4px;
  float: right;
  margin-left: 225px;
  margin-top: -36px;
  width: 240px;
  padding: 5px 0 5px 0;
  box-shadow: 0px 0px 20px 0px var(--neutral-4);
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-context-menu-item {
  max-width: 240px;
  padding-left: 15px;
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-context-menu-item .text-span {
  line-height: auto;
  height: auto;
  vertical-align: text-top;
  margin-left: 15px;
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-context-menu-item.with-icon {
  padding-left: 0px;
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-context-menu-item.with-icon .text-span {
  margin-left: 0px;
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-context-menu-item[data-show-transition=true] {
  transition: all 0.25s ease-out;
}
.sr-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-context-menu-item[data-show-transition=false] {
  transition-duration: 0.1s;
}
@keyframes show-animation {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.sr-context-menu span.selectrofy.imgSpan.icon.arrow-right {
  margin-top: 6%;
  color: var(--neutral-3);
  float: right;
}
.sr-context-menu .sr-context-menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 40px;
  box-sizing: border-box;
  cursor: pointer;
  padding-right: 15px;
}
.sr-context-menu .sr-context-menu-item.separator {
  height: auto;
  padding: 0;
}
.sr-context-menu .sr-context-menu-item.separator:hover {
  pointer-events: none;
}
.sr-context-menu .sr-context-menu-item.separator hr {
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
  border-top: 0.5px solid var(--neutral-5);
  border-left-color: var(--neutral-5);
  border-right-color: var(--neutral-5);
  border-bottom-color: var(--neutral-5);
}
.sr-context-menu .sr-context-menu-item.separator.group hr {
  width: 260px;
}
.sr-context-menu .sr-context-menu-item.separator hr:hover {
  pointer-events: none;
}
.sr-context-menu .sr-context-menu-item.title {
  margin-left: 15px;
  font-weight: 700;
}
.sr-context-menu .sr-context-menu-item span.imgSpan,
.sr-context-menu .sr-context-menu-item span.icon {
  width: 44px !important;
  background-position: center;
  background-repeat: no-repeat;
  text-align: inherit;
}
.sr-context-menu .sr-context-menu-item span.imgSpan.svgSpan,
.sr-context-menu .sr-context-menu-item span.icon.svgSpan {
  height: auto !important;
}
.sr-context-menu .sr-context-menu-item span.imgSpan svg,
.sr-context-menu .sr-context-menu-item span.icon svg {
  vertical-align: middle;
}
.sr-context-menu .sr-context-menu-item span.imgSpan.trash.destructive,
.sr-context-menu .sr-context-menu-item span.icon.trash.destructive {
  width: 11px !important;
  margin-right: 17px;
}
.sr-context-menu .sr-context-menu-item span.text-span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: inherit;
}
.sr-context-menu .sr-context-menu-item span.text-span:only-child {
  margin-left: 10px;
}
.sr-context-menu .sr-context-menu-item span.text-span em {
  color: #333333;
  font-style: italic;
}
.sr-context-menu .sr-context-menu-item span.keyboard-shortcut {
  width: 55px;
  color: var(--neutral-3);
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
}
.sr-context-menu .sr-context-menu-item:hover {
  background-color: var(--list-1-hover);
}
.sr-context-menu .sr-context-menu-item.disabled {
  cursor: default;
  background-color: inherit;
}
.sr-context-menu .sr-context-menu-item .sr-icon.red-trash,
.sr-context-menu .sr-context-menu-item .sr-icon.duplicate {
  width: 44px;
}
.sr-context-menu .sr-context-menu-item .sr-icon.default-user {
  margin: 0 10px;
}
.sr-context-menu .sr-context-menu-item span.icon.check-mark, .sr-context-menu .sr-context-menu-item span.icon.trash {
  margin: 0 -16px 0 16px;
}
.sr-context-menu .sr-context-menu-item span.icon.reschedule {
  margin: 0 -15px 0 15px;
}
.sr-context-menu .sr-context-menu-item span.icon.assign {
  margin: 0 -14px 0 14px;
}
.sr-context-menu .sr-context-menu-item span.icon.plus-gray-primary-thin {
  margin: 0 -15.5px 0 15.5px;
}
.sr-context-menu .sr-context-menu-item span.icon.message-bubble {
  margin: 0 -13px 0 13px;
}
.sr-context-menu .sr-context-menu-item span.icon.invite-house-in-heart {
  margin: 0 -12px 0 12px;
}
.sr-context-menu .sr-context-menu-item span.icon.move-in {
  background-position: inherit;
  margin: 0 -12.5px 0 12.5px;
}
.sr-context-menu .sr-context-menu-item span.icon.move-out {
  background-position: inherit;
  margin: 0 -13px 0 13px;
}
.sr-context-menu .sr-context-menu-item span.icon.tiny-switch {
  width: 18px !important;
  background-position: inherit;
  margin: 0 14px 0 12px;
}
.sr-context-menu .sr-context-menu-item span.sr-icon.compare, .sr-context-menu .sr-context-menu-item span.sr-icon.scorecard {
  width: 44px;
}
.sr-context-menu .sr-context-menu-item .make-urgent {
  color: var(--primary-red);
}

.sr-context-menu ul:not(:has(> .sr-context-menu-item)) {
  min-height: 40px;
}

.sr-context-menu ul:not(:has(> .sr-context-menu-item))::after {
  content: "No actions available";
  color: #333333;
  font-style: italic;
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -ms-flex-align: center;
      align-items: center;
}

.sr-date-range .sr-input {
  float: left;
  width: calc(50% - 1px);
}
.sr-date-range .sr-input input {
  border-radius: 0;
}
.sr-date-range .sr-input:first-child input {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.sr-date-range .sr-input + .sr-input {
  margin-left: -1px;
}
.sr-date-range .sr-input + .sr-input input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-datepicker.sr-datepicker {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  width: 252px;
  border: 0px;
  padding: 0;
  margin-top: 10px;
  z-index: 100000 !important;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.ui-datepicker.sr-datepicker:before, .ui-datepicker.sr-datepicker:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.ui-datepicker.sr-datepicker:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.ui-datepicker.sr-datepicker.from-top:before, .ui-datepicker.sr-datepicker.from-top:after {
  display: none;
}
.ui-datepicker.sr-datepicker .ui-datepicker-header {
  background: var(--neutral-8-white-);
  border: 0px;
  padding: 8px 0 0;
  z-index: 10;
}
.ui-datepicker.sr-datepicker .ui-datepicker-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin: 10px 0 0;
  width: 178px;
  float: left;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next {
  float: right;
  margin: 2px 2px;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next span {
  background: url("images/assignment/editCalendarRight.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .ui-datepicker.sr-datepicker .ui-datepicker-next span {
    background-image: url("images/assignment/editCalendarRight@2x.png");
    background-size: 22px 17px;
  }
}
.ui-datepicker.sr-datepicker .ui-datepicker-next:hover {
  right: 0;
}
.ui-datepicker.sr-datepicker .ui-datepicker-prev {
  float: left;
  margin: 2px 0 0 2px;
}
.ui-datepicker.sr-datepicker .ui-datepicker-prev span {
  background: url("images/assignment/editCalendarLeft.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .ui-datepicker.sr-datepicker .ui-datepicker-prev span {
    background-image: url("images/assignment/editCalendarLeft@2x.png");
    background-size: 22px 17px;
  }
}
.ui-datepicker.sr-datepicker .ui-datepicker-prev:hover {
  left: 0;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next,
.ui-datepicker.sr-datepicker .ui-datepicker-prev {
  cursor: pointer;
  position: relative;
  left: 0;
  top: 0;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next span,
.ui-datepicker.sr-datepicker .ui-datepicker-prev span {
  margin-left: -5px;
  width: 10px;
  height: 17px;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker.sr-datepicker .ui-datepicker-prev.ui-state-disabled {
  opacity: 0;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next:hover,
.ui-datepicker.sr-datepicker .ui-datepicker-prev:hover {
  top: 0;
  border: 0px;
  background: transparent;
}
.ui-datepicker.sr-datepicker .ui-datepicker-next:hover span,
.ui-datepicker.sr-datepicker .ui-datepicker-prev:hover span {
  background-position: right;
}
.ui-datepicker.sr-datepicker table {
  margin: 14px 0 0;
}
.ui-datepicker.sr-datepicker table th {
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  padding: 0 0 4px;
}
.ui-datepicker.sr-datepicker table td {
  height: 32px;
  padding: 0px;
  border: 1px solid var(--neutral-5);
  vertical-align: middle;
}
.ui-datepicker.sr-datepicker table td a,
.ui-datepicker.sr-datepicker table td span.ui-state-default {
  background: transparent;
  border: 0px;
  font-weight: 600;
  font-size: 12px;
  color: var(--neutral-2);
  padding: 0;
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.ui-datepicker.sr-datepicker table td:hover {
  background: var(--neutral-7);
}
.ui-datepicker.sr-datepicker table td.ui-datepicker-current-day {
  background: var(--primary-blue);
}
.ui-datepicker.sr-datepicker table td.ui-datepicker-current-day a {
  color: var(--neutral-8-white-);
}
.ui-datepicker.sr-datepicker table td.ui-state-disabled {
  background: var(--neutral-7) !important;
}

.sr-filter-bar {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}
.sr-filter-bar.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
}
.sr-filter-bar.with-border {
  border-bottom: 1px solid var(--neutral-5);
  margin-bottom: 30px;
}
.sr-filter-bar .filter-bar-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex: 1;
      flex: 1;
  padding: 2px;
  margin-right: 30px;
}
.sr-filter-bar .filter-bar-content.right {
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-right: 0;
}
.sr-filter-bar .filter-bar-content > button {
  margin: 0 10px 12px 0;
}
.sr-filter-bar .misc-content {
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}
.sr-filter-bar .misc-content .paging-buttons {
  margin-right: 10px;
}
.sr-filter-bar .search-container {
  margin-right: 20px;
}
.sr-filter-bar .bulk-menu-button span {
  background: url(/assets/assignment/menuBtn.png) no-repeat;
  width: 20px;
  height: 6px;
  background: url("images/assignment/menuBtn.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-filter-bar .bulk-menu-button span {
    background-image: url("images/assignment/menuBtn@2x.png");
    background-size: 20px 6px;
  }
}
.sr-filter-bar .bulk-actions-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 10px;
  position: relative;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu {
  position: absolute;
  width: 220px;
  z-index: 100000;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  border: 1px solid var(--neutral-5);
  -ms-flex-flow: column;
      flex-flow: column;
  right: -185px;
  top: 50px;
  border-radius: 4px;
  padding: 5px 0px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu .icon {
  margin-right: 17px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu .icon .status-closed-alt {
  height: 4px;
  width: 15px;
  background-size: 48px 4px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu .icon .urgent {
  height: 12px;
  background-size: 13px 12px;
  width: 13px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu::before {
  content: "";
  height: 0px;
  width: 0px;
  border: 10px transparent solid;
  border-bottom-color: white;
  z-index: 1000000000;
  top: -20px;
  position: absolute;
  left: 11px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu::after {
  content: "";
  height: 0px;
  width: 0px;
  border: 10px transparent solid;
  border-bottom-color: var(--neutral-5);
  top: -21px;
  position: absolute;
  left: 11px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu .menu-item {
  display: -ms-flexbox;
  display: flex;
  line-height: 18px;
  font-size: 14px;
  font-weight: 400;
  color: var(--neutral-2);
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 15px;
}
.sr-filter-bar .bulk-actions-container .bulk-extra-menu .menu-item:hover {
  background-color: var(--list-1-hover);
}
.sr-filter-bar .bulk-actions-container button {
  height: 38px;
  width: 48px;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  border-radius: 0;
  margin-right: -1px;
}
.sr-filter-bar .bulk-actions-container button:first-of-type {
  border-radius: 3px 0 0 3px;
}
.sr-filter-bar .bulk-actions-container button:last-of-type {
  margin-right: 0;
  border-radius: 0 3px 3px 0;
}
.sr-filter-bar .bulk-actions-container button:first-of-type:last-of-type {
  border-radius: 3px;
}
.sr-filter-bar .bulk-actions-container button:hover {
  z-index: 1;
}
.sr-filter-bar .bulk-actions-container button:hover:not(.disabled) span.icon.message-bubble, .sr-filter-bar .bulk-actions-container button:hover:not(.disabled) span.icon.invite-house-in-heart, .sr-filter-bar .bulk-actions-container button:hover:not(.disabled) span.icon.trash, .sr-filter-bar .bulk-actions-container button:hover:not(.disabled) span.icon.bulk-notification-edit {
  background-position-x: right;
}
.sr-filter-bar .bulk-actions-container .site-tags-bulk-edit button {
  border-radius: 3px;
}
.sr-filter-bar .title {
  height: 38px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--neutral-2);
  margin-right: 10px;
}
.sr-filter-bar .button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.sr-filter-bar .button-container button:not(:last-child) {
  margin-right: 10px;
}
.sr-filter-bar .button-container button:not(:last-child).no-right-margin {
  margin-right: 0px;
}

.button-container .standardButton {
  float: right;
  margin: 0px 10px 0 0 !important;
}
.button-container .standardButton:only-child {
  margin: 0px !important;
}
.button-container .standardButton .icon {
  display: inline-block;
}
.button-container .standardButton .icon.plus-white {
  display: inline-block;
  vertical-align: top;
  margin: 12px 6px 0 0;
}
.button-container .standardButton.export {
  border-radius: 0px 4px 4px 0px;
}
.button-container .standardButton.export:hover {
  z-index: 10;
  position: relative;
}
.button-container .standardButton.export.with-border-radius {
  border-radius: 4px 4px 4px 4px !important;
}
.button-container .standardButton.print {
  margin-right: -1px !important;
  border-radius: 4px 0px 0px 4px;
  float: left;
}
.button-container .standardButton.print:hover {
  z-index: 10;
  position: relative;
}
.button-container .standardButton.print .print-icon {
  height: 13px;
  width: 17px;
  background-image: url("images/Print.png");
  background-size: 17px 13px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .button-container .standardButton.print .print-icon {
    background-image: url("images/Print@2x.png");
    background-size: 17px 13px;
  }
}
.button-container .standardButton.no-right-margin {
  margin-right: 0px !important;
}
.button-container .export-btn-container {
  float: right;
}

.sr-filter-search {
  margin-bottom: 10px;
}
.sr-filter-search .search-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1;
  height: 38px;
  width: 48px;
  padding-right: 8px;
  background-color: #ffffff;
  outline: 1px solid var(--neutral-4);
  border: 0;
  overflow: hidden;
  border-radius: 3px;
  box-sizing: border-box;
  transition: width 0.25s ease-in-out;
}
.sr-filter-search .search-box .sr-filter-search-text-field {
  height: 40px;
}
.sr-filter-search .search-box:hover, .sr-filter-search .search-box.active, .sr-filter-search .search-box.results-open {
  outline: 1px solid var(--primary-blue);
}
.sr-filter-search .search-box:hover .sr-icon.search, .sr-filter-search .search-box.active .sr-icon.search, .sr-filter-search .search-box.results-open .sr-icon.search {
  color: var(--primary-blue);
}
.sr-filter-search .search-box.expanded {
  width: 218px;
}
.sr-filter-search .search-box:not(.expanded) {
  padding: 0;
}
.sr-filter-search .search-box:not(.expanded) .sp-icon.search {
  padding: 0;
  width: 48px;
  -ms-flex-pack: initial;
      justify-content: initial;
  padding-left: 12px;
}
.sr-filter-search .search-box:focus-within {
  outline: 2px solid var(--primary-blue);
  border: 0;
}
.sr-filter-search .search-box.results-open {
  border-radius: 3px 3px 0 0;
}
.sr-filter-search .search-box .sr-icon.search {
  padding: 0 8px 0 12px;
  color: var(--neutral-5);
}
.sr-filter-search .search-box .search-close-button {
  border-radius: 2px;
  display: none;
}
.sr-filter-search .search-box .search-close-button .sr-icon.close {
  margin: 6px;
  width: 11px;
  height: 11px;
}
.sr-filter-search .search-box .search-close-button .sr-icon.close [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-filter-search .search-box .search-close-button.active {
  display: -ms-flexbox;
  display: flex;
}
.sr-filter-search .search-box .search-close-button:focus {
  outline-offset: 2px;
  background: #ecf5fb;
}
.sr-filter-search .search-box .search-close-button:focus .sr-icon.close [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-filter-search .search-box .search-close-button:focus-visible {
  outline: 3px solid #cee4f3;
}
.sr-filter-search .search-box .search-close-button:hover {
  background: #ecf5fb;
}
.sr-filter-search .search-box .search-close-button:hover .sr-icon.close [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-filter-search .search-box .search-close-button:active {
  background: #cee4f3;
}
.sr-filter-search .search-box .search-close-button:active .sr-icon.close [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-filter-search .search-box input {
  -ms-flex: 1;
      flex: 1;
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
  height: 38px;
  width: 100%;
  line-height: 38px;
  font-size: 14px;
  color: var(--neutral-2);
  box-sizing: border-box;
}
.sr-filter-search .search-box input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--neutral-5);
  font-weight: 400;
}
.sr-filter-search .search-box input:-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-5);
  font-weight: 400;
}
.sr-filter-search .search-box input::-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-5);
  font-weight: 400;
}
.sr-filter-search .search-box input:-ms-input-placeholder {
  font-size: 14px;
  color: var(--neutral-5);
  font-weight: 400;
}
.sr-filter-search .search-box input::-ms-clear,
.sr-filter-search .search-box input::-ms-reveal {
  display: none;
}
.sr-filter-search .search-results {
  z-index: 0;
  margin-left: -1px;
  font-size: 14px;
}
.sr-filter-search .search-results.focus-within .sr-auto-complete {
  outline: 1px solid var(--primary-blue);
}
.sr-filter-search .search-results .sr-auto-complete {
  padding: 5px 0;
  box-shadow: 0px 10px 20px 0px rgba(178, 186, 192, 0.6);
  z-index: 1000;
}
.sr-filter-search.disabled .search-box {
  border-color: var(--neutral-5);
  background-color: var(--neutral-7);
}

.sr-image {
  width: 100%;
  height: 100%;
  background: var(--neutral-7);
}
.sr-image .inner-container {
  width: 100%;
  height: 100%;
}
.sr-image .inner-container .floater {
  float: left;
  height: 50%;
  width: 100%;
  margin-bottom: -46px;
}
.sr-image .inner-container .placeholder-image {
  clear: both;
  text-align: center;
}
.sr-image .inner-container .placeholder-image .processing {
  margin: 10px auto;
  display: block;
  width: 60px;
  height: 46px;
  background: url("images/processing-icon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-image .inner-container .placeholder-image .processing {
    background-image: url("images/processing-icon@2x.png");
    background-size: 60px 46px;
  }
}
.sr-image .inner-container .placeholder-image .full-loading {
  margin-bottom: 11px;
}
.sr-image .inner-container .placeholder-image .circle-loading {
  width: 45px;
  height: 45px;
}
.sr-image .inner-container .placeholder-image .circle-loading .spinner-container > div {
  background-color: var(--neutral-5);
}
.sr-image .inner-container p.processing-text {
  color: var(--neutral-3);
  font-size: 14px;
}
.sr-image .inner-container p.processing-text-reload {
  color: var(--neutral-3);
  font-size: 12px;
}
.sr-image .inner-container p.processing-text-reload a {
  cursor: pointer;
  color: var(--primary-blue);
}

.sr-lightbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120000;
  height: 0;
  overflow: hidden;
}
.sr-lightbox.shown {
  height: 100%;
}
.sr-lightbox .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.sr-lightbox .overlay-content {
  opacity: 0;
  height: 100%;
}
.sr-lightbox .media-element img {
  transform: translateY(-50px);
  opacity: 0;
}
.sr-lightbox.shown .overlay {
  transition: opacity 150ms ease-in-out;
  opacity: 1;
}
.sr-lightbox.shown .overlay-content {
  transition: opacity 150ms ease-in-out;
  opacity: 1;
}
.sr-lightbox.shown .media-element img {
  transition: all 250ms ease-in-out;
  transform: translateY(0px);
  opacity: 1;
}
.sr-lightbox .left-nav,
.sr-lightbox .right-nav {
  position: absolute;
  top: 70px;
  bottom: 170px;
  width: 60px;
  z-index: 20;
  cursor: pointer;
}
.sr-lightbox .left-nav span.icon,
.sr-lightbox .right-nav span.icon {
  display: block;
  position: absolute;
  top: 50%;
}
.sr-lightbox .left-nav {
  left: 0px;
}
.sr-lightbox .left-nav span.icon {
  left: 28px;
}
.sr-lightbox .right-nav {
  right: 0px;
}
.sr-lightbox .right-nav span.icon {
  left: 0px;
  transform: rotate(180deg);
}
.sr-lightbox .info {
  text-align: center;
  position: absolute;
  z-index: 20;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 80%;
  max-width: calc(100% - 280px);
  font-size: 14px;
  color: var(--neutral-8-white-);
}
.sr-lightbox .info .numbers {
  font-size: 15px;
}
.sr-lightbox .info .left {
  float: left;
  max-width: 70%;
  text-align: left;
}
.sr-lightbox .info .right {
  float: right;
  text-align: right;
  cursor: pointer;
}
.sr-lightbox .info .right .icon {
  display: inline-block;
  transform: rotate(180deg);
  vertical-align: middle;
  margin: -2px 0 0 4px;
}
.sr-lightbox .info .images {
  display: inline-block;
  overflow: hidden;
  max-height: 0px;
  padding-top: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  transition: max-height 100ms ease-in-out;
}
.sr-lightbox .info .images .image-bg-container {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--neutral-0-black-);
  float: left;
  margin-right: 10px;
}
.sr-lightbox .info .images .image-bg-container .image.audio:after {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 7px;
  width: 12px;
  height: 19px;
  background: url("images/sr-media-slider/audio.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-lightbox .info .images .image-bg-container .image.audio:after {
    background-image: url("images/sr-media-slider/audio@2x.png");
    background-size: 12px 19px;
  }
}
.sr-lightbox .info .images .image {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--neutral-5);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
  transition: opacity 0.1s ease-in;
  cursor: pointer;
}
.sr-lightbox .info .images .image.active, .sr-lightbox .info .images .image:hover {
  opacity: 1;
}
.sr-lightbox .info.show-images .right .icon {
  transform: rotate(0deg);
}
.sr-lightbox .info.show-images .images {
  max-height: 70px;
}
.sr-lightbox a.close-button {
  display: block;
  position: absolute;
  right: 30px;
  top: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 25;
  opacity: 0.9;
}
.sr-lightbox a.close-button:hover, .sr-lightbox a.close-button:active {
  opacity: 1;
}
.sr-lightbox a.close-button:active {
  margin-top: 1px;
}
.sr-lightbox a.close-button span.icon {
  display: block;
}
.sr-lightbox .image-container {
  position: absolute;
  width: 100%;
  top: 70px;
  bottom: 70px;
  z-index: 10;
}
.sr-lightbox .image-container.disabled {
  display: none;
}
.sr-lightbox .image-container img,
.sr-lightbox .image-container video {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 80%;
  max-width: calc(100% - 320px);
}
.sr-lightbox .image-container.audio-only .sr-audio-player {
  bottom: calc(50% - 32px);
}
.sr-lightbox .image-container .sr-audio-player {
  position: absolute;
  bottom: -59px;
  left: calc(50% - 225px);
  right: 0;
  width: 450px;
  z-index: 10;
}
.sr-lightbox .image-container.has-multiple-images {
  bottom: 170px;
}
.sr-lightbox .image-container.signature img {
  max-height: 70%;
}
.sr-lightbox .media-container {
  position: absolute;
  background-image: none;
  background-color: transparent;
  z-index: 10;
  left: 50%;
  top: 50%;
  text-align: center;
  box-sizing: border-box;
  max-height: 90%;
  max-height: calc(100% - 220px);
  max-width: 80%;
  max-width: calc(100% - 320px);
  transform: translate(-50%, -50%);
}
.sr-lightbox .media-container:not(.has-multiple-images) {
  max-height: calc(100% - 120px);
}
.sr-lightbox .media-container.disabled {
  display: none;
}
.sr-lightbox .media-container video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background-color: var(--neutral-0-black-);
  height: auto;
  width: auto;
  margin: auto;
}

.description-title-text {
  z-index: 10;
  font-size: 15px;
  color: var(--neutral-2);
  font-weight: 600;
  position: absolute;
  padding: 20px 0 0 26px;
  transition: color 0.5s ease;
}
.description-title-text.white {
  color: white;
}

.sr-media-slider-content {
  height: 100%;
  position: relative;
  transition: margin 0.4s;
}
.sr-media-slider-content .ivr-objective {
  padding: 55px 69px 0px 25px;
  box-sizing: border-box;
}
.sr-media-slider-content .ivr-objective p {
  max-height: 100%;
  white-space: pre-line;
}
.sr-media-slider-content .sr-slide {
  position: relative;
  height: 100%;
  float: left;
}
.sr-media-slider-content .sr-slide .sr-audio-player {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 9;
}
.sr-media-slider-content .sr-slide .sr-audio-player .play-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.sr-media-slider-content .sr-slide .sr-audio-player .time-block.remaining-time {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  width: 47px;
}
.sr-media-slider-content .sr-slide img {
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.sr-media-slider-content .sr-slide img:focus {
  z-index: 99;
}
.sr-media-slider-content > div {
  scroll-snap-align: start;
}
.sr-media-slider-content .top-gradient {
  top: 0;
  position: absolute;
  width: 100%;
  height: 70px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  cursor: pointer;
}

.sr-media-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 206px;
}
.sr-media-slider.task-details, .sr-media-slider.completion, .sr-media-slider.prior-completion {
  height: 286px;
}
.sr-media-slider.completion, .sr-media-slider.prior-completion {
  width: calc(100% + 50px);
  margin-left: -25px;
}
.sr-media-slider .focus {
  display: none;
}
.sr-media-slider:focus {
  outline: none;
}
.sr-media-slider:focus .focus {
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  outline: none;
  pointer-events: none;
  box-shadow: inset 0 0 2px 2px rgba(94, 158, 214, 0.8);
  box-shadow: inset 0 0 2px 2px activeborder;
  box-shadow: inset 0 0 2px 2px -moz-mac-focusring;
}
.sr-media-slider .header-text {
  position: absolute;
  top: 20px;
  left: 25px;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.sr-media-slider .sr-rating-choice {
  position: absolute;
  bottom: 20px;
  left: 25px;
}
.sr-media-slider .counter {
  position: absolute;
  top: 22px;
  right: 20px;
  color: white;
}
.sr-media-slider .counter.dark {
  color: var(--neutral-2);
}
.sr-media-slider .sr-bullet-nav {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 100%;
  text-align: center;
  cursor: default;
}
.sr-media-slider .sr-bullet-nav.with-audio {
  bottom: 32px;
}
.sr-media-slider .sr-bullet-nav .outer-dot {
  cursor: pointer;
  width: 13px;
  display: inline-block;
}
.sr-media-slider .sr-bullet-nav .outer-dot .dot {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  width: 6px;
  height: 6px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 50%;
}
.sr-media-slider .sr-bullet-nav .outer-dot .dot.active {
  background: white;
  width: 10px;
  height: 10px;
}
.sr-media-slider .sr-bullet-nav .outer-dot .dot:after {
  display: none;
  content: "";
  background: rgb(255, 255, 255);
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  top: -2px;
  left: -2px;
}
.sr-media-slider.hover-nav .nav.ivr-slide {
  opacity: 1;
  transition: fill 0.5s ease;
}
.sr-media-slider.hover-nav .nav:not(.ivr-slide) {
  opacity: 0;
}
.sr-media-slider.hover-nav:hover .nav {
  opacity: 1;
}
.sr-media-slider .nav {
  display: none;
  z-index: 2;
  position: absolute;
  top: 0;
  width: 45px;
  height: 100%;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
}
.sr-media-slider .nav.ivr-slide svg {
  fill: var(--neutral-4);
}
.sr-media-slider .nav svg {
  height: 22px;
  width: 12px;
  fill: white;
}
.sr-media-slider .nav:focus {
  outline: none;
  box-shadow: inset 0 0 2px 2px rgba(94, 158, 214, 0.8);
  box-shadow: inset 0 0 2px 2px activeborder;
  box-shadow: inset 0 0 2px 2px -moz-mac-focusring;
}
.sr-media-slider .nav.nav-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.sr-media-slider .nav.nav-left svg {
  margin-left: 14px;
}
.sr-media-slider .nav.nav-left.gradient {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.sr-media-slider .nav.nav-right {
  right: 0px;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.sr-media-slider .nav.nav-right svg {
  margin-right: 14px;
}
.sr-media-slider .nav.nav-right.gradient {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.sr-media-slider .nav.large svg {
  height: 30px;
  width: 14px;
}
.sr-media-slider .nav.active {
  display: -ms-flexbox;
  display: flex;
}

.sr-tooltip-list-image .nav-right:focus,
.sr-tooltip-list-image .nav-left:focus {
  outline: none;
}
.sr-tooltip-list-image .nav:focus,
.sr-tooltip-list-image .sr-media-slider:focus .focus {
  box-shadow: none;
}

.sr-nav {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  background-color: var(--neutral-1);
  border: 1px solid var(--neutral-5);
  height: 74px;
  width: 100%;
  z-index: 9005;
  box-sizing: border-box;
}
.sr-nav .property-detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-nav .property-detail img {
  height: 100%;
  width: 90px;
  background-size: cover;
}
.sr-nav .property-detail h1 {
  font-size: 20px;
  color: white;
  padding: 0 27px 0 15px;
}
.sr-nav .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-size: 14px;
  font-weight: 600;
}
.sr-nav .item:first-child {
  padding-left: 4px;
}
.sr-nav .item.open a.primary, .sr-nav .item.active a.primary {
  color: white;
}
.sr-nav .item.open a.primary .sr-icon.chevron [fill="#000"], .sr-nav .item.active a.primary .sr-icon.chevron [fill="#000"] {
  fill: white;
}
.sr-nav .item.open a.primary {
  z-index: 10;
  border-color: #505d63;
}
.sr-nav .item a {
  z-index: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--neutral-4);
  text-decoration: none;
  cursor: pointer;
}
.sr-nav .item a .sr-icon {
  pointer-events: none;
}
.sr-nav .item a:hover, .sr-nav .item a.active {
  color: white;
}
.sr-nav .item a:hover .sr-icon.chevron [fill="#000"], .sr-nav .item a.active .sr-icon.chevron [fill="#000"] {
  fill: white;
}
.sr-nav .item a.primary {
  background-color: var(--neutral-1);
  padding: 5px 13px 5px 10px;
  border: 1px solid transparent;
  border-bottom: 0px;
  border-radius: 4px 4px 0 0;
}
.sr-nav .item ul.sub-items {
  z-index: 5;
  position: absolute;
  top: 41px;
  background-color: var(--neutral-1);
  border: 1px solid #505d63;
  padding: 10px;
  border-radius: 0 4px 4px 4px;
}
.sr-nav .item ul.sub-items li {
  padding-right: 15px;
}
.sr-nav .item ul.sub-items li.active a {
  color: white;
}
.sr-nav .item ul.sub-items a {
  white-space: nowrap;
  padding: 10px;
}

.note-completion p {
  max-height: 200px;
  font-size: 14px;
  overflow: hidden;
}
.note-completion p.full-text {
  max-height: 100%;
}
.note-completion a.more {
  font-weight: 700;
  font-size: 12px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
  margin: 15px 0 0px 0;
  display: block;
}

.sr-panel-navigation {
  border-bottom: 1px solid var(--neutral-5);
  width: 450px;
  width: calc(100% - 50px);
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.sr-panel-navigation a,
.sr-panel-navigation button {
  display: block;
  font-weight: 600;
  float: left;
  height: 60px;
  line-height: 60px;
  padding: 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  box-sizing: border-box;
  font-size: 14px;
  color: var(--neutral-3);
  cursor: default;
}
.sr-panel-navigation a span,
.sr-panel-navigation button span {
  color: var(--neutral-2);
}
.sr-panel-navigation a::after,
.sr-panel-navigation button::after {
  content: "";
  border: 1px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  height: 28px;
  box-sizing: border-box;
  top: 17px;
  border-radius: 4px;
}
.sr-panel-navigation a:hover, .sr-panel-navigation a:focus:not(.disabled), .sr-panel-navigation a.active,
.sr-panel-navigation button:hover,
.sr-panel-navigation button:focus:not(.disabled),
.sr-panel-navigation button.active {
  color: var(--primary-blue);
}
.sr-panel-navigation a:hover span, .sr-panel-navigation a:focus:not(.disabled) span, .sr-panel-navigation a.active span,
.sr-panel-navigation button:hover span,
.sr-panel-navigation button:focus:not(.disabled) span,
.sr-panel-navigation button.active span {
  color: var(--primary-blue);
}
.sr-panel-navigation a:hover,
.sr-panel-navigation button:hover {
  cursor: pointer;
}
.sr-panel-navigation a:focus:not(.disabled)::after,
.sr-panel-navigation button:focus:not(.disabled)::after {
  border-color: var(--primary-blue);
}
.sr-panel-navigation a.active,
.sr-panel-navigation button.active {
  border-bottom: 3px solid var(--primary-blue);
}
.sr-panel-navigation a.disabled:not(.active), .sr-panel-navigation a.disabled:hover:not(.active),
.sr-panel-navigation button.disabled:not(.active),
.sr-panel-navigation button.disabled:hover:not(.active) {
  color: var(--neutral-5);
  cursor: no-drop;
}
.sr-panel-navigation a.disabled:not(.active) span, .sr-panel-navigation a.disabled:hover:not(.active) span,
.sr-panel-navigation button.disabled:not(.active) span,
.sr-panel-navigation button.disabled:hover:not(.active) span {
  color: var(--neutral-5);
}

.sr-panel {
  display: none;
  visibility: hidden;
}
.sr-panel.active {
  display: block;
  visibility: visible;
}
.sr-panel h3 .info-circle {
  float: right;
}
.sr-panel h3 .info-circle:after {
  content: "?";
}

#category_tags_tooltip,
#category_synonyms_tooltip,
#asset_type_tags_tooltip,
#asset_type_synonyms_tooltip {
  float: right;
}
#category_tags_tooltip:after,
#category_synonyms_tooltip:after,
#asset_type_tags_tooltip:after,
#asset_type_synonyms_tooltip:after {
  content: "?";
}

.sr-preferences-grid {
  width: 100%;
}
.sr-preferences-grid th,
.sr-preferences-grid td {
  height: 48px;
  line-height: 48px;
  text-align: left;
}
.sr-preferences-grid th.setting,
.sr-preferences-grid td.setting {
  text-align: center;
}
.sr-preferences-grid th {
  font-weight: 700;
}
.sr-preferences-grid th.setting {
  font-weight: 600;
  color: var(--neutral-3);
}
.sr-preferences-grid tr {
  border-bottom: 1px solid var(--neutral-5);
}
.sr-preferences-grid tbody tr {
  cursor: pointer;
}

.sr-rating-choice {
  width: auto;
  display: inline-block;
  margin: 0;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  border: 1px solid transparent;
  cursor: default;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sr-rating-choice.dim:not(.no-selection):not(.inline) {
  opacity: 0.4;
  font-weight: 400;
}
.sr-rating-choice.dim:not(.no-selection):not(.inline):hover {
  opacity: 0.9;
}
.sr-rating-choice.no-selection {
  font-weight: 400;
}
.sr-rating-choice.selected {
  font-weight: 600;
}
.sr-rating-choice.inline {
  vertical-align: top;
  margin-right: 2px;
  font-size: 12px;
  height: 28px;
  box-sizing: border-box;
}
.sr-rating-choice.inline.boxy-letter {
  padding: 0;
  width: 30px;
  line-height: 26px;
  text-align: center;
}
.sr-rating-choice.inline:last-child {
  margin-right: 0;
}
.sr-rating-choice.in-list {
  height: 20px;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 2px;
  box-sizing: border-box;
}
.sr-rating-choice.in-list.has-border {
  line-height: 18px;
}
.sr-rating-choice:hover:not(.inline) {
  opacity: 0.9;
}
.sr-rating-choice.invalid-field {
  border: 1px solid var(--primary-red) !important;
}
.sr-rating-choice.clickable {
  cursor: pointer;
}

div.sr-site-health {
  position: relative;
}
div.sr-site-health .inline-loading .bounce {
  background-color: var(--neutral-4);
}
div.sr-site-health div.task-count {
  float: left;
  position: relative;
}
div.sr-site-health div.task-count span.icon {
  display: block;
  margin-right: 34px;
  width: 14px;
  height: 14px;
  background: url("images/siteIcons/siteHealth.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  div.sr-site-health div.task-count span.icon {
    background-image: url("images/siteIcons/siteHealth@2x.png");
    background-size: 42px 42px;
  }
}
div.sr-site-health div.task-count span.count {
  color: var(--neutral-2);
  font-size: 14px;
  line-height: 14px;
  padding-left: 5px;
  position: absolute;
  top: 0px;
  left: 14px;
}
div.sr-site-health div.task-count span.count.dark {
  color: var(--neutral-8-white-);
}
div.sr-site-health div.task-count span.count.zero {
  color: var(--neutral-5);
}
div.sr-site-health div.task-count span.count.zero.dark {
  color: var(--neutral-3);
}
div.sr-site-health div.task-count.open span.icon {
  background-position: top left;
}
div.sr-site-health div.task-count.open span.icon.zero {
  background-position: top center;
}
div.sr-site-health div.task-count.open span.icon.zero.dark {
  background-position: top right;
}
div.sr-site-health div.task-count.past-due span.icon {
  background-position: center left;
}
div.sr-site-health div.task-count.past-due span.icon.zero {
  background-position: center center;
}
div.sr-site-health div.task-count.past-due span.icon.zero.dark {
  background-position: center right;
}
div.sr-site-health div.task-count.urgent span.icon {
  background-position: bottom left;
}
div.sr-site-health div.task-count.urgent span.icon.zero {
  background-position: bottom center;
}
div.sr-site-health div.task-count.urgent span.icon.zero.dark {
  background-position: bottom right;
}
div.sr-site-health.in-header {
  height: 25px;
  padding-top: 5px;
  box-sizing: border-box;
}
div.sr-site-health.in-header div.task-count {
  display: -ms-flexbox;
  display: flex;
}
div.sr-site-health.in-header div.task-count span.icon {
  margin-right: 5px;
}
div.sr-site-health.in-header div.task-count span.count {
  position: relative;
  left: auto;
  top: auto;
  padding: 0px;
  margin-right: 20px;
}
div.sr-site-health.in-header div.task-count:last-of-type span.count {
  margin-right: 0px;
}

.sr-selection-container {
  position: relative;
  background-color: var(--neutral-8-white-);
}
.sr-selection-container.mb40 {
  margin-bottom: 40px !important;
}

.sr-selection-container,
.sr-selection-container-search {
  border-radius: 3px;
}
.sr-selection-container .sr-selection-row,
.sr-selection-container-search .sr-selection-row {
  position: relative;
  border: 1px solid var(--neutral-4);
  margin-bottom: -1px;
  font-size: 14px;
  line-height: 18px;
  min-height: 42px;
  box-sizing: border-box;
}
.sr-selection-container .sr-selection-row .collapsibleContainer.expanded,
.sr-selection-container-search .sr-selection-row .collapsibleContainer.expanded {
  opacity: 1;
  transition: all 0.2s ease-in;
}
.sr-selection-container .sr-selection-row .collapsibleContainer.collapsed,
.sr-selection-container-search .sr-selection-row .collapsibleContainer.collapsed {
  opacity: 0;
  margin: 0 !important;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.sr-selection-container .sr-selection-row:first-child,
.sr-selection-container-search .sr-selection-row:first-child {
  border-radius: 3px 3px 0 0;
}
.sr-selection-container .sr-selection-row:last-child,
.sr-selection-container-search .sr-selection-row:last-child {
  border-radius: 0 0 3px 3px;
  margin-bottom: 0;
}
.sr-selection-container .sr-selection-row:hover, .sr-selection-container .sr-selection-row:focus, .sr-selection-container .sr-selection-row:focus-within,
.sr-selection-container-search .sr-selection-row:hover,
.sr-selection-container-search .sr-selection-row:focus,
.sr-selection-container-search .sr-selection-row:focus-within {
  border-color: var(--primary-blue);
  z-index: 10;
}
.sr-selection-container .sr-selection-row:focus, .sr-selection-container .sr-selection-row:focus-within,
.sr-selection-container-search .sr-selection-row:focus,
.sr-selection-container-search .sr-selection-row:focus-within {
  outline: none;
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-selection-container .sr-selection-row.blur-focus,
.sr-selection-container-search .sr-selection-row.blur-focus {
  box-shadow: none;
}
.sr-selection-container .sr-selection-row.disabled,
.sr-selection-container-search .sr-selection-row.disabled {
  background-color: var(--neutral-7) !important;
  color: var(--neutral-4);
  cursor: no-drop !important;
  pointer-events: none !important;
  border-color: var(--neutral-6);
}
.sr-selection-container .sr-selection-row.disabled .label,
.sr-selection-container .sr-selection-row.disabled .sr-switch,
.sr-selection-container .sr-selection-row.disabled .input-radio-span,
.sr-selection-container .sr-selection-row.disabled .icon,
.sr-selection-container-search .sr-selection-row.disabled .label,
.sr-selection-container-search .sr-selection-row.disabled .sr-switch,
.sr-selection-container-search .sr-selection-row.disabled .input-radio-span,
.sr-selection-container-search .sr-selection-row.disabled .icon {
  opacity: 0.4;
}
.sr-selection-container .sr-selection-row.disabled.inner-row,
.sr-selection-container-search .sr-selection-row.disabled.inner-row {
  color: var(--neutral-4);
  background: var(--neutral-7);
}
.sr-selection-container .sr-selection-row.with-tooltip,
.sr-selection-container-search .sr-selection-row.with-tooltip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 20px;
}
.sr-selection-container .sr-selection-row.has-icon,
.sr-selection-container-search .sr-selection-row.has-icon {
  line-height: 20px;
}
.sr-selection-container .sr-selection-row.has-icon .sr-checkbox input[type=checkbox] + label span,
.sr-selection-container-search .sr-selection-row.has-icon .sr-checkbox input[type=checkbox] + label span {
  top: 3px;
}
.sr-selection-container .sr-selection-row.has-icon .sr-checkbox label,
.sr-selection-container-search .sr-selection-row.has-icon .sr-checkbox label {
  padding: 10px 15px;
}
.sr-selection-container .sr-selection-row.has-icon .sr-checkbox p.checkboxText,
.sr-selection-container-search .sr-selection-row.has-icon .sr-checkbox p.checkboxText {
  padding: 0px;
}
.sr-selection-container .sr-selection-row.has-icon .common-icon,
.sr-selection-container-search .sr-selection-row.has-icon .common-icon {
  vertical-align: top;
  margin: 0 10px 0 15px;
}
.sr-selection-container .sr-selection-row.search-row,
.sr-selection-container-search .sr-selection-row.search-row {
  width: 100%;
  background-color: var(--neutral-8-white-);
  border-radius: 3px 3px 0 0;
}
.sr-selection-container .sr-selection-row.search-row .icon,
.sr-selection-container-search .sr-selection-row.search-row .icon {
  position: absolute;
  top: 12px;
  left: 19px;
}
.sr-selection-container .sr-selection-row.search-row input,
.sr-selection-container-search .sr-selection-row.search-row input {
  padding-left: 45px;
}
.sr-selection-container .sr-selection-row .sr-checkbox.has-left-text label,
.sr-selection-container-search .sr-selection-row .sr-checkbox.has-left-text label {
  display: -ms-flexbox;
  display: flex;
}
.sr-selection-container .sr-selection-row .sr-checkbox.has-left-text label .input-checkbox-span,
.sr-selection-container .sr-selection-row .sr-checkbox.has-left-text label .common-icon,
.sr-selection-container-search .sr-selection-row .sr-checkbox.has-left-text label .input-checkbox-span,
.sr-selection-container-search .sr-selection-row .sr-checkbox.has-left-text label .common-icon {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sr-selection-container .sr-selection-row .sr-checkbox.has-left-text label .checkboxText,
.sr-selection-container-search .sr-selection-row .sr-checkbox.has-left-text label .checkboxText {
  -ms-flex-positive: 1;
      flex-grow: 1;
  word-break: break-word;
}
.sr-selection-container .sr-selection-row .sr-checkbox.has-left-text label .left-text,
.sr-selection-container-search .sr-selection-row .sr-checkbox.has-left-text label .left-text {
  color: var(--neutral-3);
  line-height: 20px;
  text-align: right;
  box-sizing: border-box;
}
.sr-selection-container .sr-selection-row .sr-checkbox.has-left-text.invalid-field label .left-text,
.sr-selection-container-search .sr-selection-row .sr-checkbox.has-left-text.invalid-field label .left-text {
  color: var(--primary-red);
}
.sr-selection-container .sr-selection-row .sr-selection-container,
.sr-selection-container-search .sr-selection-row .sr-selection-container {
  margin-top: 20px;
}
.sr-selection-container .sr-selection-row .sr-radio-button,
.sr-selection-container-search .sr-selection-row .sr-radio-button {
  padding: 11px 15px;
  cursor: pointer;
  outline: none;
}
.sr-selection-container .sr-selection-row .sr-radio-button label,
.sr-selection-container-search .sr-selection-row .sr-radio-button label {
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sr-selection-container .sr-selection-row .sr-checkbox,
.sr-selection-container-search .sr-selection-row .sr-checkbox {
  display: block;
  cursor: pointer;
}
.sr-selection-container .sr-selection-row .sr-checkbox label,
.sr-selection-container-search .sr-selection-row .sr-checkbox label {
  width: 94%;
  display: block;
  padding: 11px 15px;
  cursor: pointer;
}
.sr-selection-container .sr-selection-row .sr-checkbox p,
.sr-selection-container-search .sr-selection-row .sr-checkbox p {
  margin-bottom: 0;
}
.sr-selection-container .sr-selection-row .sr-checkbox input[type=checkbox] + label span,
.sr-selection-container-search .sr-selection-row .sr-checkbox input[type=checkbox] + label span {
  position: relative;
  top: -2px;
}
.sr-selection-container .sr-selection-row .sr-checkbox.disabled,
.sr-selection-container-search .sr-selection-row .sr-checkbox.disabled {
  cursor: default;
}
.sr-selection-container .sr-selection-row .sr-checkbox.disabled label,
.sr-selection-container-search .sr-selection-row .sr-checkbox.disabled label {
  cursor: default;
}
.sr-selection-container .sr-selection-row .sr-toggle-container,
.sr-selection-container-search .sr-selection-row .sr-toggle-container {
  -ms-flex: 1;
      flex: 1;
  border: none;
  padding-left: 78px;
}
.sr-selection-container .sr-selection-row .sr-toggle-container .sr-switch,
.sr-selection-container-search .sr-selection-row .sr-toggle-container .sr-switch {
  left: 20px;
  top: 29px;
}
.sr-selection-container .sr-selection-row .sr-selection-row-info-icon,
.sr-selection-container-search .sr-selection-row .sr-selection-row-info-icon {
  position: absolute;
  top: 12px;
  right: 20px;
}
.sr-selection-container .sr-selection-row .sr-selection-row-info-icon .info-circle,
.sr-selection-container-search .sr-selection-row .sr-selection-row-info-icon .info-circle {
  display: block;
}
.sr-selection-container.invalid .sr-selection-row,
.sr-selection-container-search.invalid .sr-selection-row {
  border-color: var(--primary-red);
}

.sr-checkbox-list .heading h4 {
  float: left;
  font-weight: 700;
  font-size: 14px;
}
.sr-checkbox-list .heading a {
  float: right;
  color: var(--primary-blue);
  cursor: pointer;
}
.sr-checkbox-list .heading a:hover {
  text-decoration: underline;
}
.sr-checkbox-list .checkbox-list-container {
  position: relative;
}
.sr-checkbox-list .checkbox-list-container.has-scroll {
  width: calc(100% + 2px);
  box-sizing: border-box;
  margin-left: -1px;
  height: 412px;
  padding: 1px;
}
.sr-checkbox-list .checkbox-list-scroll.has-scroll {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: 1px;
}
.sr-checkbox-list .checkbox-list-scroll.has-scroll .sr-selection-container {
  box-shadow: inset 0 0 0 1px var(--neutral-4);
  background-color: transparent;
  min-height: 100%;
}
.sr-checkbox-list .checkbox-list-scroll.has-scroll .sr-selection-row {
  background-color: var(--neutral-8-white-);
}
.sr-checkbox-list .checkbox-list-scroll.has-scroll .sr-selection-row:focus, .sr-checkbox-list .checkbox-list-scroll.has-scroll .sr-selection-row:focus-within {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--primary-blue);
}
.sr-checkbox-list .checkbox-list-scroll .search-cover {
  position: sticky;
  top: 0;
  background-color: var(--neutral-7);
  z-index: 11;
  margin-bottom: -1px;
}

.sr-team-icon {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: var(--neutral-3);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: var(--neutral-8-white-);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.sr-team-icon.team-icon--small {
  width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 3px;
}

.sr-team-icon.team-icon--medium {
  width: 28px;
  height: 28px;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 10px;
}

.sr-team-icon.team-icon--xlarge {
  width: 50px;
  height: 50px;
  font-size: 19px;
  border-radius: 4px;
}

.static-info-message {
  display: block;
  position: relative;
  width: 100%;
  min-height: 50px;
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  line-height: 19px;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-5);
  border-left: 4px solid var(--primary-blue);
  border-radius: 4px;
  box-sizing: border-box;
}
.static-info-message.has-info-circle {
  padding-left: 53px;
}
.static-info-message.has-info-circle .icon.info-circle {
  display: block;
  position: absolute;
  top: 12px;
  left: 20px;
  width: 16px;
  height: 16px;
}
.static-info-message.warning {
  margin-top: 15px;
  border-left: 4px solid var(--primary-yellow);
}
.static-info-message p.warning-font-color {
  color: var(--neutral-2);
}
.static-info-message em {
  font-style: italic;
}
.static-info-message strong {
  font-weight: 700;
}
.static-info-message.danger {
  border-left-color: var(--primary-red);
}
.static-info-message.in-modal p {
  margin-bottom: 0px !important;
}
.static-info-message.in-form {
  margin-top: 30px;
  max-width: 630px;
}

.icon.info-circle {
  width: 16px;
  height: 16px;
  border: 1px solid var(--primary-blue);
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  font-weight: 700;
  color: var(--primary-blue);
  box-sizing: border-box;
}
.icon.info-circle::after {
  content: "i";
  font-size: 10px;
  font-weight: 700;
  position: relative;
  top: -1px;
}
.icon.info-circle.danger {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.icon.info-circle.warning {
  border: 1px solid var(--primary-yellow);
  color: var(--primary-yellow);
}
.icon.info-circle.neutral {
  border-color: var(--neutral-4);
  color: var(--neutral-4);
}
.icon.info-circle.neutral:hover {
  border-color: var(--neutral-3);
  color: var(--neutral-3);
}
.icon.info-circle.info-big {
  border-color: var(--neutral-4);
  color: var(--neutral-4);
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.icon.info-circle.table-header {
  display: inline-block;
}
.icon.info-circle.column-header-tooltip-icon {
  width: 12px;
  height: 12px;
  line-height: 1;
  color: var(--neutral-4);
  border-color: var(--neutral-4);
  margin-left: 2px;
}
.icon.info-circle.column-header-tooltip-icon::after {
  font-size: 9px;
  top: -1px;
}
.icon.info-circle.column-header-tooltip-icon:hover {
  border-color: var(--neutral-3);
  color: var(--neutral-3);
}

.sr-collapsable {
  position: relative;
  display: block;
}
.sr-collapsable .fieldContent {
  display: none;
}
.sr-collapsable button.mainLabel {
  display: block;
  padding: 0 10px;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-2);
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  border: 0px;
  background-color: transparent;
  outline: none;
  box-sizing: border-box;
}
.sr-collapsable button.mainLabel span.icon {
  margin: -2px 0 0 6px;
  width: 6px;
  height: 6px;
  display: inline-block;
  background: url("images/swSelectArrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-collapsable button.mainLabel span.icon {
    background-image: url("images/swSelectArrow@2x.png");
    background-size: 6px 6px;
  }
}
.sr-collapsable button.mainLabel::-moz-focus-inner {
  border: 0;
}
.sr-collapsable button.mainLabel:focus span:not(.icon) {
  border-bottom: 1px solid var(--neutral-2);
}
.sr-collapsable.open .fieldContent {
  display: block;
}
.sr-collapsable.open button.mainLabel span.icon {
  transition: rotate(-180deg);
}
.sr-collapsable.invalid-field textarea {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.sr-collapsable.invalid-field textarea::-webkit-input-placeholder {
  color: var(--primary-red);
}
.sr-collapsable.invalid-field textarea:-moz-placeholder {
  color: var(--primary-red);
}
.sr-collapsable.invalid-field textarea::-moz-placeholder {
  color: var(--primary-red);
}
.sr-collapsable.invalid-field textarea:-ms-input-placeholder {
  color: var(--primary-red);
}
.sr-collapsable.invalid-field textarea:focus {
  border: 1px solid var(--primary-red);
  box-shadow: 0px 0px 6px 1px var(--primary-red);
}

.sr-general-tooltip-container {
  display: none;
}

.sr-general-tooltip {
  display: none;
  position: absolute;
  top: 50%;
  width: 234px;
  background: rgba(31, 53, 65, 0.9);
  padding: 8px 14px;
  color: var(--neutral-8-white-);
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  max-width: 200px;
  border-radius: 3px;
  box-sizing: border-box;
  /* ------ Button tooltip with shortcut ----- */
}
.sr-general-tooltip strong {
  font-weight: 700;
}
.sr-general-tooltip:after {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sr-general-tooltip:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 6px;
  margin-top: -6px;
}
.sr-general-tooltip.right {
  right: -246px;
}
.sr-general-tooltip.right:after {
  right: 100%;
}
.sr-general-tooltip.right:after {
  border-right-color: var(--neutral-2);
}
.sr-general-tooltip.left {
  left: -246px;
}
.sr-general-tooltip.left:after {
  left: 100%;
}
.sr-general-tooltip.left:after {
  border-left-color: var(--neutral-2);
}
.sr-general-tooltip.top, .sr-general-tooltip.topLeft, .sr-general-tooltip.topRight {
  top: 10px;
  left: 50%;
  margin-left: -117px;
}
.sr-general-tooltip.top:after, .sr-general-tooltip.topLeft:after, .sr-general-tooltip.topRight:after {
  top: 100%;
  left: 50%;
  margin-top: 0px;
}
.sr-general-tooltip.top:after, .sr-general-tooltip.topLeft:after, .sr-general-tooltip.topRight:after {
  border-top-color: var(--neutral-2);
  margin-left: -6px;
}
.sr-general-tooltip.top.topLeft:after, .sr-general-tooltip.topLeft.topLeft:after, .sr-general-tooltip.topRight.topLeft:after {
  left: 22px;
}
.sr-general-tooltip.top.topRight:after, .sr-general-tooltip.topLeft.topRight:after, .sr-general-tooltip.topRight.topRight:after {
  left: auto;
  right: 22px;
}
.sr-general-tooltip.formStyle {
  background: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  padding: 10px 15px;
  color: var(--neutral-3);
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
  text-align: left;
  max-width: 300px;
}
.sr-general-tooltip.formStyle:after, .sr-general-tooltip.formStyle:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sr-general-tooltip.formStyle:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 10px;
  margin-top: -10px;
}
.sr-general-tooltip.formStyle:before {
  border-color: rgba(157, 186, 204, 0);
  border-width: 11px;
  margin-top: -11px;
}
.sr-general-tooltip.formStyle a {
  color: var(--primary-blue);
  text-decoration: none;
}
.sr-general-tooltip.formStyle a:hover {
  border-bottom: 1px solid var(--primary-blue);
}
.sr-general-tooltip.formStyle.topRight:after, .sr-general-tooltip.formStyle.topRight:before {
  top: 100%;
  right: 12px;
  margin-top: 0px;
}
.sr-general-tooltip.formStyle.topRight:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-general-tooltip.formStyle.topRight:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
  right: 11px;
}
.sr-general-tooltip.formStyle.right:after, .sr-general-tooltip.formStyle.right:before {
  right: 100%;
}
.sr-general-tooltip.formStyle.right:after {
  border-right-color: var(--neutral-8-white-);
}
.sr-general-tooltip.formStyle.right:before {
  border-right-color: var(--neutral-4);
}
.sr-general-tooltip.formStyle.left:after, .sr-general-tooltip.formStyle.left:before {
  left: 100%;
}
.sr-general-tooltip.formStyle.left:after {
  border-left-color: var(--neutral-8-white-);
}
.sr-general-tooltip.formStyle.left:before {
  border-left-color: var(--neutral-4);
}
.sr-general-tooltip.formStyle.top:after, .sr-general-tooltip.formStyle.top:before {
  top: 100%;
  left: 50%;
  margin-top: 0px;
}
.sr-general-tooltip.formStyle.top:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-general-tooltip.formStyle.top:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
}
.sr-general-tooltip.formStyle.topRight:after, .sr-general-tooltip.formStyle.topRight:before {
  top: 100%;
  margin-top: 0px;
}
.sr-general-tooltip.formStyle.topRight:after {
  border-top-color: var(--neutral-8-white-);
  right: 10px;
}
.sr-general-tooltip.formStyle.topRight:before {
  border-top-color: var(--neutral-4);
  right: 9px;
}
.sr-general-tooltip.formStyle .keyboard-shortcut {
  height: 16px;
  min-width: 16px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: var(--neutral-3);
  background: var(--neutral-6);
  border-radius: 2px;
  margin-left: 6px;
}
.sr-general-tooltip.no-max-width {
  max-width: none;
}
.sr-general-tooltip.buttonShortcut {
  background: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  padding: 8px 10px;
  color: var(--neutral-3);
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
  text-align: left;
  max-width: 300px;
}
.sr-general-tooltip.buttonShortcut .shortcutLabel {
  background: var(--neutral-6);
  padding-right: 3px;
  padding-left: 3px;
  font-weight: 700;
  margin-left: 7px;
}
.sr-general-tooltip.buttonShortcut:after, .sr-general-tooltip.buttonShortcut:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sr-general-tooltip.buttonShortcut:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 10px;
  margin-top: -10px;
}
.sr-general-tooltip.buttonShortcut:before {
  border-color: rgba(157, 186, 204, 0);
  border-width: 11px;
  margin-top: -11px;
}
.sr-general-tooltip.buttonShortcut.top:after, .sr-general-tooltip.buttonShortcut.top:before, .sr-general-tooltip.buttonShortcut.topRight:after, .sr-general-tooltip.buttonShortcut.topRight:before {
  top: 100%;
  left: 50%;
  margin-top: 0px;
}
.sr-general-tooltip.buttonShortcut.top:after, .sr-general-tooltip.buttonShortcut.topRight:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-general-tooltip.buttonShortcut.top:before, .sr-general-tooltip.buttonShortcut.topRight:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
}
.sr-general-tooltip.buttonShortcut.top.topRight:after, .sr-general-tooltip.buttonShortcut.topRight.topRight:after {
  left: auto;
  right: 17px;
}
.sr-general-tooltip.buttonShortcut.top.topRight:before, .sr-general-tooltip.buttonShortcut.topRight.topRight:before {
  left: auto;
  right: 16px;
}

/* ------ Question Mark tooltip standard ----- */
.icon.info-circle.with-question-mark {
  color: var(--neutral-4);
  border-color: var(--neutral-4);
  width: 20px;
  height: 20px;
  position: relative;
}
.icon.info-circle.with-question-mark::after {
  content: "?";
  position: absolute;
  line-height: 16px;
  font-size: 16px;
  font-weight: 400;
  left: 1px;
  right: 1px;
  bottom: 1px;
  top: 1px;
}

.icon.info-circle.question-mark {
  position: absolute;
  right: 0;
  top: 1px;
  color: var(--neutral-4);
  border-color: var(--neutral-4);
  width: 20px;
  height: 20px;
}
.icon.info-circle.question-mark:hover {
  color: var(--neutral-3);
  border-color: var(--neutral-3);
}
.icon.info-circle.question-mark::after {
  position: absolute;
  line-height: 16px;
  font-size: 16px;
  font-weight: 400;
  left: 1px;
  right: 1px;
  bottom: 1px;
  top: 1px;
  cursor: pointer;
}

.qm-tooltip {
  position: relative;
  line-height: 20px !important;
}

/* ------ List Image Tooltip ------ */
.sr-tooltip-list-image-container {
  display: none;
}

.sr-tooltip-list-image,
.sr-tooltip-tag {
  display: none;
  position: absolute;
  top: 50%;
  width: 276px;
  height: 206px;
  box-sizing: border-box;
}
.sr-tooltip-list-image .image-inner-loading,
.sr-tooltip-list-image .image-inner,
.sr-tooltip-list-image .data-loading,
.sr-tooltip-tag .image-inner-loading,
.sr-tooltip-tag .image-inner,
.sr-tooltip-tag .data-loading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--neutral-4);
  box-sizing: border-box;
  border-radius: 3px;
  overflow: hidden;
}
.sr-tooltip-list-image.with-prior-documentation,
.sr-tooltip-tag.with-prior-documentation {
  background: var(--neutral-8-white-);
  height: 276px;
  border: 1px solid var(--neutral-4);
  border-radius: 3px;
}
.sr-tooltip-list-image.with-prior-documentation .image-inner-loading,
.sr-tooltip-list-image.with-prior-documentation .image-inner,
.sr-tooltip-list-image.with-prior-documentation .data-loading,
.sr-tooltip-tag.with-prior-documentation .image-inner-loading,
.sr-tooltip-tag.with-prior-documentation .image-inner,
.sr-tooltip-tag.with-prior-documentation .data-loading {
  height: calc(100% - 70px);
  border: 0px;
  border-radius: 0px;
}
.sr-tooltip-list-image.with-prior-documentation .image-inner,
.sr-tooltip-tag.with-prior-documentation .image-inner {
  border-bottom: 1px solid var(--neutral-5);
}
.sr-tooltip-list-image.with-prior-documentation .prior-project,
.sr-tooltip-tag.with-prior-documentation .prior-project {
  position: absolute;
  bottom: 0;
  width: calc(100% - 15px);
  height: 55px;
  margin-left: 20px;
  color: var(--neutral-3);
}
.sr-tooltip-list-image.with-prior-documentation .prior-project .go-to-origin,
.sr-tooltip-tag.with-prior-documentation .prior-project .go-to-origin {
  font-weight: 400;
  color: var(--primary-blue);
  cursor: pointer;
}
.sr-tooltip-list-image.with-prior-documentation .prior-project .go-to-origin:hover,
.sr-tooltip-tag.with-prior-documentation .prior-project .go-to-origin:hover {
  text-decoration: underline;
}
.sr-tooltip-list-image .image-inner-loading,
.sr-tooltip-list-image .data-loading,
.sr-tooltip-tag .image-inner-loading,
.sr-tooltip-tag .data-loading {
  z-index: 0;
  background-color: var(--neutral-8-white-);
}
.sr-tooltip-list-image .image-inner-loading .full-loading,
.sr-tooltip-list-image .data-loading .full-loading,
.sr-tooltip-tag .image-inner-loading .full-loading,
.sr-tooltip-tag .data-loading .full-loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
.sr-tooltip-list-image .image-inner-loading .circle-loading .sr-icon,
.sr-tooltip-list-image .data-loading .circle-loading .sr-icon,
.sr-tooltip-tag .image-inner-loading .circle-loading .sr-icon,
.sr-tooltip-tag .data-loading .circle-loading .sr-icon {
  display: none;
}
.sr-tooltip-list-image .image-inner-loading .circle-loading .container1 > div,
.sr-tooltip-list-image .image-inner-loading .circle-loading .container2 > div,
.sr-tooltip-list-image .image-inner-loading .circle-loading .container3 > div,
.sr-tooltip-list-image .data-loading .circle-loading .container1 > div,
.sr-tooltip-list-image .data-loading .circle-loading .container2 > div,
.sr-tooltip-list-image .data-loading .circle-loading .container3 > div,
.sr-tooltip-tag .image-inner-loading .circle-loading .container1 > div,
.sr-tooltip-tag .image-inner-loading .circle-loading .container2 > div,
.sr-tooltip-tag .image-inner-loading .circle-loading .container3 > div,
.sr-tooltip-tag .data-loading .circle-loading .container1 > div,
.sr-tooltip-tag .data-loading .circle-loading .container2 > div,
.sr-tooltip-tag .data-loading .circle-loading .container3 > div {
  background-color: var(--neutral-5);
}
.sr-tooltip-list-image.model-loading .data-loading,
.sr-tooltip-tag.model-loading .data-loading {
  z-index: 20;
  background-color: rgba(255, 255, 255, 0.6);
}
.sr-tooltip-list-image .image-inner,
.sr-tooltip-tag .image-inner {
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
}
.sr-tooltip-list-image .image-inner.enable-click,
.sr-tooltip-tag .image-inner.enable-click {
  cursor: pointer;
}
.sr-tooltip-list-image.with-prior-documentation,
.sr-tooltip-tag.with-prior-documentation {
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
}
.sr-tooltip-list-image.with-prior-documentation .image-inner,
.sr-tooltip-tag.with-prior-documentation .image-inner {
  box-shadow: none;
}
.sr-tooltip-list-image:after, .sr-tooltip-list-image:before,
.sr-tooltip-tag:after,
.sr-tooltip-tag:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 11;
}
.sr-tooltip-list-image:after,
.sr-tooltip-tag:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 10px;
  margin-top: -10px;
}
.sr-tooltip-list-image:before,
.sr-tooltip-tag:before {
  border-color: rgba(157, 186, 204, 0);
  border-width: 11px;
  margin-top: -11px;
}
.sr-tooltip-list-image.right,
.sr-tooltip-tag.right {
  right: -288px;
}
.sr-tooltip-list-image.right:after, .sr-tooltip-list-image.right:before,
.sr-tooltip-tag.right:after,
.sr-tooltip-tag.right:before {
  right: 100%;
}
.sr-tooltip-list-image.right:after,
.sr-tooltip-tag.right:after {
  border-right-color: var(--neutral-8-white-);
}
.sr-tooltip-list-image.right:before,
.sr-tooltip-tag.right:before {
  border-right-color: var(--neutral-4);
}
.sr-tooltip-list-image.left,
.sr-tooltip-tag.left {
  left: -288px;
}
.sr-tooltip-list-image.left:after, .sr-tooltip-list-image.left:before,
.sr-tooltip-tag.left:after,
.sr-tooltip-tag.left:before {
  left: 100%;
}
.sr-tooltip-list-image.left:after,
.sr-tooltip-tag.left:after {
  border-left-color: var(--neutral-8-white-);
}
.sr-tooltip-list-image.left:before,
.sr-tooltip-tag.left:before {
  border-left-color: var(--neutral-4);
}
.sr-tooltip-list-image.top, .sr-tooltip-list-image.topLeft, .sr-tooltip-list-image.topRight,
.sr-tooltip-tag.top,
.sr-tooltip-tag.topLeft,
.sr-tooltip-tag.topRight {
  top: 10px;
  left: 50%;
  margin-left: -138px;
}
.sr-tooltip-list-image.top:after, .sr-tooltip-list-image.top:before, .sr-tooltip-list-image.topLeft:after, .sr-tooltip-list-image.topLeft:before, .sr-tooltip-list-image.topRight:after, .sr-tooltip-list-image.topRight:before,
.sr-tooltip-tag.top:after,
.sr-tooltip-tag.top:before,
.sr-tooltip-tag.topLeft:after,
.sr-tooltip-tag.topLeft:before,
.sr-tooltip-tag.topRight:after,
.sr-tooltip-tag.topRight:before {
  top: 100%;
  top: calc(100% - 1px);
  left: 50%;
  margin-top: 0px;
}
.sr-tooltip-list-image.top.with-prior-documentation:after, .sr-tooltip-list-image.top.with-prior-documentation:before, .sr-tooltip-list-image.topLeft.with-prior-documentation:after, .sr-tooltip-list-image.topLeft.with-prior-documentation:before, .sr-tooltip-list-image.topRight.with-prior-documentation:after, .sr-tooltip-list-image.topRight.with-prior-documentation:before,
.sr-tooltip-tag.top.with-prior-documentation:after,
.sr-tooltip-tag.top.with-prior-documentation:before,
.sr-tooltip-tag.topLeft.with-prior-documentation:after,
.sr-tooltip-tag.topLeft.with-prior-documentation:before,
.sr-tooltip-tag.topRight.with-prior-documentation:after,
.sr-tooltip-tag.topRight.with-prior-documentation:before {
  margin-top: 1px;
}
.sr-tooltip-list-image.top:after, .sr-tooltip-list-image.topLeft:after, .sr-tooltip-list-image.topRight:after,
.sr-tooltip-tag.top:after,
.sr-tooltip-tag.topLeft:after,
.sr-tooltip-tag.topRight:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-tooltip-list-image.top:before, .sr-tooltip-list-image.topLeft:before, .sr-tooltip-list-image.topRight:before,
.sr-tooltip-tag.top:before,
.sr-tooltip-tag.topLeft:before,
.sr-tooltip-tag.topRight:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
}
.sr-tooltip-list-image.top.topLeft:after, .sr-tooltip-list-image.top.topLeft:before, .sr-tooltip-list-image.topLeft.topLeft:after, .sr-tooltip-list-image.topLeft.topLeft:before, .sr-tooltip-list-image.topRight.topLeft:after, .sr-tooltip-list-image.topRight.topLeft:before,
.sr-tooltip-tag.top.topLeft:after,
.sr-tooltip-tag.top.topLeft:before,
.sr-tooltip-tag.topLeft.topLeft:after,
.sr-tooltip-tag.topLeft.topLeft:before,
.sr-tooltip-tag.topRight.topLeft:after,
.sr-tooltip-tag.topRight.topLeft:before {
  left: 22px;
}
.sr-tooltip-list-image.top.topRight:after, .sr-tooltip-list-image.top.topRight:before, .sr-tooltip-list-image.topLeft.topRight:after, .sr-tooltip-list-image.topLeft.topRight:before, .sr-tooltip-list-image.topRight.topRight:after, .sr-tooltip-list-image.topRight.topRight:before,
.sr-tooltip-tag.top.topRight:after,
.sr-tooltip-tag.top.topRight:before,
.sr-tooltip-tag.topLeft.topRight:after,
.sr-tooltip-tag.topLeft.topRight:before,
.sr-tooltip-tag.topRight.topRight:after,
.sr-tooltip-tag.topRight.topRight:before {
  left: 178px;
}

/* ------ Calendar Tooltip ----- */
.fc-tooltip {
  display: none;
  position: absolute;
  border: 1px solid var(--neutral-5);
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(178, 186, 192, 0.3764705882);
  background-color: #ffffff;
  padding: 20px;
  width: 350px;
  z-index: 9999;
}
.fc-tooltip .title {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.fc-tooltip .title.project {
  font-style: italic;
}
.fc-tooltip .name {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.fc-tooltip .bold {
  font-weight: 600;
}
.fc-tooltip .tooltip-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.fc-tooltip .tooltip-header .sr-category-icon {
  width: 25px;
  height: 25px;
  margin-right: 15px;
}
.fc-tooltip .tooltip-header .sr-category-icon svg {
  width: 25px;
  height: 25px;
}
.fc-tooltip .tooltip-header .work-type-titles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .title {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .title-with-secondary {
  color: var(--neutral-3);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .title-with-secondary .primary-title {
  color: var(--neutral-2);
  font-weight: 600;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .repeating-arrow {
  height: 13px;
  width: 14px;
  margin-right: 8px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .open-status {
  height: 12px;
  width: 12px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .open-status svg {
  padding-top: 1px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .in-progress-status {
  height: 12px;
  width: 12px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .past-due-status {
  height: 10px;
  width: 10px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .past-due-status svg {
  padding-top: 1px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .urgent-status {
  height: 12px;
  width: 12px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .closed-status {
  height: 12px;
  width: 12px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .closed-as-status {
  height: 12px;
  width: 12px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .planned-status {
  height: 12px;
  width: 12px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .hold-status {
  height: 10px;
  width: 10px;
}
.fc-tooltip .tooltip-header .work-type-titles .title-with-icons .icons .sr-icon {
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  cursor: default;
  -ms-flex-align: center;
      align-items: center;
}
.fc-tooltip .tooltip-header .work-type-titles .workspace {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.fc-tooltip .people {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  gap: 10px;
}
.fc-tooltip .people .person {
  display: -ms-flexbox;
  display: flex;
  width: 140px;
}
.fc-tooltip .people .person.reported-by {
  width: 200px;
}
.fc-tooltip .people .person.time-zone-width {
  width: 144px;
}
.fc-tooltip .people .person .sr-face {
  margin-right: 15px;
  margin-top: 3px;
  min-width: 25px;
}
.fc-tooltip .people .person .sr-face .center {
  width: 25px;
  height: 25px;
}
.fc-tooltip .people .person .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.fc-tooltip .people .person .info .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.fc-tooltip .site {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 15px;
}
.fc-tooltip .site .common-icon {
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  margin: 0 15px 0 0;
}
.fc-tooltip .place {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 15px;
}
.fc-tooltip .place .place-type-icon {
  border: none;
  width: 25px;
  height: 25px;
  margin-right: 15px;
}
.fc-tooltip .place .place-type-icon svg {
  width: 25px;
  height: 25px;
}
.fc-tooltip .place .sr-icon {
  width: 25px;
  height: 25px;
  cursor: default;
  margin-right: 15px;
}
.fc-tooltip .time {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  gap: 10px;
}
.fc-tooltip .time .start-date {
  width: 140px;
}
.fc-tooltip .time .start-date.time-zone-width {
  width: 144px;
}
.fc-tooltip .time .start-date,
.fc-tooltip .time .due-date {
  display: -ms-flexbox;
  display: flex;
}
.fc-tooltip .time .start-date .sr-icon,
.fc-tooltip .time .due-date .sr-icon {
  cursor: default;
  margin-right: 15px;
  width: 25px;
  height: 25px;
}
.fc-tooltip .time .start-date .info,
.fc-tooltip .time .due-date .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.fc-tooltip .project-task-status .separator {
  width: 100%;
  border-bottom: 1px solid var(--neutral-5);
  margin: 20px 0 10px 0;
}
.fc-tooltip .project-task-status .status-tag-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 5px;
  height: 18px;
}
.fc-tooltip .project-task-status .status-tag-container .status-tag-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 25px;
}
.fc-tooltip .project-task-status .status-tag-container .status-tag-info:last-child {
  margin-right: 0px;
}
.fc-tooltip .project-task-status .status-tag-container .status-tag-info span {
  color: var(--neutral-3);
  font-size: 12px;
  display: block;
}

/* ------ List User & Recipients Tooltips ------ */
.sr-tooltip-project-group {
  display: none;
  position: absolute;
  top: 50%;
  width: 348px;
  height: 240px;
  box-sizing: border-box;
}
.sr-tooltip-project-group.site-name-height {
  height: 256px;
}
.sr-tooltip-project-group.extra-height {
  height: 277px;
}
.sr-tooltip-project-group.more-extra-height {
  height: 295px;
}
.sr-tooltip-project-group.even-more-height {
  height: 312px;
}
.sr-tooltip-project-group.enough-max-height {
  height: 331px;
}
.sr-tooltip-project-group .project-group-container {
  display: -ms-flexbox;
  display: flex;
}
.sr-tooltip-project-group .project-group-container .project-group-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 110px;
  margin-bottom: 12px;
}
.sr-tooltip-project-group .project-group-container .project-group-info .user-display-name {
  width: 107px;
  overflow: clip;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sr-tooltip-project-group .status-loading {
  display: block;
  width: 30px;
  height: 18px;
}
.sr-tooltip-project-group .date-loading {
  display: block;
  width: 45px;
  height: 18px;
}
.sr-tooltip-project-group .percent-loading {
  display: block;
  width: 35px;
  height: 18px;
}
.sr-tooltip-project-group .group-assignee-icon {
  position: relative;
}
.sr-tooltip-project-group svg.progress {
  position: absolute;
  top: 15px;
  left: 0px;
  z-index: 1;
  width: 67px;
  height: 67px;
}
.sr-tooltip-project-group svg.progress .progress-arc {
  stroke-width: 0;
  fill: var(--primary-blue-3-disabled-light);
}
.sr-tooltip-project-group svg.progress .remainder-arc {
  fill: var(--neutral-8-white-);
}
.sr-tooltip-project-group svg.progress.empty {
  display: none;
}
.sr-tooltip-project-group svg.progress.resolved .remainder-arc,
.sr-tooltip-project-group svg.progress.resolved .progress-arc {
  fill: var(--primary-green);
  stroke-width: 0;
}

.sr-tooltip-project-group-container,
.sr-tooltip-list-user-container,
.sr-tooltip-list-recipients-container {
  display: none;
}

.sr-tooltip-list-user {
  display: none;
  position: absolute;
  top: 50%;
  width: 280px;
  height: 80px;
  box-sizing: border-box;
}
.sr-tooltip-list-user.single .names {
  margin-top: 11px;
  height: 18px;
  max-width: 160px;
  max-width: calc(100% - 58px);
}
.sr-tooltip-list-user.single .mt5 {
  margin-top: 5px;
}
.sr-tooltip-list-user.double .names {
  margin-top: 2px;
  height: 36px;
  max-width: calc(100% - 58px);
}
.sr-tooltip-list-user.double .mt5 {
  margin-top: 5px;
}
.sr-tooltip-list-user.triple {
  height: 94px;
}
.sr-tooltip-list-user.triple .sr-face {
  margin-top: 2px;
}
.sr-tooltip-list-user.triple .names {
  height: 60px;
  max-width: calc(100% - 68px);
}
.sr-tooltip-list-user.triple .mt5 {
  margin-top: 5px;
}
.sr-tooltip-list-user.more {
  height: 134px;
}
.sr-tooltip-list-user.more.loaded-via-api {
  margin-top: -40px !important;
}
.sr-tooltip-list-user.more .sr-face {
  margin-top: 2px;
}
.sr-tooltip-list-user.more .names {
  height: 90px;
  max-width: calc(100% - 68px);
}
.sr-tooltip-list-user.more .mt5 {
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sr-tooltip-list-user.even-more {
  height: 164px;
}
.sr-tooltip-list-user.even-more.loaded-via-api {
  margin-top: -70px !important;
}
.sr-tooltip-list-user.even-more .sr-face {
  margin-top: 6px;
}
.sr-tooltip-list-user.even-more .names {
  margin-top: 6px;
  height: 120px;
  max-width: calc(100% - 52px);
}
.sr-tooltip-list-user.even-more .mt5 {
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sr-tooltip-list-user.less-is-more {
  height: 114px;
}
.sr-tooltip-list-user.less-is-more.loaded-via-api {
  margin-top: -20px !important;
}
.sr-tooltip-list-user.less-is-more .sr-face {
  margin-top: 2px;
}
.sr-tooltip-list-user.less-is-more .names {
  height: 94px;
  max-width: 160px;
  max-width: calc(100% - 68px);
}
.sr-tooltip-list-user.less-is-more .mt5 {
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sr-tooltip-list-user.different {
  height: 140px;
}
.sr-tooltip-list-user.different.loaded-via-api {
  margin-top: -46px !important;
}
.sr-tooltip-list-user.different .sr-face {
  margin-top: 2px;
}
.sr-tooltip-list-user.different .names {
  height: 104px;
  max-width: 160px;
  max-width: calc(100% - 68px);
}
.sr-tooltip-list-user.different .mt5 {
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sr-tooltip-list-recipients {
  display: none;
  position: absolute;
  top: 50%;
  height: 214px;
  width: 280px;
  box-sizing: border-box;
}
.sr-tooltip-list-recipients.single-user {
  height: 94px;
}
.sr-tooltip-list-recipients.no-more-users {
  height: 170px;
}
.sr-tooltip-list-recipients.more-users {
  height: 214px;
}
.sr-tooltip-list-recipients .user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 54px;
}
.sr-tooltip-list-recipients .user:not(:last-child) {
  padding-bottom: 20px;
}
.sr-tooltip-list-recipients .user .names {
  height: 100%;
  max-width: 160px;
  margin-top: 0px;
}
.sr-tooltip-list-recipients .more-users {
  padding-top: 6px;
  color: var(--primary-blue);
  cursor: pointer;
}
.sr-tooltip-list-recipients .more-users:hover {
  text-decoration: underline;
}

.sr-tooltip-project-group .inline-loading,
.sr-tooltip-list-user .inline-loading,
.sr-tooltip-list-recipients .inline-loading,
.fc-tooltip .inline-loading {
  display: block;
}
.sr-tooltip-project-group .inline-loading div.bounce,
.sr-tooltip-list-user .inline-loading div.bounce,
.sr-tooltip-list-recipients .inline-loading div.bounce,
.fc-tooltip .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.sr-tooltip-project-group .user-inner,
.sr-tooltip-list-user .user-inner,
.sr-tooltip-list-recipients .user-inner,
.fc-tooltip .user-inner {
  width: 100%;
  height: 100%;
  border: 1px solid var(--neutral-4);
  background-color: var(--neutral-8-white-);
  padding: 20px;
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
  box-sizing: border-box;
  border-radius: 3px;
}
.sr-tooltip-project-group .user-inner .sr-face,
.sr-tooltip-list-user .user-inner .sr-face,
.sr-tooltip-list-recipients .user-inner .sr-face,
.fc-tooltip .user-inner .sr-face {
  float: left;
  margin-right: 12px;
}
.sr-tooltip-project-group .user-inner .project-group .sr-face,
.sr-tooltip-list-user .user-inner .project-group .sr-face,
.sr-tooltip-list-recipients .user-inner .project-group .sr-face,
.fc-tooltip .user-inner .project-group .sr-face {
  margin-right: 25px;
  margin-left: 8px;
  margin-top: 23px;
}
.sr-tooltip-project-group .user-inner .names,
.sr-tooltip-list-user .user-inner .names,
.sr-tooltip-list-recipients .user-inner .names,
.fc-tooltip .user-inner .names {
  float: left;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sr-tooltip-project-group .user-inner strong,
.sr-tooltip-list-user .user-inner strong,
.sr-tooltip-list-recipients .user-inner strong,
.fc-tooltip .user-inner strong {
  color: var(--neutral-2);
}
.sr-tooltip-project-group .user-inner span,
.sr-tooltip-list-user .user-inner span,
.sr-tooltip-list-recipients .user-inner span,
.fc-tooltip .user-inner span {
  color: var(--neutral-3);
  font-size: 12px;
}
.sr-tooltip-project-group .user-inner a,
.sr-tooltip-list-user .user-inner a,
.sr-tooltip-list-recipients .user-inner a,
.fc-tooltip .user-inner a {
  color: var(--primary-blue);
  text-decoration: none;
}
.sr-tooltip-project-group .user-inner a:hover,
.sr-tooltip-list-user .user-inner a:hover,
.sr-tooltip-list-recipients .user-inner a:hover,
.fc-tooltip .user-inner a:hover {
  text-decoration: underline;
}
.sr-tooltip-project-group .user-inner.normal-width-by-email,
.sr-tooltip-list-user .user-inner.normal-width-by-email,
.sr-tooltip-list-recipients .user-inner.normal-width-by-email,
.fc-tooltip .user-inner.normal-width-by-email {
  width: 310px;
}
.sr-tooltip-project-group .user-inner.more-width-by-email,
.sr-tooltip-list-user .user-inner.more-width-by-email,
.sr-tooltip-list-recipients .user-inner.more-width-by-email,
.fc-tooltip .user-inner.more-width-by-email {
  width: 330px;
}
.sr-tooltip-project-group .user-inner.max-width-by-email,
.sr-tooltip-list-user .user-inner.max-width-by-email,
.sr-tooltip-list-recipients .user-inner.max-width-by-email,
.fc-tooltip .user-inner.max-width-by-email {
  width: 350px;
}
.sr-tooltip-project-group .user-inner .project-group-container,
.sr-tooltip-list-user .user-inner .project-group-container,
.sr-tooltip-list-recipients .user-inner .project-group-container,
.fc-tooltip .user-inner .project-group-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
.sr-tooltip-project-group .user-inner .project-group-container.progress-bar-mt,
.sr-tooltip-list-user .user-inner .project-group-container.progress-bar-mt,
.sr-tooltip-list-recipients .user-inner .project-group-container.progress-bar-mt,
.fc-tooltip .user-inner .project-group-container.progress-bar-mt {
  margin-top: 15px;
}
.sr-tooltip-project-group .user-inner .project-group-container.no-mt,
.sr-tooltip-list-user .user-inner .project-group-container.no-mt,
.sr-tooltip-list-recipients .user-inner .project-group-container.no-mt,
.fc-tooltip .user-inner .project-group-container.no-mt {
  margin-top: 0px;
}
.sr-tooltip-project-group .user-inner .project-group-container .project-group-info,
.sr-tooltip-list-user .user-inner .project-group-container .project-group-info,
.sr-tooltip-list-recipients .user-inner .project-group-container .project-group-info,
.fc-tooltip .user-inner .project-group-container .project-group-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 110px;
  margin-bottom: 9px;
}
.sr-tooltip-project-group .user-inner .project-group-container .project-group-info.no-mb,
.sr-tooltip-list-user .user-inner .project-group-container .project-group-info.no-mb,
.sr-tooltip-list-recipients .user-inner .project-group-container .project-group-info.no-mb,
.fc-tooltip .user-inner .project-group-container .project-group-info.no-mb {
  margin-bottom: 0px;
}
.sr-tooltip-project-group .user-inner .project-group-container .project-group-info.padding-left,
.sr-tooltip-list-user .user-inner .project-group-container .project-group-info.padding-left,
.sr-tooltip-list-recipients .user-inner .project-group-container .project-group-info.padding-left,
.fc-tooltip .user-inner .project-group-container .project-group-info.padding-left {
  padding-left: 82px;
}
.sr-tooltip-project-group .user-inner .status-tag-container,
.sr-tooltip-list-user .user-inner .status-tag-container,
.sr-tooltip-list-recipients .user-inner .status-tag-container,
.fc-tooltip .user-inner .status-tag-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.sr-tooltip-project-group .user-inner .status-tag-container .status-tag-info,
.sr-tooltip-list-user .user-inner .status-tag-container .status-tag-info,
.sr-tooltip-list-recipients .user-inner .status-tag-container .status-tag-info,
.fc-tooltip .user-inner .status-tag-container .status-tag-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
}
.sr-tooltip-project-group .user-inner .status-tag-container .status-tag-info:last-child,
.sr-tooltip-list-user .user-inner .status-tag-container .status-tag-info:last-child,
.sr-tooltip-list-recipients .user-inner .status-tag-container .status-tag-info:last-child,
.fc-tooltip .user-inner .status-tag-container .status-tag-info:last-child {
  margin-right: 0px;
}
.sr-tooltip-project-group .user-inner .status-tag-container .status-tag-info span,
.sr-tooltip-list-user .user-inner .status-tag-container .status-tag-info span,
.sr-tooltip-list-recipients .user-inner .status-tag-container .status-tag-info span,
.fc-tooltip .user-inner .status-tag-container .status-tag-info span {
  color: var(--neutral-3);
  font-size: 12px;
  display: block;
}
.sr-tooltip-project-group .user-inner .project-group-header-container,
.sr-tooltip-list-user .user-inner .project-group-header-container,
.sr-tooltip-list-recipients .user-inner .project-group-header-container,
.fc-tooltip .user-inner .project-group-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: var(--neutral-3);
  font-size: 12px;
}
.sr-tooltip-project-group .user-inner .project-group-header-container .group-name,
.sr-tooltip-list-user .user-inner .project-group-header-container .group-name,
.sr-tooltip-list-recipients .user-inner .project-group-header-container .group-name,
.fc-tooltip .user-inner .project-group-header-container .group-name {
  color: black;
  font-size: 14px;
}
.sr-tooltip-project-group .user-inner .project-group-header-container .project-template-name,
.sr-tooltip-list-user .user-inner .project-group-header-container .project-template-name,
.sr-tooltip-list-recipients .user-inner .project-group-header-container .project-template-name,
.fc-tooltip .user-inner .project-group-header-container .project-template-name {
  font-size: 14px;
}
.sr-tooltip-project-group .user-inner .separator,
.sr-tooltip-list-user .user-inner .separator,
.sr-tooltip-list-recipients .user-inner .separator,
.fc-tooltip .user-inner .separator {
  width: 100%;
  border-bottom: 1px solid var(--neutral-5);
  margin: 15px 0 15px 0;
}
.sr-tooltip-project-group .user-inner .separator .progress-bar-margin,
.sr-tooltip-list-user .user-inner .separator .progress-bar-margin,
.sr-tooltip-list-recipients .user-inner .separator .progress-bar-margin,
.fc-tooltip .user-inner .separator .progress-bar-margin {
  margin: 17px 0 17px 0 !important;
}
.sr-tooltip-project-group:after, .sr-tooltip-project-group:before,
.sr-tooltip-list-user:after,
.sr-tooltip-list-user:before,
.sr-tooltip-list-recipients:after,
.sr-tooltip-list-recipients:before,
.fc-tooltip:after,
.fc-tooltip:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sr-tooltip-project-group:after,
.sr-tooltip-list-user:after,
.sr-tooltip-list-recipients:after,
.fc-tooltip:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 10px;
  margin-top: -10px;
}
.sr-tooltip-project-group:before,
.sr-tooltip-list-user:before,
.sr-tooltip-list-recipients:before,
.fc-tooltip:before {
  border-color: rgba(157, 186, 204, 0);
  border-width: 11px;
  margin-top: -11px;
}
.sr-tooltip-project-group.right,
.sr-tooltip-list-user.right,
.sr-tooltip-list-recipients.right,
.fc-tooltip.right {
  right: -292px;
}
.sr-tooltip-project-group.right.sr-tooltip-project-group,
.sr-tooltip-list-user.right.sr-tooltip-project-group,
.sr-tooltip-list-recipients.right.sr-tooltip-project-group,
.fc-tooltip.right.sr-tooltip-project-group {
  right: -360px;
}
.sr-tooltip-project-group.right.fc-tooltip,
.sr-tooltip-list-user.right.fc-tooltip,
.sr-tooltip-list-recipients.right.fc-tooltip,
.fc-tooltip.right.fc-tooltip {
  right: -362px;
}
.sr-tooltip-project-group.right:after, .sr-tooltip-project-group.right:before,
.sr-tooltip-list-user.right:after,
.sr-tooltip-list-user.right:before,
.sr-tooltip-list-recipients.right:after,
.sr-tooltip-list-recipients.right:before,
.fc-tooltip.right:after,
.fc-tooltip.right:before {
  right: 100%;
}
.sr-tooltip-project-group.right:after,
.sr-tooltip-list-user.right:after,
.sr-tooltip-list-recipients.right:after,
.fc-tooltip.right:after {
  border-right-color: var(--neutral-8-white-);
}
.sr-tooltip-project-group.right:before,
.sr-tooltip-list-user.right:before,
.sr-tooltip-list-recipients.right:before,
.fc-tooltip.right:before {
  border-right-color: var(--neutral-4);
}
.sr-tooltip-project-group.left,
.sr-tooltip-list-user.left,
.sr-tooltip-list-recipients.left,
.fc-tooltip.left {
  left: -292px;
}
.sr-tooltip-project-group.left.sr-tooltip-project-group,
.sr-tooltip-list-user.left.sr-tooltip-project-group,
.sr-tooltip-list-recipients.left.sr-tooltip-project-group,
.fc-tooltip.left.sr-tooltip-project-group {
  left: -360px;
}
.sr-tooltip-project-group.left.fc-tooltip,
.sr-tooltip-list-user.left.fc-tooltip,
.sr-tooltip-list-recipients.left.fc-tooltip,
.fc-tooltip.left.fc-tooltip {
  left: -362px;
}
.sr-tooltip-project-group.left:after, .sr-tooltip-project-group.left:before,
.sr-tooltip-list-user.left:after,
.sr-tooltip-list-user.left:before,
.sr-tooltip-list-recipients.left:after,
.sr-tooltip-list-recipients.left:before,
.fc-tooltip.left:after,
.fc-tooltip.left:before {
  left: 100%;
}
.sr-tooltip-project-group.left:after,
.sr-tooltip-list-user.left:after,
.sr-tooltip-list-recipients.left:after,
.fc-tooltip.left:after {
  border-left-color: var(--neutral-8-white-);
}
.sr-tooltip-project-group.left:before,
.sr-tooltip-list-user.left:before,
.sr-tooltip-list-recipients.left:before,
.fc-tooltip.left:before {
  border-left-color: var(--neutral-4);
}
.sr-tooltip-project-group.top, .sr-tooltip-project-group.topLeft, .sr-tooltip-project-group.topRight,
.sr-tooltip-list-user.top,
.sr-tooltip-list-user.topLeft,
.sr-tooltip-list-user.topRight,
.sr-tooltip-list-recipients.top,
.sr-tooltip-list-recipients.topLeft,
.sr-tooltip-list-recipients.topRight,
.fc-tooltip.top,
.fc-tooltip.topLeft,
.fc-tooltip.topRight {
  top: 10px;
  left: 50%;
  margin-left: -140px;
}
.sr-tooltip-project-group.top.sr-tooltip-project-group, .sr-tooltip-project-group.topLeft.sr-tooltip-project-group, .sr-tooltip-project-group.topRight.sr-tooltip-project-group,
.sr-tooltip-list-user.top.sr-tooltip-project-group,
.sr-tooltip-list-user.topLeft.sr-tooltip-project-group,
.sr-tooltip-list-user.topRight.sr-tooltip-project-group,
.sr-tooltip-list-recipients.top.sr-tooltip-project-group,
.sr-tooltip-list-recipients.topLeft.sr-tooltip-project-group,
.sr-tooltip-list-recipients.topRight.sr-tooltip-project-group,
.fc-tooltip.top.sr-tooltip-project-group,
.fc-tooltip.topLeft.sr-tooltip-project-group,
.fc-tooltip.topRight.sr-tooltip-project-group {
  margin-left: -174px;
}
.sr-tooltip-project-group.top.fc-tooltip, .sr-tooltip-project-group.topLeft.fc-tooltip, .sr-tooltip-project-group.topRight.fc-tooltip,
.sr-tooltip-list-user.top.fc-tooltip,
.sr-tooltip-list-user.topLeft.fc-tooltip,
.sr-tooltip-list-user.topRight.fc-tooltip,
.sr-tooltip-list-recipients.top.fc-tooltip,
.sr-tooltip-list-recipients.topLeft.fc-tooltip,
.sr-tooltip-list-recipients.topRight.fc-tooltip,
.fc-tooltip.top.fc-tooltip,
.fc-tooltip.topLeft.fc-tooltip,
.fc-tooltip.topRight.fc-tooltip {
  margin-left: -175px;
}
.sr-tooltip-project-group.top:after, .sr-tooltip-project-group.top:before, .sr-tooltip-project-group.topLeft:after, .sr-tooltip-project-group.topLeft:before, .sr-tooltip-project-group.topRight:after, .sr-tooltip-project-group.topRight:before,
.sr-tooltip-list-user.top:after,
.sr-tooltip-list-user.top:before,
.sr-tooltip-list-user.topLeft:after,
.sr-tooltip-list-user.topLeft:before,
.sr-tooltip-list-user.topRight:after,
.sr-tooltip-list-user.topRight:before,
.sr-tooltip-list-recipients.top:after,
.sr-tooltip-list-recipients.top:before,
.sr-tooltip-list-recipients.topLeft:after,
.sr-tooltip-list-recipients.topLeft:before,
.sr-tooltip-list-recipients.topRight:after,
.sr-tooltip-list-recipients.topRight:before,
.fc-tooltip.top:after,
.fc-tooltip.top:before,
.fc-tooltip.topLeft:after,
.fc-tooltip.topLeft:before,
.fc-tooltip.topRight:after,
.fc-tooltip.topRight:before {
  top: 100%;
  top: calc(100% - 1px);
  left: 50%;
  margin-top: 0px;
}
.sr-tooltip-project-group.top:after, .sr-tooltip-project-group.topLeft:after, .sr-tooltip-project-group.topRight:after,
.sr-tooltip-list-user.top:after,
.sr-tooltip-list-user.topLeft:after,
.sr-tooltip-list-user.topRight:after,
.sr-tooltip-list-recipients.top:after,
.sr-tooltip-list-recipients.topLeft:after,
.sr-tooltip-list-recipients.topRight:after,
.fc-tooltip.top:after,
.fc-tooltip.topLeft:after,
.fc-tooltip.topRight:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-tooltip-project-group.top:before, .sr-tooltip-project-group.topLeft:before, .sr-tooltip-project-group.topRight:before,
.sr-tooltip-list-user.top:before,
.sr-tooltip-list-user.topLeft:before,
.sr-tooltip-list-user.topRight:before,
.sr-tooltip-list-recipients.top:before,
.sr-tooltip-list-recipients.topLeft:before,
.sr-tooltip-list-recipients.topRight:before,
.fc-tooltip.top:before,
.fc-tooltip.topLeft:before,
.fc-tooltip.topRight:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
}
.sr-tooltip-project-group.top.fc-tooltip:before, .sr-tooltip-project-group.top.fc-tooltip:after, .sr-tooltip-project-group.topLeft.fc-tooltip:before, .sr-tooltip-project-group.topLeft.fc-tooltip:after, .sr-tooltip-project-group.topRight.fc-tooltip:before, .sr-tooltip-project-group.topRight.fc-tooltip:after,
.sr-tooltip-list-user.top.fc-tooltip:before,
.sr-tooltip-list-user.top.fc-tooltip:after,
.sr-tooltip-list-user.topLeft.fc-tooltip:before,
.sr-tooltip-list-user.topLeft.fc-tooltip:after,
.sr-tooltip-list-user.topRight.fc-tooltip:before,
.sr-tooltip-list-user.topRight.fc-tooltip:after,
.sr-tooltip-list-recipients.top.fc-tooltip:before,
.sr-tooltip-list-recipients.top.fc-tooltip:after,
.sr-tooltip-list-recipients.topLeft.fc-tooltip:before,
.sr-tooltip-list-recipients.topLeft.fc-tooltip:after,
.sr-tooltip-list-recipients.topRight.fc-tooltip:before,
.sr-tooltip-list-recipients.topRight.fc-tooltip:after,
.fc-tooltip.top.fc-tooltip:before,
.fc-tooltip.top.fc-tooltip:after,
.fc-tooltip.topLeft.fc-tooltip:before,
.fc-tooltip.topLeft.fc-tooltip:after,
.fc-tooltip.topRight.fc-tooltip:before,
.fc-tooltip.topRight.fc-tooltip:after {
  margin-top: 1px;
}
.sr-tooltip-project-group.top.fc-tooltip:before, .sr-tooltip-project-group.topLeft.fc-tooltip:before, .sr-tooltip-project-group.topRight.fc-tooltip:before,
.sr-tooltip-list-user.top.fc-tooltip:before,
.sr-tooltip-list-user.topLeft.fc-tooltip:before,
.sr-tooltip-list-user.topRight.fc-tooltip:before,
.sr-tooltip-list-recipients.top.fc-tooltip:before,
.sr-tooltip-list-recipients.topLeft.fc-tooltip:before,
.sr-tooltip-list-recipients.topRight.fc-tooltip:before,
.fc-tooltip.top.fc-tooltip:before,
.fc-tooltip.topLeft.fc-tooltip:before,
.fc-tooltip.topRight.fc-tooltip:before {
  border-top-color: var(--neutral-5);
}
.sr-tooltip-project-group.top.fc-tooltip.topLeft:after, .sr-tooltip-project-group.top.fc-tooltip.topLeft:before, .sr-tooltip-project-group.topLeft.fc-tooltip.topLeft:after, .sr-tooltip-project-group.topLeft.fc-tooltip.topLeft:before, .sr-tooltip-project-group.topRight.fc-tooltip.topLeft:after, .sr-tooltip-project-group.topRight.fc-tooltip.topLeft:before,
.sr-tooltip-list-user.top.fc-tooltip.topLeft:after,
.sr-tooltip-list-user.top.fc-tooltip.topLeft:before,
.sr-tooltip-list-user.topLeft.fc-tooltip.topLeft:after,
.sr-tooltip-list-user.topLeft.fc-tooltip.topLeft:before,
.sr-tooltip-list-user.topRight.fc-tooltip.topLeft:after,
.sr-tooltip-list-user.topRight.fc-tooltip.topLeft:before,
.sr-tooltip-list-recipients.top.fc-tooltip.topLeft:after,
.sr-tooltip-list-recipients.top.fc-tooltip.topLeft:before,
.sr-tooltip-list-recipients.topLeft.fc-tooltip.topLeft:after,
.sr-tooltip-list-recipients.topLeft.fc-tooltip.topLeft:before,
.sr-tooltip-list-recipients.topRight.fc-tooltip.topLeft:after,
.sr-tooltip-list-recipients.topRight.fc-tooltip.topLeft:before,
.fc-tooltip.top.fc-tooltip.topLeft:after,
.fc-tooltip.top.fc-tooltip.topLeft:before,
.fc-tooltip.topLeft.fc-tooltip.topLeft:after,
.fc-tooltip.topLeft.fc-tooltip.topLeft:before,
.fc-tooltip.topRight.fc-tooltip.topLeft:after,
.fc-tooltip.topRight.fc-tooltip.topLeft:before {
  left: 25px;
}
.sr-tooltip-project-group.top.topLeft:after, .sr-tooltip-project-group.top.topLeft:before, .sr-tooltip-project-group.topLeft.topLeft:after, .sr-tooltip-project-group.topLeft.topLeft:before, .sr-tooltip-project-group.topRight.topLeft:after, .sr-tooltip-project-group.topRight.topLeft:before,
.sr-tooltip-list-user.top.topLeft:after,
.sr-tooltip-list-user.top.topLeft:before,
.sr-tooltip-list-user.topLeft.topLeft:after,
.sr-tooltip-list-user.topLeft.topLeft:before,
.sr-tooltip-list-user.topRight.topLeft:after,
.sr-tooltip-list-user.topRight.topLeft:before,
.sr-tooltip-list-recipients.top.topLeft:after,
.sr-tooltip-list-recipients.top.topLeft:before,
.sr-tooltip-list-recipients.topLeft.topLeft:after,
.sr-tooltip-list-recipients.topLeft.topLeft:before,
.sr-tooltip-list-recipients.topRight.topLeft:after,
.sr-tooltip-list-recipients.topRight.topLeft:before,
.fc-tooltip.top.topLeft:after,
.fc-tooltip.top.topLeft:before,
.fc-tooltip.topLeft.topLeft:after,
.fc-tooltip.topLeft.topLeft:before,
.fc-tooltip.topRight.topLeft:after,
.fc-tooltip.topRight.topLeft:before {
  left: -11px;
}
.sr-tooltip-project-group.top.topRight:after, .sr-tooltip-project-group.top.topRight:before, .sr-tooltip-project-group.topLeft.topRight:after, .sr-tooltip-project-group.topLeft.topRight:before, .sr-tooltip-project-group.topRight.topRight:after, .sr-tooltip-project-group.topRight.topRight:before,
.sr-tooltip-list-user.top.topRight:after,
.sr-tooltip-list-user.top.topRight:before,
.sr-tooltip-list-user.topLeft.topRight:after,
.sr-tooltip-list-user.topLeft.topRight:before,
.sr-tooltip-list-user.topRight.topRight:after,
.sr-tooltip-list-user.topRight.topRight:before,
.sr-tooltip-list-recipients.top.topRight:after,
.sr-tooltip-list-recipients.top.topRight:before,
.sr-tooltip-list-recipients.topLeft.topRight:after,
.sr-tooltip-list-recipients.topLeft.topRight:before,
.sr-tooltip-list-recipients.topRight.topRight:after,
.sr-tooltip-list-recipients.topRight.topRight:before,
.fc-tooltip.top.topRight:after,
.fc-tooltip.top.topRight:before,
.fc-tooltip.topLeft.topRight:after,
.fc-tooltip.topLeft.topRight:before,
.fc-tooltip.topRight.topRight:after,
.fc-tooltip.topRight.topRight:before {
  left: 258px;
}
.sr-tooltip-project-group.top.topRight.sr-tooltip-project-group:after, .sr-tooltip-project-group.top.topRight.sr-tooltip-project-group:before, .sr-tooltip-project-group.topLeft.topRight.sr-tooltip-project-group:after, .sr-tooltip-project-group.topLeft.topRight.sr-tooltip-project-group:before, .sr-tooltip-project-group.topRight.topRight.sr-tooltip-project-group:after, .sr-tooltip-project-group.topRight.topRight.sr-tooltip-project-group:before,
.sr-tooltip-list-user.top.topRight.sr-tooltip-project-group:after,
.sr-tooltip-list-user.top.topRight.sr-tooltip-project-group:before,
.sr-tooltip-list-user.topLeft.topRight.sr-tooltip-project-group:after,
.sr-tooltip-list-user.topLeft.topRight.sr-tooltip-project-group:before,
.sr-tooltip-list-user.topRight.topRight.sr-tooltip-project-group:after,
.sr-tooltip-list-user.topRight.topRight.sr-tooltip-project-group:before,
.sr-tooltip-list-recipients.top.topRight.sr-tooltip-project-group:after,
.sr-tooltip-list-recipients.top.topRight.sr-tooltip-project-group:before,
.sr-tooltip-list-recipients.topLeft.topRight.sr-tooltip-project-group:after,
.sr-tooltip-list-recipients.topLeft.topRight.sr-tooltip-project-group:before,
.sr-tooltip-list-recipients.topRight.topRight.sr-tooltip-project-group:after,
.sr-tooltip-list-recipients.topRight.topRight.sr-tooltip-project-group:before,
.fc-tooltip.top.topRight.sr-tooltip-project-group:after,
.fc-tooltip.top.topRight.sr-tooltip-project-group:before,
.fc-tooltip.topLeft.topRight.sr-tooltip-project-group:after,
.fc-tooltip.topLeft.topRight.sr-tooltip-project-group:before,
.fc-tooltip.topRight.topRight.sr-tooltip-project-group:after,
.fc-tooltip.topRight.topRight.sr-tooltip-project-group:before {
  left: 328px;
}
.sr-tooltip-project-group.top.topRight.fc-tooltip:after, .sr-tooltip-project-group.top.topRight.fc-tooltip:before, .sr-tooltip-project-group.topLeft.topRight.fc-tooltip:after, .sr-tooltip-project-group.topLeft.topRight.fc-tooltip:before, .sr-tooltip-project-group.topRight.topRight.fc-tooltip:after, .sr-tooltip-project-group.topRight.topRight.fc-tooltip:before,
.sr-tooltip-list-user.top.topRight.fc-tooltip:after,
.sr-tooltip-list-user.top.topRight.fc-tooltip:before,
.sr-tooltip-list-user.topLeft.topRight.fc-tooltip:after,
.sr-tooltip-list-user.topLeft.topRight.fc-tooltip:before,
.sr-tooltip-list-user.topRight.topRight.fc-tooltip:after,
.sr-tooltip-list-user.topRight.topRight.fc-tooltip:before,
.sr-tooltip-list-recipients.top.topRight.fc-tooltip:after,
.sr-tooltip-list-recipients.top.topRight.fc-tooltip:before,
.sr-tooltip-list-recipients.topLeft.topRight.fc-tooltip:after,
.sr-tooltip-list-recipients.topLeft.topRight.fc-tooltip:before,
.sr-tooltip-list-recipients.topRight.topRight.fc-tooltip:after,
.sr-tooltip-list-recipients.topRight.topRight.fc-tooltip:before,
.fc-tooltip.top.topRight.fc-tooltip:after,
.fc-tooltip.top.topRight.fc-tooltip:before,
.fc-tooltip.topLeft.topRight.fc-tooltip:after,
.fc-tooltip.topLeft.topRight.fc-tooltip:before,
.fc-tooltip.topRight.topRight.fc-tooltip:after,
.fc-tooltip.topRight.topRight.fc-tooltip:before {
  left: 328px;
}
.sr-tooltip-project-group.bottom:after, .sr-tooltip-project-group.bottom:before, .sr-tooltip-project-group.bottomLeft:after, .sr-tooltip-project-group.bottomLeft:before, .sr-tooltip-project-group.bottomRight:after, .sr-tooltip-project-group.bottomRight:before,
.sr-tooltip-list-user.bottom:after,
.sr-tooltip-list-user.bottom:before,
.sr-tooltip-list-user.bottomLeft:after,
.sr-tooltip-list-user.bottomLeft:before,
.sr-tooltip-list-user.bottomRight:after,
.sr-tooltip-list-user.bottomRight:before,
.sr-tooltip-list-recipients.bottom:after,
.sr-tooltip-list-recipients.bottom:before,
.sr-tooltip-list-recipients.bottomLeft:after,
.sr-tooltip-list-recipients.bottomLeft:before,
.sr-tooltip-list-recipients.bottomRight:after,
.sr-tooltip-list-recipients.bottomRight:before,
.fc-tooltip.bottom:after,
.fc-tooltip.bottom:before,
.fc-tooltip.bottomLeft:after,
.fc-tooltip.bottomLeft:before,
.fc-tooltip.bottomRight:after,
.fc-tooltip.bottomRight:before {
  top: 0px;
  left: 50%;
}
.sr-tooltip-project-group.bottom:after, .sr-tooltip-project-group.bottomLeft:after, .sr-tooltip-project-group.bottomRight:after,
.sr-tooltip-list-user.bottom:after,
.sr-tooltip-list-user.bottomLeft:after,
.sr-tooltip-list-user.bottomRight:after,
.sr-tooltip-list-recipients.bottom:after,
.sr-tooltip-list-recipients.bottomLeft:after,
.sr-tooltip-list-recipients.bottomRight:after,
.fc-tooltip.bottom:after,
.fc-tooltip.bottomLeft:after,
.fc-tooltip.bottomRight:after {
  border-bottom-color: var(--neutral-8-white-);
  margin-left: -10px;
  margin-top: -19px;
}
.sr-tooltip-project-group.bottom:before, .sr-tooltip-project-group.bottomLeft:before, .sr-tooltip-project-group.bottomRight:before,
.sr-tooltip-list-user.bottom:before,
.sr-tooltip-list-user.bottomLeft:before,
.sr-tooltip-list-user.bottomRight:before,
.sr-tooltip-list-recipients.bottom:before,
.sr-tooltip-list-recipients.bottomLeft:before,
.sr-tooltip-list-recipients.bottomRight:before,
.fc-tooltip.bottom:before,
.fc-tooltip.bottomLeft:before,
.fc-tooltip.bottomRight:before {
  border-bottom-color: var(--neutral-4);
  margin-left: -11px;
  margin-top: -21px;
}
.sr-tooltip-project-group.bottom.fc-tooltip:after, .sr-tooltip-project-group.bottomLeft.fc-tooltip:after, .sr-tooltip-project-group.bottomRight.fc-tooltip:after,
.sr-tooltip-list-user.bottom.fc-tooltip:after,
.sr-tooltip-list-user.bottomLeft.fc-tooltip:after,
.sr-tooltip-list-user.bottomRight.fc-tooltip:after,
.sr-tooltip-list-recipients.bottom.fc-tooltip:after,
.sr-tooltip-list-recipients.bottomLeft.fc-tooltip:after,
.sr-tooltip-list-recipients.bottomRight.fc-tooltip:after,
.fc-tooltip.bottom.fc-tooltip:after,
.fc-tooltip.bottomLeft.fc-tooltip:after,
.fc-tooltip.bottomRight.fc-tooltip:after {
  margin-top: -20px;
}
.sr-tooltip-project-group.bottom.fc-tooltip:before, .sr-tooltip-project-group.bottomLeft.fc-tooltip:before, .sr-tooltip-project-group.bottomRight.fc-tooltip:before,
.sr-tooltip-list-user.bottom.fc-tooltip:before,
.sr-tooltip-list-user.bottomLeft.fc-tooltip:before,
.sr-tooltip-list-user.bottomRight.fc-tooltip:before,
.sr-tooltip-list-recipients.bottom.fc-tooltip:before,
.sr-tooltip-list-recipients.bottomLeft.fc-tooltip:before,
.sr-tooltip-list-recipients.bottomRight.fc-tooltip:before,
.fc-tooltip.bottom.fc-tooltip:before,
.fc-tooltip.bottomLeft.fc-tooltip:before,
.fc-tooltip.bottomRight.fc-tooltip:before {
  border-bottom-color: var(--neutral-5);
  margin-top: -22px;
}
.sr-tooltip-project-group.bottom.bottomLeft:after, .sr-tooltip-project-group.bottom.bottomLeft:before, .sr-tooltip-project-group.bottomLeft.bottomLeft:after, .sr-tooltip-project-group.bottomLeft.bottomLeft:before, .sr-tooltip-project-group.bottomRight.bottomLeft:after, .sr-tooltip-project-group.bottomRight.bottomLeft:before,
.sr-tooltip-list-user.bottom.bottomLeft:after,
.sr-tooltip-list-user.bottom.bottomLeft:before,
.sr-tooltip-list-user.bottomLeft.bottomLeft:after,
.sr-tooltip-list-user.bottomLeft.bottomLeft:before,
.sr-tooltip-list-user.bottomRight.bottomLeft:after,
.sr-tooltip-list-user.bottomRight.bottomLeft:before,
.sr-tooltip-list-recipients.bottom.bottomLeft:after,
.sr-tooltip-list-recipients.bottom.bottomLeft:before,
.sr-tooltip-list-recipients.bottomLeft.bottomLeft:after,
.sr-tooltip-list-recipients.bottomLeft.bottomLeft:before,
.sr-tooltip-list-recipients.bottomRight.bottomLeft:after,
.sr-tooltip-list-recipients.bottomRight.bottomLeft:before,
.fc-tooltip.bottom.bottomLeft:after,
.fc-tooltip.bottom.bottomLeft:before,
.fc-tooltip.bottomLeft.bottomLeft:after,
.fc-tooltip.bottomLeft.bottomLeft:before,
.fc-tooltip.bottomRight.bottomLeft:after,
.fc-tooltip.bottomRight.bottomLeft:before {
  left: 22px;
}
.sr-tooltip-project-group.bottom.bottomRight:after, .sr-tooltip-project-group.bottom.bottomRight:before, .sr-tooltip-project-group.bottomLeft.bottomRight:after, .sr-tooltip-project-group.bottomLeft.bottomRight:before, .sr-tooltip-project-group.bottomRight.bottomRight:after, .sr-tooltip-project-group.bottomRight.bottomRight:before,
.sr-tooltip-list-user.bottom.bottomRight:after,
.sr-tooltip-list-user.bottom.bottomRight:before,
.sr-tooltip-list-user.bottomLeft.bottomRight:after,
.sr-tooltip-list-user.bottomLeft.bottomRight:before,
.sr-tooltip-list-user.bottomRight.bottomRight:after,
.sr-tooltip-list-user.bottomRight.bottomRight:before,
.sr-tooltip-list-recipients.bottom.bottomRight:after,
.sr-tooltip-list-recipients.bottom.bottomRight:before,
.sr-tooltip-list-recipients.bottomLeft.bottomRight:after,
.sr-tooltip-list-recipients.bottomLeft.bottomRight:before,
.sr-tooltip-list-recipients.bottomRight.bottomRight:after,
.sr-tooltip-list-recipients.bottomRight.bottomRight:before,
.fc-tooltip.bottom.bottomRight:after,
.fc-tooltip.bottom.bottomRight:before,
.fc-tooltip.bottomLeft.bottomRight:after,
.fc-tooltip.bottomLeft.bottomRight:before,
.fc-tooltip.bottomRight.bottomRight:after,
.fc-tooltip.bottomRight.bottomRight:before {
  left: 258px;
}
.sr-tooltip-project-group.bottom.bottomRight.sr-tooltip-project-group:after, .sr-tooltip-project-group.bottom.bottomRight.sr-tooltip-project-group:before, .sr-tooltip-project-group.bottomLeft.bottomRight.sr-tooltip-project-group:after, .sr-tooltip-project-group.bottomLeft.bottomRight.sr-tooltip-project-group:before, .sr-tooltip-project-group.bottomRight.bottomRight.sr-tooltip-project-group:after, .sr-tooltip-project-group.bottomRight.bottomRight.sr-tooltip-project-group:before,
.sr-tooltip-list-user.bottom.bottomRight.sr-tooltip-project-group:after,
.sr-tooltip-list-user.bottom.bottomRight.sr-tooltip-project-group:before,
.sr-tooltip-list-user.bottomLeft.bottomRight.sr-tooltip-project-group:after,
.sr-tooltip-list-user.bottomLeft.bottomRight.sr-tooltip-project-group:before,
.sr-tooltip-list-user.bottomRight.bottomRight.sr-tooltip-project-group:after,
.sr-tooltip-list-user.bottomRight.bottomRight.sr-tooltip-project-group:before,
.sr-tooltip-list-recipients.bottom.bottomRight.sr-tooltip-project-group:after,
.sr-tooltip-list-recipients.bottom.bottomRight.sr-tooltip-project-group:before,
.sr-tooltip-list-recipients.bottomLeft.bottomRight.sr-tooltip-project-group:after,
.sr-tooltip-list-recipients.bottomLeft.bottomRight.sr-tooltip-project-group:before,
.sr-tooltip-list-recipients.bottomRight.bottomRight.sr-tooltip-project-group:after,
.sr-tooltip-list-recipients.bottomRight.bottomRight.sr-tooltip-project-group:before,
.fc-tooltip.bottom.bottomRight.sr-tooltip-project-group:after,
.fc-tooltip.bottom.bottomRight.sr-tooltip-project-group:before,
.fc-tooltip.bottomLeft.bottomRight.sr-tooltip-project-group:after,
.fc-tooltip.bottomLeft.bottomRight.sr-tooltip-project-group:before,
.fc-tooltip.bottomRight.bottomRight.sr-tooltip-project-group:after,
.fc-tooltip.bottomRight.bottomRight.sr-tooltip-project-group:before {
  left: 326px;
}
.sr-tooltip-project-group.bottom.bottomRight.fc-tooltip:after, .sr-tooltip-project-group.bottom.bottomRight.fc-tooltip:before, .sr-tooltip-project-group.bottomLeft.bottomRight.fc-tooltip:after, .sr-tooltip-project-group.bottomLeft.bottomRight.fc-tooltip:before, .sr-tooltip-project-group.bottomRight.bottomRight.fc-tooltip:after, .sr-tooltip-project-group.bottomRight.bottomRight.fc-tooltip:before,
.sr-tooltip-list-user.bottom.bottomRight.fc-tooltip:after,
.sr-tooltip-list-user.bottom.bottomRight.fc-tooltip:before,
.sr-tooltip-list-user.bottomLeft.bottomRight.fc-tooltip:after,
.sr-tooltip-list-user.bottomLeft.bottomRight.fc-tooltip:before,
.sr-tooltip-list-user.bottomRight.bottomRight.fc-tooltip:after,
.sr-tooltip-list-user.bottomRight.bottomRight.fc-tooltip:before,
.sr-tooltip-list-recipients.bottom.bottomRight.fc-tooltip:after,
.sr-tooltip-list-recipients.bottom.bottomRight.fc-tooltip:before,
.sr-tooltip-list-recipients.bottomLeft.bottomRight.fc-tooltip:after,
.sr-tooltip-list-recipients.bottomLeft.bottomRight.fc-tooltip:before,
.sr-tooltip-list-recipients.bottomRight.bottomRight.fc-tooltip:after,
.sr-tooltip-list-recipients.bottomRight.bottomRight.fc-tooltip:before,
.fc-tooltip.bottom.bottomRight.fc-tooltip:after,
.fc-tooltip.bottom.bottomRight.fc-tooltip:before,
.fc-tooltip.bottomLeft.bottomRight.fc-tooltip:after,
.fc-tooltip.bottomLeft.bottomRight.fc-tooltip:before,
.fc-tooltip.bottomRight.bottomRight.fc-tooltip:after,
.fc-tooltip.bottomRight.bottomRight.fc-tooltip:before {
  left: 328px;
}

/* Advanced List Users Multi Site & Status Tooltip */
.sr-tooltip-multi-container {
  display: none;
}

.sr-tooltip-multi-site-status {
  display: block;
  position: absolute;
  height: 108px;
  width: 285px;
  box-sizing: border-box;
  /* Arrow */
  /* Directions */
}
.sr-tooltip-multi-site-status.adj-height {
  height: 146px;
}
.sr-tooltip-multi-site-status .tooltip-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px solid var(--neutral-4);
  background-color: var(--neutral-8-white-);
  padding: 20px;
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
  box-sizing: border-box;
  border-radius: 3px;
}
.sr-tooltip-multi-site-status .tooltip-container .locations {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.sr-tooltip-multi-site-status .tooltip-container .location-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px;
}
.sr-tooltip-multi-site-status .tooltip-container .location-container .common-icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
.sr-tooltip-multi-site-status .tooltip-container .location-container .tm-status-site, .sr-tooltip-multi-site-status .tooltip-container .location-container p {
  margin-left: 10px;
  margin-right: auto;
  font-size: 14px;
  color: var(--neutral-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 130px;
}
.sr-tooltip-multi-site-status .tooltip-container .location-container p {
  width: 260px;
}
.sr-tooltip-multi-site-status .tooltip-container .help-text {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
}
.sr-tooltip-multi-site-status .tooltip-container button {
  margin-top: 4px;
  margin-left: 0;
  font-size: 14px;
  color: var(--primary-blue);
  width: -moz-fit-content;
  width: fit-content;
}
.sr-tooltip-multi-site-status:after, .sr-tooltip-multi-site-status:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 11;
}
.sr-tooltip-multi-site-status:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 10px;
  margin-top: -10px;
}
.sr-tooltip-multi-site-status:before {
  border-color: rgba(157, 186, 204, 0);
  border-width: 11px;
  margin-top: -11px;
}
.sr-tooltip-multi-site-status.top, .sr-tooltip-multi-site-status.topLeft, .sr-tooltip-multi-site-status.topRight {
  top: 10px;
  left: 50%;
  margin-left: -138px;
}
.sr-tooltip-multi-site-status.top:after, .sr-tooltip-multi-site-status.top:before, .sr-tooltip-multi-site-status.topLeft:after, .sr-tooltip-multi-site-status.topLeft:before, .sr-tooltip-multi-site-status.topRight:after, .sr-tooltip-multi-site-status.topRight:before {
  top: 100%;
  top: calc(100% - 1px);
  left: 50%;
  margin-top: 0px;
}
.sr-tooltip-multi-site-status.top:after, .sr-tooltip-multi-site-status.topLeft:after, .sr-tooltip-multi-site-status.topRight:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-tooltip-multi-site-status.top:before, .sr-tooltip-multi-site-status.topLeft:before, .sr-tooltip-multi-site-status.topRight:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
}

.sr-tooltip {
  display: none;
  position: absolute;
  top: 50%;
  width: 234px;
  background: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
  padding: 16px 20px;
  color: var(--neutral-3);
  font-size: 12px;
  line-height: 17px;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
}
.sr-tooltip strong {
  font-weight: 700;
}
.sr-tooltip:after, .sr-tooltip:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sr-tooltip:after {
  border-color: rgba(242, 245, 246, 0);
  border-width: 11px;
  margin-top: -10px;
}
.sr-tooltip:before {
  border-color: rgba(157, 186, 204, 0);
  border-width: 12px;
  margin-top: -11px;
}
.sr-tooltip.right {
  right: -246px;
}
.sr-tooltip.right:after, .sr-tooltip.right:before {
  right: 100%;
}
.sr-tooltip.right:after {
  border-right-color: var(--neutral-8-white-);
}
.sr-tooltip.right:before {
  border-right-color: var(--neutral-4);
}
.sr-tooltip.left {
  left: -246px;
}
.sr-tooltip.left:after, .sr-tooltip.left:before {
  left: 100%;
}
.sr-tooltip.left:after {
  border-left-color: var(--neutral-8-white-);
}
.sr-tooltip.left:before {
  border-left-color: var(--neutral-4);
}
.sr-tooltip.top {
  top: 10px;
  left: 50%;
  margin-left: -117px;
}
.sr-tooltip.top:after, .sr-tooltip.top:before {
  top: 100%;
  left: 50%;
  margin-top: 0px;
}
.sr-tooltip.top:after {
  border-top-color: var(--neutral-8-white-);
  margin-left: -10px;
}
.sr-tooltip.top:before {
  border-top-color: var(--neutral-4);
  margin-left: -11px;
}

.sr-face-stack {
  height: 100%;
  float: left;
}
.sr-face-stack .place-type-icon {
  background-color: var(--neutral-5);
  border-radius: 50%;
}
.sr-face-stack .faces .sr-face + .sr-face,
.sr-face-stack .faces .place-type-icon + .place-type-icon,
.sr-face-stack .faces .place-type-icon + .sr-face,
.sr-face-stack .faces .sr-face + .place-type-icon {
  margin-left: 14px;
  box-shadow: -1px 0px 0px 1px var(--neutral-8-white-);
}
.sr-face-stack .faces-details div:nth-child(2) {
  z-index: 2;
}
.sr-face-stack .faces-details .sr-face + .sr-face,
.sr-face-stack .faces-details .place-type-icon + .place-type-icon,
.sr-face-stack .faces-details .place-type-icon + .sr-face,
.sr-face-stack .faces-details .sr-face + .place-type-icon {
  box-shadow: 0px 0px 0px 2px var(--neutral-8-white-);
}
.sr-face-stack .tag-icon-container {
  margin-right: 0;
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.sr-face-stack .tag-icon-container.isSecond {
  margin-top: 11px;
  margin-left: -29px;
  box-shadow: 0px 0px 0px 2px var(--neutral-8-white-);
  z-index: 2;
}
.sr-face-stack .tag-icon-container.isFirst {
  z-index: 0;
}
.sr-face-stack .tag-icon-container span {
  display: block;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.sr-face-stack .text-content {
  width: calc(100% - 13px);
  padding-left: 13px;
}
.sr-face-stack .text-content.details {
  padding-left: 0;
}
.sr-face-stack.is-in-list .faces,
.sr-face-stack.is-in-list .faces-details {
  width: 42px;
  height: 28px;
  position: absolute;
  left: 5px;
  top: 11px;
}
.sr-face-stack.is-in-list .faces .sr-face,
.sr-face-stack.is-in-list .faces .place-type-icon.in-list,
.sr-face-stack.is-in-list .faces-details .sr-face,
.sr-face-stack.is-in-list .faces-details .place-type-icon.in-list {
  top: 0;
  left: 0;
}

.ui-datepicker.task-datepicker {
  box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.05);
  width: 174px;
  font-weight: 400;
}
.ui-datepicker.task-datepicker .ui-datepicker-header {
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px solid var(--neutral-4);
  border-radius: 0;
}
.ui-datepicker.task-datepicker .ui-datepicker-title {
  font-size: 12px;
}
.ui-datepicker.task-datepicker .ui-datepicker-prev,
.ui-datepicker.task-datepicker .ui-datepicker-next {
  height: 12px;
  width: 12px;
}
.ui-datepicker.task-datepicker thead th {
  padding: 0;
  font-size: 12px;
  height: 22px;
  width: 22px;
}
.ui-datepicker.task-datepicker td {
  height: 22px;
  width: 22px;
  font-size: 12px;
  padding: 0;
}
.ui-datepicker.task-datepicker td a,
.ui-datepicker.task-datepicker td span {
  width: 22px;
  height: 22px;
  padding: 0;
  text-align: center;
  border: none;
  background: none;
}

.task-filter-button {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.task-filter-button button.primary {
  font-size: 14px;
  font-weight: 600;
  color: var(--neutral-2);
  line-height: 26px;
  height: 28px;
  border: 1px solid var(--neutral-6);
  background: var(--neutral-6);
  padding: 0 10px;
  outline: none !important;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
  transition: opacity 0.1s ease-in-out;
}
.task-filter-button button.primary:hover, .task-filter-button button.primary:active, .task-filter-button button.primary.open, .task-filter-button button.primary:focus {
  border: 1px solid var(--neutral-5);
  background-color: var(--neutral-5);
}
.task-filter-button button.primary span.icon {
  margin: 11px 0 0 5px;
  width: 9px;
  height: 6px;
  background: url("images/selectro/filterChevron.png") no-repeat;
  display: inline-block;
  vertical-align: top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-button button.primary span.icon {
    background-image: url("images/selectro/filterChevron@2x.png");
    background-size: 9px 6px;
  }
}
.task-filter-button.disabled button.primary {
  cursor: default;
  opacity: 0.25;
  border: 1px solid var(--neutral-7) !important;
  margin-top: 0px !important;
}
.task-filter-button.sub-view-visible .task-filter-subview {
  display: block !important;
}
.task-filter-button.sub-view-visible .task-filter-list {
  display: none !important;
}

.task-filter-list,
.task-filter-subview {
  position: absolute;
  top: 40px;
  width: 300px;
  display: none;
  z-index: 10;
}
.task-filter-list:before, .task-filter-list:after,
.task-filter-subview:before,
.task-filter-subview:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.task-filter-list:after,
.task-filter-subview:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.task-filter-list div.container,
.task-filter-list div.shadow,
.task-filter-subview div.container,
.task-filter-subview div.shadow {
  z-index: 10;
  min-width: 150px;
  max-height: 420px;
  padding: 4px 0;
  border-radius: 4px;
  box-sizing: border-box;
}
.task-filter-list div.container.shadow,
.task-filter-list div.shadow.shadow,
.task-filter-subview div.container.shadow,
.task-filter-subview div.shadow.shadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.task-filter-list div.container.container,
.task-filter-list div.shadow.container,
.task-filter-subview div.container.container,
.task-filter-subview div.shadow.container {
  position: relative;
  background: var(--neutral-8-white-);
  z-index: 12;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-filter-list iframe,
.task-filter-subview iframe {
  width: 102%;
  height: 102%;
  overflow: hidden;
  position: absolute;
  border: none;
  left: -2px;
  top: 0;
  z-index: -1;
}

.task-filter-list.open {
  display: block;
}
.task-filter-list div.scrollIndicator {
  width: 100%;
  height: 0px;
  position: absolute;
  bottom: 0;
  background-color: var(--neutral-2);
  overflow: hidden;
  z-index: 15;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  transition: height 0.1s ease-in-out;
}
.task-filter-list div.scrollIndicator.active {
  height: 12px;
}
.task-filter-list div.scrollIndicator.inactive {
  transition: height 0s ease-in-out;
}
.task-filter-list div.scrollIndicator div.indicator {
  position: absolute;
  top: 3px;
  left: 50%;
  width: 11px;
  height: 7px;
  margin-left: -5px;
  background: url("images/swFilters/scrollIndicator.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list div.scrollIndicator div.indicator {
    background-image: url("images/swFilters/scrollIndicator@2x.png");
    background-size: 11px 7px;
  }
}
.task-filter-list.secondary {
  z-index: 0;
}
.task-filter-list.secondary:before, .task-filter-list.secondary:after {
  display: none;
}
.task-filter-list.secondary div.container {
  padding-left: 10px;
}
.task-filter-list ul li {
  display: block;
  height: 34px;
  color: var(--neutral-2);
  line-height: 30px;
  padding: 2px 12px;
  cursor: pointer;
  font-size: 0px;
  overflow: hidden;
  box-sizing: border-box;
}
.task-filter-list ul li.hasChildren {
  background-color: var(--neutral-7);
}
.task-filter-list ul li:hover:not(.noHover):not(.inlineHeader), .task-filter-list ul li.active {
  background-color: var(--neutral-7);
}
.task-filter-list ul li.underline {
  border-bottom: 1px solid var(--neutral-5);
}
.task-filter-list ul li.selected-item {
  background-color: var(--primary-blue) !important;
  color: var(--neutral-8-white-);
}
.task-filter-list ul li .sr-checkbox {
  margin: 0 10px 0 0;
  vertical-align: top;
  height: 30px;
}
.task-filter-list ul li .sr-checkbox input[type=checkbox] + label span {
  margin-top: 9px;
  vertical-align: top;
}
.task-filter-list ul li .sr-radio-button {
  margin: 6px 8px 0 0;
  display: inline-block;
  vertical-align: top;
}
.task-filter-list ul li.multi {
  border-bottom: 1px solid var(--neutral-5);
  font-weight: 600;
  font-size: 10px;
  color: #8098a8;
  text-transform: uppercase;
}
.task-filter-list ul li span.name {
  font-size: 14px;
  word-break: break-all;
  line-height: 29px;
}
.task-filter-list ul li .sr-category-icon,
.task-filter-list ul li span.imgIcon,
.task-filter-list ul li span.textIcon,
.task-filter-list ul li .place-type-icon {
  width: 24px;
  height: 24px;
  margin: 3px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.task-filter-list ul li span.imgIcon,
.task-filter-list ul li span.textIcon,
.task-filter-list ul li .place-type-icon {
  border-radius: 50%;
}
.task-filter-list ul li span.imgIcon.place-type-icon,
.task-filter-list ul li span.textIcon.place-type-icon,
.task-filter-list ul li .place-type-icon.place-type-icon {
  border-radius: 0;
}
.task-filter-list ul li span.imgIcon.imgIcon,
.task-filter-list ul li span.textIcon.imgIcon,
.task-filter-list ul li .place-type-icon.imgIcon {
  background-size: cover;
}
.task-filter-list ul li span.imgIcon.imgIcon.hasStyle, .task-filter-list ul li span.imgIcon.imgIcon.classification,
.task-filter-list ul li span.textIcon.imgIcon.hasStyle,
.task-filter-list ul li span.textIcon.imgIcon.classification,
.task-filter-list ul li .place-type-icon.imgIcon.hasStyle,
.task-filter-list ul li .place-type-icon.imgIcon.classification {
  border-radius: 0;
  margin-top: 5px;
}
.task-filter-list ul li span.imgIcon.imgIcon.hasStyle.unknown-user, .task-filter-list ul li span.imgIcon.imgIcon.classification.unknown-user,
.task-filter-list ul li span.textIcon.imgIcon.hasStyle.unknown-user,
.task-filter-list ul li span.textIcon.imgIcon.classification.unknown-user,
.task-filter-list ul li .place-type-icon.imgIcon.hasStyle.unknown-user,
.task-filter-list ul li .place-type-icon.imgIcon.classification.unknown-user {
  background: var(--neutral-5) url("images/unassigned-user-34px.png") no-repeat;
  background-size: 24px 24px !important;
  border-radius: 50%;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.hasStyle.unknown-user, .task-filter-list ul li span.imgIcon.imgIcon.classification.unknown-user,
  .task-filter-list ul li span.textIcon.imgIcon.hasStyle.unknown-user,
  .task-filter-list ul li span.textIcon.imgIcon.classification.unknown-user,
  .task-filter-list ul li .place-type-icon.imgIcon.hasStyle.unknown-user,
  .task-filter-list ul li .place-type-icon.imgIcon.classification.unknown-user {
    background-image: url("images/unassigned-user-68px.png");
    background-size: 24px 24px;
  }
}
.task-filter-list ul li span.imgIcon.imgIcon.classification,
.task-filter-list ul li span.textIcon.imgIcon.classification,
.task-filter-list ul li .place-type-icon.imgIcon.classification {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
}
.task-filter-list ul li span.imgIcon.imgIcon.residentissue,
.task-filter-list ul li span.textIcon.imgIcon.residentissue,
.task-filter-list ul li .place-type-icon.imgIcon.residentissue {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/resident-issue.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.residentissue,
  .task-filter-list ul li span.textIcon.imgIcon.residentissue,
  .task-filter-list ul li .place-type-icon.imgIcon.residentissue {
    background-image: url("images/project-categories/resident-issue@2x.png");
    background-size: 40px 20px;
  }
}
.task-filter-list ul li span.imgIcon.imgIcon.workorder, .task-filter-list ul li span.imgIcon.imgIcon.maintenance,
.task-filter-list ul li span.textIcon.imgIcon.workorder,
.task-filter-list ul li span.textIcon.imgIcon.maintenance,
.task-filter-list ul li .place-type-icon.imgIcon.workorder,
.task-filter-list ul li .place-type-icon.imgIcon.maintenance {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/maintenance.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.workorder, .task-filter-list ul li span.imgIcon.imgIcon.maintenance,
  .task-filter-list ul li span.textIcon.imgIcon.workorder,
  .task-filter-list ul li span.textIcon.imgIcon.maintenance,
  .task-filter-list ul li .place-type-icon.imgIcon.workorder,
  .task-filter-list ul li .place-type-icon.imgIcon.maintenance {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.task-filter-list ul li span.imgIcon.imgIcon.inspectionpoint, .task-filter-list ul li span.imgIcon.imgIcon.inspection,
.task-filter-list ul li span.textIcon.imgIcon.inspectionpoint,
.task-filter-list ul li span.textIcon.imgIcon.inspection,
.task-filter-list ul li .place-type-icon.imgIcon.inspectionpoint,
.task-filter-list ul li .place-type-icon.imgIcon.inspection {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/inspection-point.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.inspectionpoint, .task-filter-list ul li span.imgIcon.imgIcon.inspection,
  .task-filter-list ul li span.textIcon.imgIcon.inspectionpoint,
  .task-filter-list ul li span.textIcon.imgIcon.inspection,
  .task-filter-list ul li .place-type-icon.imgIcon.inspectionpoint,
  .task-filter-list ul li .place-type-icon.imgIcon.inspection {
    background-image: url("images/project-categories/inspection-point@2x.png");
    background-size: 40px 20px;
  }
}
.task-filter-list ul li span.imgIcon.imgIcon.makeready,
.task-filter-list ul li span.textIcon.imgIcon.makeready,
.task-filter-list ul li .place-type-icon.imgIcon.makeready {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/make-ready.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.makeready,
  .task-filter-list ul li span.textIcon.imgIcon.makeready,
  .task-filter-list ul li .place-type-icon.imgIcon.makeready {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 40px 20px;
  }
}
.task-filter-list ul li span.imgIcon.imgIcon.preventivemaintenance,
.task-filter-list ul li span.textIcon.imgIcon.preventivemaintenance,
.task-filter-list ul li .place-type-icon.imgIcon.preventivemaintenance {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/preventive-maintenance.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.preventivemaintenance,
  .task-filter-list ul li span.textIcon.imgIcon.preventivemaintenance,
  .task-filter-list ul li .place-type-icon.imgIcon.preventivemaintenance {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.task-filter-list ul li span.imgIcon.imgIcon.capitalimprovement,
.task-filter-list ul li span.textIcon.imgIcon.capitalimprovement,
.task-filter-list ul li .place-type-icon.imgIcon.capitalimprovement {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/capital-improvement.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.imgIcon.capitalimprovement,
  .task-filter-list ul li span.textIcon.imgIcon.capitalimprovement,
  .task-filter-list ul li .place-type-icon.imgIcon.capitalimprovement {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 40px 20px;
  }
}
.task-filter-list ul li span.imgIcon.textIcon,
.task-filter-list ul li span.textIcon.textIcon,
.task-filter-list ul li .place-type-icon.textIcon {
  color: var(--neutral-2);
  line-height: 24px;
  font-size: 11px;
  text-align: center;
  background-color: var(--neutral-5);
  box-sizing: border-box;
}
.task-filter-list ul li span.imgIcon.textIcon.dashed,
.task-filter-list ul li span.textIcon.textIcon.dashed,
.task-filter-list ul li .place-type-icon.textIcon.dashed {
  color: var(--neutral-4);
  background-color: transparent;
  background: var(--neutral-8-white-) url("images/temp-user-30px.png") no-repeat;
  background-size: 24px 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.imgIcon.textIcon.dashed,
  .task-filter-list ul li span.textIcon.textIcon.dashed,
  .task-filter-list ul li .place-type-icon.textIcon.dashed {
    background-image: url("images/temp-user-60px.png");
    background-size: 24px 24px;
  }
}
.task-filter-list ul li span.selectedCount {
  float: right;
  text-align: right;
  font-size: 11px;
  color: #8098a8;
}
.task-filter-list ul li span.rightArrow {
  float: right;
  width: 7px;
  height: 10px;
  margin: 10px 0 0 7px;
  background: url("images/swFilters/rightArrow.png") no-repeat;
  display: inline-block;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-list ul li span.rightArrow {
    background-image: url("images/swFilters/rightArrow@2x.png");
    background-size: 7px 10px;
  }
}
.task-filter-list ul li.inlineHeader {
  cursor: default;
  background: var(--neutral-5);
  height: 24px;
  line-height: 20px;
}
.task-filter-list ul li.inlineHeader span.name {
  line-height: 20px;
  font-size: 10px;
  color: var(--neutral-2);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.task-filter-timeframe .container,
.task-filter-timeframe .shadow {
  padding: 0px !important;
}
.task-filter-timeframe .top {
  padding: 15px;
}
.task-filter-timeframe .top .standardButton.back {
  min-width: 126px;
}
.task-filter-timeframe .top div.date-input {
  float: left;
  margin-top: 15px;
  width: 130px;
}
.task-filter-timeframe .top div.date-input.last {
  float: right;
}
.task-filter-timeframe .top div.date-input strong {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #131e26;
  line-height: 18px;
  margin-bottom: 5px;
}
.task-filter-timeframe .top div.date-input .sr-input input {
  width: 100%;
}
.task-filter-timeframe .top div.inputs.start div.date-input.first .sr-input input {
  border: 1px solid var(--primary-blue);
  box-shadow: 0px 0px 6px 1px #82d0ff;
}
.task-filter-timeframe .top div.inputs.end div.date-input.last .sr-input input {
  border: 1px solid var(--primary-blue);
  box-shadow: 0px 0px 6px 1px #82d0ff;
}
.task-filter-timeframe .ui-datepicker {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  width: 315px;
  border: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0px;
  padding: 0;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin: 10px 0 0;
  width: 236px;
  float: left;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next {
  float: right;
  margin: 2px 2px;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next span {
  background: url("images/assignment/editCalendarRight.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-timeframe .ui-datepicker .ui-datepicker-next span {
    background-image: url("images/assignment/editCalendarRight@2x.png");
    background-size: 22px 17px;
  }
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next:hover {
  right: 0;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev {
  float: left;
  margin: 2px 0 0 2px;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev span {
  background: url("images/assignment/editCalendarLeft.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-timeframe .ui-datepicker .ui-datepicker-prev span {
    background-image: url("images/assignment/editCalendarLeft@2x.png");
    background-size: 22px 17px;
  }
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev:hover {
  left: 0;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next,
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  position: relative;
  left: 0;
  top: 0;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next span,
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev span {
  margin-left: -5px;
  width: 10px;
  height: 17px;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  opacity: 0;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next:hover,
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev:hover {
  top: 0;
  border: 0px;
  background: transparent;
}
.task-filter-timeframe .ui-datepicker .ui-datepicker-next:hover span,
.task-filter-timeframe .ui-datepicker .ui-datepicker-prev:hover span {
  background-position: right;
}
.task-filter-timeframe .ui-datepicker table {
  margin: 14px 0 0;
}
.task-filter-timeframe .ui-datepicker table th {
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  padding: 0 0 4px;
}
.task-filter-timeframe .ui-datepicker table td {
  width: 43px;
  height: 40px;
  padding: 0px;
  border: 1px solid var(--neutral-5);
  vertical-align: middle;
}
.task-filter-timeframe .ui-datepicker table td a,
.task-filter-timeframe .ui-datepicker table td span.ui-state-default {
  background: transparent;
  border: 0px;
  font-weight: 600;
  font-size: 12px;
  color: var(--neutral-2);
  padding: 0;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.task-filter-timeframe .ui-datepicker table td.dp-start, .task-filter-timeframe .ui-datepicker table td.dp-highlight, .task-filter-timeframe .ui-datepicker table td.dp-end {
  background-color: #82d0ff;
  border-color: #82d0ff;
}
.task-filter-timeframe .ui-datepicker table td.dp-start a, .task-filter-timeframe .ui-datepicker table td.dp-highlight a, .task-filter-timeframe .ui-datepicker table td.dp-end a {
  color: var(--neutral-8-white-);
}
.task-filter-timeframe .ui-datepicker table td.dp-start.dp-end {
  background-color: var(--primary-blue);
}
.task-filter-timeframe .ui-datepicker table td.dp-start, .task-filter-timeframe .ui-datepicker table td.dp-end {
  background-repeat: no-repeat;
}
.task-filter-timeframe .ui-datepicker table td.dp-start {
  background-image: url("images/timeframeArrowStart.png");
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-timeframe .ui-datepicker table td.dp-start {
    background-image: url("images/timeframeArrowStart@2x.png");
    background-size: 42px 41px;
  }
}
.task-filter-timeframe .ui-datepicker table td.dp-end {
  background-image: url("images/timeframeArrowEnd.png");
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-timeframe .ui-datepicker table td.dp-end {
    background-image: url("images/timeframeArrowEnd@2x.png");
    background-size: 42px 41px;
  }
}
.task-filter-timeframe .ui-datepicker table td.ui-datepicker-current-day {
  /*background: $sr-blue;
  a {
    color: $sr-white; // #FFFFFF;
  }*/
}
.task-filter-timeframe .ui-datepicker table td.ui-state-disabled {
  background: var(--neutral-7) !important;
}
.task-filter-timeframe .calendar-container.start .ui-datepicker table td:hover a {
  background-repeat: no-repeat;
  background-image: url("images/timeframeHoverStart.png");
  background-position: left;
  background-size: 42px 100%;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-timeframe .calendar-container.start .ui-datepicker table td:hover a {
    background-image: url("images/timeframeHoverStart@2x.png");
    background-size: 42px 100%;
  }
}
.task-filter-timeframe .calendar-container.end .ui-datepicker table td:hover a {
  background-repeat: no-repeat;
  background-image: url("images/timeframeHoverEnd.png");
  background-position: right;
  background-size: 42px 100%;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-filter-timeframe .calendar-container.end .ui-datepicker table td:hover a {
    background-image: url("images/timeframeHoverEnd@2x.png");
    background-size: 42px 100%;
  }
}

.task-inline-edit .info-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.task-inline-edit .info-container p {
  margin: 0 7px 0 10px;
}
.task-inline-edit .info-container .title {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
}
.task-inline-edit .info-container .toggle-container {
  display: -ms-flexbox;
  display: flex;
}
.task-inline-edit .info-container .icon.info-circle {
  margin-right: 0;
}
.task-inline-edit .info-container .content-loading {
  width: -moz-max-content;
  width: max-content;
  left: 65px;
  top: 0px;
}
.task-inline-edit .schedule-inner {
  position: relative;
}
.task-inline-edit .schedule-inner .content-confirmation {
  bottom: -17px;
  top: unset;
}
.task-inline-edit .schedule-inner .sr-selectro .input-container {
  border-radius: 3px 3px 0px 3px;
}
.task-inline-edit .schedule-inner .sr-date-time.select-due.stacked.show-time .sr-selectro {
  margin-bottom: 0;
}
.task-inline-edit .schedule-edit .error-message {
  font-size: 12px;
  line-height: 14px;
  color: var(--primary-red);
}
.task-inline-edit .schedule .due .icon.timeframe-icon.urgent {
  height: 40px;
}
.task-inline-edit.schedule .ui-datepicker.ui-datepicker-inline {
  width: 100%;
  max-width: 290px;
}
.task-inline-edit.schedule .ui-datepicker.ui-datepicker-inline .ui-datepicker-title {
  width: 210px;
}

.ui-tooltip,
.tooltip-arrow:after {
  background: white;
}

.ui-widget-content {
  background: var(--neutral-8-white-) url(/assets/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content .ui-state-disabled {
  opacity: 0.35;
}

.ui-tooltip {
  border-radius: 5px;
  box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, 0.35);
  padding: 10px 20px;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  height: auto;
  width: 150px;
  z-index: 100000;
}
.ui-tooltip.generalTooltip {
  min-height: 15px;
  width: 150px;
  line-height: normal;
}
.ui-tooltip.text {
  height: auto;
  width: 150px;
}
.ui-tooltip.image {
  width: 200px;
  height: auto;
}
.ui-tooltip img.landscape {
  width: 200px;
  height: auto;
}
.ui-tooltip img.portrait {
  height: 180px;
  width: auto;
}

.ui-tooltip-content {
  overflow: hidden;
}

.tooltip-view .read-note,
.tooltip-view .play-audio {
  cursor: pointer;
}
.tooltip-view.inactive {
  display: none;
}
.tooltip-view.active {
  display: block;
  position: absolute;
  z-index: 50000;
}

.tooltip-arrow {
  width: 23px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -23px;
}

.tooltip-arrow:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 15px;
  width: 15px;
  height: 15px;
  box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, 0.35);
  transition: rotate(45deg);
}

.sl-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100000;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

hr {
  padding: 0;
  margin: 0;
  border: none;
  border-top: solid 1px var(--neutral-5);
}

.smart-launch {
  position: absolute;
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.3);
  border: solid 1px #D2D7DA;
  z-index: 100000;
  width: 600px;
  border-radius: 3px;
  background: #FFFFFF;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  height: -moz-max-content;
  height: max-content;
  margin: 50px auto auto auto;
}
.smart-launch h2 {
  font-size: 12px;
  color: #858D91;
  font-weight: 700;
  margin: 0px 24px;
}
.smart-launch h2:first-of-type {
  margin-top: 22px;
}
.smart-launch ul {
  padding: 8px 12px;
}
.smart-launch .close-btn {
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  right: -50px;
  top: 12px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
}
.smart-launch .close-btn svg {
  width: 18px;
  height: 18px;
}
.smart-launch .close-btn:hover {
  background: #FFF;
}
.smart-launch .search-suggestions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 13px;
  color: #858D91;
  padding: 18px 24px 0px 24px;
  position: relative;
}
.smart-launch .search-suggestions .blank-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  right: 17px;
  top: 12px;
  position: absolute;
  width: 32px;
  height: 32px;
}
.smart-launch .search-suggestions .blank-button:hover span {
  background: #3093C7;
}
.smart-launch .search-suggestions .blank-button span {
  width: 18px;
  height: 18px;
  background: #B2BAC0;
  border-radius: 50%;
}
.smart-launch .search-suggestions .blank-button span svg {
  width: 8.46px;
  height: 8.46px;
}
.smart-launch .search-suggestions .blank-button span svg g {
  fill: #FFFFFF;
}
.smart-launch .search-container {
  width: 100%;
  position: relative;
}
.smart-launch .clear {
  position: absolute;
  font-size: 13px;
  line-height: 18px;
  right: 20px;
  top: 18px;
  color: #858D91;
  width: -moz-max-content;
  width: max-content;
  border-radius: 3px;
  padding: 4px 8px;
  background: none;
}
.smart-launch .clear:hover {
  background: #ECF5FB;
  color: #3093C7;
}
.smart-launch .clear:active {
  background: #DFEEF7;
  color: #3093C7;
}
.smart-launch .bottom-nav {
  height: 40px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  width: 100%;
  padding: 11px 24px;
  border-radius: 0px 0px 3px 3px;
  background-color: var(--neutral-6);
}
.smart-launch .bottom-nav .sr-icon {
  border-radius: 3px;
  height: 18px;
  width: 18px;
  background-color: var(--neutral-5);
}
.smart-launch .bottom-nav .sr-icon.esc {
  width: 27px;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
  color: #858D91;
}
.smart-launch .bottom-nav div {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.smart-launch .bottom-nav div p {
  margin-right: 14px;
}
.smart-launch .bottom-nav div.feedback p {
  margin-right: 0;
}
.smart-launch .bottom-nav div .sr-icon {
  cursor: default;
}
.smart-launch .bottom-nav div:first-child .sr-icon:nth-child(2) {
  margin: 0px 6px;
}
.smart-launch .bottom-nav div:nth-child(2) .sr-icon, .smart-launch .bottom-nav div:nth-child(3) .sr-icon {
  margin-right: 6px;
}
.smart-launch .bottom-nav div p {
  color: var(--neutral-3);
  font-size: 12px;
  line-height: 18px;
  width: -moz-max-content;
  width: max-content;
}
.smart-launch .bottom-nav div:last-child {
  margin-left: auto;
}
.smart-launch .bottom-nav div:last-child a {
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-blue);
  text-decoration: none;
}
.smart-launch .bottom-nav .up, .smart-launch .bottom-nav .down {
  border-radius: 3px;
}
.smart-launch li {
  display: -ms-inline-flexbox;
  display: inline-flex;
  transition: background-color 0.15s ease, color 0.15s ease;
  width: 100%;
  list-style: none;
  height: 46px;
  -ms-flex-align: center;
      align-items: center;
}
.smart-launch li.active {
  background-color: var(--primary-blue);
  border-radius: 3px;
}
.smart-launch li.active p, .smart-launch li.active .type {
  color: #FFFFFF;
}
.smart-launch li.active .icon {
  background: #FFFFFF;
}
.smart-launch li.active .icon polygon {
  fill: #3093C7;
}
.smart-launch li.active .icon .sr-icon.dnd {
  border-radius: 3px;
}
.smart-launch li.active .icon .sr-icon.dnd polygon {
  fill: #3093C7;
}
.smart-launch li.active .icon .sr-icon.dnd path {
  stroke: #3093C7;
}
.smart-launch li.active .icon .sr-icon.navigation, .smart-launch li.active .icon .sr-icon.reports, .smart-launch li.active .icon .sr-icon.settings {
  background-color: #FFF;
}
.smart-launch li.active .icon .sr-icon.navigation path, .smart-launch li.active .icon .sr-icon.reports path, .smart-launch li.active .icon .sr-icon.settings path {
  fill: #3093C7;
}
.smart-launch li .icon {
  width: 21px;
  height: 21px;
  margin-left: 12px;
  background: #3093C7;
  border-radius: 3px;
}
.smart-launch li .icon .sr-icon {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.smart-launch li .icon .sr-icon.dnd {
  background: #FFF;
  border-radius: 0;
}
.smart-launch li .icon .sr-icon.dnd polygon {
  fill: #858D91;
}
.smart-launch li .icon .sr-icon.navigation, .smart-launch li .icon .sr-icon.reports, .smart-launch li .icon .sr-icon.settings {
  background-color: #B2BAC0;
}
.smart-launch li .icon polygon {
  fill: #FFFFFF;
}
.smart-launch li p:nth-child(1) {
  color: red;
}
.smart-launch li p {
  font-size: 14px;
  line-height: 18px;
  width: -moz-max-content;
  width: max-content;
}
.smart-launch li .name {
  margin-left: 14px;
}
.smart-launch li .type {
  color: #858D91;
  margin-left: auto;
  margin-right: 12px;
  font-size: 13px;
}
.smart-launch li:hover {
  cursor: pointer;
}
.smart-launch li:hover:not(.active) {
  border-radius: 3px;
  background: rgb(250, 250, 250);
}
.smart-launch input {
  width: 100%;
  background-color: #FFFFFF;
  color: #3C444D;
  padding: 21px 24px;
  margin-right: 50px;
  border: transparent;
  border-radius: 3px 3px 0px 0px;
  font-size: 16px;
  line-height: 18px;
}
.smart-launch input:-ms-input-placeholder {
  color: #B2BAC0;
}
.smart-launch input::placeholder {
  color: #B2BAC0;
}
.smart-launch input:focus {
  outline: none;
}
.smart-launch .loading {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  right: 24px;
}

.dashboard-chart {
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  opacity: 1;
  background-color: rgb(255, 255, 255);
}

.highcharts-drilldown-data-label text {
  color: var(--primary-blue);
}

.highcharts-breadcrumbs-button {
  color: var(--primary-blue);
}

span.icon.make-model,
div.common-icon.make-model,
.sr-selectro .input-container span.imgSpan.make-model,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).make-model,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).make-model,
.sr-context-menu-item span.icon.make-model {
  height: 20px;
  background-image: url("images/sr-common-icons/assets/make-model.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.make-model,
  div.common-icon.make-model,
  .sr-selectro .input-container span.imgSpan.make-model,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).make-model,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).make-model,
  .sr-context-menu-item span.icon.make-model {
    background-image: url("images/sr-common-icons/assets/make-model@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.make-model.selectrofy,
div.common-icon.make-model.selectrofy,
.sr-selectro .input-container span.imgSpan.make-model.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).make-model.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).make-model.selectrofy,
.sr-context-menu-item span.icon.make-model.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.serial-number,
div.common-icon.serial-number,
.sr-selectro .input-container span.imgSpan.serial-number,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).serial-number,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).serial-number,
.sr-context-menu-item span.icon.serial-number {
  height: 20px;
  background-image: url("images/sr-common-icons/assets/serial-number.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.serial-number,
  div.common-icon.serial-number,
  .sr-selectro .input-container span.imgSpan.serial-number,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).serial-number,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).serial-number,
  .sr-context-menu-item span.icon.serial-number {
    background-image: url("images/sr-common-icons/assets/serial-number@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.serial-number.selectrofy,
div.common-icon.serial-number.selectrofy,
.sr-selectro .input-container span.imgSpan.serial-number.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).serial-number.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).serial-number.selectrofy,
.sr-context-menu-item span.icon.serial-number.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.asset-tag,
div.common-icon.asset-tag,
.sr-selectro .input-container span.imgSpan.asset-tag,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).asset-tag,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).asset-tag,
.sr-context-menu-item span.icon.asset-tag {
  height: 20px;
  background-image: url("images/sr-common-icons/assets/tag.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.asset-tag,
  div.common-icon.asset-tag,
  .sr-selectro .input-container span.imgSpan.asset-tag,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).asset-tag,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).asset-tag,
  .sr-context-menu-item span.icon.asset-tag {
    background-image: url("images/sr-common-icons/assets/tag@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.asset-tag.selectrofy,
div.common-icon.asset-tag.selectrofy,
.sr-selectro .input-container span.imgSpan.asset-tag.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).asset-tag.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).asset-tag.selectrofy,
.sr-context-menu-item span.icon.asset-tag.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.replace,
div.common-icon.replace,
.sr-selectro .input-container span.imgSpan.replace,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
.sr-context-menu-item span.icon.replace {
  height: 20px;
  background-image: url("images/sr-common-icons/assets/tag.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.replace,
  div.common-icon.replace,
  .sr-selectro .input-container span.imgSpan.replace,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
  .sr-context-menu-item span.icon.replace {
    background-image: url("images/sr-common-icons/assets/tag@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.replace.selectrofy,
div.common-icon.replace.selectrofy,
.sr-selectro .input-container span.imgSpan.replace.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace.selectrofy,
.sr-context-menu-item span.icon.replace.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.garden,
div.common-icon.garden,
.sr-selectro .input-container span.imgSpan.garden,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden,
.sr-context-menu-item span.icon.garden {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/garden.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/garden.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.garden,
  div.common-icon.garden,
  .sr-selectro .input-container span.imgSpan.garden,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden,
  .sr-context-menu-item span.icon.garden {
    background-image: url("images/sr-common-icons/sites/garden@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.garden,
  div.common-icon.garden,
  .sr-selectro .input-container span.imgSpan.garden,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden,
  .sr-context-menu-item span.icon.garden {
    background-image: url("images/sr-common-icons/sites/garden.svg");
  }
}
span.icon.garden.bg-center,
div.common-icon.garden.bg-center,
.sr-selectro .input-container span.imgSpan.garden.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.bg-center,
.sr-context-menu-item span.icon.garden.bg-center {
  background-position: center center;
}
span.icon.garden.w28,
div.common-icon.garden.w28,
.sr-selectro .input-container span.imgSpan.garden.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.w28,
.sr-context-menu-item span.icon.garden.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.garden.w40,
div.common-icon.garden.w40,
.sr-selectro .input-container span.imgSpan.garden.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.w40,
.sr-context-menu-item span.icon.garden.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.garden.selectrofy,
div.common-icon.garden.selectrofy,
.sr-selectro .input-container span.imgSpan.garden.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).garden.selectrofy,
.sr-context-menu-item span.icon.garden.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.highrise,
div.common-icon.highrise,
.sr-selectro .input-container span.imgSpan.highrise,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise,
.sr-context-menu-item span.icon.highrise {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/highrise.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/highrise.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.highrise,
  div.common-icon.highrise,
  .sr-selectro .input-container span.imgSpan.highrise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise,
  .sr-context-menu-item span.icon.highrise {
    background-image: url("images/sr-common-icons/sites/highrise@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.highrise,
  div.common-icon.highrise,
  .sr-selectro .input-container span.imgSpan.highrise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise,
  .sr-context-menu-item span.icon.highrise {
    background-image: url("images/sr-common-icons/sites/highrise.svg");
  }
}
span.icon.highrise.bg-center,
div.common-icon.highrise.bg-center,
.sr-selectro .input-container span.imgSpan.highrise.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.bg-center,
.sr-context-menu-item span.icon.highrise.bg-center {
  background-position: center center;
}
span.icon.highrise.w28,
div.common-icon.highrise.w28,
.sr-selectro .input-container span.imgSpan.highrise.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.w28,
.sr-context-menu-item span.icon.highrise.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.highrise.w40,
div.common-icon.highrise.w40,
.sr-selectro .input-container span.imgSpan.highrise.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.w40,
.sr-context-menu-item span.icon.highrise.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.highrise.selectrofy,
div.common-icon.highrise.selectrofy,
.sr-selectro .input-container span.imgSpan.highrise.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).highrise.selectrofy,
.sr-context-menu-item span.icon.highrise.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.high-rise,
div.common-icon.high-rise,
.sr-selectro .input-container span.imgSpan.high-rise,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise,
.sr-context-menu-item span.icon.high-rise {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/highrise.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/highrise.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.high-rise,
  div.common-icon.high-rise,
  .sr-selectro .input-container span.imgSpan.high-rise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise,
  .sr-context-menu-item span.icon.high-rise {
    background-image: url("images/sr-common-icons/sites/highrise@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.high-rise,
  div.common-icon.high-rise,
  .sr-selectro .input-container span.imgSpan.high-rise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise,
  .sr-context-menu-item span.icon.high-rise {
    background-image: url("images/sr-common-icons/sites/highrise.svg");
  }
}
span.icon.high-rise.bg-center,
div.common-icon.high-rise.bg-center,
.sr-selectro .input-container span.imgSpan.high-rise.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.bg-center,
.sr-context-menu-item span.icon.high-rise.bg-center {
  background-position: center center;
}
span.icon.high-rise.w28,
div.common-icon.high-rise.w28,
.sr-selectro .input-container span.imgSpan.high-rise.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.w28,
.sr-context-menu-item span.icon.high-rise.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.high-rise.w40,
div.common-icon.high-rise.w40,
.sr-selectro .input-container span.imgSpan.high-rise.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.w40,
.sr-context-menu-item span.icon.high-rise.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.high-rise.selectrofy,
div.common-icon.high-rise.selectrofy,
.sr-selectro .input-container span.imgSpan.high-rise.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).high-rise.selectrofy,
.sr-context-menu-item span.icon.high-rise.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.manufacturedhome,
div.common-icon.manufacturedhome,
.sr-selectro .input-container span.imgSpan.manufacturedhome,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome,
.sr-context-menu-item span.icon.manufacturedhome {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/manufactured.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/manufactured.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.manufacturedhome,
  div.common-icon.manufacturedhome,
  .sr-selectro .input-container span.imgSpan.manufacturedhome,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome,
  .sr-context-menu-item span.icon.manufacturedhome {
    background-image: url("images/sr-common-icons/sites/manufactured@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.manufacturedhome,
  div.common-icon.manufacturedhome,
  .sr-selectro .input-container span.imgSpan.manufacturedhome,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome,
  .sr-context-menu-item span.icon.manufacturedhome {
    background-image: url("images/sr-common-icons/sites/manufactured.svg");
  }
}
span.icon.manufacturedhome.bg-center,
div.common-icon.manufacturedhome.bg-center,
.sr-selectro .input-container span.imgSpan.manufacturedhome.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.bg-center,
.sr-context-menu-item span.icon.manufacturedhome.bg-center {
  background-position: center center;
}
span.icon.manufacturedhome.w28,
div.common-icon.manufacturedhome.w28,
.sr-selectro .input-container span.imgSpan.manufacturedhome.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.w28,
.sr-context-menu-item span.icon.manufacturedhome.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.manufacturedhome.w40,
div.common-icon.manufacturedhome.w40,
.sr-selectro .input-container span.imgSpan.manufacturedhome.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.w40,
.sr-context-menu-item span.icon.manufacturedhome.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.manufacturedhome.selectrofy,
div.common-icon.manufacturedhome.selectrofy,
.sr-selectro .input-container span.imgSpan.manufacturedhome.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufacturedhome.selectrofy,
.sr-context-menu-item span.icon.manufacturedhome.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.manufactured-home,
div.common-icon.manufactured-home,
.sr-selectro .input-container span.imgSpan.manufactured-home,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home,
.sr-context-menu-item span.icon.manufactured-home {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/manufactured.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/manufactured.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.manufactured-home,
  div.common-icon.manufactured-home,
  .sr-selectro .input-container span.imgSpan.manufactured-home,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home,
  .sr-context-menu-item span.icon.manufactured-home {
    background-image: url("images/sr-common-icons/sites/manufactured@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.manufactured-home,
  div.common-icon.manufactured-home,
  .sr-selectro .input-container span.imgSpan.manufactured-home,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home,
  .sr-context-menu-item span.icon.manufactured-home {
    background-image: url("images/sr-common-icons/sites/manufactured.svg");
  }
}
span.icon.manufactured-home.bg-center,
div.common-icon.manufactured-home.bg-center,
.sr-selectro .input-container span.imgSpan.manufactured-home.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.bg-center,
.sr-context-menu-item span.icon.manufactured-home.bg-center {
  background-position: center center;
}
span.icon.manufactured-home.w28,
div.common-icon.manufactured-home.w28,
.sr-selectro .input-container span.imgSpan.manufactured-home.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.w28,
.sr-context-menu-item span.icon.manufactured-home.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.manufactured-home.w40,
div.common-icon.manufactured-home.w40,
.sr-selectro .input-container span.imgSpan.manufactured-home.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.w40,
.sr-context-menu-item span.icon.manufactured-home.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.manufactured-home.selectrofy,
div.common-icon.manufactured-home.selectrofy,
.sr-selectro .input-container span.imgSpan.manufactured-home.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manufactured-home.selectrofy,
.sr-context-menu-item span.icon.manufactured-home.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.midrise,
div.common-icon.midrise,
.sr-selectro .input-container span.imgSpan.midrise,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise,
.sr-context-menu-item span.icon.midrise {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/midrise.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/midrise.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.midrise,
  div.common-icon.midrise,
  .sr-selectro .input-container span.imgSpan.midrise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise,
  .sr-context-menu-item span.icon.midrise {
    background-image: url("images/sr-common-icons/sites/midrise@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.midrise,
  div.common-icon.midrise,
  .sr-selectro .input-container span.imgSpan.midrise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise,
  .sr-context-menu-item span.icon.midrise {
    background-image: url("images/sr-common-icons/sites/midrise.svg");
  }
}
span.icon.midrise.bg-center,
div.common-icon.midrise.bg-center,
.sr-selectro .input-container span.imgSpan.midrise.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.bg-center,
.sr-context-menu-item span.icon.midrise.bg-center {
  background-position: center center;
}
span.icon.midrise.w28,
div.common-icon.midrise.w28,
.sr-selectro .input-container span.imgSpan.midrise.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.w28,
.sr-context-menu-item span.icon.midrise.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.midrise.w40,
div.common-icon.midrise.w40,
.sr-selectro .input-container span.imgSpan.midrise.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.w40,
.sr-context-menu-item span.icon.midrise.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.midrise.selectrofy,
div.common-icon.midrise.selectrofy,
.sr-selectro .input-container span.imgSpan.midrise.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).midrise.selectrofy,
.sr-context-menu-item span.icon.midrise.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.mid-rise,
div.common-icon.mid-rise,
.sr-selectro .input-container span.imgSpan.mid-rise,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise,
.sr-context-menu-item span.icon.mid-rise {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/midrise.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/midrise.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.mid-rise,
  div.common-icon.mid-rise,
  .sr-selectro .input-container span.imgSpan.mid-rise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise,
  .sr-context-menu-item span.icon.mid-rise {
    background-image: url("images/sr-common-icons/sites/midrise@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.mid-rise,
  div.common-icon.mid-rise,
  .sr-selectro .input-container span.imgSpan.mid-rise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise,
  .sr-context-menu-item span.icon.mid-rise {
    background-image: url("images/sr-common-icons/sites/midrise.svg");
  }
}
span.icon.mid-rise.bg-center,
div.common-icon.mid-rise.bg-center,
.sr-selectro .input-container span.imgSpan.mid-rise.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.bg-center,
.sr-context-menu-item span.icon.mid-rise.bg-center {
  background-position: center center;
}
span.icon.mid-rise.w28,
div.common-icon.mid-rise.w28,
.sr-selectro .input-container span.imgSpan.mid-rise.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.w28,
.sr-context-menu-item span.icon.mid-rise.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.mid-rise.w40,
div.common-icon.mid-rise.w40,
.sr-selectro .input-container span.imgSpan.mid-rise.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.w40,
.sr-context-menu-item span.icon.mid-rise.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.mid-rise.selectrofy,
div.common-icon.mid-rise.selectrofy,
.sr-selectro .input-container span.imgSpan.mid-rise.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mid-rise.selectrofy,
.sr-context-menu-item span.icon.mid-rise.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.lowrise,
div.common-icon.lowrise,
.sr-selectro .input-container span.imgSpan.lowrise,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise,
.sr-context-menu-item span.icon.lowrise {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/lowrise.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/lowrise.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.lowrise,
  div.common-icon.lowrise,
  .sr-selectro .input-container span.imgSpan.lowrise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise,
  .sr-context-menu-item span.icon.lowrise {
    background-image: url("images/sr-common-icons/sites/lowrise@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.lowrise,
  div.common-icon.lowrise,
  .sr-selectro .input-container span.imgSpan.lowrise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise,
  .sr-context-menu-item span.icon.lowrise {
    background-image: url("images/sr-common-icons/sites/lowrise.svg");
  }
}
span.icon.lowrise.bg-center,
div.common-icon.lowrise.bg-center,
.sr-selectro .input-container span.imgSpan.lowrise.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.bg-center,
.sr-context-menu-item span.icon.lowrise.bg-center {
  background-position: center center;
}
span.icon.lowrise.w28,
div.common-icon.lowrise.w28,
.sr-selectro .input-container span.imgSpan.lowrise.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.w28,
.sr-context-menu-item span.icon.lowrise.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.lowrise.w40,
div.common-icon.lowrise.w40,
.sr-selectro .input-container span.imgSpan.lowrise.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.w40,
.sr-context-menu-item span.icon.lowrise.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.lowrise.selectrofy,
div.common-icon.lowrise.selectrofy,
.sr-selectro .input-container span.imgSpan.lowrise.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).lowrise.selectrofy,
.sr-context-menu-item span.icon.lowrise.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.low-rise,
div.common-icon.low-rise,
.sr-selectro .input-container span.imgSpan.low-rise,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise,
.sr-context-menu-item span.icon.low-rise {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/lowrise.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/lowrise.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.low-rise,
  div.common-icon.low-rise,
  .sr-selectro .input-container span.imgSpan.low-rise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise,
  .sr-context-menu-item span.icon.low-rise {
    background-image: url("images/sr-common-icons/sites/lowrise@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.low-rise,
  div.common-icon.low-rise,
  .sr-selectro .input-container span.imgSpan.low-rise,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise,
  .sr-context-menu-item span.icon.low-rise {
    background-image: url("images/sr-common-icons/sites/lowrise.svg");
  }
}
span.icon.low-rise.bg-center,
div.common-icon.low-rise.bg-center,
.sr-selectro .input-container span.imgSpan.low-rise.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.bg-center,
.sr-context-menu-item span.icon.low-rise.bg-center {
  background-position: center center;
}
span.icon.low-rise.w28,
div.common-icon.low-rise.w28,
.sr-selectro .input-container span.imgSpan.low-rise.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.w28,
.sr-context-menu-item span.icon.low-rise.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.low-rise.w40,
div.common-icon.low-rise.w40,
.sr-selectro .input-container span.imgSpan.low-rise.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.w40,
.sr-context-menu-item span.icon.low-rise.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.low-rise.selectrofy,
div.common-icon.low-rise.selectrofy,
.sr-selectro .input-container span.imgSpan.low-rise.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).low-rise.selectrofy,
.sr-context-menu-item span.icon.low-rise.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.townhome,
div.common-icon.townhome,
.sr-selectro .input-container span.imgSpan.townhome,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome,
.sr-context-menu-item span.icon.townhome {
  height: 20px;
  background-image: url("images/sr-common-icons/sites/townhome.png");
  background-size: 20px 20px;
  background-image: url("images/sr-common-icons/sites/townhome.svg");
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.townhome,
  div.common-icon.townhome,
  .sr-selectro .input-container span.imgSpan.townhome,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome,
  .sr-context-menu-item span.icon.townhome {
    background-image: url("images/sr-common-icons/sites/townhome@2x.png");
    background-size: 20px 20px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.townhome,
  div.common-icon.townhome,
  .sr-selectro .input-container span.imgSpan.townhome,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome,
  .sr-context-menu-item span.icon.townhome {
    background-image: url("images/sr-common-icons/sites/townhome.svg");
  }
}
span.icon.townhome.bg-center,
div.common-icon.townhome.bg-center,
.sr-selectro .input-container span.imgSpan.townhome.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.bg-center,
.sr-context-menu-item span.icon.townhome.bg-center {
  background-position: center center;
}
span.icon.townhome.w28,
div.common-icon.townhome.w28,
.sr-selectro .input-container span.imgSpan.townhome.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.w28,
.sr-context-menu-item span.icon.townhome.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.townhome.w40,
div.common-icon.townhome.w40,
.sr-selectro .input-container span.imgSpan.townhome.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.w40,
.sr-context-menu-item span.icon.townhome.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.townhome.selectrofy,
div.common-icon.townhome.selectrofy,
.sr-selectro .input-container span.imgSpan.townhome.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).townhome.selectrofy,
.sr-context-menu-item span.icon.townhome.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.editor-h1,
div.common-icon.editor-h1,
.sr-selectro .input-container span.imgSpan.editor-h1,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h1,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h1,
.sr-context-menu-item span.icon.editor-h1 {
  height: 10px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-h1.png");
  background-size: 16px 10px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-h1,
  div.common-icon.editor-h1,
  .sr-selectro .input-container span.imgSpan.editor-h1,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h1,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h1,
  .sr-context-menu-item span.icon.editor-h1 {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-h1@2x.png");
    background-size: 16px 10px;
  }
}
span.icon.editor-h1.selectrofy,
div.common-icon.editor-h1.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-h1.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h1.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h1.selectrofy,
.sr-context-menu-item span.icon.editor-h1.selectrofy {
  background-size: 16px 10px !important;
  margin-right: 10px;
}
span.icon.editor-h2,
div.common-icon.editor-h2,
.sr-selectro .input-container span.imgSpan.editor-h2,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h2,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h2,
.sr-context-menu-item span.icon.editor-h2 {
  height: 11px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-h2.png");
  background-size: 17px 11px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-h2,
  div.common-icon.editor-h2,
  .sr-selectro .input-container span.imgSpan.editor-h2,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h2,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h2,
  .sr-context-menu-item span.icon.editor-h2 {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-h2@2x.png");
    background-size: 17px 11px;
  }
}
span.icon.editor-h2.selectrofy,
div.common-icon.editor-h2.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-h2.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h2.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-h2.selectrofy,
.sr-context-menu-item span.icon.editor-h2.selectrofy {
  background-size: 17px 11px !important;
  margin-right: 10px;
}
span.icon.editor-paragraph,
div.common-icon.editor-paragraph,
.sr-selectro .input-container span.imgSpan.editor-paragraph,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-paragraph,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-paragraph,
.sr-context-menu-item span.icon.editor-paragraph {
  height: 12px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-paragraph.png");
  background-size: 10px 12px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-paragraph,
  div.common-icon.editor-paragraph,
  .sr-selectro .input-container span.imgSpan.editor-paragraph,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-paragraph,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-paragraph,
  .sr-context-menu-item span.icon.editor-paragraph {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-paragraph@2x.png");
    background-size: 10px 12px;
  }
}
span.icon.editor-paragraph.selectrofy,
div.common-icon.editor-paragraph.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-paragraph.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-paragraph.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-paragraph.selectrofy,
.sr-context-menu-item span.icon.editor-paragraph.selectrofy {
  background-size: 10px 12px !important;
  margin-right: 10px;
}
span.icon.editor-bold,
div.common-icon.editor-bold,
.sr-selectro .input-container span.imgSpan.editor-bold,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-bold,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-bold,
.sr-context-menu-item span.icon.editor-bold {
  height: 10px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-bold.png");
  background-size: 8px 10px;
  width: 8px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-bold,
  div.common-icon.editor-bold,
  .sr-selectro .input-container span.imgSpan.editor-bold,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-bold,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-bold,
  .sr-context-menu-item span.icon.editor-bold {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-bold@2x.png");
    background-size: 8px 10px;
  }
}
span.icon.editor-bold.selectrofy,
div.common-icon.editor-bold.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-bold.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-bold.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-bold.selectrofy,
.sr-context-menu-item span.icon.editor-bold.selectrofy {
  background-size: 8px 10px !important;
  margin-right: 10px;
}
span.icon.editor-italic,
div.common-icon.editor-italic,
.sr-selectro .input-container span.imgSpan.editor-italic,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-italic,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-italic,
.sr-context-menu-item span.icon.editor-italic {
  height: 10px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-italic.png");
  background-size: 8px 10px;
  width: 8px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-italic,
  div.common-icon.editor-italic,
  .sr-selectro .input-container span.imgSpan.editor-italic,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-italic,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-italic,
  .sr-context-menu-item span.icon.editor-italic {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-italic@2x.png");
    background-size: 8px 10px;
  }
}
span.icon.editor-italic.selectrofy,
div.common-icon.editor-italic.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-italic.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-italic.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-italic.selectrofy,
.sr-context-menu-item span.icon.editor-italic.selectrofy {
  background-size: 8px 10px !important;
  margin-right: 10px;
}
span.icon.editor-link,
div.common-icon.editor-link,
.sr-selectro .input-container span.imgSpan.editor-link,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-link,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-link,
.sr-context-menu-item span.icon.editor-link {
  height: 14px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-link.png");
  background-size: 14px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-link,
  div.common-icon.editor-link,
  .sr-selectro .input-container span.imgSpan.editor-link,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-link,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-link,
  .sr-context-menu-item span.icon.editor-link {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-link@2x.png");
    background-size: 14px 14px;
  }
}
span.icon.editor-link.selectrofy,
div.common-icon.editor-link.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-link.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-link.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-link.selectrofy,
.sr-context-menu-item span.icon.editor-link.selectrofy {
  background-size: 14px 14px !important;
  margin-right: 10px;
}
span.icon.editor-ulist,
div.common-icon.editor-ulist,
.sr-selectro .input-container span.imgSpan.editor-ulist,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-ulist,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-ulist,
.sr-context-menu-item span.icon.editor-ulist {
  height: 12px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-ulist.png");
  background-size: 16px 12px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-ulist,
  div.common-icon.editor-ulist,
  .sr-selectro .input-container span.imgSpan.editor-ulist,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-ulist,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-ulist,
  .sr-context-menu-item span.icon.editor-ulist {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-ulist@2x.png");
    background-size: 16px 12px;
  }
}
span.icon.editor-ulist.selectrofy,
div.common-icon.editor-ulist.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-ulist.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-ulist.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-ulist.selectrofy,
.sr-context-menu-item span.icon.editor-ulist.selectrofy {
  background-size: 16px 12px !important;
  margin-right: 10px;
}
span.icon.editor-olist,
div.common-icon.editor-olist,
.sr-selectro .input-container span.imgSpan.editor-olist,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-olist,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-olist,
.sr-context-menu-item span.icon.editor-olist {
  height: 14px;
  background-image: url("images/sr-common-icons/rich-text-editor/editor-olist.png");
  background-size: 16px 14px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.editor-olist,
  div.common-icon.editor-olist,
  .sr-selectro .input-container span.imgSpan.editor-olist,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-olist,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-olist,
  .sr-context-menu-item span.icon.editor-olist {
    background-image: url("images/sr-common-icons/rich-text-editor/editor-olist@2x.png");
    background-size: 16px 14px;
  }
}
span.icon.editor-olist.selectrofy,
div.common-icon.editor-olist.selectrofy,
.sr-selectro .input-container span.imgSpan.editor-olist.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-olist.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).editor-olist.selectrofy,
.sr-context-menu-item span.icon.editor-olist.selectrofy {
  background-size: 16px 14px !important;
  margin-right: 10px;
}
span.icon.status-planned,
div.common-icon.status-planned,
.sr-selectro .input-container span.imgSpan.status-planned,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned,
.sr-context-menu-item span.icon.status-planned {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/planned.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-planned,
  div.common-icon.status-planned,
  .sr-selectro .input-container span.imgSpan.status-planned,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned,
  .sr-context-menu-item span.icon.status-planned {
    background-image: url("images/sr-common-icons/task-states/planned@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.status-planned.selectrofy,
div.common-icon.status-planned.selectrofy,
.sr-selectro .input-container span.imgSpan.status-planned.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned.selectrofy,
.sr-context-menu-item span.icon.status-planned.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-planned.active,
div.common-icon.status-planned.active,
.sr-selectro .input-container span.imgSpan.status-planned.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned.active,
.sr-context-menu-item span.icon.status-planned.active {
  background-position: -10px 0;
}
span.icon.status-planned-large,
div.common-icon.status-planned-large,
.sr-selectro .input-container span.imgSpan.status-planned-large,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large,
.sr-context-menu-item span.icon.status-planned-large {
  height: 14px;
  background-image: url("images/sr-common-icons/task-states/planned-large.png");
  background-size: 28px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-planned-large,
  div.common-icon.status-planned-large,
  .sr-selectro .input-container span.imgSpan.status-planned-large,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large,
  .sr-context-menu-item span.icon.status-planned-large {
    background-image: url("images/sr-common-icons/task-states/planned-large@2x.png");
    background-size: 28px 14px;
  }
}
span.icon.status-planned-large.selectrofy,
div.common-icon.status-planned-large.selectrofy,
.sr-selectro .input-container span.imgSpan.status-planned-large.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large.selectrofy,
.sr-context-menu-item span.icon.status-planned-large.selectrofy {
  background-size: 28px 14px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.status-planned-large.active,
div.common-icon.status-planned-large.active,
.sr-selectro .input-container span.imgSpan.status-planned-large.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-planned-large.active,
.sr-context-menu-item span.icon.status-planned-large.active {
  background-position: -14px 0;
}
span.icon.status-open,
div.common-icon.status-open,
.sr-selectro .input-container span.imgSpan.status-open,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open,
.sr-context-menu-item span.icon.status-open {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/open-circle.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-open,
  div.common-icon.status-open,
  .sr-selectro .input-container span.imgSpan.status-open,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open,
  .sr-context-menu-item span.icon.status-open {
    background-image: url("images/sr-common-icons/task-states/open-circle@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.status-open.selectrofy,
div.common-icon.status-open.selectrofy,
.sr-selectro .input-container span.imgSpan.status-open.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open.selectrofy,
.sr-context-menu-item span.icon.status-open.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-open.active,
div.common-icon.status-open.active,
.sr-selectro .input-container span.imgSpan.status-open.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open.active,
.sr-context-menu-item span.icon.status-open.active {
  background-position: -10px 0;
}
span.icon.status-open-large,
div.common-icon.status-open-large,
.sr-selectro .input-container span.imgSpan.status-open-large,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large,
.sr-context-menu-item span.icon.status-open-large {
  height: 14px;
  background-image: url("images/sr-common-icons/task-states/open-circle-large.png");
  background-size: 28px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-open-large,
  div.common-icon.status-open-large,
  .sr-selectro .input-container span.imgSpan.status-open-large,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large,
  .sr-context-menu-item span.icon.status-open-large {
    background-image: url("images/sr-common-icons/task-states/open-circle-large@2x.png");
    background-size: 28px 14px;
  }
}
span.icon.status-open-large.selectrofy,
div.common-icon.status-open-large.selectrofy,
.sr-selectro .input-container span.imgSpan.status-open-large.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large.selectrofy,
.sr-context-menu-item span.icon.status-open-large.selectrofy {
  background-size: 28px 14px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.status-open-large.active,
div.common-icon.status-open-large.active,
.sr-selectro .input-container span.imgSpan.status-open-large.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-open-large.active,
.sr-context-menu-item span.icon.status-open-large.active {
  background-position: -14px 0;
}
span.icon.status-admin-model,
div.common-icon.status-admin-model,
.sr-selectro .input-container span.imgSpan.status-admin-model,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model,
.sr-context-menu-item span.icon.status-admin-model {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/open-grey-circle.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-admin-model,
  div.common-icon.status-admin-model,
  .sr-selectro .input-container span.imgSpan.status-admin-model,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model,
  .sr-context-menu-item span.icon.status-admin-model {
    background-image: url("images/sr-common-icons/task-states/open-grey-circle@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.status-admin-model.selectrofy,
div.common-icon.status-admin-model.selectrofy,
.sr-selectro .input-container span.imgSpan.status-admin-model.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model.selectrofy,
.sr-context-menu-item span.icon.status-admin-model.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-admin-model.active,
div.common-icon.status-admin-model.active,
.sr-selectro .input-container span.imgSpan.status-admin-model.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-admin-model.active,
.sr-context-menu-item span.icon.status-admin-model.active {
  background-position: -10px 0;
}
span.icon.status-in-progress,
div.common-icon.status-in-progress,
.sr-selectro .input-container span.imgSpan.status-in-progress,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress,
.sr-context-menu-item span.icon.status-in-progress {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/half-circle.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-in-progress,
  div.common-icon.status-in-progress,
  .sr-selectro .input-container span.imgSpan.status-in-progress,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress,
  .sr-context-menu-item span.icon.status-in-progress {
    background-image: url("images/sr-common-icons/task-states/half-circle@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.status-in-progress.selectrofy,
div.common-icon.status-in-progress.selectrofy,
.sr-selectro .input-container span.imgSpan.status-in-progress.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress.selectrofy,
.sr-context-menu-item span.icon.status-in-progress.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-in-progress.active,
div.common-icon.status-in-progress.active,
.sr-selectro .input-container span.imgSpan.status-in-progress.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress.active,
.sr-context-menu-item span.icon.status-in-progress.active {
  background-position: -10px 0;
}
span.icon.status-in-progress-large,
div.common-icon.status-in-progress-large,
.sr-selectro .input-container span.imgSpan.status-in-progress-large,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large,
.sr-context-menu-item span.icon.status-in-progress-large {
  height: 14px;
  background-image: url("images/sr-common-icons/task-states/half-circle-large.png");
  background-size: 28px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-in-progress-large,
  div.common-icon.status-in-progress-large,
  .sr-selectro .input-container span.imgSpan.status-in-progress-large,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large,
  .sr-context-menu-item span.icon.status-in-progress-large {
    background-image: url("images/sr-common-icons/task-states/half-circle-large@2x.png");
    background-size: 28px 14px;
  }
}
span.icon.status-in-progress-large.selectrofy,
div.common-icon.status-in-progress-large.selectrofy,
.sr-selectro .input-container span.imgSpan.status-in-progress-large.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large.selectrofy,
.sr-context-menu-item span.icon.status-in-progress-large.selectrofy {
  background-size: 28px 14px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.status-in-progress-large.active,
div.common-icon.status-in-progress-large.active,
.sr-selectro .input-container span.imgSpan.status-in-progress-large.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-in-progress-large.active,
.sr-context-menu-item span.icon.status-in-progress-large.active {
  background-position: -14px 0;
}
span.icon.status-paused,
div.common-icon.status-paused,
.sr-selectro .input-container span.imgSpan.status-paused,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused,
.sr-context-menu-item span.icon.status-paused {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/paused-bars.png");
  background-size: 16px 10px;
  width: 8px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-paused,
  div.common-icon.status-paused,
  .sr-selectro .input-container span.imgSpan.status-paused,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused,
  .sr-context-menu-item span.icon.status-paused {
    background-image: url("images/sr-common-icons/task-states/paused-bars@2x.png");
    background-size: 16px 10px;
  }
}
span.icon.status-paused.selectrofy,
div.common-icon.status-paused.selectrofy,
.sr-selectro .input-container span.imgSpan.status-paused.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused.selectrofy,
.sr-context-menu-item span.icon.status-paused.selectrofy {
  background-size: 16px 10px !important;
  margin-right: 10px;
  margin-right: 6px;
  margin-left: 6px;
}
span.icon.status-paused.active,
div.common-icon.status-paused.active,
.sr-selectro .input-container span.imgSpan.status-paused.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused.active,
.sr-context-menu-item span.icon.status-paused.active {
  background-position: -8px 0;
}
span.icon.status-paused-large,
div.common-icon.status-paused-large,
.sr-selectro .input-container span.imgSpan.status-paused-large,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large,
.sr-context-menu-item span.icon.status-paused-large {
  height: 14px;
  background-image: url("images/sr-common-icons/task-states/paused-bars-large.png");
  background-size: 24px 14px;
  width: 12px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-paused-large,
  div.common-icon.status-paused-large,
  .sr-selectro .input-container span.imgSpan.status-paused-large,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large,
  .sr-context-menu-item span.icon.status-paused-large {
    background-image: url("images/sr-common-icons/task-states/paused-bars-large@2x.png");
    background-size: 24px 14px;
  }
}
span.icon.status-paused-large.selectrofy,
div.common-icon.status-paused-large.selectrofy,
.sr-selectro .input-container span.imgSpan.status-paused-large.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large.selectrofy,
.sr-context-menu-item span.icon.status-paused-large.selectrofy {
  background-size: 24px 14px !important;
  margin-right: 10px;
  margin-right: 4px;
  margin-left: 4px;
}
span.icon.status-paused-large.active,
div.common-icon.status-paused-large.active,
.sr-selectro .input-container span.imgSpan.status-paused-large.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-paused-large.active,
.sr-context-menu-item span.icon.status-paused-large.active {
  background-position: -12px 0;
}
span.icon.status-closed,
div.common-icon.status-closed,
.sr-selectro .input-container span.imgSpan.status-closed,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed,
.sr-context-menu-item span.icon.status-closed {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/closed-circle.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-closed,
  div.common-icon.status-closed,
  .sr-selectro .input-container span.imgSpan.status-closed,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed,
  .sr-context-menu-item span.icon.status-closed {
    background-image: url("images/sr-common-icons/task-states/closed-circle@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.status-closed.selectrofy,
div.common-icon.status-closed.selectrofy,
.sr-selectro .input-container span.imgSpan.status-closed.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed.selectrofy,
.sr-context-menu-item span.icon.status-closed.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-closed.active,
div.common-icon.status-closed.active,
.sr-selectro .input-container span.imgSpan.status-closed.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed.active,
.sr-context-menu-item span.icon.status-closed.active {
  background-position: -10px 0;
}
span.icon.status-closed-large,
div.common-icon.status-closed-large,
.sr-selectro .input-container span.imgSpan.status-closed-large,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large,
.sr-context-menu-item span.icon.status-closed-large {
  height: 14px;
  background-image: url("images/sr-common-icons/task-states/closed-circle-large.png");
  background-size: 28px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-closed-large,
  div.common-icon.status-closed-large,
  .sr-selectro .input-container span.imgSpan.status-closed-large,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large,
  .sr-context-menu-item span.icon.status-closed-large {
    background-image: url("images/sr-common-icons/task-states/closed-circle-large@2x.png");
    background-size: 28px 14px;
  }
}
span.icon.status-closed-large.selectrofy,
div.common-icon.status-closed-large.selectrofy,
.sr-selectro .input-container span.imgSpan.status-closed-large.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large.selectrofy,
.sr-context-menu-item span.icon.status-closed-large.selectrofy {
  background-size: 28px 14px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.status-closed-large.active,
div.common-icon.status-closed-large.active,
.sr-selectro .input-container span.imgSpan.status-closed-large.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-large.active,
.sr-context-menu-item span.icon.status-closed-large.active {
  background-position: -14px 0;
}
span.icon.status-closed-alt,
div.common-icon.status-closed-alt,
.sr-selectro .input-container span.imgSpan.status-closed-alt,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt,
.sr-context-menu-item span.icon.status-closed-alt {
  height: 3px;
  background-image: url("images/sr-common-icons/task-states/dash.png");
  background-size: 20px 3px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-closed-alt,
  div.common-icon.status-closed-alt,
  .sr-selectro .input-container span.imgSpan.status-closed-alt,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt,
  .sr-context-menu-item span.icon.status-closed-alt {
    background-image: url("images/sr-common-icons/task-states/dash@2x.png");
    background-size: 20px 3px;
  }
}
span.icon.status-closed-alt.selectrofy,
div.common-icon.status-closed-alt.selectrofy,
.sr-selectro .input-container span.imgSpan.status-closed-alt.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt.selectrofy,
.sr-context-menu-item span.icon.status-closed-alt.selectrofy {
  background-size: 20px 3px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-closed-alt.active,
div.common-icon.status-closed-alt.active,
.sr-selectro .input-container span.imgSpan.status-closed-alt.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt.active,
.sr-context-menu-item span.icon.status-closed-alt.active {
  background-position: -10px 0;
}
span.icon.status-closed-alt-large,
div.common-icon.status-closed-alt-large,
.sr-selectro .input-container span.imgSpan.status-closed-alt-large,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large,
.sr-context-menu-item span.icon.status-closed-alt-large {
  height: 4px;
  background-image: url("images/sr-common-icons/task-states/dash-large.png");
  background-size: 26px 4px;
  width: 13px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-closed-alt-large,
  div.common-icon.status-closed-alt-large,
  .sr-selectro .input-container span.imgSpan.status-closed-alt-large,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large,
  .sr-context-menu-item span.icon.status-closed-alt-large {
    background-image: url("images/sr-common-icons/task-states/dash-large@2x.png");
    background-size: 26px 4px;
  }
}
span.icon.status-closed-alt-large.selectrofy,
div.common-icon.status-closed-alt-large.selectrofy,
.sr-selectro .input-container span.imgSpan.status-closed-alt-large.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large.selectrofy,
.sr-context-menu-item span.icon.status-closed-alt-large.selectrofy {
  background-size: 26px 4px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.status-closed-alt-large.active,
div.common-icon.status-closed-alt-large.active,
.sr-selectro .input-container span.imgSpan.status-closed-alt-large.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-closed-alt-large.active,
.sr-context-menu-item span.icon.status-closed-alt-large.active {
  background-position: -13px 0;
}
span.icon.status-past-due-small,
div.common-icon.status-past-due-small,
.sr-selectro .input-container span.imgSpan.status-past-due-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small,
.sr-context-menu-item span.icon.status-past-due-small {
  height: 8px;
  background-image: url("images/sr-common-icons/task-states/past-due-small.png");
  background-size: 16px 8px;
  width: 8px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-past-due-small,
  div.common-icon.status-past-due-small,
  .sr-selectro .input-container span.imgSpan.status-past-due-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small,
  .sr-context-menu-item span.icon.status-past-due-small {
    background-image: url("images/sr-common-icons/task-states/past-due-small@2x.png");
    background-size: 16px 8px;
  }
}
span.icon.status-past-due-small.selectrofy,
div.common-icon.status-past-due-small.selectrofy,
.sr-selectro .input-container span.imgSpan.status-past-due-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small.selectrofy,
.sr-context-menu-item span.icon.status-past-due-small.selectrofy {
  background-size: 16px 8px !important;
  margin-right: 10px;
  margin-right: 6px;
  margin-left: 6px;
}
span.icon.status-past-due-small.active,
div.common-icon.status-past-due-small.active,
.sr-selectro .input-container span.imgSpan.status-past-due-small.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-past-due-small.active,
.sr-context-menu-item span.icon.status-past-due-small.active {
  background-position: -8px 0;
}
span.icon.status-urgent-small,
div.common-icon.status-urgent-small,
.sr-selectro .input-container span.imgSpan.status-urgent-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small,
.sr-context-menu-item span.icon.status-urgent-small {
  height: 9px;
  background-image: url("images/sr-common-icons/task-states/urgent-small.png");
  background-size: 20px 9px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-urgent-small,
  div.common-icon.status-urgent-small,
  .sr-selectro .input-container span.imgSpan.status-urgent-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small,
  .sr-context-menu-item span.icon.status-urgent-small {
    background-image: url("images/sr-common-icons/task-states/urgent-small@2x.png");
    background-size: 20px 9px;
  }
}
span.icon.status-urgent-small.selectrofy,
div.common-icon.status-urgent-small.selectrofy,
.sr-selectro .input-container span.imgSpan.status-urgent-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small.selectrofy,
.sr-context-menu-item span.icon.status-urgent-small.selectrofy {
  background-size: 20px 9px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-urgent-small.active,
div.common-icon.status-urgent-small.active,
.sr-selectro .input-container span.imgSpan.status-urgent-small.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-urgent-small.active,
.sr-context-menu-item span.icon.status-urgent-small.active {
  background-position: -10px 0;
}
span.icon.status-inactive,
div.common-icon.status-inactive,
.sr-selectro .input-container span.imgSpan.status-inactive,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive,
.sr-context-menu-item span.icon.status-inactive {
  height: 10px;
  background-image: url("images/sr-common-icons/task-states/inactive.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.status-inactive,
  div.common-icon.status-inactive,
  .sr-selectro .input-container span.imgSpan.status-inactive,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive,
  .sr-context-menu-item span.icon.status-inactive {
    background-image: url("images/sr-common-icons/task-states/inactive@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.status-inactive.selectrofy,
div.common-icon.status-inactive.selectrofy,
.sr-selectro .input-container span.imgSpan.status-inactive.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive.selectrofy,
.sr-context-menu-item span.icon.status-inactive.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.status-inactive.active,
div.common-icon.status-inactive.active,
.sr-selectro .input-container span.imgSpan.status-inactive.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).status-inactive.active,
.sr-context-menu-item span.icon.status-inactive.active {
  background-position: -10px 0;
}
span.icon.schedule-urgent-24,
div.common-icon.schedule-urgent-24,
.sr-selectro .input-container span.imgSpan.schedule-urgent-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-urgent-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-urgent-24,
.sr-context-menu-item span.icon.schedule-urgent-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/urgent-color.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-urgent-24,
  div.common-icon.schedule-urgent-24,
  .sr-selectro .input-container span.imgSpan.schedule-urgent-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-urgent-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-urgent-24,
  .sr-context-menu-item span.icon.schedule-urgent-24 {
    background-image: url("images/timeframes/24w/black/urgent-color@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-urgent-24.selectrofy,
div.common-icon.schedule-urgent-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-urgent-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-urgent-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-urgent-24.selectrofy,
.sr-context-menu-item span.icon.schedule-urgent-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-past-due-24,
div.common-icon.schedule-past-due-24,
.sr-selectro .input-container span.imgSpan.schedule-past-due-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-past-due-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-past-due-24,
.sr-context-menu-item span.icon.schedule-past-due-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/past-due-color.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-past-due-24,
  div.common-icon.schedule-past-due-24,
  .sr-selectro .input-container span.imgSpan.schedule-past-due-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-past-due-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-past-due-24,
  .sr-context-menu-item span.icon.schedule-past-due-24 {
    background-image: url("images/timeframes/24w/black/past-due-color@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-past-due-24.selectrofy,
div.common-icon.schedule-past-due-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-past-due-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-past-due-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-past-due-24.selectrofy,
.sr-context-menu-item span.icon.schedule-past-due-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-unscheduled-24,
div.common-icon.schedule-unscheduled-24,
.sr-selectro .input-container span.imgSpan.schedule-unscheduled-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-unscheduled-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-unscheduled-24,
.sr-context-menu-item span.icon.schedule-unscheduled-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/unscheduled.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-unscheduled-24,
  div.common-icon.schedule-unscheduled-24,
  .sr-selectro .input-container span.imgSpan.schedule-unscheduled-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-unscheduled-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-unscheduled-24,
  .sr-context-menu-item span.icon.schedule-unscheduled-24 {
    background-image: url("images/timeframes/24w/black/unscheduled@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-unscheduled-24.selectrofy,
div.common-icon.schedule-unscheduled-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-unscheduled-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-unscheduled-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-unscheduled-24.selectrofy,
.sr-context-menu-item span.icon.schedule-unscheduled-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-today-24,
div.common-icon.schedule-today-24,
.sr-selectro .input-container span.imgSpan.schedule-today-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-today-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-today-24,
.sr-context-menu-item span.icon.schedule-today-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/today.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-today-24,
  div.common-icon.schedule-today-24,
  .sr-selectro .input-container span.imgSpan.schedule-today-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-today-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-today-24,
  .sr-context-menu-item span.icon.schedule-today-24 {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-today-24.selectrofy,
div.common-icon.schedule-today-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-today-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-today-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-today-24.selectrofy,
.sr-context-menu-item span.icon.schedule-today-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-morning-24,
div.common-icon.schedule-this-morning-24,
.sr-selectro .input-container span.imgSpan.schedule-this-morning-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24,
.sr-context-menu-item span.icon.schedule-this-morning-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-morning.png");
  background-size: 24px 24px;
  background-image: url("images/timeframes/24w/black/this-morning.svg");
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-morning-24,
  div.common-icon.schedule-this-morning-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-morning-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24,
  .sr-context-menu-item span.icon.schedule-this-morning-24 {
    background-image: url("images/timeframes/24w/black/this-morning@2x.png");
    background-size: 24px 24px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-morning-24,
  div.common-icon.schedule-this-morning-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-morning-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24,
  .sr-context-menu-item span.icon.schedule-this-morning-24 {
    background-image: url("images/timeframes/24w/black/this-morning.svg");
  }
}
span.icon.schedule-this-morning-24.bg-center,
div.common-icon.schedule-this-morning-24.bg-center,
.sr-selectro .input-container span.imgSpan.schedule-this-morning-24.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.bg-center,
.sr-context-menu-item span.icon.schedule-this-morning-24.bg-center {
  background-position: center center;
}
span.icon.schedule-this-morning-24.w28,
div.common-icon.schedule-this-morning-24.w28,
.sr-selectro .input-container span.imgSpan.schedule-this-morning-24.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.w28,
.sr-context-menu-item span.icon.schedule-this-morning-24.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.schedule-this-morning-24.w40,
div.common-icon.schedule-this-morning-24.w40,
.sr-selectro .input-container span.imgSpan.schedule-this-morning-24.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.w40,
.sr-context-menu-item span.icon.schedule-this-morning-24.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.schedule-this-morning-24.selectrofy,
div.common-icon.schedule-this-morning-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-morning-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-morning-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-morning-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-afternoon-24,
div.common-icon.schedule-this-afternoon-24,
.sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24,
.sr-context-menu-item span.icon.schedule-this-afternoon-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-afternoon.png");
  background-size: 24px 24px;
  background-image: url("images/timeframes/24w/black/this-afternoon.svg");
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-afternoon-24,
  div.common-icon.schedule-this-afternoon-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24,
  .sr-context-menu-item span.icon.schedule-this-afternoon-24 {
    background-image: url("images/timeframes/24w/black/this-afternoon@2x.png");
    background-size: 24px 24px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-afternoon-24,
  div.common-icon.schedule-this-afternoon-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24,
  .sr-context-menu-item span.icon.schedule-this-afternoon-24 {
    background-image: url("images/timeframes/24w/black/this-afternoon.svg");
  }
}
span.icon.schedule-this-afternoon-24.bg-center,
div.common-icon.schedule-this-afternoon-24.bg-center,
.sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.bg-center,
.sr-context-menu-item span.icon.schedule-this-afternoon-24.bg-center {
  background-position: center center;
}
span.icon.schedule-this-afternoon-24.w28,
div.common-icon.schedule-this-afternoon-24.w28,
.sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.w28,
.sr-context-menu-item span.icon.schedule-this-afternoon-24.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.schedule-this-afternoon-24.w40,
div.common-icon.schedule-this-afternoon-24.w40,
.sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.w40,
.sr-context-menu-item span.icon.schedule-this-afternoon-24.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.schedule-this-afternoon-24.selectrofy,
div.common-icon.schedule-this-afternoon-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-afternoon-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-afternoon-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-afternoon-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-evening-24,
div.common-icon.schedule-this-evening-24,
.sr-selectro .input-container span.imgSpan.schedule-this-evening-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24,
.sr-context-menu-item span.icon.schedule-this-evening-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-evening.png");
  background-size: 24px 24px;
  background-image: url("images/timeframes/24w/black/this-evening.svg");
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-evening-24,
  div.common-icon.schedule-this-evening-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-evening-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24,
  .sr-context-menu-item span.icon.schedule-this-evening-24 {
    background-image: url("images/timeframes/24w/black/this-evening@2x.png");
    background-size: 24px 24px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-evening-24,
  div.common-icon.schedule-this-evening-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-evening-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24,
  .sr-context-menu-item span.icon.schedule-this-evening-24 {
    background-image: url("images/timeframes/24w/black/this-evening.svg");
  }
}
span.icon.schedule-this-evening-24.bg-center,
div.common-icon.schedule-this-evening-24.bg-center,
.sr-selectro .input-container span.imgSpan.schedule-this-evening-24.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.bg-center,
.sr-context-menu-item span.icon.schedule-this-evening-24.bg-center {
  background-position: center center;
}
span.icon.schedule-this-evening-24.w28,
div.common-icon.schedule-this-evening-24.w28,
.sr-selectro .input-container span.imgSpan.schedule-this-evening-24.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.w28,
.sr-context-menu-item span.icon.schedule-this-evening-24.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.schedule-this-evening-24.w40,
div.common-icon.schedule-this-evening-24.w40,
.sr-selectro .input-container span.imgSpan.schedule-this-evening-24.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.w40,
.sr-context-menu-item span.icon.schedule-this-evening-24.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.schedule-this-evening-24.selectrofy,
div.common-icon.schedule-this-evening-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-evening-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-evening-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-evening-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-tomorrow-24,
div.common-icon.schedule-tomorrow-24,
.sr-selectro .input-container span.imgSpan.schedule-tomorrow-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-tomorrow-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-tomorrow-24,
.sr-context-menu-item span.icon.schedule-tomorrow-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/tomorrow.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-tomorrow-24,
  div.common-icon.schedule-tomorrow-24,
  .sr-selectro .input-container span.imgSpan.schedule-tomorrow-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-tomorrow-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-tomorrow-24,
  .sr-context-menu-item span.icon.schedule-tomorrow-24 {
    background-image: url("images/timeframes/24w/black/tomorrow@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-tomorrow-24.selectrofy,
div.common-icon.schedule-tomorrow-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-tomorrow-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-tomorrow-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-tomorrow-24.selectrofy,
.sr-context-menu-item span.icon.schedule-tomorrow-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-week-24,
div.common-icon.schedule-this-week-24,
.sr-selectro .input-container span.imgSpan.schedule-this-week-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-week-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-week-24,
.sr-context-menu-item span.icon.schedule-this-week-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/week.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-week-24,
  div.common-icon.schedule-this-week-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-week-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-week-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-week-24,
  .sr-context-menu-item span.icon.schedule-this-week-24 {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-this-week-24.selectrofy,
div.common-icon.schedule-this-week-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-week-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-week-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-week-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-week-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-next-week-24,
div.common-icon.schedule-next-week-24,
.sr-selectro .input-container span.imgSpan.schedule-next-week-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-week-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-week-24,
.sr-context-menu-item span.icon.schedule-next-week-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/next-week.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-next-week-24,
  div.common-icon.schedule-next-week-24,
  .sr-selectro .input-container span.imgSpan.schedule-next-week-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-week-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-week-24,
  .sr-context-menu-item span.icon.schedule-next-week-24 {
    background-image: url("images/timeframes/24w/black/next-week@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-next-week-24.selectrofy,
div.common-icon.schedule-next-week-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-next-week-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-week-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-week-24.selectrofy,
.sr-context-menu-item span.icon.schedule-next-week-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-month-24,
div.common-icon.schedule-this-month-24,
.sr-selectro .input-container span.imgSpan.schedule-this-month-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-month-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-month-24,
.sr-context-menu-item span.icon.schedule-this-month-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-month.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-month-24,
  div.common-icon.schedule-this-month-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-month-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-month-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-month-24,
  .sr-context-menu-item span.icon.schedule-this-month-24 {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-this-month-24.selectrofy,
div.common-icon.schedule-this-month-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-month-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-month-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-month-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-month-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-quarter-24,
div.common-icon.schedule-this-quarter-24,
.sr-selectro .input-container span.imgSpan.schedule-this-quarter-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-quarter-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-quarter-24,
.sr-context-menu-item span.icon.schedule-this-quarter-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-quarter.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-quarter-24,
  div.common-icon.schedule-this-quarter-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-quarter-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-quarter-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-quarter-24,
  .sr-context-menu-item span.icon.schedule-this-quarter-24 {
    background-image: url("images/timeframes/24w/black/this-quarter@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-this-quarter-24.selectrofy,
div.common-icon.schedule-this-quarter-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-quarter-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-quarter-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-quarter-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-quarter-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-this-year-24,
div.common-icon.schedule-this-year-24,
.sr-selectro .input-container span.imgSpan.schedule-this-year-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-year-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-year-24,
.sr-context-menu-item span.icon.schedule-this-year-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-year.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-this-year-24,
  div.common-icon.schedule-this-year-24,
  .sr-selectro .input-container span.imgSpan.schedule-this-year-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-year-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-year-24,
  .sr-context-menu-item span.icon.schedule-this-year-24 {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-this-year-24.selectrofy,
div.common-icon.schedule-this-year-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-this-year-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-year-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-this-year-24.selectrofy,
.sr-context-menu-item span.icon.schedule-this-year-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.schedule-next-year-and-beyond-24,
div.common-icon.schedule-next-year-and-beyond-24,
.sr-selectro .input-container span.imgSpan.schedule-next-year-and-beyond-24,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-year-and-beyond-24,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-year-and-beyond-24,
.sr-context-menu-item span.icon.schedule-next-year-and-beyond-24 {
  height: 24px;
  background-image: url("images/timeframes/24w/black/next-year-and-beyond.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.schedule-next-year-and-beyond-24,
  div.common-icon.schedule-next-year-and-beyond-24,
  .sr-selectro .input-container span.imgSpan.schedule-next-year-and-beyond-24,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-year-and-beyond-24,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-year-and-beyond-24,
  .sr-context-menu-item span.icon.schedule-next-year-and-beyond-24 {
    background-image: url("images/timeframes/24w/black/next-year-and-beyond@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.schedule-next-year-and-beyond-24.selectrofy,
div.common-icon.schedule-next-year-and-beyond-24.selectrofy,
.sr-selectro .input-container span.imgSpan.schedule-next-year-and-beyond-24.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-year-and-beyond-24.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).schedule-next-year-and-beyond-24.selectrofy,
.sr-context-menu-item span.icon.schedule-next-year-and-beyond-24.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.change-completion-type,
div.common-icon.change-completion-type,
.sr-selectro .input-container span.imgSpan.change-completion-type,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).change-completion-type,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).change-completion-type,
.sr-context-menu-item span.icon.change-completion-type {
  height: 11px;
  background-image: url("images/sr-common-icons/completable/change-completion-type.png");
  background-size: 15px 11px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.change-completion-type,
  div.common-icon.change-completion-type,
  .sr-selectro .input-container span.imgSpan.change-completion-type,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).change-completion-type,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).change-completion-type,
  .sr-context-menu-item span.icon.change-completion-type {
    background-image: url("images/sr-common-icons/completable/change-completion-type@2x.png");
    background-size: 15px 11px;
  }
}
span.icon.change-completion-type.selectrofy,
div.common-icon.change-completion-type.selectrofy,
.sr-selectro .input-container span.imgSpan.change-completion-type.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).change-completion-type.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).change-completion-type.selectrofy,
.sr-context-menu-item span.icon.change-completion-type.selectrofy {
  background-size: 15px 11px !important;
  margin-right: 10px;
}
span.icon.close-white,
div.common-icon.close-white,
.sr-selectro .input-container span.imgSpan.close-white,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-white,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-white,
.sr-context-menu-item span.icon.close-white {
  height: 11px;
  background-image: url("images/sr-common-icons/completable/close-white.png");
  background-size: 17px 11px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.close-white,
  div.common-icon.close-white,
  .sr-selectro .input-container span.imgSpan.close-white,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-white,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-white,
  .sr-context-menu-item span.icon.close-white {
    background-image: url("images/sr-common-icons/completable/close-white@2x.png");
    background-size: 17px 11px;
  }
}
span.icon.close-white.selectrofy,
div.common-icon.close-white.selectrofy,
.sr-selectro .input-container span.imgSpan.close-white.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-white.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-white.selectrofy,
.sr-context-menu-item span.icon.close-white.selectrofy {
  background-size: 17px 11px !important;
  margin-right: 10px;
}
span.icon.completion-checkmark,
div.common-icon.completion-checkmark,
.sr-selectro .input-container span.imgSpan.completion-checkmark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark,
.sr-context-menu-item span.icon.completion-checkmark {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/check.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-checkmark,
  div.common-icon.completion-checkmark,
  .sr-selectro .input-container span.imgSpan.completion-checkmark,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark,
  .sr-context-menu-item span.icon.completion-checkmark {
    background-image: url("images/sr-common-icons/completion-types/check@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-checkmark.selectrofy,
div.common-icon.completion-checkmark.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-checkmark.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark.selectrofy,
.sr-context-menu-item span.icon.completion-checkmark.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-checkmark.active,
div.common-icon.completion-checkmark.active,
.sr-selectro .input-container span.imgSpan.completion-checkmark.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark.active,
.sr-context-menu-item span.icon.completion-checkmark.active {
  background-position: -20px 0;
}
span.icon.completion-checkmark-28,
div.common-icon.completion-checkmark-28,
.sr-selectro .input-container span.imgSpan.completion-checkmark-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark-28,
.sr-context-menu-item span.icon.completion-checkmark-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/check-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-checkmark-28,
  div.common-icon.completion-checkmark-28,
  .sr-selectro .input-container span.imgSpan.completion-checkmark-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark-28,
  .sr-context-menu-item span.icon.completion-checkmark-28 {
    background-image: url("images/sr-common-icons/completion-types/check-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-checkmark-28.selectrofy,
div.common-icon.completion-checkmark-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-checkmark-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-checkmark-28.selectrofy,
.sr-context-menu-item span.icon.completion-checkmark-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-audio,
div.common-icon.completion-audio,
.sr-selectro .input-container span.imgSpan.completion-audio,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio,
.sr-context-menu-item span.icon.completion-audio {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/audio.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-audio,
  div.common-icon.completion-audio,
  .sr-selectro .input-container span.imgSpan.completion-audio,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio,
  .sr-context-menu-item span.icon.completion-audio {
    background-image: url("images/sr-common-icons/completion-types/audio@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-audio.selectrofy,
div.common-icon.completion-audio.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-audio.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio.selectrofy,
.sr-context-menu-item span.icon.completion-audio.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-audio.active,
div.common-icon.completion-audio.active,
.sr-selectro .input-container span.imgSpan.completion-audio.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio.active,
.sr-context-menu-item span.icon.completion-audio.active {
  background-position: -20px 0;
}
span.icon.completion-audio-28,
div.common-icon.completion-audio-28,
.sr-selectro .input-container span.imgSpan.completion-audio-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio-28,
.sr-context-menu-item span.icon.completion-audio-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/audio-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-audio-28,
  div.common-icon.completion-audio-28,
  .sr-selectro .input-container span.imgSpan.completion-audio-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio-28,
  .sr-context-menu-item span.icon.completion-audio-28 {
    background-image: url("images/sr-common-icons/completion-types/audio-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-audio-28.selectrofy,
div.common-icon.completion-audio-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-audio-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-audio-28.selectrofy,
.sr-context-menu-item span.icon.completion-audio-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-photo,
div.common-icon.completion-photo,
.sr-selectro .input-container span.imgSpan.completion-photo,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo,
.sr-context-menu-item span.icon.completion-photo {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/photo.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-photo,
  div.common-icon.completion-photo,
  .sr-selectro .input-container span.imgSpan.completion-photo,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo,
  .sr-context-menu-item span.icon.completion-photo {
    background-image: url("images/sr-common-icons/completion-types/photo@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-photo.selectrofy,
div.common-icon.completion-photo.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-photo.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo.selectrofy,
.sr-context-menu-item span.icon.completion-photo.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-photo.active,
div.common-icon.completion-photo.active,
.sr-selectro .input-container span.imgSpan.completion-photo.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo.active,
.sr-context-menu-item span.icon.completion-photo.active {
  background-position: -20px 0;
}
span.icon.completion-photo-28,
div.common-icon.completion-photo-28,
.sr-selectro .input-container span.imgSpan.completion-photo-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo-28,
.sr-context-menu-item span.icon.completion-photo-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/photo-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-photo-28,
  div.common-icon.completion-photo-28,
  .sr-selectro .input-container span.imgSpan.completion-photo-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo-28,
  .sr-context-menu-item span.icon.completion-photo-28 {
    background-image: url("images/sr-common-icons/completion-types/photo-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-photo-28.selectrofy,
div.common-icon.completion-photo-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-photo-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-photo-28.selectrofy,
.sr-context-menu-item span.icon.completion-photo-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-video,
div.common-icon.completion-video,
.sr-selectro .input-container span.imgSpan.completion-video,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video,
.sr-context-menu-item span.icon.completion-video {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/video.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-video,
  div.common-icon.completion-video,
  .sr-selectro .input-container span.imgSpan.completion-video,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video,
  .sr-context-menu-item span.icon.completion-video {
    background-image: url("images/sr-common-icons/completion-types/video@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-video.selectrofy,
div.common-icon.completion-video.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-video.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video.selectrofy,
.sr-context-menu-item span.icon.completion-video.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-video.active,
div.common-icon.completion-video.active,
.sr-selectro .input-container span.imgSpan.completion-video.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video.active,
.sr-context-menu-item span.icon.completion-video.active {
  background-position: -20px 0;
}
span.icon.completion-video-28,
div.common-icon.completion-video-28,
.sr-selectro .input-container span.imgSpan.completion-video-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video-28,
.sr-context-menu-item span.icon.completion-video-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/video-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-video-28,
  div.common-icon.completion-video-28,
  .sr-selectro .input-container span.imgSpan.completion-video-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video-28,
  .sr-context-menu-item span.icon.completion-video-28 {
    background-image: url("images/sr-common-icons/completion-types/video-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-video-28.selectrofy,
div.common-icon.completion-video-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-video-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-video-28.selectrofy,
.sr-context-menu-item span.icon.completion-video-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-note,
div.common-icon.completion-note,
.sr-selectro .input-container span.imgSpan.completion-note,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note,
.sr-context-menu-item span.icon.completion-note {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/note.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-note,
  div.common-icon.completion-note,
  .sr-selectro .input-container span.imgSpan.completion-note,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note,
  .sr-context-menu-item span.icon.completion-note {
    background-image: url("images/sr-common-icons/completion-types/note@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-note.selectrofy,
div.common-icon.completion-note.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-note.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note.selectrofy,
.sr-context-menu-item span.icon.completion-note.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-note.active,
div.common-icon.completion-note.active,
.sr-selectro .input-container span.imgSpan.completion-note.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note.active,
.sr-context-menu-item span.icon.completion-note.active {
  background-position: -20px 0;
}
span.icon.completion-note-28,
div.common-icon.completion-note-28,
.sr-selectro .input-container span.imgSpan.completion-note-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note-28,
.sr-context-menu-item span.icon.completion-note-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/note-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-note-28,
  div.common-icon.completion-note-28,
  .sr-selectro .input-container span.imgSpan.completion-note-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note-28,
  .sr-context-menu-item span.icon.completion-note-28 {
    background-image: url("images/sr-common-icons/completion-types/note-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-note-28.selectrofy,
div.common-icon.completion-note-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-note-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-note-28.selectrofy,
.sr-context-menu-item span.icon.completion-note-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-signature,
div.common-icon.completion-signature,
.sr-selectro .input-container span.imgSpan.completion-signature,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature,
.sr-context-menu-item span.icon.completion-signature {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/signature.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-signature,
  div.common-icon.completion-signature,
  .sr-selectro .input-container span.imgSpan.completion-signature,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature,
  .sr-context-menu-item span.icon.completion-signature {
    background-image: url("images/sr-common-icons/completion-types/signature@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-signature.selectrofy,
div.common-icon.completion-signature.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-signature.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature.selectrofy,
.sr-context-menu-item span.icon.completion-signature.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-signature.active,
div.common-icon.completion-signature.active,
.sr-selectro .input-container span.imgSpan.completion-signature.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature.active,
.sr-context-menu-item span.icon.completion-signature.active {
  background-position: -20px 0;
}
span.icon.completion-signature-28,
div.common-icon.completion-signature-28,
.sr-selectro .input-container span.imgSpan.completion-signature-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature-28,
.sr-context-menu-item span.icon.completion-signature-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/signature-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-signature-28,
  div.common-icon.completion-signature-28,
  .sr-selectro .input-container span.imgSpan.completion-signature-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature-28,
  .sr-context-menu-item span.icon.completion-signature-28 {
    background-image: url("images/sr-common-icons/completion-types/signature-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-signature-28.selectrofy,
div.common-icon.completion-signature-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-signature-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-signature-28.selectrofy,
.sr-context-menu-item span.icon.completion-signature-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-rating,
div.common-icon.completion-rating,
.sr-selectro .input-container span.imgSpan.completion-rating,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating,
.sr-context-menu-item span.icon.completion-rating {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/rating.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-rating,
  div.common-icon.completion-rating,
  .sr-selectro .input-container span.imgSpan.completion-rating,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating,
  .sr-context-menu-item span.icon.completion-rating {
    background-image: url("images/sr-common-icons/completion-types/rating@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-rating.selectrofy,
div.common-icon.completion-rating.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-rating.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating.selectrofy,
.sr-context-menu-item span.icon.completion-rating.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-rating.active,
div.common-icon.completion-rating.active,
.sr-selectro .input-container span.imgSpan.completion-rating.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating.active,
.sr-context-menu-item span.icon.completion-rating.active {
  background-position: -20px 0;
}
span.icon.completion-rating-28,
div.common-icon.completion-rating-28,
.sr-selectro .input-container span.imgSpan.completion-rating-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating-28,
.sr-context-menu-item span.icon.completion-rating-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/rating-28.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-rating-28,
  div.common-icon.completion-rating-28,
  .sr-selectro .input-container span.imgSpan.completion-rating-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating-28,
  .sr-context-menu-item span.icon.completion-rating-28 {
    background-image: url("images/sr-common-icons/completion-types/rating-28@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.completion-rating-28.selectrofy,
div.common-icon.completion-rating-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-rating-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-rating-28.selectrofy,
.sr-context-menu-item span.icon.completion-rating-28.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.completion-form,
div.common-icon.completion-form,
.sr-selectro .input-container span.imgSpan.completion-form,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form,
.sr-context-menu-item span.icon.completion-form {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/form.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-form,
  div.common-icon.completion-form,
  .sr-selectro .input-container span.imgSpan.completion-form,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form,
  .sr-context-menu-item span.icon.completion-form {
    background-image: url("images/sr-common-icons/completion-types/form@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-form.selectrofy,
div.common-icon.completion-form.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-form.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form.selectrofy,
.sr-context-menu-item span.icon.completion-form.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-form.active,
div.common-icon.completion-form.active,
.sr-selectro .input-container span.imgSpan.completion-form.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form.active,
.sr-context-menu-item span.icon.completion-form.active {
  background-position: -20px 0;
}
span.icon.completion-form-28,
div.common-icon.completion-form-28,
.sr-selectro .input-container span.imgSpan.completion-form-28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28,
.sr-context-menu-item span.icon.completion-form-28 {
  height: 28px;
  background-image: url("images/sr-common-icons/completion-types/form-28.png");
  background-size: 56px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-form-28,
  div.common-icon.completion-form-28,
  .sr-selectro .input-container span.imgSpan.completion-form-28,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28,
  .sr-context-menu-item span.icon.completion-form-28 {
    background-image: url("images/sr-common-icons/completion-types/form-28@2x.png");
    background-size: 56px 28px;
  }
}
span.icon.completion-form-28.selectrofy,
div.common-icon.completion-form-28.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-form-28.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28.selectrofy,
.sr-context-menu-item span.icon.completion-form-28.selectrofy {
  background-size: 56px 28px !important;
  margin-right: 10px;
}
span.icon.completion-form-28.blue,
div.common-icon.completion-form-28.blue,
.sr-selectro .input-container span.imgSpan.completion-form-28.blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28.blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-form-28.blue,
.sr-context-menu-item span.icon.completion-form-28.blue {
  background-position: -28px 0;
}
span.icon.completion-cost,
div.common-icon.completion-cost,
.sr-selectro .input-container span.imgSpan.completion-cost,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost,
.sr-context-menu-item span.icon.completion-cost {
  height: 20px;
  background-image: url("images/sr-common-icons/completion-types/cost.png");
  background-size: 40px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.completion-cost,
  div.common-icon.completion-cost,
  .sr-selectro .input-container span.imgSpan.completion-cost,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost,
  .sr-context-menu-item span.icon.completion-cost {
    background-image: url("images/sr-common-icons/completion-types/cost@2x.png");
    background-size: 40px 20px;
  }
}
span.icon.completion-cost.selectrofy,
div.common-icon.completion-cost.selectrofy,
.sr-selectro .input-container span.imgSpan.completion-cost.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost.selectrofy,
.sr-context-menu-item span.icon.completion-cost.selectrofy {
  background-size: 40px 20px !important;
  margin-right: 10px;
}
span.icon.completion-cost.active,
div.common-icon.completion-cost.active,
.sr-selectro .input-container span.imgSpan.completion-cost.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).completion-cost.active,
.sr-context-menu-item span.icon.completion-cost.active {
  background-position: -20px 0;
}
span.icon.add-message-black,
div.common-icon.add-message-black,
.sr-selectro .input-container span.imgSpan.add-message-black,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-message-black,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-message-black,
.sr-context-menu-item span.icon.add-message-black {
  height: 16px;
  background-image: url("images/sr-common-icons/messages/add-message-black.png");
  background-size: 20px 16px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.add-message-black,
  div.common-icon.add-message-black,
  .sr-selectro .input-container span.imgSpan.add-message-black,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-message-black,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-message-black,
  .sr-context-menu-item span.icon.add-message-black {
    background-image: url("images/sr-common-icons/messages/add-message-black@2x.png");
    background-size: 20px 16px;
  }
}
span.icon.add-message-black.selectrofy,
div.common-icon.add-message-black.selectrofy,
.sr-selectro .input-container span.imgSpan.add-message-black.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-message-black.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-message-black.selectrofy,
.sr-context-menu-item span.icon.add-message-black.selectrofy {
  background-size: 20px 16px !important;
  margin-right: 10px;
}
span.icon.tag-icon,
div.common-icon.tag-icon,
.sr-selectro .input-container span.imgSpan.tag-icon,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon,
.sr-context-menu-item span.icon.tag-icon {
  height: 50px;
  background-image: url("images/sr-common-icons/messages/tag-icon.png");
  background-size: 50px 50px;
  width: 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.tag-icon,
  div.common-icon.tag-icon,
  .sr-selectro .input-container span.imgSpan.tag-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon,
  .sr-context-menu-item span.icon.tag-icon {
    background-image: url("images/sr-common-icons/messages/tag-icon@2x.png");
    background-size: 50px 50px;
  }
}
span.icon.tag-icon.selectrofy,
div.common-icon.tag-icon.selectrofy,
.sr-selectro .input-container span.imgSpan.tag-icon.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon.selectrofy,
.sr-context-menu-item span.icon.tag-icon.selectrofy {
  background-size: 50px 50px !important;
  margin-right: 10px;
}
span.icon.tag-icon-small,
div.common-icon.tag-icon-small,
.sr-selectro .input-container span.imgSpan.tag-icon-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon-small,
.sr-context-menu-item span.icon.tag-icon-small {
  height: 20px;
  background-image: url("images/sr-common-icons/messages/tag-icon-small.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.tag-icon-small,
  div.common-icon.tag-icon-small,
  .sr-selectro .input-container span.imgSpan.tag-icon-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon-small,
  .sr-context-menu-item span.icon.tag-icon-small {
    background-image: url("images/sr-common-icons/messages/tag-icon-small@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.tag-icon-small.selectrofy,
div.common-icon.tag-icon-small.selectrofy,
.sr-selectro .input-container span.imgSpan.tag-icon-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tag-icon-small.selectrofy,
.sr-context-menu-item span.icon.tag-icon-small.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.dnd-schedule,
div.common-icon.dnd-schedule,
.sr-selectro .input-container span.imgSpan.dnd-schedule,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).dnd-schedule,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).dnd-schedule,
.sr-context-menu-item span.icon.dnd-schedule {
  height: 14px;
  background-image: url("images/sr-common-icons/notifications/dnd-schedule.png");
  background-size: 15px 14px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.dnd-schedule,
  div.common-icon.dnd-schedule,
  .sr-selectro .input-container span.imgSpan.dnd-schedule,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).dnd-schedule,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).dnd-schedule,
  .sr-context-menu-item span.icon.dnd-schedule {
    background-image: url("images/sr-common-icons/notifications/dnd-schedule@2x.png");
    background-size: 15px 14px;
  }
}
span.icon.dnd-schedule.selectrofy,
div.common-icon.dnd-schedule.selectrofy,
.sr-selectro .input-container span.imgSpan.dnd-schedule.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).dnd-schedule.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).dnd-schedule.selectrofy,
.sr-context-menu-item span.icon.dnd-schedule.selectrofy {
  background-size: 15px 14px !important;
  margin-right: 10px;
}
span.icon.manage-columns,
div.common-icon.manage-columns,
.sr-selectro .input-container span.imgSpan.manage-columns,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns,
.sr-context-menu-item span.icon.manage-columns {
  height: 14px;
  background-image: url("images/sr-common-icons/table/manage-columns.png");
  background-size: 24px 14px;
  width: 12px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.manage-columns,
  div.common-icon.manage-columns,
  .sr-selectro .input-container span.imgSpan.manage-columns,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns,
  .sr-context-menu-item span.icon.manage-columns {
    background-image: url("images/sr-common-icons/table/manage-columns@2x.png");
    background-size: 24px 14px;
  }
}
span.icon.manage-columns.selectrofy,
div.common-icon.manage-columns.selectrofy,
.sr-selectro .input-container span.imgSpan.manage-columns.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns.selectrofy,
.sr-context-menu-item span.icon.manage-columns.selectrofy {
  background-size: 24px 14px !important;
  margin-right: 10px;
  margin-right: 4px;
  margin-left: 4px;
}
span.icon.manage-columns:hover,
div.common-icon.manage-columns:hover,
.sr-selectro .input-container span.imgSpan.manage-columns:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).manage-columns:hover,
.sr-context-menu-item span.icon.manage-columns:hover {
  background-position: -12px 0;
}
span.icon.remove-filter,
div.common-icon.remove-filter,
.sr-selectro .input-container span.imgSpan.remove-filter,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter,
.sr-context-menu-item span.icon.remove-filter {
  height: 8px;
  background-image: url("images/sr-common-icons/table/remove-filter.png");
  background-size: 16px 8px;
  width: 8px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.remove-filter,
  div.common-icon.remove-filter,
  .sr-selectro .input-container span.imgSpan.remove-filter,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter,
  .sr-context-menu-item span.icon.remove-filter {
    background-image: url("images/sr-common-icons/table/remove-filter@2x.png");
    background-size: 16px 8px;
  }
}
span.icon.remove-filter.selectrofy,
div.common-icon.remove-filter.selectrofy,
.sr-selectro .input-container span.imgSpan.remove-filter.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter.selectrofy,
.sr-context-menu-item span.icon.remove-filter.selectrofy {
  background-size: 16px 8px !important;
  margin-right: 10px;
  margin-right: 6px;
  margin-left: 6px;
}
span.icon.remove-filter:hover,
div.common-icon.remove-filter:hover,
.sr-selectro .input-container span.imgSpan.remove-filter:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).remove-filter:hover,
.sr-context-menu-item span.icon.remove-filter:hover {
  background-position: -8px 0;
}
span.icon.plus-blue-filter,
div.common-icon.plus-blue-filter,
.sr-selectro .input-container span.imgSpan.plus-blue-filter,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter,
.sr-context-menu-item span.icon.plus-blue-filter {
  height: 10px;
  background-image: url("images/sr-common-icons/table/plus-blue-filter.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-blue-filter,
  div.common-icon.plus-blue-filter,
  .sr-selectro .input-container span.imgSpan.plus-blue-filter,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter,
  .sr-context-menu-item span.icon.plus-blue-filter {
    background-image: url("images/sr-common-icons/table/plus-blue-filter@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.plus-blue-filter.selectrofy,
div.common-icon.plus-blue-filter.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-blue-filter.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter.selectrofy,
.sr-context-menu-item span.icon.plus-blue-filter.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.plus-blue-filter.active,
div.common-icon.plus-blue-filter.active,
.sr-selectro .input-container span.imgSpan.plus-blue-filter.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-filter.active,
.sr-context-menu-item span.icon.plus-blue-filter.active {
  background-position: -10px 0;
}
span.icon.file-list-icon,
div.common-icon.file-list-icon,
.sr-selectro .input-container span.imgSpan.file-list-icon,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon,
.sr-context-menu-item span.icon.file-list-icon {
  height: 13px;
  background-image: url("images/sr-common-icons/files/file-list-icon.png");
  background-size: 15px 13px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-list-icon,
  div.common-icon.file-list-icon,
  .sr-selectro .input-container span.imgSpan.file-list-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon,
  .sr-context-menu-item span.icon.file-list-icon {
    background-image: url("images/sr-common-icons/files/file-list-icon@2x.png");
    background-size: 15px 13px;
  }
}
span.icon.file-list-icon.selectrofy,
div.common-icon.file-list-icon.selectrofy,
.sr-selectro .input-container span.imgSpan.file-list-icon.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon.selectrofy,
.sr-context-menu-item span.icon.file-list-icon.selectrofy {
  background-size: 15px 13px !important;
  margin-right: 10px;
}
span.icon.file-list-icon.center,
div.common-icon.file-list-icon.center,
.sr-selectro .input-container span.imgSpan.file-list-icon.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-list-icon.center,
.sr-context-menu-item span.icon.file-list-icon.center {
  margin: -6px 0 0 -7px;
}
span.icon.file-icon-link,
div.common-icon.file-icon-link,
.sr-selectro .input-container span.imgSpan.file-icon-link,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link,
.sr-context-menu-item span.icon.file-icon-link {
  height: 22px;
  background-image: url("images/sr-common-icons/files/link.png");
  background-size: 22px 22px;
  width: 22px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-link,
  div.common-icon.file-icon-link,
  .sr-selectro .input-container span.imgSpan.file-icon-link,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link,
  .sr-context-menu-item span.icon.file-icon-link {
    background-image: url("images/sr-common-icons/files/link@2x.png");
    background-size: 22px 22px;
  }
}
span.icon.file-icon-link.selectrofy,
div.common-icon.file-icon-link.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-link.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link.selectrofy,
.sr-context-menu-item span.icon.file-icon-link.selectrofy {
  background-size: 22px 22px !important;
  margin-right: 10px;
}
span.icon.file-icon-link.center,
div.common-icon.file-icon-link.center,
.sr-selectro .input-container span.imgSpan.file-icon-link.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link.center,
.sr-context-menu-item span.icon.file-icon-link.center {
  margin: -11px 0 0 -11px;
}
span.icon.file-icon-image,
div.common-icon.file-icon-image,
.sr-selectro .input-container span.imgSpan.file-icon-image,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image,
.sr-context-menu-item span.icon.file-icon-image {
  height: 22px;
  background-image: url("images/sr-common-icons/files/image.png");
  background-size: 22px 22px;
  width: 22px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-image,
  div.common-icon.file-icon-image,
  .sr-selectro .input-container span.imgSpan.file-icon-image,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image,
  .sr-context-menu-item span.icon.file-icon-image {
    background-image: url("images/sr-common-icons/files/image@2x.png");
    background-size: 22px 22px;
  }
}
span.icon.file-icon-image.selectrofy,
div.common-icon.file-icon-image.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-image.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image.selectrofy,
.sr-context-menu-item span.icon.file-icon-image.selectrofy {
  background-size: 22px 22px !important;
  margin-right: 10px;
}
span.icon.file-icon-image.center,
div.common-icon.file-icon-image.center,
.sr-selectro .input-container span.imgSpan.file-icon-image.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image.center,
.sr-context-menu-item span.icon.file-icon-image.center {
  margin: -11px 0 0 -11px;
}
span.icon.file-icon-pdf,
div.common-icon.file-icon-pdf,
.sr-selectro .input-container span.imgSpan.file-icon-pdf,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf,
.sr-context-menu-item span.icon.file-icon-pdf {
  height: 30px;
  background-image: url("images/sr-common-icons/files/pdf.png");
  background-size: 25px 30px;
  width: 25px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-pdf,
  div.common-icon.file-icon-pdf,
  .sr-selectro .input-container span.imgSpan.file-icon-pdf,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf,
  .sr-context-menu-item span.icon.file-icon-pdf {
    background-image: url("images/sr-common-icons/files/pdf@2x.png");
    background-size: 25px 30px;
  }
}
span.icon.file-icon-pdf.selectrofy,
div.common-icon.file-icon-pdf.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-pdf.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf.selectrofy,
.sr-context-menu-item span.icon.file-icon-pdf.selectrofy {
  background-size: 25px 30px !important;
  margin-right: 10px;
}
span.icon.file-icon-pdf.center,
div.common-icon.file-icon-pdf.center,
.sr-selectro .input-container span.imgSpan.file-icon-pdf.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf.center,
.sr-context-menu-item span.icon.file-icon-pdf.center {
  margin: -15px 0 0 -12px;
}
span.icon.file-icon-csv,
div.common-icon.file-icon-csv,
.sr-selectro .input-container span.imgSpan.file-icon-csv,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv,
.sr-context-menu-item span.icon.file-icon-csv {
  height: 30px;
  background-image: url("images/sr-common-icons/files/csv.png");
  background-size: 25px 30px;
  width: 25px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-csv,
  div.common-icon.file-icon-csv,
  .sr-selectro .input-container span.imgSpan.file-icon-csv,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv,
  .sr-context-menu-item span.icon.file-icon-csv {
    background-image: url("images/sr-common-icons/files/csv@2x.png");
    background-size: 25px 30px;
  }
}
span.icon.file-icon-csv.selectrofy,
div.common-icon.file-icon-csv.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-csv.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv.selectrofy,
.sr-context-menu-item span.icon.file-icon-csv.selectrofy {
  background-size: 25px 30px !important;
  margin-right: 10px;
}
span.icon.file-icon-csv.center,
div.common-icon.file-icon-csv.center,
.sr-selectro .input-container span.imgSpan.file-icon-csv.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv.center,
.sr-context-menu-item span.icon.file-icon-csv.center {
  margin: -15px 0 0 -12px;
}
span.icon.file-icon-excel,
div.common-icon.file-icon-excel,
.sr-selectro .input-container span.imgSpan.file-icon-excel,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel,
.sr-context-menu-item span.icon.file-icon-excel {
  height: 30px;
  background-image: url("images/sr-common-icons/files/excel.png");
  background-size: 25px 30px;
  width: 25px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-excel,
  div.common-icon.file-icon-excel,
  .sr-selectro .input-container span.imgSpan.file-icon-excel,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel,
  .sr-context-menu-item span.icon.file-icon-excel {
    background-image: url("images/sr-common-icons/files/excel@2x.png");
    background-size: 25px 30px;
  }
}
span.icon.file-icon-excel.selectrofy,
div.common-icon.file-icon-excel.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-excel.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel.selectrofy,
.sr-context-menu-item span.icon.file-icon-excel.selectrofy {
  background-size: 25px 30px !important;
  margin-right: 10px;
}
span.icon.file-icon-excel.center,
div.common-icon.file-icon-excel.center,
.sr-selectro .input-container span.imgSpan.file-icon-excel.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel.center,
.sr-context-menu-item span.icon.file-icon-excel.center {
  margin: -15px 0 0 -12px;
}
span.icon.file-icon-zip,
div.common-icon.file-icon-zip,
.sr-selectro .input-container span.imgSpan.file-icon-zip,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip,
.sr-context-menu-item span.icon.file-icon-zip {
  height: 30px;
  background-image: url("images/sr-common-icons/files/zip.png");
  background-size: 25px 30px;
  width: 25px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-zip,
  div.common-icon.file-icon-zip,
  .sr-selectro .input-container span.imgSpan.file-icon-zip,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip,
  .sr-context-menu-item span.icon.file-icon-zip {
    background-image: url("images/sr-common-icons/files/zip@2x.png");
    background-size: 25px 30px;
  }
}
span.icon.file-icon-zip.selectrofy,
div.common-icon.file-icon-zip.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-zip.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip.selectrofy,
.sr-context-menu-item span.icon.file-icon-zip.selectrofy {
  background-size: 25px 30px !important;
  margin-right: 10px;
}
span.icon.file-icon-zip.center,
div.common-icon.file-icon-zip.center,
.sr-selectro .input-container span.imgSpan.file-icon-zip.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip.center,
.sr-context-menu-item span.icon.file-icon-zip.center {
  margin: -15px 0 0 -12px;
}
span.icon.file-icon-doc,
div.common-icon.file-icon-doc,
.sr-selectro .input-container span.imgSpan.file-icon-doc,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc,
.sr-context-menu-item span.icon.file-icon-doc {
  height: 30px;
  background-image: url("images/sr-common-icons/files/doc.png");
  background-size: 25px 30px;
  width: 25px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-doc,
  div.common-icon.file-icon-doc,
  .sr-selectro .input-container span.imgSpan.file-icon-doc,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc,
  .sr-context-menu-item span.icon.file-icon-doc {
    background-image: url("images/sr-common-icons/files/doc@2x.png");
    background-size: 25px 30px;
  }
}
span.icon.file-icon-doc.selectrofy,
div.common-icon.file-icon-doc.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-doc.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc.selectrofy,
.sr-context-menu-item span.icon.file-icon-doc.selectrofy {
  background-size: 25px 30px !important;
  margin-right: 10px;
}
span.icon.file-icon-doc.center,
div.common-icon.file-icon-doc.center,
.sr-selectro .input-container span.imgSpan.file-icon-doc.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc.center,
.sr-context-menu-item span.icon.file-icon-doc.center {
  margin: -15px 0 0 -12px;
}
span.icon.file-icon-other,
div.common-icon.file-icon-other,
.sr-selectro .input-container span.imgSpan.file-icon-other,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other,
.sr-context-menu-item span.icon.file-icon-other {
  height: 30px;
  background-image: url("images/sr-common-icons/files/other.png");
  background-size: 25px 30px;
  width: 25px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-other,
  div.common-icon.file-icon-other,
  .sr-selectro .input-container span.imgSpan.file-icon-other,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other,
  .sr-context-menu-item span.icon.file-icon-other {
    background-image: url("images/sr-common-icons/files/other@2x.png");
    background-size: 25px 30px;
  }
}
span.icon.file-icon-other.selectrofy,
div.common-icon.file-icon-other.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-other.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other.selectrofy,
.sr-context-menu-item span.icon.file-icon-other.selectrofy {
  background-size: 25px 30px !important;
  margin-right: 10px;
}
span.icon.file-icon-other.center,
div.common-icon.file-icon-other.center,
.sr-selectro .input-container span.imgSpan.file-icon-other.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other.center,
.sr-context-menu-item span.icon.file-icon-other.center {
  margin: -15px 0 0 -12px;
}
span.icon.file-icon-link-s,
div.common-icon.file-icon-link-s,
.sr-selectro .input-container span.imgSpan.file-icon-link-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s,
.sr-context-menu-item span.icon.file-icon-link-s {
  height: 16px;
  background-image: url("images/sr-common-icons/files/link.png");
  background-size: 16px 16px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-link-s,
  div.common-icon.file-icon-link-s,
  .sr-selectro .input-container span.imgSpan.file-icon-link-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s,
  .sr-context-menu-item span.icon.file-icon-link-s {
    background-image: url("images/sr-common-icons/files/link@2x.png");
    background-size: 16px 16px;
  }
}
span.icon.file-icon-link-s.selectrofy,
div.common-icon.file-icon-link-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-link-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-link-s.selectrofy {
  background-size: 16px 16px !important;
  margin-right: 10px;
}
span.icon.file-icon-link-s.center,
div.common-icon.file-icon-link-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-link-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-link-s.center,
.sr-context-menu-item span.icon.file-icon-link-s.center {
  margin: -8px 0 0 -8px;
}
span.icon.file-icon-image-s,
div.common-icon.file-icon-image-s,
.sr-selectro .input-container span.imgSpan.file-icon-image-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s,
.sr-context-menu-item span.icon.file-icon-image-s {
  height: 16px;
  background-image: url("images/sr-common-icons/files/image.png");
  background-size: 16px 16px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-image-s,
  div.common-icon.file-icon-image-s,
  .sr-selectro .input-container span.imgSpan.file-icon-image-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s,
  .sr-context-menu-item span.icon.file-icon-image-s {
    background-image: url("images/sr-common-icons/files/image@2x.png");
    background-size: 16px 16px;
  }
}
span.icon.file-icon-image-s.selectrofy,
div.common-icon.file-icon-image-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-image-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-image-s.selectrofy {
  background-size: 16px 16px !important;
  margin-right: 10px;
}
span.icon.file-icon-image-s.center,
div.common-icon.file-icon-image-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-image-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-image-s.center,
.sr-context-menu-item span.icon.file-icon-image-s.center {
  margin: -8px 0 0 -8px;
}
span.icon.file-icon-pdf-s,
div.common-icon.file-icon-pdf-s,
.sr-selectro .input-container span.imgSpan.file-icon-pdf-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s,
.sr-context-menu-item span.icon.file-icon-pdf-s {
  height: 18px;
  background-image: url("images/sr-common-icons/files/pdf.png");
  background-size: 15px 18px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-pdf-s,
  div.common-icon.file-icon-pdf-s,
  .sr-selectro .input-container span.imgSpan.file-icon-pdf-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s,
  .sr-context-menu-item span.icon.file-icon-pdf-s {
    background-image: url("images/sr-common-icons/files/pdf@2x.png");
    background-size: 15px 18px;
  }
}
span.icon.file-icon-pdf-s.selectrofy,
div.common-icon.file-icon-pdf-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-pdf-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-pdf-s.selectrofy {
  background-size: 15px 18px !important;
  margin-right: 10px;
}
span.icon.file-icon-pdf-s.center,
div.common-icon.file-icon-pdf-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-pdf-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-pdf-s.center,
.sr-context-menu-item span.icon.file-icon-pdf-s.center {
  margin: -9px 0 0 -7px;
}
span.icon.file-icon-csv-s,
div.common-icon.file-icon-csv-s,
.sr-selectro .input-container span.imgSpan.file-icon-csv-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s,
.sr-context-menu-item span.icon.file-icon-csv-s {
  height: 18px;
  background-image: url("images/sr-common-icons/files/csv.png");
  background-size: 15px 18px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-csv-s,
  div.common-icon.file-icon-csv-s,
  .sr-selectro .input-container span.imgSpan.file-icon-csv-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s,
  .sr-context-menu-item span.icon.file-icon-csv-s {
    background-image: url("images/sr-common-icons/files/csv@2x.png");
    background-size: 15px 18px;
  }
}
span.icon.file-icon-csv-s.selectrofy,
div.common-icon.file-icon-csv-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-csv-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-csv-s.selectrofy {
  background-size: 15px 18px !important;
  margin-right: 10px;
}
span.icon.file-icon-csv-s.center,
div.common-icon.file-icon-csv-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-csv-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-csv-s.center,
.sr-context-menu-item span.icon.file-icon-csv-s.center {
  margin: -9px 0 0 -7px;
}
span.icon.file-icon-excel-s,
div.common-icon.file-icon-excel-s,
.sr-selectro .input-container span.imgSpan.file-icon-excel-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s,
.sr-context-menu-item span.icon.file-icon-excel-s {
  height: 18px;
  background-image: url("images/sr-common-icons/files/excel.png");
  background-size: 15px 18px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-excel-s,
  div.common-icon.file-icon-excel-s,
  .sr-selectro .input-container span.imgSpan.file-icon-excel-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s,
  .sr-context-menu-item span.icon.file-icon-excel-s {
    background-image: url("images/sr-common-icons/files/excel@2x.png");
    background-size: 15px 18px;
  }
}
span.icon.file-icon-excel-s.selectrofy,
div.common-icon.file-icon-excel-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-excel-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-excel-s.selectrofy {
  background-size: 15px 18px !important;
  margin-right: 10px;
}
span.icon.file-icon-excel-s.center,
div.common-icon.file-icon-excel-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-excel-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-excel-s.center,
.sr-context-menu-item span.icon.file-icon-excel-s.center {
  margin: -9px 0 0 -7px;
}
span.icon.file-icon-zip-s,
div.common-icon.file-icon-zip-s,
.sr-selectro .input-container span.imgSpan.file-icon-zip-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s,
.sr-context-menu-item span.icon.file-icon-zip-s {
  height: 18px;
  background-image: url("images/sr-common-icons/files/zip.png");
  background-size: 15px 18px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-zip-s,
  div.common-icon.file-icon-zip-s,
  .sr-selectro .input-container span.imgSpan.file-icon-zip-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s,
  .sr-context-menu-item span.icon.file-icon-zip-s {
    background-image: url("images/sr-common-icons/files/zip@2x.png");
    background-size: 15px 18px;
  }
}
span.icon.file-icon-zip-s.selectrofy,
div.common-icon.file-icon-zip-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-zip-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-zip-s.selectrofy {
  background-size: 15px 18px !important;
  margin-right: 10px;
}
span.icon.file-icon-zip-s.center,
div.common-icon.file-icon-zip-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-zip-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-zip-s.center,
.sr-context-menu-item span.icon.file-icon-zip-s.center {
  margin: -9px 0 0 -7px;
}
span.icon.file-icon-doc-s,
div.common-icon.file-icon-doc-s,
.sr-selectro .input-container span.imgSpan.file-icon-doc-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s,
.sr-context-menu-item span.icon.file-icon-doc-s {
  height: 18px;
  background-image: url("images/sr-common-icons/files/doc.png");
  background-size: 15px 18px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-doc-s,
  div.common-icon.file-icon-doc-s,
  .sr-selectro .input-container span.imgSpan.file-icon-doc-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s,
  .sr-context-menu-item span.icon.file-icon-doc-s {
    background-image: url("images/sr-common-icons/files/doc@2x.png");
    background-size: 15px 18px;
  }
}
span.icon.file-icon-doc-s.selectrofy,
div.common-icon.file-icon-doc-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-doc-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-doc-s.selectrofy {
  background-size: 15px 18px !important;
  margin-right: 10px;
}
span.icon.file-icon-doc-s.center,
div.common-icon.file-icon-doc-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-doc-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-doc-s.center,
.sr-context-menu-item span.icon.file-icon-doc-s.center {
  margin: -9px 0 0 -7px;
}
span.icon.file-icon-other-s,
div.common-icon.file-icon-other-s,
.sr-selectro .input-container span.imgSpan.file-icon-other-s,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s,
.sr-context-menu-item span.icon.file-icon-other-s {
  height: 18px;
  background-image: url("images/sr-common-icons/files/other.png");
  background-size: 15px 18px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-icon-other-s,
  div.common-icon.file-icon-other-s,
  .sr-selectro .input-container span.imgSpan.file-icon-other-s,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s,
  .sr-context-menu-item span.icon.file-icon-other-s {
    background-image: url("images/sr-common-icons/files/other@2x.png");
    background-size: 15px 18px;
  }
}
span.icon.file-icon-other-s.selectrofy,
div.common-icon.file-icon-other-s.selectrofy,
.sr-selectro .input-container span.imgSpan.file-icon-other-s.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s.selectrofy,
.sr-context-menu-item span.icon.file-icon-other-s.selectrofy {
  background-size: 15px 18px !important;
  margin-right: 10px;
}
span.icon.file-icon-other-s.center,
div.common-icon.file-icon-other-s.center,
.sr-selectro .input-container span.imgSpan.file-icon-other-s.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-icon-other-s.center,
.sr-context-menu-item span.icon.file-icon-other-s.center {
  margin: -9px 0 0 -7px;
}
span.icon.file-type-computer,
div.common-icon.file-type-computer,
.sr-selectro .input-container span.imgSpan.file-type-computer,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-computer,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-computer,
.sr-context-menu-item span.icon.file-type-computer {
  height: 18px;
  background-image: url("images/sr-common-icons/files/type-computer.png");
  background-size: 18px 18px;
  width: 18px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-type-computer,
  div.common-icon.file-type-computer,
  .sr-selectro .input-container span.imgSpan.file-type-computer,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-computer,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-computer,
  .sr-context-menu-item span.icon.file-type-computer {
    background-image: url("images/sr-common-icons/files/type-computer@2x.png");
    background-size: 18px 18px;
  }
}
span.icon.file-type-computer.selectrofy,
div.common-icon.file-type-computer.selectrofy,
.sr-selectro .input-container span.imgSpan.file-type-computer.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-computer.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-computer.selectrofy,
.sr-context-menu-item span.icon.file-type-computer.selectrofy {
  background-size: 18px 18px !important;
  margin-right: 10px;
}
span.icon.file-type-link,
div.common-icon.file-type-link,
.sr-selectro .input-container span.imgSpan.file-type-link,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-link,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-link,
.sr-context-menu-item span.icon.file-type-link {
  height: 17px;
  background-image: url("images/sr-common-icons/files/type-link.png");
  background-size: 18px 17px;
  width: 18px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.file-type-link,
  div.common-icon.file-type-link,
  .sr-selectro .input-container span.imgSpan.file-type-link,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-link,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-link,
  .sr-context-menu-item span.icon.file-type-link {
    background-image: url("images/sr-common-icons/files/type-link@2x.png");
    background-size: 18px 17px;
  }
}
span.icon.file-type-link.selectrofy,
div.common-icon.file-type-link.selectrofy,
.sr-selectro .input-container span.imgSpan.file-type-link.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-link.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).file-type-link.selectrofy,
.sr-context-menu-item span.icon.file-type-link.selectrofy {
  background-size: 18px 17px !important;
  margin-right: 10px;
}
span.icon.media-close,
div.common-icon.media-close,
.sr-selectro .input-container span.imgSpan.media-close,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close,
.sr-context-menu-item span.icon.media-close {
  height: 26px;
  background-image: url("images/sr-common-icons/media/close.png");
  background-size: 26px 26px;
  width: 26px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.media-close,
  div.common-icon.media-close,
  .sr-selectro .input-container span.imgSpan.media-close,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close,
  .sr-context-menu-item span.icon.media-close {
    background-image: url("images/sr-common-icons/media/close@2x.png");
    background-size: 26px 26px;
  }
}
span.icon.media-close.selectrofy,
div.common-icon.media-close.selectrofy,
.sr-selectro .input-container span.imgSpan.media-close.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close.selectrofy,
.sr-context-menu-item span.icon.media-close.selectrofy {
  background-size: 26px 26px !important;
  margin-right: 10px;
}
span.icon.media-close.center,
div.common-icon.media-close.center,
.sr-selectro .input-container span.imgSpan.media-close.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-close.center,
.sr-context-menu-item span.icon.media-close.center {
  margin: -13px 0 0 -13px;
}
span.icon.media-arrow,
div.common-icon.media-arrow,
.sr-selectro .input-container span.imgSpan.media-arrow,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow,
.sr-context-menu-item span.icon.media-arrow {
  height: 61px;
  background-image: url("images/sr-common-icons/media/arrow.png");
  background-size: 32px 61px;
  width: 32px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.media-arrow,
  div.common-icon.media-arrow,
  .sr-selectro .input-container span.imgSpan.media-arrow,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow,
  .sr-context-menu-item span.icon.media-arrow {
    background-image: url("images/sr-common-icons/media/arrow@2x.png");
    background-size: 32px 61px;
  }
}
span.icon.media-arrow.selectrofy,
div.common-icon.media-arrow.selectrofy,
.sr-selectro .input-container span.imgSpan.media-arrow.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow.selectrofy,
.sr-context-menu-item span.icon.media-arrow.selectrofy {
  background-size: 32px 61px !important;
  margin-right: 10px;
}
span.icon.media-arrow.center,
div.common-icon.media-arrow.center,
.sr-selectro .input-container span.imgSpan.media-arrow.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-arrow.center,
.sr-context-menu-item span.icon.media-arrow.center {
  margin: -30px 0 0 -16px;
}
span.icon.media-toggle-arrow,
div.common-icon.media-toggle-arrow,
.sr-selectro .input-container span.imgSpan.media-toggle-arrow,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow,
.sr-context-menu-item span.icon.media-toggle-arrow {
  height: 6px;
  background-image: url("images/sr-common-icons/media/toggleArrow.png");
  background-size: 9px 6px;
  width: 9px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.media-toggle-arrow,
  div.common-icon.media-toggle-arrow,
  .sr-selectro .input-container span.imgSpan.media-toggle-arrow,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow,
  .sr-context-menu-item span.icon.media-toggle-arrow {
    background-image: url("images/sr-common-icons/media/toggleArrow@2x.png");
    background-size: 9px 6px;
  }
}
span.icon.media-toggle-arrow.selectrofy,
div.common-icon.media-toggle-arrow.selectrofy,
.sr-selectro .input-container span.imgSpan.media-toggle-arrow.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow.selectrofy,
.sr-context-menu-item span.icon.media-toggle-arrow.selectrofy {
  background-size: 9px 6px !important;
  margin-right: 10px;
}
span.icon.media-toggle-arrow.center,
div.common-icon.media-toggle-arrow.center,
.sr-selectro .input-container span.imgSpan.media-toggle-arrow.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).media-toggle-arrow.center,
.sr-context-menu-item span.icon.media-toggle-arrow.center {
  margin: -3px 0 0 -4px;
}
span.icon.resapp-icon,
div.common-icon.resapp-icon,
.sr-selectro .input-container span.imgSpan.resapp-icon,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon,
.sr-context-menu-item span.icon.resapp-icon {
  height: 24px;
  background-image: url("images/sr-common-icons/media/resapp-icon.png");
  background-size: 28px 24px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.resapp-icon,
  div.common-icon.resapp-icon,
  .sr-selectro .input-container span.imgSpan.resapp-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon,
  .sr-context-menu-item span.icon.resapp-icon {
    background-image: url("images/sr-common-icons/media/resapp-icon@2x.png");
    background-size: 28px 24px;
  }
}
span.icon.resapp-icon.selectrofy,
div.common-icon.resapp-icon.selectrofy,
.sr-selectro .input-container span.imgSpan.resapp-icon.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon.selectrofy,
.sr-context-menu-item span.icon.resapp-icon.selectrofy {
  background-size: 28px 24px !important;
  margin-right: 10px;
}
span.icon.resapp-icon.center,
div.common-icon.resapp-icon.center,
.sr-selectro .input-container span.imgSpan.resapp-icon.center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon.center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resapp-icon.center,
.sr-context-menu-item span.icon.resapp-icon.center {
  margin: -12px 0 0 -14px;
}
span.icon.print,
div.common-icon.print,
.sr-selectro .input-container span.imgSpan.print,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).print,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).print,
.sr-context-menu-item span.icon.print {
  height: 13px;
  background-image: url("images/sr-common-icons/independent/print.png");
  background-size: 17px 13px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.print,
  div.common-icon.print,
  .sr-selectro .input-container span.imgSpan.print,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).print,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).print,
  .sr-context-menu-item span.icon.print {
    background-image: url("images/sr-common-icons/independent/print@2x.png");
    background-size: 17px 13px;
  }
}
span.icon.print.selectrofy,
div.common-icon.print.selectrofy,
.sr-selectro .input-container span.imgSpan.print.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).print.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).print.selectrofy,
.sr-context-menu-item span.icon.print.selectrofy {
  background-size: 17px 13px !important;
  margin-right: 10px;
}
span.icon.download-images,
div.common-icon.download-images,
.sr-selectro .input-container span.imgSpan.download-images,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-images,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-images,
.sr-context-menu-item span.icon.download-images {
  height: 17px;
  background-image: url("images/sr-common-icons/independent/download-images.png");
  background-size: 17px 17px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.download-images,
  div.common-icon.download-images,
  .sr-selectro .input-container span.imgSpan.download-images,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-images,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-images,
  .sr-context-menu-item span.icon.download-images {
    background-image: url("images/sr-common-icons/independent/download-images@2x.png");
    background-size: 17px 17px;
  }
}
span.icon.download-images.selectrofy,
div.common-icon.download-images.selectrofy,
.sr-selectro .input-container span.imgSpan.download-images.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-images.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-images.selectrofy,
.sr-context-menu-item span.icon.download-images.selectrofy {
  background-size: 17px 17px !important;
  margin-right: 10px;
}
span.icon.reschedule-blank,
div.common-icon.reschedule-blank,
.sr-selectro .input-container span.imgSpan.reschedule-blank,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule-blank,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule-blank,
.sr-context-menu-item span.icon.reschedule-blank {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/reschedule-blank.png");
  background-size: 13px 14px;
  width: 13px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.reschedule-blank,
  div.common-icon.reschedule-blank,
  .sr-selectro .input-container span.imgSpan.reschedule-blank,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule-blank,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule-blank,
  .sr-context-menu-item span.icon.reschedule-blank {
    background-image: url("images/sr-common-icons/independent/reschedule-blank@2x.png");
    background-size: 13px 14px;
  }
}
span.icon.reschedule-blank.selectrofy,
div.common-icon.reschedule-blank.selectrofy,
.sr-selectro .input-container span.imgSpan.reschedule-blank.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule-blank.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule-blank.selectrofy,
.sr-context-menu-item span.icon.reschedule-blank.selectrofy {
  background-size: 13px 14px !important;
  margin-right: 10px;
}
span.icon.convert-to-project,
div.common-icon.convert-to-project,
.sr-selectro .input-container span.imgSpan.convert-to-project,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).convert-to-project,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).convert-to-project,
.sr-context-menu-item span.icon.convert-to-project {
  height: 24px;
  background-image: url("images/sr-common-icons/independent/convert-to-project.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.convert-to-project,
  div.common-icon.convert-to-project,
  .sr-selectro .input-container span.imgSpan.convert-to-project,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).convert-to-project,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).convert-to-project,
  .sr-context-menu-item span.icon.convert-to-project {
    background-image: url("images/sr-common-icons/independent/convert-to-project@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.convert-to-project.selectrofy,
div.common-icon.convert-to-project.selectrofy,
.sr-selectro .input-container span.imgSpan.convert-to-project.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).convert-to-project.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).convert-to-project.selectrofy,
.sr-context-menu-item span.icon.convert-to-project.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.urgent,
div.common-icon.urgent,
.sr-selectro .input-container span.imgSpan.urgent,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).urgent,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).urgent,
.sr-context-menu-item span.icon.urgent {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/urgent.png");
  background-size: 17px 15px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.urgent,
  div.common-icon.urgent,
  .sr-selectro .input-container span.imgSpan.urgent,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).urgent,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).urgent,
  .sr-context-menu-item span.icon.urgent {
    background-image: url("images/sr-common-icons/independent/urgent@2x.png");
    background-size: 17px 15px;
  }
}
span.icon.urgent.selectrofy,
div.common-icon.urgent.selectrofy,
.sr-selectro .input-container span.imgSpan.urgent.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).urgent.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).urgent.selectrofy,
.sr-context-menu-item span.icon.urgent.selectrofy {
  background-size: 17px 15px !important;
  margin-right: 10px;
}
span.icon.not-urgent,
div.common-icon.not-urgent,
.sr-selectro .input-container span.imgSpan.not-urgent,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).not-urgent,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).not-urgent,
.sr-context-menu-item span.icon.not-urgent {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/not-urgent.png");
  background-size: 17px 15px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.not-urgent,
  div.common-icon.not-urgent,
  .sr-selectro .input-container span.imgSpan.not-urgent,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).not-urgent,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).not-urgent,
  .sr-context-menu-item span.icon.not-urgent {
    background-image: url("images/sr-common-icons/independent/not-urgent@2x.png");
    background-size: 17px 15px;
  }
}
span.icon.not-urgent.selectrofy,
div.common-icon.not-urgent.selectrofy,
.sr-selectro .input-container span.imgSpan.not-urgent.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).not-urgent.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).not-urgent.selectrofy,
.sr-context-menu-item span.icon.not-urgent.selectrofy {
  background-size: 17px 15px !important;
  margin-right: 10px;
}
span.icon.duplicate,
div.common-icon.duplicate,
.sr-selectro .input-container span.imgSpan.duplicate,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).duplicate,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).duplicate,
.sr-context-menu-item span.icon.duplicate {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/duplicate.png");
  background-size: 16px 16px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.duplicate,
  div.common-icon.duplicate,
  .sr-selectro .input-container span.imgSpan.duplicate,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).duplicate,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).duplicate,
  .sr-context-menu-item span.icon.duplicate {
    background-image: url("images/sr-common-icons/independent/duplicate@2x.png");
    background-size: 16px 16px;
  }
}
span.icon.duplicate.selectrofy,
div.common-icon.duplicate.selectrofy,
.sr-selectro .input-container span.imgSpan.duplicate.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).duplicate.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).duplicate.selectrofy,
.sr-context-menu-item span.icon.duplicate.selectrofy {
  background-size: 16px 16px !important;
  margin-right: 10px;
}
span.icon.replace,
div.common-icon.replace,
.sr-selectro .input-container span.imgSpan.replace,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
.sr-context-menu-item span.icon.replace {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/replace.png");
  background-size: 16px 16px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.replace,
  div.common-icon.replace,
  .sr-selectro .input-container span.imgSpan.replace,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace,
  .sr-context-menu-item span.icon.replace {
    background-image: url("images/sr-common-icons/independent/replace@2x.png");
    background-size: 16px 16px;
  }
}
span.icon.replace.selectrofy,
div.common-icon.replace.selectrofy,
.sr-selectro .input-container span.imgSpan.replace.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).replace.selectrofy,
.sr-context-menu-item span.icon.replace.selectrofy {
  background-size: 16px 16px !important;
  margin-right: 10px;
}
span.icon.down-white,
div.common-icon.down-white,
.sr-selectro .input-container span.imgSpan.down-white,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-white,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-white,
.sr-context-menu-item span.icon.down-white {
  height: 6px;
  background-image: url("images/sr-common-icons/independent/down-white.png");
  background-size: 9px 6px;
  width: 9px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.down-white,
  div.common-icon.down-white,
  .sr-selectro .input-container span.imgSpan.down-white,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-white,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-white,
  .sr-context-menu-item span.icon.down-white {
    background-image: url("images/sr-common-icons/independent/down-white@2x.png");
    background-size: 9px 6px;
  }
}
span.icon.down-white.selectrofy,
div.common-icon.down-white.selectrofy,
.sr-selectro .input-container span.imgSpan.down-white.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-white.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-white.selectrofy,
.sr-context-menu-item span.icon.down-white.selectrofy {
  background-size: 9px 6px !important;
  margin-right: 10px;
}
span.icon.down-blue,
div.common-icon.down-blue,
.sr-selectro .input-container span.imgSpan.down-blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-blue,
.sr-context-menu-item span.icon.down-blue {
  height: 6px;
  background-image: url("images/sr-common-icons/independent/down-blue.png");
  background-size: 9px 6px;
  width: 9px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.down-blue,
  div.common-icon.down-blue,
  .sr-selectro .input-container span.imgSpan.down-blue,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-blue,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-blue,
  .sr-context-menu-item span.icon.down-blue {
    background-image: url("images/sr-common-icons/independent/down-blue@2x.png");
    background-size: 9px 6px;
  }
}
span.icon.down-blue.selectrofy,
div.common-icon.down-blue.selectrofy,
.sr-selectro .input-container span.imgSpan.down-blue.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-blue.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-blue.selectrofy,
.sr-context-menu-item span.icon.down-blue.selectrofy {
  background-size: 9px 6px !important;
  margin-right: 10px;
}
span.icon.down-grey,
div.common-icon.down-grey,
.sr-selectro .input-container span.imgSpan.down-grey,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey,
.sr-context-menu-item span.icon.down-grey {
  height: 6px;
  background-image: url("images/sr-common-icons/independent/down-grey.png");
  background-size: 10px 6px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.down-grey,
  div.common-icon.down-grey,
  .sr-selectro .input-container span.imgSpan.down-grey,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey,
  .sr-context-menu-item span.icon.down-grey {
    background-image: url("images/sr-common-icons/independent/down-grey@2x.png");
    background-size: 10px 6px;
  }
}
span.icon.down-grey.selectrofy,
div.common-icon.down-grey.selectrofy,
.sr-selectro .input-container span.imgSpan.down-grey.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey.selectrofy,
.sr-context-menu-item span.icon.down-grey.selectrofy {
  background-size: 10px 6px !important;
  margin-right: 10px;
}
span.icon.down-grey-sprite,
div.common-icon.down-grey-sprite,
.sr-selectro .input-container span.imgSpan.down-grey-sprite,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite,
.sr-context-menu-item span.icon.down-grey-sprite {
  height: 24px;
  background-image: url("images/sr-common-icons/independent/down-grey-sprite.png");
  background-size: 48px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.down-grey-sprite,
  div.common-icon.down-grey-sprite,
  .sr-selectro .input-container span.imgSpan.down-grey-sprite,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite,
  .sr-context-menu-item span.icon.down-grey-sprite {
    background-image: url("images/sr-common-icons/independent/down-grey-sprite@2x.png");
    background-size: 48px 24px;
  }
}
span.icon.down-grey-sprite.selectrofy,
div.common-icon.down-grey-sprite.selectrofy,
.sr-selectro .input-container span.imgSpan.down-grey-sprite.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite.selectrofy,
.sr-context-menu-item span.icon.down-grey-sprite.selectrofy {
  background-size: 48px 24px !important;
  margin-right: 10px;
}
span.icon.down-grey-sprite.active,
div.common-icon.down-grey-sprite.active,
.sr-selectro .input-container span.imgSpan.down-grey-sprite.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).down-grey-sprite.active,
.sr-context-menu-item span.icon.down-grey-sprite.active {
  background-position: -24px 0;
}
span.icon.chevron-dark-grey,
div.common-icon.chevron-dark-grey,
.sr-selectro .input-container span.imgSpan.chevron-dark-grey,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chevron-dark-grey,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chevron-dark-grey,
.sr-context-menu-item span.icon.chevron-dark-grey {
  height: 5px;
  background-image: url("images/sr-common-icons/independent/chevron-dark-grey.png");
  background-size: 9px 5px;
  width: 9px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.chevron-dark-grey,
  div.common-icon.chevron-dark-grey,
  .sr-selectro .input-container span.imgSpan.chevron-dark-grey,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chevron-dark-grey,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chevron-dark-grey,
  .sr-context-menu-item span.icon.chevron-dark-grey {
    background-image: url("images/sr-common-icons/independent/chevron-dark-grey@2x.png");
    background-size: 9px 5px;
  }
}
span.icon.chevron-dark-grey.selectrofy,
div.common-icon.chevron-dark-grey.selectrofy,
.sr-selectro .input-container span.imgSpan.chevron-dark-grey.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chevron-dark-grey.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chevron-dark-grey.selectrofy,
.sr-context-menu-item span.icon.chevron-dark-grey.selectrofy {
  background-size: 9px 5px !important;
  margin-right: 10px;
}
span.icon.three-dots-horizontal,
div.common-icon.three-dots-horizontal,
.sr-selectro .input-container span.imgSpan.three-dots-horizontal,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal,
.sr-context-menu-item span.icon.three-dots-horizontal {
  height: 4px;
  background-image: url("images/sr-common-icons/independent/three-dots-horizontal.png");
  background-size: 42px 4px;
  width: 21px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.three-dots-horizontal,
  div.common-icon.three-dots-horizontal,
  .sr-selectro .input-container span.imgSpan.three-dots-horizontal,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal,
  .sr-context-menu-item span.icon.three-dots-horizontal {
    background-image: url("images/sr-common-icons/independent/three-dots-horizontal@2x.png");
    background-size: 42px 4px;
  }
}
span.icon.three-dots-horizontal.selectrofy,
div.common-icon.three-dots-horizontal.selectrofy,
.sr-selectro .input-container span.imgSpan.three-dots-horizontal.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal.selectrofy,
.sr-context-menu-item span.icon.three-dots-horizontal.selectrofy {
  background-size: 42px 4px !important;
  margin-right: 10px;
}
span.icon.three-dots-horizontal.active,
div.common-icon.three-dots-horizontal.active,
.sr-selectro .input-container span.imgSpan.three-dots-horizontal.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).three-dots-horizontal.active,
.sr-context-menu-item span.icon.three-dots-horizontal.active {
  background-position: -21px 0;
}
span.icon.edit-pencil-dark,
div.common-icon.edit-pencil-dark,
.sr-selectro .input-container span.imgSpan.edit-pencil-dark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-pencil-dark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-pencil-dark,
.sr-context-menu-item span.icon.edit-pencil-dark {
  height: 12px;
  background-image: url("images/sr-common-icons/independent/edit-pencil-dark.png");
  background-size: 12px 12px;
  width: 12px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.edit-pencil-dark,
  div.common-icon.edit-pencil-dark,
  .sr-selectro .input-container span.imgSpan.edit-pencil-dark,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-pencil-dark,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-pencil-dark,
  .sr-context-menu-item span.icon.edit-pencil-dark {
    background-image: url("images/sr-common-icons/independent/edit-pencil-dark@2x.png");
    background-size: 12px 12px;
  }
}
span.icon.edit-pencil-dark.selectrofy,
div.common-icon.edit-pencil-dark.selectrofy,
.sr-selectro .input-container span.imgSpan.edit-pencil-dark.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-pencil-dark.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-pencil-dark.selectrofy,
.sr-context-menu-item span.icon.edit-pencil-dark.selectrofy {
  background-size: 12px 12px !important;
  margin-right: 10px;
}
span.icon.add-task,
div.common-icon.add-task,
.sr-selectro .input-container span.imgSpan.add-task,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task,
.sr-context-menu-item span.icon.add-task {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/add-task.png");
  background-size: 54px 16px;
  width: 18px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.add-task,
  div.common-icon.add-task,
  .sr-selectro .input-container span.imgSpan.add-task,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task,
  .sr-context-menu-item span.icon.add-task {
    background-image: url("images/sr-common-icons/independent/add-task@2x.png");
    background-size: 54px 16px;
  }
}
span.icon.add-task.selectrofy,
div.common-icon.add-task.selectrofy,
.sr-selectro .input-container span.imgSpan.add-task.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.selectrofy,
.sr-context-menu-item span.icon.add-task.selectrofy {
  background-size: 54px 16px !important;
  margin-right: 10px;
  margin-right: 1px;
  margin-left: 1px;
}
span.icon.add-task.light,
div.common-icon.add-task.light,
.sr-selectro .input-container span.imgSpan.add-task.light,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.light,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.light,
.sr-context-menu-item span.icon.add-task.light {
  background-position: 0px 0;
}
span.icon.add-task.blue,
div.common-icon.add-task.blue,
.sr-selectro .input-container span.imgSpan.add-task.blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.blue,
.sr-context-menu-item span.icon.add-task.blue {
  background-position: -18px 0;
}
span.icon.add-task.dark,
div.common-icon.add-task.dark,
.sr-selectro .input-container span.imgSpan.add-task.dark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.dark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-task.dark,
.sr-context-menu-item span.icon.add-task.dark {
  background-position: -36px 0;
}
span.icon.add-project-blue,
div.common-icon.add-project-blue,
.sr-selectro .input-container span.imgSpan.add-project-blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-blue,
.sr-context-menu-item span.icon.add-project-blue {
  height: 19px;
  background-image: url("images/sr-common-icons/independent/add-project-blue.png");
  background-size: 21px 19px;
  width: 21px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.add-project-blue,
  div.common-icon.add-project-blue,
  .sr-selectro .input-container span.imgSpan.add-project-blue,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-blue,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-blue,
  .sr-context-menu-item span.icon.add-project-blue {
    background-image: url("images/sr-common-icons/independent/add-project-blue@2x.png");
    background-size: 21px 19px;
  }
}
span.icon.add-project-blue.selectrofy,
div.common-icon.add-project-blue.selectrofy,
.sr-selectro .input-container span.imgSpan.add-project-blue.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-blue.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-blue.selectrofy,
.sr-context-menu-item span.icon.add-project-blue.selectrofy {
  background-size: 21px 19px !important;
  margin-right: 10px;
}
span.icon.edit-box,
div.common-icon.edit-box,
.sr-selectro .input-container span.imgSpan.edit-box,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box,
.sr-context-menu-item span.icon.edit-box {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/edit-box.png");
  background-size: 15px 15px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.edit-box,
  div.common-icon.edit-box,
  .sr-selectro .input-container span.imgSpan.edit-box,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box,
  .sr-context-menu-item span.icon.edit-box {
    background-image: url("images/sr-common-icons/independent/edit-box@2x.png");
    background-size: 15px 15px;
  }
}
span.icon.edit-box.selectrofy,
div.common-icon.edit-box.selectrofy,
.sr-selectro .input-container span.imgSpan.edit-box.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box.selectrofy,
.sr-context-menu-item span.icon.edit-box.selectrofy {
  background-size: 15px 15px !important;
  margin-right: 10px;
}
span.icon.edit-box-dark,
div.common-icon.edit-box-dark,
.sr-selectro .input-container span.imgSpan.edit-box-dark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box-dark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box-dark,
.sr-context-menu-item span.icon.edit-box-dark {
  height: 20px;
  background-image: url("images/sr-common-icons/independent/edit-box-dark.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.edit-box-dark,
  div.common-icon.edit-box-dark,
  .sr-selectro .input-container span.imgSpan.edit-box-dark,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box-dark,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box-dark,
  .sr-context-menu-item span.icon.edit-box-dark {
    background-image: url("images/sr-common-icons/independent/edit-box-dark@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.edit-box-dark.selectrofy,
div.common-icon.edit-box-dark.selectrofy,
.sr-selectro .input-container span.imgSpan.edit-box-dark.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box-dark.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).edit-box-dark.selectrofy,
.sr-context-menu-item span.icon.edit-box-dark.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.add-project-template,
div.common-icon.add-project-template,
.sr-selectro .input-container span.imgSpan.add-project-template,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-template,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-template,
.sr-context-menu-item span.icon.add-project-template {
  height: 19px;
  background-image: url("images/sr-common-icons/independent/add-project-template.png");
  background-size: 21px 19px;
  width: 21px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.add-project-template,
  div.common-icon.add-project-template,
  .sr-selectro .input-container span.imgSpan.add-project-template,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-template,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-template,
  .sr-context-menu-item span.icon.add-project-template {
    background-image: url("images/sr-common-icons/independent/add-project-template@2x.png");
    background-size: 21px 19px;
  }
}
span.icon.add-project-template.selectrofy,
div.common-icon.add-project-template.selectrofy,
.sr-selectro .input-container span.imgSpan.add-project-template.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-template.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-project-template.selectrofy,
.sr-context-menu-item span.icon.add-project-template.selectrofy {
  background-size: 21px 19px !important;
  margin-right: 10px;
}
span.icon.add-template,
div.common-icon.add-template,
.sr-selectro .input-container span.imgSpan.add-template,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-template,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-template,
.sr-context-menu-item span.icon.add-template {
  height: 19px;
  background-image: url("images/sr-common-icons/independent/add-template.png");
  background-size: 21px 19px;
  width: 21px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.add-template,
  div.common-icon.add-template,
  .sr-selectro .input-container span.imgSpan.add-template,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-template,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-template,
  .sr-context-menu-item span.icon.add-template {
    background-image: url("images/sr-common-icons/independent/add-template@2x.png");
    background-size: 21px 19px;
  }
}
span.icon.add-template.selectrofy,
div.common-icon.add-template.selectrofy,
.sr-selectro .input-container span.imgSpan.add-template.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-template.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-template.selectrofy,
.sr-context-menu-item span.icon.add-template.selectrofy {
  background-size: 21px 19px !important;
  margin-right: 10px;
}
span.icon.invite-envelope,
div.common-icon.invite-envelope,
.sr-selectro .input-container span.imgSpan.invite-envelope,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-envelope,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-envelope,
.sr-context-menu-item span.icon.invite-envelope {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/invite-envelope.png");
  background-size: 15px 16px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.invite-envelope,
  div.common-icon.invite-envelope,
  .sr-selectro .input-container span.imgSpan.invite-envelope,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-envelope,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-envelope,
  .sr-context-menu-item span.icon.invite-envelope {
    background-image: url("images/sr-common-icons/independent/invite-envelope@2x.png");
    background-size: 15px 16px;
  }
}
span.icon.invite-envelope.selectrofy,
div.common-icon.invite-envelope.selectrofy,
.sr-selectro .input-container span.imgSpan.invite-envelope.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-envelope.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-envelope.selectrofy,
.sr-context-menu-item span.icon.invite-envelope.selectrofy {
  background-size: 15px 16px !important;
  margin-right: 10px;
}
span.icon.move-in,
div.common-icon.move-in,
.sr-selectro .input-container span.imgSpan.move-in,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-in,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-in,
.sr-context-menu-item span.icon.move-in {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/move-in.png");
  background-size: 16px 14px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.move-in,
  div.common-icon.move-in,
  .sr-selectro .input-container span.imgSpan.move-in,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-in,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-in,
  .sr-context-menu-item span.icon.move-in {
    background-image: url("images/sr-common-icons/independent/move-in@2x.png");
    background-size: 16px 14px;
  }
}
span.icon.move-in.selectrofy,
div.common-icon.move-in.selectrofy,
.sr-selectro .input-container span.imgSpan.move-in.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-in.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-in.selectrofy,
.sr-context-menu-item span.icon.move-in.selectrofy {
  background-size: 16px 14px !important;
  margin-right: 10px;
}
span.icon.move-out,
div.common-icon.move-out,
.sr-selectro .input-container span.imgSpan.move-out,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-out,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-out,
.sr-context-menu-item span.icon.move-out {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/move-out.png");
  background-size: 18px 14px;
  width: 18px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.move-out,
  div.common-icon.move-out,
  .sr-selectro .input-container span.imgSpan.move-out,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-out,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-out,
  .sr-context-menu-item span.icon.move-out {
    background-image: url("images/sr-common-icons/independent/move-out@2x.png");
    background-size: 18px 14px;
  }
}
span.icon.move-out.selectrofy,
div.common-icon.move-out.selectrofy,
.sr-selectro .input-container span.imgSpan.move-out.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-out.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).move-out.selectrofy,
.sr-context-menu-item span.icon.move-out.selectrofy {
  background-size: 18px 14px !important;
  margin-right: 10px;
}
span.icon.check-mark,
div.common-icon.check-mark,
.sr-selectro .input-container span.imgSpan.check-mark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark,
.sr-context-menu-item span.icon.check-mark {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/check.png");
  background-size: 32px 11px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.check-mark,
  div.common-icon.check-mark,
  .sr-selectro .input-container span.imgSpan.check-mark,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark,
  .sr-context-menu-item span.icon.check-mark {
    background-image: url("images/sr-common-icons/independent/check@2x.png");
    background-size: 32px 11px;
  }
}
span.icon.check-mark.selectrofy,
div.common-icon.check-mark.selectrofy,
.sr-selectro .input-container span.imgSpan.check-mark.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark.selectrofy,
.sr-context-menu-item span.icon.check-mark.selectrofy {
  background-size: 32px 11px !important;
  margin-right: 10px;
  margin-right: 2px;
  margin-left: 2px;
}
span.icon.check-mark.green,
div.common-icon.check-mark.green,
.sr-selectro .input-container span.imgSpan.check-mark.green,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark.green,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).check-mark.green,
.sr-context-menu-item span.icon.check-mark.green {
  background-position: -16px 0;
}
span.icon.x-mark,
div.common-icon.x-mark,
.sr-selectro .input-container span.imgSpan.x-mark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-mark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-mark,
.sr-context-menu-item span.icon.x-mark {
  height: 10px;
  background-image: url("images/sr-common-icons/independent/x-mark.png");
  background-size: 12px 10px;
  width: 12px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.x-mark,
  div.common-icon.x-mark,
  .sr-selectro .input-container span.imgSpan.x-mark,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-mark,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-mark,
  .sr-context-menu-item span.icon.x-mark {
    background-image: url("images/sr-common-icons/independent/x-mark@2x.png");
    background-size: 12px 10px;
  }
}
span.icon.x-mark.selectrofy,
div.common-icon.x-mark.selectrofy,
.sr-selectro .input-container span.imgSpan.x-mark.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-mark.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-mark.selectrofy,
.sr-context-menu-item span.icon.x-mark.selectrofy {
  background-size: 12px 10px !important;
  margin-right: 10px;
}
span.icon.original-task,
div.common-icon.original-task,
.sr-selectro .input-container span.imgSpan.original-task,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task,
.sr-context-menu-item span.icon.original-task {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/original-task.png");
  background-size: 22px 11px;
  width: 11px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.original-task,
  div.common-icon.original-task,
  .sr-selectro .input-container span.imgSpan.original-task,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task,
  .sr-context-menu-item span.icon.original-task {
    background-image: url("images/sr-common-icons/independent/original-task@2x.png");
    background-size: 22px 11px;
  }
}
span.icon.original-task.selectrofy,
div.common-icon.original-task.selectrofy,
.sr-selectro .input-container span.imgSpan.original-task.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task.selectrofy,
.sr-context-menu-item span.icon.original-task.selectrofy {
  background-size: 22px 11px !important;
  margin-right: 10px;
  margin-right: 4px;
  margin-left: 4px;
}
span.icon.original-task.active,
div.common-icon.original-task.active,
.sr-selectro .input-container span.imgSpan.original-task.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).original-task.active,
.sr-context-menu-item span.icon.original-task.active {
  background-position: -11px 0;
}
span.icon.search-small,
div.common-icon.search-small,
.sr-selectro .input-container span.imgSpan.search-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small,
.sr-context-menu-item span.icon.search-small {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/search-small.png");
  background-size: 32px 15px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.search-small,
  div.common-icon.search-small,
  .sr-selectro .input-container span.imgSpan.search-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small,
  .sr-context-menu-item span.icon.search-small {
    background-image: url("images/sr-common-icons/independent/search-small@2x.png");
    background-size: 32px 15px;
  }
}
span.icon.search-small.selectrofy,
div.common-icon.search-small.selectrofy,
.sr-selectro .input-container span.imgSpan.search-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small.selectrofy,
.sr-context-menu-item span.icon.search-small.selectrofy {
  background-size: 32px 15px !important;
  margin-right: 10px;
  margin-right: 2px;
  margin-left: 2px;
}
span.icon.search-small.active,
div.common-icon.search-small.active,
.sr-selectro .input-container span.imgSpan.search-small.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).search-small.active,
.sr-context-menu-item span.icon.search-small.active {
  background-position: -16px 0;
}
span.icon.trash,
div.common-icon.trash,
.sr-selectro .input-container span.imgSpan.trash,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash,
.sr-context-menu-item span.icon.trash {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/trash.png");
  background-size: 44px 15px;
  width: 11px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.trash,
  div.common-icon.trash,
  .sr-selectro .input-container span.imgSpan.trash,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash,
  .sr-context-menu-item span.icon.trash {
    background-image: url("images/sr-common-icons/independent/trash@2x.png");
    background-size: 44px 15px;
  }
}
span.icon.trash.selectrofy,
div.common-icon.trash.selectrofy,
.sr-selectro .input-container span.imgSpan.trash.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.selectrofy,
.sr-context-menu-item span.icon.trash.selectrofy {
  background-size: 44px 15px !important;
  margin-right: 10px;
  margin-right: 4px;
  margin-left: 4px;
}
span.icon.trash.ready,
div.common-icon.trash.ready,
.sr-selectro .input-container span.imgSpan.trash.ready,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.ready,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.ready,
.sr-context-menu-item span.icon.trash.ready {
  background-position: -11px 0;
}
span.icon.trash.destructive,
div.common-icon.trash.destructive,
.sr-selectro .input-container span.imgSpan.trash.destructive,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.destructive,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.destructive,
.sr-context-menu-item span.icon.trash.destructive {
  background-position: -22px 0;
}
span.icon.trash.active,
div.common-icon.trash.active,
.sr-selectro .input-container span.imgSpan.trash.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash.active,
.sr-context-menu-item span.icon.trash.active {
  background-position: -33px 0;
}
span.icon.trash-small,
div.common-icon.trash-small,
.sr-selectro .input-container span.imgSpan.trash-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small,
.sr-context-menu-item span.icon.trash-small {
  height: 13px;
  background-image: url("images/sr-common-icons/independent/trash-small.png");
  background-size: 27px 13px;
  width: 9px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.trash-small,
  div.common-icon.trash-small,
  .sr-selectro .input-container span.imgSpan.trash-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small,
  .sr-context-menu-item span.icon.trash-small {
    background-image: url("images/sr-common-icons/independent/trash-small@2x.png");
    background-size: 27px 13px;
  }
}
span.icon.trash-small.selectrofy,
div.common-icon.trash-small.selectrofy,
.sr-selectro .input-container span.imgSpan.trash-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small.selectrofy,
.sr-context-menu-item span.icon.trash-small.selectrofy {
  background-size: 27px 13px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.trash-small.ready,
div.common-icon.trash-small.ready,
.sr-selectro .input-container span.imgSpan.trash-small.ready,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small.ready,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small.ready,
.sr-context-menu-item span.icon.trash-small.ready {
  background-position: -9px 0;
}
span.icon.trash-small.destructive,
div.common-icon.trash-small.destructive,
.sr-selectro .input-container span.imgSpan.trash-small.destructive,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small.destructive,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).trash-small.destructive,
.sr-context-menu-item span.icon.trash-small.destructive {
  background-position: -18px 0;
}
span.icon.message-bubble,
div.common-icon.message-bubble,
.sr-selectro .input-container span.imgSpan.message-bubble,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble,
.sr-context-menu-item span.icon.message-bubble {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/message-bubble.png");
  background-size: 48px 15px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.message-bubble,
  div.common-icon.message-bubble,
  .sr-selectro .input-container span.imgSpan.message-bubble,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble,
  .sr-context-menu-item span.icon.message-bubble {
    background-image: url("images/sr-common-icons/independent/message-bubble@2x.png");
    background-size: 48px 15px;
  }
}
span.icon.message-bubble.selectrofy,
div.common-icon.message-bubble.selectrofy,
.sr-selectro .input-container span.imgSpan.message-bubble.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble.selectrofy,
.sr-context-menu-item span.icon.message-bubble.selectrofy {
  background-size: 48px 15px !important;
  margin-right: 10px;
  margin-right: 2px;
  margin-left: 2px;
}
span.icon.message-bubble.ready,
div.common-icon.message-bubble.ready,
.sr-selectro .input-container span.imgSpan.message-bubble.ready,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble.ready,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble.ready,
.sr-context-menu-item span.icon.message-bubble.ready {
  background-position: -16px 0;
}
span.icon.message-bubble.active,
div.common-icon.message-bubble.active,
.sr-selectro .input-container span.imgSpan.message-bubble.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).message-bubble.active,
.sr-context-menu-item span.icon.message-bubble.active {
  background-position: -32px 0;
}
span.icon.mail,
div.common-icon.mail,
.sr-selectro .input-container span.imgSpan.mail,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mail,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mail,
.sr-context-menu-item span.icon.mail {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/mail.png");
  background-size: 15px 11px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.mail,
  div.common-icon.mail,
  .sr-selectro .input-container span.imgSpan.mail,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mail,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mail,
  .sr-context-menu-item span.icon.mail {
    background-image: url("images/sr-common-icons/independent/mail@2x.png");
    background-size: 15px 11px;
  }
}
span.icon.mail.selectrofy,
div.common-icon.mail.selectrofy,
.sr-selectro .input-container span.imgSpan.mail.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mail.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).mail.selectrofy,
.sr-context-menu-item span.icon.mail.selectrofy {
  background-size: 15px 11px !important;
  margin-right: 10px;
}
span.icon.phone,
div.common-icon.phone,
.sr-selectro .input-container span.imgSpan.phone,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).phone,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).phone,
.sr-context-menu-item span.icon.phone {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/phone.png");
  background-size: 14px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.phone,
  div.common-icon.phone,
  .sr-selectro .input-container span.imgSpan.phone,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).phone,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).phone,
  .sr-context-menu-item span.icon.phone {
    background-image: url("images/sr-common-icons/independent/phone@2x.png");
    background-size: 14px 14px;
  }
}
span.icon.phone.selectrofy,
div.common-icon.phone.selectrofy,
.sr-selectro .input-container span.imgSpan.phone.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).phone.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).phone.selectrofy,
.sr-context-menu-item span.icon.phone.selectrofy {
  background-size: 14px 14px !important;
  margin-right: 10px;
}
span.icon.invite-house-in-heart,
div.common-icon.invite-house-in-heart,
.sr-selectro .input-container span.imgSpan.invite-house-in-heart,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart,
.sr-context-menu-item span.icon.invite-house-in-heart {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/invite-house-in-heart.png");
  background-size: 60px 16px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.invite-house-in-heart,
  div.common-icon.invite-house-in-heart,
  .sr-selectro .input-container span.imgSpan.invite-house-in-heart,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart,
  .sr-context-menu-item span.icon.invite-house-in-heart {
    background-image: url("images/sr-common-icons/independent/invite-house-in-heart@2x.png");
    background-size: 60px 16px;
  }
}
span.icon.invite-house-in-heart.selectrofy,
div.common-icon.invite-house-in-heart.selectrofy,
.sr-selectro .input-container span.imgSpan.invite-house-in-heart.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart.selectrofy,
.sr-context-menu-item span.icon.invite-house-in-heart.selectrofy {
  background-size: 60px 16px !important;
  margin-right: 10px;
}
span.icon.invite-house-in-heart.ready,
div.common-icon.invite-house-in-heart.ready,
.sr-selectro .input-container span.imgSpan.invite-house-in-heart.ready,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart.ready,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart.ready,
.sr-context-menu-item span.icon.invite-house-in-heart.ready {
  background-position: -20px 0;
}
span.icon.invite-house-in-heart.active,
div.common-icon.invite-house-in-heart.active,
.sr-selectro .input-container span.imgSpan.invite-house-in-heart.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).invite-house-in-heart.active,
.sr-context-menu-item span.icon.invite-house-in-heart.active {
  background-position: -40px 0;
}
span.icon.arrow,
div.common-icon.arrow,
.sr-selectro .input-container span.imgSpan.arrow,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow,
.sr-context-menu-item span.icon.arrow {
  height: 9px;
  background-image: url("images/sr-common-icons/independent/arrow.png");
  background-size: 26px 9px;
  width: 13px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.arrow,
  div.common-icon.arrow,
  .sr-selectro .input-container span.imgSpan.arrow,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow,
  .sr-context-menu-item span.icon.arrow {
    background-image: url("images/sr-common-icons/independent/arrow@2x.png");
    background-size: 26px 9px;
  }
}
span.icon.arrow.selectrofy,
div.common-icon.arrow.selectrofy,
.sr-selectro .input-container span.imgSpan.arrow.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow.selectrofy,
.sr-context-menu-item span.icon.arrow.selectrofy {
  background-size: 26px 9px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.arrow.dark,
div.common-icon.arrow.dark,
.sr-selectro .input-container span.imgSpan.arrow.dark,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow.dark,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow.dark,
.sr-context-menu-item span.icon.arrow.dark {
  background-position: 0px 0;
}
span.icon.arrow.light,
div.common-icon.arrow.light,
.sr-selectro .input-container span.imgSpan.arrow.light,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow.light,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow.light,
.sr-context-menu-item span.icon.arrow.light {
  background-position: -13px 0;
}
span.icon.arrow-blue-hover,
div.common-icon.arrow-blue-hover,
.sr-selectro .input-container span.imgSpan.arrow-blue-hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover,
.sr-context-menu-item span.icon.arrow-blue-hover {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/arrow-blue-hover.png");
  background-size: 28px 11px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.arrow-blue-hover,
  div.common-icon.arrow-blue-hover,
  .sr-selectro .input-container span.imgSpan.arrow-blue-hover,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover,
  .sr-context-menu-item span.icon.arrow-blue-hover {
    background-image: url("images/sr-common-icons/independent/arrow-blue-hover@2x.png");
    background-size: 28px 11px;
  }
}
span.icon.arrow-blue-hover.selectrofy,
div.common-icon.arrow-blue-hover.selectrofy,
.sr-selectro .input-container span.imgSpan.arrow-blue-hover.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover.selectrofy,
.sr-context-menu-item span.icon.arrow-blue-hover.selectrofy {
  background-size: 28px 11px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.arrow-blue-hover:hover,
div.common-icon.arrow-blue-hover:hover,
.sr-selectro .input-container span.imgSpan.arrow-blue-hover:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-blue-hover:hover,
.sr-context-menu-item span.icon.arrow-blue-hover:hover {
  background-position: -14px 0;
}
span.icon.arrow-right,
div.common-icon.arrow-right,
.sr-selectro .input-container span.imgSpan.arrow-right,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-right,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-right,
.sr-context-menu-item span.icon.arrow-right {
  height: 9px;
  background-image: url("images/sr-common-icons/independent/arrow-right.png");
  background-size: 13px 9px;
  width: 13px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.arrow-right,
  div.common-icon.arrow-right,
  .sr-selectro .input-container span.imgSpan.arrow-right,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-right,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-right,
  .sr-context-menu-item span.icon.arrow-right {
    background-image: url("images/sr-common-icons/independent/arrow-right@2x.png");
    background-size: 13px 9px;
  }
}
span.icon.arrow-right.selectrofy,
div.common-icon.arrow-right.selectrofy,
.sr-selectro .input-container span.imgSpan.arrow-right.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-right.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).arrow-right.selectrofy,
.sr-context-menu-item span.icon.arrow-right.selectrofy {
  background-size: 13px 9px !important;
  margin-right: 10px;
}
span.icon.download-white,
div.common-icon.download-white,
.sr-selectro .input-container span.imgSpan.download-white,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-white,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-white,
.sr-context-menu-item span.icon.download-white {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/download-white.png");
  background-size: 15px 15px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.download-white,
  div.common-icon.download-white,
  .sr-selectro .input-container span.imgSpan.download-white,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-white,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-white,
  .sr-context-menu-item span.icon.download-white {
    background-image: url("images/sr-common-icons/independent/download-white@2x.png");
    background-size: 15px 15px;
  }
}
span.icon.download-white.selectrofy,
div.common-icon.download-white.selectrofy,
.sr-selectro .input-container span.imgSpan.download-white.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-white.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download-white.selectrofy,
.sr-context-menu-item span.icon.download-white.selectrofy {
  background-size: 15px 15px !important;
  margin-right: 10px;
}
span.icon.assign,
div.common-icon.assign,
.sr-selectro .input-container span.imgSpan.assign,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign,
.sr-context-menu-item span.icon.assign {
  height: 18px;
  background-image: url("images/sr-common-icons/independent/assign.png");
  background-size: 42px 18px;
  width: 21px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.assign,
  div.common-icon.assign,
  .sr-selectro .input-container span.imgSpan.assign,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign,
  .sr-context-menu-item span.icon.assign {
    background-image: url("images/sr-common-icons/independent/assign@2x.png");
    background-size: 42px 18px;
  }
}
span.icon.assign.selectrofy,
div.common-icon.assign.selectrofy,
.sr-selectro .input-container span.imgSpan.assign.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign.selectrofy,
.sr-context-menu-item span.icon.assign.selectrofy {
  background-size: 42px 18px !important;
  margin-right: 10px;
}
span.icon.assign.active,
div.common-icon.assign.active,
.sr-selectro .input-container span.imgSpan.assign.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).assign.active,
.sr-context-menu-item span.icon.assign.active {
  background-position: -21px 0;
}
span.icon.reopen,
div.common-icon.reopen,
.sr-selectro .input-container span.imgSpan.reopen,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reopen,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reopen,
.sr-context-menu-item span.icon.reopen {
  height: 17px;
  background-image: url("images/sr-common-icons/independent/reopen.png");
  background-size: 21px 17px;
  width: 21px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.reopen,
  div.common-icon.reopen,
  .sr-selectro .input-container span.imgSpan.reopen,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reopen,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reopen,
  .sr-context-menu-item span.icon.reopen {
    background-image: url("images/sr-common-icons/independent/reopen@2x.png");
    background-size: 21px 17px;
  }
}
span.icon.reopen.selectrofy,
div.common-icon.reopen.selectrofy,
.sr-selectro .input-container span.imgSpan.reopen.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reopen.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reopen.selectrofy,
.sr-context-menu-item span.icon.reopen.selectrofy {
  background-size: 21px 17px !important;
  margin-right: 10px;
}
span.icon.add-announcement,
div.common-icon.add-announcement,
.sr-selectro .input-container span.imgSpan.add-announcement,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-announcement,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-announcement,
.sr-context-menu-item span.icon.add-announcement {
  height: 17px;
  background-image: url("images/sr-common-icons/independent/add-announcement.png");
  background-size: 20px 17px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.add-announcement,
  div.common-icon.add-announcement,
  .sr-selectro .input-container span.imgSpan.add-announcement,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-announcement,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-announcement,
  .sr-context-menu-item span.icon.add-announcement {
    background-image: url("images/sr-common-icons/independent/add-announcement@2x.png");
    background-size: 20px 17px;
  }
}
span.icon.add-announcement.selectrofy,
div.common-icon.add-announcement.selectrofy,
.sr-selectro .input-container span.imgSpan.add-announcement.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-announcement.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).add-announcement.selectrofy,
.sr-context-menu-item span.icon.add-announcement.selectrofy {
  background-size: 20px 17px !important;
  margin-right: 10px;
}
span.icon.reschedule,
div.common-icon.reschedule,
.sr-selectro .input-container span.imgSpan.reschedule,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule,
.sr-context-menu-item span.icon.reschedule {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/reschedule.png");
  background-size: 38px 14px;
  width: 19px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.reschedule,
  div.common-icon.reschedule,
  .sr-selectro .input-container span.imgSpan.reschedule,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule,
  .sr-context-menu-item span.icon.reschedule {
    background-image: url("images/sr-common-icons/independent/reschedule@2x.png");
    background-size: 38px 14px;
  }
}
span.icon.reschedule.selectrofy,
div.common-icon.reschedule.selectrofy,
.sr-selectro .input-container span.imgSpan.reschedule.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule.selectrofy,
.sr-context-menu-item span.icon.reschedule.selectrofy {
  background-size: 38px 14px !important;
  margin-right: 10px;
  margin-right: 0px;
  margin-left: 0px;
}
span.icon.reschedule.active,
div.common-icon.reschedule.active,
.sr-selectro .input-container span.imgSpan.reschedule.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reschedule.active,
.sr-context-menu-item span.icon.reschedule.active {
  background-position: -19px 0;
}
span.icon.reorder-handle,
div.common-icon.reorder-handle,
.sr-selectro .input-container span.imgSpan.reorder-handle,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle,
.sr-context-menu-item span.icon.reorder-handle {
  height: 21px;
  background-image: url("images/sr-common-icons/independent/reorder-handle.png");
  background-size: 18px 21px;
  width: 9px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.reorder-handle,
  div.common-icon.reorder-handle,
  .sr-selectro .input-container span.imgSpan.reorder-handle,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle,
  .sr-context-menu-item span.icon.reorder-handle {
    background-image: url("images/sr-common-icons/independent/reorder-handle@2x.png");
    background-size: 18px 21px;
  }
}
span.icon.reorder-handle.selectrofy,
div.common-icon.reorder-handle.selectrofy,
.sr-selectro .input-container span.imgSpan.reorder-handle.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle.selectrofy,
.sr-context-menu-item span.icon.reorder-handle.selectrofy {
  background-size: 18px 21px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.reorder-handle:hover,
div.common-icon.reorder-handle:hover,
.sr-selectro .input-container span.imgSpan.reorder-handle:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reorder-handle:hover,
.sr-context-menu-item span.icon.reorder-handle:hover {
  background-position: -9px 0;
}
span.icon.chat-bubble,
div.common-icon.chat-bubble,
.sr-selectro .input-container span.imgSpan.chat-bubble,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble,
.sr-context-menu-item span.icon.chat-bubble {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/chat-bubble.png");
  background-size: 17px 16px;
  width: 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.chat-bubble,
  div.common-icon.chat-bubble,
  .sr-selectro .input-container span.imgSpan.chat-bubble,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble,
  .sr-context-menu-item span.icon.chat-bubble {
    background-image: url("images/sr-common-icons/independent/chat-bubble@2x.png");
    background-size: 17px 16px;
  }
}
span.icon.chat-bubble.selectrofy,
div.common-icon.chat-bubble.selectrofy,
.sr-selectro .input-container span.imgSpan.chat-bubble.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble.selectrofy,
.sr-context-menu-item span.icon.chat-bubble.selectrofy {
  background-size: 17px 16px !important;
  margin-right: 10px;
}
span.icon.chat-bubble-plus,
div.common-icon.chat-bubble-plus,
.sr-selectro .input-container span.imgSpan.chat-bubble-plus,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble-plus,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble-plus,
.sr-context-menu-item span.icon.chat-bubble-plus {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/chat-bubble-plus.png");
  background-size: 20px 16px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.chat-bubble-plus,
  div.common-icon.chat-bubble-plus,
  .sr-selectro .input-container span.imgSpan.chat-bubble-plus,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble-plus,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble-plus,
  .sr-context-menu-item span.icon.chat-bubble-plus {
    background-image: url("images/sr-common-icons/independent/chat-bubble-plus@2x.png");
    background-size: 20px 16px;
  }
}
span.icon.chat-bubble-plus.selectrofy,
div.common-icon.chat-bubble-plus.selectrofy,
.sr-selectro .input-container span.imgSpan.chat-bubble-plus.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble-plus.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chat-bubble-plus.selectrofy,
.sr-context-menu-item span.icon.chat-bubble-plus.selectrofy {
  background-size: 20px 16px !important;
  margin-right: 10px;
}
span.icon.plus-gray-primary-thin,
div.common-icon.plus-gray-primary-thin,
.sr-selectro .input-container span.imgSpan.plus-gray-primary-thin,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin,
.sr-context-menu-item span.icon.plus-gray-primary-thin {
  height: 13px;
  background-image: url("images/sr-common-icons/independent/plus-gray-primary-thin.png");
  background-size: 26px 13px;
  width: 13px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-gray-primary-thin,
  div.common-icon.plus-gray-primary-thin,
  .sr-selectro .input-container span.imgSpan.plus-gray-primary-thin,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin,
  .sr-context-menu-item span.icon.plus-gray-primary-thin {
    background-image: url("images/sr-common-icons/independent/plus-gray-primary-thin@2x.png");
    background-size: 26px 13px;
  }
}
span.icon.plus-gray-primary-thin.selectrofy,
div.common-icon.plus-gray-primary-thin.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-gray-primary-thin.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin.selectrofy,
.sr-context-menu-item span.icon.plus-gray-primary-thin.selectrofy {
  background-size: 26px 13px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.plus-gray-primary-thin.active,
div.common-icon.plus-gray-primary-thin.active,
.sr-selectro .input-container span.imgSpan.plus-gray-primary-thin.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-gray-primary-thin.active,
.sr-context-menu-item span.icon.plus-gray-primary-thin.active {
  background-position: -13px 0;
}
span.icon.plus-blue,
div.common-icon.plus-blue,
.sr-selectro .input-container span.imgSpan.plus-blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue,
.sr-context-menu-item span.icon.plus-blue {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/plus-blue.png");
  background-size: 11px 11px;
  width: 11px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-blue,
  div.common-icon.plus-blue,
  .sr-selectro .input-container span.imgSpan.plus-blue,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue,
  .sr-context-menu-item span.icon.plus-blue {
    background-image: url("images/sr-common-icons/independent/plus-blue@2x.png");
    background-size: 11px 11px;
  }
}
span.icon.plus-blue.selectrofy,
div.common-icon.plus-blue.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-blue.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue.selectrofy,
.sr-context-menu-item span.icon.plus-blue.selectrofy {
  background-size: 11px 11px !important;
  margin-right: 10px;
}
span.icon.plus-blue-secondary,
div.common-icon.plus-blue-secondary,
.sr-selectro .input-container span.imgSpan.plus-blue-secondary,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary,
.sr-context-menu-item span.icon.plus-blue-secondary {
  height: 10px;
  background-image: url("images/sr-common-icons/independent/plus-blue-secondary.png");
  background-size: 20px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-blue-secondary,
  div.common-icon.plus-blue-secondary,
  .sr-selectro .input-container span.imgSpan.plus-blue-secondary,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary,
  .sr-context-menu-item span.icon.plus-blue-secondary {
    background-image: url("images/sr-common-icons/independent/plus-blue-secondary@2x.png");
    background-size: 20px 10px;
  }
}
span.icon.plus-blue-secondary.selectrofy,
div.common-icon.plus-blue-secondary.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-blue-secondary.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary.selectrofy,
.sr-context-menu-item span.icon.plus-blue-secondary.selectrofy {
  background-size: 20px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.plus-blue-secondary:hover,
div.common-icon.plus-blue-secondary:hover,
.sr-selectro .input-container span.imgSpan.plus-blue-secondary:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-secondary:hover,
.sr-context-menu-item span.icon.plus-blue-secondary:hover {
  background-position: -10px 0;
}
span.icon.plus-blue-m,
div.common-icon.plus-blue-m,
.sr-selectro .input-container span.imgSpan.plus-blue-m,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m,
.sr-context-menu-item span.icon.plus-blue-m {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/plus-blue-m.png");
  background-size: 14px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-blue-m,
  div.common-icon.plus-blue-m,
  .sr-selectro .input-container span.imgSpan.plus-blue-m,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m,
  .sr-context-menu-item span.icon.plus-blue-m {
    background-image: url("images/sr-common-icons/independent/plus-blue-m@2x.png");
    background-size: 14px 14px;
  }
}
span.icon.plus-blue-m.selectrofy,
div.common-icon.plus-blue-m.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-blue-m.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m.selectrofy,
.sr-context-menu-item span.icon.plus-blue-m.selectrofy {
  background-size: 14px 14px !important;
  margin-right: 10px;
}
span.icon.plus-blue-m-hover,
div.common-icon.plus-blue-m-hover,
.sr-selectro .input-container span.imgSpan.plus-blue-m-hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover,
.sr-context-menu-item span.icon.plus-blue-m-hover {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/plus-blue-m-hover.png");
  background-size: 42px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-blue-m-hover,
  div.common-icon.plus-blue-m-hover,
  .sr-selectro .input-container span.imgSpan.plus-blue-m-hover,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover,
  .sr-context-menu-item span.icon.plus-blue-m-hover {
    background-image: url("images/sr-common-icons/independent/plus-blue-m-hover@2x.png");
    background-size: 42px 14px;
  }
}
span.icon.plus-blue-m-hover.selectrofy,
div.common-icon.plus-blue-m-hover.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-blue-m-hover.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover.selectrofy,
.sr-context-menu-item span.icon.plus-blue-m-hover.selectrofy {
  background-size: 42px 14px !important;
  margin-right: 10px;
  margin-right: 3px;
  margin-left: 3px;
}
span.icon.plus-blue-m-hover:hover,
div.common-icon.plus-blue-m-hover:hover,
.sr-selectro .input-container span.imgSpan.plus-blue-m-hover:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover:hover,
.sr-context-menu-item span.icon.plus-blue-m-hover:hover {
  background-position: -14px 0;
}
span.icon.plus-blue-m-hover.error,
div.common-icon.plus-blue-m-hover.error,
.sr-selectro .input-container span.imgSpan.plus-blue-m-hover.error,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover.error,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-blue-m-hover.error,
.sr-context-menu-item span.icon.plus-blue-m-hover.error {
  background-position: -28px 0;
}
span.icon.plus-white,
div.common-icon.plus-white,
.sr-selectro .input-container span.imgSpan.plus-white,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-white,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-white,
.sr-context-menu-item span.icon.plus-white {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/plus-white.png");
  background-size: 14px 14px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.plus-white,
  div.common-icon.plus-white,
  .sr-selectro .input-container span.imgSpan.plus-white,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-white,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-white,
  .sr-context-menu-item span.icon.plus-white {
    background-image: url("images/sr-common-icons/independent/plus-white@2x.png");
    background-size: 14px 14px;
  }
}
span.icon.plus-white.selectrofy,
div.common-icon.plus-white.selectrofy,
.sr-selectro .input-container span.imgSpan.plus-white.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-white.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).plus-white.selectrofy,
.sr-context-menu-item span.icon.plus-white.selectrofy {
  background-size: 14px 14px !important;
  margin-right: 10px;
}
span.icon.download,
div.common-icon.download,
.sr-selectro .input-container span.imgSpan.download,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download,
.sr-context-menu-item span.icon.download {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/download.png");
  background-size: 15px 14px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.download,
  div.common-icon.download,
  .sr-selectro .input-container span.imgSpan.download,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download,
  .sr-context-menu-item span.icon.download {
    background-image: url("images/sr-common-icons/independent/download@2x.png");
    background-size: 15px 14px;
  }
}
span.icon.download.selectrofy,
div.common-icon.download.selectrofy,
.sr-selectro .input-container span.imgSpan.download.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).download.selectrofy,
.sr-context-menu-item span.icon.download.selectrofy {
  background-size: 15px 14px !important;
  margin-right: 10px;
}
span.icon.help-circle,
div.common-icon.help-circle,
.sr-selectro .input-container span.imgSpan.help-circle,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).help-circle,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).help-circle,
.sr-context-menu-item span.icon.help-circle {
  height: 16px;
  background-image: url("images/sr-common-icons/independent/help-circle.png");
  background-size: 16px 16px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.help-circle,
  div.common-icon.help-circle,
  .sr-selectro .input-container span.imgSpan.help-circle,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).help-circle,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).help-circle,
  .sr-context-menu-item span.icon.help-circle {
    background-image: url("images/sr-common-icons/independent/help-circle@2x.png");
    background-size: 16px 16px;
  }
}
span.icon.help-circle.selectrofy,
div.common-icon.help-circle.selectrofy,
.sr-selectro .input-container span.imgSpan.help-circle.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).help-circle.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).help-circle.selectrofy,
.sr-context-menu-item span.icon.help-circle.selectrofy {
  background-size: 16px 16px !important;
  margin-right: 10px;
}
span.icon.recurring-schedule,
div.common-icon.recurring-schedule,
.sr-selectro .input-container span.imgSpan.recurring-schedule,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).recurring-schedule,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).recurring-schedule,
.sr-context-menu-item span.icon.recurring-schedule {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/recurring-schedule.png");
  background-size: 16px 14px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.recurring-schedule,
  div.common-icon.recurring-schedule,
  .sr-selectro .input-container span.imgSpan.recurring-schedule,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).recurring-schedule,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).recurring-schedule,
  .sr-context-menu-item span.icon.recurring-schedule {
    background-image: url("images/sr-common-icons/independent/recurring-schedule@2x.png");
    background-size: 16px 14px;
  }
}
span.icon.recurring-schedule.selectrofy,
div.common-icon.recurring-schedule.selectrofy,
.sr-selectro .input-container span.imgSpan.recurring-schedule.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).recurring-schedule.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).recurring-schedule.selectrofy,
.sr-context-menu-item span.icon.recurring-schedule.selectrofy {
  background-size: 16px 14px !important;
  margin-right: 10px;
}
span.icon.repeating-icon-grey,
div.common-icon.repeating-icon-grey,
.sr-selectro .input-container span.imgSpan.repeating-icon-grey,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).repeating-icon-grey,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).repeating-icon-grey,
.sr-context-menu-item span.icon.repeating-icon-grey {
  height: 12px;
  background-image: url("images/sr-common-icons/independent/repeating-icon-grey.png");
  background-size: 14px 12px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.repeating-icon-grey,
  div.common-icon.repeating-icon-grey,
  .sr-selectro .input-container span.imgSpan.repeating-icon-grey,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).repeating-icon-grey,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).repeating-icon-grey,
  .sr-context-menu-item span.icon.repeating-icon-grey {
    background-image: url("images/sr-common-icons/independent/repeating-icon-grey@2x.png");
    background-size: 14px 12px;
  }
}
span.icon.repeating-icon-grey.selectrofy,
div.common-icon.repeating-icon-grey.selectrofy,
.sr-selectro .input-container span.imgSpan.repeating-icon-grey.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).repeating-icon-grey.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).repeating-icon-grey.selectrofy,
.sr-context-menu-item span.icon.repeating-icon-grey.selectrofy {
  background-size: 14px 12px !important;
  margin-right: 10px;
}
span.icon.play-black,
div.common-icon.play-black,
.sr-selectro .input-container span.imgSpan.play-black,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).play-black,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).play-black,
.sr-context-menu-item span.icon.play-black {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/play-black.png");
  background-size: 12px 14px;
  width: 12px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.play-black,
  div.common-icon.play-black,
  .sr-selectro .input-container span.imgSpan.play-black,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).play-black,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).play-black,
  .sr-context-menu-item span.icon.play-black {
    background-image: url("images/sr-common-icons/independent/play-black@2x.png");
    background-size: 12px 14px;
  }
}
span.icon.play-black.selectrofy,
div.common-icon.play-black.selectrofy,
.sr-selectro .input-container span.imgSpan.play-black.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).play-black.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).play-black.selectrofy,
.sr-context-menu-item span.icon.play-black.selectrofy {
  background-size: 12px 14px !important;
  margin-right: 10px;
}
span.icon.pause-black,
div.common-icon.pause-black,
.sr-selectro .input-container span.imgSpan.pause-black,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).pause-black,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).pause-black,
.sr-context-menu-item span.icon.pause-black {
  height: 14px;
  background-image: url("images/sr-common-icons/independent/pause-black.png");
  background-size: 12px 14px;
  width: 12px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.pause-black,
  div.common-icon.pause-black,
  .sr-selectro .input-container span.imgSpan.pause-black,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).pause-black,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).pause-black,
  .sr-context-menu-item span.icon.pause-black {
    background-image: url("images/sr-common-icons/independent/pause-black@2x.png");
    background-size: 12px 14px;
  }
}
span.icon.pause-black.selectrofy,
div.common-icon.pause-black.selectrofy,
.sr-selectro .input-container span.imgSpan.pause-black.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).pause-black.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).pause-black.selectrofy,
.sr-context-menu-item span.icon.pause-black.selectrofy {
  background-size: 12px 14px !important;
  margin-right: 10px;
}
span.icon.loading-error,
div.common-icon.loading-error,
.sr-selectro .input-container span.imgSpan.loading-error,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).loading-error,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).loading-error,
.sr-context-menu-item span.icon.loading-error {
  height: 43px;
  background-image: url("images/sr-common-icons/independent/loading-error.png");
  background-size: 60px 43px;
  width: 60px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.loading-error,
  div.common-icon.loading-error,
  .sr-selectro .input-container span.imgSpan.loading-error,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).loading-error,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).loading-error,
  .sr-context-menu-item span.icon.loading-error {
    background-image: url("images/sr-common-icons/independent/loading-error@2x.png");
    background-size: 60px 43px;
  }
}
span.icon.loading-error.selectrofy,
div.common-icon.loading-error.selectrofy,
.sr-selectro .input-container span.imgSpan.loading-error.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).loading-error.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).loading-error.selectrofy,
.sr-context-menu-item span.icon.loading-error.selectrofy {
  background-size: 60px 43px !important;
  margin-right: 10px;
}
span.icon.notification-email,
div.common-icon.notification-email,
.sr-selectro .input-container span.imgSpan.notification-email,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-email,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-email,
.sr-context-menu-item span.icon.notification-email {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/notification-email.png");
  background-size: 15px 11px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.notification-email,
  div.common-icon.notification-email,
  .sr-selectro .input-container span.imgSpan.notification-email,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-email,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-email,
  .sr-context-menu-item span.icon.notification-email {
    background-image: url("images/sr-common-icons/independent/notification-email@2x.png");
    background-size: 15px 11px;
  }
}
span.icon.notification-email.selectrofy,
div.common-icon.notification-email.selectrofy,
.sr-selectro .input-container span.imgSpan.notification-email.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-email.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-email.selectrofy,
.sr-context-menu-item span.icon.notification-email.selectrofy {
  background-size: 15px 11px !important;
  margin-right: 10px;
}
span.icon.notification-sms,
div.common-icon.notification-sms,
.sr-selectro .input-container span.imgSpan.notification-sms,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-sms,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-sms,
.sr-context-menu-item span.icon.notification-sms {
  height: 19px;
  background-image: url("images/sr-common-icons/independent/notification-sms.png");
  background-size: 11px 19px;
  width: 11px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.notification-sms,
  div.common-icon.notification-sms,
  .sr-selectro .input-container span.imgSpan.notification-sms,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-sms,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-sms,
  .sr-context-menu-item span.icon.notification-sms {
    background-image: url("images/sr-common-icons/independent/notification-sms@2x.png");
    background-size: 11px 19px;
  }
}
span.icon.notification-sms.selectrofy,
div.common-icon.notification-sms.selectrofy,
.sr-selectro .input-container span.imgSpan.notification-sms.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-sms.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).notification-sms.selectrofy,
.sr-context-menu-item span.icon.notification-sms.selectrofy {
  background-size: 11px 19px !important;
  margin-right: 10px;
}
span.icon.bulk-notification-edit,
div.common-icon.bulk-notification-edit,
.sr-selectro .input-container span.imgSpan.bulk-notification-edit,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit,
.sr-context-menu-item span.icon.bulk-notification-edit {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/bulk-notification-edit.png");
  background-size: 60px 15px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.bulk-notification-edit,
  div.common-icon.bulk-notification-edit,
  .sr-selectro .input-container span.imgSpan.bulk-notification-edit,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit,
  .sr-context-menu-item span.icon.bulk-notification-edit {
    background-image: url("images/sr-common-icons/independent/bulk-notification-edit@2x.png");
    background-size: 60px 15px;
  }
}
span.icon.bulk-notification-edit.selectrofy,
div.common-icon.bulk-notification-edit.selectrofy,
.sr-selectro .input-container span.imgSpan.bulk-notification-edit.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.selectrofy,
.sr-context-menu-item span.icon.bulk-notification-edit.selectrofy {
  background-size: 60px 15px !important;
  margin-right: 10px;
  margin-right: 2px;
  margin-left: 2px;
}
span.icon.bulk-notification-edit.ready,
div.common-icon.bulk-notification-edit.ready,
.sr-selectro .input-container span.imgSpan.bulk-notification-edit.ready,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.ready,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.ready,
.sr-context-menu-item span.icon.bulk-notification-edit.ready {
  background-position: -15px 0;
}
span.icon.bulk-notification-edit.destructive,
div.common-icon.bulk-notification-edit.destructive,
.sr-selectro .input-container span.imgSpan.bulk-notification-edit.destructive,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.destructive,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.destructive,
.sr-context-menu-item span.icon.bulk-notification-edit.destructive {
  background-position: -30px 0;
}
span.icon.bulk-notification-edit.ready:hover,
div.common-icon.bulk-notification-edit.ready:hover,
.sr-selectro .input-container span.imgSpan.bulk-notification-edit.ready:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.ready:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).bulk-notification-edit.ready:hover,
.sr-context-menu-item span.icon.bulk-notification-edit.ready:hover {
  background-position: -45px 0;
}
span.icon.upload-icon,
div.common-icon.upload-icon,
.sr-selectro .input-container span.imgSpan.upload-icon,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon,
.sr-context-menu-item span.icon.upload-icon {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/upload-icon.png");
  background-size: 38px 15px;
  width: 19px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.upload-icon,
  div.common-icon.upload-icon,
  .sr-selectro .input-container span.imgSpan.upload-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon,
  .sr-context-menu-item span.icon.upload-icon {
    background-image: url("images/sr-common-icons/independent/upload-icon@2x.png");
    background-size: 38px 15px;
  }
}
span.icon.upload-icon.selectrofy,
div.common-icon.upload-icon.selectrofy,
.sr-selectro .input-container span.imgSpan.upload-icon.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon.selectrofy,
.sr-context-menu-item span.icon.upload-icon.selectrofy {
  background-size: 38px 15px !important;
  margin-right: 10px;
  margin-right: 0px;
  margin-left: 0px;
}
span.icon.upload-icon.active,
div.common-icon.upload-icon.active,
.sr-selectro .input-container span.imgSpan.upload-icon.active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon.active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).upload-icon.active,
.sr-context-menu-item span.icon.upload-icon.active {
  background-position: -19px 0;
}
span.icon.emoji-page-up,
div.common-icon.emoji-page-up,
.sr-selectro .input-container span.imgSpan.emoji-page-up,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-page-up,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-page-up,
.sr-context-menu-item span.icon.emoji-page-up {
  height: 60px;
  background-image: url("images/sr-common-icons/independent/emoji-page-up.png");
  background-size: 50px 60px;
  width: 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.emoji-page-up,
  div.common-icon.emoji-page-up,
  .sr-selectro .input-container span.imgSpan.emoji-page-up,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-page-up,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-page-up,
  .sr-context-menu-item span.icon.emoji-page-up {
    background-image: url("images/sr-common-icons/independent/emoji-page-up@2x.png");
    background-size: 50px 60px;
  }
}
span.icon.emoji-page-up.selectrofy,
div.common-icon.emoji-page-up.selectrofy,
.sr-selectro .input-container span.imgSpan.emoji-page-up.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-page-up.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-page-up.selectrofy,
.sr-context-menu-item span.icon.emoji-page-up.selectrofy {
  background-size: 50px 60px !important;
  margin-right: 10px;
}
span.icon.emoji-folder,
div.common-icon.emoji-folder,
.sr-selectro .input-container span.imgSpan.emoji-folder,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-folder,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-folder,
.sr-context-menu-item span.icon.emoji-folder {
  height: 60px;
  background-image: url("images/sr-common-icons/independent/emoji-folder.png");
  background-size: 64px 60px;
  width: 64px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.emoji-folder,
  div.common-icon.emoji-folder,
  .sr-selectro .input-container span.imgSpan.emoji-folder,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-folder,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-folder,
  .sr-context-menu-item span.icon.emoji-folder {
    background-image: url("images/sr-common-icons/independent/emoji-folder@2x.png");
    background-size: 64px 60px;
  }
}
span.icon.emoji-folder.selectrofy,
div.common-icon.emoji-folder.selectrofy,
.sr-selectro .input-container span.imgSpan.emoji-folder.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-folder.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-folder.selectrofy,
.sr-context-menu-item span.icon.emoji-folder.selectrofy {
  background-size: 64px 60px !important;
  margin-right: 10px;
}
span.icon.emoji-loudhorn,
div.common-icon.emoji-loudhorn,
.sr-selectro .input-container span.imgSpan.emoji-loudhorn,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-loudhorn,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-loudhorn,
.sr-context-menu-item span.icon.emoji-loudhorn {
  height: 53px;
  background-image: url("images/sr-common-icons/independent/emoji-loudhorn.png");
  background-size: 60px 53px;
  width: 60px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.emoji-loudhorn,
  div.common-icon.emoji-loudhorn,
  .sr-selectro .input-container span.imgSpan.emoji-loudhorn,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-loudhorn,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-loudhorn,
  .sr-context-menu-item span.icon.emoji-loudhorn {
    background-image: url("images/sr-common-icons/independent/emoji-loudhorn@2x.png");
    background-size: 60px 53px;
  }
}
span.icon.emoji-loudhorn.selectrofy,
div.common-icon.emoji-loudhorn.selectrofy,
.sr-selectro .input-container span.imgSpan.emoji-loudhorn.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-loudhorn.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-loudhorn.selectrofy,
.sr-context-menu-item span.icon.emoji-loudhorn.selectrofy {
  background-size: 60px 53px !important;
  margin-right: 10px;
}
span.icon.emoji-business,
div.common-icon.emoji-business,
.sr-selectro .input-container span.imgSpan.emoji-business,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-business,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-business,
.sr-context-menu-item span.icon.emoji-business {
  height: 60px;
  background-image: url("images/sr-common-icons/independent/emoji-business.png");
  background-size: 60px 60px;
  width: 60px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.emoji-business,
  div.common-icon.emoji-business,
  .sr-selectro .input-container span.imgSpan.emoji-business,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-business,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-business,
  .sr-context-menu-item span.icon.emoji-business {
    background-image: url("images/sr-common-icons/independent/emoji-business@2x.png");
    background-size: 60px 60px;
  }
}
span.icon.emoji-business.selectrofy,
div.common-icon.emoji-business.selectrofy,
.sr-selectro .input-container span.imgSpan.emoji-business.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-business.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).emoji-business.selectrofy,
.sr-context-menu-item span.icon.emoji-business.selectrofy {
  background-size: 60px 60px !important;
  margin-right: 10px;
}
span.icon.close-thin,
div.common-icon.close-thin,
.sr-selectro .input-container span.imgSpan.close-thin,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin,
.sr-context-menu-item span.icon.close-thin {
  height: 11px;
  background-image: url("images/sr-common-icons/independent/close-thin.png");
  background-size: 22px 11px;
  width: 11px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.close-thin,
  div.common-icon.close-thin,
  .sr-selectro .input-container span.imgSpan.close-thin,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin,
  .sr-context-menu-item span.icon.close-thin {
    background-image: url("images/sr-common-icons/independent/close-thin@2x.png");
    background-size: 22px 11px;
  }
}
span.icon.close-thin.selectrofy,
div.common-icon.close-thin.selectrofy,
.sr-selectro .input-container span.imgSpan.close-thin.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin.selectrofy,
.sr-context-menu-item span.icon.close-thin.selectrofy {
  background-size: 22px 11px !important;
  margin-right: 10px;
  margin-right: 4px;
  margin-left: 4px;
}
span.icon.close-thin:hover,
div.common-icon.close-thin:hover,
.sr-selectro .input-container span.imgSpan.close-thin:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close-thin:hover,
.sr-context-menu-item span.icon.close-thin:hover {
  background-position: -11px 0;
}
span.icon.resource-blue,
div.common-icon.resource-blue,
.sr-selectro .input-container span.imgSpan.resource-blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-blue,
.sr-context-menu-item span.icon.resource-blue {
  height: 21px;
  background-image: url("images/sr-common-icons/independent/resource-blue.png");
  background-size: 22px 21px;
  width: 22px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.resource-blue,
  div.common-icon.resource-blue,
  .sr-selectro .input-container span.imgSpan.resource-blue,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-blue,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-blue,
  .sr-context-menu-item span.icon.resource-blue {
    background-image: url("images/sr-common-icons/independent/resource-blue@2x.png");
    background-size: 22px 21px;
  }
}
span.icon.resource-blue.selectrofy,
div.common-icon.resource-blue.selectrofy,
.sr-selectro .input-container span.imgSpan.resource-blue.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-blue.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-blue.selectrofy,
.sr-context-menu-item span.icon.resource-blue.selectrofy {
  background-size: 22px 21px !important;
  margin-right: 10px;
}
span.icon.resource-white,
div.common-icon.resource-white,
.sr-selectro .input-container span.imgSpan.resource-white,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-white,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-white,
.sr-context-menu-item span.icon.resource-white {
  height: 17px;
  background-image: url("images/sr-common-icons/independent/resource-white.png");
  background-size: 18px 17px;
  width: 18px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.resource-white,
  div.common-icon.resource-white,
  .sr-selectro .input-container span.imgSpan.resource-white,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-white,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-white,
  .sr-context-menu-item span.icon.resource-white {
    background-image: url("images/sr-common-icons/independent/resource-white@2x.png");
    background-size: 18px 17px;
  }
}
span.icon.resource-white.selectrofy,
div.common-icon.resource-white.selectrofy,
.sr-selectro .input-container span.imgSpan.resource-white.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-white.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).resource-white.selectrofy,
.sr-context-menu-item span.icon.resource-white.selectrofy {
  background-size: 18px 17px !important;
  margin-right: 10px;
}
span.icon.tiny-switch,
div.common-icon.tiny-switch,
.sr-selectro .input-container span.imgSpan.tiny-switch,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch,
.sr-context-menu-item span.icon.tiny-switch {
  height: 12px;
  background-image: url("images/sr-common-icons/independent/tiny-switch.png");
  background-size: 36px 12px;
  width: 18px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.tiny-switch,
  div.common-icon.tiny-switch,
  .sr-selectro .input-container span.imgSpan.tiny-switch,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch,
  .sr-context-menu-item span.icon.tiny-switch {
    background-image: url("images/sr-common-icons/independent/tiny-switch@2x.png");
    background-size: 36px 12px;
  }
}
span.icon.tiny-switch.selectrofy,
div.common-icon.tiny-switch.selectrofy,
.sr-selectro .input-container span.imgSpan.tiny-switch.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch.selectrofy,
.sr-context-menu-item span.icon.tiny-switch.selectrofy {
  background-size: 36px 12px !important;
  margin-right: 10px;
  margin-right: 1px;
  margin-left: 1px;
}
span.icon.tiny-switch.enabled,
div.common-icon.tiny-switch.enabled,
.sr-selectro .input-container span.imgSpan.tiny-switch.enabled,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch.enabled,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).tiny-switch.enabled,
.sr-context-menu-item span.icon.tiny-switch.enabled {
  background-position: -18px 0;
}
span.icon.merge,
div.common-icon.merge,
.sr-selectro .input-container span.imgSpan.merge,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).merge,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).merge,
.sr-context-menu-item span.icon.merge {
  height: 24px;
  background-image: url("images/sr-common-icons/independent/merge.png");
  background-size: 24px 24px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.merge,
  div.common-icon.merge,
  .sr-selectro .input-container span.imgSpan.merge,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).merge,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).merge,
  .sr-context-menu-item span.icon.merge {
    background-image: url("images/sr-common-icons/independent/merge@2x.png");
    background-size: 24px 24px;
  }
}
span.icon.merge.selectrofy,
div.common-icon.merge.selectrofy,
.sr-selectro .input-container span.imgSpan.merge.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).merge.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).merge.selectrofy,
.sr-context-menu-item span.icon.merge.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.visible,
div.common-icon.visible,
.sr-selectro .input-container span.imgSpan.visible,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible,
.sr-context-menu-item span.icon.visible {
  height: 13px;
  background-image: url("images/sr-common-icons/independent/visible.png");
  background-size: 31px 13px;
  width: 15.5px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.visible,
  div.common-icon.visible,
  .sr-selectro .input-container span.imgSpan.visible,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible,
  .sr-context-menu-item span.icon.visible {
    background-image: url("images/sr-common-icons/independent/visible@2x.png");
    background-size: 31px 13px;
  }
}
span.icon.visible.selectrofy,
div.common-icon.visible.selectrofy,
.sr-selectro .input-container span.imgSpan.visible.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible.selectrofy,
.sr-context-menu-item span.icon.visible.selectrofy {
  background-size: 31px 13px !important;
  margin-right: 10px;
  margin-right: 2px;
  margin-left: 2px;
}
span.icon.visible.show,
div.common-icon.visible.show,
.sr-selectro .input-container span.imgSpan.visible.show,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible.show,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).visible.show,
.sr-context-menu-item span.icon.visible.show {
  background-position: -15.5px 0;
}
span.icon.yelp,
div.common-icon.yelp,
.sr-selectro .input-container span.imgSpan.yelp,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp,
.sr-context-menu-item span.icon.yelp {
  height: 18px;
  background-image: url("images/sr-common-icons/independent/yelp.png");
  background-size: 14px 18px;
  width: 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.yelp,
  div.common-icon.yelp,
  .sr-selectro .input-container span.imgSpan.yelp,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp,
  .sr-context-menu-item span.icon.yelp {
    background-image: url("images/sr-common-icons/independent/yelp@2x.png");
    background-size: 14px 18px;
  }
}
span.icon.yelp.selectrofy,
div.common-icon.yelp.selectrofy,
.sr-selectro .input-container span.imgSpan.yelp.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp.selectrofy,
.sr-context-menu-item span.icon.yelp.selectrofy {
  background-size: 14px 18px !important;
  margin-right: 10px;
}
span.icon.yelp-logo,
div.common-icon.yelp-logo,
.sr-selectro .input-container span.imgSpan.yelp-logo,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-logo,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-logo,
.sr-context-menu-item span.icon.yelp-logo {
  height: 64px;
  background-image: url("images/sr-common-icons/independent/yelp-logo.png");
  background-size: 47px 64px;
  width: 47px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.yelp-logo,
  div.common-icon.yelp-logo,
  .sr-selectro .input-container span.imgSpan.yelp-logo,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-logo,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-logo,
  .sr-context-menu-item span.icon.yelp-logo {
    background-image: url("images/sr-common-icons/independent/yelp-logo@2x.png");
    background-size: 47px 64px;
  }
}
span.icon.yelp-logo.selectrofy,
div.common-icon.yelp-logo.selectrofy,
.sr-selectro .input-container span.imgSpan.yelp-logo.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-logo.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-logo.selectrofy,
.sr-context-menu-item span.icon.yelp-logo.selectrofy {
  background-size: 47px 64px !important;
  margin-right: 10px;
}
span.icon.yelp-user,
div.common-icon.yelp-user,
.sr-selectro .input-container span.imgSpan.yelp-user,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-user,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-user,
.sr-context-menu-item span.icon.yelp-user {
  height: 28px;
  background-image: url("images/sr-common-icons/independent/yelp-user.png");
  background-size: 28px 28px;
  width: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.yelp-user,
  div.common-icon.yelp-user,
  .sr-selectro .input-container span.imgSpan.yelp-user,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-user,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-user,
  .sr-context-menu-item span.icon.yelp-user {
    background-image: url("images/sr-common-icons/independent/yelp-user@2x.png");
    background-size: 28px 28px;
  }
}
span.icon.yelp-user.selectrofy,
div.common-icon.yelp-user.selectrofy,
.sr-selectro .input-container span.imgSpan.yelp-user.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-user.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).yelp-user.selectrofy,
.sr-context-menu-item span.icon.yelp-user.selectrofy {
  background-size: 28px 28px !important;
  margin-right: 10px;
}
span.icon.announcement,
div.common-icon.announcement,
.sr-selectro .input-container span.imgSpan.announcement,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).announcement,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).announcement,
.sr-context-menu-item span.icon.announcement {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/announcement.png");
  background-size: 16px 15px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.announcement,
  div.common-icon.announcement,
  .sr-selectro .input-container span.imgSpan.announcement,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).announcement,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).announcement,
  .sr-context-menu-item span.icon.announcement {
    background-image: url("images/sr-common-icons/independent/announcement@2x.png");
    background-size: 16px 15px;
  }
}
span.icon.announcement.selectrofy,
div.common-icon.announcement.selectrofy,
.sr-selectro .input-container span.imgSpan.announcement.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).announcement.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).announcement.selectrofy,
.sr-context-menu-item span.icon.announcement.selectrofy {
  background-size: 16px 15px !important;
  margin-right: 10px;
}
span.icon.chargeback,
div.common-icon.chargeback,
.sr-selectro .input-container span.imgSpan.chargeback,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback,
.sr-context-menu-item span.icon.chargeback {
  height: 35px;
  background-image: url("images/sr-common-icons/independent/chargeback.png");
  background-size: 42px 35px;
  width: 42px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.chargeback,
  div.common-icon.chargeback,
  .sr-selectro .input-container span.imgSpan.chargeback,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback,
  .sr-context-menu-item span.icon.chargeback {
    background-image: url("images/sr-common-icons/independent/chargeback@2x.png");
    background-size: 42px 35px;
  }
}
span.icon.chargeback.selectrofy,
div.common-icon.chargeback.selectrofy,
.sr-selectro .input-container span.imgSpan.chargeback.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback.selectrofy,
.sr-context-menu-item span.icon.chargeback.selectrofy {
  background-size: 42px 35px !important;
  margin-right: 10px;
}
span.icon.chargeback-small,
div.common-icon.chargeback-small,
.sr-selectro .input-container span.imgSpan.chargeback-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback-small,
.sr-context-menu-item span.icon.chargeback-small {
  height: 20px;
  background-image: url("images/sr-common-icons/independent/chargeback-small.png");
  background-size: 24px 20px;
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.chargeback-small,
  div.common-icon.chargeback-small,
  .sr-selectro .input-container span.imgSpan.chargeback-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback-small,
  .sr-context-menu-item span.icon.chargeback-small {
    background-image: url("images/sr-common-icons/independent/chargeback-small@2x.png");
    background-size: 24px 20px;
  }
}
span.icon.chargeback-small.selectrofy,
div.common-icon.chargeback-small.selectrofy,
.sr-selectro .input-container span.imgSpan.chargeback-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).chargeback-small.selectrofy,
.sr-context-menu-item span.icon.chargeback-small.selectrofy {
  background-size: 24px 20px !important;
  margin-right: 10px;
}
span.icon.clock-open,
div.common-icon.clock-open,
.sr-selectro .input-container span.imgSpan.clock-open,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open,
.sr-context-menu-item span.icon.clock-open {
  height: 20px;
  background-image: url("images/sr-common-icons/independent/clock-open.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.clock-open,
  div.common-icon.clock-open,
  .sr-selectro .input-container span.imgSpan.clock-open,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open,
  .sr-context-menu-item span.icon.clock-open {
    background-image: url("images/sr-common-icons/independent/clock-open@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.clock-open.selectrofy,
div.common-icon.clock-open.selectrofy,
.sr-selectro .input-container span.imgSpan.clock-open.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open.selectrofy,
.sr-context-menu-item span.icon.clock-open.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.clock-open-blue,
div.common-icon.clock-open-blue,
.sr-selectro .input-container span.imgSpan.clock-open-blue,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-blue,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-blue,
.sr-context-menu-item span.icon.clock-open-blue {
  height: 20px;
  background-image: url("images/sr-common-icons/independent/clock-open-blue.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.clock-open-blue,
  div.common-icon.clock-open-blue,
  .sr-selectro .input-container span.imgSpan.clock-open-blue,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-blue,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-blue,
  .sr-context-menu-item span.icon.clock-open-blue {
    background-image: url("images/sr-common-icons/independent/clock-open-blue@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.clock-open-blue.selectrofy,
div.common-icon.clock-open-blue.selectrofy,
.sr-selectro .input-container span.imgSpan.clock-open-blue.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-blue.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-blue.selectrofy,
.sr-context-menu-item span.icon.clock-open-blue.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.clock-open-black,
div.common-icon.clock-open-black,
.sr-selectro .input-container span.imgSpan.clock-open-black,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-black,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-black,
.sr-context-menu-item span.icon.clock-open-black {
  height: 20px;
  background-image: url("images/sr-common-icons/independent/clock-open-black.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.clock-open-black,
  div.common-icon.clock-open-black,
  .sr-selectro .input-container span.imgSpan.clock-open-black,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-black,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-black,
  .sr-context-menu-item span.icon.clock-open-black {
    background-image: url("images/sr-common-icons/independent/clock-open-black@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.clock-open-black.selectrofy,
div.common-icon.clock-open-black.selectrofy,
.sr-selectro .input-container span.imgSpan.clock-open-black.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-black.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).clock-open-black.selectrofy,
.sr-context-menu-item span.icon.clock-open-black.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.x-small,
div.common-icon.x-small,
.sr-selectro .input-container span.imgSpan.x-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small,
.sr-context-menu-item span.icon.x-small {
  height: 8px;
  background-image: url("images/sr-common-icons/independent/x-small.png");
  background-size: 16px 8px;
  width: 8px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.x-small,
  div.common-icon.x-small,
  .sr-selectro .input-container span.imgSpan.x-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small,
  .sr-context-menu-item span.icon.x-small {
    background-image: url("images/sr-common-icons/independent/x-small@2x.png");
    background-size: 16px 8px;
  }
}
span.icon.x-small.selectrofy,
div.common-icon.x-small.selectrofy,
.sr-selectro .input-container span.imgSpan.x-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small.selectrofy,
.sr-context-menu-item span.icon.x-small.selectrofy {
  background-size: 16px 8px !important;
  margin-right: 10px;
  margin-right: 6px;
  margin-left: 6px;
}
span.icon.x-small:hover,
div.common-icon.x-small:hover,
.sr-selectro .input-container span.imgSpan.x-small:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).x-small:hover,
.sr-context-menu-item span.icon.x-small:hover {
  background-position: -8px 0;
}
span.icon.close8x8,
div.common-icon.close8x8,
.sr-selectro .input-container span.imgSpan.close8x8,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8,
.sr-context-menu-item span.icon.close8x8 {
  height: 10px;
  background-image: url("images/sr-common-icons/independent/close8x8.png");
  background-size: 40px 10px;
  width: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.close8x8,
  div.common-icon.close8x8,
  .sr-selectro .input-container span.imgSpan.close8x8,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8,
  .sr-context-menu-item span.icon.close8x8 {
    background-image: url("images/sr-common-icons/independent/close8x8@2x.png");
    background-size: 40px 10px;
  }
}
span.icon.close8x8.selectrofy,
div.common-icon.close8x8.selectrofy,
.sr-selectro .input-container span.imgSpan.close8x8.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8.selectrofy,
.sr-context-menu-item span.icon.close8x8.selectrofy {
  background-size: 40px 10px !important;
  margin-right: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
span.icon.close8x8:hover,
div.common-icon.close8x8:hover,
.sr-selectro .input-container span.imgSpan.close8x8:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8:hover,
.sr-context-menu-item span.icon.close8x8:hover {
  background-position: -10px 0;
}
span.icon.close8x8:active,
div.common-icon.close8x8:active,
.sr-selectro .input-container span.imgSpan.close8x8:active,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8:active,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8:active,
.sr-context-menu-item span.icon.close8x8:active {
  background-position: -20px 0;
}
span.icon.close8x8.white,
div.common-icon.close8x8.white,
.sr-selectro .input-container span.imgSpan.close8x8.white,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8.white,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).close8x8.white,
.sr-context-menu-item span.icon.close8x8.white {
  background-position: -30px 0;
}
span.icon.user,
div.common-icon.user,
.sr-selectro .input-container span.imgSpan.user,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).user,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).user,
.sr-context-menu-item span.icon.user {
  height: 18px;
  background-image: url("images/sr-common-icons/independent/user.png");
  background-size: 16px 18px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.user,
  div.common-icon.user,
  .sr-selectro .input-container span.imgSpan.user,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).user,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).user,
  .sr-context-menu-item span.icon.user {
    background-image: url("images/sr-common-icons/independent/user@2x.png");
    background-size: 16px 18px;
  }
}
span.icon.user.selectrofy,
div.common-icon.user.selectrofy,
.sr-selectro .input-container span.imgSpan.user.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).user.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).user.selectrofy,
.sr-context-menu-item span.icon.user.selectrofy {
  background-size: 16px 18px !important;
  margin-right: 10px;
}
span.icon.sign-out,
div.common-icon.sign-out,
.sr-selectro .input-container span.imgSpan.sign-out,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).sign-out,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).sign-out,
.sr-context-menu-item span.icon.sign-out {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/sign-out.png");
  background-size: 16px 15px;
  width: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.sign-out,
  div.common-icon.sign-out,
  .sr-selectro .input-container span.imgSpan.sign-out,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).sign-out,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).sign-out,
  .sr-context-menu-item span.icon.sign-out {
    background-image: url("images/sr-common-icons/independent/sign-out@2x.png");
    background-size: 16px 15px;
  }
}
span.icon.sign-out.selectrofy,
div.common-icon.sign-out.selectrofy,
.sr-selectro .input-container span.imgSpan.sign-out.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).sign-out.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).sign-out.selectrofy,
.sr-context-menu-item span.icon.sign-out.selectrofy {
  background-size: 16px 15px !important;
  margin-right: 10px;
}
span.icon.favorite,
div.common-icon.favorite,
.sr-selectro .input-container span.imgSpan.favorite,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).favorite,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).favorite,
.sr-context-menu-item span.icon.favorite {
  height: 20px;
  background-image: url("images/sr-common-icons/independent/favorite.png");
  background-size: 20px 20px;
  width: 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.favorite,
  div.common-icon.favorite,
  .sr-selectro .input-container span.imgSpan.favorite,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).favorite,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).favorite,
  .sr-context-menu-item span.icon.favorite {
    background-image: url("images/sr-common-icons/independent/favorite@2x.png");
    background-size: 20px 20px;
  }
}
span.icon.favorite.selectrofy,
div.common-icon.favorite.selectrofy,
.sr-selectro .input-container span.imgSpan.favorite.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).favorite.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).favorite.selectrofy,
.sr-context-menu-item span.icon.favorite.selectrofy {
  background-size: 20px 20px !important;
  margin-right: 10px;
}
span.icon.settings,
div.common-icon.settings,
.sr-selectro .input-container span.imgSpan.settings,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings,
.sr-context-menu-item span.icon.settings {
  height: 15px;
  background-image: url("images/sr-common-icons/independent/settings.png");
  background-size: 30px 15px;
  width: 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.settings,
  div.common-icon.settings,
  .sr-selectro .input-container span.imgSpan.settings,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings,
  .sr-context-menu-item span.icon.settings {
    background-image: url("images/sr-common-icons/independent/settings@2x.png");
    background-size: 30px 15px;
  }
}
span.icon.settings.selectrofy,
div.common-icon.settings.selectrofy,
.sr-selectro .input-container span.imgSpan.settings.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings.selectrofy,
.sr-context-menu-item span.icon.settings.selectrofy {
  background-size: 30px 15px !important;
  margin-right: 10px;
  margin-right: 2px;
  margin-left: 2px;
}
span.icon.settings:hover,
div.common-icon.settings:hover,
.sr-selectro .input-container span.imgSpan.settings:hover,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings:hover,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).settings:hover,
.sr-context-menu-item span.icon.settings:hover {
  background-position: -15px 0;
}
span.icon.reminders-icon,
div.common-icon.reminders-icon,
.sr-selectro .input-container span.imgSpan.reminders-icon,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon,
.sr-context-menu-item span.icon.reminders-icon {
  height: 24px;
  background-image: url("images/sr-common-icons/independent/reminders.png");
  background-size: 24px 24px;
  background-image: url("images/sr-common-icons/independent/reminders.svg");
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.reminders-icon,
  div.common-icon.reminders-icon,
  .sr-selectro .input-container span.imgSpan.reminders-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon,
  .sr-context-menu-item span.icon.reminders-icon {
    background-image: url("images/sr-common-icons/independent/reminders@2x.png");
    background-size: 24px 24px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.reminders-icon,
  div.common-icon.reminders-icon,
  .sr-selectro .input-container span.imgSpan.reminders-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon,
  .sr-context-menu-item span.icon.reminders-icon {
    background-image: url("images/sr-common-icons/independent/reminders.svg");
  }
}
span.icon.reminders-icon.bg-center,
div.common-icon.reminders-icon.bg-center,
.sr-selectro .input-container span.imgSpan.reminders-icon.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.bg-center,
.sr-context-menu-item span.icon.reminders-icon.bg-center {
  background-position: center center;
}
span.icon.reminders-icon.w28,
div.common-icon.reminders-icon.w28,
.sr-selectro .input-container span.imgSpan.reminders-icon.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.w28,
.sr-context-menu-item span.icon.reminders-icon.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.reminders-icon.w40,
div.common-icon.reminders-icon.w40,
.sr-selectro .input-container span.imgSpan.reminders-icon.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.w40,
.sr-context-menu-item span.icon.reminders-icon.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.reminders-icon.selectrofy,
div.common-icon.reminders-icon.selectrofy,
.sr-selectro .input-container span.imgSpan.reminders-icon.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).reminders-icon.selectrofy,
.sr-context-menu-item span.icon.reminders-icon.selectrofy {
  background-size: 24px 24px !important;
  margin-right: 10px;
}
span.icon.appointments-icon,
div.common-icon.appointments-icon,
.sr-selectro .input-container span.imgSpan.appointments-icon,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon,
.sr-context-menu-item span.icon.appointments-icon {
  height: 50px;
  background-image: url("images/sr-common-icons/independent/appointment-preference.png");
  background-size: 50px 50px;
  background-image: url("images/sr-common-icons/independent/appointment-preference.svg");
  width: 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.appointments-icon,
  div.common-icon.appointments-icon,
  .sr-selectro .input-container span.imgSpan.appointments-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon,
  .sr-context-menu-item span.icon.appointments-icon {
    background-image: url("images/sr-common-icons/independent/appointment-preference@2x.png");
    background-size: 50px 50px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.appointments-icon,
  div.common-icon.appointments-icon,
  .sr-selectro .input-container span.imgSpan.appointments-icon,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon,
  .sr-context-menu-item span.icon.appointments-icon {
    background-image: url("images/sr-common-icons/independent/appointment-preference.svg");
  }
}
span.icon.appointments-icon.bg-center,
div.common-icon.appointments-icon.bg-center,
.sr-selectro .input-container span.imgSpan.appointments-icon.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.bg-center,
.sr-context-menu-item span.icon.appointments-icon.bg-center {
  background-position: center center;
}
span.icon.appointments-icon.w28,
div.common-icon.appointments-icon.w28,
.sr-selectro .input-container span.imgSpan.appointments-icon.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.w28,
.sr-context-menu-item span.icon.appointments-icon.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.appointments-icon.w40,
div.common-icon.appointments-icon.w40,
.sr-selectro .input-container span.imgSpan.appointments-icon.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.w40,
.sr-context-menu-item span.icon.appointments-icon.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.appointments-icon.selectrofy,
div.common-icon.appointments-icon.selectrofy,
.sr-selectro .input-container span.imgSpan.appointments-icon.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon.selectrofy,
.sr-context-menu-item span.icon.appointments-icon.selectrofy {
  background-size: 50px 50px !important;
  margin-right: 10px;
}
span.icon.appointments-icon-small,
div.common-icon.appointments-icon-small,
.sr-selectro .input-container span.imgSpan.appointments-icon-small,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small,
.sr-context-menu-item span.icon.appointments-icon-small {
  height: 25px;
  background-image: url("images/sr-common-icons/independent/appointment-preference.png");
  background-size: 24px 25px;
  background-image: url("images/sr-common-icons/independent/appointment-preference.svg");
  width: 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.appointments-icon-small,
  div.common-icon.appointments-icon-small,
  .sr-selectro .input-container span.imgSpan.appointments-icon-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small,
  .sr-context-menu-item span.icon.appointments-icon-small {
    background-image: url("images/sr-common-icons/independent/appointment-preference@2x.png");
    background-size: 24px 25px;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  span.icon.appointments-icon-small,
  div.common-icon.appointments-icon-small,
  .sr-selectro .input-container span.imgSpan.appointments-icon-small,
  .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small,
  .sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small,
  .sr-context-menu-item span.icon.appointments-icon-small {
    background-image: url("images/sr-common-icons/independent/appointment-preference.svg");
  }
}
span.icon.appointments-icon-small.bg-center,
div.common-icon.appointments-icon-small.bg-center,
.sr-selectro .input-container span.imgSpan.appointments-icon-small.bg-center,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.bg-center,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.bg-center,
.sr-context-menu-item span.icon.appointments-icon-small.bg-center {
  background-position: center center;
}
span.icon.appointments-icon-small.w28,
div.common-icon.appointments-icon-small.w28,
.sr-selectro .input-container span.imgSpan.appointments-icon-small.w28,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.w28,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.w28,
.sr-context-menu-item span.icon.appointments-icon-small.w28 {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
span.icon.appointments-icon-small.w40,
div.common-icon.appointments-icon-small.w40,
.sr-selectro .input-container span.imgSpan.appointments-icon-small.w40,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.w40,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.w40,
.sr-context-menu-item span.icon.appointments-icon-small.w40 {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
span.icon.appointments-icon-small.selectrofy,
div.common-icon.appointments-icon-small.selectrofy,
.sr-selectro .input-container span.imgSpan.appointments-icon-small.selectrofy,
.sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.selectrofy,
.sr-context-menu-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span).appointments-icon-small.selectrofy,
.sr-context-menu-item span.icon.appointments-icon-small.selectrofy {
  background-size: 24px 25px !important;
  margin-right: 10px;
}

.sr-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.sr-icon.no-cursor-pointer {
  cursor: default;
}
.sr-icon.blue [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-icon.blue [stroke="#000"] {
  stroke: var(--primary-blue);
}
.sr-icon.blue:hover [fill="#000"], .sr-icon.blue:focus [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-icon.blue:hover [stroke="#000"], .sr-icon.blue:focus [stroke="#000"] {
  stroke: var(--primary-blue-2-hover);
}
.sr-icon.blue.disabled {
  cursor: default;
}
.sr-icon.blue.disabled [fill="#000"] {
  fill: var(--primary-blue-3-disabled-light);
}
.sr-icon.blue.disabled [stroke="#000"] {
  stroke: var(--primary-blue-3-disabled-light);
}
.sr-icon.light-blue [fill="#000"] {
  fill: var(--secondary-blue);
}
.sr-icon.light-blue [stroke="#000"] {
  stroke: var(--secondary-blue);
}
.sr-icon.light-blue:hover [fill="#000"], .sr-icon.light-blue:focus [fill="#000"] {
  fill: var(--secondary-blue-2-hover);
}
.sr-icon.light-blue:hover [stroke="#000"], .sr-icon.light-blue:focus [stroke="#000"] {
  stroke: var(--secondary-blue-2-hover);
}
.sr-icon.light-blue.disabled {
  cursor: default;
}
.sr-icon.light-blue.disabled [fill="#000"] {
  fill: var(--secondary-blue-3-disabled);
}
.sr-icon.light-blue.disabled [stroke="#000"] {
  stroke: var(--secondary-blue-3-disabled);
}
.sr-icon.green [fill="#000"] {
  fill: var(--primary-green);
}
.sr-icon.green [stroke="#000"] {
  stroke: var(--primary-green);
}
.sr-icon.green:hover [fill="#000"], .sr-icon.green:focus [fill="#000"] {
  fill: var(--primary-green-2-hover);
}
.sr-icon.green:hover [stroke="#000"], .sr-icon.green:focus [stroke="#000"] {
  stroke: var(--primary-green-2-hover);
}
.sr-icon.green.disabled {
  cursor: default;
}
.sr-icon.green.disabled [fill="#000"] {
  fill: var(--primary-green-3-disabled-light);
}
.sr-icon.green.disabled [stroke="#000"] {
  stroke: var(--primary-green-3-disabled-light);
}
.sr-icon.yellow [fill="#000"] {
  fill: var(--primary-yellow);
}
.sr-icon.yellow [stroke="#000"] {
  stroke: var(--primary-yellow);
}
.sr-icon.yellow:hover [fill="#000"], .sr-icon.yellow:focus [fill="#000"] {
  fill: var(--primary-yellow-2-hover);
}
.sr-icon.yellow:hover [stroke="#000"], .sr-icon.yellow:focus [stroke="#000"] {
  stroke: var(--primary-yellow-2-hover);
}
.sr-icon.yellow.disabled {
  cursor: default;
}
.sr-icon.yellow.disabled [fill="#000"] {
  fill: var(--primary-yellow-3-disabled);
}
.sr-icon.yellow.disabled [stroke="#000"] {
  stroke: var(--primary-yellow-3-disabled);
}
.sr-icon.red [fill="#000"] {
  fill: var(--primary-red);
}
.sr-icon.red [stroke="#000"] {
  stroke: var(--primary-red);
}
.sr-icon.red:hover [fill="#000"], .sr-icon.red:focus [fill="#000"] {
  fill: var(--primary-red-2-hover);
}
.sr-icon.red:hover [stroke="#000"], .sr-icon.red:focus [stroke="#000"] {
  stroke: var(--primary-red-2-hover);
}
.sr-icon.red.disabled {
  cursor: default;
}
.sr-icon.red.disabled [fill="#000"] {
  fill: var(--primary-red-3-disabled);
}
.sr-icon.red.disabled [stroke="#000"] {
  stroke: var(--primary-red-3-disabled);
}
.sr-icon.light-grey [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-icon.light-grey [stroke="#000"] {
  stroke: var(--neutral-4);
}
.sr-icon.light-grey:hover [fill="#000"], .sr-icon.light-grey:focus [fill="#000"] {
  fill: var(--neutral-3);
}
.sr-icon.light-grey:hover [stroke="#000"], .sr-icon.light-grey:focus [stroke="#000"] {
  stroke: var(--neutral-3);
}
.sr-icon.light-grey.disabled {
  cursor: default;
}
.sr-icon.light-grey.disabled [fill="#000"] {
  fill: var(--neutral-5);
}
.sr-icon.light-grey.disabled [stroke="#000"] {
  stroke: var(--neutral-5);
}
.sr-icon.grey [fill="#000"] {
  fill: var(--neutral-3);
}
.sr-icon.grey [stroke="#000"] {
  stroke: var(--neutral-3);
}
.sr-icon.grey:hover [fill="#000"], .sr-icon.grey:focus [fill="#000"] {
  fill: var(--neutral-3);
}
.sr-icon.grey:hover [stroke="#000"], .sr-icon.grey:focus [stroke="#000"] {
  stroke: var(--neutral-3);
}
.sr-icon.grey.disabled {
  cursor: default;
}
.sr-icon.grey.disabled [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-icon.grey.disabled [stroke="#000"] {
  stroke: var(--neutral-4);
}
.sr-icon.dark-grey [fill="#000"] {
  fill: var(--neutral-2);
}
.sr-icon.dark-grey [stroke="#000"] {
  stroke: var(--neutral-2);
}
.sr-icon.dark-grey:hover [fill="#000"], .sr-icon.dark-grey:focus [fill="#000"] {
  fill: var(--neutral-2);
}
.sr-icon.dark-grey:hover [stroke="#000"], .sr-icon.dark-grey:focus [stroke="#000"] {
  stroke: var(--neutral-2);
}
.sr-icon.dark-grey.disabled {
  cursor: default;
}
.sr-icon.dark-grey.disabled [fill="#000"] {
  fill: var(--neutral-2);
}
.sr-icon.dark-grey.disabled [stroke="#000"] {
  stroke: var(--neutral-2);
}
.sr-icon.white [fill="#000"] {
  fill: white;
}
.sr-icon.white [stroke="#000"] {
  stroke: white;
}
.sr-icon.white:hover [fill="#000"], .sr-icon.white:focus [fill="#000"] {
  fill: white;
}
.sr-icon.white:hover [stroke="#000"], .sr-icon.white:focus [stroke="#000"] {
  stroke: white;
}
.sr-icon.white.disabled {
  cursor: default;
}
.sr-icon.white.disabled [fill="#000"] {
  fill: white;
}
.sr-icon.white.disabled [stroke="#000"] {
  stroke: white;
}
.sr-icon.destructive [fill="#000"] {
  fill: var(--neutral-3);
}
.sr-icon.destructive [stroke="#000"] {
  stroke: var(--neutral-3);
}
.sr-icon.destructive:hover [fill="#000"], .sr-icon.destructive:focus [fill="#000"] {
  fill: var(--primary-red);
}
.sr-icon.destructive:hover [stroke="#000"], .sr-icon.destructive:focus [stroke="#000"] {
  stroke: var(--primary-red);
}
.sr-icon.destructive.disabled {
  cursor: default;
}
.sr-icon.destructive.disabled [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-icon.destructive.disabled [stroke="#000"] {
  stroke: var(--neutral-4);
}

.sr-icon-container:hover > .sr-icon.blue,
.sr-icon-container:focus > .sr-icon.blue,
.sr-icon-button:hover > .sr-icon.blue,
.sr-icon-button:focus > .sr-icon.blue,
.sr-link:hover > .sr-icon.blue,
.sr-link:focus > .sr-icon.blue {
  color: var(--primary-blue-2-hover);
}
.sr-icon-container:hover > .sr-icon.blue [fill="#000"],
.sr-icon-container:focus > .sr-icon.blue [fill="#000"],
.sr-icon-button:hover > .sr-icon.blue [fill="#000"],
.sr-icon-button:focus > .sr-icon.blue [fill="#000"],
.sr-link:hover > .sr-icon.blue [fill="#000"],
.sr-link:focus > .sr-icon.blue [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-icon-container:hover > .sr-icon.blue [stroke="#000"],
.sr-icon-container:focus > .sr-icon.blue [stroke="#000"],
.sr-icon-button:hover > .sr-icon.blue [stroke="#000"],
.sr-icon-button:focus > .sr-icon.blue [stroke="#000"],
.sr-link:hover > .sr-icon.blue [stroke="#000"],
.sr-link:focus > .sr-icon.blue [stroke="#000"] {
  stroke: var(--primary-blue-2-hover);
}
.sr-icon-container:hover > .sr-icon.light-blue,
.sr-icon-container:focus > .sr-icon.light-blue,
.sr-icon-button:hover > .sr-icon.light-blue,
.sr-icon-button:focus > .sr-icon.light-blue,
.sr-link:hover > .sr-icon.light-blue,
.sr-link:focus > .sr-icon.light-blue {
  color: var(--secondary-blue-2-hover);
}
.sr-icon-container:hover > .sr-icon.light-blue [fill="#000"],
.sr-icon-container:focus > .sr-icon.light-blue [fill="#000"],
.sr-icon-button:hover > .sr-icon.light-blue [fill="#000"],
.sr-icon-button:focus > .sr-icon.light-blue [fill="#000"],
.sr-link:hover > .sr-icon.light-blue [fill="#000"],
.sr-link:focus > .sr-icon.light-blue [fill="#000"] {
  fill: var(--secondary-blue-2-hover);
}
.sr-icon-container:hover > .sr-icon.light-blue [stroke="#000"],
.sr-icon-container:focus > .sr-icon.light-blue [stroke="#000"],
.sr-icon-button:hover > .sr-icon.light-blue [stroke="#000"],
.sr-icon-button:focus > .sr-icon.light-blue [stroke="#000"],
.sr-link:hover > .sr-icon.light-blue [stroke="#000"],
.sr-link:focus > .sr-icon.light-blue [stroke="#000"] {
  stroke: var(--secondary-blue-2-hover);
}
.sr-icon-container:hover > .sr-icon.green,
.sr-icon-container:focus > .sr-icon.green,
.sr-icon-button:hover > .sr-icon.green,
.sr-icon-button:focus > .sr-icon.green,
.sr-link:hover > .sr-icon.green,
.sr-link:focus > .sr-icon.green {
  color: var(--primary-green-2-hover);
}
.sr-icon-container:hover > .sr-icon.green [fill="#000"],
.sr-icon-container:focus > .sr-icon.green [fill="#000"],
.sr-icon-button:hover > .sr-icon.green [fill="#000"],
.sr-icon-button:focus > .sr-icon.green [fill="#000"],
.sr-link:hover > .sr-icon.green [fill="#000"],
.sr-link:focus > .sr-icon.green [fill="#000"] {
  fill: var(--primary-green-2-hover);
}
.sr-icon-container:hover > .sr-icon.green [stroke="#000"],
.sr-icon-container:focus > .sr-icon.green [stroke="#000"],
.sr-icon-button:hover > .sr-icon.green [stroke="#000"],
.sr-icon-button:focus > .sr-icon.green [stroke="#000"],
.sr-link:hover > .sr-icon.green [stroke="#000"],
.sr-link:focus > .sr-icon.green [stroke="#000"] {
  stroke: var(--primary-green-2-hover);
}
.sr-icon-container:hover > .sr-icon.yellow,
.sr-icon-container:focus > .sr-icon.yellow,
.sr-icon-button:hover > .sr-icon.yellow,
.sr-icon-button:focus > .sr-icon.yellow,
.sr-link:hover > .sr-icon.yellow,
.sr-link:focus > .sr-icon.yellow {
  color: var(--primary-yellow-2-hover);
}
.sr-icon-container:hover > .sr-icon.yellow [fill="#000"],
.sr-icon-container:focus > .sr-icon.yellow [fill="#000"],
.sr-icon-button:hover > .sr-icon.yellow [fill="#000"],
.sr-icon-button:focus > .sr-icon.yellow [fill="#000"],
.sr-link:hover > .sr-icon.yellow [fill="#000"],
.sr-link:focus > .sr-icon.yellow [fill="#000"] {
  fill: var(--primary-yellow-2-hover);
}
.sr-icon-container:hover > .sr-icon.yellow [stroke="#000"],
.sr-icon-container:focus > .sr-icon.yellow [stroke="#000"],
.sr-icon-button:hover > .sr-icon.yellow [stroke="#000"],
.sr-icon-button:focus > .sr-icon.yellow [stroke="#000"],
.sr-link:hover > .sr-icon.yellow [stroke="#000"],
.sr-link:focus > .sr-icon.yellow [stroke="#000"] {
  stroke: var(--primary-yellow-2-hover);
}
.sr-icon-container:hover > .sr-icon.red,
.sr-icon-container:focus > .sr-icon.red,
.sr-icon-button:hover > .sr-icon.red,
.sr-icon-button:focus > .sr-icon.red,
.sr-link:hover > .sr-icon.red,
.sr-link:focus > .sr-icon.red {
  color: var(--primary-red-2-hover);
}
.sr-icon-container:hover > .sr-icon.red [fill="#000"],
.sr-icon-container:focus > .sr-icon.red [fill="#000"],
.sr-icon-button:hover > .sr-icon.red [fill="#000"],
.sr-icon-button:focus > .sr-icon.red [fill="#000"],
.sr-link:hover > .sr-icon.red [fill="#000"],
.sr-link:focus > .sr-icon.red [fill="#000"] {
  fill: var(--primary-red-2-hover);
}
.sr-icon-container:hover > .sr-icon.red [stroke="#000"],
.sr-icon-container:focus > .sr-icon.red [stroke="#000"],
.sr-icon-button:hover > .sr-icon.red [stroke="#000"],
.sr-icon-button:focus > .sr-icon.red [stroke="#000"],
.sr-link:hover > .sr-icon.red [stroke="#000"],
.sr-link:focus > .sr-icon.red [stroke="#000"] {
  stroke: var(--primary-red-2-hover);
}
.sr-icon-container:hover > .sr-icon.light-grey,
.sr-icon-container:focus > .sr-icon.light-grey,
.sr-icon-button:hover > .sr-icon.light-grey,
.sr-icon-button:focus > .sr-icon.light-grey,
.sr-link:hover > .sr-icon.light-grey,
.sr-link:focus > .sr-icon.light-grey {
  color: var(--neutral-3);
}
.sr-icon-container:hover > .sr-icon.light-grey [fill="#000"],
.sr-icon-container:focus > .sr-icon.light-grey [fill="#000"],
.sr-icon-button:hover > .sr-icon.light-grey [fill="#000"],
.sr-icon-button:focus > .sr-icon.light-grey [fill="#000"],
.sr-link:hover > .sr-icon.light-grey [fill="#000"],
.sr-link:focus > .sr-icon.light-grey [fill="#000"] {
  fill: var(--neutral-3);
}
.sr-icon-container:hover > .sr-icon.light-grey [stroke="#000"],
.sr-icon-container:focus > .sr-icon.light-grey [stroke="#000"],
.sr-icon-button:hover > .sr-icon.light-grey [stroke="#000"],
.sr-icon-button:focus > .sr-icon.light-grey [stroke="#000"],
.sr-link:hover > .sr-icon.light-grey [stroke="#000"],
.sr-link:focus > .sr-icon.light-grey [stroke="#000"] {
  stroke: var(--neutral-3);
}
.sr-icon-container:hover > .sr-icon.grey,
.sr-icon-container:focus > .sr-icon.grey,
.sr-icon-button:hover > .sr-icon.grey,
.sr-icon-button:focus > .sr-icon.grey,
.sr-link:hover > .sr-icon.grey,
.sr-link:focus > .sr-icon.grey {
  color: var(--neutral-3);
}
.sr-icon-container:hover > .sr-icon.grey [fill="#000"],
.sr-icon-container:focus > .sr-icon.grey [fill="#000"],
.sr-icon-button:hover > .sr-icon.grey [fill="#000"],
.sr-icon-button:focus > .sr-icon.grey [fill="#000"],
.sr-link:hover > .sr-icon.grey [fill="#000"],
.sr-link:focus > .sr-icon.grey [fill="#000"] {
  fill: var(--neutral-3);
}
.sr-icon-container:hover > .sr-icon.grey [stroke="#000"],
.sr-icon-container:focus > .sr-icon.grey [stroke="#000"],
.sr-icon-button:hover > .sr-icon.grey [stroke="#000"],
.sr-icon-button:focus > .sr-icon.grey [stroke="#000"],
.sr-link:hover > .sr-icon.grey [stroke="#000"],
.sr-link:focus > .sr-icon.grey [stroke="#000"] {
  stroke: var(--neutral-3);
}
.sr-icon-container:hover > .sr-icon.dark-grey,
.sr-icon-container:focus > .sr-icon.dark-grey,
.sr-icon-button:hover > .sr-icon.dark-grey,
.sr-icon-button:focus > .sr-icon.dark-grey,
.sr-link:hover > .sr-icon.dark-grey,
.sr-link:focus > .sr-icon.dark-grey {
  color: var(--neutral-2);
}
.sr-icon-container:hover > .sr-icon.dark-grey [fill="#000"],
.sr-icon-container:focus > .sr-icon.dark-grey [fill="#000"],
.sr-icon-button:hover > .sr-icon.dark-grey [fill="#000"],
.sr-icon-button:focus > .sr-icon.dark-grey [fill="#000"],
.sr-link:hover > .sr-icon.dark-grey [fill="#000"],
.sr-link:focus > .sr-icon.dark-grey [fill="#000"] {
  fill: var(--neutral-2);
}
.sr-icon-container:hover > .sr-icon.dark-grey [stroke="#000"],
.sr-icon-container:focus > .sr-icon.dark-grey [stroke="#000"],
.sr-icon-button:hover > .sr-icon.dark-grey [stroke="#000"],
.sr-icon-button:focus > .sr-icon.dark-grey [stroke="#000"],
.sr-link:hover > .sr-icon.dark-grey [stroke="#000"],
.sr-link:focus > .sr-icon.dark-grey [stroke="#000"] {
  stroke: var(--neutral-2);
}
.sr-icon-container:hover > .sr-icon.destructive,
.sr-icon-container:focus > .sr-icon.destructive,
.sr-icon-button:hover > .sr-icon.destructive,
.sr-icon-button:focus > .sr-icon.destructive,
.sr-link:hover > .sr-icon.destructive,
.sr-link:focus > .sr-icon.destructive {
  color: var(--primary-red);
}
.sr-icon-container:hover > .sr-icon.destructive [fill="#000"],
.sr-icon-container:focus > .sr-icon.destructive [fill="#000"],
.sr-icon-button:hover > .sr-icon.destructive [fill="#000"],
.sr-icon-button:focus > .sr-icon.destructive [fill="#000"],
.sr-link:hover > .sr-icon.destructive [fill="#000"],
.sr-link:focus > .sr-icon.destructive [fill="#000"] {
  fill: var(--primary-red);
}
.sr-icon-container:hover > .sr-icon.destructive [stroke="#000"],
.sr-icon-container:focus > .sr-icon.destructive [stroke="#000"],
.sr-icon-button:hover > .sr-icon.destructive [stroke="#000"],
.sr-icon-button:focus > .sr-icon.destructive [stroke="#000"],
.sr-link:hover > .sr-icon.destructive [stroke="#000"],
.sr-link:focus > .sr-icon.destructive [stroke="#000"] {
  stroke: var(--primary-red);
}

.place-type-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
}
.place-type-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
}
.place-type-icon.large svg {
  width: 56px;
  height: 56px;
}
.place-type-icon.in-list {
  width: 28px;
  height: 28px;
}
.place-type-icon.in-list svg {
  width: 20px;
  height: 20px;
}
.place-type-icon.black {
  background-color: transparent;
  border: 2px solid var(--neutral-0-black-);
}
.place-type-icon.black svg .iconG,
.place-type-icon.black svg .iconStroke {
  stroke: var(--neutral-0-black-);
}
.place-type-icon.black svg .iconFill {
  fill: var(--neutral-0-black-);
}
.place-type-icon.noBorder {
  border-width: 0px !important;
}

.fade-in {
  animation: fadeIn 0.25s ease-in;
  -webkit-animation: fadeIn 0.25s ease-in;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-out {
  animation: fadeOut 0.25s ease-out;
  -webkit-animation: fadeOut 0.25s ease-out;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sub-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--neutral-3);
}

.form-tip {
  font-size: 14px;
  font-weight: 400;
  color: var(--neutral-3);
  float: right;
}

.sub-text-error {
  font-size: 12px;
  font-weight: 400;
  color: var(--primary-red);
}

.sub-header-banner {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  box-sizing: border-box;
}

.right-panel-shadow {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 9010;
  background-color: rgba(255, 255, 255, 0.5);
}
.right-panel-shadow.show {
  display: block;
}

.right-panel-upper-shadow {
  display: none;
  position: absolute;
  top: 0px;
  height: 0;
  left: 0px;
  right: 0px;
  z-index: 9010;
  background-color: rgba(255, 255, 255, 0);
}
.right-panel-upper-shadow.show {
  display: block;
}

.right-panel {
  overflow: hidden;
  position: absolute;
  width: 500px;
  left: initial;
  right: -510px;
  bottom: 0;
  top: 0;
  z-index: 10000;
  background: var(--neutral-8-white-);
  border: none;
}
.right-panel.show {
  right: 0px;
  top: 0px;
  left: initial;
  border: none;
}
.right-panel.shadow {
  box-shadow: -8px 0px 0px rgba(0, 0, 0, 0.05);
}
.right-panel .right-panel-inner {
  width: 100%;
  height: 100%;
  background-color: var(--neutral-8-white-);
  overflow-y: auto;
  overflow-x: hidden;
  border-left: 1px solid var(--neutral-5);
}
.right-panel .right-panel-inner .application-inner-content {
  min-height: 100%;
}
.right-panel .sticky-header,
.right-panel .sticky-tabs {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--neutral-8-white-);
  z-index: 20;
}
.right-panel .sticky-tabs {
  top: 39px;
}
.right-panel header {
  margin: 0 auto;
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel header button.back-arrow {
  height: 25px;
  margin-right: 10px;
}
.right-panel header button.back-arrow span {
  display: inline-block;
  width: 16px;
  height: 14px;
  vertical-align: top;
  background: url("images/project-creation/backArrow.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel header button.back-arrow span {
    background-image: url("images/project-creation/backArrow@2x.png");
    background-size: 34px 14px;
  }
}
.right-panel header button.back-arrow:hover span {
  background-position: right;
}
.right-panel header.with-header .modal-close {
  margin-top: 5px;
}
.right-panel header h1 {
  font-size: 18px;
  float: left;
}
.right-panel .creation-sidebar {
  overflow-y: auto;
  overflow-x: hidden;
}
.right-panel .creation-sidebar .sidebar-content {
  padding: 30px 25px;
}
.right-panel .creation-sidebar section {
  margin-bottom: 30px;
}
.right-panel .creation-sidebar section:last-child {
  margin-bottom: 0;
}
.right-panel .creation-sidebar section input,
.right-panel .creation-sidebar section textarea {
  width: 100%;
}
.right-panel .creation-sidebar section .sr-input,
.right-panel .creation-sidebar section .sr-textarea,
.right-panel .creation-sidebar section .include-border {
  margin-bottom: 30px;
}
.right-panel .creation-sidebar section .sr-input.no-border,
.right-panel .creation-sidebar section .sr-textarea.no-border,
.right-panel .creation-sidebar section .include-border.no-border {
  margin-bottom: 0px;
}
.right-panel .creation-sidebar.new-style .inner-form {
  position: relative;
  min-height: 100%;
  padding: 0 0 50px;
  box-sizing: border-box;
}
.right-panel .creation-sidebar.new-style header.with-header {
  padding: 13px 0;
  width: 450px;
  width: calc(100% - 50px);
}
.right-panel .creation-sidebar.new-style header.with-header .back-arrow {
  float: left;
}
.right-panel .creation-sidebar.new-style .sticky-header,
.right-panel .creation-sidebar.new-style .sticky-tabs {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--neutral-8-white-);
  z-index: 10000000;
}
.right-panel .creation-sidebar.new-style .sticky-tabs {
  top: 51px;
}
.right-panel .creation-sidebar.new-style .sidebar-content {
  padding: 25px 25px 30px 25px;
}
.right-panel .creation-sidebar.new-style .site-data-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 500px;
  cursor: no-drop;
  z-index: 90000000;
}
.right-panel .creation-sidebar.new-style .mb0 {
  margin-bottom: 0px !important;
}
.right-panel .creation-sidebar.new-style .mb5 {
  margin-bottom: 5px !important;
}
.right-panel .creation-sidebar.new-style .mb6 {
  margin-bottom: 6px !important;
}
.right-panel .creation-sidebar.new-style .mb12 {
  margin-bottom: 12px !important;
}
.right-panel .creation-sidebar.new-style .mb15 {
  margin-bottom: 15px !important;
}
.right-panel .creation-sidebar.new-style .mb20 {
  margin-bottom: 20px !important;
}
.right-panel .creation-sidebar.new-style .mb25 {
  margin-bottom: 25px !important;
}
.right-panel .creation-sidebar.new-style .mb30 {
  margin-bottom: 30px !important;
}
.right-panel .creation-sidebar.new-style .mb36 {
  margin-bottom: 36px !important;
}
.right-panel .creation-sidebar.new-style .pb0 {
  padding-bottom: 0px !important;
}
.right-panel .creation-sidebar.new-style .pb20 {
  padding-bottom: 20px !important;
}
.right-panel .creation-sidebar.new-style h3 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 20px;
}
.right-panel .creation-sidebar.new-style h3 .info-circle-help {
  float: right;
}
.right-panel .creation-sidebar.new-style h3 .info-circle-help:after {
  content: "?";
}
.right-panel .creation-sidebar.new-style h4 {
  font-weight: 600;
  font-size: 14px;
}
.right-panel .creation-sidebar.new-style .sr-file-manager .instructions {
  margin-bottom: 0px;
}
.right-panel .creation-sidebar.new-style .sr-textarea textarea span {
  margin-top: 12px;
  font-size: 12px;
  color: var(--neutral-3);
}
.right-panel .creation-sidebar.new-style section.with-border {
  border-bottom: 1px solid var(--neutral-5);
  padding-bottom: 30px;
}
.right-panel .creation-sidebar.new-style section .sr-input,
.right-panel .creation-sidebar.new-style section .sr-textarea,
.right-panel .creation-sidebar.new-style section .include-border,
.right-panel .creation-sidebar.new-style section .sr-selectro {
  margin-bottom: 25px;
}
.right-panel .creation-sidebar.new-style section .sr-input.no-border, .right-panel .creation-sidebar.new-style section .sr-input.no-borders,
.right-panel .creation-sidebar.new-style section .sr-textarea.no-border,
.right-panel .creation-sidebar.new-style section .sr-textarea.no-borders,
.right-panel .creation-sidebar.new-style section .include-border.no-border,
.right-panel .creation-sidebar.new-style section .include-border.no-borders,
.right-panel .creation-sidebar.new-style section .sr-selectro.no-border,
.right-panel .creation-sidebar.new-style section .sr-selectro.no-borders {
  margin-bottom: 0px;
}
.right-panel .creation-sidebar.new-style section .sr-date-range .sr-input {
  margin-bottom: 12px;
}
.right-panel .creation-sidebar.new-style section .sr-address-parts {
  margin-bottom: 25px;
}
.right-panel .creation-sidebar.new-style section .sr-address-parts .sr-input {
  margin-bottom: 0;
}
.right-panel .creation-sidebar.new-style .instructions {
  font-size: 14px;
  color: var(--neutral-3);
  margin-bottom: 30px;
}
.right-panel .creation-sidebar.new-style .instructions.red {
  color: var(--primary-red);
}
.right-panel .creation-sidebar.new-style .sub-text {
  font-size: 12px;
  color: var(--neutral-3);
}
.right-panel .creation-sidebar.new-style em {
  font-style: italic;
}
.right-panel .creation-sidebar.new-style em.no-italic {
  font-style: normal;
}
.right-panel .collapsible-content {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
}
.right-panel .collapsible-content.hide-content {
  max-height: 0px;
}
.right-panel .collapsible-content.show-overflow {
  overflow: visible;
}

.form-container {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.form-container.no-margin {
  margin-bottom: 0px;
}
.form-container > header {
  font-weight: 600;
  font-size: 15px;
  color: var(--neutral-2);
}
.form-container .form-content {
  padding: 20px 0 40px;
}
.form-container .form-content-seperator {
  margin: 20px 0;
  height: 1px;
  background-color: var(--neutral-5);
}
.form-container p + p {
  margin-top: 16px;
}
.form-container p + .sub-text-error {
  margin-top: 12px;
}
.form-container p.above-header {
  margin-bottom: 35px;
}
.form-container em {
  font-style: italic;
}
.form-container strong {
  font-weight: 700;
}
.form-container fieldset {
  margin-top: 30px;
}
.form-container .mb25 {
  margin-bottom: 25px;
}
.form-container .mw425 {
  max-width: 435px;
}
.form-container .inline-container .text {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
}
.form-container .inline-container .sr-input {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
}
.form-container .inline-container .sr-input.w60 input {
  width: 60px;
}
.form-container .inline-container .sr-input.w75 input {
  width: 75px;
}
.form-container .switch-list-container {
  max-width: 630px;
  box-sizing: border-box;
  border: 1px solid var(--neutral-5);
  border-radius: 3px;
}
.form-container .switch-list-container .switch-list-item {
  padding: 20px;
  cursor: pointer;
}
.form-container .switch-list-container .switch-list-item .sr-switch,
.form-container .switch-list-container .switch-list-item .sr-toggle,
.form-container .switch-list-container .switch-list-item > p {
  float: left;
}
.form-container .switch-list-container .switch-list-item > p {
  padding-left: 11px;
  line-height: 22px;
}
.form-container .switch-list-container .switch-list-hidden {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 100px;
}
.form-container .switch-list-container .switch-list-hidden .inner {
  box-sizing: border-box;
  padding: 2px 18px 20px 67px;
}
.form-container .switch-list-container .switch-list-hidden.hide-section {
  max-height: 0px;
}
.form-container .radio-button-row {
  position: relative;
  padding-left: 28px;
}
.form-container .radio-button-row .sr-radio-button {
  position: absolute;
  left: 0px;
}
.form-container .radio-button-row + .radio-button-row {
  margin-top: 20px;
}
.form-container .indent {
  margin: 20px 0 0 28px;
}
.form-container .form-actions {
  margin-top: 30px;
}
.form-container .form-actions .right {
  float: right;
}
.form-container .form-actions .standardButton {
  float: left;
}

aside.side-nav {
  width: 250px;
  margin-right: 30px;
}
aside.side-nav > h3 {
  margin-bottom: 10px;
}
aside.side-nav .nav-item {
  height: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 4px;
  text-decoration: none;
  color: var(--neutral-3);
  font-weight: 600;
  padding-left: 20px;
  border-radius: 3px;
}
aside.side-nav .nav-item:hover {
  background-color: var(--neutral-6);
  border-bottom: none;
}
aside.side-nav .nav-item.active {
  background-color: var(--primary-blue);
  color: #ffffff;
}
aside.side-nav .separator {
  width: 100%;
  height: 1px;
  background: var(--neutral-5);
  margin: 6px 0 20px 0;
}
aside.side-nav p + p {
  margin-top: 15px;
}
aside.side-nav section {
  margin-bottom: 20px;
}
aside.side-nav button {
  margin-bottom: 20px;
}
.save-banner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: var(--neutral-7);
  border-top: 1px solid var(--neutral-5);
  z-index: 9010;
}
.save-banner.fixed {
  position: fixed;
}
.save-banner .button-group {
  display: block;
  float: right;
  margin: 21px 30px;
  padding: 0;
}
.save-banner .button-group button,
.save-banner .button-group a {
  float: left;
}
.save-banner .button-group button + button,
.save-banner .button-group a + a {
  margin-left: 10px;
}

.sr-spinner,
.sr-table-filter-loading {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.sr-spinner .full-loading,
.sr-table-filter-loading .full-loading {
  position: relative;
  top: 40%;
}
.sr-spinner .full-loading .circle-loading .container1 > div,
.sr-spinner .full-loading .circle-loading .container2 > div,
.sr-spinner .full-loading .circle-loading .container3 > div,
.sr-table-filter-loading .full-loading .circle-loading .container1 > div,
.sr-table-filter-loading .full-loading .circle-loading .container2 > div,
.sr-table-filter-loading .full-loading .circle-loading .container3 > div {
  background-color: var(--neutral-5);
}
.sr-spinner.active,
.sr-table-filter-loading.active {
  display: block;
}

.sr-loading-shadow {
  display: none;
  background: white;
  opacity: 0.4;
  z-index: 100;
}
.sr-loading-shadow.active {
  display: block;
}

.paging-buttons {
  float: left;
}
.paging-buttons .sr-select-container {
  float: left;
  display: block;
  width: auto;
  height: 40px;
  color: inherit;
  z-index: 5;
}
.paging-buttons .sr-select-container .sr-select-box {
  height: 100%;
  line-height: 38px;
  border: 1px solid #c8ced2;
  font-weight: 600;
  padding: 0 13px;
  border-radius: 0px;
  cursor: pointer;
}
.paging-buttons .sr-select-container .sr-select-box.active {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
  background-color: var(--list-2-active);
}
.paging-buttons .sr-select-container .sr-select-box:focus {
  background-color: #f4f6f7;
  border: 1px solid #c8ced2;
  box-shadow: none;
}
.paging-buttons .sr-select-container .sr-select-list {
  top: 27px;
  width: 56px;
  border: 1px solid #c8ced2;
}
.paging-buttons .sr-select-container:hover, .paging-buttons .sr-select-container.active {
  color: var(--primary-blue);
}
.paging-buttons .sr-select-container:hover .sr-select-box, .paging-buttons .sr-select-container.active .sr-select-box {
  border-color: var(--primary-blue);
}
.paging-buttons a {
  float: left;
  position: relative;
  height: 40px;
  background-color: var(--neutral-8-white-);
  border: 1px solid #c8ced2;
  box-sizing: border-box;
}
.paging-buttons a span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -8px;
}
.paging-buttons a:not(.disabled):hover, .paging-buttons a:not(.disabled):active {
  border-color: var(--primary-blue);
  z-index: 10;
}
.paging-buttons a:not(.disabled):hover .icon, .paging-buttons a:not(.disabled):active .icon {
  background-position: right;
}
.paging-buttons a.left {
  border-right-width: 0px;
  margin-right: -1px;
}
.paging-buttons a.left:hover, .paging-buttons a.left:active {
  border-right-width: 1px;
}
.paging-buttons a.right {
  border-left-width: 0px;
  margin-left: -1px;
}
.paging-buttons a.right span {
  transform: rotate(180deg) translate3d(0, 0, 0);
  -ms-transform: rotate(180deg);
}
.paging-buttons a.right:hover, .paging-buttons a.right:active {
  border-left-width: 1px;
}

.empty-list-content {
  position: relative;
  padding: 40px 40px 40px 40px;
  border: 1px solid var(--neutral-5);
  border-radius: 6px;
  text-align: center;
  color: var(--neutral-2);
  box-sizing: border-box;
}
.empty-list-content .emoji {
  font-size: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
}
.empty-list-content h2 {
  font-size: 21px;
  font-weight: 400;
}
.empty-list-content p {
  font-size: 14px;
  width: 520px;
  margin: 20px auto;
}
.empty-list-content .common-icon {
  margin: 0 auto 25px;
}
.empty-list-content .button-container {
  margin-top: 40px;
}
.empty-list-content .button-container .standardButton {
  display: inline-block;
}
.empty-list-content .button-container .standardButton + .standardButton {
  margin-left: 10px;
}
.empty-list-content .button-container .yelp-red {
  background-color: #d32323;
  color: var(--neutral-8-white-);
}
.empty-list-content .standardButton > .icon {
  display: inline-block;
  margin: 12px 10px 0 0;
  vertical-align: top;
}

.collapsible-section {
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  padding: 0px !important;
}
.collapsible-section .focus-element {
  position: relative;
  cursor: pointer;
  padding: 30px 0;
  outline: none;
}
.collapsible-section .focus-element strong {
  font-weight: 600;
  font-size: 15px;
}
.collapsible-section .focus-element .icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0px;
}
.collapsible-section .focus-element:hover .icon, .collapsible-section .focus-element:focus .icon, .collapsible-section .focus-element.active .icon {
  background-position: right;
}
.collapsible-section .focus-element:focus strong {
  outline: 2px solid #7aacfe;
  outline: 5px auto -webkit-focus-ring-color;
}
.collapsible-section .focus-element.active {
  padding-bottom: 20px;
}
.collapsible-section .focus-element.active .icon {
  transform: rotate(180deg);
}
.collapsible-section .toggled-content {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 590px;
  width: calc(100% + 6px);
  padding: 0 3px;
  margin-left: -3px;
}
.collapsible-section .toggled-content.hide-content {
  max-height: 0px;
}
.collapsible-section .toggled-content .inner {
  padding-bottom: 30px;
}
.collapsible-section.static .toggled-content {
  overflow: visible;
  max-height: none;
}
.collapsible-section.static .toggled-content.hide-content {
  display: none;
}

.main-header + .secondary-nav {
  margin-top: 25px;
}

.secondary-nav {
  width: 100%;
  border-bottom: 1px solid var(--neutral-5);
}
.secondary-nav li {
  display: block;
  float: left;
  height: 40px;
  margin-right: 34px;
}
.secondary-nav a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  color: var(--neutral-3);
  font-weight: 600;
  line-height: 19px;
  font-size: 14px;
  box-sizing: border-box;
}
.secondary-nav a:hover {
  color: var(--primary-blue);
}
.secondary-nav a.active {
  color: var(--primary-blue);
  border-bottom: 5px solid var(--primary-blue);
}

.ui-widget-content {
  background: var(--neutral-8-white-) url(/assets/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content .ui-state-disabled {
  opacity: 0.35;
}

.screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.content {
  top: 0;
  right: 0;
  bottom: 0;
  left: 358px;
  top: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.is-fullscreen .content {
  overflow: hidden;
  left: 0;
}
.content:focus {
  outline: 0;
}
.content header {
  /*
  @include respond-to(900px) {
    .btn-c {
      @include leader(0.75, 12px);
      //@include trailer(0);
      margin-left: $base-line-height;
    }
    .sup {
      float: right;
    }
  }
  */
}
.content header h2 {
  font-weight: normal;
}
.content header .sup {
  float: none;
}

/*#intercom_help_link {
  display: block;
  position: relative;
  margin: 5px 0 0 0;
  width: 30px;
  height: 30px;
  background: asset-url("intercom-bubble.png", image) no-repeat;
  @include retinaImage("intercom-bubble@2x.png", 30px, 30px);
  .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #fc576b;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    color: $sr-white; // #ffffff;
    font-size: $sr-font-size-tiny;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(0,0,0,.27);
    transition: width 0.1s ease-in,height 0.1s ease-in,top 0.1s ease-in,right 0.1s ease-in,color 0.1s ease-in;
    &.hidden {
      display: block;
      width: 0px;
      height: 0px;
      top: 3px;
      right: 3px;
      color: #fc576b;
      transition: width 0.1s ease-in,height 0.1s ease-in,top 0.1s ease-in,right 0.1s ease-in;
    }
  }
}*/
header.appHeader {
  position: absolute;
  top: 0px;
  z-index: 9010;
  width: 100%;
  height: 0;
  background-color: white;
  color: #80898d;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
}
header.appHeader .logoArea {
  margin-right: 51px;
  float: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
@media screen and (max-width: 900px) {
  header.appHeader .logoArea {
    margin-right: 20px;
  }
}
header.appHeader .logoArea .logo {
  display: block;
  margin: 12px 0 10px 20px;
  width: 105px;
  height: 22px;
  background: url("images/logos/spWordMark.svg") no-repeat;
  background-size: 105px 22px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  header.appHeader .logoArea .logo {
    background-image: url("images/logos/spWordMark.svg");
    background-size: 105px 22px;
  }
}
header.appHeader .mainNavigation {
  float: left;
}
header.appHeader .mainNavigation ul li {
  float: left;
  height: 0;
  line-height: 0;
  vertical-align: middle;
  margin-right: 50px;
  padding: 0px;
  font-size: 14px;
  font-weight: 700;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
@media screen and (max-width: 900px) {
  header.appHeader .mainNavigation ul li {
    margin-right: 25px;
  }
}
header.appHeader .mainNavigation ul li a:not(.revert) {
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  border-bottom: 0px solid #82d0ff;
  color: var(--neutral-3);
  text-decoration: none;
  box-sizing: border-box;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
header.appHeader .mainNavigation ul li a:not(.revert):hover, header.appHeader .mainNavigation ul li a:not(.revert).active {
  outline: none;
  border-bottom: 4px solid #82d0ff;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
header.appHeader .mainNavigation ul li a.sites {
  width: 32px;
  text-align: center;
}
header.appHeader .mainNavigation ul li.stagingWarning {
  color: var(--primary-red);
}
header.appHeader .mainNavigation ul li.stagingWarning a.revert {
  color: var(--primary-red);
  text-decoration: none;
}
header.appHeader .mainNavigation ul li.stagingWarning a.revert:hover {
  text-decoration: underline;
}
header.appHeader .site-button {
  position: relative;
}
header.appHeader .site-button .site-menu {
  display: none;
  position: absolute;
  top: 4px;
  left: -15px;
  padding-top: 30px;
}
header.appHeader .site-button .site-menu.visible {
  display: block;
}
header.appHeader .site-button .site-menu .tab,
header.appHeader .site-button .site-menu .sites-content {
  border: 1px solid var(--neutral-5);
  background-color: var(--neutral-8-white-);
}
header.appHeader .site-button .site-menu .tab {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  border-bottom: 0px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
}
header.appHeader .site-button .site-menu .sites-content {
  width: 300px;
  min-height: 40px;
  border-radius: 0px 4px 4px 4px;
}
header.appHeader .site-button .site-menu .sites-content .sites-inner {
  max-height: 336px;
  overflow: auto;
}
header.appHeader .site-button .site-menu .sites-content .my-sites {
  padding: 12px;
}
header.appHeader .site-button .site-menu .sites-content .my-sites .standardButton {
  width: 100%;
}
header.appHeader .site-button .site-menu .sites-content .site {
  overflow: hidden;
  height: 56px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--neutral-6);
  cursor: pointer;
  box-sizing: border-box;
}
header.appHeader .site-button .site-menu .sites-content .site:hover {
  background-color: var(--list-1-hover);
}
header.appHeader .site-button .site-menu .sites-content .site .image {
  float: left;
  width: 70px;
  height: 40px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
  border-radius: 2px;
}
header.appHeader .site-button .site-menu .sites-content .site .info {
  padding-top: 2px;
  float: left;
  width: 175px;
}
header.appHeader .site-button .site-menu .sites-content .site .info strong,
header.appHeader .site-button .site-menu .sites-content .site .info span {
  color: #505d63;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0;
  text-transform: none;
  display: block;
}
header.appHeader .site-button .site-menu .sites-content .site .info strong {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}
header.appHeader .site-button .site-menu .sites-content .site .info span {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}
div.appHeaderSubMenu {
  color: var(--neutral-3);
  font-size: 12px;
  position: absolute;
  right: 0;
}
div.appHeaderSubMenu.inactive .sub-items {
  visibility: hidden;
  opacity: 0;
}
div.appHeaderSubMenu.active .sub-items {
  visibility: visible;
  opacity: 1;
}
div.appHeaderSubMenu a {
  color: var(--neutral-3);
  text-decoration: none;
}
div.appHeaderSubMenu a:hover {
  color: rgb(107.6293103448, 115.4568965517, 119.3706896552);
}
div.appHeaderSubMenu ul.items li.menu-item {
  float: left;
  height: 0;
  vertical-align: middle;
  line-height: 0;
  margin-right: 22px;
}
div.appHeaderSubMenu ul.items li.menu-item.user {
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  background-color: var(--neutral-8-white-);
  margin-right: 20px;
}
div.appHeaderSubMenu ul.items li.menu-item.user i {
  margin: -1px 0 0 5px;
  vertical-align: middle;
  width: 9px;
  height: 5px;
  background: url("images/dropDownIcon.png") no-repeat;
  display: inline-block;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  div.appHeaderSubMenu ul.items li.menu-item.user i {
    background-image: url("images/dropDownIcon@2x.png");
    background-size: 19px 5px;
  }
}
div.appHeaderSubMenu ul.items li.menu-item.user:hover {
  color: var(--neutral-2);
}
div.appHeaderSubMenu ul.items li.menu-item.user:hover i {
  background-position: right;
}
div.appHeaderSubMenu ul.items li.menu-item.userImage {
  cursor: pointer;
  margin-right: 1px;
}
div.appHeaderSubMenu ul.items li.menu-item.userImage img,
div.appHeaderSubMenu ul.items li.menu-item.userImage span.no-profile-image {
  margin-top: 5px;
  margin-right: 6px;
  float: left;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
div.appHeaderSubMenu ul.items li.menu-item.userImage span.no-profile-image {
  color: var(--neutral-2);
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  background-color: var(--neutral-5);
  box-sizing: border-box;
}
div.appHeaderSubMenu div.sub-items {
  position: absolute;
  width: 120px;
  height: 70px;
  right: 40px;
  top: 39px;
  border-radius: 4px;
}
div.appHeaderSubMenu div.sub-items span.cover {
  display: none;
}
div.appHeaderSubMenu div.sub-items ul {
  background: var(--neutral-8-white-);
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 4px 0;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
div.appHeaderSubMenu div.sub-items ul li {
  width: 100%;
  font-weight: 400;
  box-sizing: border-box;
}
div.appHeaderSubMenu div.sub-items ul li a {
  line-height: 30px;
  padding: 2px 12px;
  width: 100%;
  height: 34px;
  color: var(--neutral-2);
  display: block;
  box-sizing: border-box;
}
div.appHeaderSubMenu div.sub-items ul li:hover, div.appHeaderSubMenu div.sub-items ul li:active {
  background-color: var(--list-1-hover);
}
div.appHeaderSubMenu div.sub-items:before, div.appHeaderSubMenu div.sub-items:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  right: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
div.appHeaderSubMenu div.sub-items:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
div.appHeaderSubMenu.intercom-enabled div.sub-items {
  right: 89px;
}
div.appHeaderSubMenu .notification-status {
  float: left;
  height: 0;
  margin-right: 25px;
}
div.appHeaderSubMenu .notification-status .dnd-selectro {
  float: none;
  margin: 0;
}
div.appHeaderSubMenu .notification-status .dnd-selectro .icon-mode {
  width: 24px;
  font-weight: 0px;
}
div.appHeaderSubMenu .notification-status .dnd-selectro .icon-mode-icon {
  width: 17px;
  height: 19px;
  margin: 11px 0 0 7px;
  background: url("images/notifications/bell.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  div.appHeaderSubMenu .notification-status .dnd-selectro .icon-mode-icon {
    background-image: url("images/notifications/bell@2x.png");
    background-size: 34px 19px;
  }
}
div.appHeaderSubMenu .notification-status .dnd-selectro .selectro-list-container {
  right: -21px;
  top: 38px;
  width: 220px;
}
div.appHeaderSubMenu .notification-status .dnd-selectro .selectro-list-container:before, div.appHeaderSubMenu .notification-status .dnd-selectro .selectro-list-container:after {
  left: auto;
  right: 26px;
}
div.appHeaderSubMenu .notification-status .dnd-selectro .selectro-list-container .contents {
  padding: 8px 0 6px;
}
div.appHeaderSubMenu .notification-status .dnd-selectro .selectro-list-container .contents .search-title {
  padding-bottom: 2px;
}
div.appHeaderSubMenu .notification-status .dnd-selectro .sr-selectro-list-item span.imgSpan.view-schedule {
  width: 15px;
  height: 14px;
  background: url("images/notifications/view-schedule.png") no-repeat;
  background-size: 15px 14px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  div.appHeaderSubMenu .notification-status .dnd-selectro .sr-selectro-list-item span.imgSpan.view-schedule {
    background-image: url("images/notifications/view-schedule@2x.png");
    background-size: 15px 14px;
  }
}
div.appHeaderSubMenu .notification-status.snoozed .dnd-selectro .icon-mode-icon {
  background-position: right;
}
div.appHeaderSubMenu .menu-item.help {
  float: left;
  height: 0;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro {
  float: none;
  margin: 0;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .icon-mode {
  width: 20px;
  font-weight: 0px;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .icon-mode-icon {
  margin-top: -1px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("images/supportIcon.png") no-repeat;
  display: inline-block;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  div.appHeaderSubMenu .menu-item.help .help-menu-selectro .icon-mode-icon {
    background-image: url("images/supportIcon@2x.png");
    background-size: 41px 20px;
  }
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .icon-mode-icon:hover, div.appHeaderSubMenu .menu-item.help .help-menu-selectro .icon-mode-icon:active {
  background-position: right;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container {
  right: -19px;
  top: 38px;
  width: 230px;
  padding: 0;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container:before, div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container:after {
  left: auto;
  right: 26px;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container .contents {
  padding: 8px 0 6px;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container .contents .search-title {
  padding-left: 15px;
  padding-bottom: 2px;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container .contents .inline-header {
  height: 15px;
  margin-bottom: 15px;
}
div.appHeaderSubMenu .menu-item.help .help-menu-selectro .selectro-list-container .shadow {
  bottom: 0px;
}

header.subHeader {
  position: absolute;
  top: 0;
  background-color: var(--neutral-1);
  padding: 12px 15px;
  height: 74px;
  width: 100%;
  z-index: 9005;
  box-sizing: border-box;
}
header.subHeader .property-header img {
  display: inline-block;
  width: 133px;
  height: 74px;
  margin: -12px 14px 0 -15px;
  border-top: 1px solid var(--neutral-4);
  border-bottom: 1px solid var(--neutral-4);
  box-sizing: border-box;
}
header.subHeader .property-header h1 {
  position: absolute;
  display: inline-block;
  color: var(--neutral-8-white-);
  top: 12px;
  left: 153px;
}

#show_property_details {
  color: #8fc7e8;
  font-size: 14px;
}
#show_property_details:hover {
  color: var(--primary-blue);
}

#close_property_details {
  position: absolute;
  top: 5px;
  right: 10px;
}

#property_details {
  display: none;
  font-weight: 600;
  color: white;
  position: absolute;
  left: 0;
  top: 70px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 5px;
  z-index: 1000;
}
#property_details.inactive {
  display: none;
}
#property_details.active {
  display: block;
}

nav.sub-header-links {
  position: absolute;
  left: 153px;
  top: 31px;
  width: 700px;
}
nav.sub-header-links div.item {
  float: left;
  margin-right: 26px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
}
nav.sub-header-links div.item a {
  position: relative;
  display: inline-block;
  color: var(--neutral-8-white-);
  text-decoration: none;
  box-sizing: border-box;
}
nav.sub-header-links div.item a:hover {
  color: #82d0ff;
}
nav.sub-header-links div.item a.active {
  color: #82d0ff;
}
nav.sub-header-links div.item a.primary {
  cursor: pointer;
  line-height: 43px;
  height: 43px;
  letter-spacing: 0.2px;
}
nav.sub-header-links div.item a.primary.has-sub {
  padding-right: 16px;
}
nav.sub-header-links div.item a.primary:hover span.icon {
  background-position: right;
}
nav.sub-header-links div.item span.icon {
  position: absolute;
  top: 20px;
  right: 1px;
  display: block;
  width: 10px;
  height: 5px;
  background: url("images/subNavArrow.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  nav.sub-header-links div.item span.icon {
    background-image: url("images/subNavArrow@2x.png");
    background-size: 21px 5px;
  }
}
nav.sub-header-links div.item a.cover {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  line-height: 23px;
  left: -10px;
  top: 9px;
  height: 28px;
  padding: 0 28px 0 9px;
  color: #82d0ff;
  letter-spacing: 0.2px;
  background-color: var(--neutral-1);
  border: 1px solid #505d63;
  border-bottom: 0px;
  border-radius: 4px 4px 0 0;
}
nav.sub-header-links div.item a.cover span.icon {
  position: absolute;
  top: 10px;
  right: 13px;
  background-position: right;
  margin: 0;
}
nav.sub-header-links div.item ul.sub-items {
  display: none;
  position: absolute;
  top: 36px;
  left: -10px;
  z-index: 0;
  background-color: var(--neutral-1);
  border: 1px solid #505d63;
  padding: 8px 0;
  border-radius: 0 4px 4px 4px;
}
nav.sub-header-links div.item ul.sub-items li {
  display: block;
  padding: 0 24px 0 16px;
}
nav.sub-header-links div.item ul.sub-items li a {
  line-height: 36px;
  height: 36px;
  display: block;
}
nav.sub-header-links div.item ul.sub-items iframe {
  width: 102%;
  height: 102%;
  overflow: hidden;
  position: absolute;
  border: none;
  left: -2px;
  top: 0;
  z-index: -1;
}
nav.sub-header-links div.item.active a.primary {
  color: #82d0ff;
}
nav.sub-header-links div.item.active a.primary span.icon {
  background-position: right;
}
nav.sub-header-links div.item.open a.primary {
  color: #82d0ff;
}
nav.sub-header-links div.item.open a.cover,
nav.sub-header-links div.item.open ul.sub-items {
  display: block;
}
nav.sub-header-links div.item.open span.icon {
  background-position: right;
}

.assignments-mode .sidebar {
  display: block;
}
.assignments-mode .assignment-view {
  display: block;
  z-index: 9009;
}
.assignments-mode .map {
  position: absolute;
  margin-left: 350px;
  margin-right: 0;
  transition: left 0.5s ease-in-out;
  z-index: 10;
}

.authoring-mode .sidebar {
  display: none;
}
.authoring-mode .assignment-view {
  display: none;
}
.authoring-mode .map {
  position: absolute;
  margin-left: 0;
  margin-right: 500px;
  transition: left 0.5s ease-in-out;
  z-index: 10;
}

.project-template-view .sites-header-view.sub-header {
  margin-top: 0;
}

body.static header {
  height: 40px;
  background-color: var(--primary-blue);
}
body.static nav {
  width: 200px;
  float: left;
}
body.static .pane {
  margin-left: 220px;
}

:root {
  --base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji",
  "Segoe UI Emoji", "Segoe UI Symbol" ;
}

.settings-save-container {
  height: calc(100vh - 175px);
  position: relative;
  width: calc(100% + 30px);
}
.settings-save-container.visible .container {
  padding-bottom: 81px;
  max-height: calc(100% - 81px);
}
.settings-save-container:not(.visible) .save-bar {
  display: none;
}
.settings-save-container .container {
  overflow-y: auto;
  height: 100%;
}
.settings-save-container .container .application-inner-content {
  height: 100%;
}
.settings-save-container .container .form-container,
.settings-save-container .container .settings-form-container {
  margin-left: 1px;
}
.settings-save-container .save-bar {
  width: calc(100% - 30px);
  height: 80px;
  background-color: white;
  border-top: 1px solid var(--neutral-5);
  z-index: 9010;
  position: absolute;
  bottom: 0px;
}
.settings-save-container .save-bar .button-group {
  display: block;
  float: right;
  margin: 21px 30px;
  padding: 0;
}
.settings-save-container .save-bar .button-group button,
.settings-save-container .save-bar .button-group a {
  float: left;
}
.settings-save-container .save-bar .button-group button + button,
.settings-save-container .save-bar .button-group a + a {
  margin-left: 10px;
}

.sidebar {
  position: relative;
  width: 350px;
  background: #ffffff;
}
.sidebar.hidden {
  display: none;
}
.is-fullscreen .sidebar {
  display: none;
}
.sidebar header {
  border-bottom: 1px solid #cac8c8;
}
.sidebar .logo {
  display: block;
  float: left;
  margin: 4px 0;
}

.sidebar-header .header-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.sidebar-header .header-inner .header-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.sidebar-header .header-inner .header-status .sr-completable-status {
  margin-right: 10px;
}
.sidebar-header .header-inner .sidebar-header-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}
.sidebar-header .header-inner .sidebar-header-buttons .task-menu,
.sidebar-header .header-inner .sidebar-header-buttons .modal-close {
  margin: 0;
}
.sidebar-header .header-inner .sidebar-header-buttons .duplicate-icon {
  margin-top: 1px;
}
.sidebar-header .header-inner .sidebar-header-buttons .duplicate-icon .sr-icon.duplicate,
.sidebar-header .header-inner .sidebar-header-buttons .duplicate-icon g {
  fill: inherit;
}
.sidebar-header .header-inner .sidebar-header-buttons .duplicate-icon .duplicate-appearance {
  fill: var(--neutral-4);
}
.sidebar-header .header-inner .sidebar-header-buttons .red-trash {
  color: var(--primary-red);
}

.sidebar-navigation .nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 43px;
  font-size: 14px;
  font-weight: 600;
  color: var(--neutral-4);
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease-out, color 0.15s ease-out;
}
.sidebar-navigation .nav-item.disabled {
  cursor: default;
}
.sidebar-navigation .nav-item.expanded {
  margin-left: 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sidebar-navigation .nav-item.expanded .nav-icon {
  padding-left: 13px;
}
.sidebar-navigation .nav-item.expanded .nav-icon g,
.sidebar-navigation .nav-item.expanded .nav-icon path {
  transition: fill 0.15s ease stroke 0.15s ease-out;
}
.sidebar-navigation .nav-item:hover:not(.disabled),
.sidebar-navigation .nav-item:focus,
.sidebar-navigation .nav-item.active:not(.has-subnav),
.sidebar-navigation .nav-item:hover,
.sidebar-navigation .nav-item[focused=true] {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  transition: none;
}
.sidebar-navigation .nav-item:hover:not(.disabled) .nav-icon [fill="#000"],
.sidebar-navigation .nav-item:focus .nav-icon [fill="#000"],
.sidebar-navigation .nav-item.active:not(.has-subnav) .nav-icon [fill="#000"],
.sidebar-navigation .nav-item:hover .nav-icon [fill="#000"],
.sidebar-navigation .nav-item[focused=true] .nav-icon [fill="#000"] {
  fill: #ffffff;
}
.sidebar-navigation .nav-item:hover:not(.disabled) .nav-icon [stroke="#000"],
.sidebar-navigation .nav-item:focus .nav-icon [stroke="#000"],
.sidebar-navigation .nav-item.active:not(.has-subnav) .nav-icon [stroke="#000"],
.sidebar-navigation .nav-item:hover .nav-icon [stroke="#000"],
.sidebar-navigation .nav-item[focused=true] .nav-icon [stroke="#000"] {
  stroke: #ffffff;
}
.sidebar-navigation .nav-item:hover:not(.disabled) .nav-icon g,
.sidebar-navigation .nav-item:hover:not(.disabled) .nav-icon path,
.sidebar-navigation .nav-item:focus .nav-icon g,
.sidebar-navigation .nav-item:focus .nav-icon path,
.sidebar-navigation .nav-item.active:not(.has-subnav) .nav-icon g,
.sidebar-navigation .nav-item.active:not(.has-subnav) .nav-icon path,
.sidebar-navigation .nav-item:hover .nav-icon g,
.sidebar-navigation .nav-item:hover .nav-icon path,
.sidebar-navigation .nav-item[focused=true] .nav-icon g,
.sidebar-navigation .nav-item[focused=true] .nav-icon path {
  transition: none;
}
.sidebar-navigation .nav-item.active.has-subnav {
  color: #ffffff;
}
.sidebar-navigation .nav-item.active.has-subnav .nav-icon [fill="#000"] {
  fill: #ffffff;
}
.sidebar-navigation .nav-item.active.has-subnav .nav-icon [stroke="#000"] {
  stroke: #ffffff;
}
.sidebar-navigation .nav-item.active.has-subnav .nav-icon g,
.sidebar-navigation .nav-item.active.has-subnav .nav-icon path {
  transition: none;
}
.sidebar-navigation .title {
  white-space: nowrap;
  transition: all 0.35s ease-out;
  overflow: hidden;
  transition: opacity 0.25s ease-out, flex 0.25s ease-out;
  transition: opacity 0.25s ease-out, flex 0.25s ease-out, -ms-flex 0.25s ease-out;
}
.sidebar-navigation .title.expanded {
  -ms-flex: 1;
      flex: 1;
  opacity: 1;
}
.sidebar-navigation .title.collapsed {
  -ms-flex: 0;
      flex: 0;
  opacity: 0;
}
.sidebar-navigation .sub-nav {
  transition-property: max-height, min-height, opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.25s;
}
.sidebar-navigation .sub-nav.expanded {
  overflow: hidden;
}
.sidebar-navigation .sub-nav.collapsed {
  overflow: hidden;
}
.sidebar-navigation .sub-nav.expanded:not(.popover-enabled) {
  opacity: 1;
}
.sidebar-navigation .sub-nav.collapsed, .sidebar-navigation .sub-nav.popover-enabled {
  opacity: 0;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow-y: hidden;
}
.sidebar-navigation .sub-nav .nav-item {
  font-size: 14px;
  padding-left: 68px;
  margin-left: 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sidebar-navigation .nav-icon,
.sidebar-navigation .nav-logo {
  height: 24px;
  width: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 23px;
}
.sidebar-navigation .nav-icon {
  position: relative;
}
.sidebar-navigation .nav-icon [fill="#000"] {
  fill: var(--neutral-4);
}
.sidebar-navigation .nav-icon [stroke="#000"] {
  stroke: var(--neutral-4);
}
.sidebar-navigation .nav-icon.site-icon {
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  -ms-flex: 1;
      flex: 1;
}
.sidebar-navigation .nav-icon.site-icon.expanded {
  -ms-flex: 0;
      flex: 0;
  opacity: 0;
}
.sidebar-navigation .nav-icon .badge {
  height: 6px;
  width: 6px;
  position: absolute;
  top: 3px;
  right: 25px;
  background: var(--primary-blue);
  border: 1px solid var(--neutral-2);
  border-radius: 50%;
}
.sidebar-navigation .handle-area {
  position: absolute;
  left: 240px;
  bottom: 0;
  height: 50%;
  width: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  z-index: 10000;
  transition: left 0.25s ease-in-out;
}
.sidebar-navigation .handle-area.collapsed {
  left: 70px;
}
.sidebar-navigation .handle-area.collapsed .handle svg {
  transform: scaleX(-1);
}
.sidebar-navigation .handle-area .handle {
  height: 34px;
  width: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 15px;
  background-color: var(--neutral-2);
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
}
.sidebar-navigation .handle-area .handle svg {
  margin-left: -10px;
}
.sidebar-navigation .handle-area:not(:hover) .handle {
  display: none;
}

.nav-popover {
  display: none;
  position: absolute;
  background: #ffffff;
  color: var(--neutral-3);
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  padding: 6px 0;
  border: 1px solid var(--neutral-4);
  box-shadow: 0 0 20px var(--neutral-4);
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100000;
}
.nav-popover::before, .nav-popover::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid transparent;
}
.nav-popover::before {
  left: -21px;
  border-right-color: var(--neutral-4);
}
.nav-popover::after {
  left: -20px;
  border-right-color: #ffffff;
}
.nav-popover.top::before, .nav-popover.top::after, .nav-popover.middle::before, .nav-popover.middle::after {
  top: 8px;
}
.nav-popover.bottom::before, .nav-popover.bottom::after {
  bottom: 8px;
}
.nav-popover .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 15px;
  color: var(--neutral-3);
  font-weight: 700;
  text-decoration: none;
}
.nav-popover .title:not(.disabled) {
  cursor: pointer;
}
.nav-popover .title:hover:not(.disabled) {
  color: var(--neutral-2);
}
.nav-popover .title:hover:not(.disabled) .chevron [fill="#000"] {
  fill: var(--neutral-2);
}
.nav-popover .title.active {
  color: var(--neutral-2);
  cursor: default;
}
.nav-popover .title .icon.show {
  visibility: visible;
}
.nav-popover .title .icon.hide {
  visibility: hidden;
}
.nav-popover .title .icon .chevron {
  margin-left: 8px;
}
.nav-popover .title .icon .chevron [fill="#000"] {
  fill: var(--neutral-3);
}
.nav-popover nav {
  overflow: hidden;
  transition: height 0.25s linear;
}
.nav-popover nav.expanded {
  width: 200px;
  opacity: 1;
}
.nav-popover nav.collapsed {
  width: 0;
  height: 0;
  opacity: 0;
}
.nav-popover .nav-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 10px;
}
.nav-popover .nav-icon [fill="#000"] {
  fill: var(--neutral-2);
}
.nav-popover .nav-icon [stroke="#000"] {
  stroke: var(--neutral-2);
}
.nav-popover .nav-icon.flipX {
  transform: scaleX(-1);
}
.nav-popover .nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 30px;
  padding: 0 15px;
  text-decoration: none;
  color: var(--neutral-2);
  cursor: pointer;
}
.nav-popover .nav-item.accessory {
  color: var(--primary-blue);
}
.nav-popover .nav-item.more {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.nav-popover .nav-item.more .nav-icon {
  margin-right: 0;
}
.nav-popover .active .nav-item,
.nav-popover .nav-item:hover,
.nav-popover .nav-item.active {
  background: var(--list-1-hover);
}
.nav-popover .keyboard-shortcut {
  height: 16px;
  min-width: 16px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: var(--neutral-3);
  background: var(--neutral-6);
  border-radius: 2px;
  margin-left: 6px;
}
.nav-popover .back-button {
  padding: 5px 10px;
  margin: 0 15px 10px 15px;
  width: 75px;
}
.nav-popover .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 700;
  color: var(--neutral-2);
  padding: 0 15px;
}
.nav-popover .header .nav-item {
  margin-top: 0;
}
.nav-popover hr {
  height: 1px;
  background: var(--neutral-5);
  border: none;
  margin: 10px 0;
}
.nav-popover .text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  padding: 0 15px;
}
.nav-popover .badge {
  height: 7px;
  width: 7px;
  position: absolute;
  right: 15px;
  background: var(--primary-blue);
  border-radius: 50%;
}
.nav-popover .system-popover .sr-face {
  height: 40px;
  width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 15px;
}
.nav-popover .system-popover .user-name {
  font-size: 15px;
  font-weight: 400;
}
.nav-popover .system-popover .user-title {
  color: var(--neutral-3);
  font-weight: 400;
}
.nav-popover .system-popover .user-name,
.nav-popover .system-popover .user-title {
  max-width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.nav-popover .system-popover .nav-item:not(.accessory) {
  color: var(--neutral-2);
}
.nav-popover .system-popover.help-popover {
  height: 286px;
}

.org-menu {
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.org-menu .nav-item.sites .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 16px;
  color: #ffffff;
  max-height: 70px;
  padding-left: 23px;
  min-width: 215px;
  max-width: 215px;
}
.org-menu .nav-item.sites .collapsed {
  min-width: 0;
}
.org-menu .nav-item.search {
  border-top: 1px solid rgba(246, 248, 249, 0.15);
  border-bottom: 1px solid rgba(246, 248, 249, 0.15);
  display: none;
}

.sites-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex: 1;
      flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.sites-nav.scrollable {
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
}

.system-menu .nav-item {
  font-size: 14px;
}
.system-menu .sr-face {
  height: 20px;
  width: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 9px;
  background-color: #ffffff;
  z-index: 0;
}
.system-menu .nav-logo {
  height: auto;
  position: relative;
}
.system-menu .nav-logo .env {
  position: absolute;
  right: 12px;
  font-weight: 700;
  color: #ffffff;
}
.system-menu .nav-logo .env.alert {
  color: var(--primary-red);
}
.system-menu .environment-info {
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  margin-top: 11px;
}
.system-menu .environment-info a.revert {
  color: inherit;
  text-decoration: none;
}
.system-menu .environment-info a.revert:hover {
  text-decoration: underline;
}

html {
  font-size: 106.25%;
  line-height: 1.47059em;
}

html,
body {
  height: 100%;
}

body {
  color: var(--neutral-2);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
}

.application-view {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.application-sidebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  width: 240px;
  background-color: var(--neutral-2);
  color: var(--neutral-4);
  transition: width 0.25s ease-in-out;
  z-index: 99999;
}
.application-sidebar.collapsed {
  width: 70px;
}

main {
  -ms-flex: 1;
      flex: 1;
  overflow: auto;
}

.application-content {
  position: relative;
  height: 100%;
  min-width: 930px;
}

.assignments-filters.templates .red-trash {
  color: var(--primary-red);
}

.templates-header .header-site-health {
  right: 154px;
}

.application-inner-content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.application-inner-content.template-list-mode {
  padding: 0 30px;
}
.application-inner-content.template-list-mode .sr-table {
  width: calc(100% - 60px);
}
.application-inner-content.template-list-mode .sr-table .sr-table-inline-header-cell .spacer {
  height: 20px;
}
.application-inner-content.template-list-mode .imgSpan.place-placeholder {
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/places/placePlaceholder.svg") no-repeat;
}
.application-inner-content.template-list-mode .sr-table .sr-table-cell .sr-category-icon svg {
  fill: var(--neutral-2);
}
.application-inner-content.vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}
.application-inner-content.extended-table-scroll {
  overflow: visible !important;
}
.application-inner-content.extended-table-scroll .body-table-container {
  width: calc(100% + 30px);
}
.application-inner-content.extended-table-scroll .body-table-container .body-table {
  width: calc(100% - 15px) !important;
}

.content-overlay {
  display: none;
  z-index: 9000;
  background-color: rgba(255, 255, 255, 0.5);
}
.content-overlay.active {
  display: block;
}
.content-overlay.header-only {
  height: 144px;
}

.sidebar-overlay {
  display: none;
  position: absolute;
  width: 240px;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9050;
}
.sidebar-overlay.active {
  display: block;
}
.sidebar-overlay.collapsed {
  width: 70px;
}

#spinner-primary .spinner {
  width: 72px;
  height: 72px;
  border: 4px solid rgba(48, 147, 199, 0.25);
  border-top-color: #3093c7;
  border-radius: 50%;
  position: relative;
  animation: spinner-rotate 1s linear infinite;
}

#spinner-secondary .spinner {
  width: 72px;
  height: 72px;
  border: 4px solid rgba(48, 147, 199, 0.25);
  border-top-color: #3093c7;
  border-radius: 50%;
  position: relative;
  animation: spinner-rotate 1s linear infinite;
}

.sr-full-spinner.w60 {
  width: 68px;
  height: 68px;
}
.sr-full-spinner.w60 .spinner {
  width: 60px;
  height: 60px;
  border: 3.3px solid rgba(48, 147, 199, 0.25);
  border-top-color: #3093c7;
  border-radius: 50%;
  position: relative;
  animation: spinner-rotate 1s linear infinite;
}

#logo-animation [fill="rgb(43,51,59)"] {
  fill: #ffffff;
}

input,
select,
textarea,
button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 400;
}

h1 {
  font-size: 20px;
  font-weight: 600;
}

h2 {
  font-size: 18px;
  font-weight: 600;
}

h3 {
  font-size: 15px;
  font-weight: 600;
}

h4 {
  font-size: 14px;
  font-weight: 600;
}

.primary-button .sr-icon + span {
  margin-left: 6px;
}

.mapboxgl-ctrl-logo,
.mapboxgl-ctrl-geocoder,
.leaflet-control-attribution {
  display: none !important;
}

small {
  font-size: 11px;
}

aside ul li {
  height: 52px;
}
aside ul li p {
  line-height: 13px;
  padding: 10px 0 10px 0;
}

.item-type-selection {
  right: 10px;
  bottom: 0;
  top: 25px;
  position: absolute;
  height: 28px;
}

.button-group {
  display: inline-block;
}
.button-group.right {
  display: block;
}
.button-group.right .standardButton {
  float: right;
  margin-left: 10px;
}
.button-group.no-pad {
  padding: 0;
}

.sr-icon-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}

.sr-link {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  color: var(--primary-blue);
  text-decoration: none;
  cursor: pointer;
}
.sr-link.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-link.icon-left .sr-icon {
  margin-right: 6px;
}
.sr-link.icon-right .sr-icon {
  margin-left: 6px;
}
.sr-link:not(.static) .sr-icon {
  visibility: hidden;
}
.sr-link:hover, .sr-link:focus {
  color: var(--primary-blue-2-hover);
  border-color: var(--primary-blue-2-hover);
}
.sr-link:hover .sr-icon, .sr-link:focus .sr-icon {
  visibility: visible;
}
.sr-link.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sr-link.active {
  font-weight: 600;
}
.sr-link.destructive {
  color: var(--primary-red);
  border-color: var(--primary-red);
}
.sr-link.destructive:hover, .sr-link.destructive:focus {
  color: var(--primary-red-2-hover);
  border-color: var(--primary-red-2-hover);
}

.hide-new {
  display: none;
}

.assignment-count-container {
  float: right;
  position: relative;
  top: 16px;
  right: -5px;
}
.assignment-count-container.active {
  cursor: default !important;
}

.grouping-label {
  font-size: 12px;
  text-align: right;
  padding-left: 23px;
}

.shown {
  display: block;
}

.hidden {
  display: none !important;
}

.progress-indicator {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("images/ajax-loader.gif");
  width: 32px;
  height: 32px;
  border-radius: 4px;
  padding: 5px;
  background-color: black;
  position: absolute;
  margin: -16px 0 0 -16px;
  top: 50%;
  left: 50%;
}

.invisible-block {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 99999;
}
.invisible-block.enabled {
  display: block;
}

.loading-panel,
.loading-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--neutral-1);
}
.loading-panel.loading-overlay,
.loading-overlay.loading-overlay {
  display: none;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}
.loading-panel.loading-overlay.enabled,
.loading-overlay.loading-overlay.enabled {
  display: block;
}
.loading-panel .loading-inner,
.loading-overlay .loading-inner {
  position: fixed;
  left: 50%;
  top: 50%;
  text-align: center;
  margin-top: -50px;
  margin-left: -35px;
}
.loading-panel .loading-inner h1,
.loading-overlay .loading-inner h1 {
  display: none;
  color: white;
}
.loading-panel .loading-inner .circle-loading,
.loading-overlay .loading-inner .circle-loading {
  margin: 30px auto 0;
}

.user-notification-view {
  display: none;
  position: absolute;
  left: 400px;
  top: 95px;
  z-index: 9000;
  background-color: white;
  border: 1px solid var(--neutral-4);
  border-radius: 5px;
  padding: 20px 30px;
}

.l2-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

audio {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}

.content .map.assignment-mode.map-trans {
  left: 0;
  transition: left 0.5s ease-in-out;
}

.siteSidebar {
  float: left;
  margin: 70px 0 0 50px;
}
.siteSidebar li {
  display: block;
  height: 37px;
  width: 153px;
  border-top: 1px solid var(--neutral-6);
  line-height: 37px;
  font-size: 14px;
  font-weight: 600;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
}
@media screen and (max-width: 900px) {
  .siteSidebar li {
    width: 130px;
  }
}
.siteSidebar li a {
  color: #9dbacd;
  text-decoration: none;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
.siteSidebar li a:hover, .siteSidebar li a.active {
  color: var(--neutral-2);
}

.siteSidebarContent {
  float: right;
  margin: 0 0 0 -203px;
  width: 100%;
  padding-left: 250px;
  box-sizing: border-box;
}

.application-view,
.assignments-view {
  box-sizing: border-box;
}

.application-view.header-padding {
  padding-top: 90px;
}

.tasks-list.list-mode,
.assignments-index-view.list-mode {
  padding: 0 30px;
}
.tasks-list.calendar-mode,
.assignments-index-view.calendar-mode {
  padding: 0 30px;
}
.tasks-list.project-expanded .reorder-handle-container,
.assignments-index-view.project-expanded .reorder-handle-container {
  display: none !important;
}

.modal-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.modal-dialog.disable-modal {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.modal-dialog.auto-height .basic-modal-container {
  position: fixed;
  top: 20px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 50;
}
.modal-dialog.auto-height .basic-modal {
  transform: translateY(-50%);
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .basic-modal-overlay {
  position: fixed;
}

.static-status-message {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 16px 48px 18px 22px;
  color: var(--primary-blue);
  line-height: 19px;
  background-color: #eaf4f9;
  border: 1px solid var(--primary-blue);
  border-radius: 4px;
  box-sizing: border-box;
}
.static-status-message.error {
  color: var(--primary-red);
  background-color: #fdebe9;
  border: 1px solid var(--primary-red);
}
.static-status-message em {
  font-style: italic;
}
.static-status-message strong {
  font-weight: 700;
}

.app-status-message {
  position: fixed;
  display: none;
  top: 20px;
  left: 50%;
  margin-left: -256px;
  width: 512px;
  min-height: 50px;
  padding: 16px 48px 18px 22px;
  color: var(--primary-blue);
  line-height: 19px;
  background-color: #eaf4f9;
  border: 1px solid var(--primary-blue);
  z-index: 999999;
  border-radius: 4px;
  box-sizing: border-box;
}
.app-status-message.error {
  color: var(--primary-red);
  background-color: #fdebe9;
  border: 1px solid var(--primary-red);
}
.app-status-message.info {
  width: 512px;
  color: var(--grey-2);
  background-color: var(--neutral-8-white-);
  box-shadow: 0px 0px 20px 0px rgba(178, 186, 192, 0.6);
  border: 1px solid var(--neutral-4);
  padding-right: 110px;
  padding-left: 64px;
}
.app-status-message.info .inline-loading {
  position: absolute;
  top: 16px;
  left: 20px;
}
.app-status-message.info .inline-loading .bounce {
  background-color: var(--neutral-4);
}
.app-status-message.info .standardButton {
  position: absolute;
  top: 9px;
  right: 15px;
}
.app-status-message.is-link {
  cursor: pointer;
}
.app-status-message .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.app-status-message .close.error {
  color: #ef3a29;
  background-color: #fdebe9;
  background: url("images/close-icon-2.svg") no-repeat;
  padding: 7px;
  top: 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .app-status-message .close.error {
    background-image: url("images/close-icon-2.svg");
    background-size: 16px 17px;
  }
}
.app-status-message em {
  font-style: italic;
}
.app-status-message strong {
  font-weight: 700;
}

.site-view {
  height: 100%;
}
.site-view.hide-map .map {
  display: none;
}

.page-banner {
  height: 40px;
  background: var(--neutral-8-white-);
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  margin-top: 114px;
  color: var(--neutral-2);
  padding-left: 15px;
  line-height: 40px;
  font-size: 19px;
}

.font-weight-600 {
  font-weight: 600;
}

.modal-close {
  width: 11px;
  height: 11px;
  background: url("images/modalClose11.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .modal-close {
    background-image: url("images/modalClose11@2x.png");
    background-size: 23px 11px;
  }
}
.modal-close span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("images/modalClose11.png") no-repeat;
  opacity: 0;
  transition: opacity 0.1s ease-in;
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .modal-close span {
    background-image: url("images/modalClose11@2x.png");
    background-size: 23px 11px;
  }
}
.modal-close:hover span, .modal-close:focus span {
  opacity: 1;
}
.modal-close.medium {
  width: 14px;
  height: 14px;
  background: url("images/modalClose14.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .modal-close.medium {
    background-image: url("images/modalClose14@2x.png");
    background-size: 29px 14px;
  }
}
.modal-close.medium span {
  background: url("images/modalClose14.png") no-repeat;
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .modal-close.medium span {
    background-image: url("images/modalClose14@2x.png");
    background-size: 29px 14px;
  }
}
.modal-close.white {
  width: 11px;
  height: 12px;
  background: url("images/modalCloseWhite.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .modal-close.white {
    background-image: url("images/modalCloseWhite@2x.png");
    background-size: 11px 12px;
  }
}
.modal-close.white span {
  background: url("images/modalCloseWhite.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .modal-close.white span {
    background-image: url("images/modalCloseWhite@2x.png");
    background-size: 11px 12px;
  }
}

.basic-modal-overlay {
  background-color: rgba(0, 0, 0, 0);
  z-index: 10;
}
.basic-modal-overlay.no-animation {
  background-color: rgba(0, 0, 0, 0.5);
}

.basic-modal {
  position: absolute;
  z-index: 50;
  left: 50%;
  top: 47%;
  background-color: var(--neutral-7);
  text-align: left;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 0;
}
.basic-modal .sr-textarea span {
  margin-bottom: 0 !important;
}
.basic-modal .instructions {
  margin-bottom: 0 !important;
}
.basic-modal.no-animation {
  opacity: 1;
  top: 50%;
}
.basic-modal .modal-separator {
  width: 100%;
  border-bottom: 1px solid var(--neutral-5);
  margin: 30px 0;
}
.basic-modal header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  color: var(--neutral-2);
  height: 56px;
  background-color: var(--neutral-8-white-);
  border-bottom: 1px solid var(--neutral-5);
  padding-left: 25px;
  padding-right: 14px;
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 12;
  -webkit-line-clamp: 1;
}
.basic-modal header.has-back {
  padding-left: 14px;
}
.basic-modal header.has-back .header-text-container {
  margin-left: 20px;
}
.basic-modal header .header-text-container {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  margin-right: 30px;
}
.basic-modal header .header-text-container h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--neutral-2);
  font-weight: 600;
  font-size: 18px;
}
.basic-modal header .modal-close-button,
.basic-modal header .modal-back-button {
  border-radius: 3px;
}
.basic-modal header .modal-close-button .sr-icon.close,
.basic-modal header .modal-back-button .sr-icon.close {
  margin: 12px;
  width: 14px;
  height: 14px;
}
.basic-modal header .modal-close-button .sr-icon.close [fill="#000"],
.basic-modal header .modal-back-button .sr-icon.close [fill="#000"] {
  fill: var(--neutral-4);
}
.basic-modal header .modal-close-button .sr-icon.back,
.basic-modal header .modal-back-button .sr-icon.back {
  margin: 11.5px 10.5px;
}
.basic-modal header .modal-close-button .sr-icon.back [fill="#000"],
.basic-modal header .modal-back-button .sr-icon.back [fill="#000"] {
  fill: var(--neutral-4);
}
.basic-modal header .modal-close-button:focus,
.basic-modal header .modal-back-button:focus {
  outline-offset: 2px;
  background: var(--list-1-hover);
}
.basic-modal header .modal-close-button:focus .sr-icon.close [fill="#000"],
.basic-modal header .modal-close-button:focus .sr-icon.back [fill="#000"],
.basic-modal header .modal-back-button:focus .sr-icon.close [fill="#000"],
.basic-modal header .modal-back-button:focus .sr-icon.back [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.basic-modal header .modal-close-button:focus-visible,
.basic-modal header .modal-back-button:focus-visible {
  outline: 3px solid var(--list-3-active-hover);
}
.basic-modal header .modal-close-button:hover,
.basic-modal header .modal-back-button:hover {
  background: var(--list-1-hover);
}
.basic-modal header .modal-close-button:hover .sr-icon.close [fill="#000"],
.basic-modal header .modal-close-button:hover .sr-icon.back [fill="#000"],
.basic-modal header .modal-back-button:hover .sr-icon.close [fill="#000"],
.basic-modal header .modal-back-button:hover .sr-icon.back [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.basic-modal header .modal-close-button:active,
.basic-modal header .modal-back-button:active {
  background: var(--list-3-active-hover);
}
.basic-modal header .modal-close-button:active .sr-icon.close [fill="#000"],
.basic-modal header .modal-close-button:active .sr-icon.back [fill="#000"],
.basic-modal header .modal-back-button:active .sr-icon.close [fill="#000"],
.basic-modal header .modal-back-button:active .sr-icon.back [fill="#000"] {
  fill: var(--primary-blue);
}
.basic-modal .modal-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 15px -25px 0 -25px !important;
  padding: 25px !important;
  background-color: var(--neutral-7);
  position: sticky;
  overflow: hidden;
  bottom: 0;
  z-index: 12;
}
.basic-modal .modal-button-group.with-checkbox {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
  -ms-flex-align: center;
      align-items: center;
}
.basic-modal .modal-button-group.with-checkbox .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.basic-modal .modal-button-group .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.basic-modal .modal-button-group .standardButton:last-child {
  margin-left: 10px;
}
.basic-modal .inner-content {
  padding: 25px 25px 0 25px;
}
.basic-modal .inner-content section p:not(.checkboxText) {
  margin-bottom: 20px;
}
.basic-modal .inner-content section .sr-selectro {
  margin-bottom: 25px;
}
.basic-modal .inner-content section .sr-input {
  margin-bottom: 25px;
}
.basic-modal .inner-content section:last-of-type :last-child {
  margin-bottom: 0px !important;
}
.basic-modal .inner-content .has-subtext {
  margin-bottom: 0px !important;
}
.basic-modal .inner-content .has-subtext .sr-selectro {
  margin-bottom: 0px !important;
}
.basic-modal .inner-content .has-subtext .sr-input {
  margin-bottom: 0px !important;
}
.basic-modal .inner-content .has-subtext + p {
  color: var(--neutral-3);
  margin-top: 12px;
  margin-bottom: 0px !important;
}
.basic-modal .inner-content .subtext {
  color: var(--neutral-3);
  margin-top: 12px;
  margin-bottom: 0px !important;
}
.basic-modal .inner-content p:not(.checkboxText) {
  display: block;
  line-height: 18px;
}
.basic-modal .inner-content p:not(.checkboxText) strong {
  font-weight: 700;
}
.basic-modal .inner-content p:not(.checkboxText) a {
  color: var(--primary-blue);
  text-decoration: none;
}
.basic-modal .inner-content p:not(.checkboxText) a:hover {
  border-bottom: 1px solid var(--primary-blue);
}
.basic-modal .inner-content .sr-selectro {
  max-width: 100%;
}
.basic-modal .inner-content .modal-full-width input,
.basic-modal .inner-content .modal-full-width textarea {
  width: 100%;
}
.basic-modal .inner-content .modal-sub-title {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.92px;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.basic-modal .inner-content .modal-sub-title span {
  color: var(--neutral-3);
  line-height: 17px;
}
.basic-modal .inner-content .modal-primary-content.hidden {
  display: none;
}
.basic-modal .inner-content .modal-secondary-content {
  display: none;
}
.basic-modal .inner-content .modal-secondary-content.visible {
  display: block;
}
.basic-modal .inner-content .sub-text-error {
  margin-top: 12px;
}
.basic-modal .inner-content .mt30 {
  margin-top: 30px;
}
.basic-modal .modal-full-spinner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.basic-modal .modal-form .above-unrelated {
  margin-top: 30px !important;
}
.basic-modal .modal-form .below-unrelated {
  margin-bottom: 30px !important;
}
.basic-modal .modal-form .p-to-p {
  margin-bottom: 18px !important;
}
.basic-modal .modal-form input,
.basic-modal .modal-form textarea {
  width: 100%;
}
.basic-modal .modal-form textarea {
  display: block;
}
.basic-modal .modal-form .sr-textarea textarea {
  max-width: 100%;
  min-height: 60px;
  max-height: 120px;
}
.basic-modal .modal-form h3,
.basic-modal .modal-form h4 {
  font-weight: 600;
  margin-bottom: 20px;
}
.basic-modal .modal-form h3 {
  font-size: 15px;
}
.basic-modal .modal-form h4 {
  font-size: 14px;
}
.basic-modal .modal-form p {
  line-height: 18px;
  white-space: normal;
}
.basic-modal .modal-form p.tip {
  font-size: 12px;
  margin-top: 12px;
  color: var(--neutral-3);
}
.basic-modal .modal-form p.invalid {
  color: var(--primary-red);
  font-weight: 600;
}
.basic-modal .modal-form .sr-input.full-width input {
  width: 100%;
}
.basic-modal .modal-form .sr-auto-complete h4 {
  margin-bottom: 0px;
}
.basic-modal .modal-form .pb0 {
  padding-bottom: 0px !important;
}
.basic-modal .modal-form .mb0 {
  margin-bottom: 0px !important;
}
.basic-modal .modal-form .mb10 {
  margin-bottom: 10px !important;
}
.basic-modal .modal-form .mb15 {
  margin-bottom: 15px !important;
}
.basic-modal .modal-form .mb20 {
  margin-bottom: 20px !important;
}
.basic-modal .modal-form .mb25 {
  margin-bottom: 25px !important;
}
.basic-modal .modal-form .mb30 {
  margin-bottom: 30px !important;
}
.basic-modal .modal-form .mb40 {
  margin-bottom: 40px !important;
}
.basic-modal .modal-form .mb50 {
  margin-bottom: 50px !important;
}

.add-time-modal .start-time .sr-input {
  float: left;
  width: 50%;
}
.add-time-modal .start-time .sr-input input {
  border-radius: 0;
  width: 100%;
}
.add-time-modal .start-time .sr-input:first-child {
  width: calc(50% + 1px);
}
.add-time-modal .start-time .sr-input:first-child input {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.add-time-modal .start-time .sr-input + .sr-input {
  margin-left: -1px;
}
.add-time-modal .start-time .sr-input + .sr-input input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.add-time-modal .character-count {
  text-align: right;
}

.complete-with-note div.inner-content .choices .sr-rating-choice,
.complete-with-rating div.inner-content .choices .sr-rating-choice,
.complete-with-form div.inner-content .choices .sr-rating-choice,
.complete-with-signature div.inner-content .choices .sr-rating-choice {
  width: 100%;
  display: block;
  margin: 12px 0;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
}
.complete-with-note div.inner-content .choices .sr-rating-choice:first-child,
.complete-with-rating div.inner-content .choices .sr-rating-choice:first-child,
.complete-with-form div.inner-content .choices .sr-rating-choice:first-child,
.complete-with-signature div.inner-content .choices .sr-rating-choice:first-child {
  margin-top: 0;
}
.complete-with-note div.inner-content .choices .sr-rating-choice:last-child,
.complete-with-rating div.inner-content .choices .sr-rating-choice:last-child,
.complete-with-form div.inner-content .choices .sr-rating-choice:last-child,
.complete-with-signature div.inner-content .choices .sr-rating-choice:last-child {
  margin-bottom: 0;
}
.complete-with-note div.inner-content .signature-completion-container .sr-input,
.complete-with-rating div.inner-content .signature-completion-container .sr-input,
.complete-with-form div.inner-content .signature-completion-container .sr-input,
.complete-with-signature div.inner-content .signature-completion-container .sr-input {
  margin-bottom: 0px !important;
}
.complete-with-note div.inner-content .signature-completion-container .sr-input input,
.complete-with-rating div.inner-content .signature-completion-container .sr-input input,
.complete-with-form div.inner-content .signature-completion-container .sr-input input,
.complete-with-signature div.inner-content .signature-completion-container .sr-input input {
  width: 100%;
}
.complete-with-note div.inner-content .signature-completion-container .preview-container,
.complete-with-rating div.inner-content .signature-completion-container .preview-container,
.complete-with-form div.inner-content .signature-completion-container .preview-container,
.complete-with-signature div.inner-content .signature-completion-container .preview-container {
  margin-top: 12px;
}
.complete-with-note div.inner-content .signature-completion-container .preview-container .title,
.complete-with-rating div.inner-content .signature-completion-container .preview-container .title,
.complete-with-form div.inner-content .signature-completion-container .preview-container .title,
.complete-with-signature div.inner-content .signature-completion-container .preview-container .title {
  font-size: 12px;
  color: var(--neutral-4);
  line-height: 26px;
  float: left;
  width: 120px;
}
.complete-with-note div.inner-content .signature-completion-container .preview-container .preview,
.complete-with-rating div.inner-content .signature-completion-container .preview-container .preview,
.complete-with-form div.inner-content .signature-completion-container .preview-container .preview,
.complete-with-signature div.inner-content .signature-completion-container .preview-container .preview {
  font-family: "Rock Salt", cursive;
  border-bottom: 1px solid var(--neutral-5);
  float: left;
  width: 258px;
  height: 26px;
  padding: 2px 0 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.complete-with-note div.inner-content div.completion-buttons,
.complete-with-rating div.inner-content div.completion-buttons,
.complete-with-form div.inner-content div.completion-buttons,
.complete-with-signature div.inner-content div.completion-buttons {
  text-align: center;
}
.complete-with-note div.inner-content .input-rating-details .show,
.complete-with-rating div.inner-content .input-rating-details .show,
.complete-with-form div.inner-content .input-rating-details .show,
.complete-with-signature div.inner-content .input-rating-details .show {
  opacity: 1;
  height: auto;
  transition: all 0.2s ease-in;
}
.complete-with-note div.inner-content .input-rating-details .hide,
.complete-with-rating div.inner-content .input-rating-details .hide,
.complete-with-form div.inner-content .input-rating-details .hide,
.complete-with-signature div.inner-content .input-rating-details .hide {
  opacity: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.complete-with-note div.inner-content .input-rating-details .photos,
.complete-with-rating div.inner-content .input-rating-details .photos,
.complete-with-form div.inner-content .input-rating-details .photos,
.complete-with-signature div.inner-content .input-rating-details .photos {
  width: calc(100% + 10px);
}
.complete-with-note div.inner-content .input-rating-details .photos .photo,
.complete-with-rating div.inner-content .input-rating-details .photos .photo,
.complete-with-form div.inner-content .input-rating-details .photos .photo,
.complete-with-signature div.inner-content .input-rating-details .photos .photo {
  float: left;
  width: 78px;
  height: 78px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--neutral-5);
  box-sizing: border-box;
}
.complete-with-note div.inner-content .input-rating-details .photos .photo img,
.complete-with-rating div.inner-content .input-rating-details .photos .photo img,
.complete-with-form div.inner-content .input-rating-details .photos .photo img,
.complete-with-signature div.inner-content .input-rating-details .photos .photo img {
  display: block;
  width: 100%;
}
.complete-with-note div.inner-content .rating-note .optional-note,
.complete-with-note div.inner-content .completion-note .optional-note,
.complete-with-note div.inner-content .rating-cost .optional-note,
.complete-with-rating div.inner-content .rating-note .optional-note,
.complete-with-rating div.inner-content .completion-note .optional-note,
.complete-with-rating div.inner-content .rating-cost .optional-note,
.complete-with-form div.inner-content .rating-note .optional-note,
.complete-with-form div.inner-content .completion-note .optional-note,
.complete-with-form div.inner-content .rating-cost .optional-note,
.complete-with-signature div.inner-content .rating-note .optional-note,
.complete-with-signature div.inner-content .completion-note .optional-note,
.complete-with-signature div.inner-content .rating-cost .optional-note {
  width: 100%;
  margin-bottom: 0;
  resize: none;
}
.complete-with-note div.inner-content .rating-note .character-count,
.complete-with-note div.inner-content .completion-note .character-count,
.complete-with-note div.inner-content .rating-cost .character-count,
.complete-with-rating div.inner-content .rating-note .character-count,
.complete-with-rating div.inner-content .completion-note .character-count,
.complete-with-rating div.inner-content .rating-cost .character-count,
.complete-with-form div.inner-content .rating-note .character-count,
.complete-with-form div.inner-content .completion-note .character-count,
.complete-with-form div.inner-content .rating-cost .character-count,
.complete-with-signature div.inner-content .rating-note .character-count,
.complete-with-signature div.inner-content .completion-note .character-count,
.complete-with-signature div.inner-content .rating-cost .character-count {
  margin-top: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: var(--neutral-3);
  text-align: right;
  line-height: 15px;
  float: right;
}
.complete-with-note div.inner-content .rating-note .character-count em,
.complete-with-note div.inner-content .completion-note .character-count em,
.complete-with-note div.inner-content .rating-cost .character-count em,
.complete-with-rating div.inner-content .rating-note .character-count em,
.complete-with-rating div.inner-content .completion-note .character-count em,
.complete-with-rating div.inner-content .rating-cost .character-count em,
.complete-with-form div.inner-content .rating-note .character-count em,
.complete-with-form div.inner-content .completion-note .character-count em,
.complete-with-form div.inner-content .rating-cost .character-count em,
.complete-with-signature div.inner-content .rating-note .character-count em,
.complete-with-signature div.inner-content .completion-note .character-count em,
.complete-with-signature div.inner-content .rating-cost .character-count em {
  font-style: italic;
}

.sr-cost-entry .custom-cost {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 20px auto 0;
}
.sr-cost-entry .custom-header {
  margin-top: 25px;
  margin-bottom: 20px !important;
}
.sr-cost-entry .cost-list div:first-child {
  margin-top: 0px;
}
.sr-cost-entry .cost-list div:first-child.sheet .input-container {
  border-radius: 3px 3px 0 0;
}
.sr-cost-entry .cost-list div:first-child.custom .left {
  border-radius: 3px 0 0 0;
}
.sr-cost-entry .cost-list div:first-child.custom .cost-entry {
  border-radius: 0 3px 0 0;
}
.sr-cost-entry .cost-list div:last-child.sheet .input-container {
  border-radius: 0 0 3px 3px;
}
.sr-cost-entry .cost-list div:last-child.custom .left {
  border-radius: 0 0 0 3px;
}
.sr-cost-entry .cost-list div:last-child.custom .cost-entry {
  border-radius: 0 0 3px 0;
}
.sr-cost-entry .cost-list div:last-child:first-child.sheet .input-container {
  border-radius: 3px;
}
.sr-cost-entry .cost-list div:last-child:first-child.custom .left {
  border-radius: 3px 0 0 3px;
}
.sr-cost-entry .cost-list div:last-child:first-child.custom .cost-entry {
  border-radius: 0 3px 3px 0;
}

.basic-modal .sr-cost-entry-row {
  position: relative;
  width: 100%;
  float: left;
  z-index: 0;
  margin-top: -1px;
}
.basic-modal .sr-cost-entry-row:hover {
  z-index: 1;
}
.basic-modal .sr-cost-entry-row .sr-checkox-parent {
  cursor: pointer;
}
.basic-modal .sr-cost-entry-row .input-container {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.basic-modal .sr-cost-entry-row .input-container .top {
  position: relative;
}
.basic-modal .sr-cost-entry-row .input-container .sr-input {
  margin: 0;
}
.basic-modal .sr-cost-entry-row .input-container .checkbox {
  width: 38px;
  height: 40px;
  float: left;
}
.basic-modal .sr-cost-entry-row .input-container .checkbox .sr-checkbox {
  display: block;
  width: 13px;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -10px;
}
.basic-modal .sr-cost-entry-row .input-container .details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 15px;
}
.basic-modal .sr-cost-entry-row .input-container .title-input {
  width: 100%;
}
.basic-modal .sr-cost-entry-row .input-container .title-input .sr-input.no-borders input {
  padding-right: 12px;
}
.basic-modal .sr-cost-entry-row .input-container .title-display,
.basic-modal .sr-cost-entry-row .input-container .cost-display {
  float: left;
  min-height: 40px;
  font-size: 14px;
  line-height: 18px;
  padding: 11px 0;
  box-sizing: border-box;
}
.basic-modal .sr-cost-entry-row .input-container .title-display {
  width: 270px;
  width: calc(100% - 108px);
}
.basic-modal .sr-cost-entry-row .input-container .cost-display {
  width: 108px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basic-modal .sr-cost-entry-row .input-container .cost-entry {
  display: none;
  width: 109px;
  float: left;
  box-sizing: border-box;
  border-left: 1px solid var(--neutral-5);
  padding: 0 0 0 12px;
}
.basic-modal .sr-cost-entry-row .input-container .cost-entry .sr-input.no-borders input {
  padding-right: 12px;
}
.basic-modal .sr-cost-entry-row.soft-focus {
  z-index: 1;
}
.basic-modal .sr-cost-entry-row.full-focus {
  z-index: 1;
}
.basic-modal .sr-cost-entry-row .custom-controls {
  display: none;
  width: 50px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -10px;
}
.basic-modal .sr-cost-entry-row .description,
.basic-modal .sr-cost-entry-row .quantity {
  margin: 0 15px 0 38px;
  overflow: hidden;
  position: relative;
  transition: max-height 250ms ease-in-out;
}
.basic-modal .sr-cost-entry-row .description.disabled,
.basic-modal .sr-cost-entry-row .quantity.disabled {
  border-top: 0px;
  max-height: 0px;
}
.basic-modal .sr-cost-entry-row .description {
  max-height: 400px;
}
.basic-modal .sr-cost-entry-row .description p {
  width: 100%;
  padding: 11px 0;
  min-height: 40px;
  box-sizing: border-box;
  margin-bottom: 0px !important;
}
.basic-modal .sr-cost-entry-row .description.qty-shown {
  display: none;
}
.basic-modal .sr-cost-entry-row .quantity {
  max-height: 38px;
  border-top: 1px solid var(--neutral-5);
}
.basic-modal .sr-cost-entry-row .quantity .qty-msg {
  position: absolute;
  right: 0px;
  top: 1px;
  background-color: var(--neutral-8-white-);
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  color: var(--neutral-4);
  text-align: right;
  padding-left: 10px;
}
.basic-modal .sr-cost-entry-row.sheet .input-container {
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
}
.basic-modal .sr-cost-entry-row.sheet .input-container:hover {
  border: 1px solid var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.sheet .input-container:hover .quantity {
  border-color: var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.sheet.soft-focus .input-container {
  border: 1px solid var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.sheet.full-focus .input-container {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.sheet.full-focus .input-container .quantity {
  border-color: var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.sheet.invalid {
  color: var(--primary-red) !important;
}
.basic-modal .sr-cost-entry-row.sheet.invalid .input-container {
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.sheet.invalid .input-container:hover {
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.sheet.invalid .info-circle {
  color: var(--primary-red);
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.sheet.invalid .quantity {
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.sheet.invalid.soft-focus .input-container {
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.sheet.invalid.full-focus .input-container {
  border-color: var(--primary-red);
  box-shadow: 0 0 0 1px var(--primary-red);
}
.basic-modal .sr-cost-entry-row.custom .left,
.basic-modal .sr-cost-entry-row.custom .cost-entry {
  position: relative;
  z-index: 0;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-4);
}
.basic-modal .sr-cost-entry-row.custom .cost-entry {
  margin-left: -1px;
}
.basic-modal .sr-cost-entry-row.custom.soft-focus .left,
.basic-modal .sr-cost-entry-row.custom.soft-focus .cost-entry, .basic-modal .sr-cost-entry-row.custom:hover .left,
.basic-modal .sr-cost-entry-row.custom:hover .cost-entry {
  border-color: var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.custom.left-focus .left {
  z-index: 10;
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.basic-modal .sr-cost-entry-row.custom.right-focus .cost-entry {
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 1;
}
.basic-modal .sr-cost-entry-row.custom.invalid .left,
.basic-modal .sr-cost-entry-row.custom.invalid .cost-entry {
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.custom.invalid.soft-focus .left,
.basic-modal .sr-cost-entry-row.custom.invalid.soft-focus .cost-entry, .basic-modal .sr-cost-entry-row.custom.invalid:hover .left,
.basic-modal .sr-cost-entry-row.custom.invalid:hover .cost-entry {
  border-color: var(--primary-red);
}
.basic-modal .sr-cost-entry-row.custom.invalid.left-focus .left {
  box-shadow: 0 0 0 1px var(--primary-red);
}
.basic-modal .sr-cost-entry-row.custom.invalid.right-focus .cost-entry {
  box-shadow: 0 0 0 1px var(--primary-red);
}
.basic-modal .sr-cost-entry-row.custom .input-container {
  width: 238px;
  width: calc(100% - 64px);
}
.basic-modal .sr-cost-entry-row.custom .input-container .top {
  display: -ms-flexbox;
  display: flex;
}
.basic-modal .sr-cost-entry-row.custom .input-container .left {
  float: left;
  width: 263px;
  width: calc(100% - 110px);
}
.basic-modal .sr-cost-entry-row.custom .input-container .details {
  padding: 0;
}
.basic-modal .sr-cost-entry-row.custom .input-container .cost-entry {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.basic-modal .sr-cost-entry-row.custom .input-container .sr-input .staticPlaceholder {
  font-size: 14px;
  padding-right: 1px;
}
.basic-modal .sr-cost-entry-row.custom .custom-controls {
  display: block;
}

.complete-with-form .with-top-border {
  border-top: 1px solid var(--neutral-5);
  padding-top: 30px;
}
.complete-with-form section {
  margin-bottom: 30px;
}

.create-repeating .modal-separator {
  margin: 30px 0 20px 0;
}
.create-repeating .mt25 {
  margin-top: 25px;
}
.create-repeating section {
  font-size: 14px;
}
.create-repeating section h2 {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
}
.create-repeating section strong {
  font-weight: 600;
}
.create-repeating section.no-padding {
  padding-bottom: 0px;
}
.create-repeating section.preview {
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  background-color: var(--neutral-6);
  line-height: 16px;
  min-height: 16px;
  padding: 20px 25px;
  margin: 0 -25px 0 -25px;
}
.create-repeating section.preview b {
  font-weight: 600;
}
.create-repeating section .left-side {
  float: left;
  width: 50px;
  padding-right: 6px;
  text-align: right;
}
.create-repeating section .left-side strong,
.create-repeating section .left-side span.text {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
}
.create-repeating section .right-side {
  float: right;
  width: 80%;
  width: calc(100% - 56px);
}
.create-repeating section .right-side.no-float {
  float: none;
  width: 100%;
}
.create-repeating section .right-side span.text {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
}
.create-repeating section .right-side .sr-input {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
}
.create-repeating section .right-side .sr-input input {
  width: 100%;
  text-align: center;
}
.create-repeating section .right-side .sr-selectro {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
}
.create-repeating section .right-side .sr-selectro.flush-left {
  margin-left: 0px;
}
.create-repeating .primary-value.sr-input,
.create-repeating .due-date-value.sr-input,
.create-repeating .delay-value.sr-input {
  width: 50px;
}
.create-repeating .number-input {
  width: 48px;
}
.create-repeating .repeating-type-container .sr-button-group .sr-button-group-item {
  font-weight: 600;
  color: var(--neutral-2);
}
.create-repeating .repeating-type-container .sr-button-group .sr-button-group-item.selected {
  color: var(--primary-blue);
}
.create-repeating .pattern .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.create-repeating .pattern .repeat-type {
  width: 100%;
}
.create-repeating .pattern .repeat-type.sr-selectro {
  margin: 0 0 20px 0;
}
.create-repeating .pattern .repeat-section {
  display: none;
}
.create-repeating .pattern .repeat-section.flush-left {
  margin-left: 0px;
}
.create-repeating .pattern .repeat-section.visible {
  display: block;
}
.create-repeating .pattern .repeat-section.weekly .sr-button-group {
  margin-bottom: 20px;
}
.create-repeating .pattern .repeat-section.weekly .sr-button-group .sr-button-group-item {
  font-weight: 600;
  color: var(--neutral-2);
}
.create-repeating .pattern .repeat-section.weekly .sr-button-group .sr-button-group-item.selected {
  color: var(--primary-blue);
}
.create-repeating .pattern .repeat-section.yearly .year {
  width: 120px;
}
.create-repeating .pattern .repeat-section .day-modifier {
  width: 90px;
}
.create-repeating .pattern .repeat-section .day-secondary-modifier {
  width: 140px;
}
.create-repeating .range .sr-input {
  width: 90px;
}
.create-repeating .range .sr-selectro {
  width: 94px;
}
.create-repeating .range .repeat-after,
.create-repeating .range .repeat-on {
  display: none;
}
.create-repeating .range .repeat-after.enabled,
.create-repeating .range .repeat-on.enabled {
  display: inline-block;
  vertical-align: top;
}
.create-repeating .range .repeat-on .sr-input {
  width: 100px;
}
.create-repeating .range .repeat-after .sr-input {
  width: 50px;
}
.create-repeating .after-creation .due-after {
  margin: 20px 0 0;
}
.create-repeating .after-creation .due-after .due-date-measurement {
  width: 106px;
}
.create-repeating .after-creation .on-date-change {
  margin-top: 20px;
}
.create-repeating .after-creation .on-date-change .action-on-date-change {
  width: 100%;
}
.create-repeating .after-creation .on-date-change .action-on-date-change.sr-selectro {
  margin: 0;
}
.create-repeating .selectro-float {
  float: left;
  margin: 0 10px 0 0 !important;
}
.create-repeating .selectro-float .sr-selectro {
  width: 112px;
  margin: 0px !important;
}
.create-repeating .selectro-float.last {
  margin-right: 0px !important;
}
.create-repeating .selectro-float-text {
  float: left;
  margin-right: 10px;
  line-height: 40px;
}
.create-repeating .send-at {
  width: 150px;
}
.create-repeating .trigger-send-at {
  width: 168px;
}
.create-repeating .basic-modal .trigger-type {
  width: 100%;
}
.create-repeating .basic-modal .trigger-type.sr-selectro {
  margin-bottom: 20px;
}
.create-repeating .delay-type {
  width: 106px;
}
.create-repeating .create-before-after {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}
.create-repeating .create-before-after .top {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.create-repeating .create-before-after .top .delay-value {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.create-repeating .create-before-after .top .delay-value.sr-input {
  margin: 0;
}
.create-repeating .create-before-after .top .delay-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.create-repeating .create-before-after .top .delay-type.sr-selectro {
  margin: 0;
}
.create-repeating .create-before-after .delay-direction,
.create-repeating .create-before-after .on-change {
  width: 100%;
}
.create-repeating .create-before-after .delay-direction.sr-selectro,
.create-repeating .create-before-after .on-change.sr-selectro {
  margin: 0;
}
.create-repeating .static-info-message {
  margin-top: 12px;
}
.create-repeating .static-info-message p {
  margin-bottom: 0px !important;
}

.keyboard-shortcut-modal section {
  margin-bottom: 25px;
}
.keyboard-shortcut-modal .shortcut-table {
  width: 100%;
}
.keyboard-shortcut-modal .shortcut-table:last-child {
  margin-bottom: 25px;
}
.keyboard-shortcut-modal .shortcut-heading-cell {
  width: 28%;
}
.keyboard-shortcut-modal .shortcut-heading-cell-action {
  width: 22%;
}
.keyboard-shortcut-modal .shortcut-heading {
  font-size: 15px;
  font-weight: 600;
}
.keyboard-shortcut-modal .shortcut-row {
  height: 34px;
}
.keyboard-shortcut-modal .shortcut-key {
  font-weight: 600;
  color: var(--neutral-2);
  min-height: 22px;
  min-width: 26px;
  border: 1px solid var(--neutral-5);
  border-radius: 3px;
  background-color: var(--neutral-8-white-);
  padding: 5px 7px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  line-height: 13px;
  border-bottom: 2px solid var(--neutral-5);
}
.keyboard-shortcut-modal .shortcut-key + .shortcut-key {
  margin-left: 5px;
}

.change-task-status-modal .info-container,
.change-schedule-modal .info-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.change-task-status-modal .info-container .toggle-container,
.change-schedule-modal .info-container .toggle-container {
  -ms-flex-align: center;
      align-items: center;
}
.change-task-status-modal .info-container p,
.change-schedule-modal .info-container p {
  margin: 0 7px 0 10px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
}
.change-task-status-modal .info-container .title,
.change-schedule-modal .info-container .title {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
}
.change-task-status-modal .info-container .toggle-container,
.change-schedule-modal .info-container .toggle-container {
  display: -ms-flexbox;
  display: flex;
}
.change-task-status-modal .info-container .icon.info-circle,
.change-schedule-modal .info-container .icon.info-circle {
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.change-task-status-modal .sr-date-time.stacked.show-time,
.change-schedule-modal .sr-date-time.stacked.show-time {
  width: 100%;
}
.change-task-status-modal .error-message,
.change-schedule-modal .error-message {
  color: var(--primary-red);
  font-size: 12px;
  line-height: 14px;
}
.change-task-status-modal .sr-date-time.stacked.select-due .sr-selectro,
.change-schedule-modal .sr-date-time.stacked.select-due .sr-selectro {
  margin-bottom: 0px;
}
.change-task-status-modal h4,
.change-schedule-modal h4 {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.change-task-status-modal .reminder-inputs,
.change-schedule-modal .reminder-inputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.change-task-status-modal .reminder-inputs .remove-btn,
.change-schedule-modal .reminder-inputs .remove-btn {
  margin-left: 16px;
  background: none;
  border: none;
}
.change-task-status-modal .reminder-inputs .remove-btn .icon,
.change-schedule-modal .reminder-inputs .remove-btn .icon {
  display: block;
  background-position: -11px 0;
}
.change-task-status-modal .reminder-inputs .remove-btn .icon:hover,
.change-schedule-modal .reminder-inputs .remove-btn .icon:hover {
  cursor: pointer;
  background-position: -22px 0;
}
.change-task-status-modal .reminder-inputs .remove-btn.disabled,
.change-schedule-modal .reminder-inputs .remove-btn.disabled {
  cursor: no-drop;
}
.change-task-status-modal .reminder-inputs .remove-btn.disabled .icon,
.change-schedule-modal .reminder-inputs .remove-btn.disabled .icon {
  opacity: 0.5;
}
.change-task-status-modal .reminder-inputs .remove-btn.disabled .icon:hover,
.change-schedule-modal .reminder-inputs .remove-btn.disabled .icon:hover {
  cursor: no-drop;
  background-position: -11px 0;
}
.change-task-status-modal .reminder-inputs .sr-reminder .reminder-selections.only-timeframe,
.change-schedule-modal .reminder-inputs .sr-reminder .reminder-selections.only-timeframe {
  width: 250px;
}
.change-task-status-modal .reminder-btn,
.change-schedule-modal .reminder-btn {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--primary-blue);
}
.change-task-status-modal .reminder-btn .icon,
.change-schedule-modal .reminder-btn .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.change-task-status-modal .reminder-btn:hover,
.change-schedule-modal .reminder-btn:hover {
  color: var(--primary-blue-2-hover);
}
.change-task-status-modal .reminder-btn:hover .icon.plus-blue-secondary,
.change-schedule-modal .reminder-btn:hover .icon.plus-blue-secondary {
  background-position: -10px 0;
}

.show-time-date {
  width: calc(100% - 119px);
}

.create-announcement-modal .sr-input {
  margin-bottom: 0px !important;
}
.create-announcement-modal .sr-selectro {
  margin-bottom: 0px !important;
}
.create-announcement-modal .override-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 12px;
}
.create-announcement-modal .override-checkbox .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.create-announcement-modal .override-checkbox span.info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 10px;
  width: 17px;
  height: 17px;
  border: 1px solid var(--neutral-4);
  border-radius: 50%;
  box-sizing: border-box;
}
.create-announcement-modal .override-checkbox span.info::after {
  content: "?";
  font-size: 11px;
  font-weight: 700;
  color: var(--neutral-4);
}
.create-announcement-modal .override-checkbox span.info:hover {
  border-color: var(--neutral-2);
}
.create-announcement-modal .override-checkbox span.info:hover::after {
  color: var(--neutral-2);
}
.create-announcement-modal .playback-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.create-announcement-modal .playback-section .sr-selectro {
  width: 110px;
}
.create-announcement-modal .playback-section .sr-selectro .selectro-list-container {
  padding-bottom: 0;
}
.create-announcement-modal .playback-section .sr-audio-recorder,
.create-announcement-modal .playback-section .sr-audio-player {
  width: 350px;
}
.create-announcement-modal .playback-section span.icon.trash:hover.ready {
  cursor: pointer;
  background-position: right;
}
.create-announcement-modal .modal-button-group .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.create-announcement-modal .modal-two-button-groups {
  overflow: inherit !important;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}
.create-announcement-modal .modal-two-button-groups .modal-left-buttons .standardButton {
  margin-left: 0 !important;
}
.create-announcement-modal .modal-two-button-groups .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.create-announcement-modal .standardButton.destructive-hover span.icon.trash {
  margin-right: 10px;
}
.create-announcement-modal .standardButton.destructive-hover:hover span.icon.trash {
  background-position-x: -22px;
}
.create-announcement-modal .confirm-delete-popup {
  display: none;
  position: absolute;
  bottom: 85px;
  left: 13px;
  z-index: 10;
  width: 230px;
  padding: 20px;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #9dbacc;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
}
.create-announcement-modal .confirm-delete-popup.visible {
  display: block;
}
.create-announcement-modal .confirm-delete-popup p {
  margin-bottom: 10px;
}
.create-announcement-modal .confirm-delete-popup:after, .create-announcement-modal .confirm-delete-popup:before {
  top: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.create-announcement-modal .confirm-delete-popup:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: var(--neutral-8-white-);
  border-width: 10px;
  margin-left: -10px;
}
.create-announcement-modal .confirm-delete-popup:before {
  border-color: rgba(157, 186, 204, 0);
  border-top-color: #9dbacc;
  border-width: 11px;
  margin-left: -11px;
}
.create-announcement-modal .confirm-delete-popup .delete-container {
  position: relative;
}
.create-announcement-modal .confirm-delete-popup .delete-container .standardButton {
  display: block;
  position: absolute;
  padding: 0;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 36px;
  text-align: center;
  line-height: 34px;
  z-index: 11;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
}
.create-announcement-modal .confirm-delete-popup .delete-container input {
  text-transform: uppercase;
  width: 100%;
  padding: 7px 40px 7px 10px;
  height: 36px;
  line-height: 20px;
  font-size: 14px;
}
.create-announcement-modal .confirm-delete-popup .delete-container input::-webkit-input-placeholder {
  padding-top: 0px;
}
.create-announcement-modal .confirm-delete-popup .delete-container input:-moz-placeholder {
  padding-top: 0px;
}
.create-announcement-modal .confirm-delete-popup .delete-container input::-moz-placeholder {
  padding-top: 0px;
}
.create-announcement-modal .confirm-delete-popup .delete-container input:-ms-input-placeholder {
  padding-top: 0px;
}
.create-announcement-modal .confirm-delete-popup .delete-container.ready .standardButton {
  border-color: var(--primary-red);
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.create-announcement-modal .confirm-delete-popup .delete-container.ready input {
  border-color: var(--primary-red);
  color: var(--primary-red);
}

.chart-data-table-modal table {
  width: 100%;
  margin-bottom: 40px;
}
.chart-data-table-modal th, .chart-data-table-modal td {
  padding: 8px 30px;
}
.chart-data-table-modal td:nth-child(2), .chart-data-table-modal th:nth-child(2), .chart-data-table-modal td:nth-child(3), .chart-data-table-modal th:nth-child(3) {
  text-align: right;
}
.chart-data-table-modal th {
  font-size: 14px;
  font-weight: 700;
  color: var(--neutral-2);
  background: var(--neutral-6);
}
.chart-data-table-modal tr {
  text-align: left;
}
.chart-data-table-modal tr:nth-child(odd) {
  background-color: var(--neutral-8-white);
}
.chart-data-table-modal tr:nth-child(even) {
  background-color: var(--neutral-6);
}

.create-custom-schedule-modal label,
.create-custom-schedule-modal .sr-selectro {
  float: left;
}
.create-custom-schedule-modal label {
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: right;
  padding: 0 10px 0 4px;
  box-sizing: border-box;
}
.create-custom-schedule-modal .sr-selectro {
  width: 280px;
}
.create-custom-schedule-modal .sr-selectro + .sr-selectro {
  width: 170px;
  margin-left: 10px;
}
.create-custom-schedule-modal .schedule-row:last-of-type .sr-selectro {
  margin-bottom: 0px !important;
}

.invitation-modal-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 14px;
}
.invitation-modal-wrapper .invitation-modal-content {
  width: 590px;
  background: var(--neutral-8-white-);
  border: 2px solid var(--neutral-5);
  border-radius: 3px;
  padding-bottom: 35px;
}
.invitation-modal-wrapper .invitation-modal-content .content-header {
  height: 30px;
  border-bottom: 1px solid var(--neutral-5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 25px;
}
.invitation-modal-wrapper .invitation-modal-content .content-header .dots {
  display: block;
  width: 18px;
  height: 4px;
  background-image: url("images/sr-common-icons/independent/three-dots-horizontal.png");
  background-repeat: no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .invitation-modal-wrapper .invitation-modal-content .content-header .dots {
    background-image: url("images/sr-common-icons/independent/three-dots-horizontal@2x.png");
    background-size: 42px 4px;
  }
}
.invitation-modal-wrapper .invitation-modal-content .sender-info-section {
  padding: 21px 24px 0 24px;
}
.invitation-modal-wrapper .invitation-modal-content .sender-info-section .info-row span {
  font-size: 13px;
  line-height: 24px;
  color: var(--neutral-3);
  font-weight: 400;
}
.invitation-modal-wrapper .invitation-modal-content .sender-info-section .info-row .title {
  font-weight: 700;
  margin-right: 3px;
}
.invitation-modal-wrapper .invitation-modal-content .header-section {
  margin: 29px 0 31px 0;
  text-align: center;
  padding: 0 24px;
}
.invitation-modal-wrapper .invitation-modal-content .header-section span {
  font-size: 22px;
  font-weight: 700;
  color: var(--neutral-2);
}
.invitation-modal-wrapper .invitation-modal-content .site-image {
  width: 100%;
  height: 248px;
  margin-bottom: 34px;
}
.invitation-modal-wrapper .invitation-modal-content .site-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.invitation-modal-wrapper .invitation-modal-content .body-section {
  padding: 0 25px 0 25px;
}
.invitation-modal-wrapper .invitation-modal-content .files-preview-section {
  padding: 0 24px;
}
.invitation-modal-wrapper .invitation-modal-content .user-profile-section {
  padding: 0 23px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 42px;
}
.invitation-modal-wrapper .invitation-modal-content .user-profile-section span {
  font-weight: 700;
  font-size: 18px;
  margin-left: 6px;
}
.invitation-modal-wrapper .invitation-modal-content .footer-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 23px;
  text-align: center;
}
.invitation-modal-wrapper .invitation-modal-content .footer-section .footer-button {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 150px;
  height: 51px;
  background: var(--secondary-magenta);
  color: var(--neutral-8-white-);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 30px;
  border-radius: 3px;
}
.invitation-modal-wrapper .invitation-modal-content .footer-section span {
  font-size: 12px;
  color: var(--neutral-3);
  font-weight: 400;
}
.invitation-modal-wrapper .bottom-section {
  padding: 35px 70px 41px 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  color: var(--neutral-4);
}
.invitation-modal-wrapper .bottom-section span {
  line-height: 20px;
  text-align: center;
}
.invitation-modal-wrapper .bottom-section .has-margin {
  margin-bottom: 10px;
}

.invite-resident-modal em {
  font-style: italic;
}
.invite-resident-modal .sr-input input {
  width: 100%;
}
.invite-resident-modal .sr-input:nth-of-type(2) {
  width: 300px;
}

.replace-asset-modal fieldset .sr-selectro:last-of-type {
  margin-bottom: 0;
}
.replace-asset-modal section .sr-selection-row.disabled {
  color: var(--neutral-4) !important;
  background-color: var(--neutral-7) !important;
  border-color: var(--neutral-5) !important;
  cursor: not-allowed !important;
}
.replace-asset-modal section .make-model-container .sr-input {
  margin-bottom: 0;
}
.replace-asset-modal section .make-model-container .sr-input:first-of-type input {
  border-radius: 3px 3px 0 0;
}
.replace-asset-modal section .make-model-container .sr-input:last-of-type input {
  border-radius: 0 0 3px 3px;
  border-top-width: 0px;
  height: 39px;
}
.replace-asset-modal section .make-model-container .sr-input:last-of-type input:hover, .replace-asset-modal section .make-model-container .sr-input:last-of-type input:focus {
  height: 40px;
  border-top-width: 1px;
  margin-top: -1px;
}
.replace-asset-modal section .make-model-container .sr-input:not(:first-of-type):not(:last-of-type) input {
  border-radius: 0;
  border-top-width: 0;
  height: 40px;
}
.replace-asset-modal section .make-model-container .sr-input:not(:first-of-type):not(:last-of-type) input:hover, .replace-asset-modal section .make-model-container .sr-input:not(:first-of-type):not(:last-of-type) input:focus {
  border-top-width: 1px;
  margin-top: -1px;
  height: 41px;
}
.replace-asset-modal section .make-model-container .sr-input.invalid-field input {
  height: 40px !important;
  border-top-width: 1px !important;
  margin-top: -1px !important;
}
.replace-asset-modal section .diff-place-selection .sr-selectro:first-of-type .input-container {
  border-radius: 3px 3px 0 0;
}
.replace-asset-modal section .diff-place-selection .sr-selectro:last-of-type .input-container {
  border-radius: 0 0 3px 3px;
  border-top-width: 0px;
  height: 39px;
}
.replace-asset-modal section .diff-place-selection .sr-selectro:last-of-type .input-container:hover, .replace-asset-modal section .diff-place-selection .sr-selectro:last-of-type .input-container:focus {
  height: 40px;
  border-top-width: 1px;
  margin-top: -1px;
}
.replace-asset-modal section.replacement-message {
  line-height: 1;
}
.replace-asset-modal section.replacement-message p {
  display: inline !important;
  margin-bottom: 0 !important;
  line-height: 18px !important;
  white-space: normal !important;
}

.schedule_for_default_modal .sr-input {
  display: inline-block;
  margin: 0 5px;
}
.schedule_for_default_modal .sr-input input {
  width: 65px;
}

.single-button-modal .modal-dialog.auto-height .basic-modal,
.two-button-modal .modal-dialog.auto-height .basic-modal {
  transform: translateY(-50%);
  max-width: 550px;
}
.single-button-modal .modal-dialog.auto-width .basic-modal,
.two-button-modal .modal-dialog.auto-width .basic-modal {
  transform: translateX(-50%);
}
.single-button-modal .modal-dialog.auto-width.auto-height .basic-modal,
.two-button-modal .modal-dialog.auto-width.auto-height .basic-modal {
  transform: translate(-50%, -50%);
}
.single-button-modal .inner-content em,
.two-button-modal .inner-content em {
  font-style: italic;
}

.single-button-modal .inner-content .standardButton {
  float: right;
}

.two-button-modal .button-container {
  text-align: right;
}
.two-button-modal .button-container .standardButton {
  display: inline-block;
  margin-left: 10px;
}
.two-button-modal .button-container .standardButton.blue.reopen-task {
  margin-right: 0 !important;
  background-color: var(--secondary-blue);
}
.two-button-modal .button-container .standardButton.blue.reopen-task:hover {
  background-color: var(--secondary-blue-2-hover);
}

.help-modal strong {
  font-weight: 600;
}
.help-modal h5 {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.help-modal em {
  font-style: italic;
}
.help-modal .buttons .standardButton {
  float: right;
}

.users-multi-site-container {
  padding-bottom: 25px;
}
.users-multi-site-container .tm-status-container {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.users-multi-site-container .tm-status-container .location-container p {
  margin-left: 0;
}
.users-multi-site-container .tm-status-container .divider {
  position: absolute;
  left: -25px;
  bottom: 0;
  height: 1px;
  width: 375px;
  background-color: var(--neutral-5);
  margin: 0;
  padding: 0;
}
.users-multi-site-container .locations {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.users-multi-site-container .location-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 12px;
}
.users-multi-site-container .location-container:last-child {
  margin-bottom: 0;
}
.users-multi-site-container .location-container .common-icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
.users-multi-site-container .location-container p {
  margin-left: 10px;
  font-size: 14px;
  color: var(--neutral-2);
}
.users-multi-site-container .help-text {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
}

.add-entry-preference {
  padding-bottom: 14px;
}
.add-entry-preference .sr-selection-container .sr-selection-row .sr-radio-button .icon-container {
  display: block;
  float: left;
  width: 16px;
  height: 18px;
}
.add-entry-preference .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.contact-first {
  background: url("images/assignment/contactFirst.png") no-repeat;
  background-size: 16px 18px;
  margin-left: 16px;
  margin-right: 6px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .add-entry-preference .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.contact-first {
    background-image: url("images/assignment/contactFirst@2x.png");
    background-size: 16px 18px;
  }
}
.add-entry-preference .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.anytime {
  background: url("images/assignment/anytime.png") no-repeat;
  background-size: 16px 18px;
  margin-left: 16px;
  margin-right: 6px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .add-entry-preference .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.anytime {
    background-image: url("images/assignment/anytime@2x.png");
    background-size: 16px 18px;
  }
}
.add-entry-preference .entry-instruction {
  padding-top: 25px;
  padding-bottom: 5px;
}
.add-entry-preference .entry-instruction .label {
  margin-bottom: 20px;
}
.add-entry-preference .entry-instruction .label h5 {
  font-weight: 600;
}
.add-entry-preference .entry-instruction label textarea:disabled {
  cursor: no-drop;
}
.add-entry-preference .entry-instruction label textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 12px;
}
.add-entry-preference .entry-instruction .float-right.count {
  color: var(--neutral-3);
}

.users-new-view {
  /* .checkbox-row {
    width: 88px;
    height: 38px;
    float: left;
    border: 1px solid #9DBACC;
    border-left-width: 0;
    padding: 5px 0 0 14px;
    background-color: $sr-white; // #FFF;
    border-radius: 0 3px 3px 0;

    label {
      p {
        padding-left: 0 !important;
      }
    }
  }

  .vendor-selected {
    float: left;
    padding-bottom: 12px;
  } */
}
.users-new-view .modal-two-button-groups {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}
.users-new-view .modal-two-button-groups .standardButton {
  margin-left: 0 !important;
}
.users-new-view .inner-content .new-user-form {
  width: 100%;
}
.users-new-view .inner-content .description {
  font-size: 14px;
}
.users-new-view .inner-content .static-info-message {
  margin-bottom: 25px;
}
.users-new-view .duplicate-container .description {
  color: var(--neutral-2);
  font-size: 14px;
  margin: 30px 0px 0px 24px;
}
.users-new-view .duplicate-container .role-warning-message-banner-container {
  padding: 20px 25px 0px 25px;
}
.users-new-view .duplicate-array-row {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--neutral-5);
  height: 90px;
}
.users-new-view .duplicate-array-row:hover {
  background-color: var(--neutral-6);
}
.users-new-view .duplicate-array-row .user-image {
  float: left;
  padding: 15px 16px 0 0;
}
.users-new-view .duplicate-array-row .user-info {
  margin-top: 20px;
  float: left;
  width: calc(100% - 110px);
}
.users-new-view .duplicate-array-row .user-info p.details:first-of-type {
  line-height: 0.9;
}
.users-new-view .duplicate-array-row .user-info .details {
  font-size: 16px;
  margin-bottom: 0px;
  word-wrap: break-word;
}
.users-new-view .duplicate-array-row .user-info .details span.firstname {
  color: var(--neutral-2);
}
.users-new-view .duplicate-array-row .user-info .details span.username {
  margin-left: 8px;
  font-size: 12px;
  font-style: italic;
}
.users-new-view .duplicate-array-row .user-info .details span.title {
  font-size: 12px;
}
.users-new-view .duplicate-array-row .user-info .details span.contact {
  font-size: 11px;
  margin-top: 1px;
}
.users-new-view .duplicate-array-row .user-info .details span.contact em {
  padding: 0 8px 0 8px;
}
.users-new-view .duplicate-array-row .user-info .details span.username,
.users-new-view .duplicate-array-row .user-info .details span.title,
.users-new-view .duplicate-array-row .user-info .details span.contact {
  color: var(--neutral-3);
}
.users-new-view .duplicate-array-row .new-user-info {
  float: left;
  width: calc(100% - 110px);
}
.users-new-view .duplicate-array-row .new-user-info .details {
  margin-top: 34px;
  font-size: 14px;
  line-height: 18px;
  float: left;
}
.users-new-view .duplicate-array-row .new-user-info .details em {
  font-weight: 600;
}
.users-new-view .duplicate-array-row .radio-button {
  cursor: pointer;
  position: relative;
  margin-right: 12px;
}
.users-new-view .duplicate-array-row .radio-button .sr-radio-button span {
  margin: 38px 0 0 16px;
}
.users-new-view .selected .user-info .details span.fullname {
  color: var(--primary-blue);
}
.users-new-view .selected .user-info .details span.username,
.users-new-view .selected .user-info .details span.title,
.users-new-view .selected .user-info .details span.contact {
  color: #10171c;
}
.users-new-view .two-input-row .staticPlaceholder,
.users-new-view .full-row-input .staticPlaceholder {
  font-weight: 600;
}
.users-new-view .two-input-row {
  margin-top: 25px;
}
.users-new-view .two-input-row:first-child {
  margin-top: 0;
}
.users-new-view .two-input-row .sr-input {
  float: left;
  width: 50%;
}
.users-new-view .two-input-row .sr-input input {
  width: 100%;
}
.users-new-view .two-input-row .sr-input:first-of-type input {
  border-radius: 3px 0 0 3px;
}
.users-new-view .two-input-row .sr-input:last-of-type input {
  border-radius: 0 3px 3px 0;
  border-left-width: 0;
}
.users-new-view .two-input-row .sr-input:last-of-type input:focus {
  border-left-width: 1px;
  margin-left: -1px;
}
.users-new-view .full-row-input {
  height: 40px;
  width: 100%;
  margin-top: 25px;
}
.users-new-view .full-row-input:first-child {
  margin-top: 0;
}
.users-new-view .full-row-input.phone {
  margin-bottom: 25px;
}
.users-new-view .full-row-input.mb-0 {
  margin-bottom: 0px;
}
.users-new-view .full-row-input.with-checkbox .sr-input {
  width: 80%;
  float: left;
}
.users-new-view .full-row-input.with-checkbox .sr-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.users-new-view .full-row-input.with-checkbox .checkbox-row {
  width: 20%;
  height: 40px;
  float: left;
  border: 1px solid #9dbacc;
  border-left-width: 0;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
  border-radius: 0 3px 3px 0;
}
.users-new-view .full-row-input.with-checkbox .checkbox-row .sr-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}
.users-new-view .full-row-input.with-checkbox .checkbox-row .sr-checkbox label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 16px;
  cursor: pointer;
}
.users-new-view .full-row-input.with-checkbox .checkbox-row .sr-checkbox label p {
  font-size: 12px;
}
.users-new-view .full-row-input .sr-input input {
  width: 100%;
}
.users-new-view .site-selectro {
  width: 100%;
}
.users-new-view .site-selectro .sr-selectro .input-container {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.users-new-view .site-selectro.multi-select-text .sr-selectro .input-container .selected-value {
  font-weight: 400;
  color: var(--neutral-4);
  line-height: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-new-view .role-selectro {
  width: 100%;
}
.users-new-view .role-selectro.with-site-selectro .sr-selectro .input-container {
  border-top-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.users-new-view .permissions {
  width: 100%;
}
.users-new-view .permissions .modal-sub-title {
  margin: 25px 0 10px 0;
}
.users-new-view .permissions .sr-checkbox {
  display: block;
}
.users-new-view .permissions .sr-checkbox label {
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
  display: block;
}
.users-new-view .permissions .sr-checkbox label span.input-checkbox-span {
  position: absolute;
  left: 0px;
  top: 3px;
}
.users-new-view .permissions .sr-checkbox label p.checkboxText {
  width: 100%;
  margin-bottom: 0;
  padding: 0px;
}
.users-new-view .permissions .permissions-checkbox {
  float: left;
  width: 50%;
}
.users-new-view .back-detail-button {
  display: -ms-flexbox;
  display: flex;
}
.users-new-view .back-detail-button button.back {
  border: none !important;
  background: none;
  padding-right: 15px;
  color: var(--neutral-3);
}
.users-new-view .back-detail-button span.icon {
  margin-top: 13px !important;
  border: none;
}
.users-new-view .back-detail-button span.icon.hover {
  border: none;
}
.users-new-view .back-detail-button .standardButton.back {
  border: none;
}
.users-new-view .back-detail-button .standardColors.back {
  border: none;
}
.users-new-view .phone-reported-wrong {
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 12px;
  color: var(--primary-red);
  margin-top: 12px;
}
.users-new-view .static-info-message {
  margin-top: 12px;
  margin-bottom: 0px !important;
}
.users-new-view .static-info-message p {
  margin: 0px !important;
}
.users-new-view .static-info-message.sso {
  margin-top: 0px !important;
}
.users-new-view .static-info-message.mt-20 {
  margin-top: 20px;
}
.users-new-view .static-info-message.no-min-height {
  min-height: 0;
}
.users-new-view .static-info-message.no-mt {
  margin-top: 0px;
}
.users-new-view button.standardButton.mainSubmit {
  z-index: 20;
}
.users-new-view button.standardButton.mainSubmit span.icon.arrow {
  display: inline-block;
  margin-left: 5px;
  transform: rotate(180deg);
}
.users-new-view .permissions-span-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 12px;
  color: var(--neutral-3);
  font-size: 14px;
}
.users-new-view .permissions-span-container .sr-icon {
  margin-right: 12px;
}
.users-new-view .permissions-span-container .custom-permissions-button {
  color: var(--primary-blue);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 18px;
}
.users-new-view .panel-back-button {
  background: none;
  padding-right: 5px;
  color: var(--neutral-3);
}

.team-invite-modal .sr-selectro {
  margin-top: 25px;
}

.permissions-modal .model-name {
  font-weight: 700;
  display: inline;
  margin-bottom: 25px;
}
.permissions-modal .role-selectro {
  margin: 25px 0 12px 0;
}
.permissions-modal .smartrent-perm-link {
  color: var(--primary-blue);
}
.permissions-modal .permissions {
  padding-bottom: 25px;
}
.permissions-modal .permissions .collapse-expand-all-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 25px 0 14px 0;
}
.permissions-modal .permissions .collapse-expand-all-container .collapse-expand-button {
  color: var(--primary-blue);
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}
.permissions-modal .permissions .permission-group .permission-group-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 34px;
}
.permissions-modal .permissions .permission-group .permission-group-header .premission-group-name {
  font-weight: 700;
}
.permissions-modal .permissions .permission-group .permission-group-header.expanded {
  margin-bottom: 7px;
}
.permissions-modal .permissions .permission-group .permissions-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.permissions-modal .permissions .permission-group .permissions-list .permissions-checkbox {
  margin: 10px 20px 11px 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 24px;
}
.permissions-modal .permissions .permission-group .permissions-list .permissions-checkbox .perm-checkbox-icon {
  margin-left: auto;
}
.permissions-modal .permissions .permission-group .permissions-list .permissions-checkbox .perm-checkbox-icon .sr-icon {
  cursor: default;
}
.permissions-modal .permissions .permission-group .permissions-list .permissions-checkbox:last-child {
  margin-bottom: 0px;
}
.permissions-modal .permissions .permission-group .permissions-list .perm-bottom-border {
  border-bottom: 1px solid var(--neutral-5);
}
.permissions-modal .permissions .permission-group .permissions-list .perm-bottom-border:last-child {
  border-bottom: 0px;
  margin-bottom: 14px;
}
.permissions-modal .permissions .permission-group .permissions-list.open-close-perm-group {
  display: none;
}
.permissions-modal .permissions .permission-group .perm-toggle-button {
  border: none;
  background: var(--neutral-7);
}
.permissions-modal .permissions .permission-group .perm-toggle-button.expanded {
  transform: rotate(180deg);
}
.permissions-modal .permissions .permission-group .perm-toggle-button .sr-icon {
  color: var(--neutral-3);
}

.reassign-user-modal .reassign-user-container {
  padding-bottom: 25px;
}
.reassign-user-modal .reassign-user-container .reassign-user-bottom-border {
  border-bottom: 1px solid var(--neutral-5);
}
.reassign-user-modal .reassign-user-container:last-child {
  padding-bottom: 0px;
}
.reassign-user-modal .reassign-user-container .reassign-user-group-header {
  line-height: 24px;
  font-weight: 700;
  padding: 15px 0 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.reassign-user-modal .reassign-user-container .reassign-user-group-header .reassign-checkmark {
  margin-left: auto;
}
.reassign-user-modal .reassign-user-container .reassign-user-group-header .reassign-checkmark.grey .sr-icon.checkmark path {
  fill: var(--neutral-3);
}
.reassign-user-modal .reassign-user-container .reassign-user-group-header .reassign-toggle-button {
  padding-left: 10px;
  border: none;
  background: var(--neutral-7);
}
.reassign-user-modal .reassign-user-container .reassign-user-group-header .reassign-toggle-button.expanded {
  transform: rotate(180deg);
}
.reassign-user-modal .reassign-user-container .reassign-user-group-header .reassign-toggle-button .sr-icon {
  color: var(--neutral-3);
}
.reassign-user-modal .reassign-user-container .reassign-user-drop-down-list .reassign-user-bottom-border {
  border-bottom: 1px solid var(--neutral-5);
}
.reassign-user-modal .reassign-user-container .reassign-user-drop-down-list.open-close-reassignee-group {
  display: none;
}
.reassign-user-modal .site-selectro.multi-select-text .sr-selectro .input-container .selected-value {
  font-weight: 400;
  color: var(--neutral-4);
  line-height: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.teams-panel-view .inner-form .team-form {
  width: 100%;
}
.teams-panel-view .inner-form .description {
  font-size: 14px;
}
.teams-panel-view .inner-form .static-info-message {
  margin-bottom: 25px;
}
.teams-panel-view .mt-25 {
  margin-top: 25px;
}
.teams-panel-view .mb-25 {
  margin-bottom: 25px;
}
.teams-panel-view .mb-35 {
  margin-bottom: 35px;
}
.teams-panel-view .title {
  font-size: 16px;
  font-weight: 600;
  color: var(--neutral-2);
}
.teams-panel-view .title.mb-0 {
  margin-bottom: 0px !important;
}
.teams-panel-view .title.team-header {
  overflow-wrap: anywhere;
}
.teams-panel-view .unique-name-msg {
  margin-top: 12px;
  color: var(--neutral-3);
  display: block;
  font-size: 14px;
}
.teams-panel-view .full-row-input {
  height: 40px;
  width: 100%;
}
.teams-panel-view .full-row-input .staticPlaceholder {
  font-weight: 600;
}
.teams-panel-view .full-row-input .sr-input input {
  width: 100%;
}
.teams-panel-view .mb-0 .sr-textarea span {
  margin-bottom: 0px;
}
.teams-panel-view .divider {
  margin: 30px 0;
  width: 100%;
  border-bottom: 1px solid var(--neutral-5);
}
.teams-panel-view .assignment-rule-area {
  width: 450px;
  height: 134px;
  margin: 25px 0 42px 0;
  background: var(--neutral-7);
  border-radius: 3px;
}
.teams-panel-view .assignment-rule-area .rule-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 25px 20px;
}
.teams-panel-view .assignment-rule-area .rule-container .rule {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.teams-panel-view .assignment-rule-area .rule-container .rule .sr-icon {
  cursor: default;
}
.teams-panel-view .assignment-rule-area .rule-container .rule .rule-description {
  margin-top: 10px;
  font-size: 11px;
  color: var(--neutral-3);
  text-align: center;
  line-height: normal;
  width: 90px;
}
.teams-panel-view .assignment-rule-area .rule-container .rule .rule-description.mt-12 {
  margin-top: 12px;
}
.teams-panel-view .assignment-rule-area .rule-container .arrow-icon {
  padding: 18px 0px;
  color: var(--neutral-3);
}
.teams-panel-view .assignment-rule-area .rule-container .arrow-icon.pr-0 {
  padding-right: 0px;
}
.teams-panel-view .assignment-rule-area .rule-container .arrow-icon.pl-0 {
  padding-left: 0px;
}
.teams-panel-view .tm-selectro.multi-select-text .sr-selectro .input-container .selected-value {
  font-weight: 400;
  color: var(--neutral-4);
  line-height: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.teams-panel-view .tm-count {
  margin-top: 12px;
  font-weight: 400;
  color: var(--neutral-3);
  font-size: 14px;
}
.teams-panel-view .tm-count.tm-margin {
  margin: 10px auto 0 0;
}
.teams-panel-view .tm-count.tm-margin-w {
  margin-top: 8px;
  margin-right: auto;
}
.teams-panel-view .tm-count.mt-0 {
  margin-top: 0px;
}
.teams-panel-view .assignment-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
}
.teams-panel-view .assignment-container .assignment-header {
  font-size: 12px;
  font-weight: 400;
  color: var(--neutral-3);
  margin: 6px 10px;
}
.teams-panel-view .assignment-container .assignment-header .assignment-rule {
  font-size: 12px;
  font-weight: 600;
  color: var(--neutral-2);
}
.teams-panel-view .disabled {
  cursor: not-allowed;
}
.teams-panel-view .disabled button {
  color: var(--primary-blue-3-disabled-light);
  pointer-events: none;
}
.teams-panel-view .link {
  color: var(--primary-blue);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.teams-panel-view .team-details-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.teams-panel-view .team-details-header .header-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.teams-panel-view .team-details-header .header-right {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  gap: 15px;
}
.teams-panel-view .team-details-header .header-right .edit {
  color: var(--neutral-3);
}
.teams-panel-view .team-details-header .header-right .edit:hover {
  color: var(--primary-blue);
}
.teams-panel-view .team-details-header .header-right .more-options {
  height: 24px;
  width: 24px;
  border-radius: 3px;
  color: var(--neutral-3);
}
.teams-panel-view .team-details-header .header-right .more-options.selected {
  background-color: var(--list-2-active);
}
.teams-panel-view .team-details-header .header-right .more-options.selected .sr-icon {
  color: var(--primary-blue);
}
.teams-panel-view .team-details-header .header-right .more-options:hover, .teams-panel-view .team-details-header .header-right .more-options.active {
  color: var(--primary-blue);
  background-color: var(--list-2-active);
}
.teams-panel-view .team-details-header #team_menu_popup {
  right: 38px;
  top: 50px;
}
.teams-panel-view .team-details-header #team_menu_popup .red-trash {
  color: var(--primary-red);
}
.teams-panel-view .tm-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.teams-panel-view .tm-container.with-tooltip {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
.teams-panel-view .tooltip-container {
  margin-left: auto;
  margin-top: 17px;
}
.teams-panel-view .no-results {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 80px;
}
.teams-panel-view .no-results div.emoji {
  font-size: 60px;
  line-height: 79px;
  margin: 0 auto 10px;
}
.teams-panel-view .no-results div.icon {
  margin: 0 auto 14px;
}
.teams-panel-view .no-results h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  color: var(--neutral-2);
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}
.teams-panel-view .no-results p {
  max-width: 362px;
  margin: 14px auto;
  font-weight: 400;
}
.teams-panel-view button.standardButton.mainSubmit {
  z-index: 20;
}
.teams-panel-view button.standardButton.mainSubmit span.icon.arrow {
  display: inline-block;
  margin-left: 5px;
  transform: rotate(180deg);
}
.teams-panel-view .close [fill="#000"] {
  fill: var(--neutral-3);
}
.teams-panel-view .close [stroke="#000"] {
  stroke: var(--neutral-3);
}
.teams-panel-view .close:hover [fill="#000"], .teams-panel-view .close:focus [fill="#000"] {
  fill: var(--neutral-2);
}
.teams-panel-view .close:hover [stroke="#000"], .teams-panel-view .close:focus [stroke="#000"] {
  stroke: var(--neutral-2);
}
.teams-panel-view .close.disabled {
  cursor: default;
}
.teams-panel-view .close.disabled [fill="#000"] {
  fill: var(--neutral-4);
}
.teams-panel-view .close.disabled [stroke="#000"] {
  stroke: var(--neutral-4);
}

.right-panel .creation-sidebar.new-style .sticky-tabs {
  position: static;
}

.dashboard-view .list-container.selectro-list-container.open {
  border: none;
  width: 300px;
}

.sr-filter-bar.with-border.grid-view {
  margin-bottom: 0px;
}

.dashboard-list.grid {
  padding-top: 30px;
}

#userLocationMap {
  width: 0px;
  height: 0px;
  position: absolute;
}

.sr-context-menu.dashboard-context-menu .sr-selectro-list-item span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span):not(.imgSpan):not(.skip-span) {
  line-height: 18px;
  display: inline-block;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item .text-span {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey-2);
  line-height: 18px;
  margin-top: 12px;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item span:not(.highlight):not(.input-checkbox-span):not(.input-radio-span):not(.imgSpan):not(.skip-span) {
  height: auto;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item span.imgSpan,
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item .sr-context-menu .sr-selectro-list-item span.icon {
  width: 29px;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item .menu-item-shortcut-key {
  margin-top: 12px;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item .list-item-sub-menu .sr-selectro-list-item span.text-span {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey-2);
  line-height: 18px;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item:hover {
  cursor: pointer;
}
.sr-context-menu.dashboard-context-menu .sr-selectro-list-item[data-show-transition=false] {
  transition-duration: 0.1s;
}
.sr-context-menu.dashboard-context-menu .sr-context-menu-item.title {
  font-size: 14px;
  font-weight: 700;
  color: var(--neutral-2);
}
.sr-context-menu.dashboard-context-menu .sr-context-menu-item span.text-span:only-child {
  width: 215px;
  margin-left: 0px;
  vertical-align: sub;
}

.search-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.site-tags-bulk-edit {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 48px;
}
.site-tags-bulk-edit .tag-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: top;
  background-image: url("images/tags/Icon.png");
  background-size: 17px 17px !important;
  margin-top: 1px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .site-tags-bulk-edit .tag-icon {
    background-image: url("images/tags/Icon@2x.png");
    background-size: 17px 17px;
  }
}

.export-group .inline-loading div.bounce {
  background-color: var(--neutral-3);
}

#export_btn.sr-button-group-item.selected, #export_btn.sr-button-group-item:hover {
  z-index: 8;
  color: var(--neutral-3);
  background-color: #ffffff;
  border: 1px solid var(--neutral-3);
  box-shadow: none;
}

.export-group .sr-selectro {
  border-radius: 0;
  width: 68px;
  height: 36px;
  border: 1px solid var(--neutral-4);
}
.export-group .sr-selectro.selected, .export-group .sr-selectro:hover {
  z-index: 8;
  color: var(--neutral-3);
  background-color: #ffffff;
  border: 1px solid var(--neutral-3);
}
.export-group .sr-selectro .selectro-list-container.filter-mode {
  left: -230px;
  top: 45px;
}
.export-group .sr-selectro .selectro-list-container.filter-mode .contents .standardButton.back.with-icon.small.with-border.sr-selectro-back {
  float: none;
  margin: 15px !important;
}
.export-group .sr-selectro .selectro-list-container.filter-mode:before,
.export-group .sr-selectro .selectro-list-container.filter-mode:after {
  top: -3px;
  left: 285px;
}
.export-group .sr-selectro .list-container.selectro-list-container.filter-mode.open .contents {
  max-height: none !important;
}
.export-group .sr-selectro .list-container.selectro-list-container.filter-mode.open .contents .bottomButton {
  float: right;
  margin: 15px 20px 20px;
}
.export-group .sr-selectro .list-container.selectro-list-container.filter-mode.open .shadow {
  max-height: none !important;
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.today {
  background: url("images/timeframes/24w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.today {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-week {
  background: url("images/timeframes/24w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-week {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-month {
  background: url("images/timeframes/24w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-month {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-year {
  background: url("images/timeframes/24w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-year {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.last-week {
  background: url("images/timeframes/24w/black/last-week.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.last-week {
    background-image: url("images/timeframes/24w/black/last-week@2x.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.last-month {
  background: url("images/timeframes/24w/black/last-month.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.last-month {
    background-image: url("images/timeframes/24w/black/last-month.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.last-year {
  background: url("images/timeframes/24w/black/last-year.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.last-year {
    background-image: url("images/timeframes/24w/black/last-year.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.pick-date, .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.custom {
  background: url("images/timeframes/24w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.pick-date, .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.custom {
    background-image: url("images/timeframes/24w/black/pick-date@2x.png");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.all-time {
  background: url("images/timeframes/24w/black/all-time.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.all-time {
    background-image: url("images/timeframes/24w/black/all-time.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-morning {
  background: url("images/timeframes/24w/black/this-morning.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-morning {
    background-image: url("images/timeframes/24w/black/this-morning.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-evening {
  background: url("images/timeframes/24w/black/this-evening.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-evening {
    background-image: url("images/timeframes/24w/black/this-evening.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-afternoon {
  background: url("images/timeframes/24w/black/this-afternoon.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.this-afternoon {
    background-image: url("images/timeframes/24w/black/this-afternoon.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.business-open {
    background-image: url("images/timeframes/24w/black/business-open.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .export-group .sr-selectro .sr-selectro-list-item.selected-item span.imgSpan.business-close {
    background-image: url("images/timeframes/24w/black/business-close.svg");
    background-size: 24px 24px;
  }
}
.export-group .sr-selectro .sr-icon {
  display: block;
}
.export-group .sr-selectro .sr-icon svg {
  margin-left: 16px;
  vertical-align: text-top;
}
.export-group .sr-selectro .sr-icon svg g > g {
  fill: var(--neutral-3);
}
.export-group .sr-selectro .icon-mode-icon .drop-down-icon {
  display: inline-block;
  position: absolute;
  left: 39px;
}

.export-group .sr-button-group .sr-custom-views-selectro:focus {
  border-color: var(--primary-blue);
  box-shadow: 0px 0px 0px 1px var(--primary-blue);
  outline: none;
  z-index: 9;
}
.export-group .sr-reports-selectro:focus {
  border-color: var(--primary-blue);
  box-shadow: 0px 0px 0px 1px var(--primary-blue);
  outline: none;
  z-index: 9;
}

.export-group .sr-button-group-item {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.export-group .sr-selectro:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.export-group .sr-selectro:first-child .inline-header {
  font-size: 12px;
  font-weight: 400;
}
.export-group .sr-selectro:first-child .inline-header .text-span {
  color: var(--neutral-3);
}
.export-group .sr-selectro:first-child .input-container.icon-mode {
  height: 36px;
}

.export-group .sr-selectro:nth-child(2) {
  margin-left: -1px;
}
.export-group .sr-selectro:nth-child(2) .input-container.icon-mode {
  height: 36px;
}

.dashboard-delete-notice {
  display: none;
  position: absolute;
  width: 500px;
  top: 29px;
  left: 50%;
  background-color: var(--primary-red);
  color: var(--neutral-8-white-);
  padding: 16px 62px 16px 22px;
  z-index: 999999;
  margin-left: -250px;
  border-radius: 4px;
  box-sizing: border-box;
}
.dashboard-delete-notice p {
  line-height: 19px;
}
.dashboard-delete-notice p strong {
  font-weight: 700;
}
.dashboard-delete-notice p a {
  color: var(--neutral-8-white-);
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid var(--neutral-8-white-);
}
.dashboard-delete-notice a.close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 11px;
  height: 12px;
  cursor: pointer;
  background: url("images/modalCloseWhite.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-delete-notice a.close {
    background-image: url("images/modalCloseWhite@2x.png");
    background-size: 11px 12px;
  }
}
.dashboard-delete-notice.active {
  display: block;
}

.dashboard-item.invite {
  cursor: default !important;
}
.dashboard-item.invite .locationImage,
.dashboard-item.invite .shading {
  opacity: 0.6;
}
.dashboard-item.invite .location-stats {
  display: none !important;
}

.dashboard-buttons {
  position: absolute;
  left: 5px;
}
.dashboard-buttons a {
  display: block;
  width: 17px;
  position: relative;
  cursor: pointer;
}
.dashboard-buttons a span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
.dashboard-buttons a.gridBtn {
  height: 14px;
  background: url("images/siteIcons/sitesGridIcon.png") no-repeat top;
  margin-bottom: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-buttons a.gridBtn {
    background-image: url("images/siteIcons/sitesGridIcon@2x.png");
    background-size: 17px 28px;
  }
}
.dashboard-buttons a.gridBtn span {
  background: url("images/siteIcons/sitesGridIcon.png") no-repeat bottom;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-buttons a.gridBtn span {
    background-image: url("images/siteIcons/sitesGridIcon@2x.png");
    background-size: 17px 28px;
  }
}
.dashboard-buttons a.listBtn {
  height: 13px;
  background: url("images/siteIcons/sitesListIcon.png") no-repeat top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-buttons a.listBtn {
    background-image: url("images/siteIcons/sitesListIcon@2x.png");
    background-size: 17px 26px;
  }
}
.dashboard-buttons a.listBtn span {
  background: url("images/siteIcons/sitesListIcon.png") no-repeat bottom;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-buttons a.listBtn span {
    background-image: url("images/siteIcons/sitesListIcon@2x.png");
    background-size: 17px 26px;
  }
}
.dashboard-buttons a:hover span, .dashboard-buttons a.active span {
  opacity: 1;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}

.dashboard-item span.highlight {
  background: rgba(130, 208, 255, 0.5);
}
.dashboard-item .location-stats {
  color: var(--neutral-4);
}
.dashboard-item .location-stats .sr-site-health {
  float: right;
}
.dashboard-item .location-stats span.icon {
  margin: 0 8px 0 0;
  display: inline-block;
}
.dashboard-item .location-stats span.list,
.dashboard-item .location-stats span.grid {
  display: none;
}

#check-all-sites {
  position: fixed;
  margin-top: 33px;
  z-index: 12;
}
#check-all-sites .checkboxText {
  font-size: 12px;
  font-weight: 400;
  color: var(--primary-blue);
  vertical-align: middle;
}

.dashboard-list {
  margin: 0 auto;
  padding: 20px;
  max-width: 664px;
}

@media only screen and (min-width: 1338px) {
  .dashboard-list {
    max-width: 997px;
  }
}
@media only screen and (min-width: 1681px) {
  .dashboard-list {
    max-width: 1331px;
  }
}
.dashboard-list.grid .dashboard-list-header,
.dashboard-view.show-map .dashboard-list-header {
  display: none;
}
.dashboard-list.grid .dashboard-item,
.dashboard-list.grid .dashboard-create-site,
.dashboard-list.grid .dashboard-blanks,
.dashboard-view.show-map .dashboard-item,
.dashboard-view.show-map .dashboard-create-site,
.dashboard-view.show-map .dashboard-blanks {
  position: relative;
  margin: 0 15px 30px 15px;
  width: 300px;
  height: 295px;
  border: 1px solid var(--neutral-5);
  z-index: 1;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.25s ease-out;
}
.dashboard-list.grid .dashboard-item .check-site .sr-checkbox-label,
.dashboard-list.grid .dashboard-create-site .check-site .sr-checkbox-label,
.dashboard-list.grid .dashboard-blanks .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-item .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-create-site .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-blanks .check-site .sr-checkbox-label {
  transition: all 0.25s ease-out;
}
.dashboard-list.grid .dashboard-item:hover,
.dashboard-list.grid .dashboard-create-site:hover,
.dashboard-list.grid .dashboard-blanks:hover,
.dashboard-view.show-map .dashboard-item:hover,
.dashboard-view.show-map .dashboard-create-site:hover,
.dashboard-view.show-map .dashboard-blanks:hover {
  transition: none;
}
.dashboard-list.grid .dashboard-item:hover .check-site .sr-checkbox-label,
.dashboard-list.grid .dashboard-create-site:hover .check-site .sr-checkbox-label,
.dashboard-list.grid .dashboard-blanks:hover .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-item:hover .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-create-site:hover .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-blanks:hover .check-site .sr-checkbox-label {
  transition: none;
  background: rgba(0, 0, 0, 0.3);
}
.dashboard-list.grid .dashboard-blanks,
.dashboard-view.show-map .dashboard-blanks {
  height: 0;
  border: 0px;
  z-index: 0;
  margin: 0 25px;
}
.dashboard-list.grid .dashboard-create-site,
.dashboard-view.show-map .dashboard-create-site {
  cursor: pointer;
  padding: 5px 1px;
  border: solid 5px var(--neutral-5);
  background-color: var(--neutral-7);
  color: var(--neutral-5);
}
.dashboard-list.grid .dashboard-create-site .dashboard-create-site-children,
.dashboard-view.show-map .dashboard-create-site .dashboard-create-site-children {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -40px;
}
.dashboard-list.grid .dashboard-create-site .dashboard-create-site-children #site-add-plus,
.dashboard-view.show-map .dashboard-create-site .dashboard-create-site-children #site-add-plus {
  position: relative;
  margin: 0 auto 11px;
  width: 60px;
  height: 60px;
  background: url("images/siteIcons/largePlus.png") no-repeat left top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-list.grid .dashboard-create-site .dashboard-create-site-children #site-add-plus,
  .dashboard-view.show-map .dashboard-create-site .dashboard-create-site-children #site-add-plus {
    background-image: url("images/siteIcons/largePlus@2x.png");
    background-size: 60px 120px;
  }
}
.dashboard-list.grid .dashboard-create-site .dashboard-create-site-children #site-add-plus span,
.dashboard-view.show-map .dashboard-create-site .dashboard-create-site-children #site-add-plus span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("images/siteIcons/largePlus.png") no-repeat left bottom;
  opacity: 0;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-list.grid .dashboard-create-site .dashboard-create-site-children #site-add-plus span,
  .dashboard-view.show-map .dashboard-create-site .dashboard-create-site-children #site-add-plus span {
    background-image: url("images/siteIcons/largePlus@2x.png");
    background-size: 60px 120px;
  }
}
.dashboard-list.grid .dashboard-create-site .dashboard-create-site-children h2,
.dashboard-view.show-map .dashboard-create-site .dashboard-create-site-children h2 {
  font-weight: 700;
  font-size: 20px;
}
.dashboard-list.grid .dashboard-create-site:hover,
.dashboard-view.show-map .dashboard-create-site:hover {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
}
.dashboard-list.grid .dashboard-create-site:hover .dashboard-create-site-children #site-add-plus span,
.dashboard-view.show-map .dashboard-create-site:hover .dashboard-create-site-children #site-add-plus span {
  opacity: 1;
}
.dashboard-list.grid .dashboard-item,
.dashboard-view.show-map .dashboard-item {
  padding: 0;
  background-color: white;
  text-align: center;
}
.dashboard-list.grid .dashboard-item:hover:not(.invite),
.dashboard-view.show-map .dashboard-item:hover:not(.invite) {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 20px 0 var(--neutral-4);
}
.dashboard-list.grid .dashboard-item.invite .inviteHeader,
.dashboard-view.show-map .dashboard-item.invite .inviteHeader {
  position: absolute;
  top: -26px;
  left: 0;
  width: 100%;
  text-align: center;
  color: var(--neutral-3);
}
.dashboard-list.grid .dashboard-item.invite div.locationHeader div.description div.address,
.dashboard-view.show-map .dashboard-item.invite div.locationHeader div.description div.address {
  color: var(--neutral-3);
}
.dashboard-list.grid .dashboard-item.invite div.locationHeader div.description div.shading,
.dashboard-view.show-map .dashboard-item.invite div.locationHeader div.description div.shading {
  opacity: 0.8;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.47) 40%, var(--neutral-8-white-) 100%);
}
.dashboard-list.grid .dashboard-item.invite .standardButton,
.dashboard-view.show-map .dashboard-item.invite .standardButton {
  width: 150px;
  min-width: 150px;
  position: absolute;
}
.dashboard-list.grid .dashboard-item.invite .standardButton.blue,
.dashboard-view.show-map .dashboard-item.invite .standardButton.blue {
  bottom: 0px;
  right: 0;
  border-radius: 0 0 4px 0;
  line-height: 14px;
  border-left: 1px solid var(--neutral-8-white-);
  border-right: 0px;
}
.dashboard-list.grid .dashboard-item.invite .standardButton.blue.decline,
.dashboard-view.show-map .dashboard-item.invite .standardButton.blue.decline {
  left: 0;
  right: initial;
  background-color: var(--neutral-4);
  border-left: 0px;
  border-radius: 0 0 0 4px;
}
.dashboard-list.grid .dashboard-item.invite .standardButton.blue.decline:hover,
.dashboard-view.show-map .dashboard-item.invite .standardButton.blue.decline:hover {
  background-color: var(--neutral-5);
}
.dashboard-list.grid .dashboard-item .check-site,
.dashboard-view.show-map .dashboard-item .check-site {
  float: left;
}
.dashboard-list.grid .dashboard-item .check-site .sr-checkbox-label,
.dashboard-view.show-map .dashboard-item .check-site .sr-checkbox-label {
  display: block;
  padding: 7px 15px 11px 16px;
  background: transparent;
}
.dashboard-list.grid .dashboard-item .check-site .sr-checkbox-label:hover,
.dashboard-view.show-map .dashboard-item .check-site .sr-checkbox-label:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.dashboard-list.grid .dashboard-item div.locationHeader,
.dashboard-view.show-map .dashboard-item div.locationHeader {
  position: relative;
  width: 100%;
  height: 159px;
  overflow: hidden;
}
.dashboard-list.grid .dashboard-item div.locationHeader div.locationImage,
.dashboard-view.show-map .dashboard-item div.locationHeader div.locationImage {
  display: block;
  width: 100%;
  height: 159px;
  background-size: cover;
  border-radius: 4px 4px 0 0;
}
.dashboard-list.grid .dashboard-item div.locationHeader div.locationImage.defaultImage,
.dashboard-view.show-map .dashboard-item div.locationHeader div.locationImage.defaultImage {
  background-image: url("images/default-property-profile.png");
}
.dashboard-list.grid .dashboard-item div.locationHeader div.description h3,
.dashboard-view.show-map .dashboard-item div.locationHeader div.description h3 {
  display: none;
}
.dashboard-list.grid .dashboard-item div.locationHeader div.description div.address,
.dashboard-view.show-map .dashboard-item div.locationHeader div.description div.address {
  text-align: left;
  color: white;
  position: absolute;
  bottom: 10px;
  left: 15px;
  z-index: 1;
  font-weight: 600;
  font-size: 14px;
}
.dashboard-list.grid .dashboard-item div.locationHeader div.description div.shading,
.dashboard-view.show-map .dashboard-item div.locationHeader div.description div.shading {
  width: 300px;
  height: 64px;
  position: absolute;
  bottom: 0px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.15) 33%, rgba(0, 0, 0, 0.2) 43%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
}
.dashboard-list.grid .dashboard-item div.locationDetails,
.dashboard-view.show-map .dashboard-item div.locationDetails {
  padding: 8px 15px;
  text-align: left;
}
.dashboard-list.grid .dashboard-item div.locationDetails h3,
.dashboard-view.show-map .dashboard-item div.locationDetails h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: var(--neutral-2);
  max-height: 64px;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.dashboard-list.grid .dashboard-item div.locationDetails p,
.dashboard-view.show-map .dashboard-item div.locationDetails p {
  display: none;
  font-size: 11px;
  line-height: 15px;
  color: #9c9c9c;
}
.dashboard-list.grid .dashboard-item .location-stats,
.dashboard-view.show-map .dashboard-item .location-stats {
  padding: 0 10px 0 10px;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.dashboard-list.grid .dashboard-item .sr-site-health,
.dashboard-view.show-map .dashboard-item .sr-site-health {
  border-radius: 3px;
  padding: 12px;
  background-color: transparent;
  transition: all 0.25s ease-out;
}
.dashboard-list.grid .dashboard-item .sr-site-health:hover,
.dashboard-view.show-map .dashboard-item .sr-site-health:hover {
  transition: none;
  cursor: pointer;
  background-color: var(--list-1-hover);
}

.dashboard-list.list .dashboard-blanks {
  display: none;
}
.dashboard-list.list .dashboard-item,
.dashboard-list.list .dashboard-create-site,
.dashboard-list.list .dashboard-list-header {
  margin: 0 0 30px 0;
  position: relative;
  height: 70px;
  border: 1px solid var(--neutral-5);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 4px;
}
.dashboard-list.list .dashboard-item[data-show-transition=true],
.dashboard-list.list .dashboard-create-site[data-show-transition=true],
.dashboard-list.list .dashboard-list-header[data-show-transition=true] {
  transition: all 0.25s ease-out;
}
.dashboard-list.list .dashboard-item {
  background-color: var(--neutral-8-white-);
  /*
  &[data-show-transition="false"] {
    transition: all 0.25s ease-out;
    .sr-checkbox-label{
      background: rgba(0,0,0, 0.3);
    }
  }
  */
}
.dashboard-list.list .dashboard-item:hover:not(.invite) {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 20px 0 var(--neutral-4);
}
.dashboard-list.list .dashboard-item.invite div.locationHeader,
.dashboard-list.list .dashboard-list-header.invite div.locationHeader {
  padding-right: 340px !important;
}
.dashboard-list.list .dashboard-item.invite .inviteHeader,
.dashboard-list.list .dashboard-list-header.invite .inviteHeader {
  position: absolute;
  top: 0;
  right: 233px;
  width: 96px;
  text-align: center;
  color: var(--neutral-3);
  line-height: 70px;
}
.dashboard-list.list .dashboard-item.invite .inviteButtons,
.dashboard-list.list .dashboard-list-header.invite .inviteButtons {
  position: absolute;
  top: 15px;
  right: 27px;
  width: 166px;
}
.dashboard-list.list .dashboard-item.invite .inviteButtons .standardButton,
.dashboard-list.list .dashboard-list-header.invite .inviteButtons .standardButton {
  float: right;
}
.dashboard-list.list .dashboard-item.invite .inviteButtons .standardButton.blue,
.dashboard-list.list .dashboard-list-header.invite .inviteButtons .standardButton.blue {
  width: 90px;
  min-width: 90px;
  line-height: 17px;
}
.dashboard-list.list .dashboard-item.invite .inviteButtons .standardButton.open,
.dashboard-list.list .dashboard-list-header.invite .inviteButtons .standardButton.open {
  border-radius: 0;
  margin: 11px 0 0 25px;
  color: #919ea4;
  border: 0px;
  background-color: transparent !important;
  min-width: 50px;
  width: 50px;
  line-height: 17px;
  padding: 0;
  height: auto;
  border-bottom: 1px solid var(--neutral-8-white-);
}
.dashboard-list.list .dashboard-item.invite .inviteButtons .standardButton.open:hover,
.dashboard-list.list .dashboard-list-header.invite .inviteButtons .standardButton.open:hover {
  color: var(--neutral-2);
  border-bottom: 1px solid var(--neutral-2);
}
.dashboard-list.list .dashboard-item div.locationHeader,
.dashboard-list.list .dashboard-list-header div.locationHeader {
  float: left;
  margin: 8px 0;
  overflow: hidden;
  height: 54px;
  position: relative;
  max-width: 100%;
  padding: 0 270px 0 8px;
  box-sizing: border-box;
}
.dashboard-list.list .dashboard-item div.locationHeader div.locationImage,
.dashboard-list.list .dashboard-list-header div.locationHeader div.locationImage {
  width: 98px;
  height: 54px;
  position: absolute;
  background-size: cover;
  border-radius: 4px;
}
.dashboard-list.list .dashboard-item div.locationHeader div.description,
.dashboard-list.list .dashboard-list-header div.locationHeader div.description {
  float: left;
  margin-left: 12px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 98px;
}
.dashboard-list.list .dashboard-item div.locationHeader div.description h3,
.dashboard-list.list .dashboard-list-header div.locationHeader div.description h3 {
  font-weight: 300;
  color: var(--neutral-2);
  font-size: 24px;
  line-height: 33px;
  max-width: 100%;
  overflow: hidden;
  height: 33px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-list.list .dashboard-item div.locationHeader div.description div.address,
.dashboard-list.list .dashboard-list-header div.locationHeader div.description div.address {
  font-size: 14px;
  color: #6c6c6c;
  line-height: 18px;
}
.dashboard-list.list .dashboard-item div.locationDetails,
.dashboard-list.list .dashboard-list-header div.locationDetails {
  padding: 23px 15px 22px;
  height: 25px;
  position: absolute;
  right: 0;
}
.dashboard-list.list .dashboard-item div.locationDetails h3,
.dashboard-list.list .dashboard-list-header div.locationDetails h3 {
  display: none;
}
.dashboard-list.list .dashboard-item div.locationDetails p,
.dashboard-list.list .dashboard-list-header div.locationDetails p {
  display: none;
  float: left;
  font-size: 11px;
  line-height: 25px;
  color: #9c9c9c;
  margin-right: 25px;
  width: 150px;
}
.dashboard-list.list .dashboard-item div.locationDetails .location-stats,
.dashboard-list.list .dashboard-list-header div.locationDetails .location-stats {
  display: block;
  float: left;
  margin: 3px 0;
}
.dashboard-list.list .dashboard-list-header {
  height: 19px !important;
  margin-bottom: 8px;
  letter-spacing: 1.2px;
  cursor: default !important;
}
.dashboard-list.list .dashboard-list-header div.locationHeader {
  height: 19px;
  margin: 0;
}
.dashboard-list.list .dashboard-list-header div.locationHeader div.locationImage {
  height: 19px;
}
.dashboard-list.list .dashboard-list-header div.locationHeader div.description h3 {
  height: 19px;
}
.dashboard-list.list .dashboard-list-header div.locationHeader div.description div.address {
  display: none;
}
.dashboard-list.list .dashboard-list-header div.locationDetails {
  padding: 0 15px;
  height: 19px;
}
.dashboard-list.list .dashboard-list-header div.locationDetails .location-stats {
  margin: 0;
}
.dashboard-list.list .dashboard-list-header div.locationDetails .location-stats div.total {
  width: 76px;
}
.dashboard-list.list .dashboard-list-header h3,
.dashboard-list.list .dashboard-list-header div,
.dashboard-list.list .dashboard-list-header p {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #9c9c9c !important;
  line-height: 19px !important;
  text-transform: uppercase;
}
.dashboard-list.list .dashboard-create-site {
  margin-top: 30px;
  border: solid 5px var(--neutral-5);
  background-color: var(--neutral-7);
  color: var(--neutral-5);
}
.dashboard-list.list .dashboard-create-site #site-add-plus {
  position: relative;
  margin: 15px 26px;
  width: 30px;
  height: 30px;
  float: left;
  background: url("images/siteIcons/miniPlus.png") no-repeat left top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-list.list .dashboard-create-site #site-add-plus {
    background-image: url("images/siteIcons/miniPlus@2x.png");
    background-size: 30px 60px;
  }
}
.dashboard-list.list .dashboard-create-site #site-add-plus span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("images/siteIcons/miniPlus.png") no-repeat left bottom;
  opacity: 0;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-list.list .dashboard-create-site #site-add-plus span {
    background-image: url("images/siteIcons/miniPlus@2x.png");
    background-size: 30px 60px;
  }
}
.dashboard-list.list .dashboard-create-site h2 {
  display: block;
  float: left;
  font-weight: 700;
  font-size: 20px;
  line-height: 60px;
}
.dashboard-list.list .dashboard-create-site:hover {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
}
.dashboard-list.list .dashboard-create-site:hover #site-add-plus span {
  opacity: 1;
}

.dashboard-view.show-map .hover-site-detail {
  position: absolute;
  z-index: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.dashboard-view.show-map .hover-site-detail .dashboard-item {
  margin: 0px !important;
}
.dashboard-view.show-map .hover-site-detail .locationHeader {
  z-index: 1;
}
.dashboard-view.show-map .hover-site-detail .triangle {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -5px 0 0 -5px;
  transform: rotate(45deg);
  /*
      &.bottom, &.bottom-right , &.bottom-left {

        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid $--white-color;
        margin-top: 28.9%;
        margin-left: 46%;
        &.bottom-right {
          margin-left: calc(100% - 16px - 5px);
        }
        &.bottom-left {
          margin-left: 5px;
        }
      }
      &.top, &.top-right, &.top-left {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid $--white-color;
        margin-top: -71%;
        margin-left: 46%;
        &.top-right {
          margin-left: calc(100% - 16px - 5px);
        }
        &.top-left {
          margin-left: 5px;
        }
      }
      &.left {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 5px solid $--white-color;
        margin-top: -19%;
        margin-left: -2%;
      }
      &.right {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left:5px solid $--white-color;
        margin-top: -19%;
        margin-left: 100%;
      }
        */
}
.dashboard-view.show-map .hover-site-detail .triangle.bottom-left {
  top: auto;
  bottom: -5px;
  left: 15px;
}
.dashboard-view.show-map .hover-site-detail .triangle.bottom-right {
  top: auto;
  bottom: -5px;
  right: 15px;
  left: auto;
  margin: -5px -5px 0 0;
}
.dashboard-view.show-map .hover-site-detail .triangle.top, .dashboard-view.show-map .hover-site-detail .triangle.top-left, .dashboard-view.show-map .hover-site-detail .triangle.top-right {
  top: 0;
}
.dashboard-view.show-map .hover-site-detail .triangle.top.top-left, .dashboard-view.show-map .hover-site-detail .triangle.top-left.top-left, .dashboard-view.show-map .hover-site-detail .triangle.top-right.top-left {
  top: 0px;
  left: 15px;
}
.dashboard-view.show-map .hover-site-detail .triangle.top.top-right, .dashboard-view.show-map .hover-site-detail .triangle.top-left.top-right, .dashboard-view.show-map .hover-site-detail .triangle.top-right.top-right {
  left: auto;
  margin: -5px -5px 0 0;
  top: 0px;
  right: 15px;
}
.dashboard-view.show-map .hover-site-detail .triangle.right {
  top: 50%;
  right: 0;
  left: auto;
  margin: -5px -5px 0 0;
}
.dashboard-view.show-map .hover-site-detail .triangle.left {
  top: 50%;
  left: 0;
}
.dashboard-view.show-map .hover-site-detail:hover .triangle {
  box-shadow: 0 0 20px 0 var(--neutral-4);
}
.dashboard-view.show-map .map-view.site-detail-open {
  box-sizing: border-box;
  padding-right: 500px;
}
.dashboard-view.show-map .sites-map {
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 0;
}
.dashboard-view.show-map .sites-map .marker {
  width: 20px;
  height: 20px;
}
.dashboard-view.show-map .sites-map .marker .inner-triangle {
  position: relative;
  top: -10px;
  width: 0;
  right: 49%;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ffffff;
  top: 295px;
}
.dashboard-view.show-map .sites-map .marker:hover .triangle {
  border-top-color: var(--primary-blue);
  box-shadow: 0 0 20px 0 var(--neutral-4);
}
.dashboard-view.show-map .sites-map {
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 0;
}

.messages-view .sr-table {
  color: var(--neutral-2);
  /* -- No Messages -- */
}
.messages-view .sr-table .no-messages .no-messages-icon {
  height: 91px;
  width: 120px;
  background: url("images/messages/chatBubbles.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .messages-view .sr-table .no-messages .no-messages-icon {
    background-image: url("images/messages/chatBubbles@2x.png");
    background-size: 120px 91px;
  }
}
.messages-view .sr-table .red-trash {
  color: var(--primary-red);
}

.sr-table-cell .sr-face-stack .faces {
  top: 12px;
}

.message-detail {
  color: var(--neutral-2);
  /* -- Message Detail Section -- */
}
.message-detail header {
  width: auto;
  padding: 15px 0 16px 0;
}
.message-detail header.no-border {
  border-bottom: 0px;
}
.message-detail header .sr-completable-status {
  float: left;
  margin-right: 20px;
}
.message-detail header .message-date {
  display: inline-block;
  max-width: 290px;
}
.message-detail header .message-date strong {
  font-weight: 600;
}
.message-detail header .icon.recurring-schedule {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 11px 0 0;
}
.message-detail .recurring-banner {
  height: 40px;
  width: 100%;
  background-color: var(--neutral-7);
  line-height: 40px;
  padding: 0 25px;
  box-sizing: border-box;
}
.message-detail .recurring-banner a {
  color: var(--primary-blue);
  text-decoration: none;
}
.message-detail .recurring-banner span.icon {
  display: inline-block;
  margin: 0 6px 0 0;
}
.message-detail .separator {
  height: 30px;
}
.message-detail .red-trash {
  color: var(--primary-red);
}
.message-detail section.detail-section {
  margin-bottom: 30px !important;
}
.message-detail section.detail-section.has-border {
  border-bottom: 1px solid var(--neutral-5);
  padding-bottom: 40px;
}
.message-detail section.detail-section h5 {
  font-weight: 600;
  font-size: 15px;
  color: var(--neutral-2);
}
.message-detail section.detail-section h6 {
  width: 60px;
  float: left;
  font-size: 12px;
  color: var(--neutral-3);
}
.message-detail section.detail-section .emails {
  width: 388px;
  width: calc(100% - 60px);
  float: left;
}
.message-detail section.detail-section .emails ul:not(:last-child) {
  margin-bottom: 12px;
}
.message-detail section.detail-section .emails li {
  display: inline;
}
.message-detail section.detail-section .emails li:not(:last-of-type):after {
  content: ",";
}
.message-detail section.detail-section h1 {
  color: var(--neutral-2);
}
.message-detail section.detail-section p {
  margin-top: 20px;
  white-space: pre-wrap;
}
.message-detail section.detail-section .title {
  color: var(--neutral-3);
}
.message-detail section.detail-section .view-all-recipients {
  float: left;
}
.message-detail section.detail-section .can-hover {
  cursor: pointer;
}
.message-detail section.detail-section .sr-face {
  float: left;
}
.message-detail section.detail-section .face-icon.no-stack .place-type-icon {
  width: 50px;
  height: 50px;
  background-color: var(--neutral-5);
  margin-right: 0px;
  border-radius: 50%;
}
.message-detail section.detail-section .face-icon.no-stack .place-type-icon svg {
  width: 35px;
  height: 35px;
}
.message-detail section.detail-section .sr-face-stack {
  float: left;
}
.message-detail section.detail-section .sr-face-stack .faces-details {
  float: left;
}
.message-detail section.detail-section .sr-face-stack .faces-details .place-type-icon {
  margin-right: 0;
}
.message-detail section.detail-section .sr-face-stack .faces-details .sr-face + .sr-face,
.message-detail section.detail-section .sr-face-stack .faces-details .place-type-icon + .place-type-icon,
.message-detail section.detail-section .sr-face-stack .faces-details .place-type-icon + .sr-face,
.message-detail section.detail-section .sr-face-stack .faces-details .sr-face + .place-type-icon {
  margin-top: 11px;
  margin-left: -29px;
}
.message-detail section.detail-section .message-name {
  padding: 5px 0 0 15px;
  float: left;
}
.message-detail section.detail-section .message-name h5 {
  font-size: 12px;
  color: var(--neutral-3);
}
.message-detail section.detail-section .message-name h4 {
  font-weight: 600;
}
.message-detail section.detail-section .canHover {
  cursor: pointer;
}
.message-detail section.detail-section div.detail-row {
  padding: 0px 0px 20px;
  border-bottom: 1px solid var(--neutral-5);
}
.message-detail section.detail-section div.detail-row:last-child {
  padding-bottom: 30px;
}
.message-detail section.detail-section div.detail-row.no-border {
  border-bottom: 0px;
}
.message-detail section.detail-section div.detail-row.border-on-last:not(:last-child) {
  border-bottom: 0px;
}
.message-detail section.detail-section div.detail-row.two-column div.detail-column {
  float: left;
  width: 49%;
}
.message-detail section.detail-section div.detail-row.two-column div.detail-column .task-person {
  margin: 0 !important;
}
.message-detail section.detail-section div.detail-row.two-column div.detail-column .task-person .info .inner {
  width: 145px;
}
.message-detail section.detail-section div.detail-row.two-column div.detail-column .task-person .info .name {
  color: var(--neutral-2);
}
.message-detail section.detail-section div.detail-row.two-column div.detail-column.has-action {
  cursor: pointer;
}

.right-panel .creation-sidebar.message-new .with-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.right-panel .creation-sidebar.message-new .with-header h1 {
  height: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel .creation-sidebar.message-new .with-header .back-arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel .creation-sidebar.message-new .with-header .modal-close {
  margin-top: 0;
}
.right-panel .creation-sidebar.message-new .sidebar-content section {
  margin-bottom: 30px;
}
.right-panel .creation-sidebar.message-new .sidebar-content section .sr-input,
.right-panel .creation-sidebar.message-new .sidebar-content section .sr-textarea:not(.no-borders, .no-border),
.right-panel .creation-sidebar.message-new .sidebar-content section .include-border {
  margin-bottom: 25px;
}
.right-panel .creation-sidebar.message-new .sidebar-content .character-count {
  margin-top: 12px;
}
.right-panel .creation-sidebar.message-new .sidebar-content .static-info-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 11px;
  position: inherit;
  padding-left: 18px;
  margin-top: 25px;
  min-height: 38px;
}
.right-panel .creation-sidebar.message-new .sidebar-content .info-circle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: inherit;
  top: 0px;
  left: 0px;
}
.right-panel .creation-sidebar.message-new .sidebar-content .info-circle::after {
  font-size: 11px;
  position: inherit;
  width: 16px;
  height: 16px;
}
.right-panel .creation-sidebar.message-new .sidebar-content .selected-value .selected {
  margin-right: 20px;
}

.add-files-label {
  font-size: 14px;
  color: var(--neutral-2);
  font-weight: 600;
  margin-bottom: 15px;
}

.message-new ul li {
  height: auto;
}
.message-new .inner-form {
  position: relative;
  min-height: 100%;
  padding: 0 0 50px;
  box-sizing: border-box;
}
.message-new section.with-border {
  border-bottom: 1px solid var(--neutral-5);
  padding-bottom: 30px;
}
.message-new p {
  line-height: 18px;
  white-space: pre-wrap;
}
.message-new p.character-count {
  margin-bottom: 0;
  font-size: 14px;
}
.message-new p.input-subtext {
  color: var(--neutral-3);
  margin-bottom: 25px;
}
.message-new textarea {
  height: 200px;
  resize: none;
}
.message-new .site-selectro {
  margin-bottom: 25px;
}
.message-new .sr-selectro-assignee {
  margin-bottom: 25px;
}
.message-new .sr-selectro-assignee.has-bottom-text {
  margin-bottom: 12px;
}
.message-new .sr-selectro-assignee.has-bottom-text .sr-selectro {
  margin-bottom: 0px !important;
}
.message-new .sr-multi-select {
  z-index: auto;
  margin-bottom: 12px;
}
.message-new .sr-multi-select .sr-auto-complete {
  max-height: 340px;
  z-index: 20;
}
.message-new .sr-checkbox {
  display: block;
}
.message-new .sr-checkbox p.checkboxText {
  margin-bottom: 0px;
}
.message-new .checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.message-new .checkbox-container .all-residents {
  margin-right: 25px;
}
.message-new .checkbox-container .carbon-copy {
  margin-right: 24px;
}
.message-new .checkbox-container .sr-checkbox {
  margin-bottom: 0px;
}
.message-new .checkbox-container .sr-checkbox .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.message-new .checkbox-container .sr-checkbox .sr-checkbox-label .checkboxText {
  padding-left: 10px;
}
.message-new .checkbox-container .cc-help {
  margin-left: -17px;
}
.message-new .cc-container .sr-multi-select {
  margin-bottom: 0px;
}
.message-new .cc-container .sr-multi-select.first .multi-input {
  border-radius: 3px 3px 0 0;
}
.message-new .cc-container .sr-multi-select.second .multi-input {
  margin-top: -1px;
  border-radius: 0 0 3px 3px;
}
.message-new .recipients-loading {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  margin: -52px 0 12px;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 11px;
  box-sizing: border-box;
}
.message-new .recipients-loading .inline-loading {
  display: block;
  margin: 0 auto;
}
.message-new .recipients-loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.message-new .sr-toggle-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  position: initial;
  height: 88px;
  padding: 0px !important;
  width: 435px;
}
.message-new .sr-toggle-container .sr-switch {
  position: initial !important;
  margin: 0px !important;
}
.message-new .sr-toggle-container .sr-switch::before {
  content: initial;
}
.message-new .sr-toggle-container p {
  margin-bottom: 0px;
}
.message-new .survey {
  max-height: 335px;
}
.message-new .survey .sr-selectro {
  margin-bottom: 0px !important;
}
.message-new .survey .reminders-days {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  white-space: nowrap;
  height: 40px;
  width: 377px;
  margin-bottom: 20px;
}
.message-new .survey .reminders-days-selectro {
  width: 90px;
  margin: 0px 10px;
}
.message-new .survey .reminders-max {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  white-space: nowrap;
  height: 40px;
  width: 236px;
}
.message-new .survey .reminders-max-selectro {
  width: 60px;
  margin: 0px 10px;
}
.message-new .survey .hide-survey {
  height: 1px;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  padding-top: 1px;
  box-sizing: border-box;
}
.message-new .survey .custom-schedule {
  margin-top: 25px;
}
.message-new .survey .custom-schedule .left,
.message-new .survey .custom-schedule .right {
  float: left;
  width: 50%;
}
.message-new .survey .custom-schedule .right {
  margin-left: -1px;
  width: 50%;
  width: calc(50% + 1px);
}
.message-new .survey .custom-schedule .sr-input.left input {
  border-radius: 3px 0 0 3px;
}
.message-new .survey .custom-schedule .sr-input.left input:active {
  z-index: 10;
}
.message-new .survey .custom-schedule .sr-selectro.right .input-container {
  border-radius: 0 3px 3px 0;
}
.message-new .survey .sr-selectro.right .input-container {
  width: 226px;
  border-radius: 0 3px 3px 0;
}
.message-new span.right-arrow {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 12px;
  height: 10px;
  margin-left: 6px;
  background: url("images/project-creation/directionalArrowWhite.png") no-repeat;
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .message-new span.right-arrow {
    background-image: url("images/project-creation/directionalArrowWhite@2x.png");
    background-size: 24px 10px;
  }
}
.message-new span.right-arrow.disabled {
  background-position: left;
}
.message-new span.right-arrow.hidden {
  display: none;
}
.message-new h3 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 20px;
}
.message-new h4 {
  font-weight: 600;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.message-place-recipient,
.message-resident-recipient {
  position: relative;
}
.message-place-recipient.active,
.message-resident-recipient.active {
  background-color: var(--list-1-hover);
}
.message-place-recipient.already-selected,
.message-resident-recipient.already-selected {
  background-color: var(--neutral-8-white-) !important;
  cursor: default !important;
}
.message-place-recipient.already-selected .icon,
.message-place-recipient.already-selected .desc,
.message-resident-recipient.already-selected .icon,
.message-resident-recipient.already-selected .desc {
  opacity: 0.5;
}
.message-place-recipient.already-selected .selected,
.message-resident-recipient.already-selected .selected {
  position: absolute;
  right: 10px;
  top: 26px;
  display: block;
  width: 17px;
  height: 10px;
  background: url("images/messages/duplicateIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .message-place-recipient.already-selected .selected,
  .message-resident-recipient.already-selected .selected {
    background-image: url("images/messages/duplicateIcon@2x.png");
    background-size: 17px 10px;
  }
}
.message-place-recipient .icon,
.message-resident-recipient .icon {
  position: absolute;
  top: 11px;
  left: 11px;
}
.message-place-recipient .desc,
.message-resident-recipient .desc {
  width: 100%;
  height: 62px;
  padding: 13px 20px 13px 62px;
  box-sizing: border-box;
}
.message-place-recipient .desc strong,
.message-resident-recipient .desc strong {
  display: block;
  line-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.message-place-recipient .desc span,
.message-resident-recipient .desc span {
  display: block;
  line-height: 17px;
  color: var(--neutral-3);
}
.message-place-recipient .desc.single,
.message-resident-recipient .desc.single {
  padding: 21px 20px 21px 62px;
}

.message-resident-recipient .icon {
  top: 14px;
  left: 14px;
}

.show-recipients-modal .inner-content {
  padding-bottom: 25px !important;
}
.show-recipients-modal .recipient-container {
  max-height: 470px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 550px;
  margin: -20px 0 0 -25px;
}
.show-recipients-modal .recipient-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid var(--neutral-6);
  width: 550px;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
}
.show-recipients-modal .recipient-row .sr-face,
.show-recipients-modal .recipient-row .recipient-name,
.show-recipients-modal .recipient-row .recipient-role {
  float: left;
  display: inline-block;
}
.show-recipients-modal .recipient-row .sr-face {
  margin: 7px 0 7px 20px;
}
.show-recipients-modal .recipient-row .recipient-name {
  display: -ms-flexbox;
  display: flex;
  width: 208px;
  padding: 0 10px;
}
.show-recipients-modal .recipient-row .recipient-name span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.show-recipients-modal .recipient-row .recipient-role {
  width: 76px;
  padding: 0 10px;
}
.show-recipients-modal .recipient-row .delivery {
  text-align: right;
  width: 88px;
  display: inline-block;
  padding: 0 22px 0 10px;
}
.show-recipients-modal .recipient-row .delivery .delivery-type-sms {
  font-size: 11px;
  color: var(--neutral-2);
  line-height: 15px;
  text-transform: uppercase;
}
.show-recipients-modal .recipient-row .delivery .delivery-type-email {
  display: inline-block;
  width: 16px;
  height: 13px;
  position: relative;
  top: 3px;
  margin-left: 10px;
  background: url("images/messages/mailIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .show-recipients-modal .recipient-row .delivery .delivery-type-email {
    background-image: url("images/messages/mailIcon@2x.png");
    background-size: 16px 13px;
  }
}
.show-recipients-modal .recipient-faces {
  position: absolute;
  top: 17px;
  right: 50px;
}
.show-recipients-modal .recipient-faces .sr-face {
  float: right;
  margin-left: 5px;
  cursor: default;
}
.show-recipients-modal .recipient-faces .sr-face.sr-face-count {
  cursor: pointer;
}
.show-recipients-modal .recipient-faces .inline-loading {
  position: relative;
  top: 15px;
  right: 10px;
}
.show-recipients-modal .recipient-faces .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.show-recipients-modal .recipient-faces p {
  float: right;
  line-height: 34px;
  margin-right: 10px;
}
.show-recipients-modal .modal-banner {
  background-color: var(--neutral-5);
  color: var(--neutral-2);
  text-transform: uppercase;
  text-align: center;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  letter-spacing: 1.6px;
  width: 550px;
}
.show-recipients-modal .recipient-row-padding {
  height: 37px;
  background: var(--neutral-8-white-);
  position: absolute;
  bottom: 0;
  width: 550px;
  margin-left: -25px;
  z-index: -10;
}
.show-recipients-modal .basic-modal .inner-content .blur {
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  border-radius: 4px;
  margin-left: -25px;
  width: 550px;
  height: 50px;
  position: absolute;
  bottom: 25px;
  z-index: 50;
}

h3.email-or {
  clear: both;
}

div.floatLabels {
  margin: 5px 0 2px;
}
div.floatLabels label {
  display: block;
  float: left;
  margin-right: 10px;
}
div.floatLabels label input[type=radio] {
  vertical-align: middle;
  margin: -4px 6px 0 0;
}

span.field-note {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: var(--neutral-4);
}

span.validation-message {
  color: var(--primary-red);
  display: block;
  font-size: 14px;
  font-weight: 300;
}

div.validation-messages {
  border: solid 1px #55565a;
  padding: 30px;
  display: inline-block;
}
div.validation-messages h3 {
  font-weight: 600;
}
div.validation-messages p {
  font-weight: 300;
  font-size: 14px;
}

h1.next-steps {
  padding-left: 30px;
  padding-top: 30px;
}

h1.things-to-do {
  padding: 30px 0;
}

.bordered-container {
  margin: 30px;
  overflow: hidden;
}
.bordered-container div.sign-out {
  clear: both;
  text-align: center;
  padding-top: 20px;
}
.bordered-container div.sign-out a.sign-out {
  background-color: white;
  color: var(--neutral-4);
  border: solid 1px var(--neutral-4);
  display: block;
  width: 100px;
  text-decoration: none;
}
.bordered-container nav ul {
  clear: both;
}
.bordered-container nav ul li {
  float: left;
}
.bordered-container nav ul li:last-of-type {
  clear: right;
  margin-left: 20px;
}
.bordered-container nav ul li a.step-option {
  margin: 15px 0 0;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid var(--neutral-4);
  padding: 2px;
  text-align: center;
  display: block;
  height: 185px;
}
.bordered-container nav ul li a.step-option:hover {
  cursor: pointer;
  box-shadow: 0px 0px 14px 0px var(--primary-blue);
}
.bordered-container nav ul li a.step-option img {
  display: block;
}
.bordered-container nav ul li a.step-option img.sightwalk-logo {
  padding: 50px 60px 30px;
}
.bordered-container nav ul li a.step-option span {
  display: block;
  clear: both;
}

.person-view {
  float: left;
  max-width: 440px;
  margin: 106px 0 40px 20px;
}
.person-view .name {
  font-weight: 300;
  font-size: 26px;
  color: #55565a;
}
.person-view .standardButton {
  display: inline-block;
  margin-top: 16px;
  min-width: 100px;
}

div.people-groups {
  position: relative;
  width: 400px;
}

div.people {
  float: left;
  padding: 32px 30px 0;
}
div.people h2 {
  font-size: 24px;
  color: #6e7375;
  line-height: 33px;
  margin: 0 0 16px 0;
}
div.people h3 {
  font-weight: 300;
  font-size: 12px;
  color: #55565a;
}
div.people .add-member {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 33px;
}
div.people .employees,
div.people .vendors,
div.people .pending {
  border: solid 1px var(--neutral-4);
  margin-bottom: 30px;
  width: 400px;
}
div.people .employees div,
div.people .vendors div,
div.people .pending div {
  position: relative;
  height: 18px;
  padding: 8px 0 10px 13px;
  font-weight: 400;
  font-size: 16px;
}
div.people .employees div:hover,
div.people .vendors div:hover,
div.people .pending div:hover {
  background-color: #9dd2f4;
}
div.people .employees div:hover a.remove,
div.people .employees div:hover a.resend,
div.people .vendors div:hover a.remove,
div.people .vendors div:hover a.resend,
div.people .pending div:hover a.remove,
div.people .pending div:hover a.resend {
  display: block;
}
div.people .employees div a,
div.people .vendors div a,
div.people .pending div a {
  display: block;
}
div.people .employees div:nth-child(even),
div.people .vendors div:nth-child(even),
div.people .pending div:nth-child(even) {
  background-color: var(--neutral-7);
}
div.people .employees div:nth-child(odd),
div.people .vendors div:nth-child(odd),
div.people .pending div:nth-child(odd) {
  background-color: white;
}
div.people .employees div a.remove,
div.people .employees div a.resend,
div.people .vendors div a.remove,
div.people .vendors div a.resend,
div.people .pending div a.remove,
div.people .pending div a.resend {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
div.people .employees div a.resend,
div.people .vendors div a.resend,
div.people .pending div a.resend {
  right: 65px;
}
div.people .pending div {
  height: 40px;
}
div.people .pending div.noPending {
  height: 18px;
}
div.people .pending div small {
  display: block;
  line-height: 12px;
  font-size: 10px;
}

.new-person-view {
  float: left;
  width: 440px;
  margin-bottom: 40px;
  padding: 68px 0 0 20px;
}
.new-person-view h1 {
  font-size: 24px;
  color: #6e7375;
  line-height: 33px;
  margin-bottom: 4px;
}
.new-person-view .fieldset-row {
  clear: both;
}
.new-person-view .fieldset-row label {
  display: block;
}
.new-person-view .fieldset-row.contact {
  padding: 10px 0;
}
.new-person-view .fieldset-row.contact h5 {
  margin-bottom: 3px;
}
.new-person-view .fieldset-row.contact p {
  font-size: 12px;
  line-height: 15px;
}
.new-person-view fieldset {
  float: left;
  margin-right: 17px;
}
.new-person-view .controls {
  clear: both;
  padding-top: 16px;
}
.new-person-view .step {
  overflow: hidden;
  padding: 17px 20px;
  border: solid 1px var(--neutral-4);
  background-color: white;
  display: none;
}
.new-person-view .step a.next,
.new-person-view .step a.create,
.new-person-view .step a.confirm,
.new-person-view .step a.previous {
  display: inline-block;
  border: solid 1px rgb(145.4109589041, 221.0273972603, 48.9726027397);
}
.new-person-view .step a.previous {
  width: auto;
  background-color: var(--neutral-6);
  color: #55565a;
  border: solid 1px #55565a;
}
.new-person-view .step a.confirm.disabled {
  background-color: var(--neutral-4);
}
.new-person-view .step h2 {
  margin: 0;
}
.new-person-view .step.current {
  display: block;
}
.user-confirmation {
  border: solid 1px var(--neutral-4);
  background-color: white;
  padding: 31px 30px;
  margin: 30px 19px;
}
.user-confirmation label {
  display: block;
}
.user-confirmation .fieldset-row {
  clear: both;
}
.user-confirmation .fieldset-row.passwords fieldset {
  float: left;
  margin-right: 17px;
}
.user-confirmation input[type=submit] {
  margin-top: 16px;
}

#user_lookup {
  width: 250px;
}

.invalid-field #user_lookup {
  border-color: var(--primary-red);
  color: var(--primary-red);
}

#user_password_email,
#user_email {
  width: 250px;
}

#user_vendor_company {
  display: block;
}

.person-save-notification {
  display: none;
  position: absolute;
  background-color: white;
  top: 0;
}
.person-save-notification:active {
  display: block;
}

body.placeDetailView {
  min-width: 940px;
}

.place-assignment-stats li {
  float: left;
  margin-right: 14px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: var(--neutral-3);
}
.place-assignment-stats li strong {
  font-weight: 400;
  font-size: 12px;
  color: #495e63;
}
.place-assignment-stats li strong.empty {
  color: var(--neutral-5);
}
.place-assignment-stats li:last-child {
  margin-right: 0px;
}
.place-assignment-stats li span.icon {
  margin: -2px 4px 0 0;
  display: inline-block;
}
.place-assignment-stats li span.icon.open {
  width: 11px;
  height: 11px;
  background: url("images/places/taskOpen.png") no-repeat right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .place-assignment-stats li span.icon.open {
    background-image: url("images/places/taskOpen@2x.png");
    background-size: 22px 11px;
  }
}
.place-assignment-stats li span.icon.emergency {
  width: 10px;
  height: 9px;
  background: url("images/places/taskUrgent.png") no-repeat right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .place-assignment-stats li span.icon.emergency {
    background-image: url("images/places/taskUrgent@2x.png");
    background-size: 21px 9px;
  }
}
.place-assignment-stats li span.icon.overdue {
  width: 9px;
  height: 9px;
  background: url("images/places/taskPastDue.png") no-repeat right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .place-assignment-stats li span.icon.overdue {
    background-image: url("images/places/taskPastDue@2x.png");
    background-size: 20px 9px;
  }
}
.place-assignment-stats li span.icon.hasTasks {
  background-position: left;
}

.places-detail-view-container {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 30;
  display: none;
}
.places-detail-view-container.enabled {
  display: block;
}

.places-detail-view {
  position: absolute;
  height: 100%;
  width: 100%;
  background: var(--neutral-8-white-);
}
.places-detail-view .modal-close {
  position: absolute;
  top: 13px;
  right: 20px;
}
.places-detail-view nav.detail-container {
  position: relative;
}
.places-detail-view nav.detail-container .buttons {
  position: absolute;
  top: 11px;
  right: 20px;
}
.places-detail-view nav.detail-container .buttons a {
  cursor: pointer;
  display: block;
  float: right;
}
.places-detail-view nav.detail-container .buttons a.edit {
  margin-left: 20px;
  width: 15px;
  height: 16px;
  background: url("images/places/editIcon.png") no-repeat top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-detail-view nav.detail-container .buttons a.edit {
    background-image: url("images/places/editIcon@2x.png");
    background-size: 15px 16px;
  }
}
.places-detail-view nav.detail-container .buttons a.dup {
  width: 16px;
  height: 17px;
  background: url("images/places/duplicateIcon.png") no-repeat top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-detail-view nav.detail-container .buttons a.dup {
    background-image: url("images/places/duplicateIcon@2x.png");
    background-size: 16px 17px;
  }
}
.places-detail-view nav.detail-container .buttons a.message {
  cursor: default;
  margin-left: 20px;
  width: 18px;
  height: 17px;
  background: url("images/places/messageIcon.png") no-repeat top;
  opacity: 0.4;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-detail-view nav.detail-container .buttons a.message {
    background-image: url("images/places/messageIcon@2x.png");
    background-size: 18px 17px;
  }
}
.places-detail-view nav.detail-container .buttons a.message.active {
  cursor: pointer;
  opacity: 1;
}
.places-detail-view .detail-container {
  width: 950px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}
.places-detail-view .detail-container div.left {
  float: left;
  width: 590px;
  box-sizing: border-box;
}
.places-detail-view .detail-container div.right {
  float: right;
  width: 340px;
  box-sizing: border-box;
}
.places-detail-view .detail-callout {
  height: 200px;
  background: rgba(246, 248, 249, 0.4);
  border: 1px solid var(--neutral-7);
}
.places-detail-view .detail-callout .detail-container div.left {
  height: 200px;
}
.places-detail-view .breadcrumbs {
  position: relative;
  font-size: 12px;
  color: var(--neutral-2);
  line-height: 40px;
  height: 40px;
}
.places-detail-view .breadcrumbs ul li {
  float: left;
  margin-right: 10px;
}
.places-detail-view .breadcrumbs ul li:not(.arrow) {
  cursor: pointer;
}
.places-detail-view .breadcrumbs ul li:not(.arrow):hover {
  text-decoration: underline;
}
.places-detail-view .breadcrumbs ul li:first-of-type {
  color: #9dbacc;
  cursor: default;
}
.places-detail-view .breadcrumbs ul li:first-of-type:hover {
  text-decoration: none;
}
.places-detail-view .breadcrumbs ul li.arrow span {
  display: block;
  width: 7px;
  height: 40px;
  background: url("images/places/breadcrumbArrow.png") no-repeat;
  background-position: center center;
  background-size: 7px 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-detail-view .breadcrumbs ul li.arrow span {
    background-image: url("images/places/breadcrumbArrow@2x.png");
    background-size: 7px 10px;
  }
}
.places-detail-view .breadcrumbs ul li.arrow:last-of-type {
  display: none;
}
.places-detail-view .detail-content {
  position: absolute;
  top: 240px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.places-detail-view .detail-content .detail-container {
  height: 100%;
}
.places-detail-view .detail-content .detail-container div.left {
  overflow-y: auto;
  max-height: 100%;
}
.places-detail-view .detail-map {
  height: 200px;
  background: var(--neutral-0-black-);
  cursor: default;
}
.places-detail-view .detail-map .leaflet-tile-pane {
  opacity: 0.6;
}
.places-detail-view a.standardButton.blue {
  width: 54px;
  min-width: 54px;
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 12px;
}

.detail-container-main {
  position: relative;
}
.detail-container-main header {
  margin-top: 15px;
}
.detail-container-main header .place-type-icon.large {
  float: left;
  width: 54px;
  height: 54px;
  margin: 10px 12px 0 0;
}
.detail-container-main header .place-type-icon.large svg {
  width: 54px;
  height: 54px;
}
.detail-container-main header .other {
  float: left;
  width: 524px;
}
.detail-container-main header .other h1 {
  font-weight: 300;
  font-size: 36px;
  color: var(--neutral-2);
  line-height: 49px;
}
.detail-container-main header .other h2 {
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--neutral-6);
  padding-bottom: 10px;
  margin-bottom: 8px;
}
.detail-container-main header .other .place-assignment-stats li {
  margin-right: 25px;
}
.detail-container-main .subtype-totals {
  position: absolute;
  bottom: 20px;
  width: 100%;
  max-height: 46px;
  overflow: hidden;
  font-size: 16px;
  color: var(--neutral-2);
  line-height: 22px;
}
.detail-container-main .subtype-totals .place-stat {
  float: left;
  margin-right: 35px;
}
.detail-container-main .subtype-totals .place-stat .place-type-icon {
  width: 24px;
  height: 24px;
  background-size: 16px 16px;
  margin: -4px 6px 0 0;
  vertical-align: middle;
  border-radius: 0;
  display: inline-block;
}
.detail-container-main .subtype-totals .place-stat .place-type-icon svg {
  width: 24px;
  height: 24px;
}
.detail-container-main .subtype-totals .place-stat strong {
  font-weight: 700;
}
.detail-container-main .subtype-totals .place-stat:last-child {
  margin-right: 0px;
}

.detail-info-container {
  padding: 24px 32px 0 0;
}
.detail-info-container .detail-info-block {
  border-bottom: 1px solid var(--neutral-6);
  width: 100%;
  padding: 0 0 15px;
  margin-bottom: 20px;
}
.detail-info-container .detail-info-block h5 {
  width: 132px;
  float: left;
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.detail-info-container .detail-info-block div.info {
  float: left;
  width: 400px;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 17px;
}
.detail-info-container .detail-info-block div.info strong {
  font-weight: 700;
}
.detail-info-container .detail-info-block div.info .unitType {
  float: left;
  width: 170px;
}
.detail-info-container .detail-info-block div.info .access-method {
  width: 180px;
  display: inline-block;
}
.detail-info-container .detail-info-block div.info .access-method a {
  color: var(--primary-blue);
  font-weight: 600;
  cursor: pointer;
}
.detail-info-container .detail-info-block div.info .access-method a:hover, .detail-info-container .detail-info-block div.info .access-method a:focus-visible, .detail-info-container .detail-info-block div.info .access-method a:active {
  color: var(--primary-blue-2-hover);
}

.detail-task-container {
  position: relative;
  height: 100%;
  border-left: 1px solid var(--neutral-6);
  border-right: 1px solid var(--neutral-6);
  padding-top: 24px;
  box-sizing: border-box;
}
.detail-task-container header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 24px;
  background-color: var(--neutral-7);
  border-bottom: 1px solid var(--neutral-6);
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-2);
  line-height: 24px;
  letter-spacing: 1px;
  padding: 0 14px;
  text-transform: uppercase;
  box-sizing: border-box;
}
.detail-task-container .places-task-list {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.detail-task-container .places-task-list .noTasks {
  padding: 20px;
}
.detail-task-container .places-task-list .noTasks h5 {
  font-size: 18px;
  line-height: 24px;
  color: var(--neutral-3);
}
.detail-task-container .places-task-list .noTasks p {
  font-size: 14px;
  line-height: 19px;
  color: var(--neutral-4);
  padding: 6px 0 0;
}
.detail-task-container .place-task {
  cursor: pointer;
  height: 48px;
  border-bottom: 1px solid var(--neutral-6);
}
.detail-task-container .place-task:hover {
  background: #edf2f4;
}
.detail-task-container .place-task .icon {
  float: left;
  margin: 7px 10px 7px 12px;
}
.detail-task-container .place-task .icon .assignment-icon.outer {
  width: 32px;
  height: 32px;
}
.detail-task-container .place-task .icon .assignment-icon.outer .assignment-icon-inner {
  margin: 2px !important;
}
.detail-task-container .place-task .info {
  float: left;
  margin: 8px 0 9px;
  max-width: 60%;
}
.detail-task-container .place-task .info h5 {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-task-container .place-task .info p {
  display: block;
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.detail-task-container .place-task .info.long-date h5 {
  max-width: 100px;
}
.detail-task-container .place-task .due {
  float: right;
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 48px;
  letter-spacing: 1px;
  margin-right: 13px;
  text-align: right;
  text-transform: uppercase;
}
.detail-task-container .place-task.pastdue .assignment-icon {
  background-color: #ffb601;
}
.detail-task-container .place-task.pastdue .due {
  color: #ffb601;
}
.detail-task-container .place-task.emergency .assignment-icon {
  background-color: var(--primary-red);
}
.detail-task-container .place-task.emergency .due {
  color: var(--primary-red);
}

.places-view .sr-action-bar {
  z-index: 10;
}
.places-view .map-menu {
  display: none;
  position: absolute;
  right: 24px;
  bottom: 18px;
  z-index: 20;
  width: 318px;
  height: 164px;
  color: var(--neutral-8-white-);
  background-color: var(--neutral-0-black-);
  background-color: rgba(0, 0, 0, 0.6);
  padding: 22px 25px;
  box-sizing: border-box;
}
.places-view .map-menu h4 {
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.places-view .map-menu p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
.places-view .map-menu .standardButton {
  float: left;
  margin-right: 10px;
  min-width: 100px;
  width: 100px;
}
.places-view .map-menu.active {
  display: block;
}
.places-view .places-content .duplicate-loading {
  display: none;
  position: absolute;
  bottom: 16px;
  right: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  color: var(--neutral-8-white-);
  z-index: 10;
  vertical-align: top;
  border-radius: 4px;
}
.places-view .places-content .duplicate-loading.enabled.has-place {
  display: block;
}
.places-view .places-content .duplicate-loading .inline-loading {
  display: inline-block;
  margin: 2px 2px 0 0;
  vertical-align: top;
}
.places-view .places-content .duplicate-loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.places-view .places-content .duplicate-loading .place-type-icon {
  margin-right: 2px;
  display: inline-block;
  vertical-align: top;
}
.places-view .places-content .duplicate-loading span {
  vertical-align: top;
  margin-top: 1px;
  display: inline-block;
}
.places-view .places-content .duplicate-loading strong {
  font-weight: 700;
}
.places-view .places-content .places-map {
  z-index: 5;
  background: var(--neutral-0-black-);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.places-view .places-content .places-map .leaflet-tile-pane {
  opacity: 0.6;
}
.places-view .places-content .places-map.inMove .leaflet-clickable {
  cursor: move;
}
.places-view .places-content .places-map .place-shape {
  transition: fill-opacity 0.05s ease-in-out 0s;
}
.places-view .places-content .places-map .leaflet-draw-guide-dash {
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.places-view .places-content .places-map .leaflet-editing-icon {
  width: 1px !important;
  height: 1px !important;
  box-sizing: border-box;
  border-radius: 50%;
}
.places-view .places-content .places-map .leaflet-editing-icon.big {
  width: 10px !important;
  height: 10px !important;
  margin: -5px 0 0 -5px !important;
  border: 1px solid #82d0ff;
  background-color: var(--neutral-8-white-);
}
.places-view .places-content .places-map .leaflet-editing-icon.small {
  width: 8px !important;
  height: 8px !important;
  margin: -4px 0 0 -4px !important;
  background-color: #82d0ff;
  border: transparent;
}
.places-view .places-content .places-map.placetype-amenity .leaflet-editing-icon.big {
  border: 1px solid #ff8900;
}
.places-view .places-content .places-map.placetype-amenity .leaflet-editing-icon.small {
  background-color: #ff8900;
}
.places-view .places-content .places-map.placetypedetail-phase .leaflet-editing-icon.big {
  border: 1px solid #68c821;
}
.places-view .places-content .places-map.placetypedetail-phase .leaflet-editing-icon.small {
  background-color: #68c821;
}
.places-view .places-content .panel-container {
  overflow: hidden;
}
.places-view header.primary-header {
  display: none;
  height: 44px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #edf2f4;
}
.places-view header.primary-header ul.pills {
  display: none;
  float: right;
  margin: 8px 15px;
  border: 1px solid #bacdd8;
  box-sizing: border-box;
  border-radius: 4px;
}
.places-view header.primary-header ul.pills li {
  float: left;
  width: 80px;
  height: 26px;
  background-color: #edf2f4;
  border-right: 1px solid #bacdd8;
  color: #47758f;
  line-height: 26px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
.places-view header.primary-header ul.pills li.active, .places-view header.primary-header ul.pills li:hover {
  background-color: var(--neutral-5);
}
.places-view header.primary-header ul.pills li:first-child {
  border-radius: 4px 0 0 4px;
}
.places-view header.primary-header ul.pills li:last-child {
  border-right: 0px;
  border-radius: 0 4px 4px 0;
}

.places-edit-view .debug-container {
  position: absolute;
  z-index: 15;
  width: 400px;
  height: 90px;
  bottom: 40px;
  left: 40px;
  background-color: var(--neutral-8-white-);
  padding: 10px;
  font-size: 12px;
  line-height: normal;
  opacity: 0;
  box-sizing: border-box;
  border-radius: 5px;
  transition: opacity 0.25s ease-in;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.places-edit-view .debug-container.geoJSON {
  height: 200px;
}
.places-edit-view .debug-container.active {
  opacity: 1;
}
.places-edit-view .debug-container strong {
  font-weight: 700;
}
.places-edit-view .debug-container div.geoJSON {
  width: 100%;
  height: 150px;
  overflow-y: scroll;
  font-family: monospace;
}

.places-hover {
  position: absolute;
  width: 244px;
  height: 95px;
  z-index: 1000;
  background-color: var(--neutral-8-white-);
  display: none;
  border-radius: 4px;
  box-sizing: border-box;
  transition: box-shadow 0.15s ease-in-out;
}
.places-hover .place-hover-info {
  padding: 10px;
  cursor: pointer;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: var(--neutral-8-white-);
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.places-hover .place-type-icon {
  float: left;
  margin-right: 10px;
}
.places-hover .place-type-icon svg {
  width: 38px;
  height: 38px;
}
.places-hover .place-header-name {
  float: left;
  width: 174px;
  font-weight: 600;
  color: var(--neutral-2);
}
.places-hover .place-header-name h4 {
  font-size: 14px;
  line-height: 19px;
  margin: 1px 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.places-hover .place-header-name span {
  margin-top: -1px;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.4;
}
.places-hover .place-hover-actions {
  position: absolute;
  bottom: 0;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  background-color: var(--neutral-7);
  height: 37px;
  width: 100%;
  z-index: 20;
  border-radius: 0 0 4px 4px;
}
.places-hover .place-hover-actions .place-assignment-stats {
  float: left;
  margin: 9px 0 10px 12px;
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}
.places-hover .place-hover-actions .place-assignment-stats.disabled {
  opacity: 0.5;
}
.places-hover .place-hover-actions .place-assignment-stats li {
  margin-right: 10px;
}
.places-hover .place-hover-actions .place-assignment-stats li strong {
  font-size: 12px;
}
.places-hover .place-hover-actions .place-assignment-stats li.open {
  font-size: 10px;
  color: var(--neutral-3);
  text-transform: uppercase;
}
.places-hover .place-hover-actions .editBtn,
.places-hover .place-hover-actions .dupBtn,
.places-hover .place-hover-actions .messageBtn {
  cursor: pointer;
  float: right;
  margin: 8px 14px;
}
.places-hover .place-hover-actions .editBtn span.icon,
.places-hover .place-hover-actions .dupBtn span.icon,
.places-hover .place-hover-actions .messageBtn span.icon {
  margin: -3px 0 0 0;
  width: 15px;
  height: 16px;
  background: url("images/places/editIcon.png") no-repeat top;
  background-position: left;
  display: inline-block;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-hover .place-hover-actions .editBtn span.icon,
  .places-hover .place-hover-actions .dupBtn span.icon,
  .places-hover .place-hover-actions .messageBtn span.icon {
    background-image: url("images/places/editIcon@2x.png");
    background-size: 15px 16px;
  }
}
.places-hover .place-hover-actions .editBtn.messageBtn,
.places-hover .place-hover-actions .dupBtn.messageBtn,
.places-hover .place-hover-actions .messageBtn.messageBtn {
  cursor: default;
  margin: 9px 14px 7px 0;
  opacity: 0.4;
  transition: opacity 0.15s ease-in-out;
}
.places-hover .place-hover-actions .editBtn.messageBtn.active,
.places-hover .place-hover-actions .dupBtn.messageBtn.active,
.places-hover .place-hover-actions .messageBtn.messageBtn.active {
  cursor: pointer;
  opacity: 1;
}
.places-hover .place-hover-actions .editBtn.messageBtn span.icon,
.places-hover .place-hover-actions .dupBtn.messageBtn span.icon,
.places-hover .place-hover-actions .messageBtn.messageBtn span.icon {
  width: 18px;
  height: 17px;
  background: url("images/places/messageIcon.png") no-repeat top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-hover .place-hover-actions .editBtn.messageBtn span.icon,
  .places-hover .place-hover-actions .dupBtn.messageBtn span.icon,
  .places-hover .place-hover-actions .messageBtn.messageBtn span.icon {
    background-image: url("images/places/messageIcon@2x.png");
    background-size: 18px 17px;
  }
}
.places-hover .place-hover-actions .editBtn.dupBtn,
.places-hover .place-hover-actions .dupBtn.dupBtn,
.places-hover .place-hover-actions .messageBtn.dupBtn {
  margin: 8px 0;
}
.places-hover .place-hover-actions .editBtn.dupBtn span.icon,
.places-hover .place-hover-actions .dupBtn.dupBtn span.icon,
.places-hover .place-hover-actions .messageBtn.dupBtn span.icon {
  width: 16px;
  height: 17px;
  background: url("images/places/duplicateIcon.png") no-repeat top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-hover .place-hover-actions .editBtn.dupBtn span.icon,
  .places-hover .place-hover-actions .dupBtn.dupBtn span.icon,
  .places-hover .place-hover-actions .messageBtn.dupBtn span.icon {
    background-image: url("images/places/duplicateIcon@2x.png");
    background-size: 16px 17px;
  }
}
.places-hover:before, .places-hover:after {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--neutral-7);
  position: absolute;
  top: 100%;
  right: 50%;
  margin: -6px 0 0 -6px;
  z-index: 11;
  transform: rotate(45deg);
}
.places-hover.top:before, .places-hover.top:after {
  top: 0;
  background: var(--neutral-8-white-);
}
.places-hover.left:before, .places-hover.left:after {
  top: 50%;
  right: 0;
  background: var(--neutral-8-white-);
  margin: -6px -6px 0 0;
}
.places-hover.right:before, .places-hover.right:after {
  top: 50%;
  left: 0;
  background: var(--neutral-8-white-);
}
.places-hover.upper:before, .places-hover.upper:after {
  top: 17px;
}
.places-hover.lower:before, .places-hover.lower:after {
  top: 77px;
  background: var(--neutral-7);
}
.places-hover.none:before, .places-hover.none:after {
  display: none;
}
.places-hover:after {
  transition: box-shadow 0.15s ease-in-out;
}
.places-hover:hover {
  box-shadow: 0px 0px 6px 1px #82d0ff;
}
.places-hover:hover:after {
  z-index: 9;
  box-shadow: 0px 0px 6px 1px #82d0ff;
}
.places-hover:hover.placetype-amenity {
  box-shadow: 0px 0px 6px 1px #ff8900;
}
.places-hover:hover.placetype-amenity:after {
  box-shadow: 0px 0px 6px 1px #ff8900;
}
.places-hover:hover.placetypedetail-phase {
  box-shadow: 0px 0px 6px 1px #68c821;
}
.places-hover:hover.placetypedetail-phase:after {
  box-shadow: 0px 0px 6px 1px #68c821;
}

.places-map-controls {
  position: absolute;
  z-index: 20;
}
.places-map-controls.editEnabled {
  right: 525px;
}
.places-map-controls a:not(.map-zoomIn):not(.map-zoomOut) {
  position: relative;
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
}
.places-map-controls a:not(.map-zoomIn):not(.map-zoomOut).disable {
  opacity: 0.5;
  cursor: default;
}
.places-map-controls a.text {
  font-size: 16px;
  font-weight: 700;
  background-color: var(--neutral-0-black-);
  color: #9dbacc;
  text-align: center;
  border: 1px solid #9dbacc;
  line-height: 26px;
  border-radius: 50%;
  box-sizing: border-box;
}
.places-map-controls a.text:hover, .places-map-controls a.text.disable {
  color: var(--neutral-8-white-);
  background-color: var(--neutral-0-black-);
  border-color: var(--neutral-8-white-);
}

#placesLeftPanel {
  width: 280px;
  left: -280px;
  z-index: 6;
  padding-bottom: 0px;
  transition: width 0.5s ease-in-out;
}
#placesLeftPanel.editEnabled {
  width: 208px;
  left: -208px;
}
#placesLeftPanel.open {
  left: 0px;
}

.places-sidebar {
  height: 100%;
  box-sizing: border-box;
}
.places-sidebar.hasHeader {
  padding-top: 40px;
}
.places-sidebar header {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 40px;
  border-top: 1px solid var(--neutral-5);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 40px;
  z-index: 2;
  padding: 0 40px;
  box-sizing: border-box;
}
.places-sidebar header a.editButton {
  display: block;
  position: absolute;
  right: 10px;
  top: 6px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-size: 84px 28px;
  background: url("images/places/addPlaceBtn.png") no-repeat;
  transition: opacity 0.5s ease-in-out;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar header a.editButton {
    background-image: url("images/places/addPlaceBtn@2x.png");
    background-size: 84px 28px;
  }
}
.places-sidebar header a.editButton:hover span {
  opacity: 1;
}
.places-sidebar header a.editButton:active span {
  opacity: 1;
  background-position: right;
}
.places-sidebar header a.editButton.disabled {
  opacity: 0;
  cursor: default;
}
.places-sidebar header a.editButton span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("images/places/addPlaceBtn.png") no-repeat;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar header a.editButton span {
    background-image: url("images/places/addPlaceBtn@2x.png");
    background-size: 84px 28px;
  }
}
.places-sidebar header span.icon {
  cursor: pointer;
  position: absolute;
  left: 13px;
  top: 11px;
  display: block;
  width: 10px;
  height: 18px;
  background: url("images/places/sidebarBack.png") no-repeat;
  transition: all 0.5s ease-in-out;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar header span.icon {
    background-image: url("images/places/sidebarBack@2x.png");
    background-size: 10px 18px;
  }
}
.places-sidebar header span.icon.disabled {
  left: -10px;
  opacity: 0;
}

.places-sidebar-list {
  border-top: 1px solid var(--neutral-5);
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.places-sidebar-list .places-sidebar-list-inner {
  position: relative;
  min-height: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
}
.places-sidebar-list .places-sidebar-button {
  transition: opacity 0.2s ease-in-out, background-color 0.1s ease-in-out;
  opacity: 1;
  background-color: var(--neutral-7);
  border-right: 0px;
  border-left: 0px;
}
.places-sidebar-list .places-sidebar-button.disabled {
  opacity: 0;
  pointer: default !important;
}

.places-sidebar-empty {
  cursor: pointer;
  text-align: center;
  padding: 100px 20px 60px;
}
.places-sidebar-empty div.place-type-icon {
  margin: 30px auto 20px;
  width: 74px;
  height: 74px;
}
.places-sidebar-empty .emoji {
  font-size: 100px;
  line-height: 100px;
  margin-bottom: 10px;
}
.places-sidebar-empty h4 {
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 16px;
  color: var(--neutral-2);
  line-height: 22px;
}
.places-sidebar-empty p {
  font-size: 12px;
  color: var(--neutral-2);
  line-height: 17px;
}
.places-sidebar-empty h4,
.places-sidebar-empty p {
  opacity: 0.6;
  transition: opacity 0.1s ease-in-out;
}
.places-sidebar-empty:hover h4,
.places-sidebar-empty:hover p {
  opacity: 1;
}

.places-sidebar-place {
  background-color: #ffffff;
  border-bottom: 1px solid var(--neutral-5);
  position: relative;
  height: 54px;
  width: 100%;
  overflow: hidden;
}
.places-sidebar-place .sort {
  transition: all 0.25s ease-in-out 0.15s;
  display: block;
  position: absolute;
  top: 0;
  left: -40px;
  width: 40px;
  height: 54px;
  background-color: #ffffff;
  z-index: 5;
}
.places-sidebar-place .sort span.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  width: 13px;
  height: 10px;
  background: url("images/places/sortIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar-place .sort span.icon {
    background-image: url("images/places/sortIcon@2x.png");
    background-size: 13px 10px;
  }
}
.places-sidebar-place .actions {
  transition: all 0.25s ease-in-out 0.15s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 54px;
  cursor: pointer;
  z-index: 0;
}
.places-sidebar-place .actions a,
.places-sidebar-place .actions a span {
  cursor: pointer;
  display: block;
  width: 60px;
  height: 54px;
  background: url("images/places/detailButton.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar-place .actions a,
  .places-sidebar-place .actions a span {
    background-image: url("images/places/detailButton@2x.png");
    background-size: 120px 54px;
  }
}
.places-sidebar-place .actions a {
  position: relative;
  background-position: top left;
}
.places-sidebar-place .actions a span {
  position: absolute;
  background-position: top right;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.places-sidebar-place .actions a:hover span {
  opacity: 1;
}
.places-sidebar-place .information {
  transition: left 0.25s ease-in-out 0.15s, padding-right 0.25s ease-in-out 0.15s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  cursor: pointer;
  z-index: 10;
  background-color: #ffffff;
  box-sizing: border-box;
}
.places-sidebar-place .information .place-type-icon {
  float: left;
  margin: 7px 10px 7px 12px;
}
.places-sidebar-place .information .place-type-icon svg {
  width: 38px;
  height: 38px;
}
.places-sidebar-place .information .name {
  float: left;
  margin: 10px 0;
  width: 167px;
  transition: width 0.25s ease-in-out 0.15s;
}
.places-sidebar-place .information .name .sr-input {
  all: initial;
}
.places-sidebar-place .information .name input {
  width: 95%;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 3px;
}
.places-sidebar-place .information .name h3 {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 19px;
  margin-bottom: 1px;
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
}
.places-sidebar-place .information .name p {
  display: block;
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
}
.places-sidebar-place .information .arrow {
  float: right;
  margin: 22px 12px;
  width: 7px;
  height: 10px;
  background: url("images/places/arrow.png") no-repeat;
  transition: opacity 0.25s ease-in-out 0.15s;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar-place .information .arrow {
    background-image: url("images/places/arrow@2x.png");
    background-size: 7px 10px;
  }
}
.places-sidebar-place .count {
  position: absolute;
  top: 0;
  right: 31px;
  height: 54px;
  width: 20px;
  line-height: 54px;
  font-size: 14px;
  color: var(--neutral-3);
  text-align: right;
  z-index: 10;
  transition: opacity 0.25s ease-in-out 0.15s;
}
.places-sidebar-place.disableHovers .information {
  cursor: default !important;
}
.places-sidebar-place:not(.isEditing):not(.disableHovers):hover .count,
.places-sidebar-place:not(.isEditing):not(.disableHovers):hover .arrow {
  opacity: 0;
  transition: opacity 0.25s ease-in-out 0.5s;
}
.places-sidebar-place:not(.isEditing):not(.disableHovers):hover .actions {
  left: 0px;
  transition: all 0.25s ease-in-out 0.5s;
}
.places-sidebar-place:not(.isEditing):not(.disableHovers):hover .information {
  padding-right: 60px;
  left: 60px;
  transition: left 0.25s ease-in-out 0.5s, padding-right 0.25s ease-in-out 0.5s;
}
.places-sidebar-place:not(.isEditing):not(.disableHovers):hover .information .name {
  width: 125px;
  transition: width 0.5s;
}
.places-sidebar-place.isInEditMode .information .name {
  width: 115px;
}
.places-sidebar-place.isInEditMode:not(.isEditing):not(.disableHovers):hover .information .name {
  width: 55px;
}
.places-sidebar-place.isInSortMode .count,
.places-sidebar-place.isInSortMode .arrow {
  opacity: 0;
}
.places-sidebar-place.isInSortMode .sort {
  left: 0px;
  cursor: ns-resize;
  transition: opacity 0.25s ease-in-out 0.5s;
}
.places-sidebar-place.isInSortMode .information {
  padding-right: 40px;
  left: 30px;
  cursor: ns-resize !important;
}
.places-sidebar-place.isInSortMode .information .name {
  width: 145px;
}
.places-sidebar-place:hover:not(.disableHovers), .places-sidebar-place.mapHover, .places-sidebar-place.isEditing {
  background: var(--list-1-hover);
}
.places-sidebar-place:hover:not(.disableHovers) .information, .places-sidebar-place.mapHover .information, .places-sidebar-place.isEditing .information {
  background: var(--list-1-hover);
}
.places-sidebar-place:hover:not(.disableHovers) .information .arrow, .places-sidebar-place.mapHover .information .arrow, .places-sidebar-place.isEditing .information .arrow {
  background: url("images/places/arrowDark.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-sidebar-place:hover:not(.disableHovers) .information .arrow, .places-sidebar-place.mapHover .information .arrow, .places-sidebar-place.isEditing .information .arrow {
    background-image: url("images/places/arrowDark@2x.png");
    background-size: 7px 10px;
  }
}
.places-sidebar-place.isEditing .information .name h3 {
  color: var(--neutral-3);
}
.places-sidebar-place.isEditing .information .name p {
  color: var(--neutral-4);
}

.places-edit-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.places-edit-view .places-map-controls {
  top: 118px;
  right: 20px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.places-edit-view .places-map-controls.editEnabled {
  right: 250px;
}
.places-edit-view .places-map-controls.editEnabled.editActive {
  right: 320px;
  opacity: 1;
}

.leaflet-draw.leaflet-control {
  display: none;
}

.places-edit-popup {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 30;
  margin: -50px 0 0 -50px;
}
.places-edit-popup a {
  position: absolute;
  display: block;
  width: 46px;
  height: 46px;
  cursor: pointer;
  background-position: left;
  background-repeat: no-repeat;
  top: 50px;
  left: 50px;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.05s ease-in 0.05s, left 0.1s ease-in, top 0.1s ease-in;
}
.places-edit-popup a span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: right;
  background-repeat: no-repeat;
  opacity: 0;
}
.places-edit-popup a:hover span {
  opacity: 1;
}
.places-edit-popup a:active {
  margin-top: 1px;
}
.places-edit-popup a.editPoly, .places-edit-popup a.editPoly span {
  background-image: url("images/places/editPoly.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-edit-popup a.editPoly, .places-edit-popup a.editPoly span {
    background-image: url("images/places/editPoly@2x.png");
    background-size: 92px 46px;
  }
}
.places-edit-popup a.editMove, .places-edit-popup a.editMove span {
  background-image: url("images/places/editMove.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-edit-popup a.editMove, .places-edit-popup a.editMove span {
    background-image: url("images/places/editMove@2x.png");
    background-size: 92px 46px;
  }
}
.places-edit-popup a.editRotate, .places-edit-popup a.editRotate span {
  background-image: url("images/places/editRotate.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-edit-popup a.editRotate, .places-edit-popup a.editRotate span {
    background-image: url("images/places/editRotate@2x.png");
    background-size: 92px 46px;
  }
}
.places-edit-popup a.editTrash, .places-edit-popup a.editTrash span {
  background-image: url("images/places/editTrash.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .places-edit-popup a.editTrash, .places-edit-popup a.editTrash span {
    background-image: url("images/places/editTrash@2x.png");
    background-size: 92px 46px;
  }
}
.places-edit-popup.open a {
  transition: opacity 0.1s ease-in 0.1s, left 0.2s ease-in, top 0.2s ease-in;
  opacity: 1;
}
.places-edit-popup.open a.editPoly {
  top: 50px;
  left: 80px;
}
.places-edit-popup.open a.editMove {
  top: 20px;
  left: 50px;
}
.places-edit-popup.open a.editRotate {
  top: 50px;
  left: 20px;
}
.places-edit-popup.open a.editTrash {
  top: 80px;
  left: 50px;
}

#placesRightPanel {
  width: 500px;
  display: none;
  z-index: 25;
  padding-bottom: 40px;
}
#placesRightPanel.open {
  display: block;
}
#placesRightPanel p.editDisabled,
#placesRightPanel p.isDeleted {
  padding: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}
#placesRightPanel .mapped-create-view {
  overflow-y: auto;
  height: 100vh;
}
#placesRightPanel .mapped-create-view .inner-elements {
  padding: 42px 0 62px;
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
}
#placesRightPanel .mapped-create-view .sr-tag-entry .multi-select-list-container.open {
  padding-bottom: 50px;
}
#placesRightPanel header {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 40px;
  background: #ffffff;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 40px;
  text-align: center;
  border-top: 1px solid var(--neutral-6);
  border-bottom: 1px solid var(--neutral-6);
}
#placesRightPanel header button {
  position: absolute;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  color: #6f6f6f;
  text-transform: uppercase;
  cursor: pointer;
  top: 12px;
  right: 16px;
  outline: none;
  border: 0px;
  -webkit-font-smoothing: antialiased;
  padding: 0px;
}
#placesRightPanel header button::-moz-focus-inner {
  border: 0;
}
#placesRightPanel header button:hover, #placesRightPanel header button:focus {
  color: var(--neutral-2);
}
#placesRightPanel section.shape-instructions {
  height: 32px;
  line-height: 32px;
  background-color: var(--neutral-5);
  font-size: 11px;
  color: var(--neutral-2);
  text-align: center;
}
#placesRightPanel section.form-fields {
  padding: 20px 15px;
  /* REMOVED COLLAPSABLE COMPONENT FROM THIS VIEW */
}
#placesRightPanel section.form-fields h5 {
  font-size: 10px;
  color: var(--neutral-2);
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#placesRightPanel section.form-fields .sr-input {
  margin-top: 12px;
}
#placesRightPanel section.form-fields .sr-input input {
  width: 100%;
}
#placesRightPanel section.form-fields .sr-textarea textarea {
  margin-top: 12px;
  height: 110px;
  font-size: 12px;
  line-height: 17px;
}
#placesRightPanel section.form-fields .address .sr-textarea textarea {
  height: 76px;
}
#placesRightPanel section.form-fields p {
  margin-top: 6px;
  font-size: 11px;
  color: var(--neutral-3);
  line-height: 15px;
}
#placesRightPanel .address-fields {
  margin: 25px 0 4px;
}
#placesRightPanel .address-fields .three {
  margin-top: 12px;
  height: 40px;
  position: relative;
}
#placesRightPanel .address-fields .three section {
  position: absolute;
}
#placesRightPanel .address-fields .three section label {
  margin-top: 0px !important;
}
#placesRightPanel .address-fields .three .city {
  left: 0px;
  width: 105px;
}
#placesRightPanel .address-fields .three .city input {
  border-radius: 3px 0 0 3px;
  border-right: 0px;
}
#placesRightPanel .address-fields .three .stateCB {
  left: 105px;
  width: 60px;
}
#placesRightPanel .address-fields .three .stateCB .sr-selectro .input-container {
  padding: 0 7px;
  border-radius: 0px;
}
#placesRightPanel .address-fields .three .zip {
  left: 165px;
  max-width: 105px;
}
#placesRightPanel .address-fields .three .zip input {
  border-radius: 0 3px 3px 0;
  border-left: 0px;
}
#placesRightPanel section.access {
  margin-top: 30px;
}
#placesRightPanel section.access h5 {
  margin-bottom: 7px;
}
#placesRightPanel section.access .access-input-row {
  padding: 5px 0;
  position: relative;
}
#placesRightPanel section.access .access-input-row .access-fields {
  padding-right: 50px;
}
#placesRightPanel section.access .access-input-row .access-fields .sr-input {
  margin: 0;
}
#placesRightPanel section.access .access-input-row .sr-selectro,
#placesRightPanel section.access .access-input-row .sr-input {
  float: left;
  width: 50%;
}
#placesRightPanel section.access .access-input-row .sr-selectro .input-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#placesRightPanel section.access .access-input-row .sr-input input {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#placesRightPanel section.access .access-input-row .sr-input.disabled .staticPlaceholder {
  color: var(--neutral-5);
}
#placesRightPanel section.access .access-input-row .access-add-buttons {
  display: none;
  position: absolute;
  top: 15px;
  right: 0;
}
#placesRightPanel section.access .access-input-row .access-add-buttons button {
  width: 20px;
  height: 20px;
}
#placesRightPanel section.access .access-input-row .access-add-buttons button:hover {
  background-position: center;
}
#placesRightPanel section.access .access-input-row .access-add-buttons button:active {
  background-position: right;
}
#placesRightPanel section.access .access-input-row .access-add-buttons button.add {
  background-image: url("images/settings/residents/addBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #placesRightPanel section.access .access-input-row .access-add-buttons button.add {
    background-image: url("images/settings/residents/addBtn@2x.png");
    background-size: 60px 20px;
  }
}
#placesRightPanel section.access .access-input-row .access-add-buttons button.add.disabled {
  opacity: 0.4;
  cursor: default;
}
#placesRightPanel section.access .access-input-row .access-add-buttons button.add.disabled:hover, #placesRightPanel section.access .access-input-row .access-add-buttons button.add.disabled:active {
  background-position: left;
}
#placesRightPanel section.access .access-input-row .access-add-buttons button.remove {
  margin-right: 3px;
  background-image: url("images/settings/residents/removeBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #placesRightPanel section.access .access-input-row .access-add-buttons button.remove {
    background-image: url("images/settings/residents/removeBtn@2x.png");
    background-size: 60px 20px;
  }
}
#placesRightPanel section.access .access-input-row:hover .access-add-buttons {
  display: block;
}
#placesRightPanel section.access .access-input-row div.lock {
  position: absolute;
  width: 10px;
  height: 14px;
  top: 18px;
  right: 30px;
  background-image: url("images/settings/residents/lock.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #placesRightPanel section.access .access-input-row div.lock {
    background-image: url("images/settings/residents/lock@2x.png");
    background-size: 10px 14px;
  }
}
#placesRightPanel section.form-header {
  height: 25px;
  line-height: 25px;
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-2);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: var(--neutral-5);
  padding: 0 16px;
  box-sizing: border-box;
}
#placesRightPanel .type-selects .sr-selectro {
  width: 100%;
}
#placesRightPanel .type-selects .sr-selectro:last-child {
  margin-top: 12px;
}
#placesRightPanel .standardButton.delete {
  background-color: transparent;
  border: 1px solid #6c7c85;
  color: #6c7c85;
  width: 250px;
  min-width: 250px;
  margin: 20px auto;
}
#placesRightPanel .standardButton.delete:hover {
  background-color: var(--neutral-8-white-);
  color: var(--primary-red);
  border-color: #9dbacc;
}
#placesRightPanel .delete-confirmation {
  position: absolute;
  display: none;
  z-index: 50;
  left: -203px;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-3);
  width: 198px;
  min-height: 94px;
  padding: 18px 14px;
  text-align: left;
  transform: translateY(-50%);
  box-sizing: border-box;
  border-radius: 4px;
}
#placesRightPanel .delete-confirmation.hasChildren {
  width: 230px;
  left: -235px;
  min-height: 136px;
}
#placesRightPanel .delete-confirmation.hasChildren .input-container {
  position: relative;
}
#placesRightPanel .delete-confirmation.hasChildren .input-container a {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  background: var(--neutral-7);
  border: 1px solid #9dbacc;
  text-align: center;
  font-weight: 700;
  font-size: 10px;
  color: #6c7c85;
  line-height: 40px;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
  cursor: pointer;
}
#placesRightPanel .delete-confirmation.hasChildren .input-container input {
  text-transform: uppercase;
  width: 100%;
  padding-right: 40px;
}
#placesRightPanel .delete-confirmation.hasChildren .input-container.valid a {
  border-color: var(--primary-red);
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
#placesRightPanel .delete-confirmation.hasChildren .input-container.valid input {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
#placesRightPanel .delete-confirmation.hasChildren .input-container.valid input:focus {
  box-shadow: 0px 0px 6px 1px var(--primary-red);
}
#placesRightPanel .delete-confirmation.enabled {
  display: block;
}
#placesRightPanel .delete-confirmation:after, #placesRightPanel .delete-confirmation:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#placesRightPanel .delete-confirmation:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: var(--neutral-8-white-);
  border-width: 10px;
  margin-top: -10px;
}
#placesRightPanel .delete-confirmation:before {
  border-color: rgba(151, 151, 151, 0);
  border-left-color: var(--neutral-3);
  border-width: 11px;
  margin-top: -11px;
}
#placesRightPanel .delete-confirmation p {
  font-size: 12px;
  line-height: 15px;
  display: block;
  margin-bottom: 14px;
}
#placesRightPanel .delete-confirmation .standardButton {
  min-width: 54px;
  width: 54px;
  display: inline-block;
}
#placesRightPanel .delete-confirmation .standardButton:first-child {
  margin-right: 8px;
}

.profile-view {
  background-color: var(--neutral-6);
  font-weight: 400;
  /*
  input[type=text], input[type=password] {
    height: 25px;
    line-height: 25px;
    width: 200px;
    padding-left: 10px;
    border-radius: 4px;
    &.user-first, &.user-last {
      width: 100px;
    }
  }
  label {
    font-weight: bold;
    font-size: $sr-font-size-xsmall;
    display: block;
  }
  */
}
.profile-view section {
  clear: both;
  overflow: hidden;
  padding-top: 10px;
}
.profile-view h2 {
  border-bottom: 1px solid var(--neutral-4);
  font-weight: 600;
}
.profile-view label:not(.sr-input) {
  font-size: 14px;
  margin: 10px 0 4px;
  display: block;
  color: var(--neutral-3);
}
.profile-view .sr-input label {
  display: none;
}
.profile-view input[type=text],
.profile-view input[type=password] {
  width: 290px;
}
.profile-view .user-first,
.profile-view .user-last {
  width: 140px;
  float: left;
  margin-right: 10px;
}
.profile-view .user-first input,
.profile-view .user-last input {
  width: 100%;
}
.profile-view fieldset {
  display: block;
}
.profile-view fieldset .field-note {
  line-height: 14px;
  padding-top: 4px;
}
.profile-view .user-summary {
  float: left;
  margin-left: 20px;
}
.profile-view .profile-picture {
  float: left;
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.profile-view .profile-picture.profile-image {
  background-size: cover;
}
.profile-view .profile-picture.no-profile-image {
  border: 1px solid #cac8c8;
  color: #cac8c8;
  line-height: 120px;
  font-size: 56px;
  text-align: center;
  box-sizing: border-box;
}
.profile-view .email-settings {
  margin-top: 10px;
}
.profile-view .user-password {
  margin-top: 10px;
}
.profile-view .user-information-column {
  width: 300px;
  float: left;
}
.profile-view .user-sites-column {
  width: 300px;
  float: left;
  margin-left: 20px;
}
.profile-view .user-sites-column .site-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.profile-view .user-sites-column .site-address {
  font-size: 12px;
  display: block;
}
.profile-view .controls {
  clear: both;
  padding-top: 20px;
}
.profile-view .controls a.save {
  margin-right: 10px;
}

.reports-view {
  height: 100%;
}

.report-display .report-settings .sr-selectro .imgSpan.handheld-box {
  background-image: url("images/packages/handheld-box.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.handheld-box {
    background-image: url("images/packages/handheld-box@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.large-box {
  background-image: url("images/packages/large-box.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.large-box {
    background-image: url("images/packages/large-box@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.bag {
  background-image: url("images/packages/bag.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.bag {
    background-image: url("images/packages/bag@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.envelope {
  background-image: url("images/packages/envelope.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.envelope {
    background-image: url("images/packages/envelope@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.tube {
  background-image: url("images/packages/tube.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.tube {
    background-image: url("images/packages/tube@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.dry-cleaning {
  background-image: url("images/packages/dry-cleaning.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.dry-cleaning {
    background-image: url("images/packages/dry-cleaning@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.flowers {
  background-image: url("images/packages/flowers.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.flowers {
    background-image: url("images/packages/flowers@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.food {
  background-image: url("images/packages/food.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.food {
    background-image: url("images/packages/food@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.not-specified {
  background-image: url("images/packages/not-specified.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.not-specified {
    background-image: url("images/packages/not-specified@2x.png");
    background-size: 70px 70px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.other {
  background: url("images/packages/other.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.other {
    background-image: url("images/packages/other@2x.png");
    background-size: 80px 80px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.usps {
  background: url("images/packages/usps.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.usps {
    background-image: url("images/packages/usps@2x.png");
    background-size: 80px 80px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.ups {
  background: url("images/packages/ups.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.ups {
    background-image: url("images/packages/ups@2x.png");
    background-size: 80px 80px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.fedex {
  background: url("images/packages/fedex.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.fedex {
    background-image: url("images/packages/fedex@2x.png");
    background-size: 80px 80px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.dhl {
  background: url("images/packages/dhl.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.dhl {
    background-image: url("images/packages/dhl@2x.png");
    background-size: 80px 80px;
  }
}
.report-display .report-settings .sr-selectro .imgSpan.amazon {
  background: url("images/packages/amazon.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .sr-selectro .imgSpan.amazon {
    background-image: url("images/packages/amazon@2x.png");
    background-size: 80px 80px;
  }
}
.report-display .report-settings .package-type-filter .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span),
.report-display .report-settings .package-carrier-filter .sr-selectro-list-item span.imgSpan:not(.highlight):not(.input-checkbox-span):not(.input-radio-span) {
  height: 20px;
}
.report-display .report-settings .urgentFilter .selectro-list-container.filter-mode:not(.in-filter),
.report-display .report-settings .package-type-filter .selectro-list-container.filter-mode:not(.in-filter),
.report-display .report-settings .package-condition-filter .selectro-list-container.filter-mode:not(.in-filter) {
  width: 200px;
}
.report-display .report-settings .package-carrier-filter .selectro-list-container,
.report-display .report-settings .package-status-filter .selectro-list-container {
  width: 150px;
}
.report-display .report-settings .task-filter-button.timeframeFilter .task-filter-subview div.container,
.report-display .report-settings .task-filter-button.timeframeFilter .task-filter-list div.container,
.report-display .report-settings .task-filter-button.timeframeFilter .task-filter-list div.scrollIndicator {
  width: 315px;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon {
  margin-top: 3px !important;
  margin-right: 6px !important;
  background-size: 24px 24px !important;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.today {
  background: url("images/timeframes/24w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.today {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.tomorrow {
  background: url("images/timeframes/24w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.tomorrow {
    background-image: url("images/timeframes/24w/black/tomorrow@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-week {
  background: url("images/timeframes/24w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-week {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.next-week {
  background: url("images/timeframes/24w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.next-week {
    background-image: url("images/timeframes/24w/black/next-week@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-month {
  background: url("images/timeframes/24w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-month {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-quarter {
  background: url("images/timeframes/24w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-quarter {
    background-image: url("images/timeframes/24w/black/this-quarter@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-year {
  background: url("images/timeframes/24w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-year {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-7 {
  background: url("images/timeframes/24w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-7 {
    background-image: url("images/timeframes/24w/black/last-7@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-30 {
  background: url("images/timeframes/24w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-30 {
    background-image: url("images/timeframes/24w/black/last-30@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-week {
  background: url("images/timeframes/24w/black/last-week.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-month {
  background: url("images/timeframes/24w/black/last-month.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-quarter {
  background: url("images/timeframes/24w/black/last-quarter.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.last-year {
  background: url("images/timeframes/24w/black/last-year.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.pick-date, .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.custom {
  background: url("images/timeframes/24w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.pick-date, .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.custom {
    background-image: url("images/timeframes/24w/black/pick-date@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.next-year-and-beyond {
  background: url("images/timeframes/24w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.next-year-and-beyond {
    background-image: url("images/timeframes/24w/black/next-year-and-beyond@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.all-time {
  background: url("images/timeframes/24w/black/all-time.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.repeating {
  background: url("images/timeframes/24w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.repeating {
    background-image: url("images/timeframes/24w/black/repeating@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.unscheduled {
  background: url("images/timeframes/24w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.unscheduled {
    background-image: url("images/timeframes/24w/black/unscheduled@2x.png");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.now {
  background: url("images/timeframes/24w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.now {
    background-image: url("images/timeframes/24w/black/now.svg");
    background-size: 24px 24px;
  }
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-morning {
  background: url("images/timeframes/24w/black/this-morning.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-afternoon {
  background: url("images/timeframes/24w/black/this-afternoon.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.this-evening {
  background: url("images/timeframes/24w/black/this-evening.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.timeframeFilter span.imgIcon.any-time {
  background: url("images/timeframes/24w/black/any-time.svg") no-repeat;
}
.report-display .report-settings .task-filter-button.classificationFilter .task-filter-list div.container,
.report-display .report-settings .task-filter-button.classificationFilter .task-filter-list div.scrollIndicator, .report-display .report-settings .task-filter-button.categoryFilter .task-filter-list div.container,
.report-display .report-settings .task-filter-button.categoryFilter .task-filter-list div.scrollIndicator {
  width: 240px;
}
.report-display .report-settings .task-filter-button.classificationFilter .task-filter-list.secondary, .report-display .report-settings .task-filter-button.categoryFilter .task-filter-list.secondary {
  left: 230px;
}
.report-display .report-settings .task-filter-button.classificationFilter .task-filter-list.secondary div.container,
.report-display .report-settings .task-filter-button.classificationFilter .task-filter-list.secondary div.scrollIndicator, .report-display .report-settings .task-filter-button.categoryFilter .task-filter-list.secondary div.container,
.report-display .report-settings .task-filter-button.categoryFilter .task-filter-list.secondary div.scrollIndicator {
  width: 250px;
}
.report-display .report-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}
.report-display .report-view {
  -ms-flex: 1;
      flex: 1;
}
.report-display .report-content h1 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 15px;
}
.report-display .report-content h2 {
  font-size: 17px;
  font-weight: 600;
}
.report-display .report-content h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}
.report-display .report-content .section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}
.report-display .report-content .section-header.with-border {
  padding-bottom: 17px;
  border-bottom: 1px solid var(--neutral-5);
}
.report-display .report-content p {
  margin-bottom: 30px;
}
.report-display .report-content .separator {
  border-bottom: solid 1px var(--neutral-5);
  width: 1900px;
}
.report-display .report-content .selection-groups {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0 40px;
}
.report-display .report-content .selection-groups.mb0 .selection-group .select:nth-child(3) {
  margin-bottom: 0px;
}
.report-display .report-content .selection-groups.reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.report-display .report-content .selection-groups .selection-group {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 436px;
  padding: 20px 30px 10px 30px;
  border: 1px dashed var(--neutral-5);
  border-radius: 6px;
  box-sizing: border-box;
}
.report-display .report-content .selection-groups .selection-group.no-border {
  border: 0;
}
.report-display .report-content .selection-groups .selection-group.less-padding {
  padding: 20px 30px 0px 1px;
}
.report-display .report-content .selection-groups .select {
  margin-bottom: 20px;
}
.report-display .report-content .selection-groups .select p {
  margin-bottom: 12px;
}
.report-display .report-content .selection-groups .swap-button {
  margin: 12px;
}
.report-display .report-content .selection-groups .sr-icon.swap.disabled {
  cursor: not-allowed;
}
.report-display .report-content .selection-groups .template-selection .selected-value {
  max-width: 208px !important;
}
.report-display .report-content .selection-groups .place-selection .selected-value {
  max-width: 230px !important;
}
.report-display .report-content .selection-groups .project-selection .selected-value {
  max-width: 220px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .report-display .report-content .selection-groups {
    max-width: 900px;
  }
}
.report-display .report-content .accessible-button {
  padding: 2px;
  border: 1px solid transparent;
}
.report-display .report-content .accessible-button.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.report-display .report-content .accessible-button:not(.disabled):focus {
  border-color: var(--primary-blue);
  box-shadow: inset 0 0 0 1px var(--primary-blue);
  border-radius: 2px;
  box-sizing: border-box;
}
.report-display .report-content .accessible-button.tip-scorecard {
  position: relative;
  left: 80px;
}
.report-display .report-content .btn-scorecard {
  position: absolute;
  right: 0;
}
.report-display .report-content .btn-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 30px;
}
.report-display .report-content .expanded {
  opacity: 1;
  height: auto;
  transition: all 0.2s ease-in;
}
.report-display .report-content .collapsed {
  opacity: 0;
  height: 0;
  margin: 0 !important;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.report-display .report-content .include-sections {
  margin-bottom: 40px;
}
.report-display .report-content .include-sections-table {
  margin: 20px 0;
  max-width: 400px;
}
.report-display .report-content .include-sections-table-row {
  cursor: pointer;
  border: 1px solid var(--neutral-4);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  padding: 10px;
}
.report-display .report-content .include-sections-table-row:first-child {
  border-radius: 6px 6px 0 0;
}
.report-display .report-content .include-sections-table-row:last-child {
  border-radius: 0 0 6px 6px;
}
.report-display .report-content .include-sections-table-row:not(:last-child) {
  border-bottom: none;
}
.report-display .report-content .include-sections-table-row.with-tooltip {
  padding: 8px 10px;
}
.report-display .report-content .include-sections-table-row.error {
  border: 1px solid var(--primary-red);
}
.report-display .report-content .include-sections-table-row.error + * {
  border-top: none;
}
.report-display .report-content .include-sections-table-row.error .option {
  color: var(--primary-red);
}
.report-display .report-content .include-sections-table-row.error .icon.info-circle.neutral {
  border-color: var(--primary-red);
}
.report-display .report-content .include-sections-table-row.error .icon.info-circle.neutral::after {
  color: var(--primary-red);
}
.report-display .report-content .include-sections-table-row.error .sr-checkbox.small input[type=checkbox] + label span {
  background-position: top right;
}
.report-display .report-content .include-sections-table-row:not(.error):hover {
  border: 1px solid var(--primary-blue);
}
.report-display .report-content .include-sections-table-row:not(.error):hover + * {
  border-top: none;
}
.report-display .report-content .include-sections-table-row .sr-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.report-display .report-content .include-sections-table-row .sr-checkbox input[type=checkbox] + label span {
  display: block;
}
.report-display .report-content .include-sections-table-row p.option {
  margin-bottom: 0;
  padding-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.report-display .report-content .include-sections-table-row p.option.near-tooltip {
  padding-right: 135px;
}
.report-display .report-content .include-sections-error-message {
  color: var(--primary-red);
}
.report-display .name {
  color: var(--neutral-2) !important;
}

.download-excel-report {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100%;
  text-align: center;
  color: var(--neutral-2);
  padding: 35px 30px 46px;
  border: 1px solid var(--neutral-5);
  border-radius: 6px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
}
.download-excel-report .download-icon {
  display: block;
  margin: 35px auto 30px;
  width: 74px;
  height: 87px;
  background: url("images/reporting_download_excel.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .download-excel-report .download-icon {
    background-image: url("images/reporting_download_excel@2x.png");
    background-size: 74px 87px;
  }
}
.download-excel-report .generate-icon {
  display: block;
  margin: 20px auto 30px;
  width: 83px;
  height: 70px;
  background: url("images/reporting_generate_report.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .download-excel-report .generate-icon {
    background-image: url("images/reporting_generate_report@2x.png");
    background-size: 83px 70px;
  }
}
.download-excel-report h3 {
  font-weight: 600;
  letter-spacing: 0.35px;
  margin-bottom: 12px;
}
.download-excel-report p {
  display: block;
  margin: 0 auto;
  letter-spacing: 0.27px;
  max-width: 530px;
}
.download-excel-report .inline-loading {
  display: block;
  margin: 20px auto 25px;
}
.download-excel-report .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.download-excel-report em {
  font-style: italic;
}
.download-excel-report .standardButton {
  display: inline-block;
  margin: 30px auto 0;
}
.download-excel-report .standardButton .icon {
  display: inline-block;
  vertical-align: top;
  margin: 11px 8px 0 0;
}

.reports-dashboard {
  padding-right: 0px;
}
.reports-dashboard .organization-reports,
.reports-dashboard .site-reports {
  margin: 0 auto;
  padding: 20px;
}

@media only screen and (min-width: 1368px) {
  .reports-dashboard .site-reports .organization-reports {
    max-width: 1056px;
  }
}
@media only screen and (min-width: 1781px) {
  .reports-dashboard .site-reports .organization-reports {
    max-width: 1408px;
  }
}
.icon.download,
.reporting-icon.download {
  width: 74px;
  height: 87px;
  background: url("images/reporting_download_excel.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.download,
  .reporting-icon.download {
    background-image: url("images/reporting_download_excel@2x.png");
    background-size: 74px 87px;
  }
}
.icon.generate,
.reporting-icon.generate {
  width: 72px;
  height: 72px;
  background: url("images/reporting_generate_report.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.generate,
  .reporting-icon.generate {
    background-image: url("images/reporting_generate_report@2x.png");
    background-size: 72px 72px;
  }
}
.icon.answering-service,
.reporting-icon.answering-service {
  width: 83px;
  height: 72px;
  background: url("images/reports/answering-service.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.answering-service,
  .reporting-icon.answering-service {
    background-image: url("images/reports/answering-service@2x.png");
    background-size: 83px 72px;
  }
}
.icon.urgent-past-due-tasks,
.reporting-icon.urgent-past-due-tasks {
  width: 85px;
  height: 74px;
  background: url("images/reports/urgent-past-due-tasks.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.urgent-past-due-tasks,
  .reporting-icon.urgent-past-due-tasks {
    background-image: url("images/reports/urgent-past-due-tasks@2x.png");
    background-size: 85px 74px;
  }
}
.icon.tasks-by-assignee,
.reporting-icon.tasks-by-assignee {
  width: 81px;
  height: 74px;
  background: url("images/reports/tasks-by-assignee.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.tasks-by-assignee,
  .reporting-icon.tasks-by-assignee {
    background-image: url("images/reports/tasks-by-assignee@2x.png");
    background-size: 81px 74px;
  }
}
.icon.open-tasks,
.reporting-icon.open-tasks {
  width: 85px;
  height: 74px;
  background: url("images/reports/open-tasks.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.open-tasks,
  .reporting-icon.open-tasks {
    background-image: url("images/reports/open-tasks@2x.png");
    background-size: 85px 74px;
  }
}
.icon.closed-tasks,
.reporting-icon.closed-tasks {
  width: 84px;
  height: 73px;
  background: url("images/reports/closed-tasks.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.closed-tasks,
  .reporting-icon.closed-tasks {
    background-image: url("images/reports/closed-tasks@2x.png");
    background-size: 84px 73px;
  }
}
.icon.open-resident-tasks,
.reporting-icon.open-resident-tasks {
  width: 81px;
  height: 74px;
  background: url("images/reports/open-resident-tasks.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.open-resident-tasks,
  .reporting-icon.open-resident-tasks {
    background-image: url("images/reports/open-resident-tasks@2x.png");
    background-size: 81px 74px;
  }
}
.icon.closed-resident-tasks,
.reporting-icon.closed-resident-tasks {
  width: 83px;
  height: 73px;
  background: url("images/reports/closed-resident-tasks.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.closed-resident-tasks,
  .reporting-icon.closed-resident-tasks {
    background-image: url("images/reports/closed-resident-tasks@2x.png");
    background-size: 83px 73px;
  }
}
.icon.package-activity,
.reporting-icon.package-activity {
  width: 82px;
  height: 74px;
  background: url("images/reports/package-activity.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.package-activity,
  .reporting-icon.package-activity {
    background-image: url("images/reports/package-activity@2x.png");
    background-size: 82px 74px;
  }
}
.icon.package-activity-export,
.reporting-icon.package-activity-export {
  width: 85px;
  height: 73px;
  background: url("images/reports/package-activity-export.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.package-activity-export,
  .reporting-icon.package-activity-export {
    background-image: url("images/reports/package-activity-export@2x.png");
    background-size: 85px 73px;
  }
}
.icon.tasks-by-project,
.reporting-icon.tasks-by-project {
  width: 81px;
  height: 74px;
  background: url("images/reports/tasks-by-project.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.tasks-by-project,
  .reporting-icon.tasks-by-project {
    background-image: url("images/reports/tasks-by-project@2x.png");
    background-size: 81px 74px;
  }
}
.icon.comparison,
.reporting-icon.comparison {
  width: 81px;
  height: 72px;
  background: url("images/reporting/comparison.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.comparison,
  .reporting-icon.comparison {
    background-image: url("images/reporting/comparison@2x.png");
    background-size: 81px 72px;
  }
}
.icon.activity-summary-by-site,
.reporting-icon.activity-summary-by-site {
  width: 83px;
  height: 72px;
  background: url("images/reports/comparison-inspection.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.activity-summary-by-site,
  .reporting-icon.activity-summary-by-site {
    background-image: url("images/reports/comparison-inspection@2x.png");
    background-size: 83px 72px;
  }
}
.icon.activity-summary-by-site,
.reporting-icon.activity-summary-by-site {
  width: 83px;
  height: 73px;
  background: url("images/reports/activity-summary-by-site.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.activity-summary-by-site,
  .reporting-icon.activity-summary-by-site {
    background-image: url("images/reports/activity-summary-by-site@2x.png");
    background-size: 83px 73px;
  }
}
.icon.activity-summary-by-org,
.reporting-icon.activity-summary-by-org {
  width: 84px;
  height: 73px;
  background: url("images/reports/activity-summary-by-org.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.activity-summary-by-org,
  .reporting-icon.activity-summary-by-org {
    background-image: url("images/reports/activity-summary-by-org@2x.png");
    background-size: 83px 73px;
  }
}
.icon.activity-by-user-role,
.reporting-icon.activity-by-user-role {
  width: 84px;
  height: 73px;
  background: url("images/reports/activity-by-user-role.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.activity-by-user-role,
  .reporting-icon.activity-by-user-role {
    background-image: url("images/reports/activity-by-user-role@2x.png");
    background-size: 83px 73px;
  }
}
.icon.answering-service-response-time,
.reporting-icon.answering-service-response-time {
  width: 85px;
  height: 72px;
  background: url("images/reports/answering-service-response-time.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.answering-service-response-time,
  .reporting-icon.answering-service-response-time {
    background-image: url("images/reports/answering-service-response-time@2x.png");
    background-size: 85px 72px;
  }
}
.icon.top-activity-sources,
.reporting-icon.top-activity-sources {
  width: 83px;
  height: 73px;
  background: url("images/reports/top-activity-sources.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.top-activity-sources,
  .reporting-icon.top-activity-sources {
    background-image: url("images/reports/top-activity-sources@2x.png");
    background-size: 83px 73px;
  }
}
.icon.resident-satisfaction,
.reporting-icon.resident-satisfaction {
  width: 80px;
  height: 73px;
  background: url("images/reports/resident-satisfaction.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.resident-satisfaction,
  .reporting-icon.resident-satisfaction {
    background-image: url("images/reports/resident-satisfaction@2x.png");
    background-size: 80px 73px;
  }
}
.icon.resident-service-engagement,
.reporting-icon.resident-service-engagement {
  width: 79px;
  height: 73px;
  background: url("images/reports/resident-service-engagement.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.resident-service-engagement,
  .reporting-icon.resident-service-engagement {
    background-image: url("images/reports/resident-service-engagement@2x.png");
    background-size: 79px 73px;
  }
}
.icon.scorecard,
.reporting-icon.scorecard {
  width: 91px;
  height: 97px;
  background: url("images/reports/scorecard.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .icon.scorecard,
  .reporting-icon.scorecard {
    background-image: url("images/reports/scorecard@2x.png");
    background-size: 83px 73px;
  }
}

body.siteCreateView {
  min-width: 1024px;
}

.maptest {
  top: 0 !important;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 650px;
}
.maptest .map-coords {
  display: none;
  position: absolute;
  z-index: 15;
  width: 200px;
  height: 88px;
  bottom: 40px;
  left: 40px;
  background-color: var(--neutral-8-white-);
  padding: 10px;
  font-size: 12px;
  line-height: normal;
  box-sizing: border-box;
  border-radius: 5px;
}
.maptest .map-coords strong {
  font-weight: 700;
}
.maptest .map-container {
  z-index: 5;
}

.maptest .overlay-container {
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.maptest .overlay-container svg {
  width: 100%;
  height: 100%;
}
.maptest .overlay-container svg .rectFill {
  fill: var(--neutral-8-white-);
  opacity: 0.6;
}
.maptest .overlay-container svg .fullOverlay {
  opacity: 0;
}
.maptest .overlay-container svg .cutOutOverlay {
  opacity: 0;
}
.maptest .overlay-container svg .cutOutOverlay .circleBorder {
  fill: transparent;
  stroke: var(--neutral-8-white-);
  stroke-width: 8;
}
.maptest .overlay-container svg .instructions .instructionsCircle {
  fill: var(--neutral-2);
  opacity: 0.9;
}
.maptest .overlay-container svg .instructions .heading {
  font-weight: 600;
  font-size: 14px;
  fill: #9dbacc;
  line-height: 19px;
  text-transform: uppercase;
}
.maptest .overlay-container svg .instructions .heading tspan {
  font-style: italic;
}
.maptest .overlay-container svg .instructions .bullet {
  font-weight: 300;
  fill: var(--neutral-8-white-);
  font-size: 17px;
  line-height: 23px;
}
.maptest .overlay-container svg .instructions .bullet tspan {
  font-weight: 700;
  font-size: 11px;
}

#cancelConfirmation {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
}
#cancelConfirmation.active {
  display: block;
}
#cancelConfirmation .inner {
  position: absolute;
  width: 270px;
  margin-top: -56px;
  margin-left: -135px;
  top: 50%;
  left: 50%;
  text-align: center;
}
#cancelConfirmation .inner h4 {
  font-weight: 400;
  font-size: 16px;
  color: #10171c;
  line-height: 22px;
  margin-bottom: 15px;
}
#cancelConfirmation .inner div.buttons {
  width: 132px;
  margin: 0 auto 30px;
}
#cancelConfirmation .inner div.buttons .standardButton {
  float: left;
}
#cancelConfirmation .inner .standardButton + .standardButton {
  margin-left: 8px;
}
#cancelConfirmation .inner p {
  font-size: 12px;
  color: #505d63;
  line-height: 17px;
}
#cancelConfirmation .inner p strong {
  font-weight: 600;
}

#maptestLoadingIcon {
  display: none;
  min-height: 100%;
}
#maptestLoadingIcon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
}

#maptestMapResults {
  display: none;
  min-height: 100%;
}
#maptestMapResults .modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
}
#maptestMapResults h3 {
  font-weight: 600;
  font-size: 14px;
  color: #9dbacc;
  line-height: 18px;
  text-transform: uppercase;
  margin-left: 16px;
  margin-top: 2px;
}
#maptestMapResults h2 {
  font-size: 20px;
  color: #565656;
  line-height: 27px;
  margin: 8px 0 12px;
  background: var(--neutral-7);
  padding: 12px 42px 12px 15px;
  position: relative;
  border-radius: 4px;
}
#maptestMapResults h2 a.edit {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  display: block;
  height: 14px;
  font-weight: 600;
  font-size: 11px;
  color: var(--primary-blue);
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
#maptestMapResults h2 a.edit:hover {
  color: var(--primary-blue-2-hover);
}
#maptestMapResults div.locationSearch {
  position: relative;
  height: 40px;
}
#maptestMapResults div.locationSearch .locFirst,
#maptestMapResults div.locationSearch .locSec,
#maptestMapResults div.locationSearch .standardButton {
  position: absolute;
  top: 0px;
  z-index: 1;
}
#maptestMapResults div.locationSearch .locFirst input,
#maptestMapResults div.locationSearch .locSec input,
#maptestMapResults div.locationSearch .standardButton input {
  width: 164px;
  padding-left: 30px;
  line-height: 20px;
}
#maptestMapResults div.locationSearch .locFirst .staticPlaceholder,
#maptestMapResults div.locationSearch .locSec .staticPlaceholder,
#maptestMapResults div.locationSearch .standardButton .staticPlaceholder {
  text-indent: -9999px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  margin: 11px 4px 11px 8px;
}
#maptestMapResults div.locationSearch .locFirst.focused,
#maptestMapResults div.locationSearch .locSec.focused,
#maptestMapResults div.locationSearch .standardButton.focused {
  z-index: 2;
}
#maptestMapResults div.locationSearch .locFirst {
  left: 0px;
}
#maptestMapResults div.locationSearch .locFirst .staticPlaceholder {
  background: url("images/siteCreation/latIcon.png") no-repeat;
  height: 8px;
  margin-top: 16px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #maptestMapResults div.locationSearch .locFirst .staticPlaceholder {
    background-image: url("images/siteCreation/latIcon@2x.png");
    background-size: 17px 8px;
  }
}
#maptestMapResults div.locationSearch .locFirst input {
  border-radius: 3px 0 0 3px;
}
#maptestMapResults div.locationSearch .locSec {
  left: 163px;
}
#maptestMapResults div.locationSearch .locSec .staticPlaceholder {
  background: url("images/siteCreation/lngIcon.png") no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #maptestMapResults div.locationSearch .locSec .staticPlaceholder {
    background-image: url("images/siteCreation/lngIcon@2x.png");
    background-size: 9px 18px;
  }
}
#maptestMapResults div.locationSearch .locSec input {
  border-radius: 0px;
}
#maptestMapResults div.locationSearch .standardButton {
  left: 324px;
  width: 40px;
  min-width: 40px;
  padding: 7px 0;
  border-radius: 0px 3px 3px 0;
}
#maptestMapResults div.locationSearch .standardButton span {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  background: url("images/settings/locateIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #maptestMapResults div.locationSearch .standardButton span {
    background-image: url("images/settings/locateIcon@2x.png");
    background-size: 26px 26px;
  }
}
#maptestMapResults div.locationSearch .standardButton:active:not(.disabled) span {
  margin-top: 1px;
}
#maptestMapResults a.locationSearchBtn {
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
  display: inline-block;
  margin: 11px 0 11px 16px;
  border-bottom: 1px solid var(--neutral-8-white-);
}
#maptestMapResults a.locationSearchBtn:hover, #maptestMapResults a.locationSearchBtn:focus {
  border-bottom: 1px solid var(--primary-blue);
  outline: none;
}
#maptestMapResults div.subInfo {
  margin: 4px 0 0 16px;
}
#maptestMapResults div.subInfo span h5 {
  display: inline;
  margin-right: 9px;
}
#maptestMapResults div.subInfo div.clearfix span {
  float: left;
  margin-right: 35px;
}
#maptestMapResults p {
  font-size: 12px;
  line-height: 17px;
  color: var(--neutral-3);
  margin: 0 0 8px 16px;
}
#maptestMapResults p strong {
  font-weight: 700;
}
#maptestMapResults .error-states {
  margin-top: 18px;
}
#maptestMapResults .form-container {
  margin: 36px 0 40px;
}
#maptestMapResults .one-column,
#maptestMapResults .three-column {
  margin-bottom: 12px;
  margin-left: 16px;
}
#maptestMapResults .one-column {
  margin-top: 9px;
}
#maptestMapResults .one-column input {
  width: 333px;
}
#maptestMapResults .three-column section {
  float: left;
  margin-right: 10px;
}
#maptestMapResults .three-column section.clearfix {
  float: none;
}
#maptestMapResults .three-column section:last-of-type {
  margin-right: 0px;
}
#maptestMapResults .three-column input {
  width: 127px;
}
#maptestMapResults .three-column .sr-selectro {
  width: 59px;
}
#maptestMapResults div.actions {
  margin: 21px 0 0 0;
}
#maptestMapResults div.actions button {
  float: right;
}
#maptestMapResults div.actions button.cancel {
  float: left;
}
#maptestMapResults div.actions button.cancel span.icon {
  margin: -2px 6px 0 0;
  display: inline-block;
}

#maptestFormArrow {
  z-index: 0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid var(--neutral-8-white-);
}

#maptestCreateForm .modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
}
#maptestCreateForm .one-column,
#maptestCreateForm .two-column,
#maptestCreateForm .three-column {
  margin-bottom: 12px;
}
#maptestCreateForm .one-column input {
  width: 100%;
}
#maptestCreateForm .two-column section,
#maptestCreateForm .three-column section {
  float: left;
  margin-right: 10px;
}
#maptestCreateForm .two-column section.clearfix,
#maptestCreateForm .three-column section.clearfix {
  float: none;
}
#maptestCreateForm .two-column section:last-of-type,
#maptestCreateForm .three-column section:last-of-type {
  margin-right: 0px;
}
#maptestCreateForm .two-column #location_style {
  width: 220px;
}
#maptestCreateForm .two-column #address_unitCount {
  width: 164px;
}
#maptestCreateForm .two-column input,
#maptestCreateForm .two-column .sr-selectro {
  width: 192px;
}
#maptestCreateForm .three-column input {
  width: 137px;
}
#maptestCreateForm .three-column .sr-selectro {
  width: 100px;
}

.site-create-container {
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -201px 0 0 -214px;
  width: 429px;
  min-height: 402px;
  padding-bottom: 20px;
}
.site-create-container .inner-form {
  position: absolute;
  z-index: 10;
  width: 100%;
  min-height: 100%;
  background-color: var(--neutral-8-white-);
  padding: 21px 17px 20px;
  box-sizing: border-box;
  border-radius: 3px;
}
.site-create-container .inner-form h1 {
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 33px;
  color: var(--neutral-2);
  margin-bottom: 24px;
}
.site-create-container .inner-form .error-states {
  display: none;
  clear: both;
  color: var(--primary-red);
  font-size: 12px;
  line-height: 17px;
  margin-top: 7px;
}
.site-create-container .inner-form .error-states.mapbox {
  text-align: center;
  margin: -15px 0 15px 0;
}
.site-create-container .inner-form .error-states.mapbox a {
  color: var(--primary-red);
  font-weight: 700;
  text-decoration: none;
}
.site-create-container .inner-form .error-states.mapbox a:hover {
  color: rgb(208.8262711864, 14.1737288136, 24.5677966102);
  text-decoration: underline;
}
.site-create-container .inner-form .error-states.active {
  display: block;
}
.site-create-container .inner-form .selectro-list-container {
  padding-bottom: 0px;
}
.site-create-container .inner-form .selectro-list-container div.shadow {
  bottom: 0;
}
.site-create-container .inner-form .selectro-list-container div.scrollIndicator {
  bottom: 0;
}
.site-create-container .inner-form .actions a,
.site-create-container .inner-form .actions button {
  display: block;
}
.site-create-container .inner-form .actions a.standardButton,
.site-create-container .inner-form .actions button.standardButton {
  float: right;
  margin: 7px 0 0 0;
}
.site-create-container .inner-form .actions a.standardButton span.icon,
.site-create-container .inner-form .actions button.standardButton span.icon {
  margin: 0 0 0 6px;
  display: inline-block;
}
.site-create-container .inner-form .actions a.standardButton span.icon.forward,
.site-create-container .inner-form .actions button.standardButton span.icon.forward {
  transform: rotate(180deg);
}
.site-create-container .sr-input.required input {
  background: transparent !important;
}

.map-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 15;
  margin-left: 467px;
  margin-top: -52px;
  display: none;
}
.map-controls a {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 48px;
  height: 48px;
  background: url("images/siteCreation/zoom.png") no-repeat;
  transition: opacity 0.1s ease-in;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .map-controls a {
    background-image: url("images/siteCreation/zoom@2x.png");
    background-size: 96px 96px;
  }
}
.map-controls a.disable {
  opacity: 0.5;
  cursor: default;
}
.map-controls a span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("images/siteCreation/zoom.png") no-repeat;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .map-controls a span {
    background-image: url("images/siteCreation/zoom@2x.png");
    background-size: 96px 96px;
  }
}
.map-controls a.zoomIn {
  background-position: top left;
}
.map-controls a.zoomIn span.hover {
  background-position: top right;
}
.map-controls a.zoomIn.enable:hover span.hover {
  opacity: 1;
}
.map-controls a.zoomIn.enable:active {
  opacity: 1;
  margin-top: 1px;
}
.map-controls a.zoomOut {
  top: 56px;
  background-position: bottom left;
}
.map-controls a.zoomOut span.hover {
  background-position: bottom right;
}
.map-controls a.zoomOut.enable:hover span.hover {
  opacity: 1;
}
.map-controls a.zoomOut.enable:active {
  opacity: 1;
  margin-top: 1px;
}

#maptestSuccess {
  display: none;
  text-align: center;
  padding: 11px 13px 0;
}
#maptestSuccess h2 {
  font-size: 20px;
  color: #565656;
  line-height: 27px;
}
#maptestSuccess div.actions {
  margin: 24px auto 14px;
}
#maptestSuccess div.actions button.standardButton {
  float: none;
  width: 205px;
  margin: 17px auto 11px;
}
#maptestSuccess div.actions a.cancelText {
  width: 150px !important;
  outline: none !important;
  cursor: pointer;
  color: var(--neutral-3);
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid var(--neutral-8-white-);
  margin: 0 auto;
}
#maptestSuccess div.actions a.cancelText:hover {
  color: #676767;
  border-bottom: 1px solid var(--neutral-3);
}
#maptestSuccess div.actions a.cancelText span.text-icon {
  display: inline-block;
  vertical-align: top;
  margin-top: -1px;
}

.maptest.createMode .overlay-container svg .cutOutOverlay {
  opacity: 1;
}

.maptest.mapMode .map-coords {
  display: block;
  opacity: 1;
}
.maptest.mapMode .overlay-container svg .cutOutOverlay {
  opacity: 1;
}

div.new-site {
  height: 100%;
  width: 100%;
  padding-bottom: 100px;
  background-color: var(--neutral-7);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  color: var(--neutral-2);
  display: block;
}
div.new-site div.subheader-container {
  text-align: center;
  padding-top: 85px;
  margin-bottom: 24px;
}
div.new-site div.subheader-container h1 {
  color: #333538;
  margin: 0 auto;
  font-size: 30px;
  display: inline-block;
}
div.new-site div.new-site-pseudo-form {
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.12);
  background-color: white;
  padding: 42px 40px;
  margin: 0 auto;
  width: 480px;
}
div.new-site div.new-site-pseudo-form .single_column label {
  width: 477px;
}
div.new-site div.new-site-pseudo-form .single_column input[type=text] {
  width: 462px;
}
div.new-site div.new-site-pseudo-form .single_column select {
  width: 480px;
}
div.new-site div.new-site-pseudo-form .narrow_column {
  float: left;
}
div.new-site div.new-site-pseudo-form .narrow_column label {
  width: 232px;
}
div.new-site div.new-site-pseudo-form .narrow_column input[type=text] {
  width: 217px;
}
div.new-site div.new-site-pseudo-form .narrow_column select {
  width: 235px;
}
div.new-site div.new-site-pseudo-form .state_column {
  float: left;
}
div.new-site div.new-site-pseudo-form .state_column label {
  width: 76px;
}
div.new-site div.new-site-pseudo-form .state_column select {
  width: 79px;
}
div.new-site div.new-site-pseudo-form .zip_column {
  float: left;
}
div.new-site div.new-site-pseudo-form .zip_column label {
  width: 130px;
}
div.new-site div.new-site-pseudo-form .zip_column input[type=text] {
  width: 128px;
}
div.new-site div.new-site-pseudo-form .column_pad {
  float: left;
  padding-left: 10px;
}
div.new-site div.new-site-pseudo-form label {
  width: inherit;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding-left: 3px;
  color: #9b9b9b;
}
div.new-site div.new-site-pseudo-form label.invalid-field {
  text-transform: none;
  letter-spacing: 0px;
  padding-top: 0px;
  color: var(--primary-red);
}
div.new-site div.new-site-pseudo-form select {
  font-size: 24px;
  height: 49px;
  margin: 2px 0;
}
div.new-site div.new-site-pseudo-form input[type=text],
div.new-site div.new-site-pseudo-form input[type=email],
div.new-site div.new-site-pseudo-form input[type=password],
div.new-site div.new-site-pseudo-form select {
  font-size: 24px;
  padding: 9px 0 12px 16px;
  border: 1px solid #dedede;
  border-radius: 2px;
  color: #47758f;
}
div.new-site div.new-site-pseudo-form input[type=text].username-taken,
div.new-site div.new-site-pseudo-form input[type=email].username-taken,
div.new-site div.new-site-pseudo-form input[type=password].username-taken,
div.new-site div.new-site-pseudo-form select.username-taken {
  color: var(--primary-red);
  border: 1px solid var(--primary-red);
}
div.new-site div.new-site-pseudo-form input[type=text].invalid-field,
div.new-site div.new-site-pseudo-form input[type=email].invalid-field,
div.new-site div.new-site-pseudo-form input[type=password].invalid-field,
div.new-site div.new-site-pseudo-form select.invalid-field {
  color: var(--primary-red);
  border: 1px solid var(--primary-red);
}
div.new-site div.new-site-pseudo-form input[type=text]:not(.invalid-field),
div.new-site div.new-site-pseudo-form input[type=email]:not(.invalid-field),
div.new-site div.new-site-pseudo-form input[type=password]:not(.invalid-field),
div.new-site div.new-site-pseudo-form select:not(.invalid-field) {
  margin-bottom: 27px;
}
div.new-site div.new-site-pseudo-form p {
  font-size: 16px;
  color: #767676;
  padding: 13px 0;
}
div.new-site div.new-site-pseudo-form h3 {
  color: #9dbacc;
  font-size: 18px;
  font-weight: bold;
}
div.new-site div.new-site-pseudo-form div.controls {
  text-align: center;
  margin-top: 54px;
}
div.new-site div.new-site-pseudo-form .site_save_button,
div.new-site div.new-site-pseudo-form .site_cancel_button {
  padding: 11px 11px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-radius: 4px;
}
div.new-site div.new-site-pseudo-form .site_save_button {
  background-color: #77bc1f;
  border: solid 1px #77bc1f;
}
div.new-site div.new-site-pseudo-form .site_cancel_button {
  background-color: var(--neutral-4);
  border: solid 1px var(--neutral-4);
}

.sites-header-view.sub-header {
  width: 100%;
  height: 50px;
  background-color: var(--neutral-1);
  position: relative;
  z-index: 9000;
}
.sites-header-view.sub-header h1 {
  float: left;
  font-size: 20px;
  color: var(--neutral-8-white-);
  line-height: 50px;
  padding: 0 37px 0 15px;
}
.sites-header-view.sub-header h1 a {
  text-decoration: none;
  color: inherit;
}
.sites-header-view.sub-header .sub-header-links {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin: 0;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sites-header-view.sub-header .sub-header-links div.item {
  float: left;
  margin-right: 26px;
  position: relative;
  font-size: 14px;
  height: 100%;
  line-height: 50px;
}
.sites-header-view.sub-header .sub-header-links div.item .cover {
  z-index: 10;
  left: -9px;
  top: 13px;
  height: 24px;
  padding: 0 28px 0 8px;
}
.sites-header-view.sub-header .sub-header-links div.item ul.sub-items {
  z-index: 5;
}
.sites-header-view.sub-header .sub-header-links div.item ul.sub-items li {
  color: var(--neutral-8-white-);
}
.sites-header-view.my-sites {
  margin: 0px;
  position: absolute;
  top: 40px;
}
.sites-header-view.white-sub-header {
  background-color: var(--neutral-8-white-);
}
.sites-header-view.white-sub-header .sub-header-links .item a.active::after {
  content: "";
  height: 3px;
  width: 100%;
  background-color: var(--primary-blue);
  display: block;
  position: absolute;
  top: 47px;
}
.sites-header-view.white-sub-header.with-border {
  border-bottom: 1px solid var(--neutral-5);
}
.sites-header-view.white-sub-header h1 {
  color: var(--neutral-2);
  padding-right: 50px;
}
.sites-header-view.white-sub-header h1 em {
  color: var(--neutral-3);
}
.sites-header-view.white-sub-header .sub-header-links .item a {
  cursor: pointer;
}
.sites-header-view.white-sub-header .sub-header-links .item a,
.sites-header-view.white-sub-header .sub-header-links .item span {
  color: var(--neutral-3);
}
.sites-header-view.white-sub-header .sub-header-links .item a em,
.sites-header-view.white-sub-header .sub-header-links .item span em {
  padding: 0 3px 0 3px;
  border-radius: 2px;
  background-color: var(--neutral-7);
}
.sites-header-view.white-sub-header .sub-header-links .item span {
  margin-left: 5px;
}
.sites-header-view.white-sub-header .sub-header-links .item a:hover,
.sites-header-view.white-sub-header .sub-header-links .item a.active {
  color: var(--primary-blue);
}

section.time iframe {
  width: 100%;
  height: 640px;
  min-height: 540px;
}

section.activity {
  padding: 0 9px;
}
section.activity iframe {
  width: 100%;
  height: 544px;
  min-height: 544px;
}
section.activity header {
  border-bottom: 1px solid var(--neutral-5);
  font-weight: 700;
  font-size: 11px;
  color: #333333;
  line-height: 20px;
  margin: 0 25px;
  padding-left: 50px;
  text-transform: uppercase;
}
section.activity div.activity-loading .inline-loading {
  display: block;
  margin: 0 auto;
}
section.activity div.activity-loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
section.activity p.no-activity {
  text-align: center;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
section.activity div.activity-item {
  position: relative;
  width: 450px;
  height: auto;
  padding: 25px 25px 0;
}
section.activity div.activity-item div.left {
  position: absolute;
  top: 30px;
  left: 23px;
  width: 53px;
  line-height: 30px;
  text-align: right;
}
section.activity div.activity-item div.middle {
  position: absolute;
  top: 0;
  left: 80px;
  width: 32px;
  height: 100%;
  overflow: hidden;
}
section.activity div.activity-item div.middle span.activity-icon-border {
  height: 29px;
  width: 29px;
  border: 1px solid var(--neutral-3);
  display: block;
  border-radius: 50%;
}
section.activity div.activity-item div.middle span.activity-icon-border.task-reopen span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-reopen.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-reopen span {
    background-image: url("images/assignment/activity/task-reopen@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-reschedule span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-reschedule.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-reschedule span {
    background-image: url("images/assignment/activity/task-reschedule@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete span {
    background-image: url("images/assignment/activity/task-complete@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-note span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-note.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-note span {
    background-image: url("images/assignment/activity/task-complete-note@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-audio span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-audio.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-audio span {
    background-image: url("images/assignment/activity/task-complete-audio@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-photo span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-photo.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-photo span {
    background-image: url("images/assignment/activity/task-complete-photo@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-video span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-video.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-video span {
    background-image: url("images/assignment/activity/task-complete-video@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-signature span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-signature.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-signature span {
    background-image: url("images/assignment/activity/task-complete-signature@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-rating span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-rating.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-rating span {
    background-image: url("images/assignment/activity/task-complete-rating@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-form span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-form.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-form span {
    background-image: url("images/assignment/activity/task-complete-form@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-complete-by-status span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-complete-by-status.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-complete-by-status span {
    background-image: url("images/assignment/activity/task-complete-by-status@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-classification-changed span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-classification-changed.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-classification-changed span {
    background-image: url("images/assignment/activity/task-classification-changed@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-photo-changed span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-photo-changed.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-photo-changed span {
    background-image: url("images/assignment/activity/task-photo-changed@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-audio-changed span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-audio-changed.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-audio-changed span {
    background-image: url("images/assignment/activity/task-audio-changed@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-objective-text-edited span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-objective-text-edited.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-objective-text-edited span {
    background-image: url("images/assignment/activity/task-objective-text-edited@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-assigned span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-assigned.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-assigned span {
    background-image: url("images/assignment/activity/task-assigned@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-relocated span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-relocated.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-relocated span {
    background-image: url("images/assignment/activity/task-relocated@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-create span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-create.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-create span {
    background-image: url("images/assignment/activity/task-create@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-rated-good span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-rated-good.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-rated-good span {
    background-image: url("images/assignment/activity/task-rated-good@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-rated-bad span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-rated-bad.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-rated-bad span {
    background-image: url("images/assignment/activity/task-rated-bad@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-decline span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-decline.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-decline span {
    background-image: url("images/assignment/activity/task-decline@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-accepted span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-accepted.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-accepted span {
    background-image: url("images/assignment/activity/task-accepted@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-escalated span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-escalated.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-escalated span {
    background-image: url("images/assignment/activity/task-escalated@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.note-create span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/note-create.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.note-create span {
    background-image: url("images/assignment/activity/note-create@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.note-photo-changed span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/note-photo-changed.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.note-photo-changed span {
    background-image: url("images/assignment/activity/note-photo-changed@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.note-audio-changed span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/note-audio-changed.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.note-audio-changed span {
    background-image: url("images/assignment/activity/note-audio-changed@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.user-to-resident-call-start span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/user-to-resident-call-start.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.user-to-resident-call-start span {
    background-image: url("images/assignment/activity/user-to-resident-call-start@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-status-changed span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-status-changed.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-status-changed span {
    background-image: url("images/assignment/activity/task-status-changed@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-non-urgent span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-non-urgent.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-non-urgent span {
    background-image: url("images/assignment/activity/task-non-urgent@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-urgent span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-urgent.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-urgent span {
    background-image: url("images/assignment/activity/task-urgent@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.task-urgent-create span {
  width: 29px;
  height: 29px;
  display: block;
  background-image: url("images/assignment/activity/task-urgent-create.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.middle span.activity-icon-border.task-urgent-create span {
    background-image: url("images/assignment/activity/task-urgent-create@2x.png");
    background-size: 29px 29px;
  }
}
section.activity div.activity-item div.middle span.activity-icon-border.green {
  border-color: var(--primary-green);
}
section.activity div.activity-item div.middle span.activity-icon-border.red {
  border-color: var(--primary-red);
}
section.activity div.activity-item div.middle span.activity-icon-border.yellow {
  border-color: var(--primary-yellow);
}
section.activity div.activity-item div.middle span.activity-icon-border.blue {
  border-color: var(--primary-blue);
}
section.activity div.activity-item div.middle span.top {
  height: 30px;
}
section.activity div.activity-item div.middle span.bottom {
  height: 100%;
}
section.activity div.activity-item div.middle span.top,
section.activity div.activity-item div.middle span.bottom {
  border-left: 1px solid var(--neutral-5);
  width: 1px;
  margin: 0 auto;
  display: block;
}
section.activity div.activity-item div.middle span.top.hidden,
section.activity div.activity-item div.middle span.bottom.hidden {
  display: none;
}
section.activity div.activity-item div.right {
  position: relative;
  width: 340px;
  height: auto;
  padding: 0 30px 0 95px;
}
section.activity div.activity-item div.right div.top-icons {
  width: 100%;
  height: 40px;
  line-height: 38px;
}
section.activity div.activity-item div.right div.changed-by-user,
section.activity div.activity-item div.right div.changed-from-icon,
section.activity div.activity-item div.right div.changed-to-icon,
section.activity div.activity-item div.right span.directional-arrow {
  float: left;
}
section.activity div.activity-item div.right div.changed-by-user,
section.activity div.activity-item div.right .sr-category-icon {
  margin: 5px 12px 5px 0;
}
section.activity div.activity-item div.right div.changed-from-icon,
section.activity div.activity-item div.right div.changed-to-icon {
  width: 40px;
}
section.activity div.activity-item div.right div.changed-from-icon .place-type-icon svg,
section.activity div.activity-item div.right div.changed-to-icon .place-type-icon svg {
  width: 40px;
  height: 40px;
}
section.activity div.activity-item div.right div.changed-from-icon div.icon-container,
section.activity div.activity-item div.right div.changed-to-icon div.icon-container {
  position: relative;
  height: 40px;
}
section.activity div.activity-item div.right div.changed-from-icon div.icon-container span.icon,
section.activity div.activity-item div.right div.changed-to-icon div.icon-container span.icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.activity div.activity-item div.right span.directional-arrow {
  display: block;
  margin: 16px 4px;
  width: 12px;
  height: 10px;
  background: url("images/standardBtnBackGrey.png") no-repeat;
  background-position: left;
  transform: rotate(180deg);
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.right span.directional-arrow {
    background-image: url("images/standardBtnBackGrey@2x.png");
    background-size: 24px 10px;
  }
}
section.activity div.activity-item div.right .sr-category-icon {
  display: block;
  height: 30px;
  width: 30px;
}
section.activity div.activity-item div.right div.custom-change-icon.pinned-location {
  width: 25px;
  height: 32px;
  margin: 4px auto;
  background: url("images/assignment/activity/pinned-location.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.activity div.activity-item div.right div.custom-change-icon.pinned-location {
    background-image: url("images/assignment/activity/pinned-location@2x.png");
    background-size: 25px 32px;
  }
}
section.activity div.activity-item div.right div.activity-content {
  margin-top: 2px;
}
section.activity div.activity-item div.right p.subject strong {
  font-weight: 700;
}
section.activity div.activity-item div.right p.body {
  font-size: 11px;
  letter-spacing: 0.21px;
  line-height: 15px;
  margin-top: 4px;
}
section.activity div.activity-item div.right p.body em {
  font-style: italic;
}
section.activity div.activity-item div.right div.media {
  margin-top: 20px;
}
section.activity div.activity-item:last-of-type .right {
  padding-bottom: 25px;
}

.activity-error-container {
  position: relative;
  height: 230px;
}

.empty-state-container {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  padding: 0 24px;
  text-align: center;
  color: var(--neutral-3);
}
.empty-state-container .error-button {
  margin: 40px auto 0px;
}
.empty-state-container .icon.loading-error {
  display: block;
  margin: 0px auto 20px;
}

.no-results-text {
  color: var(--neutral-3);
  max-width: 360px;
  margin: auto;
}
.no-results-text a {
  text-decoration: none;
  color: var(--primary-blue);
}

.advanced-list-view.include-site-absolute {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.advanced-list-view.include-site-absolute > .list-container {
  height: 100%;
  box-sizing: border-box;
}
.advanced-list-view .advanced-list-header,
.advanced-list-view .sites-header-view.sub-header {
  position: absolute;
  top: 0px;
  margin: 0px;
  z-index: 9001;
}
.advanced-list-view .sr-context-menu .sr-selectro-list-item span.icon.trash {
  width: 11px;
  height: 15px;
  margin: -1px 10px 0 0;
}

.assets-view .sr-table .sr-row-shadow {
  z-index: 1;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
}
.assets-view .sr-table-cell .imgSpan.pinned-location {
  display: block;
  width: 15px;
  height: 19px;
  margin: 4px 5px;
  background: url("images/pinned-location.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assets-view .sr-table-cell .imgSpan.pinned-location {
    background-image: url("images/pinned-location@2x.png");
    background-size: 15px 19px;
  }
}

section.with-top-border {
  border-top: 1px solid var(--neutral-5);
  padding-top: 30px;
  margin-bottom: 30px;
}

.categories-new-warranty .warranties .warranty-container {
  position: relative;
  margin-bottom: 25px;
}
.categories-new-warranty .warranties h3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.categories-new-warranty .warranties .remove-btn {
  background: none;
  border: none;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.categories-new-warranty .warranties .remove-btn .icon.trash {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -7px;
  background-position: -11px 0;
}
.categories-new-warranty .warranties .remove-btn:hover .icon.trash, .categories-new-warranty .warranties .remove-btn:focus .icon.trash {
  background-position: -22px 0;
}
.categories-new-warranty .warranties:last-child {
  margin-bottom: 0px;
}

.right-panel .hidePlaceholders input:-ms-input-placeholder {
  opacity: 0;
}

.right-panel .hidePlaceholders input::placeholder {
  opacity: 0;
}
.right-panel .creation-sidebar.new-style .sticky-tabs {
  top: 46px;
}

.sr-file-manager .upload-button {
  line-height: 13px;
}

.serial-photo-number {
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0 0;
}
.serial-photo-number .sr-file-manager .serial-container.mb15 {
  margin-bottom: 0 !important;
}
.serial-photo-number .upload-icon-cell,
.serial-photo-number .file-cell {
  width: 82px;
  height: 82px;
  margin: 0 15px 0 0;
}
.serial-photo-number .upload-icon-cell .upload-button,
.serial-photo-number .file-cell .upload-button {
  width: 82px;
  height: 82px;
}

.create-asset-description .sr-file-manager .file-cell,
.create-asset-description .sr-file-manager .upload-icon-cell {
  margin: 15px 0px 0px 10px;
}
.create-asset-description .sr-file-manager .upload-container {
  margin-top: 20px;
}

.asset-type-category-mapping .mapping-container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}
.asset-type-category-mapping .mapping-container .sr-selectro {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-bottom: 0 !important;
  margin-right: 17px;
  width: calc(100% - 17px - 45px);
}
.asset-type-category-mapping .mapping-container .sr-add-remove-buttons {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.assets-new input[type=text] {
  line-height: 40px;
}
.assets-new .sr-tag-entry .multi-select-list-container.open {
  padding-bottom: 50px;
}
.assets-new .mainSubmit .icon.arrow {
  display: inline-block;
  margin-left: 5px;
  transform: rotate(180deg);
}

.right-panel .creation-sidebar.new-style .files-container {
  margin-bottom: 0px !important;
}
.right-panel .assignment-edit-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s ease-out, z-index 0s 0.1s;
  -moz-transition: opacity 0.1s ease-out, z-index 0s 0.1s;
  -webkit-transition: opacity 0.1s ease-out, z-index 0s 0.1s;
}
.right-panel .assignment-edit-overlay.active {
  z-index: 25;
  opacity: 1;
  transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 25;
}
.right-panel .in-edit {
  z-index: 30;
}
.right-panel .in-edit .disabled {
  opacity: 0.6;
}
.right-panel #asset-details {
  overflow-x: hidden;
  padding: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.right-panel #asset-details .wrap-text .inner {
  height: inherit;
}
.right-panel #asset-details .wrap-text .display {
  white-space: inherit;
  word-break: break-word;
  padding-right: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}
.right-panel #asset-details .asset-info-section .ember-text-area {
  width: 100%;
  height: 20px;
  resize: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  max-width: 100%;
  line-height: 22px;
  white-space: normal;
  overflow-y: hidden;
  padding: 2px 20px 2px 0px;
  margin-bottom: -3px;
  box-sizing: border-box;
  border-bottom: solid 1px transparent;
}
.right-panel #asset-details .asset-info-section .ember-text-field {
  padding: 0px 0px 1px 0px;
}
.right-panel #asset-details .asset-details-specs .ember-text-area {
  width: 100%;
  height: 20px;
  resize: none;
  border: none;
  padding: 3px 18px 2px 0px;
  max-width: 100%;
  line-height: 1;
  white-space: normal;
  overflow-y: hidden;
  margin-bottom: -3px;
  box-sizing: border-box;
  border-bottom: solid 1px transparent;
}
.right-panel #asset-details .asset-details-specs .ember-text-field {
  padding: 3px 0px 3px 0px;
}
.right-panel #asset-details .edit .ember-text-area {
  outline: none;
  border-bottom: solid 1px var(--neutral-5);
}
.right-panel #asset-details .asset-details-info,
.right-panel #asset-details .asset-details-specs,
.right-panel #asset-details .asset-details-warranty {
  padding-left: 25px;
  padding-right: 25px;
}
.right-panel #asset-details .asset-details-info {
  padding-bottom: 50px;
}
.right-panel #asset-details header.asset-details-header {
  position: sticky;
  top: 0;
  background-color: var(--neutral-8-white-);
  z-index: 22;
  padding: 25px 0 0;
  margin: 0;
  border-bottom: 0;
}
.right-panel #asset-details header.asset-details-header .header-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid var(--neutral-5);
  padding-bottom: 25px;
  margin-left: 25px;
  margin-right: 25px;
  -ms-flex-align: start;
      align-items: flex-start;
}
.right-panel #asset-details header.asset-details-header:before, .right-panel #asset-details header.asset-details-header:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 25px;
  height: 100%;
  background-color: var(--neutral-8-white-);
  z-index: 22;
}
.right-panel #asset-details header.asset-details-header:before {
  left: -25px;
}
.right-panel #asset-details header.asset-details-header:after {
  right: -25px;
}
.right-panel #asset-details header.asset-details-header .asset-name {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  max-width: calc(100% - 75px);
  float: unset;
  margin-top: 0;
  margin-right: 15px;
  min-height: 26px;
}
.right-panel #asset-details header.asset-details-header .asset-name .display {
  word-break: break-word;
  padding-bottom: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details header.asset-details-header .asset-name .in-edit .ember-text-area {
  outline: none;
  border-bottom: solid 1px var(--neutral-5);
}
.right-panel #asset-details header.asset-details-header .asset-name .ember-text-area {
  width: 375px;
  height: 20px;
  resize: none;
  border: none;
  font-size: 18px;
  font-weight: 600;
  max-width: 100%;
  line-height: 22px;
  white-space: normal;
  overflow-y: hidden;
  padding: 0px 18px 3px 0px;
  margin-bottom: -3px;
  box-sizing: border-box;
  border-bottom: solid 1px transparent;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container {
  width: 100%;
  float: unset;
  margin-top: 0;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner {
  min-height: 20px;
  height: auto;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .display {
  font-size: 18px;
  font-weight: 600;
  max-width: 100%;
  white-space: normal;
  text-overflow: unset;
  min-height: 26px;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .display .edit-pencil {
  opacity: 0;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .display:hover .edit-pencil {
  opacity: 1;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .sub-text {
  padding: 0;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .edit {
  margin-top: 0px;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .edit .edit-buttons {
  right: 0;
}
.right-panel #asset-details header.asset-details-header .asset-name .detail-container .inner .edit input {
  font-size: 18px;
  min-height: 20px;
  height: auto;
  box-sizing: border-box;
}
.right-panel #asset-details header.asset-details-header .header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details header.asset-details-header.is-editing-name {
  z-index: 30;
}
.right-panel #asset-details header.asset-details-header.is-editing-name .header-right {
  position: relative;
}
.right-panel #asset-details header.asset-details-header.is-editing-name .header-right:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 31;
}
.right-panel #asset-details header.asset-details-header .asset-menu {
  margin-right: 10px;
  width: 36px;
  height: 20px;
  background: url("images/assignment/menuBtn.png") no-repeat;
  background-position: center;
  box-sizing: border-box;
  border-radius: 4px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel #asset-details header.asset-details-header .asset-menu {
    background-image: url("images/assignment/menuBtn@2x.png");
    background-size: 18px 4px;
  }
}
.right-panel #asset-details header.asset-details-header .asset-menu.disabled {
  display: none;
}
.right-panel #asset-details header.asset-details-header .asset-menu.in-edit {
  cursor: default;
  opacity: 0.5;
}
.right-panel #asset-details header.asset-details-header .asset-menu:hover:not(.in-edit), .right-panel #asset-details header.asset-details-header .asset-menu:active:not(.in-edit), .right-panel #asset-details header.asset-details-header .asset-menu.active {
  border: 1px solid var(--neutral-5);
}
.right-panel #asset-details header.asset-details-header .asset-menu.active {
  background-color: #f4f5f6;
}
.right-panel #asset-details #asset_menu_popup {
  top: 60px;
  right: 38px;
}
.right-panel #asset-details #asset_menu_popup .red-trash {
  color: var(--primary-red);
}
.right-panel #asset-details .sticky-tabs {
  top: 0;
}
.right-panel #asset-details .sidebar-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.right-panel #asset-details .sidebar-content.sr-panel.active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.right-panel #asset-details .sidebar-content.sr-panel.active > * {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.right-panel #asset-details .asset-details-tabs {
  width: unset;
  margin: 0;
  margin-left: 25px;
  margin-right: 25px;
}
.right-panel #asset-details .asset-status-condition-and-id {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 20px 0;
}
.right-panel #asset-details .asset-status-condition-and-id .pills {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.right-panel #asset-details .asset-status-condition-and-id .pills :not(:last-child) {
  margin-right: 8px;
}
.right-panel #asset-details .asset-status-condition-and-id .pills .sr-rating-choice {
  height: 20px;
  line-height: 18px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 5px;
  display: block;
  box-sizing: border-box;
}
.right-panel #asset-details .asset-status-condition-and-id .pills:hover .edit-pencil {
  opacity: 1;
  cursor: pointer;
}
.right-panel #asset-details .asset-status-condition-and-id .pills .edit-pencil {
  opacity: 0;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .display-value {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .edit-pencil {
  opacity: 0;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id:hover .edit-pencil {
  opacity: 1;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .add-id {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--primary-blue);
  line-height: 25px;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .add-id .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .add-id:hover {
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .add-id:hover .icon {
  background-position: -10px;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id > span {
  line-height: 18px;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id > span:first-of-type {
  font-size: 12px;
  color: var(--neutral-3);
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id > span:last-of-type {
  font-size: 14px;
  color: var(--neutral-2);
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .sr-detail-inline-edit .detail-container {
  width: 100%;
  float: unset;
  margin-top: 0;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .sr-detail-inline-edit .detail-container .inner {
  height: auto;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .sr-detail-inline-edit .detail-container .inner .display {
  max-width: 200px;
  padding-right: 0;
  font-size: 14px;
  color: var(--neutral-2);
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details .asset-status-condition-and-id .asset-id .sr-detail-inline-edit .detail-container .inner .edit {
  width: 200px;
}
.right-panel #asset-details .asset-description {
  box-sizing: border-box;
}
.right-panel #asset-details .asset-description .objective-text {
  position: relative;
}
.right-panel #asset-details .asset-description .objective-text p {
  margin: 25px;
}
.right-panel #asset-details .asset-description .objective-text.cut-bottom p {
  margin: 25px 25px 0;
}
.right-panel #asset-details .asset-description .objective-text.cut-bottom.full-text {
  margin-bottom: 15px;
}
.right-panel #asset-details .asset-description .objective-text.cut-bottom.full-text p {
  margin-bottom: 25px;
}
.right-panel #asset-details .asset-description .edit-dialog.in-edit {
  padding: 10px 25px 25px;
}
.right-panel #asset-details .asset-description .edit-button {
  position: absolute;
  right: 5px;
  top: calc(50% - 6px);
}
.right-panel #asset-details section.asset-info-section {
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.right-panel #asset-details section.asset-info-section .detail-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: auto;
  max-width: 100%;
}
.right-panel #asset-details section.asset-info-section .detail-row .detail-column {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 50%;
  box-sizing: border-box;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit {
  display: -ms-flexbox;
  display: flex;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container span {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  background-size: 50px 50px;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container .place-type-icon,
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container .sr-category-icon {
  border: none;
  width: 50px;
  height: 50px;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container .place-type-icon.large svg,
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container .sr-category-icon.large svg {
  width: 45px;
  height: 45px;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .icon-container .detail-site-icon {
  width: 50px;
  height: 50px;
  background-size: 50px;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container {
  width: 100%;
  float: unset !important;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container .display {
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  color: var(--neutral-2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container .display .edit-pencil {
  opacity: 0;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container .display span.light {
  font-weight: 400;
  color: var(--neutral-3);
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container .display:hover:not(.kill-hover) {
  padding-right: 0;
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container .display:hover:not(.kill-hover) .edit-pencil {
  opacity: 1;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .detail-container .display.noHover {
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .sr-selectro {
  width: 136px;
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit.can-edit .edit-dialog + .place.visible {
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel #asset-details section.asset-info-section .sr-detail-inline-edit .sub-text {
  font-size: 12px;
}
.right-panel #asset-details section.asset-info-section .edit-dialog.asset-type-edit-dialog .selectro-list-container {
  width: 300px;
}
.right-panel #asset-details section.asset-info-section .edit-dialog.asset-type-edit-dialog .selected-value .sr-category-icon {
  display: none;
}
.right-panel #asset-details section.asset-info-section .edit-dialog .content-icon {
  display: block;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -48px;
  left: -70px;
  background: var(--neutral-8-white-);
}
.right-panel #asset-details section.asset-info-section .edit-dialog .content-icon .place-type-icon {
  border: none;
  width: 50px;
  height: 50px;
}
.right-panel #asset-details section.asset-info-section .edit-dialog .content-icon .place-type-icon.large svg {
  width: 45px;
  height: 45px;
}
.right-panel #asset-details section.asset-info-section .edit-dialog .place .content-icon,
.right-panel #asset-details section.asset-info-section .edit-dialog .asset-types .content-icon {
  top: -47px;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make {
  width: 350px;
  top: -10px;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .search-container {
  width: 50ch;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .search-container input {
  width: 50ch;
  font-weight: 600;
  color: var(--neutral-2);
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .search-container .search-icon {
  display: none;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .sr-selectro .input-container {
  box-shadow: none !important;
  border: 0px !important;
  border-bottom: 1px solid var(--neutral-5) !important;
  padding: 0px 0px 5px 0px;
  height: 30px;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .sr-selectro .input-container .selected {
  font-weight: 600;
  color: var(--neutral-2);
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .sr-selectro .input-container .selected-value span:nth-child(2) {
  display: none;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .sr-selectro .input-container .selected-value .search-icon {
  display: none;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .sr-selectro .selectro-list-container {
  width: 300px;
}
.right-panel #asset-details section.asset-info-section .task-inline-edit.make .content-confirmation {
  bottom: -17px;
  top: initial;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit .inner {
  position: relative;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit .inner .no-tags {
  color: var(--primary-blue);
  line-height: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit .inner .no-tags .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name {
  padding-right: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--neutral-8-white-);
  z-index: 2;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name:not(.noHover):hover .no-tags {
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name:not(.noHover):hover .no-tags .icon {
  background-position: right;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name.active {
  cursor: default;
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name.active .edit {
  display: none;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name.noHover {
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit div.name.noHover .edit {
  display: none !important;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit .edit {
  position: absolute;
  top: 6px;
  right: 0px;
  display: block;
  width: 11px;
  height: 11px;
  opacity: 0;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit .edit.icon {
  margin-right: 0px;
}
.right-panel #asset-details section.asset-info-section .tags-edit.can-edit .edit.icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
  margin-right: 0px;
}
.right-panel #asset-details section.asset-info-section .tags-edit:not(.kill-hover) div.name:hover {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
  z-index: 9;
}
.right-panel #asset-details section.asset-info-section .tags-edit:not(.kill-hover) div.name:hover .edit {
  opacity: 1;
}
.right-panel #asset-details section.asset-info-section .tags-edit .sr-auto-complete {
  width: 300px;
}
.right-panel #asset-details section.asset-specs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 25px 0;
}
.right-panel #asset-details section.asset-specs .spec-item .sr-detail-inline-edit .detail-container {
  width: 100%;
  float: unset !important;
  margin-top: 0 !important;
}
.right-panel #asset-details section.asset-specs .spec-item .sr-detail-inline-edit .detail-container .inner {
  min-height: 40px;
}
.right-panel #asset-details section.asset-specs .spec-item .sr-detail-inline-edit .detail-container .sub-text {
  font-size: 12px;
  margin-bottom: 5px;
}
.right-panel #asset-details section.asset-specs .spec-item .sr-detail-inline-edit .detail-container .display {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details section.asset-specs .spec-item .sr-detail-inline-edit .detail-container .sr-input input {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  height: auto;
}
.right-panel #asset-details section.asset-specs .spec-item:not(:last-of-type) {
  margin-bottom: 15px;
}
.right-panel #asset-details section.asset-specs .spec-item .edit {
  margin-top: -3px;
}
.right-panel #asset-details .asset-details-risk {
  padding: 0 25px;
}
.right-panel #asset-details .asset-details-risk h1 {
  font-size: 22px;
}
.right-panel #asset-details .asset-details-risk h2 {
  font-size: 16px;
  margin-bottom: 25px;
}
.right-panel #asset-details .asset-details-risk h4 {
  font-size: 14px;
  font-weight: 400;
}
.right-panel #asset-details .asset-details-risk .sub-text {
  font-size: 12px;
}
.right-panel #asset-details .asset-details-risk .instructions {
  width: 220px;
}
.right-panel #asset-details .asset-details-risk section.failure-risk {
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0 30px 0;
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel #asset-details .asset-details-risk section.asset-recalls .recall {
  padding: 25px 0;
}
.right-panel #asset-details .asset-details-risk section.asset-recalls .recall:nth-child(n+2) {
  border-top: 1px solid var(--neutral-5);
}
.right-panel #asset-details .asset-details-risk section.asset-recalls .recall .sub-text {
  margin-top: 25px;
}
.right-panel #asset-details .asset-details-risk .no-recalls-no-risk,
.right-panel #asset-details .asset-details-risk .no-recalls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
  height: 100%;
  width: 100%;
}
.right-panel #asset-details .asset-details-risk .no-recalls-no-risk.no-recalls,
.right-panel #asset-details .asset-details-risk .no-recalls.no-recalls {
  height: auto;
  margin-top: 90px;
}
.right-panel #asset-details .asset-details-risk .no-recalls-no-risk .emoji,
.right-panel #asset-details .asset-details-risk .no-recalls .emoji {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 50px;
  height: 66px;
  width: 50px;
}
.right-panel #asset-details .asset-details-warranty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties.has-warranties {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-container {
  margin-bottom: 25px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details {
  position: relative;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details.ember-view {
  border-bottom: 1px solid var(--neutral-5);
  padding: 25px 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  float: unset;
  margin: 0 25px 15px 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .inline-edit {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-right: 25px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .in-edit .sr-input {
  border-bottom: 0px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container {
  width: 100%;
  float: unset;
  margin-top: 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner {
  height: auto;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner .display {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner .sub-text {
  padding: 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner .edit .edit-buttons {
  right: 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner .edit input,
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner .edit span.selected {
  font-size: 18px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-header .detail-container .inner .edit .selected-value {
  text-overflow: ellipsis;
  width: 95%;
  max-width: 95% !important;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .sr-detail-inline-edit .detail-container {
  width: 100%;
  float: unset !important;
  margin-top: 0 !important;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .sr-detail-inline-edit .detail-container .inner {
  min-height: 40px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .sr-detail-inline-edit .detail-container .sub-text {
  font-size: 12px;
  margin-bottom: 5px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .sr-detail-inline-edit .detail-container .display {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .sr-detail-inline-edit .detail-container .sr-input input {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  height: auto;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item:not(:last-of-type) {
  margin-bottom: 15px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .edit {
  margin-top: -3px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item h4:first-child {
  margin-bottom: 15px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .display-value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .ember-text-field {
  padding: 3px 0px 3px 0px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .warranty-detail-item .inner {
  height: 40px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .warranty-details .sub-text {
  font-size: 12px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties h3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .remove-btn {
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: none;
  border: none;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .remove-btn .icon.trash {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -7px;
  background-position: -11px 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .remove-btn:hover .icon.trash, .right-panel #asset-details .asset-details-warranty section.asset-warranties .remove-btn:focus .icon.trash {
  background-position: -22px 0;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .file-cell .remove-btn {
  position: absolute;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties:last-child {
  margin-bottom: 0px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .no-warranties {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .no-warranties h3 {
  font-size: 1rem;
  line-height: 19px;
  margin-bottom: 15px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .no-warranties p {
  margin-bottom: 30px;
}
.right-panel #asset-details .asset-details-warranty section.asset-warranties .no-warranties .emoji {
  font-size: 50px;
  line-height: 50px;
  line-height: 66px;
  margin-bottom: 13px;
}
.right-panel #asset-details div.warranty-coverage-description {
  margin: 0 -25px;
}
.right-panel #asset-details div.warranty-coverage-description.in-edit {
  width: 100%;
  padding: 10px 25px;
}
.right-panel #asset-details div.warranty-coverage-description h5 {
  font-size: 10px;
  color: var(--neutral-3);
  letter-spacing: 0.44px;
  line-height: 14px;
  text-transform: uppercase;
}
.right-panel #asset-details div.warranty-coverage-description a.more {
  font-weight: 700;
  font-size: 12px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
}
.right-panel #asset-details div.warranty-coverage-description p {
  line-height: 18px;
  display: block;
  overflow: hidden;
  color: var(--neutral-2);
  word-wrap: break-word;
}
.right-panel #asset-details div.warranty-coverage-description a.add-description {
  display: block;
  padding: 10px 25px;
  font-weight: 400;
  font-size: 13px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
}
.right-panel #asset-details div.warranty-coverage-description a.add-description:hover {
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details div.warranty-coverage-description a.add-description:hover .icon {
  background-position: right;
}
.right-panel #asset-details div.warranty-coverage-description a.add-description span {
  margin-right: 8px;
  width: 10px;
  height: 10px;
  display: inline-block;
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details div.warranty-coverage-description .add-description {
  display: block;
  padding: 20px 25px;
  font-weight: 400;
  font-size: 13px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
}
.right-panel #asset-details div.warranty-coverage-description .add-description:hover {
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details div.warranty-coverage-description .add-description:hover .icon {
  background-position: right;
}
.right-panel #asset-details div.warranty-coverage-description .add-description span {
  margin-right: 8px;
  width: 10px;
  height: 10px;
  display: inline-block;
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details div.warranty-coverage-description .expander {
  padding: 0 25px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-description {
  padding: 0 25px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-description:not(.can-edit) {
  margin-right: 47px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text {
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  box-sizing: border-box;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text:not(.completed):hover {
  background-color: var(--neutral-7);
}
.right-panel #asset-details div.warranty-coverage-description .objective-text p {
  transition: max-height 0.25s ease;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  padding: 10px 0 20px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text .long {
  margin-top: 15px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text:not(.full-text).cut-bottom p {
  margin-bottom: 0px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text:not(.full-text).short p {
  max-height: 63px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text:not(.full-text).long p {
  max-height: 247px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text.can-edit {
  padding-right: 0;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text.can-edit .edit-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  opacity: 0;
  min-width: 27px;
  margin-right: 20px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text.can-edit .edit-button .icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text.can-edit:hover:not(.kill-hover) .edit-button {
  opacity: 0.9;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text.can-edit.kill-hover .edit-button {
  display: none;
}
.right-panel #asset-details div.warranty-coverage-description .objective-text.in-edit {
  display: none;
}
.right-panel #asset-details div.warranty-coverage-description .expander {
  font-weight: 700;
  font-size: 13px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
  margin: 20px 0;
  display: block;
}
.right-panel #asset-details div.warranty-coverage-description .expander:hover {
  color: var(--primary-blue-2-hover);
}
.right-panel #asset-details div.warranty-coverage-description .edit-dialog {
  box-sizing: border-box;
  display: none;
  background-color: var(--neutral-8-white-);
  margin-bottom: 16px;
  width: 100%;
}
.right-panel #asset-details div.warranty-coverage-description .edit-dialog.in-edit {
  display: block;
}

.sr-filter-bar .bulk-actions-container button#remove_selected_btn:hover span.icon.trash.destructive {
  background-position-x: -22px;
}

.warranty-details .sr-detail-inline-edit .display,
.asset-specs .sr-detail-inline-edit .display {
  width: -moz-fit-content;
  width: fit-content;
}
.warranty-details .sr-detail-inline-edit .display:hover,
.asset-specs .sr-detail-inline-edit .display:hover {
  padding-right: 0;
}
.warranty-details .sr-detail-inline-edit .display .edit-pencil,
.asset-specs .sr-detail-inline-edit .display .edit-pencil {
  opacity: 0;
}

.duplicate-asset-modal .duplicate-parent {
  margin-left: 10px;
}

.replaced-by-section h4,
.replacement-for-section h4 {
  font-weight: 600;
  font-size: 15px;
  color: var(--neutral-2);
  margin-bottom: 20px;
}

.task-inline-edit.place .selectro-container .inline-loading {
  position: relative;
}

.assignment-view:not(.right-panel) {
  position: absolute;
  width: 500px;
  left: 350px;
  top: 40px;
  bottom: 0px;
  background-color: var(--neutral-8-white-);
  z-index: 1000;
  border-left: 1px solid var(--neutral-6);
}

.assignment-view .sticky-tabs {
  z-index: 27;
}
.assignment-view .task-bottom-button {
  display: block;
  width: 100%;
  position: absolute;
  left: 1px;
  bottom: 0;
  height: 50px;
  z-index: 10;
}
.assignment-view .task-bottom-button .left-btn span.icon {
  margin-top: 15px;
  vertical-align: top;
}
.assignment-view .resource-main-button {
  z-index: 50;
}

.right-panel header.assignment-header,
.package-header {
  width: 100%;
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--neutral-8-white-);
  z-index: 27;
  padding: 0px;
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel header.assignment-header .header-inner,
.package-header .header-inner {
  width: 450px;
  width: calc(100% - 50px);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0 8px;
}
.right-panel header.assignment-header .resource-block-active,
.package-header .resource-block-active {
  float: left;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 20px;
}
.right-panel header.assignment-header .resource-block-active .info-circle,
.package-header .resource-block-active .info-circle {
  display: inline-block;
  margin: 0 11px 0 0;
}
.right-panel header.assignment-header .status-indicator,
.package-header .status-indicator {
  float: left;
  height: 20px;
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-1);
  letter-spacing: 0.75px;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
}
.right-panel header.assignment-header .status-indicator .sr-completable-status,
.package-header .status-indicator .sr-completable-status {
  float: left;
}
.right-panel header.assignment-header .status-indicator .org-icon,
.package-header .status-indicator .org-icon {
  float: left;
  margin: 3px 10px 0;
}
.right-panel header.assignment-header .status-indicator.repeating,
.package-header .status-indicator.repeating {
  color: var(--neutral-2);
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  color: var(--neutral-2);
  letter-spacing: 0;
  /* Repeating trigger: */
}
.right-panel header.assignment-header .status-indicator.repeating .sr-completable-status,
.package-header .status-indicator.repeating .sr-completable-status {
  margin-right: 20px;
}
.right-panel header.assignment-header .status-indicator.repeating span.repeat-icon,
.package-header .status-indicator.repeating span.repeat-icon {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 12px;
  margin: 3px 7px 0 0;
  background: url("images/assignment/smallRepeatingIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel header.assignment-header .status-indicator.repeating span.repeat-icon,
  .package-header .status-indicator.repeating span.repeat-icon {
    background-image: url("images/assignment/smallRepeatingIcon@2x.png");
    background-size: 14px 12px;
  }
}
.right-panel header.assignment-header .status-indicator.complete,
.package-header .status-indicator.complete {
  color: var(--primary-green);
}
.right-panel header.assignment-header .status-indicator.complete span.icon,
.package-header .status-indicator.complete span.icon {
  width: 10px;
  height: 10px;
  background-color: var(--primary-green);
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 5px 7px 0 0;
}
.right-panel header.assignment-header .header-right,
.package-header .header-right {
  float: right;
}
.right-panel header.assignment-header .header-right .blank-button.modal-close, .right-panel header.assignment-header .header-right .blank-button.task-menu, .right-panel header.assignment-header .header-right .blank-button.header-button,
.package-header .header-right .blank-button.modal-close,
.package-header .header-right .blank-button.task-menu,
.package-header .header-right .blank-button.header-button {
  float: left;
}
.right-panel header.assignment-header .header-right .blank-button.header-button,
.package-header .header-right .blank-button.header-button {
  margin-right: 10px;
}
.right-panel header.assignment-header .rating-icon,
.package-header .rating-icon {
  display: block;
  float: left;
  width: 16px;
  height: 18px;
  margin-right: 18px;
}
.right-panel header.assignment-header .rating-icon.good,
.package-header .rating-icon.good {
  background: url("images/assignments/goodRating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel header.assignment-header .rating-icon.good,
  .package-header .rating-icon.good {
    background-image: url("images/assignments/goodRating@2x.png");
    background-size: 16px 18px;
  }
}
.right-panel header.assignment-header .rating-icon.bad,
.package-header .rating-icon.bad {
  background: url("images/assignments/badRating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel header.assignment-header .rating-icon.bad,
  .package-header .rating-icon.bad {
    background-image: url("images/assignments/badRating@2x.png");
    background-size: 16px 18px;
  }
}
.right-panel header.assignment-header .friendly-id,
.package-header .friendly-id {
  float: left;
  font-size: 12px;
  color: var(--neutral-2);
  line-height: 20px;
  margin-right: 15px;
}
.right-panel header.assignment-header .task-menu,
.package-header .task-menu {
  margin: 0 15px 0 0;
  width: 36px;
  height: 20px;
  background: url("images/assignment/menuBtn.png") no-repeat;
  background-position: center;
  box-sizing: border-box;
  border-radius: 4px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel header.assignment-header .task-menu,
  .package-header .task-menu {
    background-image: url("images/assignment/menuBtn@2x.png");
    background-size: 18px 4px;
  }
}
.right-panel header.assignment-header .task-menu.disabled,
.package-header .task-menu.disabled {
  display: none;
}
.right-panel header.assignment-header .task-menu.in-edit,
.package-header .task-menu.in-edit {
  cursor: default;
  opacity: 0.5;
}
.right-panel header.assignment-header .task-menu:hover:not(.in-edit), .right-panel header.assignment-header .task-menu:active:not(.in-edit), .right-panel header.assignment-header .task-menu.active,
.package-header .task-menu:hover:not(.in-edit),
.package-header .task-menu:active:not(.in-edit),
.package-header .task-menu.active {
  border: 1px solid var(--neutral-5);
}
.right-panel header.assignment-header .task-menu.active,
.package-header .task-menu.active {
  background-color: #f4f5f6;
}
.right-panel header.assignment-header .modal-close,
.package-header .modal-close {
  margin: 3px 0 0;
}

.assignment-content {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--neutral-8-white-);
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: 50px;
}
.assignment-content .repeating-banner {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: var(--neutral-7);
  padding: 0 20px;
  line-height: 40px;
  font-size: 14px;
  color: var(--neutral-2);
  margin-top: -1px;
  box-sizing: border-box;
}
.assignment-content .repeating-banner span.icon {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 12px;
  margin: 13px 10px 0 0;
  background: url("images/assignment/smallRepeatingIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .repeating-banner span.icon {
    background-image: url("images/assignment/smallRepeatingIcon@2x.png");
    background-size: 14px 12px;
  }
}
.assignment-content .repeating-banner a {
  cursor: pointer;
  top: 0px;
  right: 20px;
  position: absolute;
  font-size: 12px;
  color: var(--primary-blue);
}
.assignment-content .repeating-banner a:hover {
  text-decoration: underline;
}
.assignment-content section {
  position: relative;
}
.assignment-content section.standard {
  width: 450px;
  width: calc(100% - 50px);
  margin: 0 auto;
}
.assignment-content section.standard.task-info-list {
  margin-bottom: 30px;
}
.assignment-content section.standard.task-info-list.mb20 {
  margin-bottom: 20px;
}
.assignment-content .project-residents {
  padding-left: 85px;
}
.assignment-content .project-residents.standard {
  width: calc(100% - 85px);
}
.assignment-content .project-residents .sr-face {
  float: left;
  margin-right: 10px;
}
.assignment-content .project-residents .selected-value .sr-face-stack .sr-face {
  position: absolute;
  padding-left: 0;
}
.assignment-content .project-residents .selected-value .sr-face-stack .text-content {
  padding-left: 40px;
  line-height: 30px;
  display: block;
}
.assignment-content .project-residents .selected-value .sr-face-stack.single .text-content {
  padding-left: 32px;
}
.assignment-content .project-residents .sr-selectro .sr-face-stack .text-content {
  padding-left: 40px;
}
.assignment-content .project-residents .selected.with-stacked-faces {
  padding-left: 25px;
}
.assignment-content .project-residents p {
  width: 300px;
  width: calc(100% - 120px);
  float: left;
  line-height: 22px;
}
.assignment-content .project-residents .project-resident,
.assignment-content .project-residents .single-project-resident {
  width: calc(100% - 25px);
  display: inline-block;
  margin: 0 25px 5px 0;
}
.assignment-content .project-residents .project-resident span,
.assignment-content .project-residents .single-project-resident span {
  line-height: 22px;
}
.assignment-content .project-residents .project-resident .sr-face-stack,
.assignment-content .project-residents .single-project-resident .sr-face-stack {
  position: relative;
  width: 100%;
  min-height: 30px;
}
.assignment-content .project-residents .project-resident .sr-face-stack .faces,
.assignment-content .project-residents .single-project-resident .sr-face-stack .faces {
  top: 0px;
  left: 0px;
}
.assignment-content .project-residents .project-resident .sr-face-stack .sr-face,
.assignment-content .project-residents .single-project-resident .sr-face-stack .sr-face {
  position: absolute;
  padding-left: 0;
  font-size: 10px;
}
.assignment-content .project-residents .project-resident .sr-face-stack .text-content,
.assignment-content .project-residents .single-project-resident .sr-face-stack .text-content {
  padding-left: 40px;
  display: inline-block;
  width: calc(100% - 65px);
}
.assignment-content .project-residents .single-project-resident {
  padding-bottom: 8px;
}
.assignment-content .project-residents .edit-pencil-dark {
  display: none;
  position: absolute;
  right: 25px;
  bottom: 16px;
}
.assignment-content .project-residents .residents-container:hover:not(.kill-hover) .edit-pencil-dark {
  display: block;
}
.assignment-content .project-residents .residents-container:hover:not(.kill-hover) .project-resident,
.assignment-content .project-residents .residents-container:hover:not(.kill-hover) .single-project-resident {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
  margin-bottom: 4px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit {
  width: calc(100% - 25px);
  height: 34px;
  position: relative;
  margin-top: -2px;
  margin-bottom: 7px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .content-loading {
  height: 28px;
  top: 4px;
  border-bottom: 1px solid var(--neutral-5);
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro {
  border-bottom: 1px solid var(--neutral-5);
  z-index: 1;
  height: 34px;
  top: -2px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .input-container:not(.open) {
  border-radius: 3px 3px 0px 3px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .input-container:not(.open).disabled {
  opacity: 1;
  border-color: #4f5d63;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .input-container:not(.open).disabled .selected-value .selected {
  color: #4f5d63;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .static-placeholder {
  line-height: 35px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .selected-value {
  width: calc(100% - 62px);
  line-height: 35px;
  font-weight: 400;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .selected-value .selected {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .sr-selectro-list-item .sr-face {
  margin-top: 2px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .sr-selectro-list-item .text-span {
  line-height: 22px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .sr-selectro-list-item .sr-face-stack.multi-resident .faces {
  left: 14px;
  top: 14px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .sr-selectro-list-item .sr-face-stack.multi-resident .faces .sr-face:only-child {
  margin-left: 7px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .sr-selectro .sr-selectro-list-item .sr-face-stack .sr-face {
  position: absolute;
  font-size: 10px;
}
.assignment-content .project-residents .edit-dialog .task-inline-edit.residents .content-confirmation {
  z-index: 0;
  top: 37px;
}
.assignment-content .workTypeInfo {
  margin: 30px 0;
  float: left;
  height: 50px;
  width: 100%;
  position: relative;
}
.assignment-content .workTypeInfo div.subtype-icon {
  float: left;
  padding: 1px 0;
  margin-right: 10px;
}
.assignment-content .workTypeInfo div.subtype-icon.work-order, .assignment-content .workTypeInfo div.subtype-icon.inspection-point, .assignment-content .workTypeInfo div.subtype-icon.make-ready, .assignment-content .workTypeInfo div.subtype-icon.preventive-maintenance, .assignment-content .workTypeInfo div.subtype-icon.capital-improvement {
  width: 40px;
  height: 40px;
  background-position: left;
}
.assignment-content .workTypeInfo div.subtype-icon.work-order {
  background: url("images/project-categories/maintenance.png") no-repeat;
  background-size: 80px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .workTypeInfo div.subtype-icon.work-order {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 80px 40px;
  }
}
.assignment-content .workTypeInfo div.subtype-icon.inspection-point {
  background: url("images/project-categories/inspection-point.png") no-repeat;
  background-size: 80px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .workTypeInfo div.subtype-icon.inspection-point {
    background-image: url("images/project-categories/inspection-point@2x.png");
    background-size: 80px 40px;
  }
}
.assignment-content .workTypeInfo div.subtype-icon.make-ready {
  background: url("images/project-categories/make-ready.png") no-repeat;
  background-size: 80px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .workTypeInfo div.subtype-icon.make-ready {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 80px 40px;
  }
}
.assignment-content .workTypeInfo div.subtype-icon.preventive-maintenance {
  background: url("images/project-categories/preventive-maintenance.png") no-repeat;
  background-size: 80px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .workTypeInfo div.subtype-icon.preventive-maintenance {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 80px 40px;
  }
}
.assignment-content .workTypeInfo div.subtype-icon.capital-improvement {
  background: url("images/project-categories/capital-improvement.png") no-repeat;
  background-size: 80px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .workTypeInfo div.subtype-icon.capital-improvement {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 80px 40px;
  }
}
.assignment-content .workTypeInfo img.work-type-detail-icon,
.assignment-content .workTypeInfo .sr-category-icon.primary-icon {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin: 0px 8px 0px 0;
}
.assignment-content .workTypeInfo.in-edit .inner {
  width: 100%;
}
.assignment-content .workTypeInfo .inner {
  margin: 0;
  max-width: 360px;
  max-width: calc(100% - 70px);
  float: left;
}
.assignment-content .workTypeInfo .inner .text-width {
  width: 100%;
}
.assignment-content .workTypeInfo .inner h3 {
  color: var(--neutral-3);
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.assignment-content .workTypeInfo .inner h3 span.category {
  color: var(--neutral-2);
}
.assignment-content .workTypeInfo .inner h3.suggested {
  font-style: italic;
}
.assignment-content .workTypeInfo .inner h3.single-category:not(.kill-hover) {
  margin-top: 10px;
}
.assignment-content .workTypeInfo .inner h3.needs {
  font-style: italic;
  vertical-align: middle;
}
.assignment-content .workTypeInfo .inner h3.needs span.category {
  color: var(--primary-blue);
}
.assignment-content .workTypeInfo .inner h3.needs span.subcategory {
  color: var(--neutral-3);
}
.assignment-content .workTypeInfo .inner h3.needs span.needs-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  background: url("images/assignment/needsDetail.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-content .workTypeInfo .inner h3.needs span.needs-icon {
    background-image: url("images/assignment/needsDetail@2x.png");
    background-size: 16px 16px;
  }
}
.assignment-content .workTypeInfo .inner h3 span.subcategory {
  font-size: 19px;
  font-style: normal;
}
.assignment-content .workTypeInfo .inner h4 {
  font-size: 12px;
  font-weight: 400;
  color: var(--neutral-3);
  line-height: 14px;
}
.assignment-content .workTypeInfo .inner h4.has-edit {
  border-bottom: 1px solid var(--neutral-8-white-);
  padding-right: 18px;
  box-sizing: border-box;
  padding-bottom: 3px;
  margin-bottom: 1px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 58px;
}
.assignment-content .workTypeInfo .inner h4.has-edit .edit {
  top: 0;
}
.assignment-content .workTypeInfo .inner h4.has-edit:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.assignment-content .workTypeInfo .inner h4.has-edit:hover:not(.kill-hover) .edit {
  opacity: 1;
}
.assignment-content .workTypeInfo .inner h4.has-edit.noHover {
  border-bottom: 1px solid var(--neutral-5);
}
.assignment-content .workTypeInfo .inner h4.has-edit.noHover .edit {
  display: none !important;
}
.assignment-content .workTypeInfo.has-resource {
  max-width: 380px;
  max-width: calc(100% - 50px);
}
.assignment-content .workTypeInfo.can-edit .edit {
  margin-left: 6px;
  position: absolute;
  top: 10px;
  width: 11px;
  height: 11px;
  opacity: 0;
}
.assignment-content .workTypeInfo.can-edit .edit.align-right {
  right: 0;
}
.assignment-content .workTypeInfo.can-edit .edit.icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
}
.assignment-content .workTypeInfo.can-edit h3 {
  display: inline-block;
  position: relative;
  padding-right: 18px;
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-bottom: 1px solid var(--neutral-8-white-);
  box-sizing: border-box;
}
.assignment-content .workTypeInfo.can-edit h3:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.assignment-content .workTypeInfo.can-edit h3:hover:not(.kill-hover) .edit {
  opacity: 1;
}
.assignment-content .workTypeInfo.can-edit h3.noHover {
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.assignment-content .workTypeInfo.can-edit h3.noHover .edit {
  display: none !important;
}
.assignment-content h3.sectionTitle {
  font-weight: 600;
  font-size: 15px;
  color: var(--neutral-2);
}
.assignment-content .resource-button {
  float: right;
  cursor: pointer;
  width: 46px;
  height: 38px;
  margin-top: 32px;
  border-radius: 3px;
}
.assignment-content .resource-button span.icon {
  display: block;
  margin: 8px 12px;
}
.assignment-content .resource-button.disabled {
  opacity: 0.6;
  cursor: no-drop;
}
.assignment-content .resource-button:hover {
  background-color: var(--list-1-hover);
}
.assignment-content .sr-panel.with-padding {
  box-sizing: border-box;
  padding: 30px 0 0;
}
.assignment-content .sr-panel.with-padding[data-panel-id=tasks] {
  padding: 20px 0 0;
}
.assignment-content .sr-panel.with-padding.pt8 {
  padding-top: 8px;
}
.assignment-content .upload-cover {
  display: none;
}
.assignment-content section.task-people-list {
  position: relative;
  height: 50px;
  margin: 0 auto 30px;
}
.assignment-content .repeating-series-details {
  padding-bottom: 30px;
}
.assignment-content .repeating-series-details .sr-icon {
  cursor: initial;
}
.assignment-content .repeating-series-details .repeating-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 25px;
  gap: 25px;
}
.assignment-content .repeating-series-details .repeating-info .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}
.assignment-content .repeating-series-details .repeating-info .row .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 3px;
}
.assignment-content .repeating-series-details .repeating-info .row .info .title {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info {
  width: 100%;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info .name {
  color: var(--neutral-1);
  font-size: 14px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 0;
  line-height: normal;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info .name.hide {
  display: none;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info .edit {
  position: relative;
  top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info .edit-dialog {
  top: 1px;
  position: relative;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info .edit-dialog .content-placeholder {
  width: 100%;
  color: var(--neutral-1);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.assignment-content .repeating-series-details .repeating-info .row .info .info .edit-dialog .content-loading {
  height: 100%;
  width: 100%;
  top: -4px;
}
.assignment-content .repeating-series-details .repeating-info .row-with-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.assignment-content .repeating-series-details .repeating-info .row-with-columns .column {
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  width: 210px;
}
.assignment-content .repeating-series-details .repeating-info .row-with-columns .column .icon {
  margin-top: 4px;
}
.assignment-content .repeating-series-details .repeating-info .row-with-columns .column .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 3px;
}
.assignment-content .repeating-series-details .repeating-info .row-with-columns .column .info .title {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.assignment-content .repeating-series-details .repeating-info .row-with-columns .column .info .data {
  color: var(--neutral-1);
  font-size: 14px;
  font-weight: 400;
}
.assignment-content .template-details {
  padding: 0 25px 30px 25px;
  width: 450px;
  width: calc(100% - 50px);
}
.assignment-content .template-details h3 {
  padding-top: 30px;
  padding-bottom: 20px;
  border-top: 1px solid var(--neutral-5);
}
.assignment-content section.template-option {
  margin-bottom: 25px;
}
.assignment-content section.template-option h4 {
  font-weight: 400;
  font-size: 12px;
  color: var(--neutral-2);
  margin-bottom: 2px;
}
.assignment-content section.template-option p {
  font-size: 14px;
  color: var(--neutral-2);
}
.assignment-content section.template-option strong {
  font-weight: 700;
}
.assignment-content section.template-option .disabled {
  color: var(--neutral-3);
}
.assignment-content section.template-option .section-content {
  margin-top: 18px;
}
.assignment-content section.template-option .section-content.no-top-margin {
  margin-top: 0;
}
.assignment-content section.template-option .section-content p .sr-category-icon {
  width: 19px;
  height: 19px;
  vertical-align: bottom;
  display: inline-block;
}
.assignment-content section.template-option .go-to-origin {
  color: var(--primary-blue);
  cursor: pointer;
  font-weight: 700;
}
.assignment-content section.template-option .go-to-origin:hover {
  text-decoration: underline;
}
.assignment-content section.with-top-border {
  border-top: 1px solid var(--neutral-5);
  padding-top: 30px;
}
.assignment-content section.with-bottom-padding {
  padding-bottom: 30px;
}
.assignment-content section.comments,
.assignment-content section.resource,
.assignment-content section.review,
.assignment-content section.activity,
.assignment-content section.time,
.assignment-content section.completion,
.assignment-content section.appointment,
.assignment-content section.access,
.assignment-content section.custom-fields,
.assignment-content section.files,
.assignment-content section.more-details,
.assignment-content section.tags,
.assignment-content section.prior-documentation,
.assignment-content section.assets,
.assignment-content section.tasks {
  margin: 0 auto;
}
.assignment-content section.comments.activity,
.assignment-content section.resource.activity,
.assignment-content section.review.activity,
.assignment-content section.activity.activity,
.assignment-content section.time.activity,
.assignment-content section.completion.activity,
.assignment-content section.appointment.activity,
.assignment-content section.access.activity,
.assignment-content section.custom-fields.activity,
.assignment-content section.files.activity,
.assignment-content section.more-details.activity,
.assignment-content section.tags.activity,
.assignment-content section.prior-documentation.activity,
.assignment-content section.assets.activity,
.assignment-content section.tasks.activity {
  margin-bottom: 20px;
}
.assignment-content section.comments.activity > h4,
.assignment-content section.resource.activity > h4,
.assignment-content section.review.activity > h4,
.assignment-content section.activity.activity > h4,
.assignment-content section.time.activity > h4,
.assignment-content section.completion.activity > h4,
.assignment-content section.appointment.activity > h4,
.assignment-content section.access.activity > h4,
.assignment-content section.custom-fields.activity > h4,
.assignment-content section.files.activity > h4,
.assignment-content section.more-details.activity > h4,
.assignment-content section.tags.activity > h4,
.assignment-content section.prior-documentation.activity > h4,
.assignment-content section.assets.activity > h4,
.assignment-content section.tasks.activity > h4 {
  margin-bottom: 0;
}
.assignment-content section.comments.time,
.assignment-content section.resource.time,
.assignment-content section.review.time,
.assignment-content section.activity.time,
.assignment-content section.time.time,
.assignment-content section.completion.time,
.assignment-content section.appointment.time,
.assignment-content section.access.time,
.assignment-content section.custom-fields.time,
.assignment-content section.files.time,
.assignment-content section.more-details.time,
.assignment-content section.tags.time,
.assignment-content section.prior-documentation.time,
.assignment-content section.assets.time,
.assignment-content section.tasks.time {
  margin-bottom: 20px;
}
.assignment-content section.comments.time > h4,
.assignment-content section.resource.time > h4,
.assignment-content section.review.time > h4,
.assignment-content section.activity.time > h4,
.assignment-content section.time.time > h4,
.assignment-content section.completion.time > h4,
.assignment-content section.appointment.time > h4,
.assignment-content section.access.time > h4,
.assignment-content section.custom-fields.time > h4,
.assignment-content section.files.time > h4,
.assignment-content section.more-details.time > h4,
.assignment-content section.tags.time > h4,
.assignment-content section.prior-documentation.time > h4,
.assignment-content section.assets.time > h4,
.assignment-content section.tasks.time > h4 {
  margin-bottom: 25px;
}
.assignment-content section.comments.review,
.assignment-content section.resource.review,
.assignment-content section.review.review,
.assignment-content section.activity.review,
.assignment-content section.time.review,
.assignment-content section.completion.review,
.assignment-content section.appointment.review,
.assignment-content section.access.review,
.assignment-content section.custom-fields.review,
.assignment-content section.files.review,
.assignment-content section.more-details.review,
.assignment-content section.tags.review,
.assignment-content section.prior-documentation.review,
.assignment-content section.assets.review,
.assignment-content section.tasks.review {
  margin-bottom: 30px;
}
.assignment-content section.comments.files,
.assignment-content section.resource.files,
.assignment-content section.review.files,
.assignment-content section.activity.files,
.assignment-content section.time.files,
.assignment-content section.completion.files,
.assignment-content section.appointment.files,
.assignment-content section.access.files,
.assignment-content section.custom-fields.files,
.assignment-content section.files.files,
.assignment-content section.more-details.files,
.assignment-content section.tags.files,
.assignment-content section.prior-documentation.files,
.assignment-content section.assets.files,
.assignment-content section.tasks.files {
  position: initial;
}
.assignment-content section.comments.files .sr-file-manager,
.assignment-content section.resource.files .sr-file-manager,
.assignment-content section.review.files .sr-file-manager,
.assignment-content section.activity.files .sr-file-manager,
.assignment-content section.time.files .sr-file-manager,
.assignment-content section.completion.files .sr-file-manager,
.assignment-content section.appointment.files .sr-file-manager,
.assignment-content section.access.files .sr-file-manager,
.assignment-content section.custom-fields.files .sr-file-manager,
.assignment-content section.files.files .sr-file-manager,
.assignment-content section.more-details.files .sr-file-manager,
.assignment-content section.tags.files .sr-file-manager,
.assignment-content section.prior-documentation.files .sr-file-manager,
.assignment-content section.assets.files .sr-file-manager,
.assignment-content section.tasks.files .sr-file-manager {
  padding: 0 25px 30px;
}
.assignment-content section.comments.files .sr-file-manager .instructions,
.assignment-content section.resource.files .sr-file-manager .instructions,
.assignment-content section.review.files .sr-file-manager .instructions,
.assignment-content section.activity.files .sr-file-manager .instructions,
.assignment-content section.time.files .sr-file-manager .instructions,
.assignment-content section.completion.files .sr-file-manager .instructions,
.assignment-content section.appointment.files .sr-file-manager .instructions,
.assignment-content section.access.files .sr-file-manager .instructions,
.assignment-content section.custom-fields.files .sr-file-manager .instructions,
.assignment-content section.files.files .sr-file-manager .instructions,
.assignment-content section.more-details.files .sr-file-manager .instructions,
.assignment-content section.tags.files .sr-file-manager .instructions,
.assignment-content section.prior-documentation.files .sr-file-manager .instructions,
.assignment-content section.assets.files .sr-file-manager .instructions,
.assignment-content section.tasks.files .sr-file-manager .instructions {
  font-size: 14px;
  color: var(--neutral-3);
}
.assignment-content section.comments.more-details,
.assignment-content section.resource.more-details,
.assignment-content section.review.more-details,
.assignment-content section.activity.more-details,
.assignment-content section.time.more-details,
.assignment-content section.completion.more-details,
.assignment-content section.appointment.more-details,
.assignment-content section.access.more-details,
.assignment-content section.custom-fields.more-details,
.assignment-content section.files.more-details,
.assignment-content section.more-details.more-details,
.assignment-content section.tags.more-details,
.assignment-content section.prior-documentation.more-details,
.assignment-content section.assets.more-details,
.assignment-content section.tasks.more-details {
  margin: 0 auto 30px;
}
.assignment-content section.comments.prior-documentation,
.assignment-content section.resource.prior-documentation,
.assignment-content section.review.prior-documentation,
.assignment-content section.activity.prior-documentation,
.assignment-content section.time.prior-documentation,
.assignment-content section.completion.prior-documentation,
.assignment-content section.appointment.prior-documentation,
.assignment-content section.access.prior-documentation,
.assignment-content section.custom-fields.prior-documentation,
.assignment-content section.files.prior-documentation,
.assignment-content section.more-details.prior-documentation,
.assignment-content section.tags.prior-documentation,
.assignment-content section.prior-documentation.prior-documentation,
.assignment-content section.assets.prior-documentation,
.assignment-content section.tasks.prior-documentation {
  margin: 0 auto 30px;
}
.assignment-content section.comments h4,
.assignment-content section.resource h4,
.assignment-content section.review h4,
.assignment-content section.activity h4,
.assignment-content section.time h4,
.assignment-content section.completion h4,
.assignment-content section.appointment h4,
.assignment-content section.access h4,
.assignment-content section.custom-fields h4,
.assignment-content section.files h4,
.assignment-content section.more-details h4,
.assignment-content section.tags h4,
.assignment-content section.prior-documentation h4,
.assignment-content section.assets h4,
.assignment-content section.tasks h4 {
  font-weight: 600;
  font-size: 15px;
  color: var(--grey-2);
  margin-bottom: 20px;
}
.assignment-content section.comments h5,
.assignment-content section.resource h5,
.assignment-content section.review h5,
.assignment-content section.activity h5,
.assignment-content section.time h5,
.assignment-content section.completion h5,
.assignment-content section.appointment h5,
.assignment-content section.access h5,
.assignment-content section.custom-fields h5,
.assignment-content section.files h5,
.assignment-content section.more-details h5,
.assignment-content section.tags h5,
.assignment-content section.prior-documentation h5,
.assignment-content section.assets h5,
.assignment-content section.tasks h5 {
  font-weight: 600;
  font-size: 14px;
  color: var(--grey-2);
  margin-bottom: 20px;
}
.assignment-content section.comments b,
.assignment-content section.resource b,
.assignment-content section.review b,
.assignment-content section.activity b,
.assignment-content section.time b,
.assignment-content section.completion b,
.assignment-content section.appointment b,
.assignment-content section.access b,
.assignment-content section.custom-fields b,
.assignment-content section.files b,
.assignment-content section.more-details b,
.assignment-content section.tags b,
.assignment-content section.prior-documentation b,
.assignment-content section.assets b,
.assignment-content section.tasks b {
  font-weight: 600;
}
.assignment-content section.comments .cost-item,
.assignment-content section.resource .cost-item,
.assignment-content section.review .cost-item,
.assignment-content section.activity .cost-item,
.assignment-content section.time .cost-item,
.assignment-content section.completion .cost-item,
.assignment-content section.appointment .cost-item,
.assignment-content section.access .cost-item,
.assignment-content section.custom-fields .cost-item,
.assignment-content section.files .cost-item,
.assignment-content section.more-details .cost-item,
.assignment-content section.tags .cost-item,
.assignment-content section.prior-documentation .cost-item,
.assignment-content section.assets .cost-item,
.assignment-content section.tasks .cost-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--grey-2);
}
.assignment-content section.comments .cost-item p,
.assignment-content section.resource .cost-item p,
.assignment-content section.review .cost-item p,
.assignment-content section.activity .cost-item p,
.assignment-content section.time .cost-item p,
.assignment-content section.completion .cost-item p,
.assignment-content section.appointment .cost-item p,
.assignment-content section.access .cost-item p,
.assignment-content section.custom-fields .cost-item p,
.assignment-content section.files .cost-item p,
.assignment-content section.more-details .cost-item p,
.assignment-content section.tags .cost-item p,
.assignment-content section.prior-documentation .cost-item p,
.assignment-content section.assets .cost-item p,
.assignment-content section.tasks .cost-item p {
  padding-right: 30px;
}
.assignment-content section.comments.access h4,
.assignment-content section.resource.access h4,
.assignment-content section.review.access h4,
.assignment-content section.activity.access h4,
.assignment-content section.time.access h4,
.assignment-content section.completion.access h4,
.assignment-content section.appointment.access h4,
.assignment-content section.access.access h4,
.assignment-content section.custom-fields.access h4,
.assignment-content section.files.access h4,
.assignment-content section.more-details.access h4,
.assignment-content section.tags.access h4,
.assignment-content section.prior-documentation.access h4,
.assignment-content section.assets.access h4,
.assignment-content section.tasks.access h4 {
  margin-bottom: 0;
}
.assignment-content .assignment-edit-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s ease-out, z-index 0s 0.1s;
  -moz-transition: opacity 0.1s ease-out, z-index 0s 0.1s;
  -webkit-transition: opacity 0.1s ease-out, z-index 0s 0.1s;
}
.assignment-content .assignment-edit-overlay.active {
  z-index: 25;
  opacity: 1;
  transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
}
.assignment-content .in-edit {
  z-index: 30;
}
.assignment-content .in-edit .disabled {
  opacity: 0.6;
}
.assignment-content .assignment-edit-overlay.active {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 25;
  pointer-events: none;
}
.assignment-content .in-edit {
  z-index: 26;
}
.assignment-content .in-edit .disabled {
  opacity: 0.6;
}
.assignment-content section.appointment {
  height: 100%;
  padding-bottom: 30px;
}

section.tasks .tasks-group:not(:first-child) .group-header {
  margin-top: 25px;
  transition: margin-top 250ms ease-in-out, border-top 250ms ease-in-out;
}
section.tasks .tasks-group:not(:first-child) .group-header.collapsed {
  border-top: 1px solid transparent;
  margin: 0;
}
section.tasks .group-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  height: 42px;
  border-top: 1px solid var(--neutral-5);
}
section.tasks .group-header:not(:first-child) {
  margin-top: 25px;
}
section.tasks .group-header.collapsed .collapse {
  transform: rotate(180deg);
}
section.tasks .group-header .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
section.tasks .group-header .left .project-group-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
section.tasks .group-header .left .project-group-status .icon svg {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  cursor: default;
}
section.tasks .group-header .left .project-group-status .total {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
  margin-left: 7.5px;
}
section.tasks .group-header .left .project-group-status .group-name {
  color: var(--neutral-1);
  font-size: 14px;
  font-weight: 600;
  margin-left: 30px;
}
section.tasks .group-header .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
section.tasks .group-header .right .group-menu {
  color: var(--neutral-4);
  margin-right: 10px;
}
section.tasks .group-header .right .group-menu.selected {
  color: var(--primary-blue);
}
section.tasks .group-header .right .collapse {
  color: var(--neutral-4);
  margin-right: 10px;
}
section.tasks .group-contents {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
}
section.tasks .group-contents.collapsed {
  max-height: 0px !important;
}
section.tasks .row {
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  border-bottom: 1px solid var(--neutral-5);
  background-color: transparent;
  transition: background-color 150ms ease-in;
  background-clip: padding-box;
  cursor: pointer;
}
section.tasks .row:hover {
  background-color: var(--list-1-hover);
  transition: none;
}
section.tasks .row:hover .group-task-icon {
  background-color: var(--list-2-active);
  transition: none;
}
section.tasks .row .group-task-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: var(--neutral-6);
  height: 70px;
  width: 70px;
  transition: background-color 150ms ease-in;
  background-clip: padding-box;
}
section.tasks .row .group-task-icon .icon {
  height: 32px;
  width: 32px;
}
section.tasks .row .group-task-assignee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: -14px;
}
section.tasks .row .group-task-assignee .person {
  border: 2px solid var(--neutral-8-white-);
  border-radius: 50%;
}
section.tasks .row .group-task-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 330px;
  white-space: nowrap;
  margin-left: 11px;
}
section.tasks .row .group-task-info .has-subcategory {
  overflow: hidden;
  text-overflow: ellipsis;
}
section.tasks .row .group-task-info .category {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.tasks .row .group-task-info .subcategory {
  color: var(--neutral-3);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
section.tasks .row .group-task-info .due-info {
  color: var(--neutral-3);
  font-size: 13px;
  font-weight: 700;
}
section.tasks .row .group-task-info .due-info.past-due {
  color: var(--primary-yellow);
}
section.tasks .row .group-task-info .due-info.urgent {
  color: var(--primary-red);
}
section.tasks .row .group-task-info .place-info {
  color: var(--neutral-3);
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.tasks .row .group-task-stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 10px 0 auto;
}
section.tasks .row .group-task-stats .time-created {
  color: var(--neutral-4);
  font-size: 12px;
  font-weight: 400;
  height: 18px;
}
section.tasks .row .group-task-stats .status-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
  height: 18px;
}
section.tasks .row .group-task-stats .status-icon .sr-completable-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 10px;
}
section.tasks .row .group-task-stats .status-icon span {
  display: block;
}
section.tasks .row .group-task-stats .files-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
  height: 18px;
}
section.tasks .row .group-task-stats .files-icon svg {
  cursor: default;
}
section.tasks .group-task-popup {
  display: none;
  position: absolute;
  width: 320px;
  right: 41px;
  top: 41px;
  z-index: 9;
}
section.tasks .group-task-popup .popup-group-header {
  margin: 0 15px 15px 15px;
}
section.tasks .group-task-popup .popup-group-header .popup-group-name {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
section.tasks .group-task-popup .popup-group-header .popup-group-title {
  color: var(--neutral-3);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
section.tasks .group-task-popup ul {
  padding: 15px 0;
}
section.tasks ul {
  background: var(--neutral-8-white-);
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
section.tasks ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 34px;
  box-sizing: border-box;
  cursor: pointer;
  padding-right: 15px;
}
section.tasks ul li .icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 44px;
}
section.tasks ul li .icon-container .status-closed-alt {
  height: 4px !important;
  width: 14px !important;
  background-size: 28px 4px !important;
  background-position: initial;
}
section.tasks ul li a {
  cursor: pointer;
  color: var(--neutral-2);
  box-sizing: border-box;
}
section.tasks ul li.disabled {
  cursor: default;
  background-color: inherit;
  padding-left: 15px;
  font-style: italic;
}
section.tasks ul li.disabled:hover {
  background-color: inherit;
}
section.tasks ul li:hover {
  background-color: #f2f5f6;
}
section.tasks ul .divider {
  border-top: 1px solid var(--neutral-5);
  margin: 10px;
}

section.tags {
  padding-bottom: 25px;
}

section.prior-documentation .title-with-action {
  position: relative;
  font-size: 14px !important;
}
section.prior-documentation .title-with-action .change-project {
  height: 20px;
  width: 15px;
  position: absolute;
  color: var(--neutral-4);
  top: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: width 250ms ease-in-out;
}
section.prior-documentation .title-with-action .change-project span.text {
  color: var(--primary-blue);
  display: inline-block;
}
section.prior-documentation .title-with-action .change-project span.icon {
  display: inline-block;
  vertical-align: top;
  margin: 1px 10px 0 0;
  width: 15px;
  height: 15px;
  background: url("images/templates/Edit.png") no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.prior-documentation .title-with-action .change-project span.icon {
    background-image: url("images/templates/Edit@2x.png");
    background-size: 15px 15px;
  }
}
section.prior-documentation .title-with-action .change-project:hover, section.prior-documentation .title-with-action .change-project:focus {
  width: 125px;
  color: var(--primary-blue-2-hover);
}
section.prior-documentation .title-with-action .change-project:hover span.icon, section.prior-documentation .title-with-action .change-project:focus span.icon {
  background-position: right;
}
section.prior-documentation .go-to-origin {
  color: var(--primary-blue);
  cursor: pointer;
  font-weight: 600;
}
section.prior-documentation .go-to-origin:hover {
  text-decoration: underline;
}
section.prior-documentation .custom-fields-container .custom-field .sr-category-icon {
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  display: inline-block;
}

section.resource {
  padding-bottom: 30px;
}
section.resource .resource-row {
  cursor: pointer;
}
section.resource .icon-container {
  float: left;
  width: 34px;
  height: 34px;
  position: relative;
  margin-right: 12px;
}
section.resource .icon-container .img {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: cover;
}
section.resource .icon-container .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
section.resource p {
  float: left;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 34px;
}
section.resource div.info-circle {
  float: right;
  margin-top: 9px;
}

section.site div.common-icon {
  float: left;
  margin: 0 14px 0 5px;
}

section.access div.section-content {
  padding: 0 38px;
}
section.access p {
  line-height: 18px;
  font-size: 14px;
}
section.access p strong {
  font-weight: 600;
}

section.custom-fields div.custom-field,
section.prior-documentation div.custom-field {
  margin-bottom: 22px;
}
section.custom-fields div.custom-field h6,
section.prior-documentation div.custom-field h6 {
  font-size: 12px;
  color: var(--neutral-3);
}
section.custom-fields div.custom-field.inline h6,
section.custom-fields div.custom-field.inline p,
section.custom-fields div.custom-field.inline .sr-face,
section.prior-documentation div.custom-field.inline h6,
section.prior-documentation div.custom-field.inline p,
section.prior-documentation div.custom-field.inline .sr-face {
  display: inline-block;
  margin-right: 5px;
}
section.custom-fields div.custom-field.inline .sr-face,
section.prior-documentation div.custom-field.inline .sr-face {
  vertical-align: middle;
}
section.custom-fields div.custom-field.inline p,
section.prior-documentation div.custom-field.inline p {
  padding-right: 4px;
  position: relative;
}
section.custom-fields div.custom-field.inline p:after,
section.prior-documentation div.custom-field.inline p:after {
  content: ",";
  position: absolute;
  right: 0px;
  bottom: 0px;
}
section.custom-fields div.custom-field.inline p:last-of-type:after,
section.prior-documentation div.custom-field.inline p:last-of-type:after {
  content: "";
}
section.custom-fields div.custom-field.columns,
section.prior-documentation div.custom-field.columns {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
section.custom-fields div.custom-field.columns .sr-completable-status,
section.prior-documentation div.custom-field.columns .sr-completable-status {
  display: inline-block;
}

section.access .inline-loading {
  display: block;
  margin: 18px auto;
}
section.access .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
section.access h6 {
  line-height: 14px;
  margin-top: 8px;
}
section.access .access-container {
  padding: 0 0 12px;
}
section.access .access-container div.access-control-separator {
  width: 394px;
  float: right;
  border-bottom: 1px solid var(--neutral-5);
}
section.access .access-container div.access-control-separator:last-child {
  display: none;
}
section.access .access-container div.access-control-separator.full-length {
  width: 100%;
}
section.access .access-container .access-controls-collapse__content {
  overflow: visible;
  max-height: 100vh;
  transition: all 0.5s ease-out;
}
section.access .access-container .access-controls-collapse__content.hide {
  max-height: 0vh;
  overflow: hidden;
}
section.access .access-container div.access-item {
  position: relative;
  padding: 18px 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
section.access .access-container div.access-item .text-container {
  white-space: nowrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
section.access .access-container div.access-item .text-container.center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
section.access .access-container div.access-item .access-value {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: auto;
  justify-self: flex-end;
  text-align: end;
  word-break: break-all;
  overflow: hidden;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding-top: 17px;
  padding-left: 20px;
  width: 200px;
}
section.access .access-container div.access-item .access-value.center {
  padding: 0;
  margin-bottom: 10px;
}
section.access .access-container div.access-item .access-code-btn {
  color: var(--primary-blue);
  font-weight: 600;
  cursor: pointer;
}
section.access .access-container div.access-item .access-code-btn:hover, section.access .access-container div.access-item .access-code-btn:focus-visible, section.access .access-container div.access-item .access-code-btn:active {
  color: var(--primary-blue-2-hover);
}
section.access .access-container div.access-item span.access-control {
  visibility: hidden;
}
section.access .access-container div.access-item span.access-control.visible {
  visibility: visible;
}
section.access .access-container .no-entry-preference {
  color: var(--primary-blue);
  line-height: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
}
section.access .access-container .no-entry-preference .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
section.access div.icon,
section.access div.common-icon {
  float: left;
  margin: 0 13px 0 1px;
}
section.access div.icon span,
section.access div.icon div,
section.access div.common-icon span,
section.access div.common-icon div {
  display: block;
  width: 30px;
  height: 31px;
}
section.access div.icon span.contact-first,
section.access div.icon div.contact-first,
section.access div.common-icon span.contact-first,
section.access div.common-icon div.contact-first {
  margin-top: 3px;
  background: url("images/assignment/contactFirst.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.access div.icon span.contact-first,
  section.access div.icon div.contact-first,
  section.access div.common-icon span.contact-first,
  section.access div.common-icon div.contact-first {
    background-image: url("images/assignment/contactFirst@2x.png");
    background-size: 30px 31px;
  }
}
section.access div.icon span.anytime,
section.access div.icon div.anytime,
section.access div.common-icon span.anytime,
section.access div.common-icon div.anytime {
  margin-top: 4px;
  background: url("images/assignment/anytime.png") no-repeat;
  background-size: 30px 31px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.access div.icon span.anytime,
  section.access div.icon div.anytime,
  section.access div.common-icon span.anytime,
  section.access div.common-icon div.anytime {
    background-image: url("images/assignment/anytime@2x.png");
    background-size: 30px 31px;
  }
}
section.access div.icon span.access-control,
section.access div.icon div.access-control,
section.access div.common-icon span.access-control,
section.access div.common-icon div.access-control {
  width: 40px;
  height: 40px;
  background: url("images/assignment/access/accessControl.png") no-repeat;
  background-size: 40px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  section.access div.icon span.access-control,
  section.access div.icon div.access-control,
  section.access div.common-icon span.access-control,
  section.access div.common-icon div.access-control {
    background-image: url("images/assignment/access/accessControl@2x.png");
    background-size: 40px 40px;
  }
}

.assets-edit .no-asset {
  color: var(--primary-blue);
  line-height: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
}
.assets-edit .no-asset .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.assets-edit:not(.noHover):hover .no-asset {
  color: var(--primary-blue-2-hover);
}
.assets-edit:not(.noHover):hover .no-asset .icon {
  background-position: right;
}

.resident-edit .no-resident {
  color: var(--primary-blue);
  line-height: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
}
.resident-edit .no-resident .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.resident-edit .no-resident:not(.noHover):hover .no-resident {
  color: var(--primary-blue-2-hover);
}
.resident-edit .no-resident:not(.noHover):hover .no-resident .icon {
  background-position: right;
}
.resident-edit .no-resident.noHover {
  border-bottom: 1px solid #ccd6dc;
  width: 100%;
}
.resident-edit .no-resident.noHover .edit {
  display: none !important;
}
.resident-edit .no-resident.remove-resident-add-button {
  display: none !important;
}

.tags-edit.can-edit .inner {
  position: relative;
}
.tags-edit.can-edit .inner .no-tags {
  color: var(--primary-blue);
  line-height: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
}
.tags-edit.can-edit .inner .no-tags .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.tags-edit.can-edit div.name {
  padding-right: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--neutral-8-white-);
  z-index: 2;
}
.tags-edit.can-edit div.name:not(.noHover):hover .no-tags {
  color: var(--primary-blue-2-hover);
}
.tags-edit.can-edit div.name:not(.noHover):hover .no-tags .icon {
  background-position: right;
}
.tags-edit.can-edit div.name.active {
  cursor: default;
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.tags-edit.can-edit div.name.active .edit {
  display: none;
}
.tags-edit.can-edit div.name.noHover {
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.tags-edit.can-edit div.name.noHover .edit {
  display: none !important;
}
.tags-edit.can-edit .edit {
  position: absolute;
  top: 6px;
  right: 0px;
  display: block;
  width: 11px;
  height: 11px;
  opacity: 0;
}
.tags-edit.can-edit .edit.icon {
  margin-right: 0px;
}
.tags-edit.can-edit .edit.icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
  margin-right: 0px;
}
.tags-edit:not(.kill-hover) div.name:hover {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
  z-index: 9;
}
.tags-edit:not(.kill-hover) div.name:hover .edit {
  opacity: 1;
}

.entry-preference-edit {
  padding-bottom: 0px;
}
.entry-preference-edit button {
  width: 100%;
}
.entry-preference-edit .name {
  text-align: left;
}
.entry-preference-edit .can-edit {
  padding-right: 18px;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--neutral-8-white-);
  z-index: 2;
}
.entry-preference-edit .can-edit:hover {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.entry-preference-edit .can-edit:hover .icon.edit-pencil-dark {
  position: absolute;
  right: 0px;
  width: 12px;
  height: 12px;
  margin-right: 0px;
}

.task-person,
.task-info {
  float: left;
  margin-right: 14px;
  width: 210px;
  width: calc(50% - 7px);
}
.task-person.last,
.task-info.last {
  margin-right: 0px !important;
}
.task-person .face-icon,
.task-person .icon,
.task-person .place-type-icon,
.task-info .face-icon,
.task-info .icon,
.task-info .place-type-icon {
  float: left;
  margin-right: 9px;
}
.task-person .flex,
.task-info .flex {
  display: -ms-flexbox;
  display: flex;
}
.task-person .place-type-icon.large,
.task-info .place-type-icon.large {
  border: 0px !important;
  width: 46px;
  height: 46px;
  margin: -5px 11px 0px 2px;
}
.task-person .place-type-icon.large svg,
.task-info .place-type-icon.large svg {
  width: 46px;
  height: 46px;
}
.task-person .info,
.task-info .info {
  display: block;
  height: 100%;
  float: left;
  width: 150px;
  width: calc(100% - 60px);
}
.task-person .info .inner,
.task-info .info .inner {
  margin-top: 5px;
  display: block;
}
.task-person .info div.title,
.task-info .info div.title {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
}
.task-person .info div.name,
.task-info .info div.name {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 22px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--neutral-8-white-);
  box-sizing: border-box;
}
.task-person .info div.name.allow-wrap,
.task-info .info div.name.allow-wrap {
  overflow: visible;
  white-space: normal;
}
.task-person .info div.name.light,
.task-info .info div.name.light {
  color: var(--neutral-4);
}
.task-person .info div.name span.light,
.task-info .info div.name span.light {
  font-weight: 400;
  color: var(--neutral-3);
}
.task-person .info .edit,
.task-info .info .edit {
  display: none;
  opacity: 0;
}
.task-person .edit-dialog.repeating-edit,
.task-info .edit-dialog.repeating-edit {
  display: none;
  position: absolute;
  top: 15px;
  width: 100%;
  min-height: 100%;
  background-color: white;
}
.task-person .edit-dialog.repeating-edit.visible,
.task-info .edit-dialog.repeating-edit.visible {
  display: block;
}
.task-person.can-edit .inner,
.task-info.can-edit .inner {
  position: relative;
}
.task-person.can-edit div.name,
.task-info.can-edit div.name {
  padding-right: 18px;
}
.task-person.can-edit div.name:hover:not(.kill-hover),
.task-info.can-edit div.name:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.task-person.can-edit div.name:hover:not(.kill-hover) .edit,
.task-info.can-edit div.name:hover:not(.kill-hover) .edit {
  opacity: 1;
}
.task-person.can-edit div.name.active,
.task-info.can-edit div.name.active {
  cursor: default;
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.task-person.can-edit div.name.active .edit,
.task-info.can-edit div.name.active .edit {
  display: none;
}
.task-person.can-edit div.name.noHover,
.task-info.can-edit div.name.noHover {
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.task-person.can-edit div.name.noHover .edit,
.task-info.can-edit div.name.noHover .edit {
  display: none !important;
}
.task-person.can-edit .edit,
.task-info.can-edit .edit {
  position: absolute;
  top: 20px;
  right: 0px;
  display: block;
  width: 11px;
  height: 11px;
  opacity: 0;
}
.task-person.can-edit .edit.icon,
.task-info.can-edit .edit.icon {
  margin-right: 0px;
}
.task-person.can-edit .edit.icon.edit-pencil-dark,
.task-info.can-edit .edit.icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
  margin-right: 0px;
}
.task-person.task-info .info .inner,
.task-info.task-info .info .inner {
  margin-top: 0;
}
.task-person.task-info.pinned-location .icon:not(span),
.task-info.task-info.pinned-location .icon:not(span) {
  margin: -2px 19px 0 11px;
  width: 29px;
  height: 38px;
  background: url("images/assignment/pinnedLocation.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.pinned-location .icon:not(span),
  .task-info.task-info.pinned-location .icon:not(span) {
    background-image: url("images/assignment/pinnedLocation@2x.png");
    background-size: 29px 38px;
  }
}
.task-person.task-info.place-placeholder .icon:not(span),
.task-info.task-info.place-placeholder .icon:not(span) {
  margin: 1px 17px 0 8px;
  width: 34px;
  height: 32px;
  background: url("images/assignment/place-placeholder.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.place-placeholder .icon:not(span),
  .task-info.task-info.place-placeholder .icon:not(span) {
    background-image: url("images/assignment/place-placeholder@2x.png");
    background-size: 34px 32px;
  }
}
.task-person.task-info.schedule .icon,
.task-info.task-info.schedule .icon {
  width: 32px;
  height: 35px;
  margin: -1px 17px 0 10px;
}
.task-person.task-info.schedule .icon.timeframe-icon,
.task-info.task-info.schedule .icon.timeframe-icon {
  width: 40px;
  height: 40px;
  margin: -3px 13px 0 6px;
  background-size: 40px 40px !important;
}
.task-person.task-info.schedule .icon.timeframe-icon.today,
.task-info.task-info.schedule .icon.timeframe-icon.today {
  background: url("images/timeframes/40w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.today,
  .task-info.task-info.schedule .icon.timeframe-icon.today {
    background-image: url("images/timeframes/40w/black/today@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.tomorrow,
.task-info.task-info.schedule .icon.timeframe-icon.tomorrow {
  background: url("images/timeframes/40w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.tomorrow,
  .task-info.task-info.schedule .icon.timeframe-icon.tomorrow {
    background-image: url("images/timeframes/40w/black/tomorrow@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.this-week,
.task-info.task-info.schedule .icon.timeframe-icon.this-week {
  background: url("images/timeframes/40w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.this-week,
  .task-info.task-info.schedule .icon.timeframe-icon.this-week {
    background-image: url("images/timeframes/40w/black/week@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.next-week,
.task-info.task-info.schedule .icon.timeframe-icon.next-week {
  background: url("images/timeframes/40w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.next-week,
  .task-info.task-info.schedule .icon.timeframe-icon.next-week {
    background-image: url("images/timeframes/40w/black/next-week@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.this-month,
.task-info.task-info.schedule .icon.timeframe-icon.this-month {
  background: url("images/timeframes/40w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.this-month,
  .task-info.task-info.schedule .icon.timeframe-icon.this-month {
    background-image: url("images/timeframes/40w/black/this-month@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.this-quarter,
.task-info.task-info.schedule .icon.timeframe-icon.this-quarter {
  background: url("images/timeframes/40w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.this-quarter,
  .task-info.task-info.schedule .icon.timeframe-icon.this-quarter {
    background-image: url("images/timeframes/40w/black/this-quarter@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.this-year,
.task-info.task-info.schedule .icon.timeframe-icon.this-year {
  background: url("images/timeframes/40w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.this-year,
  .task-info.task-info.schedule .icon.timeframe-icon.this-year {
    background-image: url("images/timeframes/40w/black/this-year@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.last-7,
.task-info.task-info.schedule .icon.timeframe-icon.last-7 {
  background: url("images/timeframes/40w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.last-7,
  .task-info.task-info.schedule .icon.timeframe-icon.last-7 {
    background-image: url("images/timeframes/40w/black/last-7@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.last-30,
.task-info.task-info.schedule .icon.timeframe-icon.last-30 {
  background: url("images/timeframes/40w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.last-30,
  .task-info.task-info.schedule .icon.timeframe-icon.last-30 {
    background-image: url("images/timeframes/40w/black/last-30@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.last-week,
.task-info.task-info.schedule .icon.timeframe-icon.last-week {
  background: url("images/timeframes/40w/black/last-week.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.last-month,
.task-info.task-info.schedule .icon.timeframe-icon.last-month {
  background: url("images/timeframes/40w/black/last-month.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.last-quarter,
.task-info.task-info.schedule .icon.timeframe-icon.last-quarter {
  background: url("images/timeframes/40w/black/last-quarter.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.last-year,
.task-info.task-info.schedule .icon.timeframe-icon.last-year {
  background: url("images/timeframes/40w/black/last-year.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.pick-date, .task-person.task-info.schedule .icon.timeframe-icon.custom,
.task-info.task-info.schedule .icon.timeframe-icon.pick-date,
.task-info.task-info.schedule .icon.timeframe-icon.custom {
  background: url("images/timeframes/40w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.pick-date, .task-person.task-info.schedule .icon.timeframe-icon.custom,
  .task-info.task-info.schedule .icon.timeframe-icon.pick-date,
  .task-info.task-info.schedule .icon.timeframe-icon.custom {
    background-image: url("images/timeframes/40w/black/pick-date@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.next-year-and-beyond,
.task-info.task-info.schedule .icon.timeframe-icon.next-year-and-beyond {
  background: url("images/timeframes/40w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.next-year-and-beyond,
  .task-info.task-info.schedule .icon.timeframe-icon.next-year-and-beyond {
    background-image: url("images/timeframes/40w/black/next-year-and-beyond@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.all-time,
.task-info.task-info.schedule .icon.timeframe-icon.all-time {
  background: url("images/timeframes/40w/black/all-time.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.repeating,
.task-info.task-info.schedule .icon.timeframe-icon.repeating {
  background: url("images/timeframes/40w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.repeating,
  .task-info.task-info.schedule .icon.timeframe-icon.repeating {
    background-image: url("images/timeframes/40w/black/repeating@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.unscheduled,
.task-info.task-info.schedule .icon.timeframe-icon.unscheduled {
  background: url("images/timeframes/40w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.unscheduled,
  .task-info.task-info.schedule .icon.timeframe-icon.unscheduled {
    background-image: url("images/timeframes/40w/black/unscheduled@2x.png");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.now,
.task-info.task-info.schedule .icon.timeframe-icon.now {
  background: url("images/timeframes/40w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.timeframe-icon.now,
  .task-info.task-info.schedule .icon.timeframe-icon.now {
    background-image: url("images/timeframes/40w/black/now.svg");
    background-size: 40px 40px;
  }
}
.task-person.task-info.schedule .icon.timeframe-icon.business-open,
.task-info.task-info.schedule .icon.timeframe-icon.business-open {
  background: url("images/timeframes/40w/black/business-open.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.business-close,
.task-info.task-info.schedule .icon.timeframe-icon.business-close {
  background: url("images/timeframes/40w/black/business-close.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.this-morning,
.task-info.task-info.schedule .icon.timeframe-icon.this-morning {
  background: url("images/timeframes/40w/black/this-morning.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.this-afternoon,
.task-info.task-info.schedule .icon.timeframe-icon.this-afternoon {
  background: url("images/timeframes/40w/black/this-afternoon.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.this-evening,
.task-info.task-info.schedule .icon.timeframe-icon.this-evening {
  background: url("images/timeframes/40w/black/this-evening.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.business-open,
.task-info.task-info.schedule .icon.timeframe-icon.business-open {
  background: url("images/timeframes/40w/black/business-open.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.business-close,
.task-info.task-info.schedule .icon.timeframe-icon.business-close {
  background: url("images/timeframes/40w/black/business-close.svg") no-repeat;
}
.task-person.task-info.schedule .icon.timeframe-icon.any-time,
.task-info.task-info.schedule .icon.timeframe-icon.any-time {
  background: url("images/timeframes/40w/black/any-time.svg") no-repeat;
}
.task-person.task-info.schedule .icon.pastDue,
.task-info.task-info.schedule .icon.pastDue {
  background: url("images/assignment/pastDueIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.pastDue,
  .task-info.task-info.schedule .icon.pastDue {
    background-image: url("images/assignment/pastDueIcon@2x.png");
    background-size: 32px 35px;
  }
}
.task-person.task-info.schedule .icon.urgent,
.task-info.task-info.schedule .icon.urgent {
  width: 40px;
  height: 36px;
  margin: -1px 13px 0 6px;
  background: url("images/assignment/urgentIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.urgent,
  .task-info.task-info.schedule .icon.urgent {
    background-image: url("images/assignment/urgentIcon@2x.png");
    background-size: 40px 36px;
  }
}
.task-person.task-info.schedule .icon.complete,
.task-info.task-info.schedule .icon.complete {
  margin-top: -1px;
  height: 36px;
  background: url("images/assignment/completeDateIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.complete,
  .task-info.task-info.schedule .icon.complete {
    background-image: url("images/assignment/completeDateIcon@2x.png");
    background-size: 32px 36px;
  }
}
.task-person.task-info.schedule .icon.template,
.task-info.task-info.schedule .icon.template {
  background: url("images/assignment/templateScheduleIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.template,
  .task-info.task-info.schedule .icon.template {
    background-image: url("images/assignment/templateScheduleIcon@2x.png");
    background-size: 32px 35px;
  }
}
.task-person.task-info.schedule .icon.repeating,
.task-info.task-info.schedule .icon.repeating {
  width: 34px;
  height: 29px;
  margin: 3px 16px 0 9px;
  background: url("images/assignment/repeatingIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-person.task-info.schedule .icon.repeating,
  .task-info.task-info.schedule .icon.repeating {
    background-image: url("images/assignment/repeatingIcon@2x.png");
    background-size: 34px 29px;
  }
}
.task-person.full-width,
.task-info.full-width {
  width: 100%;
}
.task-person.full-width .info,
.task-info.full-width .info {
  width: 370px;
  width: calc(100% - 60px);
}
.task-person.full-width .info div.name,
.task-info.full-width .info div.name {
  max-width: 100%;
}
.task-person.full-width.can-edit div.name.noHover,
.task-info.full-width.can-edit div.name.noHover {
  width: 100%;
}
.task-person.space-left,
.task-info.space-left {
  margin-left: 58px;
}

.task-info.flex {
  display: -ms-flexbox;
  display: flex;
}

.task-info.chargeback .chargeback {
  margin-left: 6px;
  margin-right: 11px;
}
.task-info.chargeback .x-small {
  display: none;
}
.task-info.chargeback .info {
  width: 120px;
  width: calc(100% - 90px);
}
.task-info.chargeback .blank-button {
  margin-top: 9px;
  padding: 5px;
}
.task-info.chargeback .blank-button:hover .x-small {
  background-position: right;
}
.task-info.chargeback:hover .x-small {
  display: block;
}

div.rating-completion,
div.form-completion {
  margin: 0 auto 30px;
}
div.rating-completion section,
div.form-completion section {
  margin-bottom: 22px;
}
div.rating-completion section.mb25,
div.form-completion section.mb25 {
  margin-bottom: 25px;
}
div.rating-completion section em,
div.form-completion section em {
  font-style: italic;
}
div.rating-completion h6,
div.form-completion h6 {
  font-size: 12px;
  color: var(--neutral-3);
}
div.rating-completion p,
div.form-completion p {
  font-size: 14px;
  color: var(--grey-2);
  letter-spacing: 0.11px;
  line-height: 18px;
  word-break: break-word;
}
div.rating-completion .sr-rating-choice,
div.form-completion .sr-rating-choice {
  pointer-events: none;
}
div.rating-completion .completion-photo,
div.form-completion .completion-photo {
  position: relative;
  width: 94px;
  height: 94px;
  overflow: hidden;
  cursor: pointer;
}
div.rating-completion .completion-photo.signature,
div.form-completion .completion-photo.signature {
  width: auto;
  height: auto;
  max-width: 140px;
}
div.rating-completion .completion-photo img,
div.form-completion .completion-photo img {
  display: block;
  width: 100%;
}
div.rating-completion b,
div.form-completion b {
  font-weight: 600;
}
div.rating-completion .cost-item,
div.form-completion .cost-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--grey-2);
}
div.rating-completion .cost-item p,
div.form-completion .cost-item p {
  padding-right: 30px;
}

div.form-completion .form-loading .inline-loading {
  display: block;
  margin: 0 auto;
}
div.form-completion .form-loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
div.form-completion.in-modal h6 {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--neutral-2);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 15px;
}
div.form-completion.in-modal section {
  margin-top: 30px;
}
div.form-completion.in-modal section:first-child {
  margin-top: 0;
}
div.form-completion.in-modal .cost-item p {
  margin-bottom: 0px !important;
}

.signature-completion,
.video-completion {
  padding-bottom: 30px;
}

.video-completion .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 49px;
  height: 50px;
  margin: -40px 0 0 -25px;
  background: url("images/assignment/videoPlay.png") no-repeat;
  cursor: pointer;
  pointer-events: none;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .video-completion .video-play {
    background-image: url("images/assignment/videoPlay@2x.png");
    background-size: 49px 50px;
  }
}

.audio-completion {
  padding-bottom: 30px;
}
.audio-completion .sr-audio-player {
  width: calc(100% + 50px);
  margin-left: -25px;
}

section.form-completion-field {
  font-size: 14px;
  letter-spacing: 0.11px;
  line-height: 18px;
}
section.form-completion-field .result span {
  display: block;
}
section.form-completion-field .result .sr-audio-player {
  width: calc(100% + 50px);
  margin-left: -25px;
}
section.form-completion-field .no-result {
  color: var(--neutral-4);
}
section.form-completion-field .completion-audio {
  position: relative;
}
section.form-completion-field .completion-audio audio {
  position: relative;
}
section.form-completion-field .rating-details p {
  margin-top: 8px;
}
section.form-completion-field .rating-details .completion-photo {
  margin-top: 8px;
}

section.standard .notes-container,
section.standard .review-container {
  width: 100%;
}

.notes-container,
.review-container {
  width: 450px;
  width: calc(100% - 50px);
  margin: 0 auto;
}
.notes-container.notes-container,
.review-container.notes-container {
  margin-bottom: 80px;
}
.notes-container .no-notes,
.review-container .no-notes {
  height: 18px;
  margin: 0px 0 30px;
}
.notes-container p.no-comments,
.review-container p.no-comments {
  text-align: center;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.notes-container div.notes-loading .inline-loading,
.review-container div.notes-loading .inline-loading {
  display: block;
  margin: 0 auto;
}
.notes-container div.notes-loading .inline-loading div.bounce,
.review-container div.notes-loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.notes-container ul .note-group-inner,
.review-container ul .note-group-inner {
  position: relative;
  height: 18px;
  margin-bottom: 15px;
}
.notes-container ul .note-group-inner span.line,
.review-container ul .note-group-inner span.line {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--neutral-6);
}
.notes-container ul .note-group-inner span.text,
.review-container ul .note-group-inner span.text {
  position: absolute;
  left: 50%;
  z-index: 1;
  padding: 0 8px;
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  text-align: center;
  background-color: var(--neutral-8-white-);
  transform: translateX(-50%);
}
.notes-container ul li,
.review-container ul li {
  position: relative;
  margin-bottom: 20px;
  height: auto;
}
.notes-container ul li.note-group,
.review-container ul li.note-group {
  margin-bottom: 30px;
}
.notes-container ul li:not(.note-group),
.review-container ul li:not(.note-group) {
  width: 100%;
  padding-left: 51px;
  box-sizing: border-box;
}
.notes-container ul li .sr-face,
.review-container ul li .sr-face {
  position: absolute;
  top: 2px;
  left: 0px;
}
.notes-container ul li .sr-face.unknown-user,
.review-container ul li .sr-face.unknown-user {
  background-size: 30px 30px !important;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .notes-container ul li .sr-face.unknown-user,
  .review-container ul li .sr-face.unknown-user {
    background-size: 34px 34px !important;
  }
}
.notes-container ul li .note-content,
.review-container ul li .note-content {
  width: 100%;
}
.notes-container ul li .note-content .user-info,
.review-container ul li .note-content .user-info {
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.notes-container ul li .note-content .user-info span,
.review-container ul li .note-content .user-info span {
  margin-left: 5px;
}
.notes-container ul li .note-content span.eyeball,
.review-container ul li .note-content span.eyeball {
  display: inline-block;
  width: 15px;
  height: 10px;
  cursor: pointer;
  background: url("images/assignment/residentVisibleIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .notes-container ul li .note-content span.eyeball,
  .review-container ul li .note-content span.eyeball {
    background-image: url("images/assignment/residentVisibleIcon@2x.png");
    background-size: 30px 20px;
  }
}
.notes-container ul li .note-content span.eyeball.resident-visible,
.review-container ul li .note-content span.eyeball.resident-visible {
  background-position: top left;
}
.notes-container ul li .note-content span.eyeball.resident-visible:hover:not(.view-only),
.review-container ul li .note-content span.eyeball.resident-visible:hover:not(.view-only) {
  cursor: pointer;
  background-position: top right;
}
.notes-container ul li .note-content span.eyeball.resident-hidden,
.review-container ul li .note-content span.eyeball.resident-hidden {
  background-position: bottom left;
}
.notes-container ul li .note-content span.eyeball.resident-hidden:hover:not(.view-only),
.review-container ul li .note-content span.eyeball.resident-hidden:hover:not(.view-only) {
  cursor: pointer;
  background-position: bottom right;
}
.notes-container ul li .note-content p,
.review-container ul li .note-content p {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  white-space: pre-wrap;
  padding: 0;
  word-wrap: break-word;
}
.notes-container button.standardButton.cancel,
.review-container button.standardButton.cancel {
  max-width: 230px;
  margin: 40px auto 0;
}
.notes-container .new-note,
.review-container .new-note {
  width: 100%;
  position: relative;
  padding-left: 51px;
  box-sizing: border-box;
}
.notes-container .new-note .sr-face,
.review-container .new-note .sr-face {
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px 18px 0 3px;
}
.notes-container .new-note .sr-expando-input,
.review-container .new-note .sr-expando-input {
  width: 100%;
}
.notes-container .new-note .sr-expando-input textarea,
.review-container .new-note .sr-expando-input textarea {
  width: 100%;
}
.notes-container .new-note button.blue,
.review-container .new-note button.blue {
  margin-top: 10px;
}
.notes-container .new-note .sr-checkbox,
.review-container .new-note .sr-checkbox {
  line-height: 20px;
}
.notes-container .new-note p.checkboxText,
.review-container .new-note p.checkboxText {
  padding: 12px 0px 12px 5px;
  cursor: pointer;
}
.notes-container .new-note div.disabled label p.checkboxText,
.review-container .new-note div.disabled label p.checkboxText {
  opacity: 0.5;
  cursor: default;
}

.task-popup {
  display: none;
  position: absolute;
  width: 200px;
  right: 58px;
  top: 41px;
  z-index: 28;
}
.task-popup.template {
  width: 245px;
}
.task-popup.group {
  width: 255px !important;
}
.task-popup ul {
  background: var(--neutral-8-white-);
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 4px 0;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.task-popup ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 34px;
  box-sizing: border-box;
  cursor: pointer;
  padding-right: 15px;
}
.task-popup ul li .icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 44px;
}
.task-popup ul li a {
  cursor: pointer;
  color: var(--neutral-2);
  box-sizing: border-box;
}
.task-popup ul li span.urgent {
  font-weight: 600;
  color: var(--primary-red);
}
.task-popup ul li:hover {
  background-color: var(--neutral-7);
}
.task-popup:before, .task-popup:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  right: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.task-popup:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.task-popup .red-trash {
  color: var(--primary-red);
}

.sr-resource-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 21;
}
.sr-resource-block.suppress {
  display: none;
}
.sr-resource-block .backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.sr-resource-block .block-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 460px;
  width: calc(100% - 40px);
  max-height: 220px;
  box-sizing: border-box;
  padding: 25px;
  overflow-y: auto;
  background: var(--neutral-8-white-);
  box-shadow: 0 0 20px 0 rgba(178, 186, 192, 0.6);
  border-radius: 6px;
  font-size: 14px;
  color: var(--neutral-2);
  transform: translate(-50%, -50%);
}
.sr-resource-block .block-content .icon-container {
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  position: relative;
}
.sr-resource-block .block-content .icon-container .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.sr-resource-block .block-content h2 {
  width: 80%;
  width: calc(100% - 46px);
  float: left;
  font-weight: 600;
  font-size: 15px;
  line-height: 34px;
}
.sr-resource-block .block-content p {
  display: block;
  margin-top: 16px;
}

.assignments-filters.closed {
  opacity: 0.5;
  pointer-events: none;
}
.assignments-filters .sr-button-with-menu.new-task {
  padding: 0;
}
.assignments-filters .sr-button-with-menu.new-task .primary span.icon {
  position: relative;
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu .standardButton.back {
  padding: 0 10px !important;
  margin: 15px 0 6px 10px !important;
  float: none;
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu div.container .sr-selectro-list-item:not(.no-select) {
  cursor: pointer;
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu div.container .add-project-link {
  color: var(--primary-blue);
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu div.container .add-project-link .add-project-blue {
  width: 21px;
  height: 19px;
  margin-right: 5px;
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu div.container h5 {
  padding-right: 10px;
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu div.container .inline-loading {
  display: block;
  margin: 5px auto 10px;
}
.assignments-filters .sr-button-with-menu.new-task .secondary-menu div.container .inline-loading div.bounce {
  background-color: var(--neutral-2);
}
.assignments-filters .new-project-from-template-menu {
  width: 240px;
  right: 133px;
  top: 40px !important;
}
.assignments-filters .new-project-from-template-menu:before, .assignments-filters .new-project-from-template-menu:after {
  left: auto !important;
  right: 10px;
}
.assignments-filters .new-project-from-template-menu .inline-loading {
  display: inline-block;
  margin: 2px 0 0 0;
}
.assignments-filters .new-project-from-template-menu .inline-loading div.bounce {
  background-color: var(--neutral-5);
  margin-right: 4px;
}
.assignments-filters .task-filter-button {
  float: left;
}
.assignments-filters .task-filter-button.timeframeFilter .task-filter-subview div.container,
.assignments-filters .task-filter-button.timeframeFilter .task-filter-list div.container,
.assignments-filters .task-filter-button.timeframeFilter .task-filter-list div.scrollIndicator {
  width: 315px;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon {
  margin-top: 3px !important;
  margin-right: 6px !important;
  background-size: 24px 24px !important;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.today {
  background: url("images/timeframes/24w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.today {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.tomorrow {
  background: url("images/timeframes/24w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.tomorrow {
    background-image: url("images/timeframes/24w/black/tomorrow@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-week {
  background: url("images/timeframes/24w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-week {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.next-week {
  background: url("images/timeframes/24w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.next-week {
    background-image: url("images/timeframes/24w/black/next-week@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-month {
  background: url("images/timeframes/24w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-month {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-quarter {
  background: url("images/timeframes/24w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-quarter {
    background-image: url("images/timeframes/24w/black/this-quarter@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-year {
  background: url("images/timeframes/24w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-year {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-7 {
  background: url("images/timeframes/24w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-7 {
    background-image: url("images/timeframes/24w/black/last-7@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-30 {
  background: url("images/timeframes/24w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-30 {
    background-image: url("images/timeframes/24w/black/last-30@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-week {
  background: url("images/timeframes/24w/black/last-week.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-month {
  background: url("images/timeframes/24w/black/last-month.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-quarter {
  background: url("images/timeframes/24w/black/last-quarter.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.last-year {
  background: url("images/timeframes/24w/black/last-year.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.pick-date, .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.custom {
  background: url("images/timeframes/24w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.pick-date, .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.custom {
    background-image: url("images/timeframes/24w/black/pick-date@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.next-year-and-beyond {
  background: url("images/timeframes/24w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.next-year-and-beyond {
    background-image: url("images/timeframes/24w/black/next-year-and-beyond@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.all-time {
  background: url("images/timeframes/24w/black/all-time.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.repeating {
  background: url("images/timeframes/24w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.repeating {
    background-image: url("images/timeframes/24w/black/repeating@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.unscheduled {
  background: url("images/timeframes/24w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.unscheduled {
    background-image: url("images/timeframes/24w/black/unscheduled@2x.png");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.now {
  background: url("images/timeframes/24w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-button.timeframeFilter span.imgIcon.now {
    background-image: url("images/timeframes/24w/black/now.svg");
    background-size: 24px 24px;
  }
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-morning {
  background: url("images/timeframes/24w/black/this-morning.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-afternoon {
  background: url("images/timeframes/24w/black/this-afternoon.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.this-evening {
  background: url("images/timeframes/24w/black/this-evening.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.assignments-filters .task-filter-button.timeframeFilter span.imgIcon.any-time {
  background: url("images/timeframes/24w/black/any-time.svg") no-repeat;
}
.assignments-filters .task-filter-button.classificationFilter .task-filter-list div.container,
.assignments-filters .task-filter-button.classificationFilter .task-filter-list div.scrollIndicator, .assignments-filters .task-filter-button.peopleFilter .task-filter-list div.container,
.assignments-filters .task-filter-button.peopleFilter .task-filter-list div.scrollIndicator {
  width: 240px;
}
.assignments-filters .task-filter-button.classificationFilter .task-filter-list.secondary, .assignments-filters .task-filter-button.peopleFilter .task-filter-list.secondary {
  left: 230px;
}
.assignments-filters .task-filter-button.classificationFilter .task-filter-list.secondary div.container,
.assignments-filters .task-filter-button.classificationFilter .task-filter-list.secondary div.scrollIndicator, .assignments-filters .task-filter-button.peopleFilter .task-filter-list.secondary div.container,
.assignments-filters .task-filter-button.peopleFilter .task-filter-list.secondary div.scrollIndicator {
  width: 250px;
}
.assignments-filters .task-filter-button.categoryFilter .task-filter-list div.container,
.assignments-filters .task-filter-button.categoryFilter .task-filter-list div.scrollIndicator {
  width: 230px;
}
.assignments-filters .custom-filter .selectro-list-container.filter-mode:not(.in-filter) {
  width: 240px;
}
.assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) {
  width: 200px;
}
.assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) span.imgSpan.good {
  margin-left: 4px;
  width: 16px;
  height: 18px;
  background: url("images/assignments/goodRating.png") no-repeat;
  background-size: 16px 18px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) span.imgSpan.good {
    background-image: url("images/assignments/goodRating@2x.png");
    background-size: 16px 18px;
  }
}
.assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) span.imgSpan.bad {
  margin-left: 4px;
  width: 16px;
  height: 18px;
  background: url("images/assignments/badRating.png") no-repeat;
  background-size: 16px 18px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) span.imgSpan.bad {
    background-image: url("images/assignments/badRating@2x.png");
    background-size: 16px 18px;
  }
}
.assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) span.imgSpan.notrated {
  margin-left: 3px;
  width: 18px;
  height: 18px;
  background: url("images/swFilters/noRating.png") no-repeat;
  background-size: 18px 18px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .ratingFilter .selectro-list-container.filter-mode:not(.in-filter) span.imgSpan.notrated {
    background-image: url("images/swFilters/noRating@2x.png");
    background-size: 18px 18px;
  }
}
.assignments-filters .sr-selectro-list-item .imgSpan.residentissue {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/resident-issue.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .sr-selectro-list-item .imgSpan.residentissue {
    background-image: url("images/project-categories/resident-issue@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-filters .sr-selectro-list-item .imgSpan.workorder, .assignments-filters .sr-selectro-list-item .imgSpan.maintenance {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/maintenance.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .sr-selectro-list-item .imgSpan.workorder, .assignments-filters .sr-selectro-list-item .imgSpan.maintenance {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-filters .sr-selectro-list-item .imgSpan.inspectionpoint, .assignments-filters .sr-selectro-list-item .imgSpan.inspection {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/inspection-point.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .sr-selectro-list-item .imgSpan.inspectionpoint, .assignments-filters .sr-selectro-list-item .imgSpan.inspection {
    background-image: url("images/project-categories/inspection-point@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-filters .sr-selectro-list-item .imgSpan.makeready {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/make-ready.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .sr-selectro-list-item .imgSpan.makeready {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-filters .sr-selectro-list-item .imgSpan.preventivemaintenance {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/preventive-maintenance.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .sr-selectro-list-item .imgSpan.preventivemaintenance {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-filters .sr-selectro-list-item .imgSpan.capitalimprovement {
  width: 20px;
  height: 20px;
  background-size: 40px 20px !important;
  background: url("images/project-categories/capital-improvement.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .sr-selectro-list-item .imgSpan.capitalimprovement {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-filters .task-filter-list ul li span.imgIcon.resident-user-icon {
  margin-left: 4px;
  width: 17px;
  height: 20px;
  background: url("images/assignments/allResidents.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-filters .task-filter-list ul li span.imgIcon.resident-user-icon {
    background-image: url("images/assignments/allResidents@2x.png");
    background-size: 28px 28px;
  }
}
.assignments-filters span.title {
  display: block;
  float: left;
  font-size: 12px;
  color: #727a7e;
  line-height: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

.task-filter-list.task-edit-secondary {
  z-index: 1000 !important;
  left: 661px;
  top: 254px;
}
.task-filter-list.task-edit-secondary .container {
  width: 240px;
  padding-left: 0px !important;
}
.task-filter-list.task-edit-secondary div.scrollIndicator {
  width: 240px;
}

.content-dropdown {
  position: absolute;
  z-index: 1000 !important;
  left: 661px;
  top: 254px;
}
.content-dropdown .task-filter-list {
  top: 10px;
}
.content-dropdown .task-filter-list .container {
  width: 240px;
  max-height: 212px;
}
.content-dropdown .task-filter-list ul li.inlineHeader {
  background: var(--neutral-8-white-);
}
.content-dropdown .task-filter-list div.scrollIndicator {
  width: 240px;
}

.task-inline-edit,
.detail-inline-edit,
.general-inline-edit {
  position: absolute;
  display: none;
  width: 100%;
}
.task-inline-edit.visible,
.detail-inline-edit.visible,
.general-inline-edit.visible {
  display: block;
}
.task-inline-edit .content-confirmation,
.detail-inline-edit .content-confirmation,
.general-inline-edit .content-confirmation {
  position: absolute;
  top: -1px;
  left: 108px;
  left: calc(100% - 44px);
  width: 44px;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  z-index: 1;
}
.task-inline-edit .content-confirmation button,
.detail-inline-edit .content-confirmation button,
.general-inline-edit .content-confirmation button {
  width: 22px;
  height: 18px;
  border: 1px solid var(--neutral-4);
  box-sizing: border-box;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}
.task-inline-edit .content-confirmation button span,
.detail-inline-edit .content-confirmation button span,
.general-inline-edit .content-confirmation button span {
  display: block;
  margin: 3px auto;
}
.task-inline-edit .content-confirmation button span.hover,
.detail-inline-edit .content-confirmation button span.hover,
.general-inline-edit .content-confirmation button span.hover {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}
.task-inline-edit .content-confirmation button:hover, .task-inline-edit .content-confirmation button:active,
.detail-inline-edit .content-confirmation button:hover,
.detail-inline-edit .content-confirmation button:active,
.general-inline-edit .content-confirmation button:hover,
.general-inline-edit .content-confirmation button:active {
  border-color: var(--neutral-2);
}
.task-inline-edit .content-confirmation button:hover span.hover, .task-inline-edit .content-confirmation button:active span.hover,
.detail-inline-edit .content-confirmation button:hover span.hover,
.detail-inline-edit .content-confirmation button:active span.hover,
.general-inline-edit .content-confirmation button:hover span.hover,
.general-inline-edit .content-confirmation button:active span.hover {
  opacity: 1;
}
.task-inline-edit .content-confirmation button.accept-btn,
.detail-inline-edit .content-confirmation button.accept-btn,
.general-inline-edit .content-confirmation button.accept-btn {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
  border-radius: 0 0 0 4px;
}
.task-inline-edit .content-confirmation button.accept-btn span,
.detail-inline-edit .content-confirmation button.accept-btn span,
.general-inline-edit .content-confirmation button.accept-btn span {
  width: 14px;
  height: 10px;
  background: url("images/assignment/editAccept.png") no-repeat;
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit .content-confirmation button.accept-btn span,
  .detail-inline-edit .content-confirmation button.accept-btn span,
  .general-inline-edit .content-confirmation button.accept-btn span {
    background-image: url("images/assignment/editAccept@2x.png");
    background-size: 15px 10px;
  }
}
.task-inline-edit .content-confirmation button.accept-btn:hover, .task-inline-edit .content-confirmation button.accept-btn:active,
.detail-inline-edit .content-confirmation button.accept-btn:hover,
.detail-inline-edit .content-confirmation button.accept-btn:active,
.general-inline-edit .content-confirmation button.accept-btn:hover,
.general-inline-edit .content-confirmation button.accept-btn:active {
  background: var(--primary-blue-2-hover);
  border-color: var(--primary-blue-2-hover);
}
.task-inline-edit .content-confirmation button.accept-btn:hover span.hover, .task-inline-edit .content-confirmation button.accept-btn:active span.hover,
.detail-inline-edit .content-confirmation button.accept-btn:hover span.hover,
.detail-inline-edit .content-confirmation button.accept-btn:active span.hover,
.general-inline-edit .content-confirmation button.accept-btn:hover span.hover,
.general-inline-edit .content-confirmation button.accept-btn:active span.hover {
  opacity: 0;
}
.task-inline-edit .content-confirmation button.cancel-btn,
.detail-inline-edit .content-confirmation button.cancel-btn,
.general-inline-edit .content-confirmation button.cancel-btn {
  border-left: 0px;
  border-radius: 0 0 4px 0;
}
.task-inline-edit .content-confirmation button.cancel-btn span,
.detail-inline-edit .content-confirmation button.cancel-btn span,
.general-inline-edit .content-confirmation button.cancel-btn span {
  width: 10px;
  height: 10px;
  background: url("images/assignment/editCancel.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit .content-confirmation button.cancel-btn span,
  .detail-inline-edit .content-confirmation button.cancel-btn span,
  .general-inline-edit .content-confirmation button.cancel-btn span {
    background-image: url("images/assignment/editCancel@2x.png");
    background-size: 21px 10px;
  }
}
.task-inline-edit .content-confirmation button.cancel-btn span.hover,
.detail-inline-edit .content-confirmation button.cancel-btn span.hover,
.general-inline-edit .content-confirmation button.cancel-btn span.hover {
  margin-left: -5px;
  background-position: right;
}
.task-inline-edit .content-loading,
.detail-inline-edit .content-loading,
.general-inline-edit .content-loading {
  position: absolute;
  left: 0;
  top: -27px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  display: none;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.task-inline-edit .content-loading.saving,
.detail-inline-edit .content-loading.saving,
.general-inline-edit .content-loading.saving {
  opacity: 1;
  z-index: 20;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.task-inline-edit .content-loading .inline-loading,
.detail-inline-edit .content-loading .inline-loading,
.general-inline-edit .content-loading .inline-loading {
  display: block;
  width: 27px;
}
.task-inline-edit .content-loading .inline-loading div.bounce,
.detail-inline-edit .content-loading .inline-loading div.bounce,
.general-inline-edit .content-loading .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.task-inline-edit .content-container,
.detail-inline-edit .content-container,
.general-inline-edit .content-container {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  z-index: 3;
}
.task-inline-edit .content-container.filter-dropdown-view,
.detail-inline-edit .content-container.filter-dropdown-view,
.general-inline-edit .content-container.filter-dropdown-view {
  width: 212px;
}
.task-inline-edit .content-container.filter-dropdown-view .sr-selectro .input-container,
.detail-inline-edit .content-container.filter-dropdown-view .sr-selectro .input-container,
.general-inline-edit .content-container.filter-dropdown-view .sr-selectro .input-container {
  display: none;
}
.task-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container .contents,
.detail-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container .contents,
.general-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container .contents {
  box-shadow: none;
}
.task-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container::before,
.detail-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container::before,
.general-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.task-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container .sr-selectro-list .sr-selectro-list-item:first-of-type,
.detail-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container .sr-selectro-list .sr-selectro-list-item:first-of-type,
.general-inline-edit .content-container.filter-dropdown-view .sr-selectro .selectro-list-container .sr-selectro-list .sr-selectro-list-item:first-of-type {
  margin-top: 8px;
}
.task-inline-edit .content-container.filter-dropdown-view.schedule .selectro-list-container,
.detail-inline-edit .content-container.filter-dropdown-view.schedule .selectro-list-container,
.general-inline-edit .content-container.filter-dropdown-view.schedule .selectro-list-container {
  top: 2px;
}
.task-inline-edit .content-container .task-filter-list,
.detail-inline-edit .content-container .task-filter-list,
.general-inline-edit .content-container .task-filter-list {
  top: 10px;
}
.task-inline-edit .content-container .task-filter-list div.container,
.detail-inline-edit .content-container .task-filter-list div.container,
.general-inline-edit .content-container .task-filter-list div.container {
  width: 240px;
  max-height: 212px;
}
.task-inline-edit .content-container .task-filter-list div.shadow,
.detail-inline-edit .content-container .task-filter-list div.shadow,
.general-inline-edit .content-container .task-filter-list div.shadow {
  width: 240px;
}
.task-inline-edit .content-container .task-filter-list div.scrollIndicator,
.detail-inline-edit .content-container .task-filter-list div.scrollIndicator,
.general-inline-edit .content-container .task-filter-list div.scrollIndicator {
  width: 240px;
}
.task-inline-edit .content-container .task-filter-list.secondary,
.detail-inline-edit .content-container .task-filter-list.secondary,
.general-inline-edit .content-container .task-filter-list.secondary {
  left: 240px;
  z-index: 4;
}
.task-inline-edit .content-container .task-filter-list.secondary .container,
.detail-inline-edit .content-container .task-filter-list.secondary .container,
.general-inline-edit .content-container .task-filter-list.secondary .container {
  padding-left: 0px;
}
.task-inline-edit .content-container .task-filter-list.not-found,
.detail-inline-edit .content-container .task-filter-list.not-found,
.general-inline-edit .content-container .task-filter-list.not-found {
  display: block;
}
.task-inline-edit .content-container .task-filter-list.not-found div.container,
.detail-inline-edit .content-container .task-filter-list.not-found div.container,
.general-inline-edit .content-container .task-filter-list.not-found div.container {
  padding: 4px 14px;
  font-size: 14px;
  color: var(--primary-red);
  font-style: italic;
}
.task-inline-edit.loading .content-loading,
.detail-inline-edit.loading .content-loading,
.general-inline-edit.loading .content-loading {
  opacity: 1;
}
.task-inline-edit.loaded .selectro-container,
.detail-inline-edit.loaded .selectro-container,
.general-inline-edit.loaded .selectro-container {
  opacity: 1;
}
.task-inline-edit.loaded .content-confirmation,
.detail-inline-edit.loaded .content-confirmation,
.general-inline-edit.loaded .content-confirmation {
  opacity: 1;
}
.task-inline-edit.loaded .content-confirmation.saving,
.detail-inline-edit.loaded .content-confirmation.saving,
.general-inline-edit.loaded .content-confirmation.saving {
  opacity: 0.5;
}
.task-inline-edit.loaded .content-container,
.detail-inline-edit.loaded .content-container,
.general-inline-edit.loaded .content-container {
  opacity: 1;
}
.task-inline-edit.loaded .content-placeholder,
.detail-inline-edit.loaded .content-placeholder,
.general-inline-edit.loaded .content-placeholder {
  display: block;
}
.task-inline-edit.loaded .search-field.visible,
.detail-inline-edit.loaded .search-field.visible,
.general-inline-edit.loaded .search-field.visible {
  display: block;
}
.task-inline-edit.suppress-menu .content-container,
.detail-inline-edit.suppress-menu .content-container,
.general-inline-edit.suppress-menu .content-container {
  display: none;
}

.task-inline-edit .sr-selectro,
.detail-inline-edit .sr-selectro {
  width: 100% !important;
}
.task-inline-edit .sr-selectro .selected-value,
.detail-inline-edit .sr-selectro .selected-value {
  max-width: 100% !important;
}
.task-inline-edit.full-width-edit .content-loading,
.detail-inline-edit.full-width-edit .content-loading {
  height: 25px;
}
.task-inline-edit.full-width-edit .content-confirmation,
.detail-inline-edit.full-width-edit .content-confirmation {
  left: 330px;
  left: calc(100% - 44px);
}
.task-inline-edit.full-width-edit.repeating .content-placeholder,
.detail-inline-edit.full-width-edit.repeating .content-placeholder {
  width: 330px;
  width: calc(100% - 50px);
}
.task-inline-edit.full-width-edit.place .selectro-list-container,
.detail-inline-edit.full-width-edit.place .selectro-list-container {
  width: 330px;
  width: calc(100% - 50px);
}
.task-inline-edit.full-width-edit.place.offset-left .selectro-list-container,
.detail-inline-edit.full-width-edit.place.offset-left .selectro-list-container {
  left: 0;
}
.task-inline-edit.full-width-edit.place.offset-left .selectro-list-container:before, .task-inline-edit.full-width-edit.place.offset-left .selectro-list-container:after,
.detail-inline-edit.full-width-edit.place.offset-left .selectro-list-container:before,
.detail-inline-edit.full-width-edit.place.offset-left .selectro-list-container:after {
  right: 170px;
}
.task-inline-edit .selectro-container,
.detail-inline-edit .selectro-container {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.task-inline-edit .selectro-container .selectro-list-container,
.detail-inline-edit .selectro-container .selectro-list-container {
  margin-top: 0px;
}
.task-inline-edit .selectro-container .selectro-list-container:before, .task-inline-edit .selectro-container .selectro-list-container:after,
.detail-inline-edit .selectro-container .selectro-list-container:before,
.detail-inline-edit .selectro-container .selectro-list-container:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.task-inline-edit .selectro-container .selectro-list-container:after,
.detail-inline-edit .selectro-container .selectro-list-container:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.task-inline-edit .selectro-container .selectro-list-container div.shadow,
.detail-inline-edit .selectro-container .selectro-list-container div.shadow {
  z-index: 10;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 50px;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.task-inline-edit .selectro-container .selectro-list-container div.contents,
.detail-inline-edit .selectro-container .selectro-list-container div.contents {
  z-index: 12;
  border: 0px;
  box-shadow: none;
  border-radius: 4px;
}
.task-inline-edit .selectro-container .selectro-list-container.right:before, .task-inline-edit .selectro-container .selectro-list-container.right:after,
.detail-inline-edit .selectro-container .selectro-list-container.right:before,
.detail-inline-edit .selectro-container .selectro-list-container.right:after {
  left: auto;
  right: 46px;
}
.task-inline-edit .selectro-container.include-button .sr-selectro,
.detail-inline-edit .selectro-container.include-button .sr-selectro {
  outline: none;
  position: absolute;
  top: -27px;
  width: 159px;
}
.task-inline-edit .selectro-container.include-button .sr-selectro.classification-selectro,
.detail-inline-edit .selectro-container.include-button .sr-selectro.classification-selectro {
  top: 0px;
  left: 58px;
  width: 260px !important;
  width: calc(100% - 70px) !important;
}
.task-inline-edit .selectro-container.include-button .sr-selectro.classification-selectro .selected-value,
.detail-inline-edit .selectro-container.include-button .sr-selectro.classification-selectro .selected-value {
  max-width: 100% !important;
}
.task-inline-edit .selectro-container.include-button .sr-selectro.classification-selectro .input-container,
.detail-inline-edit .selectro-container.include-button .sr-selectro.classification-selectro .input-container {
  height: 28px;
}
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container {
  border: 0;
  padding: 0;
  height: 26px;
  line-height: 26px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0px 0px 0px 0px #82d0ff;
}
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .sr-face,
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .drop-down-icon,
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container span.imgSpan,
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .icon.search-icon,
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .place-type-icon,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .sr-face,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .drop-down-icon,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container span.imgSpan,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .icon.search-icon,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .place-type-icon {
  display: none !important;
}
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .sr-face-stack .sr-face,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .sr-face-stack .sr-face {
  display: block !important;
  top: 6px;
  font-size: 10px;
}
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .search-container,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .search-container {
  width: 100% !important;
}
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .search-container .icon,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .search-container .icon {
  display: none !important;
}
.task-inline-edit .selectro-container.include-button .sr-selectro .input-container .search-container input,
.detail-inline-edit .selectro-container.include-button .sr-selectro .input-container .search-container input {
  height: 26px;
  padding: 4px 0 4px 0;
  line-height: 18px;
  font-weight: 600;
  width: 100% !important;
}
.task-inline-edit .search-field,
.task-inline-edit .content-placeholder,
.detail-inline-edit .search-field,
.detail-inline-edit .content-placeholder {
  display: none;
  position: absolute;
  top: -29px;
  left: -1px;
}
.task-inline-edit .search-field.content-placeholder,
.task-inline-edit .search-field input,
.task-inline-edit .content-placeholder.content-placeholder,
.task-inline-edit .content-placeholder input,
.detail-inline-edit .search-field.content-placeholder,
.detail-inline-edit .search-field input,
.detail-inline-edit .content-placeholder.content-placeholder,
.detail-inline-edit .content-placeholder input {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 22px;
  height: 25px;
  width: 159px;
  padding-bottom: 3px;
  box-sizing: border-box;
}
.task-inline-edit .search-field.content-placeholder,
.task-inline-edit .content-placeholder.content-placeholder,
.detail-inline-edit .search-field.content-placeholder,
.detail-inline-edit .content-placeholder.content-placeholder {
  top: -25px;
  left: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  height: 24px;
  padding-bottom: 2px;
}
.task-inline-edit .search-field.content-placeholder.visible,
.task-inline-edit .content-placeholder.content-placeholder.visible,
.detail-inline-edit .search-field.content-placeholder.visible,
.detail-inline-edit .content-placeholder.content-placeholder.visible {
  background-color: var(--neutral-8-white-);
}
.task-inline-edit .search-field input,
.task-inline-edit .content-placeholder input,
.detail-inline-edit .search-field input,
.detail-inline-edit .content-placeholder input {
  margin-top: 4px;
  height: 24px;
  display: block;
  background-color: var(--neutral-8-white-);
  outline: none;
  border: 0px;
  padding: 1px 1px 3px;
  -webkit-font-smoothing: antialiased;
}
.task-inline-edit.repeating,
.detail-inline-edit.repeating {
  position: relative;
}
.task-inline-edit.repeating .content-placeholder.content-placeholder,
.detail-inline-edit.repeating .content-placeholder.content-placeholder {
  position: relative;
  top: -1px;
  padding-right: 18px;
  height: auto;
  white-space: normal;
  border-bottom: 1px solid var(--neutral-5);
}
.task-inline-edit.repeating .content-confirmation,
.detail-inline-edit.repeating .content-confirmation {
  top: auto;
  bottom: -16px;
}
.task-inline-edit.place .selectro-list-container,
.detail-inline-edit.place .selectro-list-container {
  width: 300px;
  top: 34px;
}
.task-inline-edit.place.offset-left .selectro-list-container,
.detail-inline-edit.place.offset-left .selectro-list-container {
  left: -126px;
}
.task-inline-edit.place.offset-left .selectro-list-container:before, .task-inline-edit.place.offset-left .selectro-list-container:after,
.detail-inline-edit.place.offset-left .selectro-list-container:before,
.detail-inline-edit.place.offset-left .selectro-list-container:after {
  right: 130px;
  left: auto !important;
}
.task-inline-edit.place .has-placeholders .selectro-list-container,
.detail-inline-edit.place .has-placeholders .selectro-list-container {
  width: 400px;
  left: -226px;
}
.task-inline-edit.place.loading .content-icon,
.detail-inline-edit.place.loading .content-icon {
  display: none;
}
.task-inline-edit.place.loaded .content-icon,
.detail-inline-edit.place.loaded .content-icon {
  display: block;
  background-color: var(--neutral-8-white-);
  width: 46px;
  height: 46px;
  position: absolute;
  left: -57px;
  top: -44px;
}
.task-inline-edit.place.loaded .content-icon .place-type-icon,
.detail-inline-edit.place.loaded .content-icon .place-type-icon {
  margin: 0;
}
.task-inline-edit.place.loaded .content-icon.placeholder .icon,
.detail-inline-edit.place.loaded .content-icon.placeholder .icon {
  margin: 6px 0 0 6px;
  width: 34px;
  height: 32px;
  background: url("images/assignment/place-placeholder.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.place.loaded .content-icon.placeholder .icon,
  .detail-inline-edit.place.loaded .content-icon.placeholder .icon {
    background-image: url("images/assignment/place-placeholder@2x.png");
    background-size: 34px 32px;
  }
}
.task-inline-edit.objective,
.detail-inline-edit.objective {
  position: relative;
}
.task-inline-edit.objective .content-confirmation,
.detail-inline-edit.objective .content-confirmation {
  top: auto;
  bottom: -16px;
  right: 5px;
  left: auto;
}
.task-inline-edit.objective .content-container,
.detail-inline-edit.objective .content-container {
  position: relative;
  top: auto;
  left: auto;
}
.task-inline-edit.objective .content-container textarea,
.detail-inline-edit.objective .content-container textarea {
  width: 100%;
  resize: none;
  font-size: 14px;
  line-height: 18px;
  display: block;
}
.task-inline-edit.project-type,
.detail-inline-edit.project-type {
  width: 100%;
}
.task-inline-edit.project-type .content-placeholder,
.detail-inline-edit.project-type .content-placeholder {
  width: 260px;
  width: calc(100% - 69px);
  top: 31px;
  left: 58px;
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
  font-weight: 400;
  height: 15px;
  border-bottom: 1px solid var(--neutral-5);
  background-color: var(--neutral-8-white-);
}
.task-inline-edit.project-type .content-confirmation,
.detail-inline-edit.project-type .content-confirmation {
  top: 45px;
  left: 278px;
  left: calc(100% - 52px);
}
.task-inline-edit.project-type .content-container,
.detail-inline-edit.project-type .content-container {
  top: 7px;
  left: 58px;
  z-index: 3;
}
.task-inline-edit.project-type .content-icon,
.detail-inline-edit.project-type .content-icon {
  position: absolute;
  top: 0px;
  background-color: var(--neutral-8-white-);
  width: 50px;
  height: 50px;
}
.task-inline-edit.special-template-type .content-placeholder,
.detail-inline-edit.special-template-type .content-placeholder {
  background-color: #ffffff;
}
.task-inline-edit.name,
.detail-inline-edit.name {
  width: 100%;
  z-index: 25;
  left: -4px;
}
.task-inline-edit.name .content-loading,
.detail-inline-edit.name .content-loading {
  position: absolute;
  top: 0px;
  width: 98%;
}
.task-inline-edit.name .search-field,
.detail-inline-edit.name .search-field {
  top: 1px;
  left: 61px;
  width: 260px;
  width: calc(100% - 69px);
}
.task-inline-edit.name .search-field.content-placeholder,
.task-inline-edit.name .search-field input,
.detail-inline-edit.name .search-field.content-placeholder,
.detail-inline-edit.name .search-field input {
  font-weight: 400;
  font-size: 21px;
  color: var(--neutral-2);
  line-height: 28px;
  height: 28px;
  width: 100%;
  margin-top: 0px;
}
.task-inline-edit.name .content-confirmation,
.detail-inline-edit.name .content-confirmation {
  top: 29px;
  left: 278px;
  left: calc(100% - 52px);
  z-index: 2;
}
.task-inline-edit.workType,
.detail-inline-edit.workType {
  z-index: 10;
  width: 100%;
}
.task-inline-edit.workType .selectro-container,
.detail-inline-edit.workType .selectro-container {
  width: 100%;
}
.task-inline-edit.workType .content-loading,
.detail-inline-edit.workType .content-loading {
  position: absolute;
  top: 3px;
  width: 98%;
}
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value .selected em,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value .selected em {
  color: var(--neutral-3);
  font-size: 19px;
  font-style: normal;
}
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value .selected,
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .search-container input,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value .selected,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .search-container input {
  font-size: 21px;
  line-height: 28px;
  font-weight: 400;
}
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value span.img,
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value .sr-category-icon,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value span.img,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .selected-value .sr-category-icon {
  display: none;
}
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .content-loading,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .content-loading {
  position: absolute;
  top: 0px;
  width: 98%;
}
.task-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .search-container input,
.detail-inline-edit.workType .selectro-container.include-button .sr-selectro .input-container .search-container input {
  padding: 5px 0 4px 0;
}
.task-inline-edit.workType .content-confirmation,
.detail-inline-edit.workType .content-confirmation {
  top: 30px;
  left: 278px;
  left: calc(100% - 52px);
  z-index: 2;
}
.task-inline-edit.workType .content-work-type,
.detail-inline-edit.workType .content-work-type {
  position: absolute;
  left: 58px;
  top: 32px;
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
  background-color: var(--neutral-8-white-);
  width: 260px;
  width: calc(100% - 58px);
}
.task-inline-edit.workType .content-icon,
.detail-inline-edit.workType .content-icon {
  position: absolute;
  top: 0px;
  background-color: var(--neutral-8-white-);
  width: 50px;
  height: 50px;
}
.task-inline-edit.project-type .content-loading,
.detail-inline-edit.project-type .content-loading {
  position: absolute;
  top: 27px;
  height: 15px;
  width: 98%;
}
.task-inline-edit.repeating .content-loading,
.detail-inline-edit.repeating .content-loading {
  position: absolute;
  top: 0px;
  height: 22px;
  width: 98%;
}
.task-inline-edit.assignee .content-face,
.detail-inline-edit.assignee .content-face {
  display: none;
  position: absolute;
  top: -44px;
  left: -59px;
  background-color: var(--neutral-8-white-);
}
.task-inline-edit.assignee .selectro-list-container,
.detail-inline-edit.assignee .selectro-list-container {
  width: 220px;
}
.task-inline-edit.assignee .has-placeholders .selectro-list-container,
.detail-inline-edit.assignee .has-placeholders .selectro-list-container {
  width: 400px;
}
.task-inline-edit.assignee.loaded .content-face,
.detail-inline-edit.assignee.loaded .content-face {
  display: block;
}
.task-inline-edit.schedule .content-icon,
.detail-inline-edit.schedule .content-icon {
  display: none;
  position: absolute;
  top: -42px;
  left: -53px;
}
.task-inline-edit.schedule .content-icon.timeframe-icon,
.detail-inline-edit.schedule .content-icon.timeframe-icon {
  width: 40px;
  height: 40px;
  background-size: 40px 40px !important;
  background-color: var(--neutral-8-white-) !important;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.today,
.detail-inline-edit.schedule .content-icon.timeframe-icon.today {
  background: url("images/timeframes/40w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.today,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.today {
    background-image: url("images/timeframes/40w/black/today@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.tomorrow,
.detail-inline-edit.schedule .content-icon.timeframe-icon.tomorrow {
  background: url("images/timeframes/40w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.tomorrow,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.tomorrow {
    background-image: url("images/timeframes/40w/black/tomorrow@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-week,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-week {
  background: url("images/timeframes/40w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.this-week,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.this-week {
    background-image: url("images/timeframes/40w/black/week@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.next-week,
.detail-inline-edit.schedule .content-icon.timeframe-icon.next-week {
  background: url("images/timeframes/40w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.next-week,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.next-week {
    background-image: url("images/timeframes/40w/black/next-week@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-month,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-month {
  background: url("images/timeframes/40w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.this-month,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.this-month {
    background-image: url("images/timeframes/40w/black/this-month@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-quarter,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-quarter {
  background: url("images/timeframes/40w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.this-quarter,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.this-quarter {
    background-image: url("images/timeframes/40w/black/this-quarter@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-year,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-year {
  background: url("images/timeframes/40w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.this-year,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.this-year {
    background-image: url("images/timeframes/40w/black/this-year@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.last-7,
.detail-inline-edit.schedule .content-icon.timeframe-icon.last-7 {
  background: url("images/timeframes/40w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.last-7,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.last-7 {
    background-image: url("images/timeframes/40w/black/last-7@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.last-30,
.detail-inline-edit.schedule .content-icon.timeframe-icon.last-30 {
  background: url("images/timeframes/40w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.last-30,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.last-30 {
    background-image: url("images/timeframes/40w/black/last-30@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.last-week,
.detail-inline-edit.schedule .content-icon.timeframe-icon.last-week {
  background: url("images/timeframes/40w/black/last-week.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.last-month,
.detail-inline-edit.schedule .content-icon.timeframe-icon.last-month {
  background: url("images/timeframes/40w/black/last-month.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.last-quarter,
.detail-inline-edit.schedule .content-icon.timeframe-icon.last-quarter {
  background: url("images/timeframes/40w/black/last-quarter.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.last-year,
.detail-inline-edit.schedule .content-icon.timeframe-icon.last-year {
  background: url("images/timeframes/40w/black/last-year.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.pick-date, .task-inline-edit.schedule .content-icon.timeframe-icon.custom,
.detail-inline-edit.schedule .content-icon.timeframe-icon.pick-date,
.detail-inline-edit.schedule .content-icon.timeframe-icon.custom {
  background: url("images/timeframes/40w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.pick-date, .task-inline-edit.schedule .content-icon.timeframe-icon.custom,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.pick-date,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.custom {
    background-image: url("images/timeframes/40w/black/pick-date@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.next-year-and-beyond,
.detail-inline-edit.schedule .content-icon.timeframe-icon.next-year-and-beyond {
  background: url("images/timeframes/40w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.next-year-and-beyond,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.next-year-and-beyond {
    background-image: url("images/timeframes/40w/black/next-year-and-beyond@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.all-time,
.detail-inline-edit.schedule .content-icon.timeframe-icon.all-time {
  background: url("images/timeframes/40w/black/all-time.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.repeating,
.detail-inline-edit.schedule .content-icon.timeframe-icon.repeating {
  background: url("images/timeframes/40w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.repeating,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.repeating {
    background-image: url("images/timeframes/40w/black/repeating@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.unscheduled,
.detail-inline-edit.schedule .content-icon.timeframe-icon.unscheduled {
  background: url("images/timeframes/40w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.unscheduled,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.unscheduled {
    background-image: url("images/timeframes/40w/black/unscheduled@2x.png");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.now,
.detail-inline-edit.schedule .content-icon.timeframe-icon.now {
  background: url("images/timeframes/40w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .content-icon.timeframe-icon.now,
  .detail-inline-edit.schedule .content-icon.timeframe-icon.now {
    background-image: url("images/timeframes/40w/black/now.svg");
    background-size: 40px 40px;
  }
}
.task-inline-edit.schedule .content-icon.timeframe-icon.business-open,
.detail-inline-edit.schedule .content-icon.timeframe-icon.business-open {
  background: url("images/timeframes/40w/black/business-open.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.business-close,
.detail-inline-edit.schedule .content-icon.timeframe-icon.business-close {
  background: url("images/timeframes/40w/black/business-close.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-morning,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-morning {
  background: url("images/timeframes/40w/black/this-morning.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-afternoon,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-afternoon {
  background: url("images/timeframes/40w/black/this-afternoon.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.this-evening,
.detail-inline-edit.schedule .content-icon.timeframe-icon.this-evening {
  background: url("images/timeframes/40w/black/this-evening.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.business-open,
.detail-inline-edit.schedule .content-icon.timeframe-icon.business-open {
  background: url("images/timeframes/40w/black/business-open.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.business-close,
.detail-inline-edit.schedule .content-icon.timeframe-icon.business-close {
  background: url("images/timeframes/40w/black/business-close.svg") no-repeat;
}
.task-inline-edit.schedule .content-icon.timeframe-icon.any-time,
.detail-inline-edit.schedule .content-icon.timeframe-icon.any-time {
  background: url("images/timeframes/40w/black/any-time.svg") no-repeat;
}
.task-inline-edit.schedule.loaded .content-icon,
.detail-inline-edit.schedule.loaded .content-icon {
  display: block;
}
.task-inline-edit.schedule .task-date-picker,
.detail-inline-edit.schedule .task-date-picker {
  display: none;
  position: absolute;
  z-index: 10;
  top: 10px;
}
.task-inline-edit.schedule .task-date-picker.visible,
.detail-inline-edit.schedule .task-date-picker.visible {
  display: block;
}
.task-inline-edit.schedule .task-date-picker:before, .task-inline-edit.schedule .task-date-picker:after,
.detail-inline-edit.schedule .task-date-picker:before,
.detail-inline-edit.schedule .task-date-picker:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--neutral-8-white-);
  position: absolute;
  top: -3px;
  left: 26px;
  margin-left: -5px;
  z-index: 11;
  transform: rotate(45deg);
}
.task-inline-edit.schedule .task-date-picker:after,
.detail-inline-edit.schedule .task-date-picker:after {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.task-inline-edit.schedule .task-date-picker .picker-container,
.detail-inline-edit.schedule .task-date-picker .picker-container {
  position: absolute;
  z-index: 10;
}
.task-inline-edit.schedule .ui-datepicker,
.detail-inline-edit.schedule .ui-datepicker {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  width: 252px;
  border: 0px;
  padding: 0px;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-header,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0px;
  padding: 0;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-title,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin: 10px 0 0;
  width: 178px;
  float: left;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next {
  float: right;
  margin: 2px 2px;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next span,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next span {
  background: url("images/assignment/editCalendarRight.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .ui-datepicker .ui-datepicker-next span,
  .detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next span {
    background-image: url("images/assignment/editCalendarRight@2x.png");
    background-size: 22px 17px;
  }
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next:hover,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next:hover {
  right: 0;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev {
  float: left;
  margin: 2px 0 0 2px;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev span,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev span {
  background: url("images/assignment/editCalendarLeft.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev span,
  .detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev span {
    background-image: url("images/assignment/editCalendarLeft@2x.png");
    background-size: 22px 17px;
  }
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev:hover,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev:hover {
  left: 0;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next,
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  position: relative;
  left: 0;
  top: 0;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next span,
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev span,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next span,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev span {
  margin-left: -5px;
  width: 10px;
  height: 17px;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  opacity: 0;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next:hover,
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev:hover,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next:hover,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev:hover {
  top: 0;
  border: 0px;
  background: transparent;
}
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-next:hover span,
.task-inline-edit.schedule .ui-datepicker .ui-datepicker-prev:hover span,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-next:hover span,
.detail-inline-edit.schedule .ui-datepicker .ui-datepicker-prev:hover span {
  background-position: right;
}
.task-inline-edit.schedule .ui-datepicker table,
.detail-inline-edit.schedule .ui-datepicker table {
  margin: 14px 0 0;
}
.task-inline-edit.schedule .ui-datepicker table th,
.detail-inline-edit.schedule .ui-datepicker table th {
  font-weight: 600;
  font-size: 10px;
  color: var(--neutral-3);
  line-height: 14px;
  padding: 0 0 4px;
}
.task-inline-edit.schedule .ui-datepicker table td,
.detail-inline-edit.schedule .ui-datepicker table td {
  height: 32px;
  padding: 0px;
  border: 1px solid var(--neutral-5);
  vertical-align: middle;
}
.task-inline-edit.schedule .ui-datepicker table td a,
.task-inline-edit.schedule .ui-datepicker table td span.ui-state-default,
.detail-inline-edit.schedule .ui-datepicker table td a,
.detail-inline-edit.schedule .ui-datepicker table td span.ui-state-default {
  background: transparent;
  border: 0px;
  font-weight: 600;
  font-size: 12px;
  color: var(--neutral-2);
  padding: 0;
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.task-inline-edit.schedule .ui-datepicker table td:hover,
.detail-inline-edit.schedule .ui-datepicker table td:hover {
  background: var(--neutral-7);
}
.task-inline-edit.schedule .ui-datepicker table td.ui-datepicker-current-day,
.detail-inline-edit.schedule .ui-datepicker table td.ui-datepicker-current-day {
  background: var(--primary-blue);
}
.task-inline-edit.schedule .ui-datepicker table td.ui-datepicker-current-day a,
.detail-inline-edit.schedule .ui-datepicker table td.ui-datepicker-current-day a {
  color: var(--neutral-8-white-);
}
.task-inline-edit.schedule .ui-datepicker table td.ui-state-disabled,
.detail-inline-edit.schedule .ui-datepicker table td.ui-state-disabled {
  background: var(--neutral-7) !important;
}
.task-inline-edit.schedule .imgIcon,
.detail-inline-edit.schedule .imgIcon {
  margin-top: 3px !important;
  background-size: 24px 24px !important;
}
.task-inline-edit.schedule .imgIcon.today,
.detail-inline-edit.schedule .imgIcon.today {
  background: url("images/timeframes/24w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.today,
  .detail-inline-edit.schedule .imgIcon.today {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.tomorrow,
.detail-inline-edit.schedule .imgIcon.tomorrow {
  background: url("images/timeframes/24w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.tomorrow,
  .detail-inline-edit.schedule .imgIcon.tomorrow {
    background-image: url("images/timeframes/24w/black/tomorrow@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.this-week,
.detail-inline-edit.schedule .imgIcon.this-week {
  background: url("images/timeframes/24w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.this-week,
  .detail-inline-edit.schedule .imgIcon.this-week {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.next-week,
.detail-inline-edit.schedule .imgIcon.next-week {
  background: url("images/timeframes/24w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.next-week,
  .detail-inline-edit.schedule .imgIcon.next-week {
    background-image: url("images/timeframes/24w/black/next-week@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.this-month,
.detail-inline-edit.schedule .imgIcon.this-month {
  background: url("images/timeframes/24w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.this-month,
  .detail-inline-edit.schedule .imgIcon.this-month {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.this-quarter,
.detail-inline-edit.schedule .imgIcon.this-quarter {
  background: url("images/timeframes/24w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.this-quarter,
  .detail-inline-edit.schedule .imgIcon.this-quarter {
    background-image: url("images/timeframes/24w/black/this-quarter@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.this-year,
.detail-inline-edit.schedule .imgIcon.this-year {
  background: url("images/timeframes/24w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.this-year,
  .detail-inline-edit.schedule .imgIcon.this-year {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.last-7,
.detail-inline-edit.schedule .imgIcon.last-7 {
  background: url("images/timeframes/24w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.last-7,
  .detail-inline-edit.schedule .imgIcon.last-7 {
    background-image: url("images/timeframes/24w/black/last-7@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.last-30,
.detail-inline-edit.schedule .imgIcon.last-30 {
  background: url("images/timeframes/24w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.last-30,
  .detail-inline-edit.schedule .imgIcon.last-30 {
    background-image: url("images/timeframes/24w/black/last-30@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.last-week,
.detail-inline-edit.schedule .imgIcon.last-week {
  background: url("images/timeframes/24w/black/last-week.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.last-month,
.detail-inline-edit.schedule .imgIcon.last-month {
  background: url("images/timeframes/24w/black/last-month.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.last-quarter,
.detail-inline-edit.schedule .imgIcon.last-quarter {
  background: url("images/timeframes/24w/black/last-quarter.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.last-year,
.detail-inline-edit.schedule .imgIcon.last-year {
  background: url("images/timeframes/24w/black/last-year.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.pick-date, .task-inline-edit.schedule .imgIcon.custom,
.detail-inline-edit.schedule .imgIcon.pick-date,
.detail-inline-edit.schedule .imgIcon.custom {
  background: url("images/timeframes/24w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.pick-date, .task-inline-edit.schedule .imgIcon.custom,
  .detail-inline-edit.schedule .imgIcon.pick-date,
  .detail-inline-edit.schedule .imgIcon.custom {
    background-image: url("images/timeframes/24w/black/pick-date@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.next-year-and-beyond,
.detail-inline-edit.schedule .imgIcon.next-year-and-beyond {
  background: url("images/timeframes/24w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.next-year-and-beyond,
  .detail-inline-edit.schedule .imgIcon.next-year-and-beyond {
    background-image: url("images/timeframes/24w/black/next-year-and-beyond@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.all-time,
.detail-inline-edit.schedule .imgIcon.all-time {
  background: url("images/timeframes/24w/black/all-time.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.repeating,
.detail-inline-edit.schedule .imgIcon.repeating {
  background: url("images/timeframes/24w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.repeating,
  .detail-inline-edit.schedule .imgIcon.repeating {
    background-image: url("images/timeframes/24w/black/repeating@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.unscheduled,
.detail-inline-edit.schedule .imgIcon.unscheduled {
  background: url("images/timeframes/24w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.unscheduled,
  .detail-inline-edit.schedule .imgIcon.unscheduled {
    background-image: url("images/timeframes/24w/black/unscheduled@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.now,
.detail-inline-edit.schedule .imgIcon.now {
  background: url("images/timeframes/24w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .imgIcon.now,
  .detail-inline-edit.schedule .imgIcon.now {
    background-image: url("images/timeframes/24w/black/now.svg");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .imgIcon.business-open,
.detail-inline-edit.schedule .imgIcon.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.business-close,
.detail-inline-edit.schedule .imgIcon.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.this-morning,
.detail-inline-edit.schedule .imgIcon.this-morning {
  background: url("images/timeframes/24w/black/this-morning.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.this-afternoon,
.detail-inline-edit.schedule .imgIcon.this-afternoon {
  background: url("images/timeframes/24w/black/this-afternoon.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.this-evening,
.detail-inline-edit.schedule .imgIcon.this-evening {
  background: url("images/timeframes/24w/black/this-evening.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.business-open,
.detail-inline-edit.schedule .imgIcon.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.business-close,
.detail-inline-edit.schedule .imgIcon.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.task-inline-edit.schedule .imgIcon.any-time,
.detail-inline-edit.schedule .imgIcon.any-time {
  background: url("images/timeframes/24w/black/any-time.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon,
.detail-inline-edit.schedule .selected-item .imgIcon {
  background-size: 24px 24px !important;
}
.task-inline-edit.schedule .selected-item .imgIcon.today,
.detail-inline-edit.schedule .selected-item .imgIcon.today {
  background: url("images/timeframes/24w/white/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.today,
  .detail-inline-edit.schedule .selected-item .imgIcon.today {
    background-image: url("images/timeframes/24w/white/today@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.tomorrow,
.detail-inline-edit.schedule .selected-item .imgIcon.tomorrow {
  background: url("images/timeframes/24w/white/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.tomorrow,
  .detail-inline-edit.schedule .selected-item .imgIcon.tomorrow {
    background-image: url("images/timeframes/24w/white/tomorrow@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.this-week,
.detail-inline-edit.schedule .selected-item .imgIcon.this-week {
  background: url("images/timeframes/24w/white/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.this-week,
  .detail-inline-edit.schedule .selected-item .imgIcon.this-week {
    background-image: url("images/timeframes/24w/white/week@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.next-week,
.detail-inline-edit.schedule .selected-item .imgIcon.next-week {
  background: url("images/timeframes/24w/white/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.next-week,
  .detail-inline-edit.schedule .selected-item .imgIcon.next-week {
    background-image: url("images/timeframes/24w/white/next-week@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.this-month,
.detail-inline-edit.schedule .selected-item .imgIcon.this-month {
  background: url("images/timeframes/24w/white/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.this-month,
  .detail-inline-edit.schedule .selected-item .imgIcon.this-month {
    background-image: url("images/timeframes/24w/white/this-month@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.this-quarter,
.detail-inline-edit.schedule .selected-item .imgIcon.this-quarter {
  background: url("images/timeframes/24w/white/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.this-quarter,
  .detail-inline-edit.schedule .selected-item .imgIcon.this-quarter {
    background-image: url("images/timeframes/24w/white/this-quarter@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.this-year,
.detail-inline-edit.schedule .selected-item .imgIcon.this-year {
  background: url("images/timeframes/24w/white/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.this-year,
  .detail-inline-edit.schedule .selected-item .imgIcon.this-year {
    background-image: url("images/timeframes/24w/white/this-year@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.last-7,
.detail-inline-edit.schedule .selected-item .imgIcon.last-7 {
  background: url("images/timeframes/24w/white/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.last-7,
  .detail-inline-edit.schedule .selected-item .imgIcon.last-7 {
    background-image: url("images/timeframes/24w/white/last-7@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.last-30,
.detail-inline-edit.schedule .selected-item .imgIcon.last-30 {
  background: url("images/timeframes/24w/white/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.last-30,
  .detail-inline-edit.schedule .selected-item .imgIcon.last-30 {
    background-image: url("images/timeframes/24w/white/last-30@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.last-week,
.detail-inline-edit.schedule .selected-item .imgIcon.last-week {
  background: url("images/timeframes/24w/white/last-week.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.last-month,
.detail-inline-edit.schedule .selected-item .imgIcon.last-month {
  background: url("images/timeframes/24w/white/last-month.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.last-quarter,
.detail-inline-edit.schedule .selected-item .imgIcon.last-quarter {
  background: url("images/timeframes/24w/white/last-quarter.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.last-year,
.detail-inline-edit.schedule .selected-item .imgIcon.last-year {
  background: url("images/timeframes/24w/white/last-year.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.pick-date, .task-inline-edit.schedule .selected-item .imgIcon.custom,
.detail-inline-edit.schedule .selected-item .imgIcon.pick-date,
.detail-inline-edit.schedule .selected-item .imgIcon.custom {
  background: url("images/timeframes/24w/white/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.pick-date, .task-inline-edit.schedule .selected-item .imgIcon.custom,
  .detail-inline-edit.schedule .selected-item .imgIcon.pick-date,
  .detail-inline-edit.schedule .selected-item .imgIcon.custom {
    background-image: url("images/timeframes/24w/white/pick-date@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.next-year-and-beyond,
.detail-inline-edit.schedule .selected-item .imgIcon.next-year-and-beyond {
  background: url("images/timeframes/24w/white/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.next-year-and-beyond,
  .detail-inline-edit.schedule .selected-item .imgIcon.next-year-and-beyond {
    background-image: url("images/timeframes/24w/white/next-year-and-beyond@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.all-time,
.detail-inline-edit.schedule .selected-item .imgIcon.all-time {
  background: url("images/timeframes/24w/white/all-time.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.repeating,
.detail-inline-edit.schedule .selected-item .imgIcon.repeating {
  background: url("images/timeframes/24w/white/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.repeating,
  .detail-inline-edit.schedule .selected-item .imgIcon.repeating {
    background-image: url("images/timeframes/24w/white/repeating@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.unscheduled,
.detail-inline-edit.schedule .selected-item .imgIcon.unscheduled {
  background: url("images/timeframes/24w/white/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.unscheduled,
  .detail-inline-edit.schedule .selected-item .imgIcon.unscheduled {
    background-image: url("images/timeframes/24w/white/unscheduled@2x.png");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.now,
.detail-inline-edit.schedule .selected-item .imgIcon.now {
  background: url("images/timeframes/24w/white/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .task-inline-edit.schedule .selected-item .imgIcon.now,
  .detail-inline-edit.schedule .selected-item .imgIcon.now {
    background-image: url("images/timeframes/24w/white/now.svg");
    background-size: 24px 24px;
  }
}
.task-inline-edit.schedule .selected-item .imgIcon.business-open,
.detail-inline-edit.schedule .selected-item .imgIcon.business-open {
  background: url("images/timeframes/24w/white/business-open.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.business-close,
.detail-inline-edit.schedule .selected-item .imgIcon.business-close {
  background: url("images/timeframes/24w/white/business-close.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.this-morning,
.detail-inline-edit.schedule .selected-item .imgIcon.this-morning {
  background: url("images/timeframes/24w/white/this-morning.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.this-afternoon,
.detail-inline-edit.schedule .selected-item .imgIcon.this-afternoon {
  background: url("images/timeframes/24w/white/this-afternoon.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.this-evening,
.detail-inline-edit.schedule .selected-item .imgIcon.this-evening {
  background: url("images/timeframes/24w/white/this-evening.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.business-open,
.detail-inline-edit.schedule .selected-item .imgIcon.business-open {
  background: url("images/timeframes/24w/white/business-open.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.business-close,
.detail-inline-edit.schedule .selected-item .imgIcon.business-close {
  background: url("images/timeframes/24w/white/business-close.svg") no-repeat;
}
.task-inline-edit.schedule .selected-item .imgIcon.any-time,
.detail-inline-edit.schedule .selected-item .imgIcon.any-time {
  background: url("images/timeframes/24w/white/any-time.svg") no-repeat;
}

.tags-edit .content-loading {
  position: absolute;
  top: -7px;
  height: 100%;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.tags-edit .task-inline-edit.loaded {
  position: static;
}
.tags-edit .task-inline-edit.loaded .content-confirmation {
  opacity: 1;
  z-index: 9;
  top: auto;
}
.tags-edit .task-inline-edit.loaded .sr-tag-entry.double + .content-confirmation {
  top: 61px;
}
.tags-edit .task-inline-edit.loaded .sr-tag-entry .selectro-list-container {
  width: calc(100% - 50px);
}
.tags-edit .task-inline-edit.loaded .sr-multi-select .multi-input input {
  height: 26px;
  padding: 4px 0 4px 2px;
  line-height: 18px;
  width: 100% !important;
  cursor: pointer;
}
.tags-edit .task-inline-edit.loaded .sr-multi-select .multi-input .has-search-icon input {
  width: calc(100% - 30px) !important;
}

.suggest-type-popup {
  display: none;
  z-index: 10000;
}
.suggest-type-popup.visible {
  display: block;
}
.suggest-type-popup .shadow {
  z-index: 10;
  background-color: var(--neutral-0-black-);
  opacity: 0.6;
}
.suggest-type-popup .basic-modal {
  width: 390px;
  height: 320px;
  margin: -160px 0 0 -195px;
}
.suggest-type-popup .basic-modal .sr-input {
  width: 100%;
}
.suggest-type-popup .basic-modal .sr-input input {
  width: 100%;
}
.suggest-type-popup .basic-modal .sr-selectro {
  margin-top: 10px;
}
.suggest-type-popup .basic-modal .standardButton {
  margin: 30px auto 0;
  min-width: 205px;
}

.assignment-content .sr-appointment-edit {
  position: relative;
}
.assignment-content .sr-appointment-edit .inline-appointments {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content auto;
      grid-template-columns: max-content auto;
  -ms-flex-align: center;
      align-items: center;
}
.assignment-content .sr-appointment-edit .inline-appointments .title {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 14px;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container {
  position: relative;
  margin-left: 12px;
  margin-right: auto;
  width: 100%;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-info-text {
  width: 347px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: var(--neutral-2);
  padding-bottom: 2px;
  border-bottom: solid 1px white;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-info-text:not(.disabled) {
  cursor: pointer;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container {
  width: 100%;
  border-bottom: solid 1px white;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container:hover .remove-btn:not(.disabled) {
  display: block;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container:hover .inner-info-text:not(.disabled) {
  border-bottom: solid 1px var(--neutral-5);
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container:hover .edit-pencil-dark:not(.disabled) {
  display: block;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container .inner-content {
  width: 347px;
  position: relative;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container .edit-pencil-dark {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 2px;
  bottom: 6px;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container .remove-btn {
  display: none;
  position: absolute;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  right: 12px;
  bottom: 4px;
  background: none;
  border: none;
  padding: 0;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container .remove-btn .icon.trash {
  margin-right: 0;
  display: block;
  background-position: -11px 0;
}
.assignment-content .sr-appointment-edit .inline-appointments .inner-container .inner-content-container .remove-btn .icon.trash:hover {
  cursor: pointer;
  background-position: -22px 0;
}
.assignment-content .sr-appointment-edit .inline-appointments .appointments-icon {
  margin-bottom: auto;
}
.assignment-content .sr-appointment-edit .content-confirmation {
  top: unset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.assignment-content .sr-appointment-edit .selectro-appointments {
  margin-top: 8px;
}
.assignment-content .sr-appointment-edit .selectro-appointments .appt-date .input-container:not(.open) {
  border-radius: 3px 3px 0 3px;
}
.assignment-content .sr-appointment-edit .selectro-appointments .appt-time .input-container:not(.open) {
  border-radius: 0 0 0 3px;
}
.assignment-content .sr-appointment-edit .selectro-appointments.selectro-stacked .appt-date .input-container {
  border-radius: 3px 3px 0 0;
}
.assignment-content .sr-appointment-edit .selectro-appointments.selectro-stacked .appt-time .input-container {
  border-radius: 0;
}

.advanced-scheduling,
.sr-reminders-edit,
.sr-appointment-edit {
  display: inline-block;
  position: static;
}

.sr-reminders-edit .task-info {
  width: calc(100% - 36px);
  margin-left: 60px;
}
.sr-reminders-edit .task-info .info {
  height: 100%;
}
.sr-reminders-edit .task-info .info .name {
  width: calc(100% - 24px);
  padding-bottom: 3px;
  margin-right: 8px;
  border-bottom: solid 1px transparent;
  position: relative;
  white-space: normal;
  font-size: 13px;
  line-height: 1rem;
  cursor: pointer;
}
.sr-reminders-edit .task-info .info .name .edit.icon {
  display: none;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 0;
  bottom: 5px;
  margin-right: 0;
}
.sr-reminders-edit .task-info .info .info-container {
  position: relative;
  margin: 0;
}
.sr-reminders-edit .task-info .info .info-container:hover .remove-btn {
  display: block;
}
.sr-reminders-edit .task-info .info .info-container:hover .name {
  border-bottom: 1px solid var(--neutral-5);
}
.sr-reminders-edit .task-info .info .info-container:hover .name .edit.icon {
  display: block;
  opacity: 1;
}
.sr-reminders-edit .task-info .info .remove-btn {
  display: none;
  position: absolute;
  right: 4px;
  top: 2px;
  background: none;
  border: none;
  padding: 0;
}
.sr-reminders-edit .task-info .info .remove-btn .icon.trash {
  margin-right: 0;
  display: block;
  background-position: -11px 0;
}
.sr-reminders-edit .task-info .info .remove-btn .icon.trash:hover {
  cursor: pointer;
  background-position: -22px 0;
}
.sr-reminders-edit .reminder-btn {
  margin-left: 60px;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--primary-blue);
}
.sr-reminders-edit .reminder-btn .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.sr-reminders-edit .reminder-btn:hover {
  color: var(--primary-blue-2-hover);
}
.sr-reminders-edit .reminder-btn:hover .icon.plus-blue-secondary {
  background-position: -10px 0;
}

.advanced-scheduling .schedule {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}
.advanced-scheduling .schedule .start,
.advanced-scheduling .schedule .due {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.advanced-scheduling .schedule .start .icon.timeframe-icon,
.advanced-scheduling .schedule .due .icon.timeframe-icon {
  margin: 0px 13px 0 6px !important;
}
.advanced-scheduling .schedule .start .info,
.advanced-scheduling .schedule .due .info {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.advanced-scheduling .schedule .start .info .inner,
.advanced-scheduling .schedule .due .info .inner {
  width: 100%;
}
.advanced-scheduling .schedule .start .info .inner .name,
.advanced-scheduling .schedule .due .info .inner .name {
  padding-bottom: 3px;
  border-bottom: solid 1px transparent;
  position: relative;
  white-space: normal;
  cursor: pointer;
}
.advanced-scheduling .schedule .start .info .inner .name .edit.icon,
.advanced-scheduling .schedule .due .info .inner .name .edit.icon {
  display: none;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 0;
  bottom: 5px;
  margin-right: 0;
}
.advanced-scheduling .schedule .start .info .inner .name p,
.advanced-scheduling .schedule .due .info .inner .name p {
  line-height: 1rem;
}
.advanced-scheduling .schedule .start .info .inner .name:hover,
.advanced-scheduling .schedule .due .info .inner .name:hover {
  border-bottom: 1px solid var(--neutral-5);
}
.advanced-scheduling .schedule .start .info .inner .name:hover .edit.icon,
.advanced-scheduling .schedule .due .info .inner .name:hover .edit.icon {
  display: block;
  opacity: 1;
}

.assignmentsSidebar {
  overflow-x: hidden;
  z-index: 1100;
}

.assignments-view .sites-header-view.sub-header .sr-button-group {
  width: 71px;
  height: 28px;
  position: absolute;
  right: 14px;
  top: 11px;
  background: var(--neutral-7);
  border: 0px;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item {
  border: 1px solid var(--neutral-4);
  width: 36px !important;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item span {
  display: inline-block;
  background-position: left;
  vertical-align: top;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item:hover {
  border: 1px solid var(--primary-blue);
  z-index: 7;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item:hover span {
  background-position: right;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.selected {
  background-color: var(--list-2-active);
  border: 1px solid var(--primary-blue);
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.selected span {
  background-position: right;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item:not(.selected).list-mode {
  border-right: 0px;
  width: 35px !important;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item:not(.selected).map-mode {
  border-left: 0px;
  width: 35px !important;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.list-mode {
  border-radius: 3px 0 0 3px;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.list-mode span {
  margin-top: 9px;
  width: 16px;
  height: 10px;
  background-image: url("images/sr-common-icons/table/list-view.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.list-mode span {
    background-image: url("images/sr-common-icons/table/list-view@2x.png");
    background-size: 34px 10px;
  }
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.map-mode {
  border-radius: 0 3px 3px 0;
}
.assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.map-mode span {
  margin-top: 7px;
  width: 16px;
  height: 14px;
  background-image: url("images/sr-common-icons/table/map-view.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sites-header-view.sub-header .sr-button-group .sr-button-group-item.map-mode span {
    background-image: url("images/sr-common-icons/table/map-view@2x.png");
    background-size: 34px 14px;
  }
}
.assignments-view .sites-header-view.sub-header.sidebar-open .sr-button-group {
  right: 530px;
}
.assignments-view .task-filter-list div.container,
.assignments-view .task-filter-list div.scrollIndicator {
  width: 230px;
}
.assignments-view .sr-table .no-results div.icon {
  width: 52px;
  height: 52px;
  background: transparent url("images/assignments/noneFound.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table .no-results div.icon {
    background-image: url("images/assignments/noneFound@2x.png");
    background-size: 52px 52px;
  }
}
.assignments-view span.imgSpan.resident-user-icon {
  margin: 0 1px;
  width: 22px;
  height: 22px;
  background: url("images/assignments/allResidents.png") no-repeat;
  background-size: contain !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view span.imgSpan.resident-user-icon {
    background-image: url("images/assignments/allResidents@2x.png");
    background-size: 17px 20px;
  }
}
.assignments-view .sr-table-image-cell {
  height: 50px !important;
}
.assignments-view .sr-table-image-cell div.image-container {
  background-color: var(--neutral-6);
}
.assignments-view .sr-table-image-cell div.type-icon.image-container {
  padding: 0 13px;
}
.assignments-view .sr-table-image-cell div.type-icon div.image-div {
  width: 24px;
  height: 24px;
}
.assignments-view .sr-table-image-cell div.type-icon.work-order div.image-div, .assignments-view .sr-table-image-cell div.type-icon.make-ready div.image-div, .assignments-view .sr-table-image-cell div.type-icon.preventive-maintenance div.image-div, .assignments-view .sr-table-image-cell div.type-icon.capital-improvement div.image-div {
  height: 20px;
  width: 20px;
}
.assignments-view .sr-table-image-cell div.type-icon.work-order.image-container, .assignments-view .sr-table-image-cell div.type-icon.make-ready.image-container, .assignments-view .sr-table-image-cell div.type-icon.preventive-maintenance.image-container, .assignments-view .sr-table-image-cell div.type-icon.capital-improvement.image-container {
  padding-top: 15px;
  padding-left: 15px;
}
.assignments-view .sr-table-image-cell div.type-icon.work-order div.image-div {
  background: url("images/project-categories/maintenance.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table-image-cell div.type-icon.work-order div.image-div {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-view .sr-table-image-cell div.type-icon.inspection-point.image-container {
  padding-top: 18px;
  padding-left: 14px;
}
.assignments-view .sr-table-image-cell div.type-icon.inspection-point div.image-div {
  width: 23px;
  height: 15px;
  background: url("images/assignment/subTypeInspection.png") no-repeat;
  background-size: 46px 15px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table-image-cell div.type-icon.inspection-point div.image-div {
    background-image: url("images/assignment/subTypeInspection@2x.png");
    background-size: 46px 15px;
  }
}
.assignments-view .sr-table-image-cell div.type-icon.make-ready.image-container {
  padding-top: 18px;
  padding-left: 14px;
}
.assignments-view .sr-table-image-cell div.type-icon.make-ready div.image-div {
  background: url("images/project-categories/make-ready.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table-image-cell div.type-icon.make-ready div.image-div {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-view .sr-table-image-cell div.type-icon.preventive-maintenance div.image-div {
  background: url("images/project-categories/preventive-maintenance.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table-image-cell div.type-icon.preventive-maintenance div.image-div {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-view .sr-table-image-cell div.type-icon.capital-improvement div.image-div {
  background: url("images/project-categories/capital-improvement.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table-image-cell div.type-icon.capital-improvement div.image-div {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 40px 20px;
  }
}
.assignments-view .sr-table-image-cell + .sr-table-cell.no-left-padding {
  padding-left: 0px;
}
.assignments-view .sr-table-cell .imgSpan.pinned-location {
  display: block;
  width: 15px;
  height: 19px;
  margin: 4px 5px;
  background: url("images/pinned-location.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-view .sr-table-cell .imgSpan.pinned-location {
    background-image: url("images/pinned-location@2x.png");
    background-size: 15px 19px;
  }
}

.assignmentsSidebar.in-creation {
  display: none !important;
}
.assignmentsSidebar .assignments-loading {
  display: none;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.assignmentsSidebar .assignments-loading .full-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
}
.assignmentsSidebar .assignments-loading .circle-loading .sr-icon {
  display: none;
}
.assignmentsSidebar .assignments-loading .circle-loading .container1 > div,
.assignmentsSidebar .assignments-loading .circle-loading .container2 > div,
.assignmentsSidebar .assignments-loading .circle-loading .container3 > div {
  background-color: var(--neutral-4);
}
.assignmentsSidebar .assignmentsInner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  transition: left 0.4s ease-in-out 0.2s, opacity 0.2s ease-in-out;
}
.assignmentsSidebar.loading .assignments-loading {
  display: block;
}
.assignmentsSidebar.loading .assignmentsInner {
  opacity: 0.5;
}
.assignmentsSidebar .project-task-view {
  width: 350px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 350px;
  z-index: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: var(--neutral-7);
  transition: left 0.4s ease-in-out 0.2s;
}
.assignmentsSidebar .project-task-view header {
  position: relative;
  height: 40px;
  background-color: var(--neutral-5);
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  letter-spacing: 0.25px;
  line-height: 40px;
  text-align: center;
  padding-left: 35px;
  margin-left: -35px;
}
.assignmentsSidebar .project-task-view header.small {
  height: 24px;
  font-size: 10px;
  color: var(--neutral-1);
  letter-spacing: 1.36px;
  line-height: 24px;
  text-transform: uppercase;
  text-align: left;
  padding-left: 48px;
}
.assignmentsSidebar .project-task-view header button {
  position: absolute;
  outline: none;
  display: block;
  cursor: pointer;
  border: 0px;
  padding: 0px;
}
.assignmentsSidebar .project-task-view header button::-moz-focus-inner {
  border: 0;
}
.assignmentsSidebar .project-task-view header button.back {
  top: 0;
  left: 44px;
  width: 18px;
  height: 40px;
  padding: 11px 4px;
  background: transparent url("images/assignments/projectBack.png") no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignmentsSidebar .project-task-view header button.back {
    background-image: url("images/assignments/projectBack@2x.png");
    background-size: 10px 18px;
  }
}
.assignmentsSidebar .project-task-view header button.project {
  top: 15px;
  right: 16px;
  width: 16px;
  height: 10px;
  background: transparent url("images/assignments/projectInfo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignmentsSidebar .project-task-view header button.project {
    background-image: url("images/assignments/projectInfo@2x.png");
    background-size: 16px 10px;
  }
}

.project-view .assignmentsSidebar .assignmentsInner {
  left: -350px;
  transition: left 0.4s ease-in-out, opacity 0.2s ease-in-out;
}
.project-view .assignmentsSidebar .project-task-view {
  left: 0px;
  transition: left 0.4s ease-in-out;
}

.assignments-none-found {
  border-top: 1px solid var(--neutral-5);
  padding: 100px 20px 60px;
  text-align: center;
}
.assignments-none-found div.none-icon {
  margin: 0 auto 13px;
  width: 52px;
  height: 52px;
  background: transparent url("images/assignments/noneFound.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-none-found div.none-icon {
    background-image: url("images/assignments/noneFound@2x.png");
    background-size: 52px 52px;
  }
}
.assignments-none-found div.no-templates-icon {
  margin: 0 auto 13px;
  width: 58px;
  height: 69px;
  background: transparent url("images/noTemplates.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-none-found div.no-templates-icon {
    background-image: url("images/noTemplates@2x.png");
    background-size: 58px 69px;
  }
}
.assignments-none-found div.no-repeating-icon {
  margin: 0 auto 13px;
  width: 64px;
  height: 54px;
  background: transparent url("images/noRepeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-none-found div.no-repeating-icon {
    background-image: url("images/noRepeating@2x.png");
    background-size: 64px 54px;
  }
}
.assignments-none-found .emoji {
  font-size: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
}
.assignments-none-found h2 {
  font-size: 21px;
  font-weight: 400;
}
.assignments-none-found p {
  font-size: 14px;
  line-height: initial;
  padding: 0;
  margin: 20px auto;
}

.sr-tooltip-prior {
  font-size: 14px;
  width: 247px;
  padding: 12px 15px 20px 15px;
}
.sr-tooltip-prior.large-tooltip {
  width: 277px;
}
.sr-tooltip-prior .go-to-origin {
  color: var(--primary-blue);
  cursor: pointer;
  font-weight: 400;
}
.sr-tooltip-prior .go-to-origin:hover {
  text-decoration: underline;
}
.sr-tooltip-prior .go-to-origin.details {
  margin-left: 7px;
}
.sr-tooltip-prior .imgSpan {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -6px;
  float: left;
}
.sr-tooltip-prior .text-content {
  color: var(--neutral-2);
  font-weight: 600;
  float: left;
  width: calc(100% - 35px);
  margin: 0 0 10px 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.sr-tooltip-prior .text-content.prior-form-title {
  color: var(--primary-blue);
  cursor: pointer;
}
.sr-tooltip-prior .text-content.prior-form-title:hover {
  text-decoration: underline;
}
.sr-tooltip-prior .sr-rating-choice {
  margin-left: 5px;
}
.sr-tooltip-prior .prior-project {
  margin: 10px 0 0 33px;
}
.sr-tooltip-prior .prior-project .go-to-origin {
  font-weight: 400;
}
.sr-tooltip-prior.rating-tooltip {
  padding-top: 20px;
}
.sr-tooltip-prior.rating-tooltip .imgSpan {
  margin-top: -4px;
}
.sr-tooltip-prior.note-tooltip .text-content {
  font-weight: 400;
}

.assignment-icon,
.assignment-icon-inner,
.state {
  border: solid 1px;
  background-color: white;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.assignment-icon.outer,
.assignment-icon-inner.outer,
.state.outer {
  border-color: #cac8c8;
  background-color: var(--neutral-6);
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.assignment-icon.outer .state,
.assignment-icon-inner.outer .state,
.state.outer .state {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 39px;
  height: 39px;
  border-color: #cac8c8;
}
.assignment-icon.outer .state.complete,
.assignment-icon-inner.outer .state.complete,
.state.outer .state.complete {
  background-color: var(--primary-green) !important;
}
.assignment-icon.outer .state.emergency,
.assignment-icon-inner.outer .state.emergency,
.state.outer .state.emergency {
  background-color: var(--primary-red);
}
.assignment-icon.outer .state.past-due,
.assignment-icon-inner.outer .state.past-due,
.state.outer .state.past-due {
  background-color: var(--primary-yellow);
}
.assignment-icon.maintenance .assignment-icon-inner, .assignment-icon.work-order .assignment-icon-inner,
.assignment-icon-inner.maintenance .assignment-icon-inner,
.assignment-icon-inner.work-order .assignment-icon-inner,
.state.maintenance .assignment-icon-inner,
.state.work-order .assignment-icon-inner {
  background-image: url("images/project-categories/maintenance.png");
  background-position: 4px;
  background-size: 34px 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-icon.maintenance .assignment-icon-inner, .assignment-icon.work-order .assignment-icon-inner,
  .assignment-icon-inner.maintenance .assignment-icon-inner,
  .assignment-icon-inner.work-order .assignment-icon-inner,
  .state.maintenance .assignment-icon-inner,
  .state.work-order .assignment-icon-inner {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 34px 17px;
  }
}
.assignment-icon.inspection-point .assignment-icon-inner,
.assignment-icon-inner.inspection-point .assignment-icon-inner,
.state.inspection-point .assignment-icon-inner {
  background-image: url("images/project-categories/inspection-point.png");
  background-position: 4px;
  background-size: 34px 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-icon.inspection-point .assignment-icon-inner,
  .assignment-icon-inner.inspection-point .assignment-icon-inner,
  .state.inspection-point .assignment-icon-inner {
    background-image: url("images/project-categories/inspection-point@2x.png");
    background-size: 34px 17px;
  }
}
.assignment-icon.make-ready .assignment-icon-inner,
.assignment-icon-inner.make-ready .assignment-icon-inner,
.state.make-ready .assignment-icon-inner {
  background-image: url("images/project-categories/make-ready.png");
  background-position: 4px;
  background-size: 34px 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-icon.make-ready .assignment-icon-inner,
  .assignment-icon-inner.make-ready .assignment-icon-inner,
  .state.make-ready .assignment-icon-inner {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 34px 17px;
  }
}
.assignment-icon.preventive-maintenance .assignment-icon-inner,
.assignment-icon-inner.preventive-maintenance .assignment-icon-inner,
.state.preventive-maintenance .assignment-icon-inner {
  background-image: url("images/project-categories/preventive-maintenance.png");
  background-position: 4px;
  background-size: 34px 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-icon.preventive-maintenance .assignment-icon-inner,
  .assignment-icon-inner.preventive-maintenance .assignment-icon-inner,
  .state.preventive-maintenance .assignment-icon-inner {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 34px 17px;
  }
}
.assignment-icon.capital-improvement .assignment-icon-inner,
.assignment-icon-inner.capital-improvement .assignment-icon-inner,
.state.capital-improvement .assignment-icon-inner {
  background-image: url("images/project-categories/capital-improvement.png");
  background-position: 4px;
  background-size: 34px 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-icon.capital-improvement .assignment-icon-inner,
  .assignment-icon-inner.capital-improvement .assignment-icon-inner,
  .state.capital-improvement .assignment-icon-inner {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 34px 17px;
  }
}
.assignment-icon.resident-issue .assignment-icon-inner,
.assignment-icon-inner.resident-issue .assignment-icon-inner,
.state.resident-issue .assignment-icon-inner {
  background-image: url("images/project-categories/resident-issue.png");
  background-position: 4px;
  background-size: 34px 17px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-icon.resident-issue .assignment-icon-inner,
  .assignment-icon-inner.resident-issue .assignment-icon-inner,
  .state.resident-issue .assignment-icon-inner {
    background-image: url("images/project-categories/resident-issue@2x.png");
    background-size: 34px 17px;
  }
}
.assignment-icon .assignment-icon-inner,
.assignment-icon-inner .assignment-icon-inner,
.state .assignment-icon-inner {
  position: absolute;
  top: 0;
  border-color: #cac8c8;
  height: 26px;
  width: 26px;
  margin: 6.4px 6.4px;
}

.map-marker.assignment-icon.project .state {
  border: none;
  top: 1px;
  left: 1px;
  background-color: transparent;
}
.map-marker.assignment-icon.project .state .progress .progress-arc {
  fill: #555555;
}
.map-marker.assignment-icon.project .state .progress .remainder-arc {
  fill: var(--neutral-6);
}
.map-marker.assignment-icon.project .state.emergency .progress .progress-arc {
  fill: #6f1012;
}
.map-marker.assignment-icon.project .state.emergency .progress .remainder-arc {
  fill: var(--primary-red);
}
.map-marker.assignment-icon.project .state.past-due .progress .progress-arc {
  fill: #795906;
}
.map-marker.assignment-icon.project .state.past-due .progress .remainder-arc {
  fill: var(--primary-yellow);
}
.map-marker.assignment-icon.project .state.complete .progress .progress-arc {
  fill: #77bc1f;
}
.map-marker.assignment-icon.project .state.complete .progress .remainder-arc {
  fill: var(--primary-green);
}
.map-marker.assignment-icon.project .state .assignment-icon-inner {
  background-color: white;
  top: 2px;
  left: 2px;
}

div.leaflet-marker-icon .assignment-icon.outer {
  width: 45px;
  height: 45px;
}
div.leaflet-marker-icon .assignment-icon.outer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -13px;
  left: 15px;
  width: 0;
  height: 0;
  border-color: white transparent transparent transparent;
  border-style: solid;
  border-width: 7px;
}
div.leaflet-marker-icon .assignment-icon.outer:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 14px;
  width: 0;
  height: 0;
  border-color: #cac8c8 transparent transparent transparent;
  border-style: solid;
  border-width: 8px;
}

.sr-selectro .input-container.selected-item span.work-order,
.sr-selectro .input-container.selected-item span.resident-issue,
.sr-selectro .input-container.selected-item span.maintenance,
.sr-selectro .input-container.selected-item span.inspection-point,
.sr-selectro .input-container.selected-item span.make-ready,
.sr-selectro .input-container.selected-item span.preventive-maintenance,
.sr-selectro .input-container.selected-item span.capital-improvement,
.sr-selectro-list-item.selected-item span.work-order,
.sr-selectro-list-item.selected-item span.resident-issue,
.sr-selectro-list-item.selected-item span.maintenance,
.sr-selectro-list-item.selected-item span.inspection-point,
.sr-selectro-list-item.selected-item span.make-ready,
.sr-selectro-list-item.selected-item span.preventive-maintenance,
.sr-selectro-list-item.selected-item span.capital-improvement {
  background-position: right !important;
  background-size: 40px 20px !important;
}
.sr-selectro .input-container span.work-order,
.sr-selectro .input-container span.resident-issue,
.sr-selectro .input-container span.maintenance,
.sr-selectro .input-container span.inspection-point,
.sr-selectro .input-container span.make-ready,
.sr-selectro .input-container span.preventive-maintenance,
.sr-selectro .input-container span.capital-improvement,
.sr-selectro-list-item span.work-order,
.sr-selectro-list-item span.resident-issue,
.sr-selectro-list-item span.maintenance,
.sr-selectro-list-item span.inspection-point,
.sr-selectro-list-item span.make-ready,
.sr-selectro-list-item span.preventive-maintenance,
.sr-selectro-list-item span.capital-improvement {
  background-position: left !important;
  background-size: 40px 20px !important;
}
.sr-selectro .input-container span.work-order,
.sr-selectro-list-item span.work-order {
  background: url("images/project-categories/maintenance.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.work-order,
  .sr-selectro-list-item span.work-order {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.sr-selectro .input-container span.resident-issue,
.sr-selectro-list-item span.resident-issue {
  background: url("images/project-categories/resident-issue.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.resident-issue,
  .sr-selectro-list-item span.resident-issue {
    background-image: url("images/project-categories/resident-issue@2x.png");
    background-size: 40px 20px;
  }
}
.sr-selectro .input-container span.maintenance,
.sr-selectro-list-item span.maintenance {
  background: url("images/project-categories/maintenance.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.maintenance,
  .sr-selectro-list-item span.maintenance {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.sr-selectro .input-container span.inspection-point,
.sr-selectro-list-item span.inspection-point {
  background: url("images/project-categories/inspection-point.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.inspection-point,
  .sr-selectro-list-item span.inspection-point {
    background-image: url("images/project-categories/inspection-point@2x.png");
    background-size: 40px 20px;
  }
}
.sr-selectro .input-container span.make-ready,
.sr-selectro-list-item span.make-ready {
  background: url("images/project-categories/make-ready.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.make-ready,
  .sr-selectro-list-item span.make-ready {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 40px 20px;
  }
}
.sr-selectro .input-container span.preventive-maintenance,
.sr-selectro-list-item span.preventive-maintenance {
  background: url("images/project-categories/preventive-maintenance.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.preventive-maintenance,
  .sr-selectro-list-item span.preventive-maintenance {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.sr-selectro .input-container span.capital-improvement,
.sr-selectro-list-item span.capital-improvement {
  background: url("images/project-categories/capital-improvement.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .input-container span.capital-improvement,
  .sr-selectro-list-item span.capital-improvement {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 40px 20px;
  }
}

@keyframes whiteToBlue {
  0%, 100% {
    background: var(--neutral-8-white-);
  }
  30%, 70% {
    background: var(--list-1-hover);
  }
}
@keyframes greyToBlue {
  0%, 100% {
    background: #fafbfc;
  }
  30%, 70% {
    background: var(--list-1-hover);
  }
}
.assignments-new-project {
  overflow-x: hidden;
  overflow-y: hidden;
  -ms-scroll-limit: 0 0 0 0;
  -ms-overflow-style: none;
  position: absolute;
  width: 500px;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10002;
  border-left: 1px solid var(--neutral-5);
  box-shadow: -7px 0px 0px rgba(0, 0, 0, 0.05);
}
.assignments-new-project .in-project-list {
  margin-top: 12px;
}
.assignments-new-project button.standardButton.mainSubmit {
  z-index: 9005;
}
.assignments-new-project button.standardButton.mainSubmit span.right-arrow {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 12px;
  height: 10px;
  margin-left: 6px;
  background: url("images/project-creation/directionalArrowWhite.png") no-repeat;
  background-position: right;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project button.standardButton.mainSubmit span.right-arrow {
    background-image: url("images/project-creation/directionalArrowWhite@2x.png");
    background-size: 24px 10px;
  }
}
.assignments-new-project button.standardButton.mainSubmit span.right-arrow.disabled {
  background-position: left;
}
.assignments-new-project button.standardButton.mainSubmit span.right-arrow.hidden {
  display: none;
}
.assignments-new-project .slider {
  background: #ffffff;
  position: absolute;
  overflow-y: scroll;
  height: 100%;
  top: 0;
  left: 0;
  width: 1600px;
  transition: left 250ms ease-in-out;
}
.assignments-new-project .assignments-new-header.center {
  text-align: center;
}
.assignments-new-project .assignments-new-header .collapse-all {
  position: absolute;
  top: 16px;
  right: 45px;
  width: 14px;
  height: 8px;
  background: url("images/project-creation/collapseAllGroups.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .assignments-new-header .collapse-all {
    background-image: url("images/project-creation/collapseAllGroups@2x.png");
    background-size: 29px 8px;
  }
}
.assignments-new-project .assignments-new-header .collapse-all.collapsed {
  transform: rotate(180deg);
}
.assignments-new-project .assignments-new-header .collapse-all:hover {
  background-position: right;
}
.assignments-new-project .assignments-new-header .back {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 175px;
  font-size: 14px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding-left: 35px;
  letter-spacing: 0.28px;
  font-weight: 600;
  color: var(--neutral-2);
}
.assignments-new-project .assignments-new-header .back span {
  width: 16px;
  height: 14px;
  position: absolute;
  left: 14px;
  top: 13px;
  background: url("images/project-creation/backArrow.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .assignments-new-header .back span {
    background-image: url("images/project-creation/backArrow@2x.png");
    background-size: 34px 14px;
  }
}
.assignments-new-project .assignments-new-header .back:hover, .assignments-new-project .assignments-new-header .back:focus {
  color: var(--neutral-2);
}
.assignments-new-project .assignments-new-header .back:hover span, .assignments-new-project .assignments-new-header .back:focus span {
  background-position: right;
}
.assignments-new-project .assignments-new-header .cancel-task {
  line-height: 40px;
  font-size: 12px;
  color: var(--neutral-2);
  position: absolute;
  right: 20px;
  top: 0px;
}
.assignments-new-project .assignments-new-header .cancel-task:hover, .assignments-new-project .assignments-new-header .cancel-task:focus {
  color: #10171c;
}
.assignments-new-project .outer-column {
  width: 500px;
  padding: 46px 0 0;
  float: left;
  position: relative;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.assignments-new-project .outer-column.hide-inner {
  padding: 0;
}
.assignments-new-project .outer-column .inner-column {
  padding-bottom: 50px;
}
.assignments-new-project .outer-column .inner-column.org-template {
  padding-bottom: 150px;
}
.assignments-new-project .project-creation textarea {
  width: 100%;
  height: 100px;
  font-size: 14px;
}
.assignments-new-project .project-creation textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-project .project-creation textarea:-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-project .project-creation textarea::-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-project .project-creation textarea:-ms-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-project .project-creation section {
  padding: 25px;
}
.assignments-new-project .project-creation section:first-child {
  padding-bottom: 0;
}
.assignments-new-project .project-creation section.place {
  padding: 0 25px;
}
.assignments-new-project .project-creation section.place .sr-selectro .pinned-location {
  background: url("images/assignment/pinnedLocation.png") no-repeat top;
  background-size: 14px 19px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-creation section.place .sr-selectro .pinned-location {
    background-image: url("images/assignment/pinnedLocation@2x.png");
    background-size: 10px 20px;
  }
}
.assignments-new-project .project-creation section.place.has-bottom-buttons .place-form .sr-selectro .input-container {
  border-radius: 3px 3px 0 0;
}
.assignments-new-project .project-creation .unit-type {
  clear: both;
}
.assignments-new-project .project-creation .unit-type .sr-selectro {
  float: right;
  width: 64%;
}
.assignments-new-project .project-creation .unit-type .sr-selectro .input-container {
  border-radius: 0 0 3px 0;
  border-top: none;
}
.assignments-new-project .project-creation .unit-type .sr-selectro .list-container div.contents {
  max-height: 440px;
}
.assignments-new-project .project-creation .unit-type .sr-selectro .selected-value {
  text-overflow: ellipsis;
  width: 95%;
}
.assignments-new-project .project-creation .unit-type .unit-type-checkbox {
  float: left;
  width: 36%;
  height: 40px;
  font-size: 14px;
  color: #10171c;
  line-height: 38px;
  background-color: var(--neutral-7);
  border: 1px solid var(--neutral-5);
  border-right: none;
  border-top: none;
  padding-left: 13px;
  z-index: 5;
  position: relative;
  border-radius: 0 0 0 3px;
  box-sizing: border-box;
}
.assignments-new-project .project-creation .unit-type .unit-type-checkbox.focused.enabled {
  border: 1px solid var(--primary-blue);
}
.assignments-new-project .project-creation .unit-type .unit-type-checkbox.enabled {
  background-color: var(--neutral-8-white-);
  border-color: #9dbacc;
}
.assignments-new-project .project-creation .unit-type .unit-type-checkbox .sr-checkbox {
  vertical-align: top;
  width: 182px;
}
.assignments-new-project .project-creation .unit-type .unit-type-checkbox .sr-checkbox p.checkboxText {
  padding-left: 1px;
  width: 165px;
}
.assignments-new-project .project-creation .unit-type .unit-type-checkbox .sr-checkbox label span {
  margin-top: -4px;
}
.assignments-new-project .project-creation .counted-input {
  margin: 25px 0;
}
.assignments-new-project .project-creation .counted-input span {
  float: right;
}
.assignments-new-project .project-creation .mb20 {
  margin-bottom: 20px;
}
.assignments-new-project .project-creation .mb25 {
  margin-bottom: 25px;
}
.assignments-new-project .project-creation .mb12 {
  margin-bottom: 12px;
}
.assignments-new-project .project-creation span.tip,
.assignments-new-project .project-creation div.tip,
.assignments-new-project .project-creation p.tip {
  margin-top: 12px;
  font-size: 400;
  color: var(--neutral-3);
  float: right;
}
.assignments-new-project .project-creation span.tip.mb25,
.assignments-new-project .project-creation div.tip.mb25,
.assignments-new-project .project-creation p.tip.mb25 {
  float: none;
}
.assignments-new-project .project-creation span.tip.left,
.assignments-new-project .project-creation div.tip.left,
.assignments-new-project .project-creation p.tip.left {
  float: left;
}
.assignments-new-project .project-creation span.tip.invalid,
.assignments-new-project .project-creation div.tip.invalid,
.assignments-new-project .project-creation p.tip.invalid {
  color: var(--primary-red);
}
.assignments-new-project .project-creation span.tip em,
.assignments-new-project .project-creation div.tip em,
.assignments-new-project .project-creation p.tip em {
  font-style: italic;
}
.assignments-new-project .project-creation .sr-expando-input,
.assignments-new-project .project-creation input,
.assignments-new-project .project-creation textarea {
  width: 100%;
  display: block;
}
.assignments-new-project .project-creation .ember-text-area {
  height: 100px;
}
.assignments-new-project .project-creation section.many-selectro .sr-selectro {
  margin-bottom: 25px;
}
.assignments-new-project .project-creation section.many-selectro .project-estimated-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-project .project-creation section.many-selectro .project-estimated-time .sr-input {
  width: 416px;
}
.assignments-new-project .project-creation section.many-selectro .project-estimated-time .info-circle {
  cursor: pointer;
  margin-left: 10px;
}
.assignments-new-project .project-creation section.many-selectro .project-estimated-time .info-circle::after {
  font-weight: 900;
}
.assignments-new-project .project-creation .sr-toggle-content {
  transition: max-height 250ms ease-in-out, padding-top 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 450px;
  width: calc(100% + 1px);
  padding: 5px 1px 20px 58px;
}
.assignments-new-project .project-creation .sr-toggle-content.hide-section {
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 0px;
}
.assignments-new-project .project-creation .sr-toggle-content .sr-selectro .contents {
  max-height: 155px !important;
}
.assignments-new-project .project-task-list div.project-group:first-of-type {
  margin-top: 12px;
}
.assignments-new-project .project-task-list div.project-group.group-placeholder {
  border: 1px dashed var(--neutral-4);
  height: 16px;
  margin: 7px;
  border-radius: 3px;
}
.assignments-new-project .project-task-list div.project-group.ui-sortable-helper div.group-label {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
.assignments-new-project .project-task-list div.project-group.ui-sortable-helper div.group-label:hover span.delete {
  display: none;
}
.assignments-new-project .project-task-list .project-group:not(:last-child) .group-label {
  transition: border-bottom 250ms ease-in-out;
}
.assignments-new-project .project-task-list .project-group:not(:last-child) .group-label.collapsed {
  border-bottom: 1px solid transparent;
}
.assignments-new-project .project-task-list div.group-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  height: 42px;
  background-color: var(--neutral-8-white-);
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
}
.assignments-new-project .project-task-list div.group-label.edit-mode .input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-project .project-task-list div.group-label.edit-mode .left .group-name {
  display: none;
}
.assignments-new-project .project-task-list div.group-label.edit-mode:hover span.drag-handle {
  display: none;
}
.assignments-new-project .project-task-list div.group-label.edit-mode .right {
  display: none;
}
.assignments-new-project .project-task-list div.group-label .input {
  display: none;
}
.assignments-new-project .project-task-list div.group-label .input input {
  display: block;
  position: absolute;
  left: 70px;
  width: 375px;
  outline: none;
  border: 0px;
  padding: 0px;
  background: transparent;
  border-bottom: 1px dashed var(--neutral-4);
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-1);
}
.assignments-new-project .project-task-list div.group-label .input .close {
  margin-right: 25px;
  width: 8px;
  height: 8px;
}
.assignments-new-project .project-task-list div.group-label .input ul li span.icon.compare {
  margin-top: 3px;
}
.assignments-new-project .project-task-list div.group-label .input ul li span.icon.trash {
  margin: 7px 13px 0 7px;
  background-position: -22px 0;
}
.assignments-new-project .project-task-list div.group-label .input .red-trash {
  color: var(--primary-red);
}
.assignments-new-project .project-task-list div.group-label .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.assignments-new-project .project-task-list div.group-label .left span.drag-handle {
  width: 20px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 6px;
  display: none;
  background: url("images/project-creation/groupDragHandle.png") no-repeat;
  background-position: center center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list div.group-label .left span.drag-handle {
    background-image: url("images/project-creation/groupDragHandle@2x.png");
    background-size: 8px 15px;
  }
}
.assignments-new-project .project-task-list div.group-label .left span.drag-handle:hover {
  cursor: ns-resize;
}
.assignments-new-project .project-task-list div.group-label .left .group-length {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
}
.assignments-new-project .project-task-list div.group-label .left .group-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--neutral-1);
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 70px;
}
.assignments-new-project .project-task-list div.group-label .left .group-name .edit-pencil {
  display: none;
}
.assignments-new-project .project-task-list div.group-label .left .group-name:hover {
  cursor: pointer;
}
.assignments-new-project .project-task-list div.group-label .left .group-name:hover .edit-pencil {
  display: -ms-flexbox;
  display: flex;
}
.assignments-new-project .project-task-list div.group-label .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  margin-right: 10px;
}
.assignments-new-project .project-task-list div.group-label .right .unit-types {
  color: var(--neutral-4);
}
.assignments-new-project .project-task-list div.group-label .right .edit-unit-types {
  color: var(--neutral-4);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
}
.assignments-new-project .project-task-list div.group-label .right .menu {
  color: var(--neutral-4);
  height: 44px;
}
.assignments-new-project .project-task-list div.group-label .right .menu.active {
  color: var(--primary-blue);
}
.assignments-new-project .project-task-list div.group-label .right .collapse {
  color: var(--neutral-4);
  height: 44px;
}
.assignments-new-project .project-task-list div.group-label .right .collapse.collapsed {
  transform: rotate(180deg);
}
.assignments-new-project .project-task-list div.group-label span.edit {
  position: absolute;
  width: 13px;
  height: 13px;
  top: 9px;
  right: 3px;
  display: none;
  vertical-align: top;
  background: url("images/project-creation/groupEditIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list div.group-label span.edit {
    background-image: url("images/project-creation/groupEditIcon@2x.png");
    background-size: 26px 13px;
  }
}
.assignments-new-project .project-task-list div.group-label span.text {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 20px;
}
.assignments-new-project .project-task-list div.group-label span.text:hover span.edit {
  display: block;
}
.assignments-new-project .project-task-list div.group-label span.delete {
  cursor: pointer;
  position: absolute;
  right: 34px;
  top: 8px;
  width: 9px;
  height: 13px;
  display: none;
  background: url("images/project-creation/groupDeleteIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list div.group-label span.delete {
    background-image: url("images/project-creation/groupDeleteIcon@2x.png");
    background-size: 9px 13px;
  }
}
.assignments-new-project .project-task-list div.group-label span.delete.disabled {
  opacity: 0.4;
  cursor: default;
}
.assignments-new-project .project-task-list div.group-label span.delete.shift-left {
  right: 76px;
}
.assignments-new-project .project-task-list div.group-label .task-popup {
  display: none;
  position: absolute;
  width: 255px;
  right: 12px;
  top: 41px;
  z-index: 9;
}
.assignments-new-project .project-task-list div.group-label .task-popup ul {
  background: var(--neutral-8-white-);
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  padding: 4px 0;
}
.assignments-new-project .project-task-list div.group-label .task-popup ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 34px;
  cursor: pointer;
  padding-right: 15px;
}
.assignments-new-project .project-task-list div.group-label .task-popup ul li .icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 44px;
}
.assignments-new-project .project-task-list div.group-label .task-popup ul li a {
  cursor: pointer;
  color: var(--neutral-2);
}
.assignments-new-project .project-task-list div.group-label .task-popup ul li.disabled {
  cursor: default;
  background-color: inherit;
  padding-left: 15px;
  font-style: italic;
}
.assignments-new-project .project-task-list div.group-label .task-popup ul li.disabled:hover {
  background-color: inherit;
}
.assignments-new-project .project-task-list div.group-label .task-popup ul li:hover {
  background-color: #f2f5f6;
}
.assignments-new-project .project-task-list div.group-label:hover span.drag-handle {
  display: block;
}
.assignments-new-project .project-task-list .group-contents {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
}
.assignments-new-project .project-task-list .group-contents.collapsed {
  max-height: 0px !important;
}
.assignments-new-project .project-task-list button.blank-button.add-task {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  float: none;
  color: var(--primary-blue);
}
.assignments-new-project .project-task-list button.blank-button.add-task span.icon {
  display: inline-block;
  margin: 1px 6px 0 0;
  vertical-align: top;
}
.assignments-new-project .project-task-list button.blank-button.add-task:hover, .assignments-new-project .project-task-list button.blank-button.add-task:focus {
  color: var(--neutral-2);
}
.assignments-new-project .project-task-list button.blank-button.add-task:hover span.icon, .assignments-new-project .project-task-list button.blank-button.add-task:focus span.icon {
  background-position: right;
}
.assignments-new-project .project-task-list button.blank-button.add-task.in-edit {
  opacity: 0.6;
  cursor: default;
}
.assignments-new-project .project-task-list button.blank-button.add-group {
  height: 20px;
  width: 22px;
  color: var(--neutral-4);
  white-space: nowrap;
  overflow: hidden;
  transition: width 250ms ease-in-out;
}
.assignments-new-project .project-task-list button.blank-button.add-group span.text {
  display: inline-block;
}
.assignments-new-project .project-task-list button.blank-button.add-group span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 11px;
  background: url("images/project-creation/addGroupIcon.png") no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list button.blank-button.add-group span.icon {
    background-image: url("images/project-creation/addGroupIcon@2x.png");
    background-size: 54px 11px;
  }
}
.assignments-new-project .project-task-list button.blank-button.add-group:hover, .assignments-new-project .project-task-list button.blank-button.add-group:focus {
  width: 92px;
  color: #10171c;
}
.assignments-new-project .project-task-list button.blank-button.add-group:hover span.icon, .assignments-new-project .project-task-list button.blank-button.add-group:focus span.icon {
  background-position: right;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header {
  color: var(--neutral-4);
  width: 100%;
  padding: 0 10px;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  height: 20px;
  line-height: 20px;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header span.line {
  display: block;
  width: 100%;
  height: 0px;
  border-bottom: 1px solid var(--neutral-5);
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header span.contents {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -115px;
  width: 230px;
  height: 18px;
  background: var(--neutral-8-white-);
  text-align: center;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header span.icon {
  display: inline-block;
  vertical-align: top;
  margin: 5px 2px 0 0;
  width: 18px;
  height: 11px;
  background: url("images/project-creation/addGroupIcon.png") no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list button.blank-button.add-group-from-header span.icon {
    background-image: url("images/project-creation/addGroupIcon@2x.png");
    background-size: 54px 11px;
  }
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header:hover, .assignments-new-project .project-task-list button.blank-button.add-group-from-header:focus {
  color: #10171c;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header:hover span.icon, .assignments-new-project .project-task-list button.blank-button.add-group-from-header:focus span.icon {
  background-position: right;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header.dark {
  margin: 0px;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header.dark span.line {
  display: none;
}
.assignments-new-project .project-task-list button.blank-button.add-group-from-header.dark span.icon {
  background-position: left !important;
}
.assignments-new-project .project-task-list .new-project-task-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.assignments-new-project .project-task-list .new-project-task-button .buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "placeholder add-task add-group";
  -ms-flex-align: center;
      align-items: center;
  margin: 16px 0 20px 0;
  width: 100%;
  height: 20px;
}
.assignments-new-project .project-task-list .new-project-task-button .buttons .add-task {
  grid-area: add-task;
}
.assignments-new-project .project-task-list .new-project-task-button .buttons .add-group {
  grid-area: add-group;
  margin: 0 20px 0 auto;
}
.assignments-new-project .project-task-list .new-project-task-button .buttons.no-groups-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 16px 0 20px 0;
  width: 100%;
}
.assignments-new-project .project-task-list .new-project-task-button .input {
  display: none;
}
.assignments-new-project .project-task-list .new-project-task-button .input input {
  display: block;
  outline: none;
  width: 500px;
  border: 0px;
  padding: 0px;
  margin: 0 30px 0 70px;
  background: transparent;
  border-bottom: 1px dashed var(--neutral-4);
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-1);
}
.assignments-new-project .project-task-list .new-project-task-button .input input::-ms-clear {
  display: none;
}
.assignments-new-project .project-task-list .new-project-task-button.group-button {
  padding: 0px;
  height: 44px;
}
.assignments-new-project .project-task-list .new-project-task-button.group-button.dark {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  height: 42px;
  background-color: var(--neutral-8-white-);
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
}
.assignments-new-project .project-task-list .new-project-task-button.group-button.dark .buttons.no-groups-button {
  margin: 0;
}
.assignments-new-project .project-task-list .new-project-task-button.group-button.dark .input {
  border-top: 0px;
  border-bottom: 0px;
}
.assignments-new-project .project-task-list .new-project-task-button.create-group-mode .input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 42px;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
}
.assignments-new-project .project-task-list .new-project-task-button.create-group-mode .input:first-of-type {
  margin-bottom: 0px;
}
.assignments-new-project .project-task-list .new-project-task-button.create-group-mode .close {
  margin-right: 25px;
  width: 8px;
  height: 8px;
}
.assignments-new-project .project-task-list .task-project-row {
  background: var(--neutral-8-white-);
  border-bottom: 1px solid var(--neutral-6);
  height: 48px;
  position: relative;
  cursor: pointer;
  padding: 0 20px;
}
.assignments-new-project .project-task-list .task-project-row span.drag-handle {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 48px;
}
.assignments-new-project .project-task-list .task-project-row span.drag-handle:hover {
  cursor: ns-resize;
}
.assignments-new-project .project-task-list .task-project-row span.drag-handle:hover span.reorder-handle {
  background-position: right;
}
.assignments-new-project .project-task-list .task-project-row span.reorder-handle {
  display: block;
  width: 8px;
  height: 21px;
  position: absolute;
  left: 7px;
  top: 14px;
  z-index: 1;
}
.assignments-new-project .project-task-list .task-project-row div.icon {
  background: #f2f3f4;
  height: 48px;
  width: 48px;
  float: left;
}
.assignments-new-project .project-task-list .task-project-row div.icon svg,
.assignments-new-project .project-task-list .task-project-row div.icon img {
  height: 24px;
  width: 24px;
  margin: 12px;
}
.assignments-new-project .project-task-list .task-project-row div.icon img {
  padding: 10px;
}
.assignments-new-project .project-task-list .task-project-row div.text {
  float: left;
  margin: 6px 0 0 12px;
  line-height: 48px;
  width: 85%;
}
.assignments-new-project .project-task-list .task-project-row div.text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.assignments-new-project .project-task-list .task-project-row h6,
.assignments-new-project .project-task-list .task-project-row p {
  color: var(--neutral-2);
  padding: 0;
  line-height: 16px;
}
.assignments-new-project .project-task-list .task-project-row h6 {
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.assignments-new-project .project-task-list .task-project-row h6 span {
  font-size: 12px;
  color: var(--neutral-3);
}
.assignments-new-project .project-task-list .task-project-row h6 em {
  font-style: italic;
}
.assignments-new-project .project-task-list .task-project-row span.initial-task {
  position: absolute;
  right: 40px;
  top: 15px;
  width: 13px;
  height: 16px;
  background: url("images/project-creation/flag.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list .task-project-row span.initial-task {
    background-image: url("images/project-creation/flag@2x.png");
    background-size: 13px 16px;
  }
}
.assignments-new-project .project-task-list .task-project-row span.chevron {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 19px;
  width: 6px;
  height: 10px;
  background: url("images/project-creation/littleChevron.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-project .project-task-list .task-project-row span.chevron {
    background-image: url("images/project-creation/littleChevron@2x.png");
    background-size: 6px 10px;
  }
}
.assignments-new-project .project-task-list .task-project-row div.confirmDelete {
  position: absolute;
  right: 0;
  line-height: 48px;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.assignments-new-project .project-task-list .task-project-row div.confirmDelete span {
  font-size: 11px;
  color: var(--neutral-2);
  float: left;
  margin-right: 14px;
  width: calc(100% - 232px);
  text-align: right;
}
.assignments-new-project .project-task-list .task-project-row div.confirmDelete button {
  height: 25px;
  line-height: 24px;
  margin: 11px 4px;
  float: left;
}
.assignments-new-project .project-task-list .task-project-row span.delete {
  display: none;
  position: absolute;
  top: 15px;
  right: 30px;
  line-height: 48px;
  cursor: pointer;
}
.assignments-new-project .project-task-list .task-project-row span.delete:hover {
  background-position: right;
}
.assignments-new-project .project-task-list .task-project-row span.completed {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 8px;
  top: 20px;
  background-color: var(--primary-green);
  z-index: 1;
  border-radius: 50%;
}
.assignments-new-project .project-task-list .task-project-row div.completed-overlay {
  background-color: rgba(246, 248, 249, 0.75);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.assignments-new-project .project-task-list .task-project-row.delete-prompt span.chevron {
  display: none;
}
.assignments-new-project .project-task-list .task-project-row.delete-prompt:hover {
  cursor: default;
}
.assignments-new-project .project-task-list .task-project-row.ui-sortable-helper {
  border-top: 1px solid var(--neutral-6);
  box-shadow: 0px 0px 20px 0px rgba(162, 171, 178, 0.41);
}
.assignments-new-project .project-task-list .task-project-row:hover {
  background: var(--list-1-hover);
  fill: var(--primary-blue);
}
.assignments-new-project .project-task-list .task-project-row:hover.ui-sortable-helper span.delete {
  display: none;
}
.assignments-new-project .project-task-list .task-project-row:hover span.delete,
.assignments-new-project .project-task-list .task-project-row:hover span.drag-handle {
  display: block;
}
.assignments-new-project .project-task-list .task-project-row:hover div.icon {
  background: var(--list-2-active);
}
.assignments-new-project .project-task-list .task-project-row:focus {
  outline: none;
  background: var(--list-1-hover);
}
.assignments-new-project .project-task-list .task-project-row:focus div.icon {
  background: var(--list-2-active);
}
.assignments-new-project .project-task-list .task-project-row:nth-child(2n) {
  background: #fafbfc;
}
.assignments-new-project .project-task-list .task-project-row:nth-child(2n):hover, .assignments-new-project .project-task-list .task-project-row:nth-child(2n):focus {
  background: var(--list-1-hover);
}
.assignments-new-project .project-task-list .task-project-row:nth-child(2n):hover div.icon, .assignments-new-project .project-task-list .task-project-row:nth-child(2n):focus div.icon {
  background: var(--list-2-active);
}
.assignments-new-project .project-task-list .task-project-row:nth-child(2n) div.icon {
  background: var(--neutral-6);
}
.assignments-new-project .project-task-list .task-project-row.disabled {
  cursor: default;
}
.assignments-new-project .project-task {
  padding: 0;
}

.form-heading {
  margin: 30px 0 20px 0;
  font-size: 15px;
  font-weight: 600;
}

.form-line-break {
  border-bottom: 1px solid var(--neutral-5);
  margin-top: 30px;
}
.form-line-break.no-top-margin {
  margin-top: auto;
}

.group-comparison-settings h3 .icon.info-circle {
  display: inline-block;
  margin-left: 10px;
}

.sub-setting {
  padding: 5px 0 25px 58px;
}

#project_comparison_tooltip,
#project_comparison_tooltip_view {
  float: right;
}
#project_comparison_tooltip:after,
#project_comparison_tooltip_view:after {
  content: "?";
}

.radio-button-header {
  padding-bottom: 12px;
}

.radio-button-header.disabled {
  color: var(--neutral-5);
}

.sr-selection-container.disabled {
  pointer-events: none;
}

.assignment-filter {
  background-color: #edf2f4;
  color: #cac8c8;
  padding: 5px 0px 5px 10px;
  height: 30px;
}
.assignment-filter li {
  font-size: 13px;
  line-height: 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  position: relative;
}
.assignment-filter li span.selected {
  font-weight: 600;
  color: var(--neutral-3);
}
.assignment-filter li.assignment-type {
  border-right: solid 1px var(--neutral-4);
  margin-right: 5px;
  width: 125px;
}
.assignment-filter li.assignment-type span.selected {
  display: block;
  padding-right: 24px;
}
.assignment-filter li.assignment-type li:nth-of-type(2) {
  border-top: solid 1px var(--neutral-4);
  border-bottom: solid 1px var(--neutral-4);
}
.assignment-filter li.assignment-state {
  border-right: solid 1px var(--neutral-4);
  width: 76px;
  margin-right: 5px;
}
.assignment-filter li.assignment-state span.selected {
  display: block;
  padding-right: 24px;
}
.assignment-filter li.assignment-state li:last-of-type {
  border-top: solid 1px var(--neutral-4);
}
.assignment-filter li.assignment-more {
  border-right: solid 1px var(--neutral-4);
  width: 73px;
  margin-right: 5px;
}
.assignment-filter li.assignment-more span.selected {
  display: block;
  padding-right: 24px;
}
.assignment-filter li.assignment-more .dropdown-content {
  width: 170px;
  padding: 4px 8px;
}
.assignment-filter li.assignment-more .dropdown-content label {
  display: block;
}
.assignment-filter li.assignment-more .dropdown-content label.tweak {
  margin-top: -8px;
}
.assignment-filter li.assignment-more .dropdown-content select {
  display: block;
  margin: -2px 0 8px;
}
.assignment-filter li .dropdown-content {
  color: var(--neutral-3);
  text-align: left;
  border: solid 1px var(--neutral-4);
  display: none;
  position: absolute;
  z-index: 10000;
  top: 35px;
  left: -5px;
  width: 134px;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 5px 0px 7px 0px rgba(0, 0, 0, 0.05);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.assignment-filter li .dropdown-content li {
  color: var(--neutral-3);
  height: 18px;
  float: none;
  padding: 6px 0 6px 8px;
  line-height: 18px;
  font-size: 14px;
}
.assignment-filter li .dropdown-content li:hover {
  color: var(--primary-blue);
}
.assignment-filter li .dropdown-content li span.icon-checkmark {
  text-align: right;
  display: none;
}
.assignment-filter li .dropdown-content li.selected {
  color: var(--primary-blue);
}
.assignment-filter li .dropdown-content li.selected span.icon-checkmark {
  display: inline-block;
  position: absolute;
  right: 5px;
}
.assignment-filter li .caret-or {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 5px;
  margin-top: -2px;
  background: url("images/downArrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignment-filter li .caret-or {
    background-image: url("images/downArrow@2x.png");
    background-size: 6px 5px;
  }
}

.caret-down {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--neutral-3);
}

.caret-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
}

#assignment_sort {
  border-radius: 31px;
  border: solid 1px var(--neutral-3);
  margin-right: 14px;
  position: relative;
  width: 150px;
  float: left;
}
#assignment_sort ul li {
  border: none;
  height: auto;
  width: 100%;
}
#assignment_sort .down-control {
  margin-top: 10px;
  position: absolute;
  right: 6px;
}
#assignment_sort .open-fields.active,
#assignment_sort .completed-fields.active {
  display: block;
}
#assignment_sort .open-fields.inactive,
#assignment_sort .completed-fields.inactive {
  display: none;
}
#assignment_sort .completed-fields,
#assignment_sort .open-fields {
  position: absolute;
  background-color: #cac8c8;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border: solid 1px #cac8c8;
  border-top: none;
  z-index: 3000;
  width: 140px;
  color: white;
  padding-left: 10px;
  top: 25px;
}

#sort_field {
  font-size: 12px, 2/3;
  color: #cac8c8;
  padding: 5px 0 5px 10px;
}

#new_task {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 14px;
  display: inline-block;
  height: 28px;
  width: 28px;
  border: solid 1px var(--primary-blue);
  background-color: white;
  color: var(--primary-blue);
  border-radius: 3px;
}
#new_task span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/addTask.png") no-repeat;
  background-position: top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #new_task span {
    background-image: url("images/addTask@2x.png");
    background-size: 16px 32px;
  }
}
#new_task:hover {
  background-color: var(--primary-blue);
}
#new_task:hover span {
  background-position: bottom;
}
#new_task:active {
  border: solid 1px #005795;
  background-color: #005795;
}
#new_task:active span {
  background-position: bottom;
}

.assignments-new-panel {
  overflow: hidden;
  position: absolute;
  width: 500px;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9002;
  background: #ffffff;
  border-left: 1px solid var(--neutral-5);
  box-sizing: border-box;
  box-shadow: -8px 0 0 rgba(0, 0, 0, 0.05);
}

.assignments-new-header {
  position: absolute;
  top: 0;
  z-index: 9005;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  padding: 10px 25px;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
}
.assignments-new-header button.modal-close {
  position: absolute;
  top: 12px;
  right: 25px;
}
.assignments-new-header hr {
  height: 1px;
  background: var(--neutral-5);
  margin: 10px 0;
  border: none;
}

.assignments-new-view {
  overflow-y: auto;
  height: 100%;
}
.assignments-new-view .sr-selectro:not(.appt-time),
.assignments-new-view .suggested-detail,
.assignments-new-view .sr-tag-entry,
.assignments-new-view .comparison-id-for-task {
  margin-bottom: 25px;
}
.assignments-new-view .mb12 {
  margin-bottom: 12px !important;
}
.assignments-new-view.in-project {
  background-color: transparent;
}
.assignments-new-view button.standardButton.mainSubmit {
  z-index: 9005;
}
.assignments-new-view button.standardButton.mainSubmit.in-project {
  width: 500px;
  position: fixed;
}
.assignments-new-view .inner-form {
  padding: 40px 0 50px;
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
}
.assignments-new-view .inner-form section {
  padding: 25px;
}
.assignments-new-view .inner-form section + section {
  padding-top: 0;
}
.assignments-new-view .inner-form .sr-button-group {
  margin-bottom: 20px;
}
.assignments-new-view .inner-form .sr-input input {
  width: 100%;
}
.assignments-new-view .inner-form .sr-spinner {
  height: auto;
  width: auto;
  right: 0;
  left: 0;
  top: 42%;
}
.assignments-new-view .inner-form section.objective textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 12px;
}
.assignments-new-view .inner-form section.objective textarea::-webkit-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-view .inner-form section.objective textarea:-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-view .inner-form section.objective textarea::-moz-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-view .inner-form section.objective textarea:-ms-input-placeholder {
  color: var(--neutral-4);
  font-weight: 400;
}
.assignments-new-view .inner-form section.objective span.count {
  float: right;
  font-size: 14px;
  color: var(--neutral-3);
  margin-bottom: 25px;
}
.assignments-new-view .inner-form section.objective span.count em {
  font-style: italic;
}
.assignments-new-view .inner-form section.objective .sr-toggle-container {
  border-bottom-width: 0px;
  clear: both;
  cursor: pointer;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content {
  transition: max-height 250ms ease-in-out, padding-top 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  width: calc(100% + 1px);
  padding: 0 1px 0 58px;
  border-bottom: 1px solid var(--neutral-5);
}
.assignments-new-view .inner-form section.objective .sr-toggle-content.hide-section {
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 0px;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content.add-overflow {
  overflow: visible;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .sr-selectro .contents {
  max-height: 155px !important;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .appointments-preference {
  padding-bottom: 25px;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .appointments-preference .sr-selectro:first-child {
  margin-bottom: 0;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .appointments-toggle {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .appointments-toggle p {
  margin-left: 20px;
  margin-right: auto;
  font-size: 14px;
  line-height: 16px;
  color: var(--neutral-2);
  font-weight: 600;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .selectro-appointments {
  padding-top: 20px;
  width: 334px;
  margin-left: auto;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .selectro-appointments .selectro-date-view {
  margin-top: 0px;
}
.assignments-new-view .inner-form section.objective .sr-toggle-content .selectro-appointments .sr-selectro:first-child .contents {
  max-height: 238px !important;
}
.assignments-new-view .inner-form section.objective .entry-instruction {
  padding-bottom: 35px;
}
.assignments-new-view .inner-form section.objective .no-bottom-padding {
  padding-bottom: 0px;
}
.assignments-new-view .inner-form .selectro-with-checkbox {
  clear: both;
}
.assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro {
  float: left;
  width: calc(100% - 180px);
  margin-bottom: 0;
}
.assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro .input-container {
  border-left: none;
  border-radius: 0 3px 3px 0;
}
.assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro .input-container:hover:not(.disabled), .assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro .input-container:focus:not(.disabled), .assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro .input-container.active:not(.disabled) {
  border: 1px solid var(--primary-blue);
  margin-left: -1px;
}
.assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro .list-container div.contents {
  max-height: 440px;
}
.assignments-new-view .inner-form .selectro-with-checkbox .sr-selectro .selected-value {
  text-overflow: ellipsis;
  width: 95%;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  float: left;
  width: 180px;
  height: 40px;
  background-color: white;
  border: 1px solid var(--neutral-4);
  position: relative;
  border-radius: 3px 0 0 3px;
  box-sizing: border-box;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox.enabled {
  cursor: pointer;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox.focused {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 10;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox:hover {
  border: 1px solid var(--primary-blue);
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox .sr-checkbox {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox .sr-checkbox p.checkboxText {
  padding-left: 10px;
  width: 110px;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox .sr-checkbox label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  width: 100%;
}
.assignments-new-view .inner-form .selectro-with-checkbox .checkbox .sr-checkbox label span {
  margin-left: 13px;
}
.assignments-new-view .inner-form section.place .sr-selectro {
  margin-bottom: 0;
}
.assignments-new-view .inner-form section.place .sr-selectro .pinned-location {
  background: url("images/assignment/pinnedLocation.png") no-repeat top;
  background-size: 14px 19px !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .assignments-new-view .inner-form section.place .sr-selectro .pinned-location {
    background-image: url("images/assignment/pinnedLocation@2x.png");
    background-size: 10px 20px;
  }
}
.assignments-new-view .inner-form .mb20 {
  margin-bottom: 20px;
}
.assignments-new-view .inner-form .mb25 {
  margin-bottom: 25px;
}
.assignments-new-view .inner-form .tip {
  margin-top: 12px;
  font-size: 14px;
  color: var(--neutral-3);
  line-height: 18px;
}
.assignments-new-view .inner-form .tip.mb25 {
  margin-bottom: 25px;
}
.assignments-new-view .inner-form section.task .sr-tag-entry .multi-select-list-container.open {
  padding-bottom: 50px;
}
.assignments-new-view .inner-form div.category {
  margin-bottom: 16px;
}
.assignments-new-view .inner-form div.category label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 11px;
  color: var(--neutral-2);
  line-height: 18px;
  margin-right: 13px;
}
.assignments-new-view .inner-form div.category .sr-radio-button {
  display: inline-block;
  vertical-align: middle;
}
.assignments-new-view .inner-form div.category span.text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin-right: 20px;
  cursor: pointer;
  padding-left: 6px;
}

.assignments-new-project section.task,
.assignments-new-view section.task {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.assignments-new-project .schedule-title,
.assignments-new-view .schedule-title {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-top: 1px solid var(--neutral-5);
  padding-top: 30px;
}
.assignments-new-project .schedule-title .schedule-left,
.assignments-new-view .schedule-title .schedule-left {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-project .schedule-title .schedule-left h5,
.assignments-new-view .schedule-title .schedule-left h5 {
  font-weight: 600;
}
.assignments-new-project .schedule-title .schedule-right,
.assignments-new-view .schedule-title .schedule-right {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-project .schedule-title .schedule-right .sr-toggle-container.has-inner-content .sr-toggle-inner,
.assignments-new-view .schedule-title .schedule-right .sr-toggle-container.has-inner-content .sr-toggle-inner {
  padding-left: 46px;
}
.assignments-new-project .schedule-title .schedule-right .sr-toggle-container.has-inner-content,
.assignments-new-view .schedule-title .schedule-right .sr-toggle-container.has-inner-content {
  padding: 0;
}
.assignments-new-project .schedule-title .schedule-right .flex,
.assignments-new-view .schedule-title .schedule-right .flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-project .schedule-title .schedule-right .flex .advanced,
.assignments-new-view .schedule-title .schedule-right .flex .advanced {
  margin-right: 8px;
  color: var(--neutral-2);
}
.assignments-new-project .schedule-title .schedule-right .no-border,
.assignments-new-view .schedule-title .schedule-right .no-border {
  border: 0;
  cursor: pointer;
}
.assignments-new-project .errorMessage,
.assignments-new-view .errorMessage {
  color: var(--primary-red);
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 14px;
  margin-top: -13px;
}
.assignments-new-project .schedule .sr-selectro .input-container,
.assignments-new-view .schedule .sr-selectro .input-container {
  border-radius: 3px;
}
.assignments-new-project .reminders,
.assignments-new-view .reminders {
  margin-bottom: 30px;
}
.assignments-new-project .reminders h5,
.assignments-new-view .reminders h5 {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 600;
}
.assignments-new-project .reminders .reminder-btn,
.assignments-new-view .reminders .reminder-btn {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--primary-blue);
}
.assignments-new-project .reminders .reminder-btn .icon,
.assignments-new-view .reminders .reminder-btn .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.assignments-new-project .reminders .reminder-btn:hover,
.assignments-new-view .reminders .reminder-btn:hover {
  color: var(--primary-blue-2-hover);
}
.assignments-new-project .reminders .reminder-btn:hover .icon.plus-blue-secondary,
.assignments-new-view .reminders .reminder-btn:hover .icon.plus-blue-secondary {
  background-position: -10px 0;
}
.assignments-new-project .reminders .reminder-inputs,
.assignments-new-view .reminders .reminder-inputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.assignments-new-project .reminders .reminder-inputs .remove-btn,
.assignments-new-view .reminders .reminder-inputs .remove-btn {
  margin-left: 12px;
  background: none;
  border: none;
}
.assignments-new-project .reminders .reminder-inputs .remove-btn .icon,
.assignments-new-view .reminders .reminder-inputs .remove-btn .icon {
  display: block;
  background-position: -11px 0;
}
.assignments-new-project .reminders .reminder-inputs .remove-btn .icon:hover,
.assignments-new-view .reminders .reminder-inputs .remove-btn .icon:hover {
  cursor: pointer;
  background-position: -22px 0;
}
.assignments-new-project .reminders .reminder-inputs .remove-btn.disabled,
.assignments-new-view .reminders .reminder-inputs .remove-btn.disabled {
  cursor: no-drop;
}
.assignments-new-project .reminders .reminder-inputs .remove-btn.disabled .icon,
.assignments-new-view .reminders .reminder-inputs .remove-btn.disabled .icon {
  opacity: 0.5;
}
.assignments-new-project .reminders .reminder-inputs .remove-btn.disabled .icon:hover,
.assignments-new-view .reminders .reminder-inputs .remove-btn.disabled .icon:hover {
  cursor: no-drop;
  background-position: -11px 0;
}
.assignments-new-project .reminders .reminder-inputs .sr-reminder,
.assignments-new-view .reminders .reminder-inputs .sr-reminder {
  width: 100%;
}

.inner-form div.project-repeating,
.outer-column div.project-repeating {
  margin-bottom: 20px;
}
.inner-form div.project-repeating .sr-selectro,
.outer-column div.project-repeating .sr-selectro {
  margin-bottom: 2px;
}
.inner-form div.project-repeating em,
.outer-column div.project-repeating em {
  font-size: 12px;
  color: var(--neutral-4);
  line-height: 17px;
  font-style: italic;
}
.inner-form div.schedule .sr-selectro .list-container div.contents,
.outer-column div.schedule .sr-selectro .list-container div.contents {
  max-height: 440px;
}
.inner-form div.schedule.has-sub-text .sr-selectro,
.outer-column div.schedule.has-sub-text .sr-selectro {
  margin-bottom: 0px;
}
.inner-form .urgent,
.outer-column .urgent {
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 30px;
}

.associate-unit-type-modal .button-container {
  margin-top: 25px;
}
.associate-unit-type-modal .button-container .standardButton {
  float: right;
  margin-left: 10px;
}

.sr-selectro-date .sr-selectro .input-container.open {
  border-radius: 2px 2px 0px 0px !important;
}

.residents-reported .label {
  display: -ms-flexbox;
  display: flex;
}
.residents-reported .label h5 {
  margin-right: auto;
}

.dashboards-charts {
  height: 100%;
  overflow-y: scroll;
}
.dashboards-charts .dashboards-header {
  position: absolute;
  width: calc(100% - 50px);
  padding-left: 25px;
  background-color: var(--neutral-8-white-);
  z-index: 2;
}
.dashboards-charts .charts-grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: (200px)[6];
      grid-template-rows: repeat(6, 200px);
  gap: 30px;
  padding: 165px 30px 30px 30px;
}
.dashboards-charts .charts-grid-container.add-padding {
  padding-bottom: 60px;
}
.dashboards-charts .charts-grid-container .no-results {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 640px;
  text-align: center;
  padding: 30px;
  transform: translate(-50%, -50%);
}
.dashboards-charts .charts-grid-container .no-results div.emoji {
  font-size: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
}
.dashboards-charts .charts-grid-container .no-results div.icon {
  margin: 0 auto 14px;
}
.dashboards-charts .charts-grid-container .no-results h2 {
  font-size: 21px;
  font-weight: 400;
}
.dashboards-charts .charts-grid-container .no-results p {
  max-width: 600px;
  margin: 20px auto;
}
.dashboards-charts .separator {
  border-bottom: 1px solid var(--neutral-5);
}
.dashboards-charts .chart {
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  opacity: 1;
  background-color: var(--neutral-8-white-);
  min-height: 400px;
}
.dashboards-charts .size-l {
  -ms-grid-column: span 3;
      grid-column: span 3;
  -ms-grid-row: span 2;
      grid-row: span 2;
}
.dashboards-charts .size-m {
  -ms-grid-column: span 2;
      grid-column: span 2;
  -ms-grid-row: span 2;
      grid-row: span 2;
}
.dashboards-charts .size-s {
  -ms-grid-column: span 1;
      grid-column: span 1;
  -ms-grid-row: span 2;
      grid-row: span 2;
}
.dashboards-charts .size-xs {
  -ms-grid-column: span 1;
      grid-column: span 1;
  -ms-grid-row: span 1;
      grid-row: span 1;
}
.dashboards-charts .reset-view-container {
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0px;
  left: 0px;
  background-color: var(--neutral-8-white-);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  z-index: 2;
}
.dashboards-charts .reset-view-container.disable-shadow {
  box-shadow: none;
  background-color: transparent;
}
.dashboards-charts .reset-view-container .icon-container {
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.dashboards-charts .reset-view-container .reset-text {
  padding: 0 30px 0 5px;
  color: #858d91;
  font-size: 12px;
}
.dashboards-charts .reset-view-container .reset-button {
  color: var(--primary-blue);
  font-size: 12px;
  font-weight: 600;
  margin-right: 30px;
  cursor: pointer;
}
.dashboards-charts .reset-view-container .reset-button.disabled {
  color: var(--neutral-4);
  cursor: no-drop;
}
.dashboards-charts .reset-view-container .reset-button:hover:not(.disabled) {
  color: var(--primary-blue-2-hover);
}

.hc-x-label {
  text-align: right;
  font-size: 12px;
  color: var(--neutral-2);
  font-family: var(--base-font-family);
  max-width: 50ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-option-menu .highcharts-menu .highcharts-menu-item::before {
  margin-right: 10px;
  content: url("images/highcharts/export.svg");
}

.multi-option-menu .highcharts-menu .highcharts-menu-item {
  min-height: 40px;
}
.multi-option-menu .highcharts-menu .highcharts-menu-item::before {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.multi-option-menu .highcharts-menu .highcharts-menu-item:first-child::before {
  content: url("images/highcharts/fullscreen.svg");
}
.multi-option-menu .highcharts-menu .highcharts-menu-item:nth-child(2)::before {
  content: url("images/highcharts/export.svg");
}
.multi-option-menu .highcharts-menu .highcharts-menu-item:nth-child(3)::before {
  content: url("images/highcharts/export.svg");
}
.multi-option-menu .highcharts-menu .highcharts-menu-item:last-child::before {
  content: url("images/highcharts/view-table.svg");
}

.avg-time-to-accept-urgent,
.avg-time-to-close-urgent,
.asset-recalls-widget,
.asset-life-expectancy-count {
  position: relative;
  min-height: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  opacity: 1;
  background-color: var(--neutral-8-white-);
}
.avg-time-to-accept-urgent h1,
.avg-time-to-close-urgent h1,
.asset-recalls-widget h1,
.asset-life-expectancy-count h1 {
  font-size: 16px;
  color: var(--neutral-2);
}
.avg-time-to-accept-urgent p,
.avg-time-to-close-urgent p,
.asset-recalls-widget p,
.asset-life-expectancy-count p {
  color: var(--primary-blue);
  font-size: clamp(16px, 2vw, 50px);
  line-height: 100%;
  font-weight: 600;
  width: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: auto 0;
}
.avg-time-to-accept-urgent p.no-data,
.avg-time-to-close-urgent p.no-data,
.asset-recalls-widget p.no-data,
.asset-life-expectancy-count p.no-data {
  font-size: clamp(16px, 1vw, 25px);
  color: var(--neutral-3);
}
.avg-time-to-accept-urgent p.red-variant,
.avg-time-to-close-urgent p.red-variant,
.asset-recalls-widget p.red-variant,
.asset-life-expectancy-count p.red-variant {
  color: var(--primary-red);
}

.asset-recalls-widget,
.asset-life-expectancy-count-container {
  cursor: pointer;
}

.asset-life-expectancy-count-container {
  width: calc(100% - 24px);
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

.asset-risk-score-chart .highcharts-axis-labels text:first-child {
  transform: translateX(4px);
}

.asset-risk-score-chart .highcharts-axis-labels text:last-child {
  transform: translateX(-4px);
}

.highcharts-breadcrumbs-group .highcharts-button:nth-child(3) text {
  fill: #3c444d !important;
}

.more-menu-charts {
  margin-left: 12px;
  position: absolute;
  top: 16px;
  right: 12px;
}
.more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode {
  display: block;
  margin: 0;
  padding: 17px 0;
  width: 42px;
  height: 38px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
}
.more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode .icon-mode-icon {
  display: block;
  margin: 0 auto;
  width: 18px;
  height: 4px;
  background-image: url("images/sr-common-icons/independent/three-dots-horizontal.png");
  background-repeat: no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode .icon-mode-icon {
    background-image: url("images/sr-common-icons/independent/three-dots-horizontal@2x.png");
    background-size: 42px 4px;
  }
}
.more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode:hover, .more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode:active, .more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode.open {
  background-color: var(--neutral-6);
}
.more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode:hover .icon-mode-icon, .more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode:active .icon-mode-icon, .more-menu-charts .sr-selectro.three-dots-horizontal .input-container.icon-mode.open .icon-mode-icon {
  background-position: right;
}
.more-menu-charts .sr-selectro.three-dots-horizontal .list-container.selectro-list-container.open .contents {
  min-width: 150px;
}

.complete-form-field {
  margin-bottom: 20px;
}
.complete-form-field .fields section:first-of-type {
  border-top: 0px !important;
  padding-top: 0px !important;
}
.complete-form-field h3.field-label {
  display: block;
}
.complete-form-field .input-rating-details.visible {
  margin-top: 30px;
}
.complete-form-field div.unable {
  font-size: 14px;
  color: var(--primary-red);
  line-height: 18px;
}
.complete-form-field .sr-input input {
  width: 100%;
}
.complete-form-field .sr-checkbox-group ul {
  width: 100%;
  margin: 0;
}
.complete-form-field .sr-checkbox-group ul li {
  width: 100%;
  margin-bottom: 10px;
  float: none;
}
.complete-form-field .sr-checkbox-group ul li label {
  line-height: 20px;
}
.complete-form-field .sr-checkbox-group ul li .sr-checkbox {
  vertical-align: top;
}
.complete-form-field .sr-checkbox-group ul li .sr-checkbox label span {
  margin-right: 4px;
  vertical-align: top !important;
}

.create-form .basic-modal .inner-content {
  padding: 0;
}
.create-form .basic-modal .inner-content p {
  margin: 0;
  padding: 0;
}
.create-form .basic-modal .inner-content p.tip {
  font-style: italic;
  font-size: 12px;
  color: var(--neutral-4);
  line-height: 17px;
  margin: 20px 0 3px 0;
}
.create-form .basic-info {
  padding: 25px 25px 0;
}
.create-form .sr-input input {
  width: 100%;
  font-size: 14px;
}
.create-form .sr-input input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.create-form .sr-input input:-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.create-form .sr-input input::-moz-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.create-form .sr-input input:-ms-input-placeholder {
  font-size: 14px;
  color: var(--neutral-4);
  font-weight: 400;
}
.create-form .modal-button-group {
  margin: 15px 0 0 0 !important;
}
.create-form .modal-button-group .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.create-form .modal-two-button-groups {
  overflow: inherit !important;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}
.create-form .modal-two-button-groups .modal-left-buttons .standardButton {
  margin-left: 0 !important;
}
.create-form .modal-two-button-groups .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.create-form .delete-form {
  display: none;
  position: absolute;
  bottom: 85px;
  left: 13px;
  z-index: 10;
  width: 230px;
  padding: 20px;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #9dbacc;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
}
.create-form .delete-form.visible {
  display: block;
}
.create-form .delete-form p {
  margin-bottom: 10px !important;
}
.create-form .delete-form:after, .create-form .delete-form:before {
  top: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.create-form .delete-form:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: var(--neutral-8-white-);
  border-width: 10px;
  margin-left: -10px;
}
.create-form .delete-form:before {
  border-color: rgba(157, 186, 204, 0);
  border-top-color: #9dbacc;
  border-width: 11px;
  margin-left: -11px;
}
.create-form .delete-container {
  position: relative;
}
.create-form .delete-container .standardButton {
  display: block;
  position: absolute;
  padding: 0;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 36px;
  text-align: center;
  line-height: 34px;
  z-index: 11;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
}
.create-form .delete-container input {
  text-transform: uppercase;
  width: 100%;
  padding: 7px 40px 7px 10px;
  height: 36px;
  line-height: 20px;
  font-size: 14px;
}
.create-form .delete-container input::-webkit-input-placeholder {
  padding-top: 0px;
}
.create-form .delete-container input:-moz-placeholder {
  padding-top: 0px;
}
.create-form .delete-container input::-moz-placeholder {
  padding-top: 0px;
}
.create-form .delete-container input:-ms-input-placeholder {
  padding-top: 0px;
}
.create-form .delete-container.ready a {
  border-color: var(--primary-red);
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.create-form .delete-container.ready input {
  border-color: var(--primary-red);
  color: var(--primary-red);
}

.create-form-field {
  position: relative;
  border-bottom: 1px solid var(--neutral-5);
  padding: 10px 25px;
  background-color: var(--neutral-7);
  box-sizing: border-box;
}
.create-form-field:first-of-type {
  border-top: 1px solid var(--neutral-5);
}
.create-form-field.ui-sortable-helper {
  border-top: 1px solid var(--neutral-5);
}
.create-form-field .blank-button.add,
.create-form-field .blank-button.remove {
  width: 20px;
  height: 20px;
  background-position: left;
}
.create-form-field .blank-button.add.add,
.create-form-field .blank-button.remove.add {
  background-image: url("images/settings/residents/addBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-form-field .blank-button.add.add,
  .create-form-field .blank-button.remove.add {
    background-image: url("images/settings/residents/addBtn@2x.png");
    background-size: 60px 20px;
  }
}
.create-form-field .blank-button.add.remove,
.create-form-field .blank-button.remove.remove {
  background-image: url("images/settings/residents/removeBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-form-field .blank-button.add.remove,
  .create-form-field .blank-button.remove.remove {
    background-image: url("images/settings/residents/removeBtn@2x.png");
    background-size: 60px 20px;
  }
}
.create-form-field .blank-button.add:hover, .create-form-field .blank-button.add:focus,
.create-form-field .blank-button.remove:hover,
.create-form-field .blank-button.remove:focus {
  background-position: center;
}
.create-form-field .blank-button.add:active,
.create-form-field .blank-button.remove:active {
  background-position: right;
}
.create-form-field .blank-button.add.disabled,
.create-form-field .blank-button.remove.disabled {
  display: none;
}
.create-form-field .primary-content .sr-input input {
  border-radius: 3px 3px 0 0;
}
.create-form-field .primary-content .sr-input.focused {
  z-index: 2;
}
.create-form-field .primary-content .sr-selectro {
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.create-form-field .primary-content .sr-selectro .input-container {
  border-top-radius: 0px;
}
.create-form-field .primary-content .choices .sr-input input {
  border-radius: 0px;
}
.create-form-field .primary-content .choices .create-form-choice {
  margin-top: -1px;
  position: relative;
}
.create-form-field .primary-content .choices .create-form-choice.focused {
  z-index: 5;
}
.create-form-field .primary-content .choices .create-form-choice .blank-button.remove {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -10px;
  display: none;
  z-index: 10;
}
.create-form-field .primary-content .choices .create-form-choice:hover .blank-button.remove {
  display: block;
}
.create-form-field .primary-content .choices .add-new-choice {
  margin: 20px auto 0;
  font-size: 12px;
  color: var(--primary-blue);
  line-height: 20px;
  height: 20px;
  float: none;
}
.create-form-field .primary-content .choices .add-new-choice span.icon {
  display: inline-block;
  width: 27px;
  height: 14px;
  background-image: url("images/form-creation/addChoice.png");
  background-position: left;
  margin: 2px 4px 0 0;
  vertical-align: top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-form-field .primary-content .choices .add-new-choice span.icon {
    background-image: url("images/form-creation/addChoice@2x.png");
    background-size: 54px 14px;
  }
}
.create-form-field .primary-content .choices .add-new-choice:hover {
  color: var(--primary-blue);
}
.create-form-field .primary-content .choices .add-new-choice:hover span.icon {
  background-position: right;
}
.create-form-field .drag-handle {
  display: none;
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -10px;
  width: 8px;
  height: 21px;
  cursor: ns-resize;
  background-image: url("images/form-creation/dragHandle.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-form-field .drag-handle {
    background-image: url("images/form-creation/dragHandle@2x.png");
    background-size: 8px 21px;
  }
}
.create-form-field .secondary-content {
  position: relative;
}
.create-form-field .secondary-content .sr-checkbox {
  vertical-align: top;
  margin-top: 5px;
}
.create-form-field .secondary-content .add-remove {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.create-form-field .secondary-content .add-remove .blank-button {
  float: left;
  margin: 10px 0 0 5px;
}
.create-form-field:hover {
  background-color: var(--neutral-7);
}
.create-form-field:hover .drag-handle {
  display: block;
}
.create-form-field:hover .secondary-content .add-remove {
  display: block;
}

ul.invites {
  margin-left: 20px;
}
ul.invites li {
  line-height: 50px;
  height: 50px;
}
ul.invites li span {
  line-height: inherit;
  display: inline-block;
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
ul.invites li span.fullName {
  font-weight: bold;
}
ul.invites li span.email {
  font-size: 12px;
}
ul.invites li span.invitationDate {
  font-size: 12px;
}
ul.invites li span.command {
  width: 75px;
}
ul.invites li a {
  line-height: inherit;
}
body.authentication {
  background: var(--neutral-6) url("images/page-background.png");
}
body.authentication header {
  background-color: var(--primary-blue);
  padding-left: 10px;
  height: 40px;
}
body.authentication header img {
  padding-top: 13px;
}
body.authentication footer {
  position: fixed;
  bottom: 0;
  right: 0;
}
body.authentication footer ul {
  margin-left: 370px;
  float: left;
}
body.authentication footer ul li {
  float: left;
  color: #b0aead;
  font-weight: 400;
  font-size: 14px;
  padding-left: 30px;
}
body.authentication footer ul li a {
  text-decoration: none;
  color: #8fc7e8;
  font-weight: 400;
  font-size: 14px;
}
body.authentication h1.tagline {
  padding: 49px 0 52px 0;
  font-size: 32px;
  font-weight: 300;
  color: #252525;
}
body.authentication ul.info-list {
  width: 302px;
}
body.authentication ul.info-list li {
  width: 302px;
  height: 78px;
  margin-bottom: 34px;
}
body.authentication ul.info-list li h3,
body.authentication ul.info-list li p {
  font-size: 16px;
}
body.authentication ul.info-list li h3 {
  color: #252525;
  font-weight: 600;
}
body.authentication ul.info-list li p {
  color: var(--neutral-2);
  font-weight: 300;
}
body.authentication ul.info-list li div {
  float: left;
}
body.authentication ul.info-list li div.info-image {
  width: 80px;
  height: 100%;
  text-align: center;
}
body.authentication ul.info-list li div.info-image.device {
  padding-top: 5px;
}
body.authentication ul.info-list li div.info-image.camera {
  padding-top: 15px;
}
body.authentication ul.info-list li div.info-image.idea {
  padding-top: 8px;
}
body.authentication ul.info-list li div.text {
  width: 220px;
}

#authentication_content {
  position: fixed;
  top: 40px;
  left: 0;
  bottom: 0;
  right: 0;
}
#authentication_content section {
  padding-left: 189px;
}
#authentication_content .sign-in-container,
#authentication_content ul.info-list {
  float: left;
}
#authentication_content .sign-in-container,
#authentication_content .reset-container {
  margin-left: 68px;
  border-radius: 2px;
  background-color: white;
  padding: 21px 28px;
  width: 304px;
  border: solid 1px var(--neutral-4);
}
#authentication_content .sign-in-container h2,
#authentication_content .reset-container h2 {
  font-size: 20px;
  padding-bottom: 15px;
  font-weight: 600;
}
#authentication_content .sign-in-container label,
#authentication_content .reset-container label {
  font-size: 14px;
  font-weight: 600;
  display: block;
}
#authentication_content .sign-in-container input[type=text],
#authentication_content .sign-in-container input[type=password],
#authentication_content .reset-container input[type=text],
#authentication_content .reset-container input[type=password] {
  border-radius: 5px;
  border: 1px solid var(--neutral-4);
  height: 38px;
  width: 284px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 16px;
}
#authentication_content .sign-in-container .submit-line,
#authentication_content .reset-container .submit-line {
  padding-top: 15px;
}
#authentication_content .sign-in-container .submit-line .sign-in,
#authentication_content .reset-container .submit-line .sign-in {
  cursor: pointer;
  float: left;
  display: block;
  width: 50px;
  padding: 6px 12px;
  font-weight: 300;
  font-size: 16px;
  background-color: #77bc1f;
  color: white;
  border-radius: 5px;
  margin-right: 10px;
}
#authentication_content .sign-in-container .submit-line span,
#authentication_content .reset-container .submit-line span {
  display: block;
  padding: 3px 0 3px 10px;
  color: #b0aead;
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
}
#authentication_content .sign-in-container .submit-line span a,
#authentication_content .reset-container .submit-line span a {
  color: #b0aead;
}
#authentication_content .sign-in-container .password-container,
#authentication_content .reset-container .password-container {
  position: relative;
}
#authentication_content .sign-in-container .password-container .reset-password,
#authentication_content .reset-container .password-container .reset-password {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
#authentication_content .error-notice {
  position: relative;
  color: var(--primary-red);
}

div.reset-container {
  margin-top: 30px;
}
div.reset-container span.field-note {
  line-height: 1em;
  margin: 10px 0;
}
.my-profile-view .sites-header-view .seperator {
  opacity: 0.5;
  margin-left: 6px;
  display: none;
}
.my-profile-view .my-profile-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.my-profile-view .my-profile-container .profile-quick-look {
  height: 135px;
  width: 340px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 30px 30px 0;
  padding: 20px;
  background: #ffffff;
  border: 1px solid var(--neutral-5);
  border-radius: 4px;
  box-sizing: border-box;
}
.my-profile-view .my-profile-container .user-name,
.my-profile-view .my-profile-container .title-name,
.my-profile-view .my-profile-container .management-company {
  font-size: 14px;
  color: var(--neutral-3);
}
.my-profile-view .my-profile-container .profile-quick-look .profile-quick-look-link {
  text-decoration: none;
}
.my-profile-view .my-profile-container .profile-quick-look .profile-photo {
  margin-right: 20px;
}
.my-profile-view .my-profile-container .profile-quick-look .user-info {
  -ms-flex: 1;
      flex: 1;
}
.my-profile-view .my-profile-container .profile-quick-look .user-info .full-name {
  font-size: 15px;
  line-height: 13px;
  font-weight: 600;
  word-wrap: break-word;
}
.my-profile-view .my-profile-container .profile-quick-look .user-info .user-name {
  border-bottom: 1px solid var(--neutral-5);
  font-style: italic;
  padding-bottom: 3px;
}
.my-profile-view .my-profile-container .profile-quick-look .user-info .title-name {
  font-weight: 600;
  word-break: break-all;
  padding-top: 6px;
  line-height: 14px;
}
.my-profile-view .my-profile-container .profile-quick-look .user-info .management-company {
  font-weight: 600;
  line-height: 25px;
}
.my-profile-view .my-profile-container .outlet {
  width: 740px;
}
.my-profile-view .separator {
  width: 100%;
  height: 1px;
  background: var(--neutral-5);
  margin-bottom: 30px;
  margin-top: 30px;
}
.my-profile-view .form-content {
  padding-bottom: 0px;
}

.form-header {
  background-color: var(--neutral-8-white-);
  border-radius: 4px 4px 0 0;
}
.form-header header {
  height: 50px;
  font-weight: 600;
  font-size: 15px;
  color: var(--neutral-2);
  line-height: 50px;
  background-color: #e0e5e7;
  padding-left: 25px;
  border-radius: 4px 4px 0 0;
}

.contact-info-view .change-warning {
  width: 100%;
  margin-bottom: 25px;
}
.contact-info-view .contact-info-form fieldset {
  margin: 20px 0 0 0;
}
.contact-info-view .contact-info-form fieldset.no-mt {
  margin: 0 0 0 45px;
}
.contact-info-view .contact-info-form .phone-reported-wrong {
  float: left;
  margin-left: 102px;
  font-weight: 600;
  font-size: 12px;
  color: var(--primary-red);
}
.contact-info-view .contact-info-form .phone-reported-wrong.profile-font {
  font-size: 14px;
  display: contents;
}
.contact-info-view .contact-info-form .sms-message {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 12px;
}
.contact-info-view .contact-info-form .sms-message.mt-0 {
  margin-top: 0px;
}
.contact-info-view .contact-info-form .username-error {
  margin: 0 0 18px 118px;
  font-weight: 600;
  font-size: 12px;
  color: var(--primary-red);
}
.contact-info-view .contact-info-form .preferred-time-zone {
  padding-right: 18px;
}
.contact-info-view .contact-info-form .preferred-time-zone p {
  margin-bottom: 30px;
}
.contact-info-view .contact-info-form .preferred-time-zone p strong {
  font-weight: 700;
}
.contact-info-view .contact-info-form .button-container {
  margin: 30px 0;
}
.contact-info-view .contact-info-form .name,
.contact-info-view .contact-info-form .contact-info {
  margin-left: 45px;
}
.contact-info-view .contact-info-form .name .input-subtext,
.contact-info-view .contact-info-form .contact-info .input-subtext {
  float: left;
  color: var(--neutral-3);
  margin: 0 0 30px 118px;
  line-height: 18px;
}
.contact-info-view .contact-info-form .name .input-subtext.no-mb,
.contact-info-view .contact-info-form .contact-info .input-subtext.no-mb {
  margin: 0 0 0 118px;
}
.contact-info-view .contact-info-form .name .two-input-row,
.contact-info-view .contact-info-form .name .row-label,
.contact-info-view .contact-info-form .name .first-input,
.contact-info-view .contact-info-form .name .second-input,
.contact-info-view .contact-info-form .contact-info .two-input-row,
.contact-info-view .contact-info-form .contact-info .row-label,
.contact-info-view .contact-info-form .contact-info .first-input,
.contact-info-view .contact-info-form .contact-info .second-input {
  float: left;
}
.contact-info-view .contact-info-form .name .first-input input,
.contact-info-view .contact-info-form .contact-info .first-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.contact-info-view .contact-info-form .name .second-input input,
.contact-info-view .contact-info-form .contact-info .second-input input {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.contact-info-view .contact-info-form .name .full-width-input-row,
.contact-info-view .contact-info-form .name .row-label,
.contact-info-view .contact-info-form .name .solo-input,
.contact-info-view .contact-info-form .contact-info .full-width-input-row,
.contact-info-view .contact-info-form .contact-info .row-label,
.contact-info-view .contact-info-form .contact-info .solo-input {
  float: left;
}
.contact-info-view .contact-info-form .name .half-width-input-row,
.contact-info-view .contact-info-form .name .row-label,
.contact-info-view .contact-info-form .name .half-input,
.contact-info-view .contact-info-form .contact-info .half-width-input-row,
.contact-info-view .contact-info-form .contact-info .row-label,
.contact-info-view .contact-info-form .contact-info .half-input {
  float: left;
}
.contact-info-view .contact-info-form .name .row-label,
.contact-info-view .contact-info-form .contact-info .row-label {
  font-weight: 600;
  margin-top: 9px;
  margin-right: 20px;
}
.contact-info-view .contact-info-form .name .full-width-input-row,
.contact-info-view .contact-info-form .contact-info .full-width-input-row {
  margin-bottom: 25px;
}
.contact-info-view .contact-info-form .name .two-input-row,
.contact-info-view .contact-info-form .contact-info .two-input-row {
  margin-bottom: 25px;
}
.contact-info-view .contact-info-form .name .two-input-row .row-label .name-label,
.contact-info-view .contact-info-form .contact-info .two-input-row .row-label .name-label {
  margin-left: 59px;
}
.contact-info-view .contact-info-form .name .two-input-row .first-input label input,
.contact-info-view .contact-info-form .name .two-input-row .second-input label input,
.contact-info-view .contact-info-form .contact-info .two-input-row .first-input label input,
.contact-info-view .contact-info-form .contact-info .two-input-row .second-input label input {
  width: 270px;
}
.contact-info-view .contact-info-form .name .full-width-input-row .row-label .email-label,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .row-label .email-label {
  padding-right: 0px;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input.with-checkbox .sr-input,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input.with-checkbox .sr-input {
  float: left;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input.with-checkbox .sr-input input,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input.with-checkbox .sr-input input {
  width: 349px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input.with-checkbox .checkbox,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input.with-checkbox .checkbox {
  width: 90px;
  height: 40px;
  float: left;
  border: 1px solid #9dbacc;
  border-left-width: 0;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
  border-radius: 0 3px 3px 0;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input.with-checkbox .checkbox .sr-checkbox,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input.with-checkbox .checkbox .sr-checkbox {
  line-height: 34px;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input.with-checkbox .checkbox .sr-checkbox label,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input.with-checkbox .checkbox .sr-checkbox label {
  display: block;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input.with-checkbox .checkbox .sr-checkbox label p,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input.with-checkbox .checkbox .sr-checkbox label p {
  padding-left: 0;
  font-size: 12px;
}
.contact-info-view .contact-info-form .name .full-width-input-row .solo-input label input,
.contact-info-view .contact-info-form .contact-info .full-width-input-row .solo-input label input {
  width: 460px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .row-label .display-label,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .row-label .display-label {
  margin-left: 6px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .row-label .phone-label,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .row-label .phone-label {
  margin-left: 55px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .row-label .title-label,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .row-label .title-label {
  margin-left: 68px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .row-label .username-label,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .row-label .username-label {
  margin-left: 30px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .half-input,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .half-input {
  width: 270px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .half-input label input,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .half-input label input {
  width: 100%;
  margin-bottom: 12px;
}
.contact-info-view .contact-info-form .name .half-width-input-row .half-input .username,
.contact-info-view .contact-info-form .contact-info .half-width-input-row .half-input .username {
  margin-bottom: 12px;
}

.my-display-view .display-toggle {
  margin: 20px 0 0 0;
}
.my-display-view .display-toggle .button-container {
  margin-top: 30px;
}
.my-display-view .display-toggle .description {
  margin-bottom: 20px;
}
.my-display-view .display-toggle .description h3 {
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 9px;
}
.my-display-view .display-toggle .description p {
  font-size: 14px;
  line-height: 19px;
}
.my-display-view .display-toggle .description p em {
  font-style: italic;
}
.my-display-view .display-toggle .radio-container {
  margin-bottom: 30px;
}
.my-display-view .display-toggle .radio-row .asset {
  box-sizing: border-box;
  height: 70px;
  width: 100%;
  margin-left: 26px;
}
.my-display-view .display-toggle .radio-row .asset {
  margin-bottom: 16px;
}
.my-display-view .display-toggle .radio-row .asset span.advanced {
  display: inline-block;
  width: 352px;
  height: 72px;
  background: url("images/advancedLook.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .my-display-view .display-toggle .radio-row .asset span.advanced {
    background-image: url("images/advancedLook@2x.png");
    background-size: 352px 72px;
  }
}
.my-display-view .display-toggle .radio-row .asset span.simple {
  display: inline-block;
  width: 352px;
  height: 72px;
  background: url("images/simpleLook.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .my-display-view .display-toggle .radio-row .asset span.simple {
    background-image: url("images/simpleLook@2x.png");
    background-size: 352px 72px;
  }
}
.my-display-view .display-toggle .radio .sr-radio-button {
  padding-bottom: 11px;
}
.my-display-view .display-toggle .radio .sr-radio-button span {
  margin-top: 3px;
}
.my-display-view .display-toggle .radio .sr-radio-button label {
  font-weight: 600;
  font-size: 14px;
}

.my-profile-do-not-disturb-view .switch-list-item:hover {
  cursor: pointer;
}
.my-profile-do-not-disturb-view .switch-list-item:hover .sr-toggle {
  background-position: top right;
}
.my-profile-do-not-disturb-view .switch-list-item:hover .sr-toggle.on {
  background-position: bottom right;
}
.my-profile-do-not-disturb-view .email-section .sr-preferences-grid {
  margin-top: 20px;
}
.my-profile-do-not-disturb-view .email-section .sr-preferences-grid .info-circle {
  display: inline-block;
  margin-top: -5px;
  margin-left: 4px;
}
.my-profile-do-not-disturb-view .email-section .form-actions {
  margin-top: 30px;
}
.my-profile-do-not-disturb-view .email-section .sr-checkox-parent .sr-checkbox {
  display: block;
}
.my-profile-do-not-disturb-view .snooze-section .sr-selectro {
  width: 340px;
  margin-top: 20px;
}
.my-profile-do-not-disturb-view .schedule-section .sr-selectro {
  width: 120px;
  float: left;
}
.my-profile-do-not-disturb-view .schedule-section .spacer {
  float: left;
  margin: 0 12px;
  line-height: 40px;
}
.my-profile-do-not-disturb-view .schedule-section .radio-button-row {
  cursor: pointer;
}

.my-password-view .change-warning {
  width: 100%;
  margin-bottom: 25px;
}
.my-password-view .password-form {
  margin: 30px 0 0 0;
}
.my-password-view .password-form .sr-input {
  width: 380px;
}
.my-password-view .password-form .sr-input input:-ms-input-placeholder {
  color: #d2d7da;
}
.my-password-view .password-form .sr-input input::placeholder {
  color: #d2d7da;
}
.my-password-view .password-form .sr-input input {
  padding: 10px 36px 12px 15px;
}
.my-password-view .password-form .input-subtext {
  color: var(--neutral-3);
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 18px;
  width: 551px;
}
.my-password-view .password-form .error {
  margin: 5px 0;
  font-size: 12px;
  color: var(--primary-red);
  font-weight: 600;
}
.my-password-view .password-form .button-container {
  margin-top: 30px;
}
.my-password-view .password-form .update-password .no-label-container {
  margin-left: 140px;
}
.my-password-view .password-form .update-password .row-label {
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: right;
}
.my-password-view .password-form .update-password .blank-button {
  z-index: 11;
}
.my-password-view .password-form .update-password .half-width-input-row:first-child {
  display: -ms-grid;
  display: grid;
  grid-template: 1fr/auto 1fr;
  margin-bottom: 12px;
}
.my-password-view .password-form .update-password .half-width-input-row:first-child.current {
  margin-bottom: 25px;
}
.my-password-view .password-form .update-password .half-width-input-row:nth-child(2) {
  display: -ms-grid;
  display: grid;
  grid-template: 1fr/auto 600px;
  margin-bottom: 20px;
}
.my-password-view .password-form .update-password .half-width-input-row .half-input {
  width: 400px;
}
.my-password-view .password-form .update-password .half-width-input-row .half-input .input-no-label {
  position: relative;
}
.my-password-view .password-form .update-password .half-width-input-row .half-input .input-no-label button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-right: 51px;
  font-size: 14px;
  color: #1b84cb;
}
.my-password-view .password-form .update-password .half-width-input-row .half-input .input-no-label .show-red {
  color: var(--primary-red);
}
.my-password-view .password-form .update-password .half-width-input-row .half-input .input-no-label button:hover {
  color: #82d0ff;
}
.my-password-view .password-form .update-password .half-width-input-row .half-input label input {
  width: 100%;
}

.my-profile-photo .unsupported {
  display: none;
  margin: 159px 32px 159px 32px;
  text-align: center;
  font-size: 20px;
}
.my-profile-photo .photo-container {
  margin: 20px 0 0 0;
}
.my-profile-photo .photo-container .photo-upload {
  position: relative;
  float: left;
  width: 200px;
  height: 200px;
  padding: 0 24px 31px 0;
}
.my-profile-photo .photo-container .photo-upload .upload {
  position: absolute;
  overflow: hidden;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 5;
}
.my-profile-photo .photo-container .photo-upload .upload img {
  position: absolute;
}
.my-profile-photo .photo-container .photo-upload .upload .overlay {
  position: absolute;
  width: 201px;
  height: 200px;
  z-index: 1;
  background-color: #cacccd;
  opacity: 0.7;
}
.my-profile-photo .photo-container .photo-upload .upload .front-overlay {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  width: 200px;
  height: 200px;
}
.my-profile-photo .photo-container .photo-upload .upload .front-overlay img {
  width: 200px;
  height: 200px;
}
.my-profile-photo .photo-container .photo-upload .upload .uploading {
  position: absolute;
  width: 200px;
  height: 200px;
  display: none;
}
.my-profile-photo .photo-container .photo-upload .upload .uploading .uploading-active {
  position: absolute;
  top: 85px;
  right: 75px;
}
.my-profile-photo .photo-container .photo-upload .upload .uploading .uploading-active .bounce {
  width: 13px !important;
  height: 13px !important;
}
.my-profile-photo .photo-container .photo-upload .upload .uploading.active {
  display: block;
  background-color: #cacccd;
  z-index: 10;
  opacity: 0.7;
}
.my-profile-photo .photo-container .photo-upload .upload-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.my-profile-photo .photo-container .photo-upload .upload-controls .frame {
  width: 200px;
  height: 200px;
  background: url("images/myProfilePhoto/photoUpload.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .my-profile-photo .photo-container .photo-upload .upload-controls .frame {
    background-image: url("images/myProfilePhoto/photoUpload@2x.png");
    background-size: 600px 200px;
  }
}
.my-profile-photo .photo-container .photo-upload .upload-controls .frame.error {
  background-position: right;
}
.my-profile-photo .photo-container .photo-upload .upload-controls .remove-image {
  display: none;
  position: absolute;
  z-index: 10;
  top: 4px;
  right: 28px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url("images/imageDeleteIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .my-profile-photo .photo-container .photo-upload .upload-controls .remove-image {
    background-image: url("images/imageDeleteIcon@2x.png");
    background-size: 44px 22px;
  }
}
.my-profile-photo .photo-container .photo-upload .upload-controls .remove-image.visible:hover {
  background-position: right;
  display: block;
}
.my-profile-photo .photo-container .photo-upload .upload:hover + .upload-controls .frame {
  background-position: center;
}
.my-profile-photo .photo-container .photo-upload .upload:hover + .upload-controls .remove-image.visible {
  display: block;
}
.my-profile-photo .description {
  float: left;
}
.my-profile-photo .description p {
  font-size: 14px;
  line-height: 19px;
}
.my-profile-photo .description p.error {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-red);
}

.packages-view .packages-container .status-filter .selectro-list-container.filter-mode:not(.in-filter) {
  width: 200px;
}
.packages-view .packages-container .sr-table .no-results div.icon {
  width: 88px;
  height: 86px;
  background: url("images/packages/no-packages.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .no-results div.icon {
    background-image: url("images/packages/no-packages@2x.png");
    background-size: 88px 66px;
  }
}
.packages-view .packages-container .sr-table .ember-table-header-cell.sub-type-cell .ember-table-content {
  padding-left: 10px;
}
.packages-view .packages-container .sr-table .sr-table-cell.sub-type-cell {
  padding-left: 10px;
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.handheld-box {
  background-image: url("images/packages/handheld-box.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.handheld-box {
    background-image: url("images/packages/handheld-box@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.large-box {
  background-image: url("images/packages/large-box.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.large-box {
    background-image: url("images/packages/large-box@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.bag {
  background-image: url("images/packages/bag.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.bag {
    background-image: url("images/packages/bag@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.envelope {
  background-image: url("images/packages/envelope.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.envelope {
    background-image: url("images/packages/envelope@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.tube {
  background-image: url("images/packages/tube.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.tube {
    background-image: url("images/packages/tube@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.dry-cleaning {
  background-image: url("images/packages/dry-cleaning.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.dry-cleaning {
    background-image: url("images/packages/dry-cleaning@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.flowers {
  background-image: url("images/packages/flowers.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.flowers {
    background-image: url("images/packages/flowers@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.food {
  background-image: url("images/packages/food.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.food {
    background-image: url("images/packages/food@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.not-specified {
  background-image: url("images/packages/not-specified.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table .sr-table-image-cell div.image-div.not-specified {
    background-image: url("images/packages/not-specified@2x.png");
    background-size: 30px 30px;
  }
}
.packages-view .packages-container .sr-table span.imgSpan.other {
  background: url("images/packages/other.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table span.imgSpan.other {
    background-image: url("images/packages/other@2x.png");
    background-size: 28px 28px;
  }
}
.packages-view .packages-container .sr-table span.imgSpan.usps {
  background: url("images/packages/usps.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table span.imgSpan.usps {
    background-image: url("images/packages/usps@2x.png");
    background-size: 28px 28px;
  }
}
.packages-view .packages-container .sr-table span.imgSpan.ups {
  background: url("images/packages/ups.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table span.imgSpan.ups {
    background-image: url("images/packages/ups@2x.png");
    background-size: 28px 28px;
  }
}
.packages-view .packages-container .sr-table span.imgSpan.fedex {
  background: url("images/packages/fedex.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table span.imgSpan.fedex {
    background-image: url("images/packages/fedex@2x.png");
    background-size: 28px 28px;
  }
}
.packages-view .packages-container .sr-table span.imgSpan.dhl {
  background: url("images/packages/dhl.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table span.imgSpan.dhl {
    background-image: url("images/packages/dhl@2x.png");
    background-size: 28px 28px;
  }
}
.packages-view .packages-container .sr-table span.imgSpan.amazon {
  background: url("images/packages/amazon.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-view .packages-container .sr-table span.imgSpan.amazon {
    background-image: url("images/packages/amazon@2x.png");
    background-size: 28px 28px;
  }
}

.package-detail-view {
  background-color: var(--neutral-8-white-);
  height: 100%;
}
.package-detail-view section.detail-section,
.package-detail-view div.add-on-container {
  position: relative;
  margin: 0 25px;
}
.package-detail-view section.add-on {
  width: 100%;
}
.package-detail-view section.add-on .sub-header-banner {
  background-color: #f4f5f6;
  color: var(--neutral-2);
  margin-bottom: 22px;
  text-align: center;
}
.package-detail-view section.add-on .notes-container {
  width: 100%;
}
.package-detail-view .primary-info {
  margin: 15px 0 22px 0;
  float: left;
  max-width: 310px;
  height: 42px;
}
.package-detail-view .primary-info .display {
  font-size: 18px;
}
.package-detail-view .primary-info .inline-edit .edit.no-border input,
.package-detail-view .primary-info .inline-edit .edit.no-border span.selected {
  font-size: 18px;
}
.package-detail-view .primary-info .sr-detail-inline-edit div.display {
  max-width: 245px;
}
.package-detail-view .primary-info .sr-detail-inline-edit div.edit .search-container {
  margin-top: 0px;
}
.package-detail-view .primary-info .sr-detail-inline-edit div.edit input {
  width: 200px;
}
.package-detail-view button.primary-action {
  z-index: 10;
}
.package-detail-view button.primary-action.green span {
  display: inline-block;
  vertical-align: top;
  margin: 16px 6px 0 0;
  width: 16px;
  height: 19px;
  background: url("images/packages/release.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view button.primary-action.green span {
    background-image: url("images/packages/release@2x.png");
    background-size: 16px 19px;
  }
}
.package-detail-view .objective-text {
  margin: 0 25px 12px 25px;
  word-break: break-word;
}
.package-detail-view .sr-media-slider {
  margin-bottom: 12px;
}
.package-detail-view .wrap-text .inner {
  height: inherit;
}
.package-detail-view .wrap-text .display {
  white-space: inherit;
  word-break: break-word;
  padding-right: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}
.package-detail-view .ember-text-area {
  width: 100%;
  height: 20px;
  resize: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  max-width: 100%;
  line-height: 22px;
  white-space: normal;
  overflow-y: hidden;
  padding: 2px 21px 2px 0px;
  margin-bottom: -3px;
  box-sizing: border-box;
  border-bottom: solid 1px transparent;
}
.package-detail-view .edit .ember-text-area {
  outline: none;
  border-bottom: solid 1px var(--neutral-5);
  background: transparent;
}
.package-detail-view .selectro-list-container {
  margin-top: 8px !important;
}
.package-detail-view div.detail-row {
  padding: 10px 0;
}
.package-detail-view div.detail-row:last-child {
  border-bottom: none;
}
.package-detail-view div.detail-row.one-column div.detail-column .display {
  max-width: 375px;
  display: block;
}
.package-detail-view div.detail-row.two-column div.detail-column {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.package-detail-view div.detail-row.two-column div.detail-column:last-child {
  margin-right: 0;
}
.package-detail-view div.detail-row.two-column div.detail-column .task-person,
.package-detail-view div.detail-row.two-column div.detail-column .task-info {
  width: 100%;
  margin: 0;
}
.package-detail-view div.detail-row .display span.light {
  font-weight: 400;
  color: var(--neutral-3);
}
.package-detail-view .sr-selectro-list-item span.imgSpan {
  height: 20px;
}
.package-detail-view .sr-selectro-list-item span.imgSpan.handheld-box {
  background-image: url("images/packages/handheld-box.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.handheld-box {
    background-image: url("images/packages/handheld-box@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.large-box {
  background-image: url("images/packages/large-box.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.large-box {
    background-image: url("images/packages/large-box@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.bag {
  background-image: url("images/packages/bag.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.bag {
    background-image: url("images/packages/bag@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.envelope {
  background-image: url("images/packages/envelope.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.envelope {
    background-image: url("images/packages/envelope@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.tube {
  background-image: url("images/packages/tube.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.tube {
    background-image: url("images/packages/tube@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.dry-cleaning {
  background-image: url("images/packages/dry-cleaning.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.dry-cleaning {
    background-image: url("images/packages/dry-cleaning@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.flowers {
  background-image: url("images/packages/flowers.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.flowers {
    background-image: url("images/packages/flowers@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.food {
  background-image: url("images/packages/food.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.food {
    background-image: url("images/packages/food@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.not-specified {
  background-image: url("images/packages/not-specified.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.not-specified {
    background-image: url("images/packages/not-specified@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.other {
  background: url("images/packages/other.png") no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.other {
    background-image: url("images/packages/other@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.usps {
  background: url("images/packages/usps.png") no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.usps {
    background-image: url("images/packages/usps@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.ups {
  background: url("images/packages/ups.png") no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.ups {
    background-image: url("images/packages/ups@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.fedex {
  background: url("images/packages/fedex.png") no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.fedex {
    background-image: url("images/packages/fedex@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.dhl {
  background: url("images/packages/dhl.png") no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.dhl {
    background-image: url("images/packages/dhl@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .sr-selectro-list-item span.imgSpan.amazon {
  background: url("images/packages/amazon.png") no-repeat;
  background-size: 20px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-selectro-list-item span.imgSpan.amazon {
    background-image: url("images/packages/amazon@2x.png");
    background-size: 20px 20px;
  }
}
.package-detail-view .place-details .display {
  -ms-flex-pack: initial !important;
      justify-content: initial !important;
}
.package-detail-view .sr-detail-inline-edit .icon-container {
  width: 50px;
  height: 50px;
}
.package-detail-view .sr-detail-inline-edit .icon-container span {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
}
.package-detail-view .sr-detail-inline-edit .icon-container span.usps, .package-detail-view .sr-detail-inline-edit .icon-container span.ups, .package-detail-view .sr-detail-inline-edit .icon-container span.fedex, .package-detail-view .sr-detail-inline-edit .icon-container span.dhl, .package-detail-view .sr-detail-inline-edit .icon-container span.amazon, .package-detail-view .sr-detail-inline-edit .icon-container span.other {
  width: 50px;
  height: 50px;
}
.package-detail-view .sr-detail-inline-edit .icon-container span.handheld-box {
  background-image: url("images/packages/handheld-box.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.handheld-box {
    background-image: url("images/packages/handheld-box@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.large-box {
  background-image: url("images/packages/large-box.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.large-box {
    background-image: url("images/packages/large-box@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.bag {
  background-image: url("images/packages/bag.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.bag {
    background-image: url("images/packages/bag@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.envelope {
  background-image: url("images/packages/envelope.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.envelope {
    background-image: url("images/packages/envelope@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.tube {
  background-image: url("images/packages/tube.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.tube {
    background-image: url("images/packages/tube@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.dry-cleaning {
  background-image: url("images/packages/dry-cleaning.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.dry-cleaning {
    background-image: url("images/packages/dry-cleaning@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.flowers {
  background-image: url("images/packages/flowers.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.flowers {
    background-image: url("images/packages/flowers@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.food {
  background-image: url("images/packages/food.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.food {
    background-image: url("images/packages/food@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.not-specified {
  background-image: url("images/packages/not-specified.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.not-specified {
    background-image: url("images/packages/not-specified@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.other {
  background: url("images/packages/other.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.other {
    background-image: url("images/packages/other@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.usps {
  background: url("images/packages/usps.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.usps {
    background-image: url("images/packages/usps@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.ups {
  background: url("images/packages/ups.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.ups {
    background-image: url("images/packages/ups@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.fedex {
  background: url("images/packages/fedex.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.fedex {
    background-image: url("images/packages/fedex@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.dhl {
  background: url("images/packages/dhl.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.dhl {
    background-image: url("images/packages/dhl@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.amazon {
  background: url("images/packages/amazon.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.amazon {
    background-image: url("images/packages/amazon@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.tracking-number {
  background: url("images/packages/tracking-number.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.tracking-number {
    background-image: url("images/packages/tracking-number@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.received-on {
  background: url("images/packages/received-on.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.received-on {
    background-image: url("images/packages/received-on@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container span.condition {
  background: url("images/packages/condition.png") no-repeat;
  background-size: 50px 50px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .package-detail-view .sr-detail-inline-edit .icon-container span.condition {
    background-image: url("images/packages/condition@2x.png");
    background-size: 50px 50px;
  }
}
.package-detail-view .sr-detail-inline-edit .icon-container .place-type-icon {
  margin: 5px auto;
}
.package-detail-view .sr-detail-inline-edit .icon-container .place-type-icon svg {
  width: 40px;
  height: 40px;
}
.package-detail-view .sr-detail-inline-edit .kill-hover {
  overflow: initial;
}
.package-detail-view .sr-detail-inline-edit .display {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.package-detail-view .sr-detail-inline-edit .display .edit-pencil {
  opacity: 0;
}
.package-detail-view .sr-detail-inline-edit .display:hover:not(.kill-hover) .edit-pencil {
  opacity: 1;
}
.package-detail-view .sr-detail-inline-edit .sr-selectro {
  width: 136px;
}
.package-detail-view .sr-detail-inline-edit .detail-container .inner .sub-text {
  z-index: 0;
}

.receive-package-inner-modal fieldset.package-info .input-pair .sr-input,
.receive-package-inner-modal fieldset.package-info .input-pair .sr-selectro {
  float: left;
  width: 49%;
}
.receive-package-inner-modal fieldset.package-info .input-pair .sr-selectro:last-child {
  margin-left: 2%;
}

.sr-selectro .imgSpan.handheld-box,
.sr-selectro-list .imgSpan.handheld-box {
  background-image: url("images/packages/handheld-box.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.handheld-box,
  .sr-selectro-list .imgSpan.handheld-box {
    background-image: url("images/packages/handheld-box@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.large-box,
.sr-selectro-list .imgSpan.large-box {
  background-image: url("images/packages/large-box.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.large-box,
  .sr-selectro-list .imgSpan.large-box {
    background-image: url("images/packages/large-box@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.bag,
.sr-selectro-list .imgSpan.bag {
  background-image: url("images/packages/bag.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.bag,
  .sr-selectro-list .imgSpan.bag {
    background-image: url("images/packages/bag@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.envelope,
.sr-selectro-list .imgSpan.envelope {
  background-image: url("images/packages/envelope.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.envelope,
  .sr-selectro-list .imgSpan.envelope {
    background-image: url("images/packages/envelope@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.tube,
.sr-selectro-list .imgSpan.tube {
  background-image: url("images/packages/tube.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.tube,
  .sr-selectro-list .imgSpan.tube {
    background-image: url("images/packages/tube@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.dry-cleaning,
.sr-selectro-list .imgSpan.dry-cleaning {
  background-image: url("images/packages/dry-cleaning.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.dry-cleaning,
  .sr-selectro-list .imgSpan.dry-cleaning {
    background-image: url("images/packages/dry-cleaning@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.flowers,
.sr-selectro-list .imgSpan.flowers {
  background-image: url("images/packages/flowers.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.flowers,
  .sr-selectro-list .imgSpan.flowers {
    background-image: url("images/packages/flowers@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.food,
.sr-selectro-list .imgSpan.food {
  background-image: url("images/packages/food.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.food,
  .sr-selectro-list .imgSpan.food {
    background-image: url("images/packages/food@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.not-specified,
.sr-selectro-list .imgSpan.not-specified {
  background-image: url("images/packages/not-specified.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.not-specified,
  .sr-selectro-list .imgSpan.not-specified {
    background-image: url("images/packages/not-specified@2x.png");
    background-size: 70px 70px;
  }
}
.sr-selectro .imgSpan.other,
.sr-selectro-list .imgSpan.other {
  background: url("images/packages/other.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.other,
  .sr-selectro-list .imgSpan.other {
    background-image: url("images/packages/other@2x.png");
    background-size: 80px 80px;
  }
}
.sr-selectro .imgSpan.usps,
.sr-selectro-list .imgSpan.usps {
  background: url("images/packages/usps.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.usps,
  .sr-selectro-list .imgSpan.usps {
    background-image: url("images/packages/usps@2x.png");
    background-size: 80px 80px;
  }
}
.sr-selectro .imgSpan.ups,
.sr-selectro-list .imgSpan.ups {
  background: url("images/packages/ups.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.ups,
  .sr-selectro-list .imgSpan.ups {
    background-image: url("images/packages/ups@2x.png");
    background-size: 80px 80px;
  }
}
.sr-selectro .imgSpan.fedex,
.sr-selectro-list .imgSpan.fedex {
  background: url("images/packages/fedex.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.fedex,
  .sr-selectro-list .imgSpan.fedex {
    background-image: url("images/packages/fedex@2x.png");
    background-size: 80px 80px;
  }
}
.sr-selectro .imgSpan.dhl,
.sr-selectro-list .imgSpan.dhl {
  background: url("images/packages/dhl.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.dhl,
  .sr-selectro-list .imgSpan.dhl {
    background-image: url("images/packages/dhl@2x.png");
    background-size: 80px 80px;
  }
}
.sr-selectro .imgSpan.amazon,
.sr-selectro-list .imgSpan.amazon {
  background: url("images/packages/amazon.png") no-repeat;
  background-size: 80px 80px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-selectro .imgSpan.amazon,
  .sr-selectro-list .imgSpan.amazon {
    background-image: url("images/packages/amazon@2x.png");
    background-size: 80px 80px;
  }
}

.people-section.users .sr-table tr:hover .sr-table-action-cell .action-buttons, .people-section.teams .sr-table tr:hover .sr-table-action-cell .action-buttons, .people-section.residents .sr-table tr:hover .sr-table-action-cell .action-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: end;
  -ms-flex-align: center;
      align-items: center;
}
.people-section.users .sr-table .sr-table-action-cell, .people-section.teams .sr-table .sr-table-action-cell, .people-section.residents .sr-table .sr-table-action-cell {
  text-align: right;
  padding-right: 20px;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons, .people-section.teams .sr-table .sr-table-action-cell .action-buttons, .people-section.residents .sr-table .sr-table-action-cell .action-buttons {
  font-size: 0;
  display: none;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons.friendly-name, .people-section.teams .sr-table .sr-table-action-cell .action-buttons.friendly-name, .people-section.residents .sr-table .sr-table-action-cell .action-buttons.friendly-name {
  display: inline-block;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons.friendly-name:hover, .people-section.teams .sr-table .sr-table-action-cell .action-buttons.friendly-name:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons.friendly-name:hover {
  border-bottom: 1px solid #47758f;
}
.people-section.users .sr-table .sr-table-action-cell .sr-table-cell-action, .people-section.teams .sr-table .sr-table-action-cell .sr-table-cell-action, .people-section.residents .sr-table .sr-table-action-cell .sr-table-cell-action {
  color: #47758f;
  margin-left: 10px;
  display: inline-block;
}
.people-section.users .sr-table .sr-table-action-cell .sr-table-cell-action:first-child, .people-section.teams .sr-table .sr-table-action-cell .sr-table-cell-action:first-child, .people-section.residents .sr-table .sr-table-action-cell .sr-table-cell-action:first-child {
  margin-left: 0;
  margin-right: 10px;
}
.people-section.users .sr-table .sr-table-action-cell .sr-table-cell-action:hover, .people-section.teams .sr-table .sr-table-action-cell .sr-table-cell-action:hover, .people-section.residents .sr-table .sr-table-action-cell .sr-table-cell-action:hover {
  border-bottom: 1px solid #47758f;
}
.people-section.users .table-empty .image, .people-section.teams .table-empty .image, .people-section.residents .table-empty .image {
  width: 122px;
  height: 67px;
  background: url("images/noCurrentUsers.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .people-section.users .table-empty .image, .people-section.teams .table-empty .image, .people-section.residents .table-empty .image {
    background-image: url("images/noCurrentUsers@2x.png");
    background-size: 122px 67px;
  }
}

.right-panel header.site-details-header {
  width: 100%;
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--neutral-8-white-);
  z-index: 22;
  padding: 0px;
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel header.site-details-header.in-edit {
  z-index: 25;
}
.right-panel header.site-details-header .header-inner {
  width: 450px;
  width: calc(100% - 50px);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0 8px;
}
.right-panel header.site-details-header .header-right {
  float: right;
}
.right-panel header.site-details-header .header-right .blank-button.modal-close, .right-panel header.site-details-header .header-right .blank-button.task-menu {
  float: left;
}
.right-panel header.site-details-header .task-menu {
  margin: 19px 15px 0 0;
  width: 36px;
  height: 20px;
  background: url("images/assignment/menuBtn.png") no-repeat;
  background-position: center;
  box-sizing: border-box;
  border-radius: 4px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .right-panel header.site-details-header .task-menu {
    background-image: url("images/assignment/menuBtn@2x.png");
    background-size: 18px 4px;
  }
}
.right-panel header.site-details-header .task-menu.disabled {
  display: none;
}
.right-panel header.site-details-header .task-menu.in-edit {
  cursor: default;
  opacity: 0.5;
}
.right-panel header.site-details-header .task-menu:hover:not(.in-edit), .right-panel header.site-details-header .task-menu:active:not(.in-edit), .right-panel header.site-details-header .task-menu.active {
  border: 1px solid var(--neutral-5);
}
.right-panel header.site-details-header .task-menu.active {
  background-color: #f4f5f6;
}
.right-panel header.site-details-header .modal-close {
  margin: 21px 0 0;
}
.right-panel header.site-details-header .site-name {
  float: left;
  width: calc(100% - 96px);
  padding: 6px 0px 6px 6px;
}
.right-panel header.site-details-header .site-name h4 {
  display: none;
}
.right-panel header.site-details-header .site-name .inner {
  height: auto;
}
.right-panel header.site-details-header .site-name .inner .display {
  font-size: 17px;
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-8-white-);
  position: relative;
}
.right-panel header.site-details-header .site-name .inner .display:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.right-panel header.site-details-header .site-name .inner .edit-buttons {
  right: 0;
}
.right-panel header.site-details-header .site-name .inner .sr-input input {
  font-size: 17px;
  height: 25px;
}
.right-panel header.site-details-header .site-address {
  color: var(--neutral-3);
  width: 100%;
  display: inline-block;
}

.site-image-section .siteImage {
  display: block;
  width: 100%;
  height: 250px;
  background-size: cover;
}
.site-image-section .siteImage.defaultImage {
  background-image: url("images/default-property-profile.png");
}

.site-name-section {
  margin: 25px;
  font-weight: inherit;
}
.site-name-section .detail-container {
  width: 100%;
}

.site-address-section {
  margin: 25px 25px 20px 25px;
}
.site-address-section .general-inline-edit {
  position: relative;
}
.site-address-section .address-block .one-column {
  margin: 0;
}
.site-address-section .address-block .one-column .sr-input input {
  width: 100%;
}
.site-address-section .address-block .two-column section,
.site-address-section .address-block .three-column section {
  float: left;
  margin-right: 10px;
}
.site-address-section .address-block .two-column section.resident-first-name-field,
.site-address-section .address-block .three-column section.resident-first-name-field {
  margin-right: 0px;
}
.site-address-section .address-block .two-column section.clearfix,
.site-address-section .address-block .three-column section.clearfix {
  float: none;
}
.site-address-section .address-block .two-column section:last-of-type,
.site-address-section .address-block .three-column section:last-of-type {
  margin-right: 0px;
}
.site-address-section .address-block .three-column.address {
  margin-top: -1px;
}
.site-address-section .address-block .three-column.address section {
  margin: 0 0 0 -1px;
}
.site-address-section .address-block .three-column.address section:first-of-type {
  width: calc(100% - 214px);
  margin: 0;
}
.site-address-section .address-block #address_street {
  border-radius: 3px 3px 0 0;
  background: none;
}
.site-address-section .address-block #address_city {
  border-radius: 0 0 0 3px;
  background: none;
}
.site-address-section .address-block #address_state {
  background: none;
}
.site-address-section .address-block #address_state .input-container {
  border-radius: 0;
}
.site-address-section .address-block #address_state .input-container:hover {
  z-index: 1;
}
.site-address-section .address-block #address_state .selectro-list-container {
  width: 100px;
}
.site-address-section .address-block #address_zip {
  background: none;
  border-radius: 0;
}
.site-address-section .address-block .three-column.address input {
  width: 116px;
}
.site-address-section .address-block .three-column.address input#address_city {
  width: 100%;
}
.site-address-section .address-block .three-column.address .sr-selectro .input-container {
  width: 100px;
}
.site-address-section .address-block .three-column.address .standardButton.blue {
  width: 46px;
  min-width: 46px;
  padding: 7px;
  position: relative;
}
.site-address-section .address-block .three-column.address .standardButton.blue span.icon {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  background: url("images/settings/locateIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .site-address-section .address-block .three-column.address .standardButton.blue span.icon {
    background-image: url("images/settings/locateIcon@2x.png");
    background-size: 26px 26px;
  }
}
.site-address-section .content-confirmation {
  display: -ms-flexbox;
  display: flex;
  top: auto;
  bottom: -17px;
}
.site-address-section .address-view-mode {
  border-bottom: 1px solid var(--neutral-8-white-);
}
.site-address-section .address-view-mode:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.site-address-section .address-view-mode:hover:not(.kill-hover) .edit-pencil-dark {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.site-address-section .selectro-container .content-loading.saving {
  top: 0;
  height: 104px;
  display: inline-block;
}
.site-address-section .selectro-container .content-loading.saving .inline-loading.active {
  float: right;
}

.sr-detail-inline-edit .icon-container {
  width: 50px;
  height: 50px;
}
.sr-detail-inline-edit .icon-container span {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
}
.sr-detail-inline-edit .icon-container span.garden {
  background: url("images/sr-common-icons/sites/garden.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.lowrise {
  background: url("images/sr-common-icons/sites/lowrise.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.midrise {
  background: url("images/sr-common-icons/sites/midrise.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.highrise {
  background: url("images/sr-common-icons/sites/highrise.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.townhome {
  background: url("images/sr-common-icons/sites/townhome.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.manufactured {
  background: url("images/sr-common-icons/sites/manufactured.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.manufacturedhome {
  background: url("images/sr-common-icons/sites/manufactured.svg") no-repeat;
  background-size: 50px 50px;
}
.sr-detail-inline-edit .icon-container span.resident-type {
  background: url("images/assignments/User.png") no-repeat;
  background-size: 31px 36px;
  background-position: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sr-detail-inline-edit .icon-container span.resident-type {
    background-image: url("images/assignments/User@2x.png");
    background-size: 31px 36px;
  }
}

.accept-btn:focus,
.cancel-btn:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}

div.detail-row {
  padding: 10px 0;
}
div.detail-row:last-child {
  border-bottom: none;
}
div.detail-row.two-column div.detail-column {
  float: left;
  width: 49%;
  margin-right: 2%;
}
div.detail-row.two-column div.detail-column:last-child {
  margin-right: 0;
}
div.detail-row.two-column div.detail-column.icon-fix .detail-container {
  width: calc(100% - 74px);
}
div.detail-row.two-column div.detail-column.icon-fix .icon-container {
  margin-right: 15px;
}

.site-invite-container {
  position: absolute;
  display: inline-block;
  right: 0;
  margin: 5px 15px;
  z-index: 1;
  width: auto !important;
  height: auto !important;
  transition: right 50ms ease-out;
}
.site-invite-container .inviteButtons button {
  float: left;
  border: none;
  font-size: 14px;
  margin-right: 10px;
  border-radius: 3px;
}
.site-invite-container .inviteButtons button.decline {
  color: var(--neutral-8-white-);
  background-color: var(--neutral-4);
}

.site-details {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--neutral-8-white-);
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: 50px;
}
.site-details h4.inline-section-header {
  font-size: 16px;
  color: var(--neutral-2);
}
.site-details .description-title,
.site-details .address-title {
  font-size: 12px;
  color: var(--neutral-3);
}
.site-details .add-description {
  display: block;
  margin: 10px 0 26px 25px;
  font-weight: 400;
  font-size: 14px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
}
.site-details .add-description:hover {
  color: var(--primary-blue-2-hover);
}
.site-details .add-description:hover .icon {
  background-position: right;
}
.site-details .add-description span {
  margin-right: 8px;
  width: 10px;
  height: 10px;
  display: inline-block;
  color: var(--primary-blue-2-hover);
}
.site-details section {
  position: relative;
}
.site-details section.standard {
  width: 450px;
  width: calc(100% - 50px);
  margin: 0 auto;
}
.site-details section.standard.task-info-list {
  margin-bottom: 30px;
}
.site-details section.standard.task-info-list.mb20 {
  margin-bottom: 20px;
}
.site-details h3.sectionTitle {
  font-weight: 600;
  font-size: 15px;
  color: var(--neutral-2);
}
.site-details .resource-button {
  float: right;
  cursor: pointer;
  width: 46px;
  height: 38px;
  margin-top: 32px;
  border-radius: 3px;
}
.site-details .resource-button span.icon {
  display: block;
  margin: 8px 12px;
}
.site-details .resource-button.disabled {
  opacity: 0.6;
  cursor: no-drop;
}
.site-details .resource-button:hover {
  background-color: var(--list-1-hover);
}
.site-details .objective-container {
  position: relative;
}
.site-details section.site-description-section.in-edit {
  width: 100%;
}
.site-details section.site-description-section h5 {
  font-size: 10px;
  color: var(--neutral-3);
  letter-spacing: 0.44px;
  line-height: 14px;
  text-transform: uppercase;
}
.site-details section.site-description-section a.more {
  font-weight: 700;
  font-size: 12px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
  margin-left: 25px;
}
.site-details section.site-description-section p {
  line-height: 18px;
  display: block;
  overflow: hidden;
  color: var(--neutral-2);
  word-wrap: break-word;
}
.site-details section.site-description-section .description-title {
  margin-left: 25px;
}
.site-details section.site-description-section .objective-description {
  padding: 0 0 0 25px;
  margin-bottom: 30px;
}
.site-details section.site-description-section .objective-text {
  padding-right: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  box-sizing: border-box;
}
.site-details section.site-description-section .objective-text:not(.completed):hover {
  background-color: var(--neutral-7);
}
.site-details section.site-description-section .objective-text p {
  transition: max-height 0.25s ease;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 25px 0px 27px 0;
  white-space: pre-line;
}
.site-details section.site-description-section .objective-text .long {
  margin-top: 15px;
}
.site-details section.site-description-section .objective-text:not(.full-text).cut-bottom p {
  margin-bottom: 0px;
}
.site-details section.site-description-section .objective-text:not(.full-text).short p {
  max-height: 63px;
}
.site-details section.site-description-section .objective-text:not(.full-text).long p {
  max-height: 247px;
}
.site-details section.site-description-section .objective-text.full-text p {
  margin-bottom: 15px;
}
.site-details section.site-description-section .objective-text.can-edit {
  padding-right: 0;
}
.site-details section.site-description-section .objective-text.can-edit .edit-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  opacity: 0;
  min-width: 27px;
}
.site-details section.site-description-section .objective-text.can-edit .edit-button .icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
}
.site-details section.site-description-section .objective-text.can-edit:hover:not(.kill-hover) .edit-button {
  opacity: 0.9;
}
.site-details section.site-description-section .objective-text.can-edit.kill-hover .edit-button {
  display: none;
}
.site-details section.site-description-section .objective-text.in-edit {
  display: none;
}
.site-details section.site-description-section .expander {
  font-weight: 700;
  font-size: 14px;
  color: var(--primary-blue);
  line-height: 17px;
  cursor: pointer;
  margin: 15px 0 30px 0;
  display: block;
}
.site-details section.site-description-section .expander:hover {
  color: var(--primary-blue-2-hover);
}
.site-details section.site-description-section .expander.less {
  margin-top: 0px;
  margin-left: 25px;
}
.site-details section.site-description-section .edit-dialog {
  display: none;
  background-color: var(--neutral-8-white-);
  padding: 15px 22px 5px;
  margin-bottom: 25px;
  width: 100%;
  box-sizing: border-box;
}
.site-details section.site-description-section .edit-dialog.in-edit {
  display: block;
}
.site-details .sr-panel.with-padding {
  box-sizing: border-box;
  padding: 30px 0 0;
}
.site-details .sr-panel.with-padding.pt8 {
  padding-top: 8px;
}
.site-details .upload-cover {
  display: none;
}
.site-details section.site-details-container,
.site-details section.building-details-container {
  margin: 0 auto 20px;
}
.site-details section.site-details-container .detail-column .detail-container .display,
.site-details section.site-details-container .detail-column .detail-container .edit input,
.site-details section.building-details-container .detail-column .detail-container .display,
.site-details section.building-details-container .detail-column .detail-container .edit input {
  font-weight: 400;
}
.site-details section.site-people-list {
  position: relative;
  margin: 0 auto 20px;
}
.site-details section.site-people-list .propertyManager .content-face,
.site-details section.site-people-list .regionalPropertyManager .content-face,
.site-details section.site-people-list .maintenanceManager .content-face,
.site-details section.site-people-list .regionalMaintenanceManager .content-face {
  position: absolute;
  top: -42px;
  left: -65px;
  background-color: var(--neutral-8-white-);
}
.site-details section.site-people-list .regionalMaintenanceManager .content-face {
  top: -54px;
}
.site-details section.with-top-border {
  border-top: 1px solid var(--neutral-5);
  padding-top: 30px;
}
.site-details section.with-bottom-padding {
  padding-bottom: 30px;
}
.site-details section.tags {
  margin: 0 auto;
}
.site-details section.tags.more-details {
  margin: 0 auto 30px;
}
.site-details section.tags h4 {
  font-weight: 600;
  font-size: 15px;
  color: var(--grey-2);
  margin-bottom: 20px;
}
.site-details section.tags h5 {
  font-weight: 600;
  font-size: 14px;
  color: var(--grey-2);
  margin-bottom: 20px;
}
.site-details section.tags b {
  font-weight: 600;
}
.site-details .assignment-edit-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s ease-out, z-index 0s 0.1s;
  -moz-transition: opacity 0.1s ease-out, z-index 0s 0.1s;
  -webkit-transition: opacity 0.1s ease-out, z-index 0s 0.1s;
}
.site-details .assignment-edit-overlay.active {
  z-index: 25;
  opacity: 1;
  transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
}
.site-details .in-edit {
  z-index: 30;
}
.site-details .in-edit .disabled {
  opacity: 0.6;
}
.site-details .assignment-edit-overlay.active {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 25;
}
.site-details .in-edit {
  z-index: 30;
}
.site-details .in-edit .disabled {
  opacity: 0.6;
}
.site-details .task-popup {
  top: 54px;
  right: 58px;
}

section.tags {
  padding-bottom: 25px;
}

.edit-buttons {
  transition: opacity 0.1s ease-in-out;
}
.edit-buttons.saving {
  opacity: 0.5;
}

.detail-container .inner {
  transition: opacity 0.1s ease-in-out;
}
.detail-container .inner .inline-loading {
  display: none;
  width: 27px;
  position: absolute;
  right: 0px;
}
.detail-container .inner .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.detail-container .inner.saving {
  opacity: 0.5;
}
.detail-container .inner.saving .inline-loading {
  display: block;
}

.tags-edit.can-edit .inner {
  position: relative;
}
.tags-edit.can-edit .inner .no-tags {
  color: var(--primary-blue);
  line-height: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
}
.tags-edit.can-edit .inner .no-tags .icon {
  display: inline-block;
  margin: 0 8px 0 0;
}
.tags-edit.can-edit div.name {
  padding-right: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--neutral-8-white-);
  z-index: 2;
}
.tags-edit.can-edit div.name:not(.noHover):hover .no-tags {
  color: var(--primary-blue-2-hover);
}
.tags-edit.can-edit div.name:not(.noHover):hover .no-tags .icon {
  background-position: right;
}
.tags-edit.can-edit div.name.active {
  cursor: default;
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.tags-edit.can-edit div.name.active .edit {
  display: none;
}
.tags-edit.can-edit div.name.noHover {
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.tags-edit.can-edit div.name.noHover .edit {
  display: none !important;
}
.tags-edit.can-edit .edit {
  position: absolute;
  top: 6px;
  right: 0px;
  display: block;
  width: 11px;
  height: 11px;
  opacity: 0;
}
.tags-edit.can-edit .edit.icon {
  margin-right: 0px;
}
.tags-edit.can-edit .edit.icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
  margin-right: 0px;
}
.tags-edit:not(.kill-hover) div.name:hover {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
  z-index: 10;
}
.tags-edit:not(.kill-hover) div.name:hover .edit {
  opacity: 1;
}

.dashboard-view .sr-action-bar header em {
  color: var(--neutral-2);
}
.dashboard-view .sr-filter-bar .search-container {
  margin-right: 10px;
}
.dashboard-view .sr-action-bar .button-container {
  z-index: 20;
}
.dashboard-view .dashboard-sites.sr-table {
  color: var(--grey-2);
}
.dashboard-view .dashboard-sites .sr-site-health .count {
  position: relative;
  padding-left: 17px;
  left: 0;
}
.dashboard-view .dashboard-sites .sr-site-health .count .icon {
  position: absolute;
  top: 2px;
  left: 0;
}
.dashboard-view .dashboard-sites .site-photo-cell.is-invite .image-container {
  opacity: 0.6;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon.garden {
  background: url("images/sr-common-icons/sites/garden.svg") no-repeat;
  background-size: 20px 20px;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon.lowrise {
  background: url("images/sr-common-icons/sites/lowrise.svg") no-repeat;
  background-size: 20px 20px;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon.midrise {
  background: url("images/sr-common-icons/sites/midrise.svg") no-repeat;
  background-size: 20px 20px;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon.highrise {
  background: url("images/sr-common-icons/sites/highrise.svg") no-repeat;
  background-size: 20px 20px;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon.townhome {
  background: url("images/sr-common-icons/sites/townhome.svg") no-repeat;
  background-size: 20px 20px;
}
.dashboard-view .dashboard-sites .sr-site-type .site-type .site-type-icon.manufacturedhome {
  background: url("images/sr-common-icons/sites/manufactured.svg") no-repeat;
  background-size: 20px 20px;
}
.dashboard-view .display {
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.dashboard-view .display .edit-pencil {
  opacity: 0;
}
.dashboard-view .display:hover .edit-pencil {
  opacity: 1;
}
.dashboard-view .task-person,
.dashboard-view .task-info {
  float: left;
  margin-right: 14px;
  margin-bottom: 30px;
  width: calc(50% - 15px);
}
.dashboard-view .task-person.last,
.dashboard-view .task-info.last {
  margin-right: 0px !important;
}
.dashboard-view .task-person .face-icon,
.dashboard-view .task-person .icon,
.dashboard-view .task-person .place-type-icon,
.dashboard-view .task-info .face-icon,
.dashboard-view .task-info .icon,
.dashboard-view .task-info .place-type-icon {
  float: left;
  margin-right: 15px;
}
.dashboard-view .task-person .place-type-icon.large,
.dashboard-view .task-info .place-type-icon.large {
  border: 0px !important;
  width: 46px;
  height: 46px;
  margin: -5px 11px 0px 2px;
}
.dashboard-view .task-person .place-type-icon.large svg,
.dashboard-view .task-info .place-type-icon.large svg {
  width: 46px;
  height: 46px;
}
.dashboard-view .task-person .info,
.dashboard-view .task-info .info {
  display: block;
  height: 100%;
  float: left;
  width: calc(100% - 65px);
}
.dashboard-view .task-person .info .inner,
.dashboard-view .task-info .info .inner {
  margin-top: 5px;
  display: block;
}
.dashboard-view .task-person .info div.title,
.dashboard-view .task-info .info div.title {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 12px;
}
.dashboard-view .task-person .info div.name,
.dashboard-view .task-info .info div.name {
  font-weight: 600;
  color: var(--neutral-2);
  line-height: 22px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--neutral-8-white-);
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 0px !important;
}
.dashboard-view .task-person .info div.name .edit-pencil,
.dashboard-view .task-info .info div.name .edit-pencil {
  opacity: 0;
}
.dashboard-view .task-person .info div.name:hover .edit-pencil,
.dashboard-view .task-info .info div.name:hover .edit-pencil {
  opacity: 1;
}
.dashboard-view .task-person .info div.name.allow-wrap,
.dashboard-view .task-info .info div.name.allow-wrap {
  overflow: visible;
  white-space: normal;
}
.dashboard-view .task-person .info div.name.light,
.dashboard-view .task-info .info div.name.light {
  color: var(--neutral-4);
}
.dashboard-view .task-person .info div.name span.light,
.dashboard-view .task-info .info div.name span.light {
  font-weight: 400;
  color: var(--neutral-3);
}
.dashboard-view .task-person .info .edit,
.dashboard-view .task-info .info .edit {
  display: none;
  opacity: 0;
}
.dashboard-view .task-person .edit-dialog.repeating-edit,
.dashboard-view .task-info .edit-dialog.repeating-edit {
  display: none;
  position: absolute;
  top: 15px;
  width: 100%;
  min-height: 100%;
  background-color: var(--neutral-8-white-);
}
.dashboard-view .task-person .edit-dialog.repeating-edit.visible,
.dashboard-view .task-info .edit-dialog.repeating-edit.visible {
  display: block;
}
.dashboard-view .task-person.can-edit .inner,
.dashboard-view .task-info.can-edit .inner {
  position: relative;
}
.dashboard-view .task-person.can-edit div.name,
.dashboard-view .task-info.can-edit div.name {
  padding-right: 18px;
}
.dashboard-view .task-person.can-edit div.name:hover:not(.kill-hover),
.dashboard-view .task-info.can-edit div.name:hover:not(.kill-hover) {
  cursor: pointer;
  border-bottom: 1px solid var(--neutral-5);
}
.dashboard-view .task-person.can-edit div.name:hover:not(.kill-hover) .edit,
.dashboard-view .task-info.can-edit div.name:hover:not(.kill-hover) .edit {
  opacity: 1;
}
.dashboard-view .task-person.can-edit div.name.active,
.dashboard-view .task-info.can-edit div.name.active {
  cursor: default;
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.dashboard-view .task-person.can-edit div.name.active .edit,
.dashboard-view .task-info.can-edit div.name.active .edit {
  display: none;
}
.dashboard-view .task-person.can-edit div.name.noHover,
.dashboard-view .task-info.can-edit div.name.noHover {
  border-bottom: 1px solid var(--neutral-5);
  width: 100%;
}
.dashboard-view .task-person.can-edit div.name.noHover .edit,
.dashboard-view .task-info.can-edit div.name.noHover .edit {
  display: none !important;
}
.dashboard-view .task-person.can-edit .edit,
.dashboard-view .task-info.can-edit .edit {
  position: absolute;
  top: 20px;
  right: 0px;
  display: block;
  width: 11px;
  height: 11px;
  opacity: 0;
}
.dashboard-view .task-person.can-edit .edit.icon,
.dashboard-view .task-info.can-edit .edit.icon {
  margin-right: 0px;
}
.dashboard-view .task-person.can-edit .edit.icon.edit-pencil-dark,
.dashboard-view .task-info.can-edit .edit.icon.edit-pencil-dark {
  width: 12px;
  height: 12px;
  margin-right: 0px;
}
.dashboard-view .task-person.task-info .info,
.dashboard-view .task-info.task-info .info {
  height: 30px;
}
.dashboard-view .task-person.task-info .info .inner,
.dashboard-view .task-info.task-info .info .inner {
  margin-top: 0;
}
.dashboard-view .task-person.task-info.pinned-location .icon:not(span),
.dashboard-view .task-info.task-info.pinned-location .icon:not(span) {
  margin: -2px 19px 0 11px;
  width: 29px;
  height: 38px;
  background: url("images/assignment/pinnedLocation.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.pinned-location .icon:not(span),
  .dashboard-view .task-info.task-info.pinned-location .icon:not(span) {
    background-image: url("images/assignment/pinnedLocation@2x.png");
    background-size: 29px 38px;
  }
}
.dashboard-view .task-person.task-info.place-placeholder .icon:not(span),
.dashboard-view .task-info.task-info.place-placeholder .icon:not(span) {
  margin: 1px 17px 0 8px;
  width: 34px;
  height: 32px;
  background: url("images/assignment/place-placeholder.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.place-placeholder .icon:not(span),
  .dashboard-view .task-info.task-info.place-placeholder .icon:not(span) {
    background-image: url("images/assignment/place-placeholder@2x.png");
    background-size: 34px 32px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon,
.dashboard-view .task-info.task-info.schedule .icon {
  width: 32px;
  height: 35px;
  margin: -1px 17px 0 10px;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon {
  width: 40px;
  height: 40px;
  margin: -3px 13px 0 6px;
  background-size: 40px 40px !important;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.today,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.today {
  background: url("images/timeframes/40w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.today,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.today {
    background-image: url("images/timeframes/40w/black/today@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.tomorrow,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.tomorrow {
  background: url("images/timeframes/40w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.tomorrow,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.tomorrow {
    background-image: url("images/timeframes/40w/black/tomorrow@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-week,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-week {
  background: url("images/timeframes/40w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-week,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-week {
    background-image: url("images/timeframes/40w/black/week@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.next-week,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.next-week {
  background: url("images/timeframes/40w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.next-week,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.next-week {
    background-image: url("images/timeframes/40w/black/next-week@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-month,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-month {
  background: url("images/timeframes/40w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-month,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-month {
    background-image: url("images/timeframes/40w/black/this-month@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-quarter,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-quarter {
  background: url("images/timeframes/40w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-quarter,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-quarter {
    background-image: url("images/timeframes/40w/black/this-quarter@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-year,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-year {
  background: url("images/timeframes/40w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-year,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-year {
    background-image: url("images/timeframes/40w/black/this-year@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-7,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-7 {
  background: url("images/timeframes/40w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-7,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-7 {
    background-image: url("images/timeframes/40w/black/last-7@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-30,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-30 {
  background: url("images/timeframes/40w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-30,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-30 {
    background-image: url("images/timeframes/40w/black/last-30@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-week,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-week {
  background: url("images/timeframes/40w/black/last-week.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-month,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-month {
  background: url("images/timeframes/40w/black/last-month.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-quarter,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-quarter {
  background: url("images/timeframes/40w/black/last-quarter.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.last-year,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.last-year {
  background: url("images/timeframes/40w/black/last-year.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.pick-date, .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.custom,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.pick-date,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.custom {
  background: url("images/timeframes/40w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.pick-date, .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.custom,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.pick-date,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.custom {
    background-image: url("images/timeframes/40w/black/pick-date@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.next-year-and-beyond,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.next-year-and-beyond {
  background: url("images/timeframes/40w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.next-year-and-beyond,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.next-year-and-beyond {
    background-image: url("images/timeframes/40w/black/next-year-and-beyond@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.all-time,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.all-time {
  background: url("images/timeframes/40w/black/all-time.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.repeating,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.repeating {
  background: url("images/timeframes/40w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.repeating,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.repeating {
    background-image: url("images/timeframes/40w/black/repeating@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.unscheduled,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.unscheduled {
  background: url("images/timeframes/40w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.unscheduled,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.unscheduled {
    background-image: url("images/timeframes/40w/black/unscheduled@2x.png");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.now,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.now {
  background: url("images/timeframes/40w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.now,
  .dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.now {
    background-image: url("images/timeframes/40w/black/now.svg");
    background-size: 40px 40px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.business-open,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.business-open {
  background: url("images/timeframes/40w/black/business-open.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.business-close,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.business-close {
  background: url("images/timeframes/40w/black/business-close.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-morning,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-morning {
  background: url("images/timeframes/40w/black/this-morning.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-afternoon,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-afternoon {
  background: url("images/timeframes/40w/black/this-afternoon.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.this-evening,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.this-evening {
  background: url("images/timeframes/40w/black/this-evening.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.business-open,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.business-open {
  background: url("images/timeframes/40w/black/business-open.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.business-close,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.business-close {
  background: url("images/timeframes/40w/black/business-close.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.timeframe-icon.any-time,
.dashboard-view .task-info.task-info.schedule .icon.timeframe-icon.any-time {
  background: url("images/timeframes/40w/black/any-time.svg") no-repeat;
}
.dashboard-view .task-person.task-info.schedule .icon.pastDue,
.dashboard-view .task-info.task-info.schedule .icon.pastDue {
  background: url("images/assignment/pastDueIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.pastDue,
  .dashboard-view .task-info.task-info.schedule .icon.pastDue {
    background-image: url("images/assignment/pastDueIcon@2x.png");
    background-size: 32px 35px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.urgent,
.dashboard-view .task-info.task-info.schedule .icon.urgent {
  width: 40px;
  height: 36px;
  margin: -1px 13px 0 6px;
  background: url("images/assignment/urgentIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.urgent,
  .dashboard-view .task-info.task-info.schedule .icon.urgent {
    background-image: url("images/assignment/urgentIcon@2x.png");
    background-size: 40px 36px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.complete,
.dashboard-view .task-info.task-info.schedule .icon.complete {
  margin-top: -1px;
  height: 36px;
  background: url("images/assignment/completeDateIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.complete,
  .dashboard-view .task-info.task-info.schedule .icon.complete {
    background-image: url("images/assignment/completeDateIcon@2x.png");
    background-size: 32px 36px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.template,
.dashboard-view .task-info.task-info.schedule .icon.template {
  background: url("images/assignment/templateScheduleIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.template,
  .dashboard-view .task-info.task-info.schedule .icon.template {
    background-image: url("images/assignment/templateScheduleIcon@2x.png");
    background-size: 32px 35px;
  }
}
.dashboard-view .task-person.task-info.schedule .icon.repeating,
.dashboard-view .task-info.task-info.schedule .icon.repeating {
  width: 34px;
  height: 29px;
  margin: 3px 16px 0 9px;
  background: url("images/assignment/repeatingIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dashboard-view .task-person.task-info.schedule .icon.repeating,
  .dashboard-view .task-info.task-info.schedule .icon.repeating {
    background-image: url("images/assignment/repeatingIcon@2x.png");
    background-size: 34px 29px;
  }
}
.dashboard-view .task-person.full-width,
.dashboard-view .task-info.full-width {
  width: 100%;
}
.dashboard-view .task-person.full-width .info,
.dashboard-view .task-info.full-width .info {
  width: 370px;
  width: calc(100% - 60px);
}
.dashboard-view .task-person.full-width .info div.name,
.dashboard-view .task-info.full-width .info div.name {
  max-width: 100%;
}
.dashboard-view .task-person.full-width.can-edit div.name.noHover,
.dashboard-view .task-info.full-width.can-edit div.name.noHover {
  width: 100%;
}

section.standard .notes-container,
section.standard .review-container {
  width: 100%;
}

.print-options .static-info-message {
  margin-bottom: 25px;
  white-space: nowrap;
  overflow-x: auto;
}
.print-options .static-info-message .lock-icon {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 14px;
  margin-right: 10px;
  margin-top: 2.5px;
  background-image: url("images/settings/residents/lock.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .static-info-message .lock-icon {
    background-image: url("images/settings/residents/lock@2x.png");
    background-size: 10px 14px;
  }
}
.print-options .static-info-message p {
  display: inline-block !important;
  margin-bottom: 0px !important;
  width: 92%;
}
.print-options .common-icon.contents-page {
  display: inline-block;
  height: 22px;
  width: 30px;
  background: url("images/contents-page.png") no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -11px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .common-icon.contents-page {
    background-image: url("images/contents-page@2x.png");
    background-size: 30px 22px;
  }
}
.print-options .label {
  width: 85%;
  display: inline-block;
}
.print-options .label p {
  margin-bottom: 0px !important;
}
.print-options .section-title {
  margin: 27px 0 20px 0px;
}
.print-options .section-title h5 {
  font-weight: 600;
  font-size: 14px;
}
.print-options .section-title.no-top-margin {
  margin-top: 0 !important;
}
.print-options .contents-section .disable-overlay .lock-icon {
  top: 12px !important;
}
.print-options .contents-section .label {
  margin-left: 50px;
}
.print-options .layout-section .sr-selection-row:focus-within {
  box-shadow: none;
  border-color: var(--neutral-4);
}
.print-options .layout-section .sr-radio-button {
  padding: 11px 10px !important;
}
.print-options .layout-section .sr-radio-button .icon-container {
  float: left;
  margin: 0 15px 0 15px;
  width: 66px;
  height: 82px;
}
.print-options .layout-section .sr-radio-button .icon-container.layout-standard {
  background: url("images/layout-standard.png") no-repeat;
  background-size: 62px 78px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .layout-section .sr-radio-button .icon-container.layout-standard {
    background-image: url("images/layout-standard@2x.png");
    background-size: 60px 76px;
  }
}
.print-options .layout-section .sr-radio-button .icon-container.layout-expanded {
  background: url("images/layout-expanded.png") no-repeat;
  background-size: 66px 82px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .layout-section .sr-radio-button .icon-container.layout-expanded {
    background-image: url("images/layout-expanded@2x.png");
    background-size: 60px 76px;
  }
}
.print-options .layout-section .sr-radio-button label {
  font-weight: 600;
  width: 72%;
  padding: 0;
}
.print-options .layout-section .sr-radio-button label p {
  font-weight: 400;
}
.print-options .photo-section .sr-selection-container {
  white-space: nowrap;
  height: 130px;
}
.print-options .photo-section .sr-selection-container .sr-selection-row {
  width: 33.5%;
  height: 130px;
  display: inline-block;
  margin-bottom: 0px;
}
.print-options .photo-section .sr-selection-container .sr-selection-row:first-child {
  border-radius: 3px 0 0 3px;
  margin-right: -5px;
}
.print-options .photo-section .sr-selection-container .sr-selection-row:nth-child(2) label {
  left: calc(50% - 30px) !important;
}
.print-options .photo-section .sr-selection-container .sr-selection-row:last-child {
  border-radius: 0 3px 3px 0;
  margin-left: -5px;
}
.print-options .photo-section .sr-selection-container .sr-selection-row:focus-within {
  box-shadow: none;
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button {
  height: 104px;
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container {
  float: left;
  width: 62px;
  height: 62px;
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.photo-small {
  width: 81px;
  height: 40px;
  margin: 28px 18px 24px 18px;
  background: url("images/photo-size-small.png") no-repeat;
  background-size: 81px 40px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.photo-small {
    background-image: url("images/photo-size-small@2x.png");
    background-size: 79px 38px;
  }
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.photo-med {
  margin: 17px 26px 13px 28px;
  background: url("images/photo-size-med.png") no-repeat;
  background-size: 62px 62px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.photo-med {
    background-image: url("images/photo-size-med@2x.png");
    background-size: 60px 60px;
  }
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.photo-large {
  margin: 16px 26px 13px 29px;
  background: url("images/photo-size-large.png") no-repeat;
  background-size: 62px 62px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button .icon-container.photo-large {
    background-image: url("images/photo-size-large@2x.png");
    background-size: 60px 60px;
  }
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button label {
  position: absolute;
  font-weight: 600;
  width: 70%;
  left: calc(50% - 25px);
}
.print-options .photo-section .sr-selection-container .sr-selection-row .sr-radio-button label p {
  font-weight: 400;
}
.print-options .sr-selection-container .sr-selection-row.selected {
  border: 1px solid var(--primary-blue);
  z-index: 10;
}
.print-options .sr-selection-container .sr-radio-button {
  border: 1px solid white;
  z-index: 10;
}
.print-options .sr-selection-container .sr-radio-button.selected {
  background: var(--list-1-hover);
  border: 1px solid var(--primary-blue);
}
.print-options .sr-selection-container.disabled .sr-selection-row.selected {
  border: 1px solid var(--neutral-4);
  z-index: 0;
}
.print-options .sr-selection-container.disabled .sr-radio-button.selected {
  border: 1px solid white;
  background: unset;
}
.print-options .contents-section,
.print-options .layout-section,
.print-options .photo-section {
  position: relative;
}
.print-options .contents-section .disable-overlay,
.print-options .layout-section .disable-overlay,
.print-options .photo-section .disable-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--neutral-7);
  z-index: 10;
  opacity: 0.6;
  cursor: no-drop;
}
.print-options .contents-section .disable-overlay .lock-icon,
.print-options .layout-section .disable-overlay .lock-icon,
.print-options .photo-section .disable-overlay .lock-icon {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 5px;
  width: 10px;
  height: 14px;
  background-image: url("images/settings/residents/lock.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .print-options .contents-section .disable-overlay .lock-icon,
  .print-options .layout-section .disable-overlay .lock-icon,
  .print-options .photo-section .disable-overlay .lock-icon {
    background-image: url("images/settings/residents/lock@2x.png");
    background-size: 10px 14px;
  }
}
.print-options .include-map-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  padding-top: 30px;
}

.ratings-view .sr-table .ember-table-cell:first-child,
.forms-view .sr-table .ember-table-cell:first-child {
  padding-left: 15px;
}
.ratings-view .sr-table .rating-template .choices,
.forms-view .sr-table .rating-template .choices {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.create-rating .form-content input {
  width: 100%;
}
.create-rating .form-content .ratings-content .red-asterisk {
  color: var(--primary-red);
  position: absolute;
  right: 10px;
  top: -2px;
  font-size: 13px;
  z-index: 11;
  line-height: 40px;
}
.create-rating .custom-rating-choices .create-rating-choice:last-child .separator {
  margin-left: 0;
}
.create-rating .custom-rating-choices p.tip {
  font-size: 14px;
  color: var(--neutral-4);
  margin: 20px 0 30px 25px;
}
.create-rating .create-rating-choice {
  background: white;
  position: relative;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.create-rating .create-rating-choice.ui-sortable-helper {
  box-shadow: 0px 0px 20px 0px rgba(178, 186, 192, 0.6);
}
.create-rating .create-rating-choice.ui-sortable-helper .separator {
  margin-left: 0;
}
.create-rating .create-rating-choice:hover .drag-handle {
  opacity: 1;
}
.create-rating .create-rating-choice.edit-mode .middle-content .input {
  display: block;
}
.create-rating .create-rating-choice.edit-mode .middle-content .text {
  display: none;
}
.create-rating .create-rating-choice .separator {
  height: 1px;
  background: var(--neutral-5);
  margin: 25px 0 0 25px;
}
.create-rating .create-rating-choice .drag-handle {
  opacity: 0;
  position: absolute;
  left: -25px;
  cursor: ns-resize;
}
.create-rating .create-rating-choice .primary-content,
.create-rating .create-rating-choice .left-content,
.create-rating .create-rating-choice .middle-content,
.create-rating .create-rating-choice .right-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.create-rating .create-rating-choice .primary-content {
  padding: 5px 2px 0 2px;
}
.create-rating .create-rating-choice .secondary-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0 25px 0 40px;
  margin-top: 20px;
}
.create-rating .create-rating-choice .secondary-content .button-group {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.create-rating .create-rating-choice .secondary-content .button-group:hover .sr-icon {
  visibility: visible;
}
.create-rating .create-rating-choice .secondary-content .button-group:focus-within .sr-icon {
  visibility: visible;
}
.create-rating .create-rating-choice .secondary-content .button-group .sr-link,
.create-rating .create-rating-choice .secondary-content .button-group button {
  margin-left: 4px;
}
.create-rating .create-rating-choice .secondary-content .button-group .sr-icon {
  visibility: hidden;
}
.create-rating .create-rating-choice .left-content {
  margin-right: 10px;
}
.create-rating .create-rating-choice .middle-content {
  -ms-flex: 1;
      flex: 1;
}
.create-rating .create-rating-choice .middle-content .rating-title {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  margin-right: 10px;
  border: 1px solid transparent;
  transition: width 0.2s ease-in-out;
  border-radius: 3px;
  box-sizing: border-box;
}
.create-rating .create-rating-choice .middle-content .rating-title.collapsed {
  width: 150px;
}
.create-rating .create-rating-choice .middle-content .rating-title.expanded {
  width: 264px;
}
.create-rating .create-rating-choice .middle-content .rating-title.darker-text input {
  color: black;
}
.create-rating .create-rating-choice .middle-content .rating-title.darker-text input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.create-rating .create-rating-choice .middle-content .rating-title.darker-text input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.create-rating .create-rating-choice .middle-content .rating-title.invalid {
  border-color: var(--primary-red);
}
.create-rating .create-rating-choice .middle-content .rating-title:hover {
  opacity: 0.9;
}
.create-rating .create-rating-choice .middle-content .rating-title input {
  outline: none;
  height: 100%;
  width: 100%;
  border: 1px solid transparent;
  border-radius: inherit;
  padding: 0 0 0 15px;
  margin: 0 auto;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.create-rating .create-rating-choice .middle-content .rating-title input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.create-rating .create-rating-choice .middle-content .rating-title input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.create-rating .create-rating-choice .middle-content .rating-title input:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.create-rating .create-rating-choice .middle-content .color-picker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  box-sizing: border-box;
  border-radius: 3px;
}
.create-rating .create-rating-choice .middle-content .color-picker button:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 10;
}
.create-rating .create-rating-choice .middle-content .color-picker .palette,
.create-rating .create-rating-choice .middle-content .color-picker .picker {
  position: relative;
  width: 40px;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
.create-rating .create-rating-choice .middle-content .color-picker .palette {
  border: 2px solid transparent;
  border-right: none;
  border-radius: 3px 0 0 3px;
  transition: background-color 0.1s ease-in;
}
.create-rating .create-rating-choice .middle-content .color-picker .palette span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -3px 0 0 -9px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: var(--neutral-6) transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.075s ease-in;
}
.create-rating .create-rating-choice .middle-content .color-picker .palette:hover span:not(.disabled) {
  opacity: 1;
}
.create-rating .create-rating-choice .middle-content .color-picker .picker {
  border-left: none;
  border: 2px solid var(--neutral-6);
  border-radius: 0 4px 4px 0;
  transition: background-color 0.075s ease-in;
}
.create-rating .create-rating-choice .middle-content .color-picker .picker:hover {
  background-color: var(--neutral-6);
}
.create-rating .create-rating-choice .middle-content .color-picker .picker .wheel {
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -14px;
  background: url("images/settings/residents/colorWheel.png") no-repeat;
  background-size: 28px 28px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-rating .create-rating-choice .middle-content .color-picker .picker .wheel {
    background-image: url("images/settings/residents/colorWheel@2x.png");
    background-size: 28px 28px;
  }
}
.create-rating .create-rating-choice .middle-content .score {
  margin-left: 10px;
}
.create-rating .create-rating-choice .middle-content .score .sr-input {
  margin: 0;
}
.create-rating .create-rating-choice .middle-content .score input {
  width: 100%;
  padding-left: 48px;
}
.create-rating .create-rating-choice .middle-content .score.show {
  opacity: 1;
  width: 105px;
  transition: all 0.2s ease-in;
}
.create-rating .create-rating-choice .middle-content .score.hide {
  opacity: 0;
  width: 0;
  margin-left: 0;
  transition: all 0.2s ease-out;
}
.create-rating .create-rating-choice .right-content {
  margin-left: 10px;
}
.create-rating button.mainSubmit {
  z-index: 1000;
}

.rating-details-modal h4 {
  font-weight: 600;
}
.rating-details-modal .rating-label {
  padding: 2px 6px;
  color: var(--neutral-8-white-);
  font-size: 12px;
  font-weight: 400;
  margin: 0 10px;
  border-radius: 4px;
}
.rating-details-modal .rating-label.darker-text {
  color: var(--neutral-0-black-);
}
.rating-details-modal .sr-toggle-container.cost {
  border-bottom: none;
}
.rating-details-modal .sr-toggle-container .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.rating-details-modal .sr-toggle-container .sr-switch {
  top: 30px;
}
.rating-details-modal .required-input {
  margin: 16px 0 0 35px;
}
.rating-details-modal .required-input .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rating-details-modal .required-input .sr-checkbox-label .checkboxText {
  color: var(--grey-2);
}

.resident-phone-number {
  font-size: 0;
  position: relative;
  box-sizing: border-box;
  padding-right: 55px;
}
.resident-phone-number .sr-selectro,
.resident-phone-number .sr-input {
  display: inline-block;
  vertical-align: top;
}
.resident-phone-number .sr-add-remove-buttons {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px 0 0 10px;
}
.resident-phone-number .sr-input {
  width: 55%;
}
.resident-phone-number .sr-input input {
  border-radius: 0;
  border-left-width: 0px;
  width: 100%;
}
.resident-phone-number .sr-input input:focus {
  border-left-width: 1px;
  z-index: 10;
  margin-left: -1px;
}
.resident-phone-number .sr-input.invalid-field input {
  border-left-width: 1px;
  z-index: 8;
  margin-left: -1px;
}
.resident-phone-number .sr-selectro {
  width: 45%;
}
.resident-phone-number .sr-selectro .input-container {
  border-radius: 0;
}
.resident-phone-number .sr-selectro .input-container:focus {
  z-index: 10;
}
.resident-phone-number.first-one .sr-selectro .input-container .drop-down-icon {
  display: none;
}

.residents-new .basic-modal {
  min-height: 370px;
}
.residents-new .basic-modal header {
  z-index: 20;
}
.residents-new.email-conf .basic-modal {
  min-height: 200px;
}
.residents-new.email-conf .basic-modal header {
  text-align: center;
}
.residents-new .move-in-date {
  width: 300px !important;
}
.residents-new .selectro-date-view {
  margin: 0;
  padding: 0;
  border: 0;
}
.residents-new .selectro-date-view .ui-datepicker table td {
  height: 36px;
}
.residents-new .inner-content p {
  margin-bottom: 20px;
}
.residents-new .inner-content h2 {
  font-size: 15px;
  color: var(--neutral-2);
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.residents-new .inner-content h2 span {
  font-size: 12px;
  color: var(--neutral-3);
  line-height: 17px;
}
.residents-new .inner-content .common-icon.notification-email {
  margin: 0 5px 0 20px;
}
.residents-new .inner-content .common-icon.notification-sms {
  margin: -1px 7px 0 22px;
  vertical-align: top;
}
.residents-new .inner-content .email-confirmation {
  text-align: center;
}
.residents-new .inner-content .email-confirmation .buttons .standardButton {
  display: inline-block;
  margin: 0 5px;
}
.residents-new .inner-content fieldset {
  box-sizing: border-box;
}
.residents-new .inner-content fieldset .number-container {
  margin-top: -1px;
  z-index: 0;
  position: relative;
}
.residents-new .inner-content fieldset .number-container.focus {
  z-index: 10;
}
.residents-new .inner-content fieldset .number-container:first-child {
  margin-top: 0px !important;
}
.residents-new .inner-content fieldset .number-container:first-child .sr-input input {
  border-top-right-radius: 3px;
}
.residents-new .inner-content fieldset .number-container:first-child .sr-selectro .input-container {
  border-top-left-radius: 3px;
}
.residents-new .inner-content fieldset .number-container:last-child .sr-input input {
  border-bottom-right-radius: 3px;
}
.residents-new .inner-content fieldset .number-container:last-child .sr-selectro .input-container {
  border-bottom-left-radius: 3px;
}
.residents-new .inner-content fieldset .error-states {
  display: none;
  clear: both;
  color: var(--primary-red);
  font-size: 12px;
  line-height: 18px;
  margin-top: 6px;
}
.residents-new .inner-content fieldset .error-states.active {
  display: block;
}
.residents-new .inner-content fieldset .place-selectro .sr-selectro .input-container .drop-down-icon {
  display: none;
}
.residents-new .inner-content fieldset .email-input {
  margin-bottom: 25px;
}
.residents-new .inner-content fieldset .one-column .multi-select-list-container {
  position: static !important;
  margin-bottom: 0 !important;
}
.residents-new .inner-content fieldset .one-column input {
  width: 100%;
}
.residents-new .inner-content fieldset .two-column section,
.residents-new .inner-content fieldset .three-column section {
  float: left;
}
.residents-new .inner-content fieldset .two-column section.clearfix,
.residents-new .inner-content fieldset .three-column section.clearfix {
  float: none;
}
.residents-new .inner-content fieldset .two-column section:last-of-type,
.residents-new .inner-content fieldset .three-column section:last-of-type {
  margin-right: 0px;
}
.residents-new .inner-content fieldset .two-column section {
  width: 50%;
}
.residents-new .inner-content fieldset .two-column div.staticPlaceholder {
  z-index: 15;
}
.residents-new .inner-content fieldset .two-column input {
  position: relative;
  width: 100%;
}
.residents-new .inner-content fieldset .two-column input:focus {
  z-index: 10;
}
.residents-new .inner-content fieldset .two-column section:first-of-type input {
  border-radius: 3px 0 0 3px;
}
.residents-new .inner-content fieldset .two-column section:last-of-type input {
  border-radius: 0 3px 3px 0;
  border-left-width: 0px;
}
.residents-new .inner-content fieldset .two-column section:last-of-type input:focus {
  border-left-width: 1px;
  margin-left: -1px;
  width: calc(100% + 1px);
}
.residents-new .inner-content fieldset .three-column section {
  width: 143px;
  margin-right: 10px;
}
.residents-new .inner-content fieldset .three-column section input {
  width: 143px;
}
.residents-new .inner-content fieldset .static-info-message {
  margin-top: 12px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row {
  height: 42px;
  margin-bottom: 10px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row:last-child {
  margin-bottom: 0;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-place,
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value {
  float: left;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-place {
  width: 50%;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-place .static-output {
  width: 100%;
  border: 1px solid #9dbacc;
  border-right: 0px;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
  height: 40px;
  border-radius: 3px 0 0 3px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-place .static-output span.place-name {
  font-size: 14px;
  line-height: 38px;
  margin-right: 8px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-place .static-output .place-type-icon {
  float: left;
  margin-top: -2px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value {
  position: relative;
  width: 50%;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value .inline-loading {
  position: absolute;
  top: 0px;
  right: 90px;
  z-index: 1;
  margin: 7px 0;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value .sr-input div.hasStaticPlaceholder div.staticPlaceholder {
  font-size: 11px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value input {
  width: 100%;
  font-size: 14px;
  border-radius: 0 3px 3px 0;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value #unitAlarmCodeInputTooltip {
  z-index: 11;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value #unitAlarmCodeInput {
  padding-right: 30px;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value .tip {
  border: 1px solid var(--neutral-3);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  font-size: 11px;
  position: absolute;
  top: 13px;
  right: 10px;
  font-weight: 700;
  cursor: default;
}
.residents-new .inner-content fieldset section.access .access-inputs-container .access-input-row .access-value .tip span {
  color: var(--neutral-3);
  line-height: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.residents-new .inner-content fieldset .actions-single-button {
  -ms-flex-pack: end !important;
      justify-content: flex-end !important;
}
.residents-new .inner-content fieldset .modal-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.residents-new .inner-content fieldset .modal-button-group .sr-checkbox .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.residents-new .inner-content fieldset .modal-button-group .checkboxText {
  line-height: 18px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0px;
}
.residents-new .inner-content fieldset .modal-button-group .checkboxText em {
  font-style: italic;
}

.resident-match-modal {
  font-size: 14px;
}
.resident-match-modal .modal-dialog {
  position: absolute;
  min-height: 700px;
}
.resident-match-modal header {
  font-size: 18px;
}
.resident-match-modal em {
  font-style: italic;
}
.resident-match-modal p {
  color: var(--neutral-2);
}
.resident-match-modal .bottom p.existing-resident {
  font-size: 11px;
  text-align: center;
}
.resident-match-modal .bottom .existing-user p {
  font-size: 14px;
  line-height: 18px;
  white-space: normal;
  text-align: center;
}
.resident-match-modal .bottom .modal-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.resident-match-modal .bottom .modal-button-group .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.resident-match-modal .bottom .modal-button-group a.text-button {
  color: var(--primary-blue);
  text-decoration: none;
  cursor: pointer;
  display: block;
  padding-bottom: 1px;
}
.resident-match-modal .bottom .modal-button-group a.text-button:hover {
  padding-bottom: 0px;
  border-bottom: 1px solid var(--primary-blue);
}
.resident-match-modal div.resident-request-row {
  height: 40px;
  margin: 0 -25px 30px -25px;
  background-color: white;
}
.resident-match-modal div.resident-request-row span {
  display: block;
  float: left;
  line-height: 40px;
}
.resident-match-modal div.potential-matches p {
  text-align: center;
  padding-bottom: 20px;
}
.resident-match-modal div.potential-matches p span {
  width: 9px;
  height: 10px;
  display: inline-block;
  background: url("images/residents/arrowDown.png") no-repeat;
  margin: auto;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .resident-match-modal div.potential-matches p span {
    background-image: url("images/residents/arrowDown@2x.png");
    background-size: 9px 10px;
  }
}
.resident-match-modal .accept-modal-container {
  max-height: 226px;
  overflow-y: auto;
  margin: 0 -25px 12px -25px;
}
.resident-match-modal .bottom-spacer {
  height: 50px;
}
.resident-match-modal table {
  width: 100%;
  margin: 0px;
}
.resident-match-modal table thead tr {
  line-height: 20px;
  border-bottom: 1px solid var(--neutral-5);
}
.resident-match-modal table th {
  color: black;
  background-color: #e4e8eb;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 20px;
}
.resident-match-modal table tbody tr {
  border-bottom: 1px solid var(--neutral-5);
  line-height: 40px;
  height: 40px;
  vertical-align: middle;
}
.resident-match-modal table tbody tr td {
  vertical-align: middle;
}
.resident-match-modal table tbody tr td:first-child {
  padding-left: 4%;
}
.resident-match-modal table tbody tr td div.sr-radio-button {
  margin: auto;
}
.resident-match-modal table tbody tr td div.sr-face {
  display: inline-block;
  margin-right: 7px;
}
.resident-match-modal table tbody tr td.matched {
  font-weight: 700;
}

.people-section.residents .sr-table .no-results div.icon {
  width: 122px;
  height: 67px;
  background: url("images/noResidents.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .people-section.residents .sr-table .no-results div.icon {
    background-image: url("images/noResidents@2x.png");
    background-size: 122px 67px;
  }
}
.people-section.residents .sr-table .sr-table-action-cell {
  padding-right: 0;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons {
  height: 50px;
  padding: 0 10px 0 0;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon {
  cursor: pointer;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out {
  margin-top: 16px;
  border-bottom: 0;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-in, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-out, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-in, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-out, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-in, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-out, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-in, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-out, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-in, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-out {
  opacity: 0.6;
  margin-bottom: 1px;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-in.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-out.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-in.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-out.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-in.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-out.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-in.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-out.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-in.disabled, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-out.disabled {
  opacity: 0.3;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-in.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-out.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-in.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-out.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-in.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-out.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-in.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-out.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-in.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-out.disabled:hover {
  opacity: 0.3;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-in:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.move-out:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-in:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.move-out:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-in:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.move-out:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-in:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.move-out:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-in:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.move-out:hover {
  opacity: 1;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.ready:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.ready:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.ready:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.ready:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.ready:hover {
  background-position-x: right;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.message-bubble.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.invite-house-in-heart.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.trash.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-in.disabled:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.move-out.disabled:hover {
  cursor: default;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.check-mark, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.x-mark {
  border-bottom: 0;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.check-mark.ready, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.x-mark.ready {
  opacity: 0.6;
}
.people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.check-mark.ready:hover, .people-section.residents .sr-table .sr-table-action-cell .action-buttons span.icon.x-mark.ready:hover {
  opacity: 1;
}
.people-section.residents .sr-table .sr-table-action-cell .sr-table-cell-action {
  margin: 0 14px 0 0;
}
.people-section.residents .sr-table .sr-table-action-cell .sr-table-cell-action.friendly-name {
  display: inline-block;
  font-size: 14px;
  height: 31px;
}
.people-section.residents .sr-table .sr-table-action-cell .sr-table-cell-action.friendly-name:hover {
  border-bottom: 1px solid #47758f;
}

.resident-modal.disable-close-btn .modal-close {
  background-position: left !important;
  cursor: default !important;
}
.resident-modal.disable-close-btn .modal-close span {
  opacity: 0 !important;
}
.resident-modal .basic-modal .inner-content {
  padding: 0 0 0 !important;
  position: relative;
}
.resident-modal .basic-modal .inner-content h5.modal-sub-title {
  margin: 25px 0 6px 131px;
}
.resident-modal .modal-secondary-content {
  padding: 25px 0 0 0;
}
.resident-modal .modal-secondary-content .modal-button-group {
  margin: 15px 0 0 0 !important;
}
.resident-modal .place-sub {
  color: var(--neutral-4);
}
.resident-modal .sr-face {
  position: absolute;
  top: 12px;
  left: 30px;
}
.resident-modal .selectro-date-view {
  margin: 0;
  padding: 0;
  border: 0;
}
.resident-modal .selectro-date-view .ui-datepicker table td {
  height: 36px;
}
.resident-modal section {
  padding: 0 25px;
}
.resident-modal .move-out-btn {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 26px;
  display: block;
  width: 19px;
  height: 16px;
  background: url("images/residents/moveOutIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .resident-modal .move-out-btn {
    background-image: url("images/residents/moveOutIcon@2x.png");
    background-size: 19px 16px;
  }
}
.resident-modal .portal-icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 0 0;
  width: 21px;
  height: 18px;
  background: url("images/residents/detailInvite.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .resident-modal .portal-icon {
    background-image: url("images/residents/detailInvite@2x.png");
    background-size: 44px 18px;
  }
}
.resident-modal .portal-icon.invited {
  background-position: right;
}
.resident-modal section.name {
  position: relative;
  padding-left: 130px;
  height: 68px;
  padding-top: 17px;
  box-sizing: border-box;
}
.resident-modal section.name h1 {
  font-size: 18px;
  line-height: 34px;
}
.resident-modal section.name h2 {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin-top: 3px;
}
.resident-modal section.name .inline-edit.name .display .edit-button {
  margin-top: 12px;
}
.resident-modal section.name .inline-edit.name .edit {
  position: absolute;
  width: 100%;
  top: -17px;
  left: 0px;
  height: 68px;
  background-color: var(--neutral-7);
}
.resident-modal section.name .inline-edit.name .edit .edit-buttons {
  bottom: -3px;
}
.resident-modal section.name .inline-edit.name .sr-input {
  margin-top: 14px;
  float: left;
  width: 50%;
}
.resident-modal section.name .inline-edit.name .sr-input input {
  width: 100%;
}
.resident-modal section.name .inline-edit.name .sr-input.first-name input {
  border-radius: 4px 0 0 4px;
}
.resident-modal section.name .inline-edit.name .sr-input.last-name input {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}
.resident-modal section.name.has-occupancy {
  padding-top: 12px;
}
.resident-modal section.name.has-occupancy h1 {
  line-height: 24px;
}
.resident-modal section.name.has-occupancy .inline-edit.name .edit {
  top: -12px;
}
.resident-modal section.name.has-occupancy .inline-edit.name .display .edit-button {
  margin-top: 7px;
}
.resident-modal section.unit {
  background-color: var(--neutral-8-white-);
  padding-left: 130px;
  height: 40px;
  border: 1px solid var(--neutral-6);
  box-sizing: border-box;
  font-size: 14px;
  color: #10171c;
  line-height: 38px;
}
.resident-modal section.unit .place-type-icon {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  height: 28px;
  margin: 5px 6px 0 -5px;
}
.resident-modal section.fields {
  padding: 0;
}
.resident-modal .field {
  position: relative;
}
.resident-modal .field label:not(.sr-input):not(.sr-checkbox-label) {
  display: block;
  font-weight: 600;
  font-size: 12px;
  color: #0e1215;
  line-height: 18px;
  width: 111px;
  text-align: right;
  float: left;
  margin-right: 20px;
  padding: 11px 0;
}
.resident-modal .field .field-content {
  font-size: 14px;
  line-height: 18px;
  float: left;
  width: 344px;
  border-bottom: 1px solid var(--neutral-6);
  height: -moz-fit-content;
  height: fit-content;
  min-height: 40px;
  word-break: break-all;
  box-sizing: border-box;
}
.resident-modal .field .field-content .display {
  padding: 11px 0;
}
.resident-modal .field .field-content .tags .display {
  padding-bottom: 5px;
}
.resident-modal .field .field-content.dynamic-content {
  height: auto;
}
.resident-modal .field.notification-edit-field .field-content {
  height: auto;
}
.resident-modal .inline-edit.tags .display .pill-items {
  margin-top: -4px;
}
.resident-modal .inline-edit.place:not(.in-edit) {
  overflow: hidden;
  height: 38px;
  padding-left: 2px;
}
.resident-modal .inline-edit.place .display .edit-button {
  margin-top: 13px;
}
.resident-modal .inline-edit.place .edit .sr-selectro {
  margin-top: -1px;
}
.resident-modal .inline-edit.place .edit .edit-buttons {
  bottom: 8px;
}
.resident-modal .inline-edit.status .edit-buttons {
  bottom: 8px;
}
.resident-modal .inline-edit.notifications .display,
.resident-modal .inline-edit.notifications .edit {
  padding: 11px 0;
}
.resident-modal .inline-edit.notifications .display .sr-checkbox.disabled label,
.resident-modal .inline-edit.notifications .display .sr-checkbox.disabled label span,
.resident-modal .inline-edit.notifications .display .sr-checkbox.disabled p.checkboxText {
  cursor: pointer !important;
}
.resident-modal .inline-edit.notifications .sr-checkbox {
  margin: -7px 20px 0 0;
}
.resident-modal .inline-edit.notifications .sr-checkbox p.checkboxText {
  vertical-align: top;
  margin-top: 1px;
}
.resident-modal .inline-edit.notifications .static-info-message {
  margin-top: 16px;
}
.resident-modal .inline-edit.notifications .static-info-message p {
  margin-bottom: 0px;
}
.resident-modal .inline-edit.email .confirmation {
  width: 480px;
  left: -130px;
  padding-right: 160px;
  padding-left: 10px;
}
.resident-modal .inline-edit.email .confirmation button {
  right: 10px;
}
.resident-modal .inline-edit.email .confirmation button.outline-red {
  right: 85px;
}

.update-notification-preferences-modal .common-icon.notification-email {
  margin: 0 5px 0 20px;
}
.update-notification-preferences-modal .common-icon.notification-sms {
  margin: -1px 7px 0 22px;
  vertical-align: top;
}
.update-notification-preferences-modal .static-info-message {
  margin-top: 12px;
}
.update-notification-preferences-modal .static-info-message p {
  white-space: normal !important;
}

.brand-color-palette,
.brand-color-picker {
  background-color: var(--neutral-8-white-);
  border: 2px solid var(--neutral-6);
  overflow: visible;
  border-radius: 4px;
}
.brand-color-palette .sp-picker-container,
.brand-color-picker .sp-picker-container {
  border-left: 0px;
}
.brand-color-palette:after, .brand-color-palette:before,
.brand-color-picker:after,
.brand-color-picker:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.brand-color-palette:after,
.brand-color-picker:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--neutral-8-white-);
  border-width: 10px;
  margin-left: -10px;
}
.brand-color-palette:before,
.brand-color-picker:before {
  border-color: rgba(225, 229, 231, 0);
  border-bottom-color: var(--neutral-6);
  border-width: 13px;
  margin-left: -13px;
}

.brand-color-palette .sp-palette .sp-thumb-el {
  width: 30px;
  height: 30px;
  margin: 1px;
  border: 0px;
  box-sizing: border-box;
  border-radius: 2px;
}
.brand-color-palette .sp-palette .sp-thumb-inner-border {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid var(--neutral-0-black-);
  opacity: 0.2;
  z-index: 2;
  box-sizing: border-box;
  border-radius: 2px;
}
.brand-color-palette .sp-palette .sp-thumb-inner {
  border-radius: 2px;
  background-image: none !important;
}

.brand-color-picker .sp-color,
.brand-color-picker .sp-initial,
.brand-color-picker .sp-hue,
.brand-color-picker .sp-slider {
  border: 1px solid var(--neutral-3);
}
.brand-color-picker .sp-slider {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.9);
}
.brand-color-picker .sp-input-container {
  margin-bottom: 0px;
}
.brand-color-picker .sp-dragger {
  border-radius: 8px;
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.5);
}
.brand-color-picker input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  outline: none;
  color: var(--neutral-2);
  height: 27px;
  font-size: 14px;
  line-height: 27px;
  padding: 0 6px;
  background-color: var(--neutral-8-white-);
  border: 1px solid #9dbacc;
  border-radius: 3px;
  box-sizing: border-box;
}
.brand-color-picker input:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: 0px 0px 6px 1px #82d0ff;
}

.settings-index-view .settings-save-container,
.settings-view .settings-save-container {
  height: calc(100vh - 211px);
}
.settings-index-view .settings-save-container.no-sub-nav,
.settings-view .settings-save-container.no-sub-nav {
  height: calc(100vh - 175px);
}
.settings-index-view .settings-map-controls,
.settings-view .settings-map-controls {
  display: none;
  position: absolute;
  top: 240px;
  right: 25px;
  z-index: 20;
}
.settings-index-view .settings-map-controls.active,
.settings-view .settings-map-controls.active {
  display: block;
}
.settings-index-view .settings-map-controls .map-delete,
.settings-view .settings-map-controls .map-delete {
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
  border: 2px solid var(--neutral-2);
  border-radius: 3px;
  background: url("images/settings/deleteIcon.png") no-repeat;
  background-color: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-index-view .settings-map-controls .map-delete,
  .settings-view .settings-map-controls .map-delete {
    background-image: url("images/settings/deleteIcon@2x.png");
    background-size: 24px 24px;
  }
}
.settings-index-view .settings-map-controls .map-delete:hover, .settings-index-view .settings-map-controls .map-delete:active,
.settings-view .settings-map-controls .map-delete:hover,
.settings-view .settings-map-controls .map-delete:active {
  background-color: rgb(255, 255, 255);
}
.settings-index-view .settings-map-controls .map-delete:active,
.settings-view .settings-map-controls .map-delete:active {
  margin-top: 1px;
}
.settings-index-view div.settings-content .settings-map,
.settings-view div.settings-content .settings-map {
  z-index: 5;
  background: var(--neutral-0-black-);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.settings-index-view div.settings-content .settings-map .leaflet-tile-pane,
.settings-view div.settings-content .settings-map .leaflet-tile-pane {
  transition: opacity 0.05s ease-in-out;
  opacity: 0.6;
}
.settings-index-view div.settings-content .settings-map .leaflet-draw-guide-dash,
.settings-view div.settings-content .settings-map .leaflet-draw-guide-dash {
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.settings-index-view div.settings-content .settings-map .leaflet-editing-icon,
.settings-view div.settings-content .settings-map .leaflet-editing-icon {
  width: 1px !important;
  height: 1px !important;
  box-sizing: border-box;
  border-radius: 50%;
}
.settings-index-view div.settings-content .settings-map .leaflet-editing-icon.big,
.settings-view div.settings-content .settings-map .leaflet-editing-icon.big {
  width: 10px !important;
  height: 10px !important;
  margin: -5px 0 0 -5px !important;
  border: 1px solid var(--neutral-8-white-);
  background-color: var(--neutral-8-white-);
}
.settings-index-view div.settings-content .settings-map .leaflet-editing-icon.small,
.settings-view div.settings-content .settings-map .leaflet-editing-icon.small {
  width: 8px !important;
  height: 8px !important;
  margin: -4px 0 0 -4px !important;
  background-color: var(--neutral-8-white-);
  border: transparent;
}
.settings-index-view div.settings-content .panel-container,
.settings-view div.settings-content .panel-container {
  overflow: hidden;
}
.settings-index-view div.settings-content .circle-shape,
.settings-view div.settings-content .circle-shape {
  transition: opacity 0.05s ease-in-out;
}
.settings-index-view div.settings-content .overlay-container,
.settings-view div.settings-content .overlay-container {
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.settings-index-view div.settings-content .overlay-container svg,
.settings-view div.settings-content .overlay-container svg {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
}
.settings-index-view div.settings-content .overlay-container svg .rectFill,
.settings-view div.settings-content .overlay-container svg .rectFill {
  fill: var(--neutral-0-black-);
  fill-opacity: 0.3;
}
.settings-index-view div.settings-content .overlay-container svg .circleBorder,
.settings-view div.settings-content .overlay-container svg .circleBorder {
  fill: transparent;
  stroke: var(--neutral-8-white-);
  stroke-width: 4;
}
.settings-index-view.mapMode div.settings-content .settings-map .leaflet-tile-pane,
.settings-view.mapMode div.settings-content .settings-map .leaflet-tile-pane {
  opacity: 0.8;
}
.settings-index-view.polyMode div.settings-content .settings-map .leaflet-tile-pane,
.settings-view.polyMode div.settings-content .settings-map .leaflet-tile-pane {
  opacity: 0.6;
}
.settings-index-view.polyMode div.settings-content .overlay-container,
.settings-view.polyMode div.settings-content .overlay-container {
  display: none;
  opacity: 0;
}
.settings-index-view .map-menu,
.settings-view .map-menu {
  display: none;
  position: absolute;
  right: 24px;
  bottom: 18px;
  z-index: 20;
  width: 318px;
  height: 164px;
  color: var(--neutral-8-white-);
  background-color: var(--neutral-0-black-);
  background-color: rgba(var(--neutral-0-black-), 0.6);
  padding: 22px 25px;
  box-sizing: border-box;
}
.settings-index-view .map-menu h4,
.settings-view .map-menu h4 {
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.settings-index-view .map-menu p,
.settings-view .map-menu p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
.settings-index-view .map-menu .standardButton,
.settings-view .map-menu .standardButton {
  float: left;
  margin-right: 10px;
  min-width: 100px;
  width: 100px;
}
.settings-index-view .map-menu.active,
.settings-view .map-menu.active {
  display: block;
}
.settings-index-view .map-menu.edit-boundaries,
.settings-view .map-menu.edit-boundaries {
  left: 30px;
  width: 430px;
  bottom: 30px;
  height: 78px;
  padding: 20px 8px 20px 20px;
  border-radius: 3px;
}
.settings-index-view .map-menu.edit-boundaries.notice,
.settings-view .map-menu.edit-boundaries.notice {
  width: 500px;
}
.settings-index-view .map-menu.edit-boundaries p,
.settings-view .map-menu.edit-boundaries p {
  font-size: 14px;
  float: right;
  width: 55%;
}
.settings-index-view .map-menu.edit-boundaries p.full,
.settings-view .map-menu.edit-boundaries p.full {
  width: 100%;
}
.settings-index-view .map-menu.edit-boundaries a.standardButton,
.settings-view .map-menu.edit-boundaries a.standardButton {
  width: 165px;
  font-size: 14px;
  padding: 0px 13px;
}
.settings-index-view .delete-overlay,
.settings-index-view .image-edit-overlay,
.settings-index-view .geodelete-overlay,
.settings-view .delete-overlay,
.settings-view .image-edit-overlay,
.settings-view .geodelete-overlay {
  display: none;
  z-index: 30;
  background-color: var(--neutral-0-black-);
  opacity: 0.3;
}
.settings-index-view .delete-overlay.enabled, .settings-index-view .delete-overlay.processing,
.settings-index-view .image-edit-overlay.enabled,
.settings-index-view .image-edit-overlay.processing,
.settings-index-view .geodelete-overlay.enabled,
.settings-index-view .geodelete-overlay.processing,
.settings-view .delete-overlay.enabled,
.settings-view .delete-overlay.processing,
.settings-view .image-edit-overlay.enabled,
.settings-view .image-edit-overlay.processing,
.settings-view .geodelete-overlay.enabled,
.settings-view .geodelete-overlay.processing {
  display: block;
}
.settings-index-view .delete-confirmation,
.settings-view .delete-confirmation {
  display: none;
  z-index: 50;
  width: 503px;
  height: 225px;
  margin: -113px 0 0 -251px;
}
.settings-index-view .delete-confirmation p,
.settings-view .delete-confirmation p {
  margin-bottom: 29px;
}
.settings-index-view .delete-confirmation .input-container,
.settings-view .delete-confirmation .input-container {
  position: relative;
}
.settings-index-view .delete-confirmation .input-container a,
.settings-view .delete-confirmation .input-container a {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 120px;
  height: 50px;
  line-height: 50px;
  z-index: 20;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
}
.settings-index-view .delete-confirmation .input-container input,
.settings-view .delete-confirmation .input-container input {
  text-transform: uppercase;
  width: 100%;
  padding-right: 120px;
  height: 50px;
  line-height: 28px;
  font-size: 18px;
}
.settings-index-view .delete-confirmation .input-container.valid a,
.settings-view .delete-confirmation .input-container.valid a {
  border-color: var(--primary-red);
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.settings-index-view .delete-confirmation .input-container.valid input,
.settings-view .delete-confirmation .input-container.valid input {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.settings-index-view .delete-confirmation.enabled,
.settings-view .delete-confirmation.enabled {
  display: block;
}
.settings-index-view .geodelete-confirmation,
.settings-view .geodelete-confirmation {
  position: absolute;
  display: none;
  z-index: 50;
  left: 50%;
  top: 50%;
  width: 280px;
  background-color: var(--neutral-8-white-);
  padding: 20px 25px;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 4px;
}
.settings-index-view .geodelete-confirmation.enabled,
.settings-view .geodelete-confirmation.enabled {
  display: block;
}
.settings-index-view .geodelete-confirmation p,
.settings-view .geodelete-confirmation p {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  display: block;
  margin-bottom: 17px;
}
.settings-index-view .geodelete-confirmation .standardButton,
.settings-view .geodelete-confirmation .standardButton {
  width: 100px;
  min-width: 100px;
  float: left;
  margin-right: 10px;
}
.settings-index-view .image-edit-popup,
.settings-view .image-edit-popup {
  position: absolute;
  display: none;
  z-index: 50;
  left: 50%;
  top: 50%;
  background-color: var(--neutral-8-white-);
  width: 502px;
  height: 508px;
  text-align: left;
  margin: -254px 0 0 -251px;
  box-sizing: border-box;
  border-radius: 4px;
}
.settings-index-view .image-edit-popup.enabled,
.settings-view .image-edit-popup.enabled {
  display: block;
}
.settings-index-view .image-edit-popup header,
.settings-view .image-edit-popup header {
  position: relative;
  padding: 18px 25px;
}
.settings-index-view .image-edit-popup header h4,
.settings-view .image-edit-popup header h4 {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 19px;
  display: block;
  margin-bottom: 3px;
}
.settings-index-view .image-edit-popup header p,
.settings-view .image-edit-popup header p {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.settings-index-view .image-edit-popup header .modal-close,
.settings-view .image-edit-popup header .modal-close {
  position: absolute;
  top: 25px;
  right: 22px;
}
.settings-index-view .image-edit-popup .image-container,
.settings-view .image-edit-popup .image-container {
  width: 502px;
  height: 378px;
  background-color: #ccc;
  position: relative;
  overflow: hidden;
}
.settings-index-view .image-edit-popup .image-container svg,
.settings-view .image-edit-popup .image-container svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.settings-index-view .image-edit-popup .image-container svg .rectFill,
.settings-view .image-edit-popup .image-container svg .rectFill {
  fill-opacity: 0.5;
}
.settings-index-view .image-edit-popup .image-container svg .rectOutline,
.settings-view .image-edit-popup .image-container svg .rectOutline {
  stroke: #82d0ff;
  fill-opacity: 0;
}
.settings-index-view .image-edit-popup .image-container img,
.settings-view .image-edit-popup .image-container img {
  position: absolute;
  z-index: 0;
  cursor: move;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn,
.settings-index-view .image-edit-popup .image-container a.zoomOut,
.settings-view .image-edit-popup .image-container a.zoomIn,
.settings-view .image-edit-popup .image-container a.zoomOut {
  top: 10px;
  right: 48px;
  position: absolute;
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
  z-index: 20;
  background-image: url("images/zoomIcons-small.png");
  transition: opacity 0.1s ease-in;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-index-view .image-edit-popup .image-container a.zoomIn,
  .settings-index-view .image-edit-popup .image-container a.zoomOut,
  .settings-view .image-edit-popup .image-container a.zoomIn,
  .settings-view .image-edit-popup .image-container a.zoomOut {
    background-image: url("images/zoomIcons-small@2x.png");
    background-size: 56px 56px;
  }
}
.settings-index-view .image-edit-popup .image-container a.zoomIn span,
.settings-index-view .image-edit-popup .image-container a.zoomOut span,
.settings-view .image-edit-popup .image-container a.zoomIn span,
.settings-view .image-edit-popup .image-container a.zoomOut span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.1s ease-in;
  background-image: url("images/zoomIcons-small.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-index-view .image-edit-popup .image-container a.zoomIn span,
  .settings-index-view .image-edit-popup .image-container a.zoomOut span,
  .settings-view .image-edit-popup .image-container a.zoomIn span,
  .settings-view .image-edit-popup .image-container a.zoomOut span {
    background-image: url("images/zoomIcons-small@2x.png");
    background-size: 56px 56px;
  }
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.disable,
.settings-index-view .image-edit-popup .image-container a.zoomOut.disable,
.settings-view .image-edit-popup .image-container a.zoomIn.disable,
.settings-view .image-edit-popup .image-container a.zoomOut.disable {
  opacity: 0.5;
  cursor: default;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomIn,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomIn,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomIn,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomIn {
  background-position: top left;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomIn span.hover,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomIn span.hover,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomIn span.hover,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomIn span.hover {
  background-position: top right;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomIn.enable:hover span.hover,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomIn.enable:hover span.hover,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomIn.enable:hover span.hover,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomIn.enable:hover span.hover {
  opacity: 1;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomIn.enable:active,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomIn.enable:active,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomIn.enable:active,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomIn.enable:active {
  opacity: 1;
  margin-top: 1px;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomOut,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomOut,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomOut,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomOut {
  right: 15px;
  background-position: bottom left;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomOut span.hover,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomOut span.hover,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomOut span.hover,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomOut span.hover {
  background-position: bottom right;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomOut.enable:hover span.hover,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomOut.enable:hover span.hover,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomOut.enable:hover span.hover,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomOut.enable:hover span.hover {
  opacity: 1;
}
.settings-index-view .image-edit-popup .image-container a.zoomIn.zoomOut.enable:active,
.settings-index-view .image-edit-popup .image-container a.zoomOut.zoomOut.enable:active,
.settings-view .image-edit-popup .image-container a.zoomIn.zoomOut.enable:active,
.settings-view .image-edit-popup .image-container a.zoomOut.zoomOut.enable:active {
  opacity: 1;
  margin-top: 1px;
}
.settings-index-view .image-edit-popup div.clearfix,
.settings-view .image-edit-popup div.clearfix {
  padding: 7px 20px 7px 0;
}
.settings-index-view .image-edit-popup div.clearfix .standardButton,
.settings-view .image-edit-popup div.clearfix .standardButton {
  float: right;
  margin-left: 10px;
}

.upload-hidden-input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
}

#settingsRightPanel {
  width: 500px;
  display: none;
  z-index: 25;
  padding: 0 0 117px;
}
#settingsRightPanel .assignments-new-header {
  padding: 25px;
}
#settingsRightPanel .sticky-tabs {
  margin-top: 76px;
}
#settingsRightPanel .sticky-tabs .sp-panel-navigation {
  border-top: 1px solid var(--neutral-5);
}
#settingsRightPanel #settingsInnerForm .staticPlaceholder {
  font-size: 10px;
}
#settingsRightPanel #settingsInnerForm .name-block #location_legalName {
  border-radius: 3px 3px 0 0;
  top: 1px;
}
#settingsRightPanel #settingsInnerForm .name-block #location_shortname {
  margin-top: -1px;
  border-radius: 0 0 3px 3px;
}
#settingsRightPanel #settingsInnerForm .address-block .one-column {
  margin: 0;
}
#settingsRightPanel #settingsInnerForm .address-block .three-column.address {
  margin-top: -1px;
}
#settingsRightPanel #settingsInnerForm .address-block .three-column.address section {
  margin: 0 0 0 -1px;
}
#settingsRightPanel #settingsInnerForm .address-block .three-column.address section:first-of-type {
  width: calc(100% - 214px);
  margin: 0;
}
#settingsRightPanel #settingsInnerForm .address-block #address_street {
  border-radius: 3px 3px 0 0;
}
#settingsRightPanel #settingsInnerForm .address-block #address_city {
  border-radius: 0 0 0 3px;
}
#settingsRightPanel #settingsInnerForm .address-block #address_state .sr-selectro .input-container {
  border-radius: 0;
}
#settingsRightPanel #settingsInnerForm .address-block #address_zip {
  border-radius: 0 0 3px 0;
}
#settingsRightPanel #settingsInnerForm .three-column.site-attributes {
  margin-top: -1px;
}
#settingsRightPanel #settingsInnerForm .three-column.site-attributes input {
  width: 142px;
}
#settingsRightPanel #settingsInnerForm .three-column.site-attributes input#no_of_buildings {
  width: 100%;
}
#settingsRightPanel #settingsInnerForm .three-column.site-attributes section {
  margin: 0 0 0 -1px;
}
#settingsRightPanel #settingsInnerForm .three-column.site-attributes section:first-of-type {
  width: calc(100% - 282px);
  margin: 0;
}
#settingsRightPanel #settingsInnerForm #no_of_buildings {
  border-radius: 3px 0 0 3px;
}
#settingsRightPanel #settingsInnerForm #floors {
  border-radius: 0;
}
#settingsRightPanel #settingsInnerForm #unit_count {
  border-radius: 0 3px 3px 0;
}
#settingsRightPanel #settingsInnerForm #siteEditLocateBtn {
  float: right;
  margin-bottom: 20px;
}
#settingsRightPanel.open {
  display: block;
}
#settingsRightPanel.open #settingsInnerForm {
  height: calc(100% - 61px);
}
#settingsRightPanel .separator {
  height: 1px;
  background: var(--neutral-5);
  margin: 0 25px;
}
#settingsRightPanel .inner-form {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#settingsRightPanel .top-msg {
  width: 100%;
  height: 40px;
  display: none;
  overflow: hidden;
  position: relative;
}
#settingsRightPanel .top-msg .top-msg-inner {
  position: absolute;
  width: 100%;
  height: 40px;
  padding-left: 30px;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 40px;
  box-sizing: border-box;
}
#settingsRightPanel .top-msg .top-msg-inner span.icon {
  width: 18px;
  height: 18px;
  margin: -4px 4px 0 0;
  background: url("images/settings/successIcon.png") no-repeat;
  display: inline-block;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #settingsRightPanel .top-msg .top-msg-inner span.icon {
    background-image: url("images/settings/successIcon@2x.png");
    background-size: 18px 18px;
  }
}
#settingsRightPanel .top-msg .top-msg-inner a.close {
  display: block;
  position: absolute;
  top: 15px;
  right: 30px;
  width: 11px;
  height: 12px;
  cursor: pointer;
  background: url("images/settings/successCloseIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #settingsRightPanel .top-msg .top-msg-inner a.close {
    background-image: url("images/settings/successCloseIcon@2x.png");
    background-size: 11px 12px;
  }
}
#settingsRightPanel .top-msg.error .top-msg-inner {
  color: var(--primary-red);
}
#settingsRightPanel .top-msg.error .top-msg-inner span.icon {
  width: 3px;
  height: 12px;
  margin: -4px 8px 0 0;
  background: url("images/settings/errorIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #settingsRightPanel .top-msg.error .top-msg-inner span.icon {
    background-image: url("images/settings/errorIcon@2x.png");
    background-size: 3px 12px;
  }
}
#settingsRightPanel .top-msg.error .top-msg-inner a.close {
  display: none;
}
#settingsRightPanel header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 30px;
  border-top: 1px solid var(--neutral-5);
  box-sizing: border-box;
}
#settingsRightPanel header button span.icon {
  margin-right: 6px;
  width: 13px;
  height: 11px;
  background: url("images/standardBtnBackWhite.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #settingsRightPanel header button span.icon {
    background-image: url("images/standardBtnBackWhite@2x.png");
    background-size: 13px 11px;
  }
}
#settingsRightPanel header p {
  -ms-flex: 1;
      flex: 1;
  margin: 0 0 0 10px;
  font-size: 11px;
  line-height: 15px;
}
#settingsRightPanel fieldset {
  padding: 30px 0 2px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
#settingsRightPanel fieldset h3 {
  line-height: 15px;
}
#settingsRightPanel fieldset .sr-input.required input {
  background: var(--neutral-8-white-) !important;
}
#settingsRightPanel fieldset .one-column,
#settingsRightPanel fieldset .two-column,
#settingsRightPanel fieldset .three-column {
  padding: 0 30px;
  margin-bottom: 25px;
}
#settingsRightPanel fieldset .one-column.sectionTitle,
#settingsRightPanel fieldset .two-column.sectionTitle,
#settingsRightPanel fieldset .three-column.sectionTitle {
  margin-bottom: 20px;
}
#settingsRightPanel fieldset h3.one-column {
  margin-bottom: 20px;
}
#settingsRightPanel fieldset div.question-mark {
  margin-right: 30px;
}
#settingsRightPanel fieldset .one-column input {
  width: 100%;
}
#settingsRightPanel fieldset .one-column.with-tooltip label.sr-input,
#settingsRightPanel fieldset .one-column.with-tooltip .sr-selectro {
  width: calc(100% - 32px);
  display: inline-block;
}
#settingsRightPanel fieldset .one-column.with-tooltip button.accessible-button {
  top: 12px;
}
#settingsRightPanel fieldset .two-column section,
#settingsRightPanel fieldset .three-column section {
  float: left;
  margin-right: 10px;
}
#settingsRightPanel fieldset .two-column section.clearfix,
#settingsRightPanel fieldset .three-column section.clearfix {
  float: none;
}
#settingsRightPanel fieldset .two-column section:last-of-type,
#settingsRightPanel fieldset .three-column section:last-of-type {
  margin-right: 0px;
}
#settingsRightPanel fieldset .two-column input,
#settingsRightPanel fieldset .two-column .sr-selectro {
  width: 205px;
}
#settingsRightPanel fieldset .two-column section {
  margin: 0 0 0 -1px;
}
#settingsRightPanel fieldset .two-column section:first-of-type {
  width: calc(100% - 213px);
  margin: 0;
}
#settingsRightPanel fieldset .two-column section #no_of_buildings {
  width: 100%;
}
#settingsRightPanel fieldset .two-column section #unit_count {
  width: 213px;
}
#settingsRightPanel fieldset .three-column.address input {
  width: 116px;
}
#settingsRightPanel fieldset .three-column.address input#address_city {
  width: 100%;
}
#settingsRightPanel fieldset .three-column.address .sr-selectro {
  width: 100px;
}
#settingsRightPanel fieldset .three-column.address .standardButton.blue {
  width: 46px;
  min-width: 46px;
  padding: 7px;
  position: relative;
  /*img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 26px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    @include single-transition(all,0.75s,ease-in-out);
  }
  &:hover {
    img {
      -webkit-animation: faceSpin 0.75s infinite;
      animation: faceSpin 0.75s infinite;
    }
  }
  &.active {
    img {
      width: 50px;
    }
  }
  @-moz-keyframes faceSpin {
      from { -moz-transform: translate(-50%,-50%) rotate(0deg); }
      to { -moz-transform: translate(-50%,-50%) rotate(360deg); }
  }
  @-webkit-keyframes faceSpin {
      from { -webkit-transform: translate(-50%,-50%) rotate(0deg); }
      to { -webkit-transform: translate(-50%,-50%) rotate(360deg); }
  }
  @keyframes faceSpin {
      from {transform:translate(-50%,-50%) rotate(0deg);}
      to {transform:translate(-50%,-50%) rotate(360deg);}
  }*/
}
#settingsRightPanel fieldset .three-column.address .standardButton.blue span.icon {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  background: url("images/settings/locateIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #settingsRightPanel fieldset .three-column.address .standardButton.blue span.icon {
    background-image: url("images/settings/locateIcon@2x.png");
    background-size: 26px 26px;
  }
}
#settingsRightPanel fieldset .three-column.attributes input {
  width: 120px;
}
#settingsRightPanel fieldset .three-column.attributes .sr-selectro {
  width: 105px;
}
#settingsRightPanel fieldset .three-column.attributes .sr-selectro .selectro-list-container div.contents {
  max-height: 152px;
}
#settingsRightPanel fieldset .three-column.attributes .sr-selectro.style {
  width: 179px;
}
#settingsRightPanel fieldset .resident-types {
  margin-bottom: 15px;
}
#settingsRightPanel fieldset .resident-types .sr-label {
  width: 125px;
  display: block;
  float: left;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  margin: 2px 20px 0 0;
}
#settingsRightPanel fieldset .resident-types ul {
  float: left;
  width: 304px;
  margin: 0;
}
#settingsRightPanel fieldset .resident-types ul li {
  width: 134px;
}
#settingsRightPanel fieldset .resident-types ul label {
  font-size: 14px;
  font-weight: 400;
}
#settingsRightPanel fieldset .resident-types ul .sr-checkbox {
  vertical-align: top;
  margin: -2px 4px 0 0;
}
#settingsRightPanel fieldset .error-states {
  display: none;
  clear: both;
  color: var(--primary-red);
  font-size: 12px;
  line-height: 17px;
  margin-top: 7px;
}
#settingsRightPanel fieldset .error-states.active {
  display: block;
}
#settingsRightPanel fieldset .standardButton.destructive {
  margin: 20px auto;
}
#settingsRightPanel .delete-info {
  font-size: 14px;
  line-height: 18px;
}
#settingsRightPanel #site_delete_button {
  float: left;
}

.resident-communications .res-comm-title {
  font-size: 15px;
  margin-top: 30px;
}
.resident-communications .flex {
  display: -ms-flexbox;
  display: flex;
}
.resident-communications .bottom-info {
  padding: 0 25px 43px 0;
}
.resident-communications .custom-mt {
  margin-top: 40px !important;
}
.resident-communications .title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 29px;
}
.resident-communications .title-container .description {
  width: 802px;
}
.resident-communications .autosend-container {
  width: 890px;
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  margin-bottom: 29px;
  padding-top: 29px;
}
.resident-communications .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.resident-communications .custom-button {
  border: none;
  background: transparent;
  color: var(--primary-blue);
  font-size: 14px;
}
.resident-communications .custom-button:hover {
  cursor: pointer;
}
.resident-communications .custom-button:focus {
  outline: none;
}
.resident-communications .image-edit-popup {
  position: absolute;
  display: none;
  z-index: 50;
  left: 50%;
  top: 50%;
  background-color: var(--neutral-8-white-);
  width: 502px;
  height: 508px;
  text-align: left;
  margin: -254px 0 0 -251px;
  box-sizing: border-box;
  border-radius: 4px;
}
.resident-communications .image-edit-popup.enabled {
  display: block;
}
.resident-communications .image-edit-popup header {
  position: relative;
  padding: 18px 25px;
}
.resident-communications .image-edit-popup header h4 {
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 19px;
  display: block;
  margin-bottom: 3px;
}
.resident-communications .image-edit-popup header p {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.resident-communications .image-edit-popup header .modal-close {
  position: absolute;
  top: 25px;
  right: 22px;
}
.resident-communications .image-edit-popup .image-container {
  width: 502px;
  height: 378px;
  background-color: #ccc;
  position: relative;
  overflow: hidden;
}
.resident-communications .image-edit-popup .image-container svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.resident-communications .image-edit-popup .image-container svg .rectFill {
  fill-opacity: 0.5;
}
.resident-communications .image-edit-popup .image-container svg .rectOutline {
  stroke: #82d0ff;
  fill-opacity: 0;
}
.resident-communications .image-edit-popup .image-container img {
  position: absolute;
  z-index: 0;
  cursor: move;
}
.resident-communications .image-edit-popup .image-container a.zoomIn,
.resident-communications .image-edit-popup .image-container a.zoomOut {
  top: 10px;
  right: 48px;
  position: absolute;
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
  z-index: 20;
  background-image: url("images/zoomIcons-small.png");
  transition: opacity 0.1s ease-in;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .resident-communications .image-edit-popup .image-container a.zoomIn,
  .resident-communications .image-edit-popup .image-container a.zoomOut {
    background-image: url("images/zoomIcons-small@2x.png");
    background-size: 56px 56px;
  }
}
.resident-communications .image-edit-popup .image-container a.zoomIn span,
.resident-communications .image-edit-popup .image-container a.zoomOut span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.1s ease-in;
  background-image: url("images/zoomIcons-small.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .resident-communications .image-edit-popup .image-container a.zoomIn span,
  .resident-communications .image-edit-popup .image-container a.zoomOut span {
    background-image: url("images/zoomIcons-small@2x.png");
    background-size: 56px 56px;
  }
}
.resident-communications .image-edit-popup .image-container a.zoomIn.disable,
.resident-communications .image-edit-popup .image-container a.zoomOut.disable {
  opacity: 0.5;
  cursor: default;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomIn,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomIn {
  background-position: top left;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomIn span.hover,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomIn span.hover {
  background-position: top right;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomIn.enable:hover span.hover,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomIn.enable:hover span.hover {
  opacity: 1;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomIn.enable:active,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomIn.enable:active {
  opacity: 1;
  margin-top: 1px;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomOut,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomOut {
  right: 15px;
  background-position: bottom left;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomOut span.hover,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomOut span.hover {
  background-position: bottom right;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomOut.enable:hover span.hover,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomOut.enable:hover span.hover {
  opacity: 1;
}
.resident-communications .image-edit-popup .image-container a.zoomIn.zoomOut.enable:active,
.resident-communications .image-edit-popup .image-container a.zoomOut.zoomOut.enable:active {
  opacity: 1;
  margin-top: 1px;
}
.resident-communications .image-edit-popup div.clearfix {
  padding: 7px 20px 7px 0;
}
.resident-communications .image-edit-popup div.clearfix .standardButton {
  float: right;
  margin-left: 10px;
}
.resident-communications .delete-overlay,
.resident-communications .image-edit-overlay,
.resident-communications .geodelete-overlay {
  display: none;
  z-index: 30;
  background-color: var(--neutral-0-black-);
  opacity: 0.3;
}
.resident-communications .delete-overlay.enabled, .resident-communications .delete-overlay.processing,
.resident-communications .image-edit-overlay.enabled,
.resident-communications .image-edit-overlay.processing,
.resident-communications .geodelete-overlay.enabled,
.resident-communications .geodelete-overlay.processing {
  display: block;
}
.resident-communications .sr-file-manager .file-cell .file-display {
  width: 200px;
  height: 200px;
  border-radius: 0;
}
.resident-communications .sr-file-manager .file-row {
  min-width: 210px;
}
.resident-communications .sr-file-manager .file-cell .file-name {
  display: none;
}
.resident-communications .email-sender-content {
  padding: 20px 0 29px;
}
.resident-communications .reset-btn-container {
  width: 890px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-top: 17px;
}
.resident-communications .custom-invitation-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 15px;
}
.resident-communications .custom-invitation-content .sr-file-manager .file-cell .file-display {
  position: relative;
  width: 79px;
  height: 79px;
  margin-bottom: 6px;
  border: 1px solid var(--neutral-5);
  border-radius: 4px;
  box-sizing: border-box;
}
.resident-communications .custom-invitation-content .sr-file-manager .file-row {
  min-width: 460px;
}
.resident-communications .custom-invitation-content .sr-file-manager .file-cell .file-name {
  display: block;
}
.resident-communications .custom-invitation-content .left-container {
  width: 570px;
}
.resident-communications .custom-invitation-content .left-container .subject-counted-input {
  margin-top: 15px;
  padding-bottom: 16px;
}
.resident-communications .custom-invitation-content .left-container .subject-counted-input .sr-textarea textarea {
  margin: 0;
  height: 100px;
  width: 570px;
  resize: none;
}
.resident-communications .custom-invitation-content .left-container .subject-counted-input input {
  width: 100%;
}
.resident-communications .custom-invitation-content .left-container .subject-counted-input span {
  float: right;
  font-weight: 400;
  font-size: 13px;
  color: var(--neutral-3);
  margin-top: 12px;
  line-height: 18px;
}
.resident-communications .custom-invitation-content .left-container .markdown-wrapper {
  margin-top: 15px;
}
.resident-communications .custom-invitation-content .left-container .markdown-wrapper .chars-count {
  float: right;
  font-weight: 400;
  font-size: 13px;
  color: var(--neutral-3);
  margin-top: 12px;
  line-height: 18px;
}
.resident-communications .custom-invitation-content .left-container .add-files-label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px;
}
.resident-communications .custom-invitation-content .invitation-right-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-top: 15px;
  width: 320px;
  height: 300px;
}
.resident-communications .custom-invitation-content .invitation-right-container .previewButton {
  width: 156px;
}
.resident-communications .custom-invitation-content .invitation-right-container .resetContentButton {
  width: 204px;
  margin-top: 20px;
}
.resident-communications .sender-container-custom-invite {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 15px;
  -ms-flex-align: end;
      align-items: flex-end;
}
.resident-communications .sender-container-custom-invite .left-side {
  width: 440px;
  font-size: 13px;
}
.resident-communications .sender-container-custom-invite .custom-invitation-reply-to {
  width: 440px;
  font-size: 13px;
  margin-left: 10px;
}
.resident-communications .sender-container-custom-invite .custom-invitation-reply-to input {
  width: 100%;
}
.resident-communications .sender-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 30px;
  -ms-flex-align: end;
      align-items: flex-end;
}
.resident-communications .sender-container .left-side {
  width: 440px;
  font-size: 14px;
}
.resident-communications .sender-container .right-container {
  width: 440px;
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.resident-communications .sender-container .right-container .reset-button-container {
  width: 100%;
  text-align: right;
  height: 20px;
  margin-top: 10px;
}
.resident-communications .sender-container .custom-mb {
  margin-bottom: 25px;
}
.resident-communications .sender-container .checkbox-container {
  margin-top: 10px;
  height: 20px;
}
.resident-communications .sender-container .customSenderInput.custom-margin {
  margin-top: 30px;
}
.resident-communications .sender-container .customSenderInput .sr-input input {
  width: 100%;
}

.instructions {
  line-height: 18px;
  color: var(--neutral-3);
  margin-top: 12px;
}

#siteImageUpload {
  width: 100%;
  background-color: var(--neutral-8-white-);
  border: 1px solid var(--neutral-5);
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 3px;
}
#siteImageUpload .instructions {
  width: 165px;
  padding: 20px 18px 20px 20px;
  float: left;
}
#siteImageUpload .instructions h4 {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
  margin-bottom: 6px;
}
#siteImageUpload .instructions p {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
#siteImageUpload .image-container {
  position: relative;
  width: 200px;
  float: left;
  padding: 15px 15px 15px 0;
}
#siteImageUpload .image-container .image-container-img {
  position: relative;
  overflow: hidden;
  width: 202px;
  height: 112px;
  cursor: pointer;
  background: url("images/settings/imageUpload.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #siteImageUpload .image-container .image-container-img {
    background-image: url("images/settings/imageUpload@2x.png");
    background-size: 606px 112px;
  }
}
#siteImageUpload .image-container .image-container-img:hover, #siteImageUpload .image-container .image-container-img.hover {
  background-position: center;
}
#siteImageUpload .image-container .image-container-img img {
  display: block;
  position: absolute;
  height: auto;
}
#siteImageUpload .image-container .remove-image {
  display: none;
  position: absolute;
  z-index: 10;
  top: 14px;
  right: 13px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url("images/imageDeleteIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #siteImageUpload .image-container .remove-image {
    background-image: url("images/imageDeleteIcon@2x.png");
    background-size: 44px 22px;
  }
}
#siteImageUpload .image-container .remove-image.visible:hover {
  background-position: right;
  display: block;
}
#siteImageUpload.hasImage .image-container-img {
  border-radius: 2px;
}
#siteImageUpload.hasImage .image-container:hover .remove-image {
  display: block;
}
#siteImageUpload.error .instructions h4,
#siteImageUpload.error .instructions p {
  color: var(--primary-red);
}
#siteImageUpload.error .image-container .image-container-img {
  background-position: right;
}
#siteImageUpload.error .image-container .image-container-img:hover, #siteImageUpload.error .image-container .image-container-img.hover {
  background-position: center;
}

.workspace-defaults {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
}
.workspace-defaults .workspace-nav nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 13px;
  gap: 5px;
}
.workspace-defaults .workspace-nav nav .nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 250px;
  height: 36px;
  color: var(--neutral-3);
  border-radius: 3px;
  cursor: pointer;
}
.workspace-defaults .workspace-nav nav .nav-item.active {
  background-color: var(--primary-blue);
  color: var(--neutral-8-white-);
}
.workspace-defaults .workspace-nav nav .nav-item span {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
.workspace-defaults .workspace {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 30px;
  width: 650px;
}
.workspace-defaults .workspace .workspace-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 25px;
  color: var(--neutral-2);
}
.workspace-defaults .workspace .workspace-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--neutral-2);
}
.workspace-defaults .workspace .sr-selectro {
  width: 450px;
}
.workspace-defaults .workspace .sr-selectro .input-container {
  position: relative;
  z-index: 0;
}
.workspace-defaults .workspace .sr-selectro .input-container:hover {
  z-index: 8;
}
.workspace-defaults .workspace .sr-selectro.assignee .input-container {
  border-radius: 3px 3px 0 0;
}
.workspace-defaults .workspace .sr-selectro.schedule .input-container {
  border-radius: 0;
  margin-top: -1px;
}
.workspace-defaults .workspace .sr-selectro.documentation .input-container {
  border-radius: 0 0 3px 3px;
  margin-top: -1px;
}
.workspace-defaults .workspace .sr-selectro.documentation .input-container.open {
  border-radius: 0;
}
.workspace-defaults .workspace .separator {
  height: 1px;
  width: 660px;
  background: var(--neutral-5);
  margin: 25px 0;
}

.settings-form-container {
  width: 100%;
  max-width: 930px;
}
.settings-form-container em {
  font-style: italic;
}
.settings-form-container strong {
  font-weight: 700;
}
.settings-form-container a {
  color: var(--primary-blue);
  text-decoration: none;
}
.settings-form-container a:hover {
  border-bottom: 1px solid var(--primary-blue);
}
.settings-form-container > div.loading {
  position: absolute;
  height: 100%;
  top: 51px;
  left: 0;
  right: 0;
  background-color: rgba(231, 234, 236, 0.7);
  z-index: 10;
}
.settings-form-container > div.loading .full-loading {
  margin-top: 15%;
}
.settings-form-container p.intro {
  margin: 0 0 34px;
  font-size: 15px;
  color: var(--neutral-2);
  line-height: 20px;
}
.settings-form-container button.save-button {
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 220px;
  margin: 30px 0;
}
.settings-form-container .autosend-description {
  width: calc(100% - 115px);
}
.settings-form-container .form-container .branding-colors .description,
.settings-form-container .form-container .branding-images .description {
  float: left;
  width: 282px;
  margin-right: 19px;
}
.settings-form-container .form-container .branding-colors .description h4,
.settings-form-container .form-container .branding-images .description h4 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 18px;
}
.settings-form-container .form-container .branding-colors .description p,
.settings-form-container .form-container .branding-images .description p {
  margin-bottom: 18px;
}
.settings-form-container .form-container .rent-p {
  display: inline-block;
  max-width: 682px;
}
.settings-form-container .form-container .form-content-separator {
  margin: 20px 0;
}
.settings-form-container .form-container .branding-colors {
  margin-top: 30px;
  padding-top: 30px;
}
.settings-form-container .form-container .branding-colors.chrome object {
  transform: scale(1, 1) rotateZ(0.00001deg);
}
.settings-form-container .form-container .branding-colors .picker-container {
  width: 123px;
  float: left;
  text-align: center;
  margin-left: 67px;
}
.settings-form-container .form-container .branding-colors .picker-container p {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 18px;
}
.settings-form-container .form-container .branding-colors .picker-container a {
  display: block;
  font-size: 11px;
  color: var(--primary-blue);
  line-height: 15px;
  cursor: pointer;
}
.settings-form-container .form-container .branding-colors .picker-container a:hover {
  border-bottom: none;
}
.settings-form-container .form-container .branding-colors .mobile-example {
  position: relative;
  float: left;
  margin-left: 123px;
}
.settings-form-container .form-container .branding-colors .mobile-example div.background {
  margin-top: -15px;
  width: 124px;
  height: 133px;
  background: url("images/settings/residents/brandingColorPhone.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-colors .mobile-example div.background {
    background-image: url("images/settings/residents/brandingColorPhone@2x.png");
    background-size: 124px 133px;
  }
}
.settings-form-container .form-container .branding-colors .mobile-example svg {
  position: absolute;
  z-index: 2;
  bottom: 33px;
  left: 19px;
}
.settings-form-container .form-container .branding-colors .desktop-example {
  position: relative;
  float: left;
  margin-left: 24px;
}
.settings-form-container .form-container .branding-colors .desktop-example div.background {
  margin-top: -10px;
  width: 114px;
  height: 125px;
  background: url("images/settings/residents/brandingColorDesktop.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-colors .desktop-example div.background {
    background-image: url("images/settings/residents/brandingColorDesktop@2x.png");
    background-size: 114px 125px;
  }
}
.settings-form-container .form-container .branding-colors .desktop-example svg {
  position: absolute;
  z-index: 2;
  bottom: 35px;
  left: 8px;
  width: 20px;
  height: 67px;
}
.settings-form-container .form-container .branding-colors .desktop-example button {
  position: absolute;
  z-index: 2;
  min-width: 109px;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 8px;
  color: var(--neutral-8-white-);
  bottom: 7px;
  left: 8px;
}
.settings-form-container .form-container .branding-colors .color-picker {
  margin: 5px auto;
  width: 124px;
  border: 2px solid var(--neutral-6);
  box-sizing: border-box;
  border-radius: 6px;
}
.settings-form-container .form-container .branding-colors .color-picker .palette,
.settings-form-container .form-container .branding-colors .color-picker .picker {
  float: left;
  position: relative;
  width: 60px;
  height: 60px;
  cursor: pointer;
  box-sizing: border-box;
}
.settings-form-container .form-container .branding-colors .color-picker .palette {
  border-right: 1px solid var(--neutral-6);
  border-radius: 6px 0 0 6px;
  transition: background-color 0.1s ease-in;
}
.settings-form-container .form-container .branding-colors .color-picker .palette span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -3px 0 0 -9px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: var(--neutral-6) transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.075s ease-in;
}
.settings-form-container .form-container .branding-colors .color-picker .palette:hover span:not(.disabled) {
  opacity: 1;
}
.settings-form-container .form-container .branding-colors .color-picker .picker {
  border-left: 1px solid var(--neutral-6);
  border-radius: 0 4px 4px 0;
  transition: background-color 0.075s ease-in;
}
.settings-form-container .form-container .branding-colors .color-picker .picker:hover {
  background-color: var(--neutral-6);
}
.settings-form-container .form-container .branding-colors .color-picker .picker .wheel {
  display: block;
  width: 39px;
  height: 39px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -19px 0 0 -21px;
  background: url("images/settings/residents/colorWheel.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-colors .color-picker .picker .wheel {
    background-image: url("images/settings/residents/colorWheel@2x.png");
    background-size: 39px 39px;
  }
}
.settings-form-container .form-container .form-content.branding {
  padding-bottom: 15px;
}
.settings-form-container .form-container .form-content.branding.no-upload .branding-colors {
  border-top: 0px;
  padding-top: 0px;
  margin-top: 10px;
}
.settings-form-container .form-container .branding-images .description,
.settings-form-container .form-container .branding-images .mobile,
.settings-form-container .form-container .branding-images .web {
  float: left;
  margin-top: 15px;
}
.settings-form-container .form-container .branding-images .mobile,
.settings-form-container .form-container .branding-images .web {
  position: relative;
}
.settings-form-container .form-container .branding-images .mobile .upload-icon,
.settings-form-container .form-container .branding-images .web .upload-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -16px;
  width: 31px;
  height: 25px;
  background: url("images/settings/residents/camera.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-images .mobile .upload-icon,
  .settings-form-container .form-container .branding-images .web .upload-icon {
    background-image: url("images/settings/residents/camera@2x.png");
    background-size: 93px 25px;
  }
}
.settings-form-container .form-container .branding-images .mobile .upload-icon.error,
.settings-form-container .form-container .branding-images .web .upload-icon.error {
  background-position: right !important;
}
.settings-form-container .form-container .branding-images .mobile .upload-icon.hide,
.settings-form-container .form-container .branding-images .web .upload-icon.hide {
  display: none;
}
.settings-form-container .form-container .branding-images .mobile .remove-image,
.settings-form-container .form-container .branding-images .web .remove-image {
  display: none;
  position: absolute;
  z-index: 10;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url("images/imageDeleteIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-images .mobile .remove-image,
  .settings-form-container .form-container .branding-images .web .remove-image {
    background-image: url("images/imageDeleteIcon@2x.png");
    background-size: 44px 22px;
  }
}
.settings-form-container .form-container .branding-images .mobile .remove-image.visible:hover,
.settings-form-container .form-container .branding-images .web .remove-image.visible:hover {
  background-position: right;
  display: block;
}
.settings-form-container .form-container .branding-images .mobile .upload,
.settings-form-container .form-container .branding-images .web .upload {
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}
.settings-form-container .form-container .branding-images .mobile .upload img,
.settings-form-container .form-container .branding-images .web .upload img {
  position: absolute;
  display: block;
}
.settings-form-container .form-container .branding-images .mobile .upload:hover .upload-icon,
.settings-form-container .form-container .branding-images .web .upload:hover .upload-icon {
  background-position: center;
}
.settings-form-container .form-container .branding-images .mobile .frame,
.settings-form-container .form-container .branding-images .web .frame {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: left;
}
.settings-form-container .form-container .branding-images .mobile .frame.error,
.settings-form-container .form-container .branding-images .web .frame.error {
  background-position: right !important;
}
.settings-form-container .form-container .branding-images .mobile .upload:hover + .upload-controls .frame,
.settings-form-container .form-container .branding-images .web .upload:hover + .upload-controls .frame {
  background-position: center;
}
.settings-form-container .form-container .branding-images .mobile .upload:hover + .upload-controls .remove-image.visible,
.settings-form-container .form-container .branding-images .web .upload:hover + .upload-controls .remove-image.visible {
  display: block;
}
.settings-form-container .form-container .branding-images .mobile .overlay,
.settings-form-container .form-container .branding-images .web .overlay {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.settings-form-container .form-container .branding-images .mobile p,
.settings-form-container .form-container .branding-images .web p {
  margin-top: 16px;
  text-align: center;
}
.settings-form-container .form-container .branding-images .mobile p em,
.settings-form-container .form-container .branding-images .web p em {
  font-style: italic;
}
.settings-form-container .form-container .branding-images .mobile p strong,
.settings-form-container .form-container .branding-images .web p strong {
  font-weight: 700;
}
.settings-form-container .form-container .branding-images .mobile p.error,
.settings-form-container .form-container .branding-images .web p.error {
  color: var(--primary-red);
}
.settings-form-container .form-container .branding-images .mobile {
  width: 262px;
  margin-right: 30px;
}
.settings-form-container .form-container .branding-images .mobile .upload {
  top: 25px;
  left: 89px;
  width: 84px;
  height: 150px;
}
.settings-form-container .form-container .branding-images .mobile .remove-image {
  top: 28px;
  right: 92px;
}
.settings-form-container .form-container .branding-images .mobile .frame {
  width: 100px;
  height: 201px;
  background-image: url("images/settings/residents/phonePlaceholder.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-images .mobile .frame {
    background-image: url("images/settings/residents/phonePlaceholder@2x.png");
    background-size: 300px 201px;
  }
}
.settings-form-container .form-container .branding-images .mobile .overlay {
  top: 30px;
  left: 93px;
  width: 65px;
  height: 130px;
  background: url("images/settings/residents/phoneOverlay.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-images .mobile .overlay {
    background-image: url("images/settings/residents/phoneOverlay@2x.png");
    background-size: 65px 130px;
  }
}
.settings-form-container .form-container .branding-images .web {
  margin-top: 36px;
  width: 305px;
}
.settings-form-container .form-container .branding-images .web .remove-image {
  top: 14px;
  right: 41px;
}
.settings-form-container .form-container .branding-images .web .upload,
.settings-form-container .form-container .branding-images .web .overlay {
  top: 11px;
  left: 38px;
  width: 230px;
  height: 130px;
}
.settings-form-container .form-container .branding-images .web .upload {
  z-index: 1;
}
.settings-form-container .form-container .branding-images .web .frame {
  width: 305px;
  height: 164px;
  background-image: url("images/settings/residents/webPlaceholder.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-images .web .frame {
    background-image: url("images/settings/residents/webPlaceholder@2x.png");
    background-size: 915px 164px;
  }
}
.settings-form-container .form-container .branding-images .web .overlay {
  width: 185px;
  background: url("images/settings/residents/webOverlay.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .branding-images .web .overlay {
    background-image: url("images/settings/residents/webOverlay@2x.png");
    background-size: 185px 130px;
  }
}
.settings-form-container .form-container .branding-images .web p {
  margin-top: 32px;
}
.settings-form-container .form-container .domain {
  padding-bottom: 20px;
}
.settings-form-container .form-container .domain input {
  width: 300px;
}
.settings-form-container .form-container .domain .preview {
  margin-top: 10px;
}
.settings-form-container .form-container .domain .text-display {
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
}
.settings-form-container .form-container .domain .text-display a:hover,
.settings-form-container .form-container .domain .text-display span:hover {
  border-bottom: 1px solid var(--primary-blue);
}
.settings-form-container .form-container .domain .text-display a.disabled,
.settings-form-container .form-container .domain .text-display span.disabled {
  cursor: default;
}
.settings-form-container .form-container .domain .text-display a.disabled:hover,
.settings-form-container .form-container .domain .text-display span.disabled:hover {
  border-bottom: none;
}
.settings-form-container .form-container .domain .error {
  font-size: 11px;
  color: var(--primary-red);
  line-height: 15px;
  margin: 4px 0 0 145px;
}
.settings-form-container .form-container .task-creation {
  margin: 26px 0 0 0;
}
.settings-form-container .form-container .task-creation label.desc {
  float: left;
  width: 100px;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 40px;
  margin-right: 15px;
}
.settings-form-container .form-container .task-creation label.desc.multiline {
  width: 100px;
  margin-left: 30px;
  line-height: 18px;
}
.settings-form-container .form-container .task-creation .sr-selectro {
  float: left;
  width: 300px;
  margin-right: 10px;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan {
  background-size: 20px 20px !important;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.today {
  background: url("images/timeframes/24w/black/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.today {
    background-image: url("images/timeframes/24w/black/today@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.tomorrow {
  background: url("images/timeframes/24w/black/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.tomorrow {
    background-image: url("images/timeframes/24w/black/tomorrow@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-week {
  background: url("images/timeframes/24w/black/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-week {
    background-image: url("images/timeframes/24w/black/week@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.next-week {
  background: url("images/timeframes/24w/black/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.next-week {
    background-image: url("images/timeframes/24w/black/next-week@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-month {
  background: url("images/timeframes/24w/black/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-month {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-quarter {
  background: url("images/timeframes/24w/black/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-quarter {
    background-image: url("images/timeframes/24w/black/this-quarter@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-year {
  background: url("images/timeframes/24w/black/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-year {
    background-image: url("images/timeframes/24w/black/this-year@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-7 {
  background: url("images/timeframes/24w/black/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-7 {
    background-image: url("images/timeframes/24w/black/last-7@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-30 {
  background: url("images/timeframes/24w/black/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-30 {
    background-image: url("images/timeframes/24w/black/last-30@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-week {
  background: url("images/timeframes/24w/black/last-week.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-month {
  background: url("images/timeframes/24w/black/last-month.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-quarter {
  background: url("images/timeframes/24w/black/last-quarter.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.last-year {
  background: url("images/timeframes/24w/black/last-year.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.pick-date, .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.custom {
  background: url("images/timeframes/24w/black/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.pick-date, .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.custom {
    background-image: url("images/timeframes/24w/black/pick-date@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.next-year-and-beyond {
  background: url("images/timeframes/24w/black/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.next-year-and-beyond {
    background-image: url("images/timeframes/24w/black/next-year-and-beyond@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.all-time {
  background: url("images/timeframes/24w/black/all-time.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.repeating {
  background: url("images/timeframes/24w/black/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.repeating {
    background-image: url("images/timeframes/24w/black/repeating@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.unscheduled {
  background: url("images/timeframes/24w/black/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.unscheduled {
    background-image: url("images/timeframes/24w/black/unscheduled@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.now {
  background: url("images/timeframes/24w/black/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.now {
    background-image: url("images/timeframes/24w/black/now.svg");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-morning {
  background: url("images/timeframes/24w/black/this-morning.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-afternoon {
  background: url("images/timeframes/24w/black/this-afternoon.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.this-evening {
  background: url("images/timeframes/24w/black/this-evening.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.business-open {
  background: url("images/timeframes/24w/black/business-open.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.business-close {
  background: url("images/timeframes/24w/black/business-close.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro span.imgSpan.any-time {
  background: url("images/timeframes/24w/black/any-time.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan {
  background-size: 20px 20px !important;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.today {
  background: url("images/timeframes/24w/white/today.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.today {
    background-image: url("images/timeframes/24w/white/today@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.tomorrow {
  background: url("images/timeframes/24w/white/tomorrow.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.tomorrow {
    background-image: url("images/timeframes/24w/white/tomorrow@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-week {
  background: url("images/timeframes/24w/white/week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-week {
    background-image: url("images/timeframes/24w/white/week@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.next-week {
  background: url("images/timeframes/24w/white/next-week.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.next-week {
    background-image: url("images/timeframes/24w/white/next-week@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-month {
  background: url("images/timeframes/24w/white/this-month.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-month {
    background-image: url("images/timeframes/24w/white/this-month@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-quarter {
  background: url("images/timeframes/24w/white/this-quarter.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-quarter {
    background-image: url("images/timeframes/24w/white/this-quarter@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-year {
  background: url("images/timeframes/24w/white/this-year.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-year {
    background-image: url("images/timeframes/24w/white/this-year@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-7 {
  background: url("images/timeframes/24w/white/last-7.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-7 {
    background-image: url("images/timeframes/24w/white/last-7@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-30 {
  background: url("images/timeframes/24w/white/last-30.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-30 {
    background-image: url("images/timeframes/24w/white/last-30@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-week {
  background: url("images/timeframes/24w/white/last-week.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-month {
  background: url("images/timeframes/24w/white/last-month.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-quarter {
  background: url("images/timeframes/24w/white/last-quarter.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.last-year {
  background: url("images/timeframes/24w/white/last-year.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.pick-date, .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.custom {
  background: url("images/timeframes/24w/white/pick-date.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.pick-date, .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.custom {
    background-image: url("images/timeframes/24w/white/pick-date@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.next-year-and-beyond {
  background: url("images/timeframes/24w/white/next-year-and-beyond.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.next-year-and-beyond {
    background-image: url("images/timeframes/24w/white/next-year-and-beyond@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.all-time {
  background: url("images/timeframes/24w/white/all-time.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.repeating {
  background: url("images/timeframes/24w/white/repeating.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.repeating {
    background-image: url("images/timeframes/24w/white/repeating@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.unscheduled {
  background: url("images/timeframes/24w/white/unscheduled.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.unscheduled {
    background-image: url("images/timeframes/24w/white/unscheduled@2x.png");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.now {
  background: url("images/timeframes/24w/white/now.svg") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.now {
    background-image: url("images/timeframes/24w/white/now.svg");
    background-size: 20px 20px;
  }
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.business-open {
  background: url("images/timeframes/24w/white/business-open.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.business-close {
  background: url("images/timeframes/24w/white/business-close.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-morning {
  background: url("images/timeframes/24w/white/this-morning.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-afternoon {
  background: url("images/timeframes/24w/white/this-afternoon.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.this-evening {
  background: url("images/timeframes/24w/white/this-evening.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.business-open {
  background: url("images/timeframes/24w/white/business-open.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.business-close {
  background: url("images/timeframes/24w/white/business-close.svg") no-repeat;
}
.settings-form-container .form-container .task-creation .sr-selectro li.selected span.imgSpan.any-time {
  background: url("images/timeframes/24w/white/any-time.svg") no-repeat;
}
.settings-form-container .form-container .task-creation.leasing {
  margin-top: 10px;
}
.settings-form-container .form-container .ivr .leasing-defaults h4,
.settings-form-container .form-container .ivr .email-summary h4 {
  display: block;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 8px;
}
.settings-form-container .form-container .ivr .first-multi-select .sr-multi-select {
  z-index: 5;
}
.settings-form-container .form-container .ivr .first-multi-select .sr-multi-select.active {
  z-index: 6;
}
.settings-form-container .form-container .ivr .email-summary h4,
.settings-form-container .form-container .ivr .email-survey-results h4 {
  margin-bottom: 20px;
}
.settings-form-container .form-container .ivr .email-summary fieldset,
.settings-form-container .form-container .ivr .email-survey-results fieldset {
  margin-top: 30px;
}
.settings-form-container .form-container .ivr .email-summary span,
.settings-form-container .form-container .ivr .email-survey-results span {
  font-size: 14px;
}
.settings-form-container .form-container .ivr .email-summary span.checkbox-info,
.settings-form-container .form-container .ivr .email-survey-results span.checkbox-info {
  position: relative;
  top: 2px;
}
.settings-form-container .form-container .ivr .email-summary label.desc,
.settings-form-container .form-container .ivr .email-survey-results label.desc {
  float: left;
  width: 130px;
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 40px;
  margin-right: 15px;
}
.settings-form-container .form-container .ivr .email-summary .field-row,
.settings-form-container .form-container .ivr .email-survey-results .field-row {
  margin-top: 15px;
}
.settings-form-container .form-container .ivr .email-summary .sr-selectro,
.settings-form-container .form-container .ivr .email-survey-results .sr-selectro {
  float: left;
  width: 70px;
  margin-right: 10px;
}
.settings-form-container .form-container .ivr .email-summary .sr-multi-select,
.settings-form-container .form-container .ivr .email-survey-results .sr-multi-select {
  float: left;
  width: 535px;
}
.settings-form-container .form-container .ivr .email-summary .input-description,
.settings-form-container .form-container .ivr .email-survey-results .input-description {
  line-height: 40px;
}
.settings-form-container .form-container .ivr .email-summary p.checkboxText {
  font-weight: 700;
}
.settings-form-container .form-container .ivr div.ivr-display {
  margin: 36px 0 0;
}
.settings-form-container .form-container .ivr div.ivr-display .sr-input {
  display: inline-block;
  vertical-align: top;
  width: 288px;
}
.settings-form-container .form-container .ivr div.ivr-display .sr-input input {
  width: 100%;
}
.settings-form-container .form-container .ivr div.ivr-display strong {
  display: inline-block;
  width: 170px;
  padding-right: 16px;
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  box-sizing: border-box;
}
.settings-form-container .form-container .ivr div.ivr-display span.icon {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 23px;
  margin: 8px 10px 0 0;
  background: url("images/settings/residents/ivrIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .ivr div.ivr-display span.icon {
    background-image: url("images/settings/residents/ivrIcon@2x.png");
    background-size: 24px 23px;
  }
}
.settings-form-container .form-container .ivr div.ivr-display span.number {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  line-height: 36px;
}
.settings-form-container .form-container .ivr div.ivr-display span.enabled {
  display: inline-block;
  cursor: default;
  vertical-align: top;
  margin: 12px 0 0 8px;
  width: 52px;
  height: 16px;
  background-color: #7ed321;
  font-weight: 600;
  font-size: 9px;
  color: var(--neutral-8-white-);
  letter-spacing: 0.5px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 2px;
}
.settings-form-container .form-container .ivr p.ivr-desc {
  margin-left: 170px;
}
.settings-form-container .form-container .ivr div.ivr-contact {
  font-size: 22px;
  color: #87c642;
  line-height: 30px;
  text-align: center;
  margin: 50px auto 25px;
}
.settings-form-container .form-container .ivr div.ivr-contact a {
  color: #87c642;
  text-decoration: none;
  border-bottom: 1px solid #87c642;
}
.settings-form-container .form-container .resident-reported h4 {
  font-size: 14px;
  color: var(--neutral-2);
  line-height: 19px;
}
.settings-form-container .form-container .resident-reported h4:first-child {
  margin-top: 0;
}
.settings-form-container .form-container .resident-reported h4 + p {
  margin-top: 10px;
}
.settings-form-container .form-container .resident-reported p.top-space {
  margin-top: 30px;
}
.settings-form-container .form-container .resident-reported .checkbox-container {
  float: left;
  line-height: 38px;
  width: 500px;
}
.settings-form-container .form-container .resident-reported .pre-checkbox {
  font-size: 14px;
  margin-right: 8px;
  color: #333333;
}
.settings-form-container .form-container .resident-reported .pre-checkbox.disabled {
  color: var(--neutral-4);
}
.settings-form-container .form-container .resident-reported fieldset {
  margin-top: 30px;
}
.settings-form-container .form-container .resident-reported fieldset .sr-checkbox span.input-checkbox-span {
  display: block;
  float: left;
  margin-top: 3px;
}
.settings-form-container .form-container .resident-reported fieldset .sr-checkbox p.checkboxText {
  float: left;
  padding-left: 4px;
  margin-right: 10px;
  display: block;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row {
  padding-bottom: 40px;
  position: relative;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row.locked-out .sr-input span.input-checkbox-span {
  margin-top: 8px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .left {
  position: absolute;
  top: 0;
  left: 0px;
  width: 121px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .left .start {
  display: block;
  color: var(--neutral-3);
  font-size: 12px;
  line-height: 12px;
  text-align: right;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .middle {
  position: absolute;
  top: 0;
  left: 131px;
  width: 9px;
  height: 100%;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .middle .dot {
  background-color: var(--neutral-5);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: block;
  margin-top: 2px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .middle .timeline {
  width: 1px;
  height: 100%;
  border-right: 1px solid var(--neutral-5);
  position: relative;
  left: 3px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .right {
  margin-left: 160px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .input-name {
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-2);
  margin-bottom: 10px;
  display: block;
  line-height: 13px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .sr-add-remove-buttons {
  margin-right: 10px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .sr-add-remove-buttons .blank-button.add-btn:not(.no-hover),
.settings-form-container .form-container .resident-reported fieldset .res-report-row .sr-add-remove-buttons .blank-button.remove-btn {
  display: none;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .sr-multi-select {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row p.sub-text {
  float: left;
  margin-left: 160px;
  font-size: 12px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row .help-icon {
  margin: 10px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row.inline {
  padding-bottom: 0;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row.inline .right {
  margin-left: 0;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row.inline .right p.sub-text {
  margin-left: 147px;
  margin-top: 8px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row.inline .right .sr-multi-select {
  padding-left: 147px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row.inline .checkbox-container {
  margin-left: 147px;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row:first-child .start {
  color: var(--primary-red);
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row:last-child .middle .timeline {
  display: none;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row:hover .sr-add-remove-buttons .blank-button.add-btn,
.settings-form-container .form-container .resident-reported fieldset .res-report-row:hover .sr-add-remove-buttons .blank-button.remove-btn {
  display: block;
}
.settings-form-container .form-container .resident-reported fieldset .res-report-row:hover .blank-button.add-btn,
.settings-form-container .form-container .resident-reported fieldset .res-report-row:hover .blank-button.remove-btn {
  display: none;
}
.settings-form-container .form-container .resident-reported fieldset .sr-selectro {
  width: 160px;
}
.settings-form-container .form-container .resident-reported .sr-selectro {
  float: left;
}
.settings-form-container .form-container .resident-reported .sr-selectro.assignee {
  width: 390px;
  margin-right: 10px;
}
.settings-form-container .form-container .resident-reported .sr-selectro.schedule {
  width: 260px;
}
.settings-form-container .form-container .resident-reported .sr-selectro-assignee,
.settings-form-container .form-container .resident-reported .sr-input {
  float: left;
}
.settings-form-container .form-container .office-info,
.settings-form-container .form-container .automated-notifications {
  padding-bottom: 25px;
}
.settings-form-container .form-container .office-info p,
.settings-form-container .form-container .automated-notifications p {
  margin-bottom: 31px;
}
.settings-form-container .form-container .office-info fieldset,
.settings-form-container .form-container .automated-notifications fieldset {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.settings-form-container .form-container .office-info fieldset h3,
.settings-form-container .form-container .automated-notifications fieldset h3 {
  font-size: 14px;
  margin-right: 15px;
  line-height: 39px;
  width: 150px;
  text-align: right;
}
.settings-form-container .form-container .office-info fieldset h4,
.settings-form-container .form-container .automated-notifications fieldset h4 {
  display: block;
  float: left;
  width: 140px;
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  margin-right: 15px;
}
.settings-form-container .form-container .office-info fieldset .fields,
.settings-form-container .form-container .automated-notifications fieldset .fields {
  width: 753px;
  float: left;
  min-height: 40px;
}
.settings-form-container .form-container .office-info fieldset .fields.line,
.settings-form-container .form-container .automated-notifications fieldset .fields.line {
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e5e7;
}
.settings-form-container .form-container .office-info fieldset span.colon,
.settings-form-container .form-container .automated-notifications fieldset span.colon {
  display: block;
  float: left;
  width: 3px;
  height: 12px;
  margin: 14px 12px 0 2px;
  background: url("images/settings/residents/colon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .office-info fieldset span.colon,
  .settings-form-container .form-container .automated-notifications fieldset span.colon {
    background-image: url("images/settings/residents/colon@2x.png");
    background-size: 3px 12px;
  }
}
.settings-form-container .form-container .office-info fieldset span.text,
.settings-form-container .form-container .automated-notifications fieldset span.text {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  margin-right: 10px;
}
.settings-form-container .form-container .office-info fieldset.hours,
.settings-form-container .form-container .automated-notifications fieldset.hours {
  margin-bottom: 15px;
}
.settings-form-container .form-container .office-info fieldset.notification-time h4,
.settings-form-container .form-container .automated-notifications fieldset.notification-time h4 {
  width: 160px;
}
.settings-form-container .form-container .office-info fieldset.notification-time .fields,
.settings-form-container .form-container .automated-notifications fieldset.notification-time .fields {
  width: 723px;
  border-bottom: 0px;
}
.settings-form-container .form-container .office-info fieldset.notification-time span.text,
.settings-form-container .form-container .automated-notifications fieldset.notification-time span.text {
  font-size: 12px;
}
.settings-form-container .form-container .office-info fieldset.notification-time .sr-selectro,
.settings-form-container .form-container .automated-notifications fieldset.notification-time .sr-selectro {
  float: left;
  margin-right: 10px;
  width: 115px;
}
.settings-form-container .form-container .office-info fieldset .blank-button,
.settings-form-container .form-container .automated-notifications fieldset .blank-button {
  float: left;
  width: 20px;
  height: 20px;
  margin: 10px 0 0 5px;
  background-position: left;
}
.settings-form-container .form-container .office-info fieldset .blank-button.add,
.settings-form-container .form-container .automated-notifications fieldset .blank-button.add {
  background-image: url("images/settings/residents/addBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .office-info fieldset .blank-button.add,
  .settings-form-container .form-container .automated-notifications fieldset .blank-button.add {
    background-image: url("images/settings/residents/addBtn@2x.png");
    background-size: 60px 20px;
  }
}
.settings-form-container .form-container .office-info fieldset .blank-button.remove,
.settings-form-container .form-container .automated-notifications fieldset .blank-button.remove {
  background-image: url("images/settings/residents/removeBtn.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .office-info fieldset .blank-button.remove,
  .settings-form-container .form-container .automated-notifications fieldset .blank-button.remove {
    background-image: url("images/settings/residents/removeBtn@2x.png");
    background-size: 60px 20px;
  }
}
.settings-form-container .form-container .office-info fieldset .blank-button:hover, .settings-form-container .form-container .office-info fieldset .blank-button:focus,
.settings-form-container .form-container .automated-notifications fieldset .blank-button:hover,
.settings-form-container .form-container .automated-notifications fieldset .blank-button:focus {
  background-position: center;
}
.settings-form-container .form-container .office-info fieldset .blank-button:active,
.settings-form-container .form-container .automated-notifications fieldset .blank-button:active {
  background-position: right;
}
.settings-form-container .form-container .office-info fieldset .blank-button.disabled,
.settings-form-container .form-container .automated-notifications fieldset .blank-button.disabled {
  display: none;
}
.settings-form-container .form-container .office-info fieldset .site-hour,
.settings-form-container .form-container .automated-notifications fieldset .site-hour {
  margin-bottom: 10px;
}
.settings-form-container .form-container .office-info fieldset .site-hour .sr-selectro,
.settings-form-container .form-container .automated-notifications fieldset .site-hour .sr-selectro {
  float: left;
  margin-right: 10px;
}
.settings-form-container .form-container .office-info fieldset .site-hour .sr-selectro.day,
.settings-form-container .form-container .automated-notifications fieldset .site-hour .sr-selectro.day {
  width: 125px;
}
.settings-form-container .form-container .office-info fieldset .site-hour .sr-selectro.time,
.settings-form-container .form-container .automated-notifications fieldset .site-hour .sr-selectro.time {
  width: 150px;
}
.settings-form-container .form-container .office-info fieldset .site-contact.hover-actions .lock,
.settings-form-container .form-container .office-info fieldset .site-hour.hover-actions .lock,
.settings-form-container .form-container .automated-notifications fieldset .site-contact.hover-actions .lock,
.settings-form-container .form-container .automated-notifications fieldset .site-hour.hover-actions .lock {
  display: block;
}
.settings-form-container .form-container .office-info fieldset .site-contact.hover-actions .blank-button,
.settings-form-container .form-container .office-info fieldset .site-hour.hover-actions .blank-button,
.settings-form-container .form-container .automated-notifications fieldset .site-contact.hover-actions .blank-button,
.settings-form-container .form-container .automated-notifications fieldset .site-hour.hover-actions .blank-button {
  display: none;
}
.settings-form-container .form-container .office-info fieldset .site-contact.hover-actions:hover .lock,
.settings-form-container .form-container .office-info fieldset .site-hour.hover-actions:hover .lock,
.settings-form-container .form-container .automated-notifications fieldset .site-contact.hover-actions:hover .lock,
.settings-form-container .form-container .automated-notifications fieldset .site-hour.hover-actions:hover .lock {
  display: block;
}
.settings-form-container .form-container .office-info fieldset .site-contact.hover-actions:hover .blank-button:not(.disabled),
.settings-form-container .form-container .office-info fieldset .site-hour.hover-actions:hover .blank-button:not(.disabled),
.settings-form-container .form-container .automated-notifications fieldset .site-contact.hover-actions:hover .blank-button:not(.disabled),
.settings-form-container .form-container .automated-notifications fieldset .site-hour.hover-actions:hover .blank-button:not(.disabled) {
  display: block;
}
.settings-form-container .form-container .office-info fieldset .site-contact,
.settings-form-container .form-container .automated-notifications fieldset .site-contact {
  margin-bottom: 10px;
}
.settings-form-container .form-container .office-info fieldset .site-contact .error,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .error {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 197px;
  margin-top: 7px;
  color: red;
}
.settings-form-container .form-container .office-info fieldset .site-contact .error.as-error,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .error.as-error {
  display: inline-block;
}
.settings-form-container .form-container .office-info fieldset .site-contact .lock,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .lock {
  width: 10px;
  height: 14px;
  float: left;
  margin: 13px 6px 0 9px;
  background-image: url("images/settings/residents/lock.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .office-info fieldset .site-contact .lock,
  .settings-form-container .form-container .automated-notifications fieldset .site-contact .lock {
    background-image: url("images/settings/residents/lock@2x.png");
    background-size: 10px 14px;
  }
}
.settings-form-container .form-container .office-info fieldset .site-contact .sr-input,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .sr-input {
  float: left;
  margin-right: 10px;
}
.settings-form-container .form-container .office-info fieldset .site-contact .sr-input.type input,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .sr-input.type input {
  width: 170px;
}
.settings-form-container .form-container .office-info fieldset .site-contact .sr-input.phone input,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .sr-input.phone input {
  width: 195px;
}
.settings-form-container .form-container .office-info fieldset .site-contact .sr-input.email input,
.settings-form-container .form-container .automated-notifications fieldset .site-contact .sr-input.email input {
  width: 291px;
}
.settings-form-container .form-container .online-rent,
.settings-form-container .form-container .marketing {
  position: relative;
}
.settings-form-container .form-container .online-rent h4,
.settings-form-container .form-container .marketing h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  margin: 40px 0 11px;
}
.settings-form-container .form-container .online-rent h4:first-child,
.settings-form-container .form-container .marketing h4:first-child {
  margin-top: 2px;
}
.settings-form-container .form-container .online-rent.has-icon,
.settings-form-container .form-container .marketing.has-icon {
  padding-left: 80px;
}
.settings-form-container .form-container .online-rent .sr-input,
.settings-form-container .form-container .marketing .sr-input {
  margin-top: 14px;
  width: 576px;
}
.settings-form-container .form-container .online-rent .sr-input input,
.settings-form-container .form-container .marketing .sr-input input {
  width: 100%;
}
.settings-form-container .form-container .online-rent span.rent-icon {
  position: absolute;
  left: 25px;
  top: 31px;
  display: block;
  width: 40px;
  height: 25px;
  background: url("images/settings/residents/rentPay.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .online-rent span.rent-icon {
    background-image: url("images/settings/residents/rentPay@2x.png");
    background-size: 40px 25px;
  }
}
.settings-form-container .form-container .online-rent .sr-switch {
  position: absolute;
  top: 34px;
  right: 26px;
}
.settings-form-container .form-container .marketing span.link-icon {
  position: absolute;
  left: 30px;
  top: 31px;
  display: block;
  width: 22px;
  height: 30px;
  background: url("images/settings/residents/link.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container .form-container .marketing span.link-icon {
    background-image: url("images/settings/residents/link@2x.png");
    background-size: 22px 30px;
  }
}
.settings-form-container .form-container.courtesy-officer, .settings-form-container .form-container.locked-out {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-form-container .form-container.courtesy-officer .courtesy-officer-desc,
.settings-form-container .form-container.courtesy-officer .locked-out-desc, .settings-form-container .form-container.locked-out .courtesy-officer-desc,
.settings-form-container .form-container.locked-out .locked-out-desc {
  width: 930px;
  margin-top: 20px;
}
.settings-form-container .form-container.courtesy-officer .task-creation, .settings-form-container .form-container.locked-out .task-creation {
  margin: 30px 0 0 30px;
}
.settings-form-container .form-container.courtesy-officer .task-creation label.desc, .settings-form-container .form-container.locked-out .task-creation label.desc {
  margin-right: 20px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .sr-selectro, .settings-form-container .form-container.locked-out .task-creation .sr-selectro {
  width: 400px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .sr-input .sr-checkbox, .settings-form-container .form-container.locked-out .task-creation .sr-input .sr-checkbox {
  top: 10px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .sub-text, .settings-form-container .form-container.locked-out .task-creation .sub-text {
  margin: 8px 0 0 120px;
  font-size: 12px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .checkbox-container, .settings-form-container .form-container.locked-out .task-creation .checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 12px 0 0 120px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .checkbox-container .sr-checkbox, .settings-form-container .form-container.locked-out .task-creation .checkbox-container .sr-checkbox {
  margin-left: 15px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .checkbox-container .sr-checkbox .sr-checkbox-label, .settings-form-container .form-container.locked-out .task-creation .checkbox-container .sr-checkbox .sr-checkbox-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.settings-form-container .form-container.courtesy-officer .task-creation .checkbox-container .info-circle, .settings-form-container .form-container.locked-out .task-creation .checkbox-container .info-circle {
  margin: 0;
}
.settings-form-container .form-container.courtesy-officer .task-creation .checkbox-container .sms-checkbox, .settings-form-container .form-container.locked-out .task-creation .checkbox-container .sms-checkbox {
  margin-left: 5px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .sr-multi-select, .settings-form-container .form-container.locked-out .task-creation .sr-multi-select {
  margin: 12px 0 0 120px;
  width: 698px;
}
.settings-form-container .form-container.courtesy-officer .task-creation .help-icon, .settings-form-container .form-container.locked-out .task-creation .help-icon {
  margin: 10px;
}

.integrations-view {
  margin-top: 0;
}
.integrations-view .integrations-content {
  width: 950px;
  margin: 32px auto 0;
}
.integrations-view p.big {
  padding-left: 12px;
  font-size: 15px;
  color: var(--neutral-2);
  line-height: 20px;
}
.integrations-view ul {
  display: block;
  width: 100%;
  margin: 23px 0 22px;
  border: 1px solid var(--neutral-5);
  border-radius: 4px;
  box-sizing: border-box;
}
.integrations-view ul li {
  padding: 20px 25px;
  border-bottom: 1px solid var(--neutral-5);
  background-color: var(--neutral-8-white-);
}
.integrations-view ul li:nth-child(odd) {
  background-color: #f5f7f8;
}
.integrations-view ul li div.title {
  float: left;
  margin-right: 60px;
}
.integrations-view ul li div.title.logo {
  display: block;
  margin-right: 31px;
}
.integrations-view ul li div.title.logo.mri {
  margin: 0 45px 0 13px;
}
.integrations-view ul li div.title .icon {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 12px;
}
.integrations-view ul li div.title .icon.satisfacts {
  background: url("images/integrations/satisfacts.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .icon.satisfacts {
    background-image: url("images/integrations/satisfacts@2x.png");
    background-size: 34px 34px;
  }
}
.integrations-view ul li div.title .icon.resman {
  background: url("images/integrations/resman.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .icon.resman {
    background-image: url("images/integrations/resman@2x.png");
    background-size: 34px 34px;
  }
}
.integrations-view ul li div.title .icon.rentersVoice {
  background: url("images/integrations/rentersVoice.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .icon.rentersVoice {
    background-image: url("images/integrations/rentersVoice@2x.png");
    background-size: 34px 34px;
  }
}
.integrations-view ul li div.title .satisfacts-logo {
  width: 90px;
  height: 17px;
  background: url("images/integrations/satisfactsLogo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .satisfacts-logo {
    background-image: url("images/integrations/satisfactsLogo@2x.png");
    background-size: 90px 17px;
  }
}
.integrations-view ul li div.title .resman-logo {
  width: 90px;
  height: 19px;
  margin-top: 5px;
  background: url("images/integrations/resmanLogo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .resman-logo {
    background-image: url("images/integrations/resmanLogo@2x.png");
    background-size: 90px 19px;
  }
}
.integrations-view ul li div.title .yardi-logo {
  width: 90px;
  height: 23px;
  margin-top: 5px;
  background: url("images/integrations/yardiLogo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .yardi-logo {
    background-image: url("images/integrations/yardiLogo@2x.png");
    background-size: 90px 23px;
  }
}
.integrations-view ul li div.title .mri-logo {
  width: 63px;
  height: 40px;
  background: url("images/integrations/mriLogo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .integrations-view ul li div.title .mri-logo {
    background-image: url("images/integrations/mriLogo@2x.png");
    background-size: 63px 40px;
  }
}
.integrations-view ul li .text {
  width: 284px;
  float: left;
}
.integrations-view ul li .text strong,
.integrations-view ul li .text span {
  display: block;
}
.integrations-view ul li .text strong {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.integrations-view ul li .text span {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.21px;
}
.integrations-view ul li p {
  width: 78%;
  line-height: 18px;
}
.integrations-view ul li a {
  padding-left: 6px;
  color: var(--primary-blue);
  font-weight: 700;
}
.integrations-view ul li a.request {
  padding-left: 10px;
  text-decoration: none;
}
.integrations-view ul li a:hover {
  color: var(--primary-blue-2-hover);
  cursor: pointer;
}
.integrations-view ul li .sr-completable-status {
  margin-left: 8px;
  float: left;
}
.integrations-view ul li .detail {
  width: 100%;
  border-top: 1px var(--neutral-5) solid;
  margin-top: 18px;
  padding-top: 18px;
}
.integrations-view ul li .detail strong {
  font-weight: 700;
}
.integrations-view ul p {
  float: left;
  display: block;
  width: 360px;
  font-size: 14px;
  color: var(--grey-2);
  line-height: 17px;
}
.integrations-view ul div.actions {
  margin-right: 9px;
  float: right;
}
.integrations-view ul div.actions.blue {
  font-weight: 700;
  font-size: 12px;
  color: var(--primary-blue);
  line-height: 34px;
}
.integrations-view ul.inactive strong {
  color: var(--neutral-4) !important;
}
.integrations-view ul.inactive span,
.integrations-view ul.inactive p {
  color: var(--neutral-3) !important;
  opacity: 0.6;
}
.integrations-view ul.inactive div.actions {
  font-size: 14px;
  color: #9fabb1;
  line-height: 34px;
}
.integrations-view li:last-of-type {
  border-bottom: 0px;
}
.integrations-view p.small {
  padding-left: 12px;
  font-size: 11px;
  color: var(--grey-2);
  line-height: 15px;
}

.help-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("images/supportIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .help-icon {
    background-image: url("images/supportIcon@2x.png");
    background-size: 41px 20px;
  }
}
.help-icon:hover {
  background-position: right;
}

.auto-close-days-input {
  display: inline-block;
  padding: 0 4px;
}
.auto-close-days-input input {
  width: 65px;
}

.automation .form-content {
  padding: 20px 0 0;
}
.automation .form-content .left {
  float: left;
  width: calc(100% - 106px);
}
.automation .form-content .right {
  float: left;
  width: 106px;
}

#image_resize_modal_container {
  margin: -20px 0 0 -25px;
  background-color: #ccc;
  position: relative;
  overflow: hidden;
}
#image_resize_modal_container svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#image_resize_modal_container svg .rectFill {
  fill-opacity: 0.5;
}
#image_resize_modal_container svg .rectOutline {
  stroke: var(--neutral-8-white-);
  fill-opacity: 0;
}
#image_resize_modal_container img {
  position: absolute;
  z-index: 0;
  cursor: move;
}
#image_resize_modal_container.horz a.zoomIn,
#image_resize_modal_container.horz a.zoomOut {
  top: 10px;
  right: 48px;
}
#image_resize_modal_container.horz a.zoomIn.zoomOut,
#image_resize_modal_container.horz a.zoomOut.zoomOut {
  right: 15px;
}
#image_resize_modal_container.vert a.zoomIn,
#image_resize_modal_container.vert a.zoomOut {
  top: 14px;
  right: 10px;
}
#image_resize_modal_container.vert a.zoomIn.zoomOut,
#image_resize_modal_container.vert a.zoomOut.zoomOut {
  top: 48px;
}
#image_resize_modal_container a.zoomIn,
#image_resize_modal_container a.zoomOut {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
  z-index: 20;
  background-image: url("images/zoomIcons-small.png");
  transition: opacity 0.1s ease-in;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #image_resize_modal_container a.zoomIn,
  #image_resize_modal_container a.zoomOut {
    background-image: url("images/zoomIcons-small@2x.png");
    background-size: 56px 56px;
  }
}
#image_resize_modal_container a.zoomIn span,
#image_resize_modal_container a.zoomOut span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.1s ease-in;
  background-image: url("images/zoomIcons-small.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #image_resize_modal_container a.zoomIn span,
  #image_resize_modal_container a.zoomOut span {
    background-image: url("images/zoomIcons-small@2x.png");
    background-size: 56px 56px;
  }
}
#image_resize_modal_container a.zoomIn.disable,
#image_resize_modal_container a.zoomOut.disable {
  opacity: 0.5;
  cursor: default;
}
#image_resize_modal_container a.zoomIn.zoomIn,
#image_resize_modal_container a.zoomOut.zoomIn {
  background-position: top left;
}
#image_resize_modal_container a.zoomIn.zoomIn span.hover,
#image_resize_modal_container a.zoomOut.zoomIn span.hover {
  background-position: top right;
}
#image_resize_modal_container a.zoomIn.zoomIn.enable:hover span.hover,
#image_resize_modal_container a.zoomOut.zoomIn.enable:hover span.hover {
  opacity: 1;
}
#image_resize_modal_container a.zoomIn.zoomIn.enable:active,
#image_resize_modal_container a.zoomOut.zoomIn.enable:active {
  opacity: 1;
  margin-top: 1px;
}
#image_resize_modal_container a.zoomIn.zoomOut,
#image_resize_modal_container a.zoomOut.zoomOut {
  background-position: bottom left;
}
#image_resize_modal_container a.zoomIn.zoomOut span.hover,
#image_resize_modal_container a.zoomOut.zoomOut span.hover {
  background-position: bottom right;
}
#image_resize_modal_container a.zoomIn.zoomOut.enable:hover span.hover,
#image_resize_modal_container a.zoomOut.zoomOut.enable:hover span.hover {
  opacity: 1;
}
#image_resize_modal_container a.zoomIn.zoomOut.enable:active,
#image_resize_modal_container a.zoomOut.zoomOut.enable:active {
  opacity: 1;
  margin-top: 1px;
}

.settings-form-container.answering-service .intro {
  font-size: 14px;
}
.settings-form-container.answering-service .indent {
  margin: 0 0 0 28px;
}
.settings-form-container.answering-service .as-not-activated {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 750px;
  text-align: center;
  padding: 30px;
  transform: translate(-50%, -50%);
}
.settings-form-container.answering-service .as-not-activated .icon {
  width: 65px;
  height: 74px;
  margin: auto;
  background: url("images/settings/answering-service/notActivated.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .settings-form-container.answering-service .as-not-activated .icon {
    background-image: url("images/settings/answering-service/notActivated@2x.png");
    background-size: 65px 74px;
  }
}
.settings-form-container.answering-service .as-not-activated .emoji {
  font-size: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
}
.settings-form-container.answering-service .as-not-activated h2 {
  font-size: 21px;
  font-weight: 400;
}
.settings-form-container.answering-service .as-not-activated p {
  font-size: 14px;
  margin: 20px auto;
}
.settings-form-container.answering-service .form-container.custom-announcements {
  margin-bottom: 80px;
}
.settings-form-container.answering-service .locked-out .sr-input,
.settings-form-container.answering-service .locked-out .sr-selectro-assignee {
  float: left;
  margin: 12px 10px 0 0;
}
.settings-form-container.answering-service .locked-out .sr-input.name input {
  width: 340px;
}
.settings-form-container.answering-service .locked-out .sr-input.url input {
  width: 576px;
}
.settings-form-container.answering-service .locked-out .sr-selectro-assignee {
  width: 400px;
}
.settings-form-container.answering-service .locked-out-option {
  margin-top: 30px;
}
.settings-form-container.answering-service .locked-out-option .sr-radio-button {
  float: left;
  margin-right: 10px;
  height: 20px;
}
.settings-form-container.answering-service .locked-out-option .radio-text {
  width: 865px;
}
.settings-form-container.answering-service .locked-out-option .radio-text strong {
  font-weight: 700;
}
.settings-form-container.answering-service .locked-out-option .radio-text em {
  font-style: italic;
}
.settings-form-container.answering-service .locked-out-option p.sub-text {
  float: left;
  margin-top: 10px;
  font-size: 12px;
}
.settings-form-container.answering-service .locked-out-option .help-icon {
  margin-top: 20px;
}
.settings-form-container.answering-service fieldset.announcement-options .selectro-badge-container {
  float: left;
}
.settings-form-container.answering-service fieldset.announcement-options .sr-selectro {
  float: left;
  margin-right: 10px;
}
.settings-form-container.answering-service fieldset.announcement-options .sr-selectro:first-child {
  width: 430px;
}
.settings-form-container.answering-service fieldset.announcement-options .sr-selectro:nth-child(2) {
  width: 360px;
  margin-right: 0;
}
.settings-form-container.answering-service fieldset.announcement-options .sr-selectro .list-container {
  z-index: 10001;
}
.settings-form-container.answering-service .unsupported {
  padding: 30px 0 0 30px;
}
.settings-form-container.answering-service .unsupported strong {
  font-weight: 700;
}
.settings-form-container.answering-service .unsupported .icon.caution {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid var(--primary-blue);
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: top;
  margin: 1px 7px 0 0;
}
.settings-form-container.answering-service .unsupported .icon.caution::after {
  content: "i";
  font-size: 11px;
  font-weight: 700;
  color: var(--primary-blue);
  padding: 0px 6px;
  position: relative;
  top: -4px;
  left: -2px;
}
.settings-form-container.answering-service .resident-callback-container {
  margin-top: 25px;
}
.settings-form-container.answering-service .resident-callback-container .sr-selection-container .sr-selection-row:focus,
.settings-form-container.answering-service .resident-callback-container .sr-selection-container .sr-selection-row:focus-within {
  outline: none;
  border-color: var(--primary-blue) !important;
  box-shadow: 0 0 0 1px var(--primary-blue);
  z-index: 5 !important;
}
.settings-form-container.answering-service .resident-callback-container .callback-title {
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-2);
  margin-bottom: 20px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side {
  width: 520px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .sr-selection-row {
  border-color: var(--neutral-5);
  z-index: 4;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .sr-selection-row:hover {
  z-index: 5;
  border-color: var(--primary-blue);
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .sr-selection-row.expandedContainer {
  max-height: 500px;
  transition: max-height 0.2s ease-in;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .sr-selection-row.collapsedContainer {
  max-height: 52px;
  transition: max-height 0.2s ease-out;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .sr-toggle-container {
  padding: 17px 0 17px 58px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .sr-toggle-container .sr-switch {
  top: 26px !important;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .sr-toggle-container .standard-margin-left {
  margin-left: 15px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .set-time-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  height: auto;
  padding: 0 0 20px 73px;
  margin-top: -3px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .set-time-container .custom-margin {
  margin-bottom: 20px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .set-time-container .dropdown-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .left-side .flex-column .set-time-container .dropdown-container .time-selectro-container {
  width: 110px;
  height: 40px;
  margin-left: 12px;
}
.settings-form-container.answering-service .resident-callback-container .set-callback .right-side {
  width: 354px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign {
  display: -ms-flexbox;
  display: flex;
}
.settings-form-container.answering-service .resident-callback-container .users-assign .sr-add-remove-buttons {
  visibility: hidden;
}
.settings-form-container.answering-service .resident-callback-container .users-assign:hover .sr-add-remove-buttons {
  visibility: visible;
}
.settings-form-container.answering-service .resident-callback-container .users-assign .sr-selectro-assignee {
  margin: 0 10px 0 0 !important;
  width: 355px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign .sr-selectro-assignee .sr-selectro.invalid-field .input-container {
  border-color: var(--primary-red);
  border-top: 1px solid var(--primary-red) !important;
  margin-top: -1px;
  color: var(--primary-red);
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container {
  padding: 2px 0 20px 73px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container.expanded {
  opacity: 1;
  transition: max-height 0.2s ease-in, opacity 0.2s ease-out;
  max-height: 500px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container.collapsed {
  max-height: 0;
  opacity: 0;
  margin: 0 !important;
  overflow: hidden;
  transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .sr-selectro .input-container {
  width: 355px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:not(:first-of-type):not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container {
  border-radius: 0;
  border-top: none;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:not(:first-of-type):not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container.active {
  margin-top: -1px;
  height: 41px;
  border-top: 1px solid var(--primary-blue);
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:not(:first-of-type):not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container:hover {
  margin-top: -1px;
  height: 41px;
  border-top: 1px solid var(--primary-blue);
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:not(:first-of-type):not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container:focus {
  border-top: 1px solid var(--primary-blue);
  margin-top: -1px;
  height: 41px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:not(:first-of-type):not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee {
  margin-top: 0;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:first-of-type:not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container {
  border-radius: 3px 3px 0 0;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:first-of-type:not(:last-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container.active {
  margin-top: -1px;
  height: 41px;
  border-top: 1px solid var(--primary-blue);
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:last-of-type:not(:first-of-type) .users-assign .selectro-container .sr-selectro-assignee {
  margin-top: 0;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:last-of-type:not(:first-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container {
  border-radius: 0 0 3px 3px;
  border-top: none;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:last-of-type:not(:first-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container:hover {
  margin-top: -1px;
  height: 41px;
  border-top: 1px solid var(--primary-blue);
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:last-of-type:not(:first-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container:focus {
  border-top: 1px solid var(--primary-blue);
  margin-top: -1px;
  height: 41px;
}
.settings-form-container.answering-service .resident-callback-container .users-assign-container .clearfix:last-of-type:not(:first-of-type) .users-assign .selectro-container .sr-selectro-assignee .sr-selectro .input-container.active {
  margin-top: -1px;
  height: 41px;
  border-top: 1px solid var(--primary-blue);
}

.settings-assignments aside.side-nav {
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: absolute;
  top: 0px;
  z-index: 1;
}
.settings-assignments .settings-save-container {
  height: calc(100vh - 211px);
}
.settings-assignments .settings-form-container.escalations {
  display: -ms-flexbox;
  display: flex;
  margin-left: 280px;
}
.settings-assignments .settings-form-container.escalations .form-container {
  -ms-flex: 1;
      flex: 1;
}
.settings-assignments .settings-form-container.escalations .static-info-message {
  width: 522px;
  margin: 38px 0 0 160px;
}
.settings-assignments .settings-form-container.escalations .sr-selectro {
  margin-bottom: 20px;
}
.settings-assignments .settings-form-container .sms-checkbox .checkboxText {
  margin-right: 4px !important;
}
.settings-assignments .settings-form-container .info-circle {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.settings-assignments .settings-form-container + .save-banner {
  position: fixed;
}
.settings-assignments .settings-form-container .cc-container {
  width: 835px;
}
.settings-assignments .settings-form-container .cc-container .red-asterisk {
  right: 10px;
}
.settings-assignments .settings-form-container .escalation-assignee-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.settings-assignments .settings-form-container .escalation-assignee-container .selectro-container {
  position: relative;
}
.settings-assignments .settings-form-container .escalation-assignee-container .selectro-container .info-circle {
  position: absolute;
  right: 40px;
  top: 12px;
}

.categories-view .sr-table .no-results .common-icon,
.asset-types-view .sr-table .no-results .common-icon {
  margin: 0 auto 25px;
}
.categories-view .sr-table .ember-table tbody tr.disabled-row .sr-table-cell,
.asset-types-view .sr-table .ember-table tbody tr.disabled-row .sr-table-cell {
  color: var(--neutral-4);
}
.categories-view .sr-table .ember-table tbody tr.disabled-row .sr-category-icon,
.asset-types-view .sr-table .ember-table tbody tr.disabled-row .sr-category-icon {
  fill: var(--neutral-4);
}
.categories-view .sr-table .ember-table tbody tr.disabled-row .completionIconSpan,
.asset-types-view .sr-table .ember-table tbody tr.disabled-row .completionIconSpan {
  opacity: 0.3;
}
.categories-view .sr-table .ember-table tbody tr.no-click,
.asset-types-view .sr-table .ember-table tbody tr.no-click {
  cursor: default !important;
  background-color: var(--neutral-7);
}
.categories-view .sr-table .ember-table tbody tr.no-click:hover,
.asset-types-view .sr-table .ember-table tbody tr.no-click:hover {
  background-color: var(--neutral-7) !important;
}
.categories-view .sr-table-image-cell,
.asset-types-view .sr-table-image-cell {
  height: 50px !important;
}
.categories-view .sr-table-image-cell div.image-container,
.asset-types-view .sr-table-image-cell div.image-container {
  background-color: var(--neutral-6);
  padding: 0 13px;
}
.categories-view .sr-table-image-cell div.image-container.no-bg-color,
.asset-types-view .sr-table-image-cell div.image-container.no-bg-color {
  background-color: transparent;
}
.categories-view .sr-table-image-cell div.image-div,
.asset-types-view .sr-table-image-cell div.image-div {
  width: 24px;
  height: 24px;
}
.categories-view .sr-table-image-cell.include-padding.left-side,
.asset-types-view .sr-table-image-cell.include-padding.left-side {
  margin-left: 0px;
  padding-left: 0px;
}

.categories-new .upload-overlay,
.assets-type-new .upload-overlay {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  z-index: 9010;
  cursor: no-drop;
  background-color: rgba(255, 255, 255, 0.5);
}
.categories-new .upload-overlay.active,
.assets-type-new .upload-overlay.active {
  display: block;
}
.categories-new .details-basic .left,
.assets-type-new .details-basic .left {
  float: left;
  width: 380px;
  width: calc(100% - 110px);
}
.categories-new .details-basic .right,
.assets-type-new .details-basic .right {
  float: right;
  margin-left: 15px;
  width: 95px;
}
.categories-new .details-mapping .inline-loading div.bounce,
.assets-type-new .details-mapping .inline-loading div.bounce {
  background-color: var(--neutral-5);
}
.categories-new .details-mapping .selectro-list-container,
.assets-type-new .details-mapping .selectro-list-container {
  padding-bottom: 80px;
}
.categories-new .details-mapping .selectro-list-container div.scrollIndicator,
.assets-type-new .details-mapping .selectro-list-container div.scrollIndicator {
  bottom: 80px;
}
.categories-new .resource-desc,
.assets-type-new .resource-desc {
  position: relative;
}
.categories-new .help-icon,
.assets-type-new .help-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url("images/supportIcon.png") no-repeat;
  background-position: left;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .categories-new .help-icon,
  .assets-type-new .help-icon {
    background-image: url("images/supportIcon@2x.png");
    background-size: 41px 20px;
  }
}
.categories-new .help-icon:hover, .categories-new .help-icon:focus,
.assets-type-new .help-icon:hover,
.assets-type-new .help-icon:focus {
  background-position: right;
}
.categories-new .require-resource-options,
.assets-type-new .require-resource-options {
  transition: max-height 250ms ease-in-out, padding-top 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 450px;
  width: calc(100% + 1px);
  padding: 20px 1px 1px 58px;
}
.categories-new .require-resource-options.hide-section,
.assets-type-new .require-resource-options.hide-section {
  padding-top: 0px;
  max-height: 0px;
}
.categories-new .task-documentation .sr-selectro.disabled .input-container span.imgSpan,
.assets-type-new .task-documentation .sr-selectro.disabled .input-container span.imgSpan {
  opacity: 0.23;
}
.categories-new .resident-instructions,
.assets-type-new .resident-instructions {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 295px;
}
.categories-new .resident-instructions h3,
.assets-type-new .resident-instructions h3 {
  margin-top: 30px;
}
.categories-new .resident-instructions.hide-section,
.assets-type-new .resident-instructions.hide-section {
  max-height: 0px;
}
.categories-new .resident-instructions textarea,
.assets-type-new .resident-instructions textarea {
  max-height: 120px;
}
.categories-new .resident-instructions section:last-child,
.assets-type-new .resident-instructions section:last-child {
  margin-bottom: 30px;
}
.categories-new .resident-container,
.assets-type-new .resident-container {
  transition: max-height 250ms ease-in-out;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 620px;
  width: calc(100% + 6px);
  padding: 0 3px;
  margin-left: -3px;
}
.categories-new .resident-container.hide-section,
.assets-type-new .resident-container.hide-section {
  max-height: 0px;
}
.categories-new .selectro-list-container,
.assets-type-new .selectro-list-container {
  z-index: 15;
}
.categories-new .standardButton.mainSubmit,
.assets-type-new .standardButton.mainSubmit {
  z-index: 20;
}
.categories-new .standardButton.mainSubmit span.icon.arrow,
.assets-type-new .standardButton.mainSubmit span.icon.arrow {
  display: inline-block;
  margin-left: 5px;
  transform: rotate(180deg);
}

.sr-category-edit-icon {
  position: relative;
}
.sr-category-edit-icon .edit-icon {
  width: 95px;
  height: 95px;
  border: 1px solid var(--neutral-4);
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
}
.sr-category-edit-icon .edit-icon .icon-container {
  height: 73px;
  padding-top: 12px;
  box-sizing: border-box;
}
.sr-category-edit-icon .edit-icon .icon-container .sr-category-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.sr-category-edit-icon .edit-icon .edit-button {
  height: 20px;
  line-break: 20px;
  background-color: var(--neutral-6);
  border-radius: 0 0 3px 3px;
  font-size: 11px;
  color: var(--neutral-2);
  text-align: center;
}
.sr-category-edit-icon .edit-icon:hover:not(.disabled), .sr-category-edit-icon .edit-icon:focus:not(.disabled), .sr-category-edit-icon .edit-icon.open {
  border: 1px solid var(--primary-blue);
  fill: var(--primary-blue);
}
.sr-category-edit-icon .edit-icon:hover:not(.disabled) .edit-button, .sr-category-edit-icon .edit-icon:focus:not(.disabled) .edit-button, .sr-category-edit-icon .edit-icon.open .edit-button {
  background-color: var(--list-2-active);
  color: var(--primary-blue);
}
.sr-category-edit-icon .edit-icon:focus:not(.disabled), .sr-category-edit-icon .edit-icon.open {
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.sr-category-edit-icon .edit-icon.disabled {
  background-color: var(--neutral-7);
  border-color: var(--neutral-5);
  cursor: no-drop;
}
.sr-category-edit-icon .edit-icon.disabled .icon-container {
  margin-top: 10px;
}
.sr-category-edit-icon .edit-icon.disabled .edit-button {
  display: none;
}
.sr-category-edit-icon .edit-icon-popup {
  position: absolute;
  right: 25px;
  top: 110px;
  display: none;
  width: 352px;
  z-index: 9000;
}
.sr-category-edit-icon .edit-icon-popup.active {
  display: block;
}
.sr-category-edit-icon .edit-icon-popup div.contents {
  max-width: 100%;
  max-height: 400px;
  overflow-y: scroll;
}
.sr-category-edit-icon .edit-icon-popup .icons {
  width: 320px;
}
.sr-category-edit-icon .edit-icon-popup .icon {
  float: left;
  width: 80px;
  height: 80px;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 15px;
  outline: none;
}
.sr-category-edit-icon .edit-icon-popup .icon:hover, .sr-category-edit-icon .edit-icon-popup .icon:focus {
  background-color: var(--list-1-hover);
}
.sr-category-edit-icon .edit-icon-popup .icon.active {
  background-color: var(--primary-blue);
  fill: var(--neutral-8-white-);
}
.sr-category-edit-icon .edit-icon-popup .icon.active:hover, .sr-category-edit-icon .edit-icon-popup .icon.active:focus {
  background-color: var(--primary-blue-2-hover);
}
.sr-category-edit-icon .edit-icon-popup .icon .sr-category-icon {
  width: 50px;
  height: 50px;
}

.resident-custom-content-settings .sr-table.scrollable,
.resident-marketplace-settings .sr-table.scrollable {
  overflow: hidden;
}

.resident-custom-content-settings,
.resident-marketplace-settings,
.resident-announcements-settings {
  max-width: none;
}
.resident-custom-content-settings .form-container,
.resident-marketplace-settings .form-container,
.resident-announcements-settings .form-container {
  height: 100%;
  max-width: 100%;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.resident-custom-content-settings .sr-table td:first-of-type,
.resident-custom-content-settings .sr-table th:first-of-type,
.resident-marketplace-settings .sr-table td:first-of-type,
.resident-marketplace-settings .sr-table th:first-of-type,
.resident-announcements-settings .sr-table td:first-of-type,
.resident-announcements-settings .sr-table th:first-of-type {
  padding-left: 25px;
}
.resident-custom-content-settings .sr-table .ember-table tbody tr.sr-sorting,
.resident-marketplace-settings .sr-table .ember-table tbody tr.sr-sorting,
.resident-announcements-settings .sr-table .ember-table tbody tr.sr-sorting {
  background-color: var(--neutral-7) !important;
}
.resident-custom-content-settings .sr-table .sr-table-cell span.reorder-handle-container,
.resident-marketplace-settings .sr-table .sr-table-cell span.reorder-handle-container,
.resident-announcements-settings .sr-table .sr-table-cell span.reorder-handle-container {
  left: -20px;
}
.resident-custom-content-settings .sr-table tr.disabled-section,
.resident-custom-content-settings .sr-table tr.disabled-subsection,
.resident-marketplace-settings .sr-table tr.disabled-section,
.resident-marketplace-settings .sr-table tr.disabled-subsection,
.resident-announcements-settings .sr-table tr.disabled-section,
.resident-announcements-settings .sr-table tr.disabled-subsection {
  background-color: var(--neutral-7);
}
.resident-custom-content-settings .sr-table tr.disabled-section .sr-table-cell,
.resident-custom-content-settings .sr-table tr.disabled-subsection .sr-table-cell,
.resident-marketplace-settings .sr-table tr.disabled-section .sr-table-cell,
.resident-marketplace-settings .sr-table tr.disabled-subsection .sr-table-cell,
.resident-announcements-settings .sr-table tr.disabled-section .sr-table-cell,
.resident-announcements-settings .sr-table tr.disabled-subsection .sr-table-cell {
  color: var(--neutral-4);
}
.resident-custom-content-settings .sr-table tr.disabled-section .sr-face,
.resident-custom-content-settings .sr-table tr.disabled-subsection .sr-face,
.resident-marketplace-settings .sr-table tr.disabled-section .sr-face,
.resident-marketplace-settings .sr-table tr.disabled-subsection .sr-face,
.resident-announcements-settings .sr-table tr.disabled-section .sr-face,
.resident-announcements-settings .sr-table tr.disabled-subsection .sr-face {
  opacity: 0.3;
}
.resident-custom-content-settings .sr-table tr.ui-draggable-dragging,
.resident-marketplace-settings .sr-table tr.ui-draggable-dragging,
.resident-announcements-settings .sr-table tr.ui-draggable-dragging {
  box-shadow: 0 0 10px 0 rgba(178, 186, 192, 0.4);
}
.resident-custom-content-settings .sr-table tr.no-click,
.resident-marketplace-settings .sr-table tr.no-click,
.resident-announcements-settings .sr-table tr.no-click {
  cursor: default !important;
  background-color: var(--neutral-7);
}
.resident-custom-content-settings .sr-table tr.no-click.ember-table-hover,
.resident-marketplace-settings .sr-table tr.no-click.ember-table-hover,
.resident-announcements-settings .sr-table tr.no-click.ember-table-hover {
  background-color: var(--neutral-7) !important;
}
.resident-custom-content-settings .sr-table .sr-table-cell span.icon.announcement,
.resident-marketplace-settings .sr-table .sr-table-cell span.icon.announcement,
.resident-announcements-settings .sr-table .sr-table-cell span.icon.announcement {
  position: relative;
  top: auto;
  left: -43px;
  width: 15px;
  height: 15px;
}
.resident-custom-content-settings .button-container,
.resident-marketplace-settings .button-container,
.resident-announcements-settings .button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.resident-custom-content-settings .top-content,
.resident-announcements-settings .top-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
.resident-custom-content-settings .top-content p,
.resident-announcements-settings .top-content p {
  -ms-flex: 1;
      flex: 1;
  padding: 1px 0;
  margin-right: 30px;
}
.resident-custom-content-settings .form-container,
.resident-announcements-settings .form-container {
  padding: 1px 0 0px;
}

.resident-announcements-settings .form-container {
  height: calc(100% - 68px);
  margin-bottom: 0px;
}

.resident-custom-content-settings .empty-custom-content {
  position: relative;
  padding: 40px;
  border: 1px solid var(--neutral-5);
  border-radius: 6px;
  height: 460px;
  text-align: center;
  color: var(--neutral-2);
  box-sizing: border-box;
}
.resident-custom-content-settings .empty-custom-content h2 {
  font-size: 21px;
  margin-bottom: 12px;
}
.resident-custom-content-settings .empty-custom-content p {
  font-size: 14px;
  width: 520px;
  margin: auto;
}
.resident-custom-content-settings .empty-custom-content .common-icon {
  margin: 77px auto 25px;
}
.resident-custom-content-settings .empty-custom-content .standardButton {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.resident-custom-content-settings .empty-custom-content .standardButton > .icon {
  display: inline-block;
  margin: 12px 10px 0 0;
  vertical-align: top;
}

.residents-custom-content-new .selectro-list-container {
  padding-bottom: 0;
}
.residents-custom-content-new .character-count {
  text-align: right;
  margin-top: 12px;
}
.residents-custom-content-new section .invalid-text {
  color: var(--primary-red);
}
.residents-custom-content-new section .input-subtext {
  color: var(--neutral-3);
  margin-bottom: 30px;
}
.residents-custom-content-new section .sr-toggle-container,
.residents-custom-content-new section .sr-selectro {
  margin-bottom: 30px;
}
.residents-custom-content-new.new-style section .sr-input.url {
  margin-bottom: 12px;
}

.invalid .pell .pell-content {
  border: 1px solid var(--primary-red);
}
.invalid .pell .pell-content:hover {
  border: 1px solid var(--primary-red);
}
.invalid .pell .pell-content:focus {
  border: 1px solid var(--primary-red);
  box-shadow: inset 0 0 0 1px var(--primary-red);
}

.pell {
  border-radius: 3px;
  border: none;
}
.pell .pell-content {
  width: 100%;
  border: 1px solid var(--neutral-4);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pell .pell-content:hover {
  border: 1px solid var(--primary-blue);
}
.pell .pell-content:focus {
  border: 1px solid var(--primary-blue);
  box-shadow: inset 0 0 0 1px var(--primary-blue);
}
.pell .pell-actionbar {
  height: 40px;
  background-color: var(--neutral-7);
  border: 1px solid var(--neutral-4);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: none;
}
.pell .pell-button {
  height: 100%;
  min-width: 40px;
  color: var(--neutral-2);
  position: relative;
  padding: 0;
}
.pell .pell-button:hover {
  background-color: var(--list-1-hover);
}
.pell .pell-button .editor-separator {
  position: absolute;
  top: 6px;
  left: -1px;
  width: 1px;
  height: 28px;
  background-color: var(--neutral-5);
}
.pell .pell-button .icon {
  display: block;
  margin: auto;
}
.pell .pell-button.pell-button-selected {
  background-color: var(--list-2-active);
}
.pell .pell-button.pell-button-selected:active {
  background-color: var(--list-3-active-hover);
}
.pell .pell-content > *:first-child {
  margin-top: 0;
}
.pell h1,
.pell h2,
.pell p {
  margin-top: 14px;
}
.pell h1 {
  font-size: 21px;
}
.pell h2 {
  font-size: 18px;
  line-height: 24px;
}
.pell b,
.pell strong {
  font-weight: 700;
}
.pell i,
.pell em {
  font-style: italic;
}
.pell u {
  text-decoration: underline;
}
.pell ul,
.pell ol {
  margin-left: 20px;
}
.pell ul {
  list-style-type: disc;
}
.pell ol {
  list-style-type: decimal;
}
.pell a {
  color: var(--primary-blue);
}

.resident-marketplace-settings {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.resident-marketplace-settings .right-content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}
.resident-marketplace-settings .top-content {
  margin-bottom: 20px;
}
.resident-marketplace-settings .form-container.no-border {
  border: none;
}
.resident-marketplace-settings .yelp-integration h4 {
  margin-top: 40px;
  font-size: 15px;
}
.resident-marketplace-settings .yelp-integration .sr-selectro {
  width: 390px;
}
.resident-marketplace-settings .yelp-integration .distance-section p {
  margin: 20px 0 25px 0;
}
.resident-marketplace-settings .enable-yelp-container {
  background: var(--neutral-8-white-);
  padding: 30px;
  border: 1px solid var(--neutral-4);
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.resident-marketplace-settings .enable-yelp-container .sr-switch,
.resident-marketplace-settings .enable-yelp-container .yelp-logo {
  float: left;
}
.resident-marketplace-settings .enable-yelp-container .sr-switch {
  margin: 31px 0;
}
.resident-marketplace-settings .enable-yelp-container .yelp-logo {
  margin: 12px 25px 12px 35px;
}
.resident-marketplace-settings .enable-yelp-container .text-content h4 {
  margin: 0 0 8px 0;
}

.residents-marketplace-new .character-count {
  text-align: right;
  margin-top: 12px;
}

.visible-toggle-cell .visible-toggle-cell-button {
  margin: 18px;
  float: none;
  position: relative;
}
.visible-toggle-cell .visible-toggle-cell-button::before {
  content: "";
  position: absolute;
  border: 1px solid transparent;
  top: -7px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px transparent;
}
.visible-toggle-cell .visible-toggle-cell-button:focus::before {
  border: 1px solid var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue);
}
.visible-toggle-cell .visible-toggle-cell-button.disabled {
  cursor: auto;
}

.settings-form-container.status div.form-container .task-creation label.desc {
  line-height: 20px;
}
.settings-form-container.status .sr-completable-status {
  float: left;
}
.settings-form-container.status .sr-completable-status .status-container.closed-alt {
  background-color: var(--neutral-0-black-);
}
.settings-form-container.status .sr-completable-status .status-container.open-alt {
  background-color: var(--neutral-3);
}

.tags-view .sr-context-menu-item span.icon.trash.destructive {
  width: 11px !important;
  margin-right: 17px;
}

.merge-tags-modal .sr-multi-select.active ul.selections:not(.pill-items) li.selection.last-selection:after {
  content: "";
}

main {
  overflow: hidden; /* Hide scrollbars */
}

.tasks-list .sr-table-inline-header-cell .spacer,
.assets-view .sr-table-inline-header-cell .spacer {
  height: 20px;
}
.tasks-list .sr-table-image-cell,
.assets-view .sr-table-image-cell {
  height: 50px !important;
}
.tasks-list .sr-table-image-cell div.image-container,
.assets-view .sr-table-image-cell div.image-container {
  background-color: var(--neutral-6);
}
.tasks-list .sr-table-image-cell div.type-icon.image-container,
.assets-view .sr-table-image-cell div.type-icon.image-container {
  padding: 13px;
  padding-top: 0;
}
.tasks-list .sr-table-image-cell + .sr-table-cell.no-left-padding,
.assets-view .sr-table-image-cell + .sr-table-cell.no-left-padding {
  padding-left: 0px;
}

.sr-calendar {
  width: 100%;
}
.sr-calendar.week-view .fc-toolbar,
.sr-calendar .fc .fc-dayGridWeek-view .fc-toolbar {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1350px) {
  .sr-calendar.week-view .fc-toolbar.panel-open .fc-toolbar-right,
  .sr-calendar .fc .fc-dayGridWeek-view .fc-toolbar.panel-open .fc-toolbar-right {
    position: initial;
    margin-left: 20px;
  }
}
@media screen and (max-width: 1350px) {
  .sr-calendar.week-view .fc-toolbar.panel-open,
  .sr-calendar .fc .fc-dayGridWeek-view .fc-toolbar.panel-open {
    -ms-flex-pack: initial;
        justify-content: initial;
  }
}
@media screen and (max-width: 1520px) {
  .sr-calendar.week-view .fc-toolbar.panel-open.sidebar-expanded .fc-toolbar-right,
  .sr-calendar .fc .fc-dayGridWeek-view .fc-toolbar.panel-open.sidebar-expanded .fc-toolbar-right {
    position: initial;
    margin-left: 20px;
  }
}
@media screen and (max-width: 1520px) {
  .sr-calendar.week-view .fc-toolbar.panel-open.sidebar-expanded,
  .sr-calendar .fc .fc-dayGridWeek-view .fc-toolbar.panel-open.sidebar-expanded {
    -ms-flex-pack: initial;
        justify-content: initial;
  }
}
.sr-calendar.week-view .fc-scrollgrid th,
.sr-calendar .fc .fc-dayGridWeek-view .fc-scrollgrid th {
  transition: box-shadow 0.5s;
  position: relative;
  z-index: 10;
}
.sr-calendar.week-view .fc-col-header-cell.fc-day-today,
.sr-calendar .fc .fc-dayGridWeek-view .fc-col-header-cell.fc-day-today {
  background: var(--primary-blue);
}
.sr-calendar.week-view .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion,
.sr-calendar .fc .fc-dayGridWeek-view .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
  color: var(--neutral-8-white-);
  font-weight: 700;
}
.sr-calendar.week-view .fc-daygrid-day-events,
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-day-events {
  height: initial;
}
.sr-calendar.week-view .fc-daygrid-event-harness:not(:first-child) .fc-daygrid-event,
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-event-harness:not(:first-child) .fc-daygrid-event {
  margin: 10px 5px 0 5px !important;
}
.sr-calendar.week-view .fc-daygrid-event-harness:first-child .fc-daygrid-event,
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-event-harness:first-child .fc-daygrid-event {
  margin: 10px 5px 0 5px !important;
}
.sr-calendar.week-view .fc-daygrid-day-bottom:has(.fc-daygrid-more-link),
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-day-bottom:has(.fc-daygrid-more-link) {
  height: initial;
  margin: 0 !important;
}
.sr-calendar.week-view .fc-daygrid-day-bottom,
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-day-bottom {
  height: 45px;
}
.sr-calendar.week-view .fc-daygrid-more-link,
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-more-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 0 0 0 5px;
  margin: 0;
}
.sr-calendar.week-view .fc-daygrid-more-link:hover,
.sr-calendar .fc .fc-dayGridWeek-view .fc-daygrid-more-link:hover {
  background-color: var(--list-1-hover);
}
.sr-calendar.week-view .fc-event,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event {
  height: 100%;
  cursor: pointer;
}
.sr-calendar.week-view .fc-event.more-btn,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event.more-btn {
  background: none;
}
.sr-calendar.week-view .fc-event .event,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event {
  height: 100% !important;
}
.sr-calendar.week-view .fc-event .event-details,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: normal !important;
      align-items: normal !important;
}
.sr-calendar.week-view .fc-event .event-details .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .project-header {
  height: 25px;
  width: 100%;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  padding-left: 10px;
}
.sr-calendar.week-view .fc-event .event-details.project-event .title-time-status,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.project-event .title-time-status {
  margin-top: -5px;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 8px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #ffffff;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status .left,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .left {
  margin-left: 10px;
  line-height: normal;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status .left .time,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .left .time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 18px;
  margin-left: 0;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status .left .project-title,
.sr-calendar.week-view .fc-event .event-details .title-time-status .left .title,
.sr-calendar.week-view .fc-event .event-details .title-time-status .left .primary-title,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .left .project-title,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .left .title,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .left .primary-title {
  font-size: 14px;
  margin-left: 0;
  word-break: break-word;
  white-space: normal;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status .left .title-with-secondary,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .left .title-with-secondary {
  word-break: break-word;
  white-space: normal;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status .right,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 3px;
  height: 18px;
}
.sr-calendar.week-view .fc-event .event-details .title-time-status .right .icon,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .title-time-status .right .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0;
  padding: 0;
  width: 15px;
}
.sr-calendar.week-view .fc-event .event-details .repeating-files-icons,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .repeating-files-icons {
  position: absolute;
  top: 25px;
  right: 3px;
  width: 15px;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 3px;
}
.sr-calendar.week-view .fc-event .event-details .repeating-files-icons.project,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .repeating-files-icons.project {
  top: 47px;
}
.sr-calendar.week-view .fc-event .event-details .repeating-files-icons .repeating-arrow svg,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .repeating-files-icons .repeating-arrow svg {
  width: 10px;
}
.sr-calendar.week-view .fc-event .event-details .repeating-files-icons .files svg,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .repeating-files-icons .files svg {
  width: 10px;
}
.sr-calendar.week-view .fc-event .event-details .person,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .person {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 15px 0 0;
}
.sr-calendar.week-view .fc-event .event-details .person .sr-face,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .person .sr-face {
  margin: 3px 10px 0 10px;
  min-width: 25px;
}
.sr-calendar.week-view .fc-event .event-details .person .info,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .person .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-calendar.week-view .fc-event .event-details .person .info .name,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .person .info .name {
  word-break: break-word;
  white-space: normal;
  color: var(--neutral-2);
}
.sr-calendar.week-view .fc-event .event-details .place,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .place {
  display: -ms-flexbox;
  display: flex;
  margin: 8px 15px 10px 0;
}
.sr-calendar.week-view .fc-event .event-details .place .place-type-icon,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .place .place-type-icon {
  border: none;
  width: 25px;
  height: 25px;
  margin: 0 10px;
}
.sr-calendar.week-view .fc-event .event-details .place .pin,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .place .pin {
  width: 25px;
  height: 25px;
  margin: 0 10px;
}
.sr-calendar.week-view .fc-event .event-details .place .info,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .place .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-calendar.week-view .fc-event .event-details .place .info .name,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details .place .info .name {
  word-break: break-word;
  white-space: normal;
  color: var(--neutral-2);
}
.sr-calendar.week-view .fc-event .event-details.closed-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.closed-border .project-header {
  background-color: var(--primary-green);
}
.sr-calendar.week-view .fc-event .event-details.closed-as-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.closed-as-border .project-header {
  background-color: #000000;
}
.sr-calendar.week-view .fc-event .event-details.open-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.open-border .project-header {
  background-color: var(--secondary-blue);
}
.sr-calendar.week-view .fc-event .event-details.hold-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.hold-border .project-header {
  background-color: var(--neutral-3);
}
.sr-calendar.week-view .fc-event .event-details.planned-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.planned-border .project-header {
  background-color: var(--secondary-purple);
}
.sr-calendar.week-view .fc-event .event-details.past-due-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.past-due-border .project-header {
  background-color: var(--primary-yellow);
}
.sr-calendar.week-view .fc-event .event-details.urgent-border .project-header,
.sr-calendar .fc .fc-dayGridWeek-view .fc-event .event-details.urgent-border .project-header {
  background-color: var(--primary-red);
}
@media screen and (max-width: 1160px) {
  .sr-calendar.week-view.sidebar-expanded .person .sr-face,
  .sr-calendar.week-view.sidebar-expanded .place .place-icon,
  .sr-calendar .fc .fc-dayGridWeek-view.sidebar-expanded .person .sr-face,
  .sr-calendar .fc .fc-dayGridWeek-view.sidebar-expanded .place .place-icon {
    display: none;
  }
  .sr-calendar.week-view.sidebar-expanded .info,
  .sr-calendar .fc .fc-dayGridWeek-view.sidebar-expanded .info {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .sr-calendar.week-view .person .sr-face,
  .sr-calendar.week-view .place .place-icon,
  .sr-calendar .fc .fc-dayGridWeek-view .person .sr-face,
  .sr-calendar .fc .fc-dayGridWeek-view .place .place-icon {
    display: none;
  }
  .sr-calendar.week-view .info,
  .sr-calendar .fc .fc-dayGridWeek-view .info {
    margin-left: 10px;
  }
}
.sr-calendar .fc-daygrid-body,
.sr-calendar .fc-scrollgrid-sync-table,
.sr-calendar .fc-col-header {
  width: 100% !important;
}
.sr-calendar .fc-scroller:first-child {
  overflow: unset !important;
}
.sr-calendar .fc-scroller-harness {
  overflow: auto !important;
}
.sr-calendar .fc-h-event {
  border: none;
}
.sr-calendar .fc-day .fc-highlight {
  background: none;
  border: 3px solid var(--primary-blue);
}
.sr-calendar .divider {
  width: 100%;
  border-bottom: 1px solid #cad4da;
  margin-bottom: 20px;
}
.sr-calendar .calendar {
  height: calc(100% - 123px);
  position: relative;
}
.sr-calendar .filter-loading .fc-scrollgrid-section {
  opacity: 0.4;
}
.sr-calendar .filter-loading .sr-table-filter-loading {
  display: block;
  height: calc(100% - 65px);
}
.sr-calendar .fc-theme-standard td,
.sr-calendar .fc-theme-standard th {
  border-color: var(--neutral-5);
}
.sr-calendar .fc-theme-standard .fc-scrollgrid {
  border-color: var(--neutral-5);
}
.sr-calendar .fc-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
.sr-calendar .fc-toolbar .fc-toolbar-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-calendar .fc-toolbar .fc-toolbar-left .right-arrow .previous-arrow {
  transform: rotate(180deg);
}
.sr-calendar .fc-toolbar .fc-toolbar-left .fc-prev-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 46px;
}
.sr-calendar .fc-toolbar .fc-toolbar-left .fc-today-button {
  border-radius: 0;
  width: 73px;
  font-size: 12px;
  font-family: inherit;
  font-weight: 600;
}
.sr-calendar .fc-toolbar .fc-toolbar-left .fc-next-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 46px;
}
.sr-calendar .fc-toolbar .fc-toolbar-left .fc-toolbar-title {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 600;
}
.sr-calendar .fc-toolbar .fc-toolbar-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-refresh-calendar-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 29px;
  width: 24px;
  margin-right: 15px;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-refresh-calendar-btn .sr-icon [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-refresh-calendar-btn:hover .sr-icon [fill="#000"], .sr-calendar .fc-toolbar .fc-toolbar-right .sr-refresh-calendar-btn:focus-visible .sr-icon [fill="#000"], .sr-calendar .fc-toolbar .fc-toolbar-right .sr-refresh-calendar-btn:active .sr-icon [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-refresh-calendar-btn.active svg {
  animation: rotate360 0.4s linear;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro {
  margin: 0;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container {
  cursor: pointer;
  background-color: #ffffff;
  padding: 0 15px;
  border: 1px solid var(--neutral-4);
  color: var(--neutral-3);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  z-index: 0;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container .sr-icon.chevron [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container .static-placeholder {
  font-size: 12px;
  font-weight: 600;
  color: var(--neutral-3);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.open {
  border: 1px solid var(--primary-blue);
  color: var(--primary-blue);
  background-color: rgba(48, 147, 199, 0.0823529412);
  z-index: 8;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.open .static-placeholder {
  color: var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.open .sr-icon.chevron {
  transform: rotate(180deg);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.open .sr-icon.chevron [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container:hover:not(.disabled, .has-selections) {
  border-color: var(--primary-blue) !important;
  color: var(--primary-blue);
  background: #ffffff;
  box-shadow: none;
  z-index: 8;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container:hover:not(.disabled, .has-selections) .static-placeholder {
  color: var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container:hover:not(.disabled, .has-selections) .sr-icon.chevron [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.has-selections {
  color: var(--primary-blue);
  background-color: rgba(48, 147, 199, 0.0823529412);
  border: 1px solid var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.has-selections .static-placeholder {
  color: var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container.has-selections .sr-icon.chevron [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-calendar .fc-toolbar .fc-toolbar-right .sr-calendar-view-filter .sr-selectro .input-container .disabled {
  cursor: no-drop;
  color: #b2bac0;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .fc-button-group {
  margin-left: 10px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .fc-button-group .fc-start-date-button,
.sr-calendar .fc-toolbar .fc-toolbar-right .fc-button-group .fc-week-view-button {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.sr-calendar .fc-toolbar .fc-toolbar-right .fc-button-group .fc-due-date-button,
.sr-calendar .fc-toolbar .fc-toolbar-right .fc-button-group .fc-month-view-button {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -1px;
}
.sr-calendar .fc-toolbar.panel-open .fc-toolbar-right {
  position: absolute;
  right: 495px;
}
@media screen and (max-width: 1500px) {
  .sr-calendar .fc-toolbar.panel-open .fc-toolbar-right {
    position: initial;
    margin-left: 20px;
  }
}
@media screen and (max-width: 1500px) {
  .sr-calendar .fc-toolbar.panel-open {
    -ms-flex-pack: initial;
        justify-content: initial;
  }
}
@media screen and (max-width: 1660px) {
  .sr-calendar .fc-toolbar.panel-open.sidebar-expanded .fc-toolbar-right {
    position: initial;
    margin-left: 20px;
  }
}
@media screen and (max-width: 1660px) {
  .sr-calendar .fc-toolbar.panel-open.sidebar-expanded {
    -ms-flex-pack: initial;
        justify-content: initial;
  }
}
.sr-calendar .fc-toolbar .fc-button-primary {
  cursor: pointer;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid var(--neutral-4);
  color: var(--neutral-3);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  margin-left: -1px;
  z-index: 0;
}
.sr-calendar .fc-toolbar .fc-button-primary.selected {
  border: 1px solid var(--primary-blue);
  color: var(--primary-blue);
  background-color: var(--list-2-active);
  z-index: 8;
}
.sr-calendar .fc-toolbar .fc-button-primary:hover {
  border-color: var(--primary-blue) !important;
  color: var(--primary-blue);
  box-shadow: none;
  z-index: 8;
}
.sr-calendar.month-view .project-event .project-title,
.sr-calendar.month-view .project-event .time {
  position: relative;
  border: 1px solid white;
  background-color: white;
  height: 100%;
  border-radius: 5px;
  padding-left: 4px;
}
.sr-calendar.month-view .project-event .project-title.no-padding,
.sr-calendar.month-view .project-event .time.no-padding {
  padding: 0;
}
.sr-calendar .fc {
  width: 100%;
}
.sr-calendar .fc thead {
  height: 20px;
}
.sr-calendar .fc .fc-col-header-cell-cushion {
  color: var(--neutral-3);
  padding: 0;
  font-size: 12px;
}
.sr-calendar .fc .fc-daygrid-day-top {
  height: 32px;
  margin-bottom: 5px;
}
.sr-calendar .fc .fc-daygrid-day-frame {
  height: 100%;
}
.sr-calendar .fc .fc-daygrid-day-events {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100% - 37px);
}
.sr-calendar .fc .fc-daygrid-day-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 5px 7px 0 0;
  height: 27px;
  width: 25px;
  border-radius: 4px;
  color: var(--neutral-2);
  font-size: 16px;
  font-weight: 600;
}
.sr-calendar .fc .fc-day-today .fc-daygrid-day-number {
  background-color: var(--primary-blue);
  color: white;
}
.sr-calendar .fc .fc-daygrid-day.fc-day-today {
  background-color: #fffcf1;
  background-clip: padding-box;
}
.sr-calendar .fc .fc-daygrid-day,
.sr-calendar .fc .fc-col-header-cell {
  background-color: transparent;
  background-clip: padding-box;
  transition: background-color 150ms ease-in;
}
.sr-calendar .fc .fc-daygrid-day {
  background-color: transparent;
  transition: background-color 150ms ease-in;
  background-clip: padding-box;
}
.sr-calendar .fc .fc-daygrid-day:hover:not(:has(.fc-daygrid-more-link:hover)) {
  background-color: var(--list-1-hover);
  transition: none;
}
.sr-calendar .fc .fc-daygrid-day.sr-context-menu-clicked .fc-daygrid-day-frame {
  background-color: var(--list-1-hover);
  outline: 3px solid var(--primary-blue);
  outline-offset: -2px;
}
.sr-calendar .fc .fc-day-other .fc-daygrid-day-top {
  opacity: 100;
}
.sr-calendar .fc .fc-day-other .fc-daygrid-day-number {
  color: var(--neutral-4);
  font-weight: 400;
}
.sr-calendar .fc .fc-day-other.fc-day-today .fc-daygrid-day-number {
  color: white;
  font-weight: 600;
}
.sr-calendar .fc .fc-daygrid-day-bottom {
  margin: auto 0 2px 4px !important;
}
.sr-calendar .fc .fc-daygrid-day-bottom a {
  font-size: 14px;
  color: var(--primary-blue);
  font-weight: 700;
}
.sr-calendar .fc .not-droppable {
  background: repeating-linear-gradient(30deg, #d2d7da, #d2d7da 1px, #f6f8f9 1px, #f6f8f9 5px);
}
.sr-calendar .fc .not-droppable .fc-day-other .fc-daygrid-day-number {
  color: var(--neutral-3);
}
.sr-calendar .fc .fc-daygrid-event-harness {
  margin: 0 !important;
}
.sr-calendar .fc .fc-daygrid-event-harness:not(:first-child) .fc-daygrid-event {
  margin: 7px 5px 0 5px !important;
  padding: 0;
}
.sr-calendar .fc .fc-daygrid-event-harness:first-child .fc-daygrid-event {
  margin: 0 5px 0 5px !important;
  padding: 0;
}
.sr-calendar .fc .fc-event {
  cursor: pointer;
  height: 21px;
  background: #ffffff;
  transition: transform 250ms ease-in-out;
}
.sr-calendar .fc .fc-event:hover {
  background: #ffffff;
}
.sr-calendar .fc .fc-event:focus {
  box-shadow: none;
}
.sr-calendar .fc .fc-event:focus::after {
  background: none;
}
.sr-calendar .fc .fc-event.fc-event-dragging.fc-event-draggable {
  transform: rotate(5deg);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.sr-calendar .fc .fc-event .event {
  width: 100%;
  height: 21px;
}
.sr-calendar .fc .fc-event .event-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
}
.sr-calendar .fc .fc-event .event-details .edge {
  position: absolute;
  height: 100%;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .time {
  margin-left: 5px;
  font-size: 12px;
  color: var(--neutral-2);
  font-weight: 400;
}
.sr-calendar .fc .fc-event .event-details .time-zone {
  margin-left: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--neutral-2);
}
.sr-calendar .fc .fc-event .event-details .project-title {
  font-style: italic;
  margin-left: 5px;
  color: var(--neutral-2);
  font-weight: 600;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 5px;
}
.sr-calendar .fc .fc-event .event-details .title {
  margin-left: 5px;
  color: var(--neutral-2);
  font-weight: 600;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 5px;
}
.sr-calendar .fc .fc-event .event-details .assignee {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  color: var(--neutral-2);
  padding-left: 3px;
}
.sr-calendar .fc .fc-event .event-details .assignee.no-margin-left {
  margin-left: 0;
}
.sr-calendar .fc .fc-event .event-details .assignee .sr-face {
  height: 15px !important;
  width: 15px !important;
  background-size: 15px 15px !important;
  min-width: 15px;
}
.sr-calendar .fc .fc-event .event-details .assignee .sr-face .center {
  height: 15px;
  font-weight: 600;
  font-size: 7px;
}
.sr-calendar .fc .fc-event .event-details .site-initials {
  margin-left: auto;
  color: var(--neutral-2);
  font-weight: 600;
  font-size: 13px;
}
.sr-calendar .fc .fc-event .event-details .title-with-secondary {
  color: var(--neutral-3);
  font-weight: 400;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 5px;
}
.sr-calendar .fc .fc-event .event-details .title-with-secondary .primary-title {
  margin-left: 5px;
  color: var(--neutral-2);
  font-weight: 600;
  font-size: 13px;
  margin-right: 5px;
}
.sr-calendar .fc .fc-event .event-details .title-with-secondary .primary-title.no-margin-right {
  margin-right: 0px;
}
.sr-calendar .fc .fc-event .event-details .icon {
  margin-left: auto;
  margin-right: 5px;
  padding-left: 3px;
}
.sr-calendar .fc .fc-event .event-details .icon.no-margin-left {
  margin-left: 0px;
}
.sr-calendar .fc .fc-event .event-details .icon .open-status {
  height: 10px;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .icon .in-progress-status {
  height: 10px;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .icon .past-due-status {
  height: 8px;
  width: 10px;
  padding-right: 1px;
  padding-left: 1px;
}
.sr-calendar .fc .fc-event .event-details .icon .urgent-status {
  height: 10px;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .icon .closed-status {
  height: 10px;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .icon .closed-as-status {
  height: 3px;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .icon .planned-status {
  height: 10px;
  width: 10px;
}
.sr-calendar .fc .fc-event .event-details .icon .hold-status {
  height: 10px;
  width: 10px;
  padding-right: 1px;
  padding-left: 1px;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-border {
  background: #eaf7ea;
  outline: 3px solid var(--primary-green);
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-border .title-time-status.curve {
  background: #eaf7ea;
  border-color: #eaf7ea;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-as-border {
  background: #f2f2f3;
  outline: 3px solid #000000;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-as-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-as-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .closed-as-border .title-time-status.curve {
  background: #f2f2f3;
  border-color: #f2f2f3;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .open-border {
  background: #eaf5f9;
  outline: 3px solid var(--secondary-blue);
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .open-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .open-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .open-border .title-time-status.curve {
  background: #eaf5f9;
  border-color: #eaf5f9;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .hold-border {
  background: #f2f4f5;
  outline: 3px solid var(--neutral-3);
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .hold-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .hold-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .hold-border .title-time-status.curve {
  background: #f2f4f5;
  border-color: #f2f4f5;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .planned-border {
  background: #f3f5fb;
  outline: 3px solid var(--secondary-purple);
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .planned-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .planned-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .planned-border .title-time-status.curve {
  background: #f3f5fb;
  border-color: #f3f5fb;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .past-due-border {
  background: #fef7e6;
  outline: 3px solid var(--primary-yellow);
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .past-due-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .past-due-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .past-due-border .title-time-status.curve {
  background: #fef7e6;
  border-color: #fef7e6;
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .urgent-border {
  background: #fdebe9;
  outline: 3px solid var(--primary-red);
}
.sr-calendar .fc .fc-event.sr-context-menu-clicked .urgent-border .project-title,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .urgent-border .time,
.sr-calendar .fc .fc-event.sr-context-menu-clicked .urgent-border .title-time-status.curve {
  background: #fdebe9;
  border-color: #fdebe9;
}
@media only screen and (max-height: 800px) {
  .sr-calendar .fc .fc-event {
    height: 16px;
  }
  .sr-calendar .fc .fc-event .event {
    height: 16px;
  }
  .sr-calendar .fc .fc-event .event .project-title,
  .sr-calendar .fc .fc-event .event .time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}
.sr-calendar .fc .fc-daygrid-more-link:hover {
  background: none;
}
.sr-calendar .fc .fc-popover {
  border: 1px solid var(--neutral-5);
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(178, 186, 192, 0.3764705882);
  visibility: hidden;
  max-width: 400px;
}
.sr-calendar .fc .fc-popover .fc-popover-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: none;
  padding: 0;
  margin: 10px 0 5px 0;
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-title {
  margin-left: auto;
  margin-right: -46px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--neutral-2);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-title .weekday {
  font-size: 12px;
  font-weight: 400;
  color: var(--neutral-2);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close {
  margin: 0 8px 0 auto;
  font-size: initial;
  opacity: 1;
  height: initial;
  width: initial;
  border-radius: 3px;
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close .sr-icon.close {
  margin: 12px;
  width: 14px;
  height: 14px;
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close .sr-icon.close [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close .sr-icon.back {
  margin: 11.5px 10.5px;
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close .sr-icon.back [fill="#000"] {
  fill: var(--neutral-4);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:focus {
  outline-offset: 2px;
  background: var(--list-1-hover);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:focus .sr-icon.close [fill="#000"],
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:focus .sr-icon.back [fill="#000"],
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:focus .sr-icon.chevron [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
  outline: 3px solid #cee4f3;
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:hover {
  background: var(--list-1-hover);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:hover .sr-icon.close [fill="#000"],
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:hover .sr-icon.back [fill="#000"] {
  fill: var(--primary-blue-2-hover);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:active {
  background: #cee4f3;
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:active .sr-icon.close [fill="#000"],
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close:active .sr-icon.back [fill="#000"] {
  fill: var(--primary-blue);
}
.sr-calendar .fc .fc-popover .fc-popover-header .fc-popover-close::before {
  content: none;
}
.sr-calendar .fc .fc-popover .fc-popover-body {
  max-height: 200px;
  overflow-y: auto;
  padding: 20px 20px 25px 20px;
  display: block;
  height: 100%;
  width: 100%;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event {
  outline: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event:hover, .sr-calendar .fc .fc-popover .fc-popover-body .fc-event:focus {
  background-color: var(--list-1-hover);
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .event-details {
  outline: none !important;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .event-details .edge {
  display: none;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .event-details:hover {
  background-color: var(--list-1-hover);
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .event-details.event-selected {
  background-color: var(--list-2-active);
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .time {
  margin: 0;
  padding: 0;
  border: none;
  height: 18px;
  background-color: unset;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .title-with-secondary {
  max-width: 265px;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .project-title {
  max-width: 265px;
  margin-left: 5px;
  padding: 0;
  border: none;
  height: 18px;
  background-color: unset;
}
.sr-calendar .fc .fc-popover .fc-popover-body .fc-event .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 20px;
  margin-right: 5px;
  padding-left: 10px;
}
.sr-calendar .fc .closed-border {
  outline: 1px solid var(--primary-green);
  border-radius: 5px;
}
.sr-calendar .fc .closed-border .edge {
  background-color: var(--primary-green);
}
.sr-calendar .fc .closed-border.event-selected, .sr-calendar .fc .closed-border:active {
  background: #eaf7ea;
  outline: 3px solid var(--primary-green) !important;
}
.sr-calendar .fc .closed-border:hover {
  background: #eaf7ea;
}
.sr-calendar .fc .closed-border:focus {
  outline: 3px solid var(--primary-green);
  background: #eaf7ea;
  box-shadow: none;
}
.sr-calendar .fc .closed-border.event-selected .project-title,
.sr-calendar .fc .closed-border.event-selected .time,
.sr-calendar .fc .closed-border.event-selected .title-time-status.curve, .sr-calendar .fc .closed-border:active .project-title,
.sr-calendar .fc .closed-border:active .time,
.sr-calendar .fc .closed-border:active .title-time-status.curve, .sr-calendar .fc .closed-border:hover .project-title,
.sr-calendar .fc .closed-border:hover .time,
.sr-calendar .fc .closed-border:hover .title-time-status.curve, .sr-calendar .fc .closed-border:focus .project-title,
.sr-calendar .fc .closed-border:focus .time,
.sr-calendar .fc .closed-border:focus .title-time-status.curve {
  background: #eaf7ea;
  border-color: #eaf7ea;
}
.sr-calendar .fc .closed-as-border {
  outline: 1px solid #000000;
  border-radius: 5px;
}
.sr-calendar .fc .closed-as-border .edge {
  background-color: #000000;
}
.sr-calendar .fc .closed-as-border.event-selected, .sr-calendar .fc .closed-as-border:active {
  background: #f2f2f3;
  outline: 3px solid #000000 !important;
}
.sr-calendar .fc .closed-as-border:hover {
  background: #f2f2f3;
}
.sr-calendar .fc .closed-as-border:focus {
  outline: 3px solid #000000;
  background: #f2f2f3;
  box-shadow: none;
}
.sr-calendar .fc .closed-as-border.event-selected .project-title,
.sr-calendar .fc .closed-as-border.event-selected .time,
.sr-calendar .fc .closed-as-border.event-selected .title-time-status.curve, .sr-calendar .fc .closed-as-border:active .project-title,
.sr-calendar .fc .closed-as-border:active .time,
.sr-calendar .fc .closed-as-border:active .title-time-status.curve, .sr-calendar .fc .closed-as-border:hover .project-title,
.sr-calendar .fc .closed-as-border:hover .time,
.sr-calendar .fc .closed-as-border:hover .title-time-status.curve, .sr-calendar .fc .closed-as-border:focus .project-title,
.sr-calendar .fc .closed-as-border:focus .time,
.sr-calendar .fc .closed-as-border:focus .title-time-status.curve {
  background: #f2f2f3;
  border-color: #f2f2f3;
}
.sr-calendar .fc .open-border {
  outline: 1px solid var(--secondary-blue);
  border-radius: 5px;
}
.sr-calendar .fc .open-border .edge {
  background-color: var(--secondary-blue);
}
.sr-calendar .fc .open-border.event-selected, .sr-calendar .fc .open-border:active {
  background: #eaf5f9;
  outline: 3px solid var(--secondary-blue) !important;
}
.sr-calendar .fc .open-border:hover {
  background: #eaf5f9;
}
.sr-calendar .fc .open-border:focus {
  outline: 3px solid var(--secondary-blue);
  background: #eaf5f9;
  box-shadow: none;
}
.sr-calendar .fc .open-border.event-selected .project-title,
.sr-calendar .fc .open-border.event-selected .time,
.sr-calendar .fc .open-border.event-selected .title-time-status.curve, .sr-calendar .fc .open-border:active .project-title,
.sr-calendar .fc .open-border:active .time,
.sr-calendar .fc .open-border:active .title-time-status.curve, .sr-calendar .fc .open-border:hover .project-title,
.sr-calendar .fc .open-border:hover .time,
.sr-calendar .fc .open-border:hover .title-time-status.curve, .sr-calendar .fc .open-border:focus .project-title,
.sr-calendar .fc .open-border:focus .time,
.sr-calendar .fc .open-border:focus .title-time-status.curve {
  background: #eaf5f9;
  border-color: #eaf5f9;
}
.sr-calendar .fc .hold-border {
  outline: 1px solid var(--neutral-3);
  border-radius: 5px;
}
.sr-calendar .fc .hold-border .edge {
  background-color: var(--neutral-3);
}
.sr-calendar .fc .hold-border.event-selected, .sr-calendar .fc .hold-border:active {
  background: #f2f4f5;
  outline: 3px solid var(--neutral-3) !important;
}
.sr-calendar .fc .hold-border:hover {
  background: #f2f4f5;
}
.sr-calendar .fc .hold-border:focus {
  outline: 3px solid var(--neutral-3);
  background: #f2f4f5;
  box-shadow: none;
}
.sr-calendar .fc .hold-border.event-selected .project-title,
.sr-calendar .fc .hold-border.event-selected .time,
.sr-calendar .fc .hold-border.event-selected .title-time-status.curve, .sr-calendar .fc .hold-border:active .project-title,
.sr-calendar .fc .hold-border:active .time,
.sr-calendar .fc .hold-border:active .title-time-status.curve, .sr-calendar .fc .hold-border:hover .project-title,
.sr-calendar .fc .hold-border:hover .time,
.sr-calendar .fc .hold-border:hover .title-time-status.curve, .sr-calendar .fc .hold-border:focus .project-title,
.sr-calendar .fc .hold-border:focus .time,
.sr-calendar .fc .hold-border:focus .title-time-status.curve {
  background: #f2f4f5;
  border-color: #f2f4f5;
}
.sr-calendar .fc .planned-border {
  outline: 1px solid var(--secondary-purple);
  border-radius: 5px;
}
.sr-calendar .fc .planned-border .edge {
  background-color: var(--secondary-purple);
}
.sr-calendar .fc .planned-border.event-selected, .sr-calendar .fc .planned-border:active {
  background: #f3f5fb;
  outline: 3px solid var(--secondary-purple) !important;
}
.sr-calendar .fc .planned-border:hover {
  background: #f3f5fb;
}
.sr-calendar .fc .planned-border:focus {
  outline: 3px solid var(--secondary-purple);
  background: #f3f5fb;
  box-shadow: none;
}
.sr-calendar .fc .planned-border.event-selected .project-title,
.sr-calendar .fc .planned-border.event-selected .time,
.sr-calendar .fc .planned-border.event-selected .title-time-status.curve, .sr-calendar .fc .planned-border:active .project-title,
.sr-calendar .fc .planned-border:active .time,
.sr-calendar .fc .planned-border:active .title-time-status.curve, .sr-calendar .fc .planned-border:hover .project-title,
.sr-calendar .fc .planned-border:hover .time,
.sr-calendar .fc .planned-border:hover .title-time-status.curve, .sr-calendar .fc .planned-border:focus .project-title,
.sr-calendar .fc .planned-border:focus .time,
.sr-calendar .fc .planned-border:focus .title-time-status.curve {
  background: #f3f5fb;
  border-color: #f3f5fb;
}
.sr-calendar .fc .past-due-border {
  outline: 1px solid var(--primary-yellow);
  border-radius: 5px;
}
.sr-calendar .fc .past-due-border .edge {
  background-color: var(--primary-yellow);
}
.sr-calendar .fc .past-due-border.event-selected, .sr-calendar .fc .past-due-border:active {
  background: #fef7e6;
  outline: 3px solid var(--primary-yellow) !important;
}
.sr-calendar .fc .past-due-border:hover {
  background: #fef7e6;
}
.sr-calendar .fc .past-due-border:focus {
  outline: 3px solid var(--primary-yellow);
  background: #fef7e6;
  box-shadow: none;
}
.sr-calendar .fc .past-due-border.event-selected .project-title,
.sr-calendar .fc .past-due-border.event-selected .time,
.sr-calendar .fc .past-due-border.event-selected .title-time-status.curve, .sr-calendar .fc .past-due-border:active .project-title,
.sr-calendar .fc .past-due-border:active .time,
.sr-calendar .fc .past-due-border:active .title-time-status.curve, .sr-calendar .fc .past-due-border:hover .project-title,
.sr-calendar .fc .past-due-border:hover .time,
.sr-calendar .fc .past-due-border:hover .title-time-status.curve, .sr-calendar .fc .past-due-border:focus .project-title,
.sr-calendar .fc .past-due-border:focus .time,
.sr-calendar .fc .past-due-border:focus .title-time-status.curve {
  background: #fef7e6;
  border-color: #fef7e6;
}
.sr-calendar .fc .urgent-border {
  outline: 1px solid var(--primary-red);
  border-radius: 5px;
}
.sr-calendar .fc .urgent-border .edge {
  background-color: var(--primary-red);
}
.sr-calendar .fc .urgent-border.event-selected, .sr-calendar .fc .urgent-border:active {
  background: #fdebe9;
  outline: 3px solid var(--primary-red) !important;
}
.sr-calendar .fc .urgent-border:hover {
  background: #fdebe9;
}
.sr-calendar .fc .urgent-border:focus {
  outline: 3px solid var(--primary-red);
  background: #fdebe9;
  box-shadow: none;
}
.sr-calendar .fc .urgent-border.event-selected .project-title,
.sr-calendar .fc .urgent-border.event-selected .time,
.sr-calendar .fc .urgent-border.event-selected .title-time-status.curve, .sr-calendar .fc .urgent-border:active .project-title,
.sr-calendar .fc .urgent-border:active .time,
.sr-calendar .fc .urgent-border:active .title-time-status.curve, .sr-calendar .fc .urgent-border:hover .project-title,
.sr-calendar .fc .urgent-border:hover .time,
.sr-calendar .fc .urgent-border:hover .title-time-status.curve, .sr-calendar .fc .urgent-border:focus .project-title,
.sr-calendar .fc .urgent-border:focus .time,
.sr-calendar .fc .urgent-border:focus .title-time-status.curve {
  background: #fdebe9;
  border-color: #fdebe9;
}
.sr-calendar .fc .project-event.closed-border, .sr-calendar .fc .project-event.closed-as-border, .sr-calendar .fc .project-event.open-border, .sr-calendar .fc .project-event.hold-border, .sr-calendar .fc .project-event.planned-border, .sr-calendar .fc .project-event.past-due-border, .sr-calendar .fc .project-event.urgent-border {
  outline-width: 2px;
}
.sr-calendar .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: end;
  width: 100%;
  padding: 13px 0;
}
.sr-calendar .footer.no-advanced-scheduling {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}
.sr-calendar .footer .footer-text {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.sr-calendar .footer .reset-view-container {
  display: -ms-flexbox;
  display: flex;
}
.sr-calendar .footer .reset-view-container .icon-container {
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sr-calendar .footer .reset-view-container .footer-text {
  padding: 0 30px 0 5px;
}
.sr-calendar .footer .reset-view-container .reset-button {
  color: var(--primary-blue);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.sr-calendar .footer .reset-view-container .reset-button.disabled {
  color: var(--neutral-4);
  cursor: no-drop;
}
.sr-calendar .footer .reset-view-container .reset-button:hover:not(.disabled) {
  color: var(--primary-blue-2-hover);
}

.fc-unselectable .sr-calendar .fc-day:has(.fc-highlight):not(.not-droppable) .fc-daygrid-day-events {
  opacity: 1 !important;
}

.tasks-list .sr-context-menu span.status-closed-alt {
  height: 4px !important;
  width: 14px !important;
  background-size: 28px 4px !important;
  background-position: left;
  margin: 0px 14px 0px 16px;
}
.tasks-list .sr-filter-bar span.imgSpan.resident-user-icon {
  margin: 0 1px;
  width: 22px;
  height: 22px;
  background: url("images/assignments/allResidents.png") no-repeat;
  background-size: contain !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-list .sr-filter-bar span.imgSpan.resident-user-icon {
    background-image: url("images/assignments/allResidents@2x.png");
    background-size: 17px 20px;
  }
}
.tasks-list .sr-table-cell .imgSpan.pinned-location {
  display: block;
  width: 15px;
  height: 19px;
  margin: 4px 5px;
  background: url("images/pinned-location.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-list .sr-table-cell .imgSpan.pinned-location {
    background-image: url("images/pinned-location@2x.png");
    background-size: 15px 19px;
  }
}
.tasks-list .sr-table-cell .sr-team-icon {
  margin-right: 5px;
}

.tasks-map {
  width: 100%;
}
.tasks-map li {
  height: auto;
}
.tasks-map .sr-table-inline-header-cell .spacer {
  height: 40px;
}
.tasks-map .sr-table tr {
  border: none;
}
.tasks-map.sr-table-assignments table {
  width: 100%;
}
.tasks-map .sub-header-banner {
  position: relative;
  background-color: var(--neutral-5);
  color: var(--grey-2);
}
.tasks-map .sub-header-banner.emergency {
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.tasks-map .sub-header-banner.past-due {
  color: var(--neutral-2);
  background-color: var(--primary-yellow);
}
.tasks-map .sub-header-banner:hover .template-action {
  display: block;
}
.tasks-map .sub-header-banner .template-action {
  position: absolute;
  top: 6px;
  right: 11px;
  cursor: pointer;
  width: 30px;
  display: none;
}
.tasks-map .sub-header-banner .template-action.always-show {
  display: block;
}
.tasks-map .sub-header-banner .template-action span.icon {
  float: left;
  display: block;
  width: 11px;
  height: 11px;
  background: url("images/project-creation/groupUnitTypeIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map .sub-header-banner .template-action span.icon {
    background-image: url("images/project-creation/groupUnitTypeIcon@2x.png");
    background-size: 22px 11px;
  }
}
.tasks-map .sub-header-banner .template-action span.count {
  font-size: 10px;
  color: var(--neutral-2);
  letter-spacing: 0.25px;
  margin-left: 6px;
  line-height: 11px;
  float: left;
}
.tasks-map li:not(.group-item-view):not(.empty) {
  display: block;
  width: 100%;
  height: 70px;
  position: relative;
  overflow: hidden;
  background-color: var(--neutral-8-white-);
  border-top: 1px solid var(--neutral-6);
  cursor: pointer;
}
.tasks-map li:not(.group-item-view):not(.empty):last-child {
  border-bottom: none;
}
.tasks-map li:not(.group-item-view):not(.empty):hover .sr-category-icon {
  fill: var(--primary-blue);
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image {
  float: left;
  height: 70px;
  width: 70px;
  background-color: var(--neutral-6);
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon {
  display: block;
  margin: 25px auto;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.work-order, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.inspection-point, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.make-ready, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.preventive-maintenance, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.capital-improvement {
  width: 20px;
  height: 20px;
  background-position: left;
  background-size: 40px 20px;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.work-order.white, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.inspection-point.white, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.make-ready.white, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.preventive-maintenance.white, .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.capital-improvement.white {
  background-position: right;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.work-order {
  background: url("images/project-categories/maintenance.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.work-order {
    background-image: url("images/project-categories/maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.inspection-point {
  margin-top: 28px;
  width: 22px;
  height: 14px;
  background: url("images/assignment/subTypeInspection.png") no-repeat;
  background-position: left;
  background-size: 44px 14px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.inspection-point {
    background-image: url("images/assignment/subTypeInspection@2x.png");
    background-size: 44px 14px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.make-ready {
  background: url("images/project-categories/make-ready.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.make-ready {
    background-image: url("images/project-categories/make-ready@2x.png");
    background-size: 40px 20px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.preventive-maintenance {
  background: url("images/project-categories/preventive-maintenance.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.preventive-maintenance {
    background-image: url("images/project-categories/preventive-maintenance@2x.png");
    background-size: 40px 20px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.capital-improvement {
  background: url("images/project-categories/capital-improvement.png") no-repeat;
  background-size: 40px 20px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-image .subtype-icon.capital-improvement {
    background-image: url("images/project-categories/capital-improvement@2x.png");
    background-size: 40px 20px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image.hasImage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image.hasIcon img,
.tasks-map li:not(.group-item-view):not(.empty) .task-image.hasIcon .sr-category-icon {
  display: block;
  margin: 18px auto;
  width: 32px;
  height: 32px;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image.hasIcon.smallIcon img {
  width: auto;
  height: auto;
  margin: 23px auto;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image.media-gallery-icon {
  position: relative;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-image.media-gallery-icon:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: url("images/sr-media-slider/multi-photo.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-image.media-gallery-icon:after {
    background-image: url("images/sr-media-slider/multi-photo@2x.png");
    background-size: 13px 13px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty):not(.from-map), .tasks-map li:not(.group-item-view):not(.empty):not(.from-map).ui-sortable-helper, .tasks-map li:not(.group-item-view):not(.empty):not(.from-map) {
  transition: background-color 150ms ease-in;
}
.tasks-map li:not(.group-item-view):not(.empty):not(.from-map):hover, .tasks-map li:not(.group-item-view):not(.empty):not(.from-map).ui-sortable-helper, .tasks-map li:not(.group-item-view):not(.empty):not(.from-map).hover {
  background-color: var(--list-1-hover);
  transition: none;
}
.tasks-map li:not(.group-item-view):not(.empty):not(.from-map):hover .task-image, .tasks-map li:not(.group-item-view):not(.empty):not(.from-map).ui-sortable-helper .task-image, .tasks-map li:not(.group-item-view):not(.empty):not(.from-map).hover .task-image {
  background-color: var(--list-2-active);
}
.tasks-map li:not(.group-item-view):not(.empty) .profile-picture {
  position: absolute;
  top: 18px;
  left: 53px;
  width: 34px;
  height: 34px;
  border: 2px solid var(--neutral-8-white-);
  background-color: var(--neutral-5);
  z-index: 2;
  border-radius: 50%;
  box-sizing: border-box;
}
.tasks-map li:not(.group-item-view):not(.empty) .profile-picture.profile-image {
  background-size: contain;
}
.tasks-map li:not(.group-item-view):not(.empty) .profile-picture.no-profile-image {
  text-align: center;
  color: var(--neutral-2);
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
}
.tasks-map li:not(.group-item-view):not(.empty) .profile-picture.no-profile-image.temp-user-name {
  border: 0px;
  line-height: 32px;
  color: var(--neutral-4);
  background: var(--neutral-8-white-) url("images/temp-user-30px.png") no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .profile-picture.no-profile-image.temp-user-name {
    background-image: url("images/temp-user-60px.png");
    background-size: 30px 30px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .profile-picture.unknownUser {
  background: var(--neutral-5) url("images/unassigned-user-34px.png") no-repeat;
  background-size: contain !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .profile-picture.unknownUser {
    background-image: url("images/unassigned-user-68px.png");
    background-size: 34px 34px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .profile-picture.placeholder {
  background: var(--neutral-5) url("images/user-placeholder-30.png") no-repeat;
  background-size: contain !important;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .profile-picture.placeholder {
    background-image: url("images/user-placeholder-60.png");
    background-size: 30px 30px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .projectIndicator {
  position: absolute;
  width: 44px;
  height: 44px;
  z-index: 5;
  top: 13px;
  left: 48px;
}
.tasks-map li:not(.group-item-view):not(.empty) .projectIndicator .profile-picture {
  top: 5px;
  left: 5px;
}
.tasks-map li:not(.group-item-view):not(.empty) .projectIndicator svg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.tasks-map li:not(.group-item-view):not(.empty) .projectIndicator svg .progress-arc {
  stroke-width: 0;
  fill: var(--primary-blue);
}
.tasks-map li:not(.group-item-view):not(.empty) .projectIndicator svg .outer-arc {
  fill: #ffffff;
  opacity: 0.8;
}
.tasks-map li:not(.group-item-view):not(.empty) .projectIndicator svg.resolved .progress-arc {
  fill: var(--primary-green);
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content {
  display: table;
  float: left;
  height: 70px;
  width: 200px;
  margin-left: 25px;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .inner-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types {
  width: 200px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types span.dot {
  display: inline-block;
  margin: 0 4px;
  width: 2px;
  height: 2px;
  background: url("images/assignments/dot.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types span.dot {
    background-image: url("images/assignments/dot@2x.png");
    background-size: 2px 2px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types span.dot.hidden {
  display: none;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types span.work-type-detail.suggested, .tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types span.work-type-detail.project, .tasks-map li:not(.group-item-view):not(.empty) .task-content .task-work-types span.work-type-detail.resident-unspecified {
  font-style: italic;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text {
  padding: 0;
  display: block;
  max-width: 200px;
  max-height: 34px;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong {
  font-weight: 700;
  color: var(--neutral-2);
  margin-right: 3px;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong.hidden {
  display: none;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong.overdue {
  color: var(--primary-yellow);
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong.urgent {
  color: var(--primary-red);
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong.urgent span.icon {
  display: inline-block;
  width: 9px;
  height: 8px;
  vertical-align: top;
  margin: 4px 4px 0 0;
  background: url("images/assignments/urgentIcon.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong.urgent span.icon {
    background-image: url("images/assignments/urgentIcon@2x.png");
    background-size: 9px 8px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text strong.resolved {
  color: var(--primary-green);
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text span.dot {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 2px;
  height: 2px;
  background: url("images/assignments/dot.png") no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text span.dot {
    background-image: url("images/assignments/dot@2x.png");
    background-size: 2px 2px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text i {
  font-weight: 700;
}
.tasks-map li:not(.group-item-view):not(.empty) .task-content .task-text em {
  font-weight: 700;
  font-style: italic;
  color: var(--neutral-3);
  margin-right: 3px;
}
.tasks-map li:not(.group-item-view):not(.empty) .org-template-status {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 20px;
  width: 55px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
}
.tasks-map li:not(.group-item-view):not(.empty) .org-draft-status {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border: 2px solid var(--neutral-4);
  border-radius: 50%;
}
.tasks-map li:not(.group-item-view):not(.empty) .org-published-status {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  background-color: var(--primary-green);
  border-radius: 50%;
}
.tasks-map li:not(.group-item-view):not(.empty) .repeating {
  position: absolute;
  width: 15px;
  height: 13px;
  bottom: 8px;
  right: 9px;
  background: url("images/assignments/repeatingIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .tasks-map li:not(.group-item-view):not(.empty) .repeating {
    background-image: url("images/assignments/repeatingIcon@2x.png");
    background-size: 30px 13px;
  }
}
.tasks-map li:not(.group-item-view):not(.empty) .file-indicator {
  position: absolute;
  top: 48px;
  right: 9px;
}
.tasks-map li:not(.group-item-view):not(.empty) .file-indicator .icon {
  display: block;
}
.tasks-map li:not(.group-item-view):not(.empty) .createdWhen {
  position: absolute;
  top: 6px;
  right: 9px;
  font-size: 11px;
  color: var(--neutral-4);
  line-height: 16px;
  text-align: right;
}
.tasks-map li:not(.group-item-view):not(.empty) .sr-completable-status {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.tasks-map li:not(.group-item-view):not(.empty) .sr-completable-status span.icon {
  display: block;
}
.tasks-map li:not(.group-item-view):not(.empty) .initial-task-icon {
  display: none;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map {
  cursor: default;
  height: 90px;
  border-bottom: 0px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border-radius: 4px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image {
  height: 90px;
  width: 90px;
  border-radius: 3px 0 0 3px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image .subtype-icon {
  margin: 27px auto;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image .subtype-icon.work-order, .tasks-map li:not(.group-item-view):not(.empty).from-map .task-image .subtype-icon.make-ready, .tasks-map li:not(.group-item-view):not(.empty).from-map .task-image .subtype-icon.preventive-maintenance, .tasks-map li:not(.group-item-view):not(.empty).from-map .task-image .subtype-icon.capital-improvement {
  width: 36px;
  height: 36px;
  background-size: 72px 36px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image .subtype-icon.inspection-point {
  margin-top: 31px;
  width: 36px;
  height: 24px;
  background-size: 72px 24px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image.hasIcon img,
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image.hasIcon .sr-category-icon {
  margin: 27px auto;
  width: 36px;
  height: 36px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-image.hasIcon.smallIcon img {
  margin: 33px auto;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .profile-picture {
  top: 28px;
  left: 73px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .projectIndicator {
  top: 23px;
  left: 68px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .projectIndicator .profile-picture {
  top: 5px;
  left: 5px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-content {
  height: 90px;
  width: 220px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-content .task-work-types {
  width: 200px;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-content .task-work-types span.work-type-detail:hover {
  cursor: pointer;
  text-decoration: underline;
}
.tasks-map li:not(.group-item-view):not(.empty).from-map .task-content .task-text {
  max-width: 200px;
  max-height: 45px;
  margin: 0;
}
.tasks-map li:not(.group-item-view):not(.empty).initial-task .original-task {
  position: absolute;
  right: 9px;
  bottom: 8px;
  display: block;
}
.tasks-map li:not(.group-item-view):not(.empty):not(.from-map).open-task {
  background-color: var(--list-2-active);
}
.tasks-map li:not(.group-item-view):not(.empty):not(.from-map).open-task .task-image {
  background-color: var(--list-3-active-hover);
  fill: var(--primary-blue);
}
.tasks-map li:not(.group-item-view):not(.empty).simplified .profile-picture,
.tasks-map li:not(.group-item-view):not(.empty).simplified .projectIndicator,
.tasks-map li:not(.group-item-view):not(.empty).simplified .createdWhen {
  display: none !important;
}
.tasks-map li:not(.group-item-view):not(.empty).simplified .task-content {
  margin-left: 17px;
  width: 218px;
}
.tasks-map li:not(.group-item-view):not(.empty).simplified .task-content .task-work-types {
  width: 218px;
}
.tasks-map li:not(.group-item-view):not(.empty).simplified .task-content .task-text {
  max-width: 218px;
}

.sr-context-project-group-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 14px;
  padding: 15px;
  padding-bottom: 10px;
}
.sr-context-project-group-header-container .group-name {
  color: var(--neutral-2);
  font-weight: 600;
}
.sr-context-project-group-header-container .project-template-name {
  color: var(--neutral-3);
}

.users-on-call {
  position: relative;
}
.users-on-call .task-filter-list.open {
  z-index: 20;
}
.users-on-call .status {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.users-on-call.is-loading .on-call-table-row:not(.thead-row) {
  opacity: 0.4;
}
.users-on-call .sr-completable-status {
  position: absolute;
  right: 40px;
  top: -66px;
  z-index: 9001;
}
.users-on-call .help-icon {
  position: absolute;
  right: 0px;
  top: -66px;
  z-index: 9001;
}
.users-on-call .on-call-table-container {
  position: absolute;
  padding-top: 31px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.users-on-call .on-call-table-container .header-table-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 31px;
  z-index: 15;
}
.users-on-call .on-call-table-container .body-table-container {
  height: 100%;
  overflow: scroll;
}
.users-on-call table {
  width: 100%;
  min-width: 1024px;
}
.users-on-call .selectro-list-container {
  z-index: 5;
  padding-bottom: 90px;
}
.users-on-call .selectro-list-container.open.filter-mode {
  z-index: 20;
}
.users-on-call .selectro-list-container .scrollIndicator {
  bottom: 90px;
}
.users-on-call .body-table {
  margin-bottom: 80px;
}
.users-on-call .on-call-table-row {
  height: 50px;
  background-color: var(--neutral-8-white-);
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  box-sizing: border-box;
}
.users-on-call .on-call-table-row.is-today {
  background-color: var(--list-4-on-call-hover);
}
.users-on-call .on-call-table-row.is-today .on-call-table-cell:first-child {
  font-weight: 700;
}
.users-on-call .on-call-table-row:not(.thead-row) {
  transition: background-color 150ms ease-in;
}
.users-on-call .on-call-table-row:hover:not(.thead-row) {
  background-color: var(--list-1-hover);
  transition: none;
}
.users-on-call .on-call-table-row:hover:not(.thead-row) .users-on-call-cell span.icon:not(.is-disabled) {
  display: block;
}
.users-on-call thead tr.on-call-table-row {
  height: 30px;
}
.users-on-call thead tr.on-call-table-row .on-call-table-cell {
  font-size: 12px;
  line-height: 30px;
  font-weight: 400;
  color: var(--neutral-3);
}
.users-on-call .on-call-table-cell {
  line-height: 50px;
  text-align: left;
  padding: 0;
}
.users-on-call .on-call-table-cell.sortable .sort-icon {
  opacity: 0;
  width: 6px;
  height: 5px;
  background-image: url("images/residents/sortArrows.png");
  transition: opacity 0.05s ease-in;
  display: inline-block;
  vertical-align: middle;
  background-position: right;
  margin: 12px 0 0 1px;
  vertical-align: top;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .users-on-call .on-call-table-cell.sortable .sort-icon {
    background-image: url("images/residents/sortArrows@2x.png");
    background-size: 12px 5px;
  }
}
.users-on-call .on-call-table-cell.sortable.asc .sort-icon {
  background-position: right;
}
.users-on-call .on-call-table-cell.sortable.desc .sort-icon {
  background-position: left;
}
.users-on-call .on-call-table-cell.sortable:hover, .users-on-call .on-call-table-cell.sortable.active {
  color: var(--neutral-2);
  cursor: pointer;
}
.users-on-call .on-call-table-cell.sortable.active .sort-icon {
  opacity: 1;
}
.users-on-call .on-call-table-cell:first-child {
  padding-left: 23px;
}
.users-on-call .on-call-table-cell .selectro-badge-container,
.users-on-call .on-call-table-cell .sr-selectro {
  width: 330px;
}
.users-on-call .on-call-table-cell .selectro-badge-container .sr-completable-status,
.users-on-call .on-call-table-cell .sr-selectro .sr-completable-status {
  top: 10px;
  z-index: 9000;
}
.users-on-call .on-call-table-cell span.icon {
  display: none;
  position: absolute;
  left: 350px;
  top: 9px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url("images/timeframes/24w/black/this-month.png");
  background-size: 24px 24px;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .users-on-call .on-call-table-cell span.icon {
    background-image: url("images/timeframes/24w/black/this-month@2x.png");
    background-size: 24px 24px;
  }
}
.users-on-call .users-on-call-cell {
  position: relative;
}
.users-on-call .save-banner {
  bottom: 0;
  background-color: white;
}

.people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.trash, .people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.invite-envelope {
  border-bottom: 0;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.trash.ready:hover, .people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.invite-envelope.ready:hover {
  cursor: pointer;
  background-position-x: right;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.trash.disabled:hover, .people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.invite-envelope.disabled:hover {
  cursor: default;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.invite-envelope {
  margin: 0 14px 0 0;
  opacity: 0.6;
}
.people-section.users .sr-table .sr-table-action-cell .action-buttons span.icon.invite-envelope.active:hover {
  opacity: 1;
}
.people-section.users .sr-table .sr-table-action-cell .sr-table-cell-action:hover {
  border-bottom: 0;
}

.users-list .sr-context-menu .red-trash {
  color: var(--primary-red);
}

.user-details {
  height: 100%;
  padding: 0 25px;
}
.user-details .divider {
  margin: 30px 0;
  width: 100%;
  border-bottom: 1px solid var(--neutral-5);
}
.user-details .user-details-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 75px;
}
.user-details .user-details-header .header-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.user-details .user-details-header .header-left .display-name {
  max-width: 290px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 600;
  color: var(--neutral-2);
}
.user-details .user-details-header .header-left .org-name {
  font-size: 14px;
  font-weight: 400;
  color: var(--neutral-3);
}
.user-details .user-details-header .header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 15px;
}
.user-details .user-details-header .header-right .edit-btn {
  height: 15px;
}
.user-details .user-details-header .header-right .edit {
  color: var(--neutral-3);
}
.user-details .user-details-header .header-right .edit:hover {
  color: var(--primary-blue);
}
.user-details .user-details-header .header-right .resend-invite {
  color: var(--neutral-3);
  margin-top: -1px;
}
.user-details .user-details-header .header-right .resend-invite:hover {
  color: var(--primary-blue);
}
.user-details .user-details-header .header-right .more-options {
  height: 24px;
  width: 24px;
  border-radius: 3px;
  color: var(--neutral-3);
}
.user-details .user-details-header .header-right .more-options.selected {
  background-color: var(--list-2-active);
}
.user-details .user-details-header .header-right .more-options.selected .sr-icon {
  color: var(--primary-blue);
}
.user-details .user-details-header .header-right .more-options:hover, .user-details .user-details-header .header-right .more-options.active {
  color: var(--primary-blue);
  background-color: var(--list-2-active);
}
.user-details .user-details-header .header-right .close {
  margin-left: 5px;
}
.user-details .user-details-header .header-right .close [fill="#000"] {
  fill: var(--neutral-3);
}
.user-details .user-details-header .header-right .close [stroke="#000"] {
  stroke: var(--neutral-3);
}
.user-details .user-details-header .header-right .close:hover [fill="#000"], .user-details .user-details-header .header-right .close:focus [fill="#000"] {
  fill: var(--neutral-2);
}
.user-details .user-details-header .header-right .close:hover [stroke="#000"], .user-details .user-details-header .header-right .close:focus [stroke="#000"] {
  stroke: var(--neutral-2);
}
.user-details .user-details-header .header-right .close.disabled {
  cursor: default;
}
.user-details .user-details-header .header-right .close.disabled [fill="#000"] {
  fill: var(--neutral-4);
}
.user-details .user-details-header .header-right .close.disabled [stroke="#000"] {
  stroke: var(--neutral-4);
}
.user-details .user-details-header #user_menu_popup {
  right: 47px;
  top: 50px;
}
.user-details .user-details-header #user_menu_popup .red-trash {
  color: var(--primary-red);
}
.user-details .user-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.user-details .user-section .user-face {
  height: 78px;
  width: 78px;
}
.user-details .user-section .user-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 15px;
}
.user-details .user-section .user-info .general-inline-edit {
  position: initial;
}
.user-details .user-section .user-info .general-inline-edit .name-inputs {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.user-details .user-section .user-info .general-inline-edit .name-inputs #f_name {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.user-details .user-section .user-info .general-inline-edit .name-inputs #l_name {
  margin-left: -1px;
  border-top-right-radius: 3px;
}
.user-details .user-section .user-info .general-inline-edit .name-inputs input {
  width: 100%;
  border-radius: 0;
}
.user-details .user-section .user-info .general-inline-edit .content-confirmation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: end;
  position: initial;
  width: 100%;
  margin-top: -1px;
}
.user-details .user-section .user-info .general-inline-edit .content-confirmation .cancel-btn {
  margin-right: 1px;
}
.user-details .user-section .user-info .general-inline-edit .content-confirmation.saving .accept-btn,
.user-details .user-section .user-info .general-inline-edit .content-confirmation.saving .cancel-btn {
  cursor: default;
}
.user-details .user-section .user-info .full-name-edit {
  color: var(--neutral-2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  gap: 5px;
  padding-bottom: 3px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 1px solid #fff;
}
.user-details .user-section .user-info .full-name-edit .edit-pencil {
  opacity: 0;
}
.user-details .user-section .user-info .full-name-edit:hover {
  border-bottom: 1px solid var(--neutral-5);
}
.user-details .user-section .user-info .full-name-edit:hover .edit-pencil {
  opacity: 1;
}
.user-details .user-section .user-info .full-name {
  margin-bottom: 4px;
  color: var(--neutral-2);
  font-size: 18px;
  font-weight: 600;
}
.user-details .user-section .user-info .user-title {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 600;
  margin-top: 1px;
}
.user-details .user-section .user-info .username {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.user-details .more-info {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}
.user-details .more-info .title {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.user-details .more-info .value {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 400;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  max-width: calc(100% - 75px);
  float: unset;
  margin-top: 0;
  margin-right: 15px;
  min-height: 26px;
}
.user-details .more-info .value .in-edit .sw-input input {
  outline: none;
  border-bottom: 1px solid var(--neutral-5);
  height: auto;
}
.user-details .more-info .value .sw-input input {
  width: 375px;
  height: 20px;
  resize: none;
  border: none;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
  line-height: 22px;
  white-space: normal;
  overflow-y: hidden;
  padding: 2px 18px 3px 0px;
  margin-bottom: -3px;
  box-sizing: border-box;
}
.user-details .more-info .value .detail-container {
  width: 100%;
  float: unset;
  margin-top: 0;
}
.user-details .more-info .value .detail-container .inner {
  min-height: 20px;
  height: auto;
}
.user-details .more-info .value .detail-container .inner .display {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
  white-space: normal;
  text-overflow: unset;
  min-height: 26px;
  word-break: break-word;
  padding-bottom: 1px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-bottom: 1px solid transparent;
}
.user-details .more-info .value .detail-container .inner .display .edit-pencil {
  opacity: 0;
}
.user-details .more-info .value .detail-container .inner .display:hover {
  border-bottom: 1px solid var(--neutral-5);
}
.user-details .more-info .value .detail-container .inner .display:hover .edit-pencil {
  opacity: 1;
}
.user-details .more-info .value .detail-container .inner .display.kill-hover:hover {
  border-bottom: 1px solid transparent;
}
.user-details .more-info .value .detail-container .inner .display.kill-hover:hover .edit-pencil {
  opacity: 0;
}
.user-details .more-info .value .detail-container .inner .edit {
  margin-bottom: 2px;
}
.user-details .more-info .value .detail-container .inner .edit .invalid-message {
  display: none;
}
.user-details .more-info .value .detail-container .inner .sub-text {
  padding: 0;
}
.user-details .more-info .value .detail-container .inner .edit-buttons {
  bottom: -17px;
  right: 0;
}
.user-details .more-info .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.user-details .more-info .info .icon {
  color: var(--neutral-3);
}
.user-details .more-info .info .icon:hover {
  color: var(--primary-blue);
}
.user-details .user-sites-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 25px;
  gap: 20px;
}
.user-details .user-sites-section .sites-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.user-details .user-sites-section .sites-header-container #info-icon:hover .sr-icon.info g {
  fill: var(--neutral-2);
}
.user-details .user-sites-section .sites-title {
  font-size: 16px;
}
.user-details .user-sites-section .site-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.user-details .user-sites-section .site-row .site {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 15px;
}
.user-details .user-sites-section .site-row .site .common-icon {
  height: 30px;
  width: 30px;
  background-size: 30px 30px;
  margin-top: 2px;
}
.user-details .user-sites-section .site-row .site .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 295px;
}
.user-details .user-sites-section .site-row .site .info .site-name {
  color: var(--neutral-2);
  font-size: 14px;
  font-weight: 600;
}
.user-details .user-sites-section .site-row .site .info .site-city {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.user-details .user-sites-section .site-row .site .info .site-role {
  color: var(--neutral-3);
  font-size: 12px;
  font-weight: 400;
}
.user-details .user-sites-section .site-row .remove-user {
  color: var(--neutral-3);
}
.user-details .user-sites-section .site-row .remove-user:hover {
  color: var(--primary-red);
}
.user-details .user-sites-section .site-row .more-options {
  height: 20px;
  width: 36px;
  border-radius: 3px;
  color: var(--neutral-3);
  margin-right: -6px;
}
.user-details .user-sites-section .site-row .more-options.selected {
  background-color: var(--list-2-active);
}
.user-details .user-sites-section .site-row .more-options.selected .sr-icon {
  color: var(--primary-blue);
}
.user-details .user-sites-section .site-row .more-options:hover, .user-details .user-sites-section .site-row .more-options.active {
  background-color: var(--list-2-active);
}
.user-details .user-sites-section .site-row .submenu {
  right: -1px;
  top: 25px;
}
.user-details .user-sites-section .site-row .submenu::before, .user-details .user-sites-section .site-row .submenu::after {
  right: 10px;
}
.user-details .sr-icon.destructive svg, .user-details #info-icon {
  width: 24px;
  height: 24px;
}

.team-icon {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: var(--neutral-3);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  opacity: 1;
  color: var(--neutral-8-white-);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

#team_bulk_menu_btn .more-options path {
  fill: var(--primary-blue);
}

#team_bulk_menu_popup {
  left: 0;
  top: 60px;
  width: 255px;
}
#team_bulk_menu_popup:before, #team_bulk_menu_popup:after {
  bottom: auto;
  top: -7px;
  left: 20px;
  height: 15px;
  width: 15px;
}
#team_bulk_menu_popup .add-team-member path {
  fill: var(--primary-blue);
}
#team_bulk_menu_popup .red-trash path {
  fill: var(--primary-red);
}

.people-section.users {
  margin: 0 30px;
}
.people-section.users .icon.multi-generic {
  background: url("images/sr-common-icons/sites/multi-generic.svg") no-repeat;
  background-size: 20px 20px;
}
.people-section.users .red-trash {
  color: var(--primary-red);
}
.people-section.users .site-row .red-trash {
  color: var(--neutral-3);
}
.people-section.users .site-row .red-trash:hover {
  color: var(--primary-red);
}
.people-section.users .sr-context-menu-item .sr-icon {
  width: 44px;
}
.people-section.users .users-new-view .tcpa {
  font-size: 14px;
  text-decoration: none;
  color: var(--primary-blue);
}
.people-section.users .users-new-view .sr-selectro-list-item.disabled-item .imgSpan {
  opacity: 0.5;
}
.people-section.users .users-new-view .sr-selectro-list-item.disabled-item .sr-checkbox {
  background: none;
}
.people-section.users .bulk-actions-container svg g, .people-section.users .bulk-actions-container svg path {
  fill: var(--neutral-3);
}

.people-section.teams {
  margin: 0 30px;
}
.people-section.teams .icon.multi-generic {
  background: url("images/sr-common-icons/sites/multi-generic.svg") no-repeat;
  background-size: 20px 20px;
}
.people-section.teams .red-trash {
  color: var(--primary-red);
}
.people-section.teams .site-row .red-trash {
  color: var(--neutral-3);
}
.people-section.teams .site-row .red-trash:hover {
  color: var(--primary-red);
}
.people-section.teams .sr-context-menu-item .sr-icon {
  width: 44px;
}
.people-section.teams .teams-new-view .tcpa {
  font-size: 14px;
  text-decoration: none;
  color: var(--primary-blue);
}
.people-section.teams .teams-new-view .sr-selectro-list-item.disabled-item .imgSpan {
  opacity: 0.5;
}
.people-section.teams .teams-new-view .sr-selectro-list-item.disabled-item .sr-checkbox {
  background: none;
}
.people-section.teams .bulk-actions-container svg g, .people-section.teams .bulk-actions-container svg path {
  fill: var(--neutral-3);
}
.people-section.teams .sr-icon.add-task.blue path {
  fill: var(--primary-blue);
}
.people-section.teams .sr-table .no-results div.emoji {
  font-size: 60px;
  line-height: 79px;
  margin: 0 auto 10px;
}
.people-section.teams .sr-table .no-results div.icon {
  margin: 0 auto 14px;
}
.people-section.teams .sr-table .no-results h2 {
  color: var(--neutral-2);
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}
.people-section.teams .sr-table .no-results a {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--primary-blue);
          text-decoration-color: var(--primary-blue);
  color: var(--primary-blue);
}
.people-section.teams .sr-table .no-results p {
  max-width: 432px;
  margin: 14px auto;
}

.instantiate-project .restrictions {
  margin-bottom: 25px;
}
.instantiate-project .restrictions p {
  margin-bottom: 0px;
}
.instantiate-project .restrictions .static-info-message {
  min-height: auto;
}
.instantiate-project section.preview {
  text-align: center;
  background-color: var(--neutral-6);
  line-height: 16px;
  min-height: 16px;
  border-top: 1px solid var(--neutral-5);
  border-bottom: 1px solid var(--neutral-5);
  padding: 20px 25px;
  font-size: 14px;
}
.instantiate-project .complete-place-holder {
  margin-bottom: 25px !important;
}
.instantiate-project .complete-place-holder h5 {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 6px;
}
.instantiate-project .complete-place-holder.last-of-type {
  margin-bottom: 0px;
}
.instantiate-project .no-bottom-padding {
  padding-bottom: 5px !important;
}
.instantiate-project .multi-resident.is-in-list .faces {
  left: 15px;
  top: 14px;
}
.instantiate-project .multi-resident.is-in-list .faces .sr-face {
  font-size: 10px;
  position: absolute;
  margin-top: 2px;
}
.instantiate-project .multi-resident.is-in-list .faces .sr-face:only-child {
  margin-left: 7px;
}
.instantiate-project .multi-resident.is-in-list .faces .sr-face:nth-child(2) {
  margin-left: 14px;
}

.create-place-holder div.error {
  margin-top: 8px;
  font-style: italic;
  font-size: 14px;
  color: rgba(255, 0, 0, 0.9);
  line-height: 18px;
}
.create-place-holder .sr-input input {
  width: 100%;
}
.create-place-holder .modal-button-group .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.create-place-holder .modal-two-button-groups {
  overflow: inherit !important;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}
.create-place-holder .modal-two-button-groups .modal-left-buttons .standardButton {
  margin-left: 0 !important;
}
.create-place-holder .modal-two-button-groups .modal-right-buttons {
  display: -ms-flexbox;
  display: flex;
}
.create-place-holder .delete-form {
  display: none;
  position: absolute;
  bottom: 85px;
  left: 13px;
  z-index: 10;
  width: 230px;
  padding: 20px;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #9dbacc;
  background-color: var(--neutral-8-white-);
  box-sizing: border-box;
}
.create-place-holder .delete-form.visible {
  display: block;
}
.create-place-holder .delete-form p {
  margin-bottom: 10px;
}
.create-place-holder .delete-form:after, .create-place-holder .delete-form:before {
  top: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.create-place-holder .delete-form:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: var(--neutral-8-white-);
  border-width: 10px;
  margin-left: -10px;
}
.create-place-holder .delete-form:before {
  border-color: rgba(157, 186, 204, 0);
  border-top-color: #9dbacc;
  border-width: 11px;
  margin-left: -11px;
}
.create-place-holder .delete-container {
  position: relative;
}
.create-place-holder .delete-container .standardButton {
  display: block;
  position: absolute;
  padding: 0;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 36px;
  text-align: center;
  line-height: 34px;
  z-index: 11;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
}
.create-place-holder .delete-container input {
  text-transform: uppercase;
  width: 100%;
  padding: 7px 40px 7px 10px;
  height: 36px;
  line-height: 20px;
  font-size: 14px;
}
.create-place-holder .delete-container input::-webkit-input-placeholder {
  padding-top: 0px;
}
.create-place-holder .delete-container input:-moz-placeholder {
  padding-top: 0px;
}
.create-place-holder .delete-container input::-moz-placeholder {
  padding-top: 0px;
}
.create-place-holder .delete-container input:-ms-input-placeholder {
  padding-top: 0px;
}
.create-place-holder .delete-container.ready a {
  border-color: var(--primary-red);
  color: var(--neutral-8-white-);
  background-color: var(--primary-red);
}
.create-place-holder .delete-container.ready input {
  border-color: var(--primary-red);
  color: var(--primary-red);
}
.create-place-holder .delete {
  display: none;
  margin-top: 11px;
  float: left;
  font-weight: 600;
  font-size: 11px;
  color: #47758f;
  letter-spacing: 1.14px;
  line-height: 17px;
  text-transform: uppercase;
}
.create-place-holder .delete span.icon {
  margin: 0 9px 0 0;
  display: inline-block;
  vertical-align: top;
  width: 13px;
  height: 17px;
  background: url("images/form-creation/deleteIcon.png") no-repeat;
  background-position: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-place-holder .delete span.icon {
    background-image: url("images/form-creation/deleteIcon@2x.png");
    background-size: 26px 17px;
  }
}
.create-place-holder .delete.visible {
  display: block;
}
.create-place-holder .delete.disabled {
  color: var(--neutral-4);
  cursor: default;
}
.create-place-holder .delete.disabled span.icon {
  opacity: 0.5;
}
.create-place-holder .delete:not(.disabled):hover {
  color: var(--primary-red);
}
.create-place-holder .delete:not(.disabled):hover span.icon {
  background-position: right;
}
/*@ sourceMappingURL=sightplan-web.css.map*/