/* Added for mobile Version */

/* General */
body {
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}
.noscroll {
  overflow: hidden;
}
.show-desktop,
.navbar .show-desktop,
.navbar .show-tablet
.tablet-only {
  display: none !important;
}
.show-mobile,
.navbar .show-mobile {
  display: block !important;
}
.hidesp {
  display: none;
}
.oc-hide {
  display: none;
}
.hidedt {
  display: none !important;
}

@media (min-width: 768px) {
  .show-desktop,
  .navbar .show-desktop {
    display: block !important;
  }
  .show-mobile,
  .navbar .show-mobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidedt {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-desktop.hide-tablet {
    display: none !important;
  }
  .show-desktop.show-tablet {
    display: none !important;
  }
  .show-mobile.show-tablet,
  .tablet-only {
    display: block !important;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 17px;
  }
  *:hover,
  *:focus {
    outline: none;
  }
  .app-wrapper {
    min-width: 100%;
  }
  .app-grid {
    max-width: 767px;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .app-grid-substitute {
    max-width: 767px;
  }
  .hidem {
  	display: none;
  }
  .hidessc {
  	display: none !important;
  }
  .hidemi {
  	display: none !important;
  }
  .hidem.open {
  	display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hidem {
  	display: none;
  }
  .hidemi {
  	display: none !important;
  }
  .hidem.open {
  	display: block;
  }
  .hidem.show-tablet {
    display: block !important;
  }
  .hidemi.show-tablet {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .hidedt {
  	display: none;
  }
  .hidessc.inline {
  	display: inline-block;
  }
}

@media screen and (-ms-high-contrast: none) and (max-width: 767px) {
  .app-grid {
    grid-gap: 12px;
  }
}

/* Navbar */

.navbar.bg-white {
	background: #fff;
  transition: 0.25s ease;
}
.navbar .notification-icon {
  display: block;
  background: url(/static/dsm/images/icons/header/24/notification/black.svg) center/26px no-repeat;
  margin-right: 12px;
}
.navbar.light-variant .notification-icon {
  background: url(/static/dsm/images/icons/header/24/notification/white.svg) center/26px no-repeat;
}

@media (max-width: 767px) {
  .navbar .logo {
    background: url(/static/dsm/images/assets/Logo/logo_greta_black_mobile.svg) no-repeat left;
  }
  .navbar.light-variant .logo {
    background-image: url(/static/dsm/images/assets/Logo/logo_greta_white_mobile.svg);
  }
  .sar-top .navbar.light-variant .logo {
    background-image: url(/static/dsm/images/assets/Logo/logo_greta_black_mobile.svg);
  }
}

@media (min-width: 768px) {
  .navbar .logo {
    background: url(/static/dsm/images/assets/Logo/logo_greta_black.png) no-repeat left;
  }
  .navbar.light-variant .logo {
    background-image: url(/static/dsm/images/assets/Logo/logo_greta_white.png);
  }
  .sar-top .navbar.light-variant .logo {
    background-image: url(/static/dsm/images/assets/Logo/logo_greta_white.png);
  }
}

@media (max-width: 1023px) {
  .navbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
    position: fixed;
    z-index: 19;
  }
  .navbar.undefined,
  .navbar.bg-white {
    margin-bottom: 36px solid transparent;
    box-shadow: 0px 2px 6px 6px rgba(0, 0, 0, 0.02);
  }
  .navbar.light-variant .mobile-menu-toggle.menu-collapsed {
    background-image: url(/static/dsm/images/icons/action/controls/S/menu-mobile/white.svg);
  }
  .navbar .mobile-menu-toggle.menu-collapsed {
    background-image: url(/static/dsm/images/icons/action/controls/S/menu-mobile/black.svg);
  }
  .nav-links {
  	min-height: 100%;
    overflow: auto;
  }
  .topnav,
  .notificationnav {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: -100%;
    left: auto;
    background-color: #fff;
    color: #6F7072;
    overflow: auto;
    transition: 0.25s;
  }
  .topnav.open,
  .notificationnav.open {
    right: 0;
  }
  .topnav .navfooterinside {
    display: none;
  }
  .topnav.open .navfooterinside {
    display: block;
  }
  .navbar .app-grid {
  	grid-template-rows: 58px;
    -ms-grid-rows: 58px;
  }
  .navbar + .clear-position {
    height: 58px;
  }
  .navbar .mobile-menu-toggle {
  	display: block;
  }
  .navbar .world-icon,
  .navbar .user-account {
    margin-right: 12px;
  }
  .navbar .nav-links {
    position: relative;
    text-align: left;
  }
  .navbar .navhead {
    position: relative;
    line-height: 56px;
    font-size: 18px;
    padding-left: 32px;
  }
  .navbar .navhead a {
    color: #000;
  }
  .navbar .navhead a::before {
    content: url(/static/dsm/images/icons/action/controls/S/chevron/left/black.svg);
    position: absolute;
    top: 3px;
    left: 12px;
    width: 20px;
  }
  .navbar .nav-links {
    font-size: 14px;
  }
  .navbar .nav-links .notificationnav .ndesc {
    font-size: 12px;
  }
  .navbar .nav-links ul {
    display: block;
    margin-left: 16px;
    margin-right: 15px;
  }
  .navbar .nav-links .subhead ul {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar .nav-links ul li {
    display: block;
    width: 100%;
  }
  .navbar .nav-links ul li a {
    width: 100%;
    display: inline-block;
    color: #000;
    line-height: 48px;
  }
  .navbar .nav-links .notificationnav ul li a {
    line-height: 71px;
    border-bottom: 1px solid #DEDEDE;
  }
  .navbar .nav-links .notificationnav ul li a.ntitle {
    line-height: 0;
  }
  .navbar .nav-links .notificationnav ul li a.ntitle .notitle {
    line-height: 20px;
    padding-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .navbar .nav-links .notificationnav ul li a.ntitle .ndesc {
    display: inline-block;
    color: #707070;
    line-height: 27px;
    padding-bottom: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .navbar .nav-links .notificationnav ul li a.new {
    text-decoration: none;
  }
  .navbar .nav-links ul li a.current-page,
  .navbar .nav-links ul li a.new {
    position: relative;
    text-decoration: underline;
  }
  .navbar .nav-links ul li>a.current-page::before,
  .navbar .nav-links ul li>a.new::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 6px;
    margin-right: 10px;
    height: 48px;
    background: #C21817;
    top: 0;
    left: -16px;
  }
  .navbar .nav-links .notificationnav ul li>a.new::before {
    height: 72px;
  }
  .navbar .subhead {
  	width: 100%;
    padding: 16px 15px 6px 16px;
  }
  .navbar .subhead .subnavhead {
    display: block;
    border-top: 1px solid #DEDEDE;
    padding-top: 16px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .navbar .nav-links ul li a.navbtn {
    padding-left: 0;
  }
  .navbar .topnav.open .world-icon {
    background-image: url(/static/dsm/images/icons/header/32/earth/black.svg);
    margin-top: 8px;
    margin-right: 6px;
    margin-bottom: 57px;
    margin-left: 0;
    float: left;
  }
  .navbar .topnav .lcm {
    display: inline-block;
    line-height: 42px;
    padding-top: 4px;
  }
  .navbar .topnav .navfooterinner .lcm,
  .navbar .topnav .langswitch .lcm {
    color: #000;
    font-weight: 400;
  }
  .navbar .topnav .navfooterinner .lcm {
    display: inline-block;
    margin-top: 6px;
  }
  .navbar .topnav .langswitch::after {
    content: "";
    display: block;
    height: 84px;
  }
  .navbar .mobilenavfooter {
    position: fixed;
    display: block;
    width: 100%;
    left: auto;
    bottom: 0;
    height: 57px;
    line-height: 57px;
    background: #fff;
    transform:translate3d(0px, 0, 0);
    -webkit-transform:translate3d(0px, 0, 0);
  }
  .navbar .topnav .mobilenavfooter {
    right: -100%;
    transition: 0.25s;
  }
  .navbar .topnav.open .mobilenavfooter {
    right: 0;
  }
  .navbar .navfooterinner {
    padding-left: 16px;
    padding-right: 15px;
  }
  .navbar .navfooterinside {
    border-top: 1px solid #DEDEDE;
  }
  .navbar .topnav.open .user-account {
    background-image: url(/static/dsm/images/icons/header/32/profile-initials/black@2x.png);
    margin-top: 16px;
    margin-right: 6px;
    float: left;
  }
}

@media (max-width: 767px) {
  .sar-top .navbar.light-variant .notification-icon {
    background: url(/static/dsm/images/icons/header/24/notification/black.svg) center/26px no-repeat;
  }
  .sar-top .navbar.light-variant .mobile-menu-toggle.menu-collapsed {
    background-image: url(/static/dsm/images/icons/action/controls/S/menu-mobile/black.svg);
  }
  .navbar.undefined {
    background: #fff;
  }
  .navbar.undefined.openoutside {
    height: 100%;
  }
  .sar-top .navbar.light-variant {
    background: #fff;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sar-top .navbar.light-variant .notification-icon {
    background: url(/static/dsm/images/icons/header/24/notification/white.svg) center/26px no-repeat;
  }
  .sar-top .navbar.light-variant .mobile-menu-toggle.menu-collapsed {
    background-image: url(/static/dsm/images/icons/action/controls/S/menu-mobile/white.svg);
  }
  .navbar.undefined {
    background: #fff;
  }
  .sar-top .navbar.light-variant {
    background: rgba(255, 255, 255, 0.1);
  }
}

/* Footer */

@media (max-width: 767px) {
  .app-footer .footer-inside .footer-wrapper {
    max-width: 100%;
    display: block;
    justify-content: none;
    margin: 0 auto;
    padding: 40px 15px 32px 16px;
    text-align: center;
  }
  .app-footer .logo-gre,
  .app-footer .company-info,
  .app-footer .international {
    margin: 0 auto;
    text-align: center;
  }
  .app-footer .logo-gre,
  .app-footer .company-info,
  .app-footer .international {
    margin: 0 auto;
    text-align: center;
  }
  .app-footer .logo-gre img {
    margin-left: 14px;
    width: 48px;
    height: auto;
  }
  .app-footer .logo-gre {
    margin-bottom: -8px;
  }
  .app-footer .company-info {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 17px;
    white-space: nowrap;
  }
  .app-footer .international {
  	height: 60px;
    background: url(/static/dsm/images/assets/world_image_mobile.svg);
    margin-bottom: 8px;
    font-size: 12px;
    white-space: nowrap;
  }
  .app-footer .international a {
    font-size: 12px;
    white-space: nowrap;
  }
  .app-footer li {
    padding-top: 16px;
  }
  .app-footer ul a {
    font-size: 14px;
    line-height: 17px;
  }
}

/* Page Content */

.page-content {
  min-height: calc(100vh - 72px - 98px);
  padding-bottom: 40px;
}

@media (min-width: 1024px) {
  .page-content {
    min-height: calc(100vh - 72px - 128px);
  }
}

@media (max-width: 767px) {
  .page-content.property-manager.buildings-tenants {
    min-height: calc(100vh - 72px - 333px);
  }
  .page-content.building-and-data {
    min-height: calc(100vh - 72px - 356px);
  }
}

/* Content */

.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-logo-wrapper img,
.property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-logo-wrapper img {
    width: 32px;
}
.app-grid-substitute .meta span {
	width: auto !important;
  white-space: nowrap !important;
}
.widget .my-contracts-info .title,
.widget .my-contracts-info .title h4,
.widget .my-contracts-info .title .subtitle {
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}
.widget .my-contracts-info .title {
  width: initial !important;
}
.widget.pm-buildings-widget .my-contracts-info .title h4,
.widget.pm-buildings-widget .my-contracts-info .title .subtitle {
  width: 300px !important;
}
.buildings-tenants .hero-section .search-bar input.top-search-submit {
  position: absolute;
  top: 0;
  right: 9%;
  width: 54px;
  height: 54px;
  line-height: 54px;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  margin-top: 0;
}

@media (max-width: 767px) {
  .login,
  .dashboard.first-time-access .welcome-teaser,
  .dashboard .highlights,
  .dashboard .my-contracts,
  .dashboard.pm-dashboard .dashboard-tenants .button-wrapper,
  .property-manager .buildings,
  .support-and-request .highlights,
  .support-and-request .categories,
  .new-request .highlights,
	.property-manager .buildings,
	.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher,
	.property-manager.pm-building-info .buildings-tenants-list .tab-switcher,
  .property-manager.building-and-data.pm-building-info .tenants-title,
  .building-and-data .hero-section,
  .pm-tenant-detail .hero-section,
	.support-and-request .hero-section,
	.service-detail .hero-section,
	.property-manager.buildings-tenants .hero-section,
	.property-manager.buildings-tenants .buildings-tenants-list .entries,
	.property-manager.pm-building-info .buildings-tenants-list .entries,
	.pm-tenant-detail .quick-actions,
	.add-on-services,
	.quick-actions,
  .support-and-request.get-support .faq-section,
  .support-and-request .send-request-section,
	.building-and-data .my-contracts,
  .new-request .categories,
  .new-request .subcategories,
  .new-request .form-section,
  .request-detail .highlights,
  .request-detail .requests .messaging,
  .request-detail .categories,
  .request-detail .subcategories,
  .request-detail .form-section,
  .request-detail .cta-buttons,
  .support-and-request .new-requests,
  .support-and-request .closed-requests,
  .section-subtitle-wrapper,
  .document-sharing-flow .hero-section,
  .document-sharing-flow .upload-section-wrapper {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.request-overview,
  .request-detail .requests,
	.building-and-data .invoices,
	.pm-tenant-detail .invoices,
	.building-and-data .building,
	.pm-tenant-detail .building,
	.pm-tenant-detail .tenant-summary,
  .request-detail.version-2021 .requests .messaging,
  .document-sharing,
  .document-sharing-flow .document-section-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.dashboard .my-contracts > .widget,
	.dashboard .my-contracts > .app-grid > .widget,
	.dashboard .my-contracts .pm-buildings-widget,
	.dashboard .my-contracts > .widget .my-contracts-info,
	.dashboard .my-contracts > .app-grid > .widget .my-contracts-info,
	.dashboard .my-contracts .pm-buildings-widget .my-contracts-info,
  .pm-tenant-detail .tenant-summary .summary-box .summary-body,
	.property-manager .buildings > .widget,
	.property-manager .buildings > .app-grid > .widget,
	.property-manager .buildings .pm-buildings-widget,
	.property-manager .buildings > .widget .my-contracts-info,
	.property-manager .buildings > .app-grid > .widget .my-contracts-info,
	.property-manager .buildings .pm-buildings-widget .my-contracts-info,
  .support-and-request .send-request-section .send-request-wrapper,
  .request-detail .requests .messaging {
		display: block;
	}
  .property-manager.pm-dashboard.pm-tenant-detail form .app-grid-substitute {
    margin-top: -66px;
  }
  .property-manager.pm-dashboard.pm-tenant-detail .tenant-summary .summary-box {
    padding-top: 80px;
}
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant,
	.property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant {
		display: block;
    box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.04);
    border-radius: 2px;
	}
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-name,
	.property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-name {
    font-size: 14px;
    line-height: 16.7px;
		margin-bottom: 16px;
	}
	.property-manager.pm-tenant-detail .tenant-name-wrapper .default-content {
    color: #787e80;
	}
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta,
	.property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
		display: block;
		align-items: left;
		margin-left: 0;
		width: 100%;
		margin-bottom: 16px;
    color: #707070;
	}
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-logo-wrapper,
	.property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-logo-wrapper {
		margin-bottom: 16px;
	}
	.dashboard .my-contracts > .widget .my-contracts-image,
	.dashboard .my-contracts > .app-grid > .widget .my-contracts-image,
	.dashboard .my-contracts .pm-buildings-widget .my-contracts-image,
	.property-manager .buildings > .widget .my-contracts-image,
	.property-manager .buildings > .app-grid > .widget .my-contracts-image,
	.property-manager .buildings .pm-buildings-widget .my-contracts-image {
		height: auto;
		min-height: 127px;
	}
	.dashboard .my-contracts > .widget .my-contracts-info .title,
	.dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title,
	.dashboard .my-contracts .pm-buildings-widget .my-contracts-info .title,
	.property-manager .buildings > .widget .my-contracts-info .title,
	.property-manager .buildings > .app-grid > .widget .my-contracts-info .title,
	.property-manager .buildings .pm-buildings-widget .my-contracts-info .title {
		margin-bottom: 16px;
	}
	.app-grid-substitute .meta span {
		min-width: auto !important;
		max-width: auto !important;
	}
	.app-grid-substitute .my-contracts-info .title {
		width: 100%
	}
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-logo-wrapper,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-logo-wrapper,
	.app-grid-substitute .my-contracts-info .button-wrapper {
		display: none;
	}
}

/* Content Elements */
.building-and-data .pcode {
  display: none !important;
}

@media (min-width: 768px) {
	.app-grid > h3.subtitle:nth-child(2),
	.app-grid > h3.subtitle.no-requests {
		display: flex;
		justify-content: flex-end;
	}
	button.widget {
		width: 25%;
		height: 170px;
	}
  .favorite-locations button.widget {
		width: initial;
	}
	button.widget.oc-view {
		height: 120px;
	}
  .latest-announcements .chevron-right.oc-chev,
  .latest-announcements .chevron-left.oc-chev {
    top: 48px;
  }
	.new-communication button.widget.services-widget,
	.new-request button.widget.services-widget,
  .dashboard .add-on-services button.widget.services-widget {
		width: initial;
		height: initial;
	}
  .dashboard .add-on-services h3.subtitle {
		margin-bottom: 16px;
	}
  .dashboard .add-on-services button.widget.services-widget {
		padding-top: 0;
	}
	.widget.monthly {
		height: 422px;
	}
  .property-manager .buildings > .app-grid > .widget .last-document.show-desktop {
    padding-left: 20px !important;
  }
  .support-and-request .hero-section .cta {
    margin-top: 22px;
  }
}

@media (max-width: 767px) {
  input[type=text].default-input,
  textarea.default-input {
    font-size: 14px;
    line-height: 16.7px;
  }
  .tag,
  .under_approv {
    font-size: 10px;
    line-height: 12px;
    padding: 5px 8px;
    border-radius: 12px;
    height: auto;
  }
  .tooltip {
    position: relative;
    font-size: 16px;
    line-height: 20.8px;
    padding: 16px;
    border-radius: 0;
    background: #f0f0f0;
    box-shadow: none;
    text-align: center;
  }
  button.cta-secondary-red,
  button.cta-secondary-red:hover,
  button.cta-secondary-red:focus,
  button.cta-secondary-black,
  button.cta-secondary-black:hover,
  button.cta-secondary-black:focus {
    padding: 15px 24px;
    line-height: 17px;
  }
  .lightbox {
    hyphens: none;
  }
  .lightbox button.cta-primary-red,
  .lightbox button.cta-primary-red:hover,
  .lightbox button.cta-primary-red:focus,
  .lightbox button.cta-primary-black,
  .lightbox button.cta-primary-black:hover,
  .lightbox button.cta-primary-black:focus,
  .hero-section button.cta-primary-red,
  .hero-section button.cta-primary-red:hover,
  .hero-section button.cta-primary-red:focus,
  .hero-section button.cta-primary-black,
  .hero-section button.cta-primary-black:hover,
  .hero-section button.cta-primary-black:focus,
  .hero-section button.cta-primary-white,
  .hero-section button.cta-primary-white:hover,
  .hero-section button.cta-primary-white:focus {
    padding: 15px 24px;
    font-size: 14px;
    line-height: 17px;
  }
  .lightbox button.cta-secondary-black {
    border-color: #000000;
  }
  .lightbox button.cta-secondary-black:hover,
  .lightbox button.cta-secondary-black:focus {
    border-color: #dedede;
  }
  .building-and-data .hero-section {
    --lh: 34px;
    line-height: var(--lh);
  }
  .building-and-data .hero-section h2 {
    --max-lines: 2;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
  }
  .buildings-tenants .hero-section .search-bar input.top-search-submit {
    right: 0;
  }
  a.arrow-link.white,
  a.arrow-link.black {
    text-align: left;
    text-transform: none;
  }
  .widget .widget-title {
    font-size: 18px;
    line-height: 21.47px;
    white-space: auto;
    overflow: auto;
    text-overflow: none;
    max-width: 100%;
  }
  .widget .widget-title {
    height: 44px;
  }
  .dashboard .highlights .widget .tag.bottom,
  .support-and-request .highlights .widget .tag.bottom,
  .new-request .highlights .widget .tag.bottom,
  .request-detail .highlights .widget .tag.bottom {
      margin-top: 21px;
  }
  .agb .widget .widget-title {
    overflow: hidden;
  }
  .tab-switcher button {
    font-size: 14px;
    line-height: 17px;
  }
  .tab-switcher button.selected,
  .tab-switcher button.selected {
    border-bottom: 2px solid #000 !important;
  }
  .tab-switcher button,
  .tab-switcher button {
    padding: 7px 0 !important;
    margin-right: 24px !important;
  }
  .quick-actions button.cta-secondary-black {
    margin-top: 16px;
  }
  .request-detail .cta-buttons {
    display: flex;
    flex-direction: column-reverse;
  }
  .request-detail .cta-buttons button {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
    padding: 15px 24px;
  }
	.buildings-tenants.page-content {
		margin-top: -23px;
	}
	.page-content .app-grid {
		display: block;
	}
  .login {
    height: 100%;
  }
	.login .app-grid {
    width: 100%;
    display: block;
    padding-top: 16px;
	}
  .login .logo {
    height: 29px;
    width: 104px;
    margin: 3px 0 0 -4px;
  }
  .login .logo img {
    width: 72px;
    align-self: center;
  }
	.login .illustration {
		padding: 0;
    width: 100%;
    height: auto;
    margin-top: 8px;
	}
	.login .illustration img {
    display: block;
    margin: 0 auto;
		padding: 0;
    width: 100%;
    max-width: 360px;
	}
	.login .title {
		font-size: 28px;
		line-height: 34.19px;
		letter-spacing: 0.88px;
		width: 100%;
		margin-top: 24px;
    padding: 0 48px;
	}
  .login .login-form > input,
  .login .login-form > button {
    height: 48px;
    font-size: 14px;
    line-height: 16.7px;
  }
  .login .login-form .forgot-password {
    margin-bottom: 32px;
  }
  .wpcc-banner {
    flex-direction: column;
    margin: 15px !important;
    padding: 16px !important;
    background: #F7C7B7 !important;
    border-radius: 10px !important;
  }
  .wpcc-compliance {
    padding: 24px 0 0 0;
    width: 100%;
  }
  .wpcc-btn {
    display: block;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 9px 24px;
    background: #000 !important;
  }
	.lightbox-overlay {
		padding-left: 0 !important;
		padding-right: 0 !important;
		right: 0;
		bottom: 0;
    display: block;
	}
	.lightbox-overlay .app-grid {
		display: block;
	}
  .onboarding-box.lightbox {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .onboarding-box.lightbox .left-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0;
    padding: 16px;
  }
  #changelangbox .onboarding-box.lightbox .left-content {
    margin-top: 92px;
  }
  .onboarding-box.lightbox .left-content h2,
  .onboarding-box.lightbox .left-content h4 {
    margin-top: 12px;
    padding: 0;
  }
  .onboarding-box.lightbox.alternate-layout .left-content h4 {
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.5px;
    margin-top: 8px;
  }
  #requestDoneBox .left-content h2 {
    text-align: center;
  }
  .onboarding-box.lightbox .left-content h4 {
    flex-grow: 1;
    text-align: center;
  }
  .onboarding-box.lightbox .right-content {
    padding-top: 92px;
  }
  .onboarding-box.lightbox button {
    margin-top: auto;
    width: 100%;
  }
  .onboarding-box.lightbox .right-content img {
    width: 250px;
    margin: 0 auto;
  }
  .blue-image-wrapper img {
    width: 250px !important;
    height: 201px;
}
  #changelangbox .onboarding-box.lightbox .left-content h2,
  #requestDoneBox .onboarding-box.lightbox .left-content h2 {
    margin-top: auto;
    margin-bottom: auto;
  }
  .popup-forward-message .onboarding-box.lightbox .left-content h2 {
    margin-top: auto;
    margin-bottom: auto;
  }
  .popup-forward-message .onboarding-box.lightbox .left-content h2 {
    text-align: center;
  }
  #changelangbox .onboarding-box.lightbox .right-content,
  #requestDoneBox .onboarding-box.lightbox .right-content {
    width: 100%;
  }
  #requestDoneBox .onboarding-box.lightbox .right-content img {
    margin-right: 0;
  }
	.lightbox-overlay .close {
		position: absolute;
		top: 24px;
		right: 12px;
    z-index: 20;
  }
	.lightbox-overlay .close img {
		background: #fff;
  }
  .lightbox-overlay .lightbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100%;
    max-height: 100%;
  }
  .onboarding-box.lightbox.alternate-layout button.previous,
  .onboarding-box.lightbox.alternate-layout button.next {
    display: none;
  }
  .onboarding-box.lightbox.alternate-layout .left-content,
  .onboarding-box.lightbox.alternate-layout .right-content {
    width: 100%;
  }
  .onboarding-box.lightbox.alternate-layout .left-content h2 {
    margin-top: 0;
    padding: 0 16px;
  }
  .onboarding-box.lightbox.alternate-layout .left-content h4 {
    margin-bottom: 84px;
    padding: 0 16px;
  }
  .onboarding-box.lightbox.alternate-layout .right-content {
    padding-top: 92px;
  }
  .onboarding-box.lightbox.alternate-layout .right-content img {
    margin: 0 auto;
  }
  .onboarding-box.lightbox.alternate-layout .dot-indicators {
    margin: 0 auto 84px;
  }
  .onboarding-box.lightbox.alternate-layout button.dot-indicator {
    width: 8px;
    height: 8px;
  }
  .onboarding-box.lightbox.alternate-layout .button-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .onboarding-box.lightbox.alternate-layout .al-btn-wrapper {
    padding: 0 16px;
  }
  .onboarding-box.lightbox.alternate-layout .al-btn-wrapper button.secondary {
    color: #000;
    background: transparent;
    border: 0;
  }
  .dashboard.first-time-access .welcome-teaser .left-content {
    margin-left: 0;
    padding-top: 59px;
  }
  .dashboard.first-time-access .welcome-teaser .teaser-wrapper {
    height: 332px;
    max-width: 767px;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
    justify-content: none;
  }
  .dashboard.first-time-access .welcome-teaser .left-content {
    display: block;
    margin-left: 0;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-illustration {
    display: block;
    width: 100%;
    padding-top: 99px;
    align-self: center;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-illustration img {
    display: block;
    width: 265px;
    height: auto;
    margin: 0 auto;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-title {
    height: 70px;
    margin: 12px 0 19px 0;
    padding-top: 6px;
  }
  .dashboard.first-time-access .welcome-teaser button {
    font-size: 14px !important;
    line-height: 16.7px !important;
    height: 48px !important;
    margin-bottom: 2px;
  }
  .subtitle input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .subtitle.get-email-notification {
    padding-left: 28px;
  }
  label.email-notification::before {
    content: "";
    background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked.svg);
    display: block;
    position: absolute;
    margin-top: -18px;
    left: 18px;
    width: 18px;
    height: 18px;
  }
  label.email-notification.active::before {
    content: "";
    background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black.svg);
    display: block;
    position: absolute;
    margin-top: -18px;
    left: 18px;
    width: 18px;
    height: 18px;
  }
	.app-grid > h3.subtitle {
		width: 100%;
		font-size: 14px;
	}
	.app-grid > h3.subtitle:nth-child(2) {
		text-transform: none;
		font-weight: 400;
	}
	.app-grid > h3.subtitle .info-tooltip-wrapper {
		display: none;
	}
	.app-grid > h3.subtitle input {
		float: left;
		margin: 2px 8px 0 0;
	}
  .app-grid-substitute h3.subtitle {
    font-size: 14px;
  }
	.request-overview h3,
  .request-detail h3 {
		padding-left: 16px;
	}
  .support-and-request .widget.messaging h3.subtitle {
    font-size: 14px;
    line-height: 17.09px;
    margin-bottom: 4px;
  }
  .support-and-request .widget.messaging h3 {
    padding-left: 0;
    padding-top: 16px;
  }
	.dashboard .highlights > .app-grid.agb,
	.support-and-request .highlights > .app-grid.agb,
	.new-request .highlights > .app-grid.agb,
	.request-detail  .highlights > .app-grid.agb {
		overflow: auto;
		white-space: nowrap;
		margin: -16px;
		padding: 16px;
	}
	button.widget {
		display: inline-block;
		margin-left: 12px;
		width: 284px;
		height: 205px;
    border-radius: 2px;
		box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.02);
	}
	.new-communication button.widget.services-widget {
		width: 100%;
		height: auto;
		margin: 0 0 12px 0;
	}
	button.widget:hover {
		box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.02);
	}
	button.widget:first-child {
		margin-left: 0;
	}
  .new-request .categories {
    margin-top: 24px
  }
  .new-request .app-grid.with-row-gap h3.subtitle {
    margin-bottom: 16px;
  }
	.dashboard .highlights .widget .category,
	.support-and-request .highlights .widget .category,
	.new-request .highlights .widget .category,
	.request-detail .highlights .widget .category {
		font-size: 12px;
    line-height: 14.65px;
    margin-top: 0;
	}
  .dashboard .highlights .widget .category,
  .support-and-request .highlights .widget .category,
  .new-request .highlights .widget .category,
  .request-detail .highlights .widget .category {
    margin-bottom: 16px;
  }
  .dashboard .highlights .widget .author, .support-and-request .highlights .widget .author, .new-request .highlights .widget .author, .request-detail .highlights .widget .author {
    margin-top: 12px;
  }
	.widget.monthly {
		height: 471px;
	}
	.widget.monthly.none-checked {
		height: 511px;
	}
  .support-and-request button.widget.customer-feedback-widget {
    display: block;
    margin-top: 24px;
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  .widget.services-widget .add-on-title {
    font-size: 18px;
    line-height: 24px;
    margin: 14px 0 12px;
  }
  .support-and-request button.widget.customer-feedback-widget .arrow {
    margin-top: -32px;
    text-align: right;
  }
	.dashboard .highlights .widget .meta,
	.support-and-request .highlights .widget .meta,
	.new-request .highlights .widget .meta,
	.request-detail .highlights .widget .meta {
		font-size: 12px;
		line-height: 22.32px;
		padding: 0;
	}
  .dashboard .my-contracts > .widget .my-contracts-info .label,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-info .label,
  .dashboard .my-contracts .pm-buildings-widget .my-contracts-info .label,
  .property-manager .buildings > .widget .my-contracts-info .label,
  .property-manager .buildings > .app-grid > .widget .my-contracts-info .label,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .label {
    font-size: 9px;
    line-height: 11px;
    font-weight: 400;
  }
  .property-manager.building-and-data.pm-building-info .tenants-title {
    margin-top: 36px;
  }
  .dashboard .request-overview,
  .support-and-request .request-overview,
  .property-manager.building-and-data.pm-building-info .request-overview {
    margin-top: 24px;
  }
  .dashboard .request-overview h3,
  .support-and-request .request-overview h3,
  .property-manager.building-and-data.pm-building-info .request-overview h3 {
    padding-left: 0;
    padding-top: 0;
  }
  .property-manager.building-and-data.pm-building-info h3.subtitle:first-of-type {
    margin-top: 0;
  }
  .dashboard.pm-dashboard .request-overview h3.two-thirds-right {
    padding-left: 16px;
    padding-top: 24px;
  }
  .support-and-request .request-overview h3 {
    padding-bottom: 8px;
  }
  .dashboard .widget.monthly h3.subtitle {
    font-size: 14px;
    line-height: 17.09px;
    margin-bottom: 2px;
  }
  .dashboard .widget.monthly .widget-title {
    font-size: 16px;
    line-height: 24px;
  }
  .request-overview .widget.monthly .monthly-requests-graph {
    margin-top: 8px;
  }
  .request-overview .widget.monthly .monthly-filter {
    padding-top: 2px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes {
    padding-top: 0;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label {
    cursor: pointer;
    line-height: 20px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label:not(:last-child) {
    margin-bottom: 8px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label::before {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label.request-new.checked::before {
    background-color: #8E1230;
    background-size: 20px auto;
    background-position: 1px -1px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label.request-new.checked::before {
    background-color: #8E1230;
    background-size: 20px auto;
    background-position: 1px -1px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label.request-in-progress.checked::before {
    background-color: #E9573D;
    background-size: 20px auto;
    background-position: 1px -1px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label.request-closed.checked::before {
    background-color: #6F7072;
    background-size: 20px auto;
    background-position: 1px -1px;
  }
  .request-overview .widget.monthly button.cta-secondary-red,
  .request-overview .widget.monthly button.cta-secondary-red:hover,
  .request-overview .widget.monthly button.cta-secondary-red:focus {
    line-height: 15px;
  }
	.request-overview .widget.monthly .info-tooltip-wrapper {
		position: relative;
	}
	.request-overview .widget.monthly .info-tooltip-closer .open {
		position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 18;
	}
	.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip {
		position: absolute;
		width: 328px;
		left: -304px;
		right: auto;
		top: 46px;
		white-space: normal;
		z-index: 999;
	}
	.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip:after {
    content: "";
		position: absolute;
		border-style: solid;
		border-width: 0 9px 20px;
		border-color: #F0F0F0 transparent;
		display: block;
		width: 0;
		z-index: 999;
		margin-left: -9px;
		top: -20px;
		left: auto;
    right: 3px;
	}
  .request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip.hidem {
    display: none !important;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip.hidem.open {
    display: block !important;
  }
	button.full {
		width: 100%;
	}
	button.dtt {
		margin-top: 40px;
	}
	.dashboard.pm-dashboard .dashboard-tenants .button-wrapper {
		margin-bottom: -16px;
	}
	.dashboard.pm-dashboard .dashboard-tenants button.dtt {
		margin-top: 16px;
		margin-bottom: 0;
	}
  .service-detail .hero-section.below-nav,
  .property-manager.buildings-tenants .hero-section.below-nav {
    height: calc(72px + 136px);
  }
  .support-and-request .clear-position {
    height: 48px;
  }
  .building-and-data .hero-section {
    height: calc(72px + 318px);
    padding-top: calc(118px + 32px);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  .building-and-data .hero-section .managed-by {
    margin-top: 8px;
    font-size: 18px;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
  }
  .building-and-data .hero-section button {
    position: absolute;
    bottom: 24px;
  }
  .building-and-data .clear-position {
    height: 318px;
  }
  .building-and-data .widget.other-contracts .widget.main-contract .title .main {
    display: inline-block;
    min-width: 220px !important;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher {
    margin-top: 6px;
  }
  .widget.pm-buildings-widget .my-contracts-info .title,
  .widget.pm-buildings-widget .my-contracts-info .title h4,
  .widget.pm-buildings-widget .my-contracts-info .title .subtitle {
    width: 100%;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-head .tenant-logo {
    display: none;
  }
  .pm-tenant-detail .tenant-summary {
    margin-top: 24px;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-body .contact .title {
    font-size: 12px;
    line-height: 14.65px;
    margin-top: 24px;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-body .contact .title:first-child {
    margin-top: 16px;
  }
  .property-manager .tenant-summary .app-grid-substitute:first-of-type {
    margin-top: -8px;
  }
  .property-manager .tenant-summary .back-link {
    margin-left: 16px;
  }
  .property-manager .tenant-summary button.submit {
    margin-left: 16px;
  }
  .property-manager .tenant-summary .summary-box .summary-body {
    padding: 0;
  }
  .request-overview .widget.your-requests .requests-top-section {
    display: block;
    padding-bottom: 2px;
  }
  .request-overview .widget.your-requests .widget-title {
    margin-bottom: -8px;
  }
  .request-overview .widget.your-requests .main-section .requests-list li {
    border: none;
    margin: 6px 0;
    border-radius: 4px;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.05);
  }
  .request-overview .widget.your-requests .main-section .requests-list li:first-child {
    margin: 12px 0 0 0;
  }
  .request-overview .widget.your-requests .main-section .requests-list li:last-child {
    margin: 0 0 12px 0;
  }
  .request-overview .widget.your-requests .main-section .requests-list li .tag {
    white-space: nowrap;
  }
  .request-overview .widget.your-requests .main-section .requests-list li .title {
    min-width: 180px !important;
    display: inline-block;
    white-space: inherit;
    padding-right: 24px;
    max-height: 36px;
  }
  .request-overview a.inline-link {
    font-size: 14px;
    line-height: 16.7px;
    text-align: center;
    color: #000;
    border-bottom: none;
  }
  .tenants-entries a.inline-link {
    font-size: 14px;
    line-height: 16.7px;
    text-align: left;
    color: #707070;
    border-bottom: none;
  }
  .support-and-request.ask-pm .hero-section {
    height: 128px;
  }
  .support-and-request.ask-pm .widget.attachment a.inline-link {
    display: block;
    font-size: 14px;
    line-height: 16.7px;
    text-align: left;
    padding: 9px 0;
    text-decoration: underline;
    border-bottom: 0;
  }
  .support-and-request.request-status .widget.request-info a.inline-link {
    display: block;
    font-size: 14px;
    line-height: 16.7px;
    text-align: left;
    padding: 5px 0;
    text-decoration: underline;
    border-bottom: 0;
  }
  .support-and-request.request-status .widget.request-info .notes:last-child .label {
    margin-bottom: 16px;
  }
  .request-detail .hero-section h2 {
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
  }
  .request-detail.ask-pm .hero-section h2 {
    margin-top: 66px;
  }
  .property-manager .dashboard-tenants ul {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
  }
  .property-manager .dashboard-tenants ul .tenant {
      display: block;
      box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.04);
      border-radius: 2px;
  }
  .property-manager .dashboard-tenants ul .tenant .tenant-logo-wrapper {
    display: none;
  }
  .property-manager .dashboard-tenants ul .tenant .inline-link {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 16.7px;
    text-transform: none;
    text-align: left !important;
  }
  .dashboard .highlights,
  .support-and-request .highlights,
  .new-request .highlights,
  .request-detail .highlights {
    margin-top: 24px;
  }
  .property-manager .dashboard-tenants ul .tenant .inline-link:last-child {
    padding-top: 8px;
    color: #707070;
  }
  .property-manager .dashboard-tenants .button-wrapper button {
    margin-right: 15px;
  }
  .property-manager .dropdown-group,
  .building-and-data .dropdown-group,
  .support-and-request .dropdown-group {
    flex-direction: row;
  }
  .dropdown select {
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 8px;
    cursor: pointer;
  }
  .property-manager .dropdown-group .dropdown select,
  .building-and-data .dropdown-group .dropdown select,
  .support-and-request .dropdown-group .dropdown select {
    height: 48px;
  }
  .property-manager .dropdown-group .dropdown label select,
  .building-and-data .dropdown-group .dropdown select,
  .building-and-data .dropdown-group .dropdown label select,
  .support-and-request .dropdown-group .dropdown label select {
    width: 166px;
    min-width: 166px;
    max-width: 166px;
    margin-left: 0;
    margin-right: 0;
  }
  .dashboard .my-contracts,
  .property-manager.pm-tenant-detail .buildings {
    margin-top: 24px;
  }
  .dashboard .my-contracts > .app-grid > .widget,
  .dashboard .my-contracts .pm-buildings-widget,
  .property-manager .buildings > .widget,
  .property-manager .buildings > .app-grid > .widget,
  .property-manager .buildings .pm-buildings-widget {
    box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    cursor: pointer;
  }
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-image,
  .dashboard .my-contracts .pm-buildings-widget .my-contracts-image,
  .property-manager .buildings > .widget .my-contracts-image,
  .property-manager .buildings > .app-grid > .widget .my-contracts-image,
  .property-manager .buildings .pm-buildings-widget .my-contracts-image {
    border-radius: 4px 4px 0px 0px;
  }
  .my-contracts > .widget .my-contracts-info .title,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title,
  .dashboard .my-contracts .pm-buildings-widget .my-contracts-info .title,
  .property-manager .buildings > .widget .my-contracts-info .title,
  .property-manager .buildings > .app-grid > .widget .my-contracts-info .title,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .title {
    margin-bottom: 8px;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .entries.entries,
  .property-manager.pm-building-info .buildings-tenants-list .entries.entries {
    margin-top: 24px;
  }
  .my-contracts .widget .widget,
  .invoices .widget .widget,
  .building .widget .widget {
    padding: 16px 0;
  }
  .my-contracts .widget div > span,
  .invoices .widget div > span,
  .building .widget div > span {
    min-width: 120px !important;
    display: inline-block;
    white-space: inherit;
    padding-right: 24px;
    max-height: 36px;
  }
  .new-request .hero-section .back-link,
  .request-detail .hero-section .back-link {
    margin-top: calc(16px + 0px);
  }
  .new-request .hero-section h2,
  .request-detail .hero-section h2 {
    margin-top: 54px;
  }
  .new-request .hero-section .illustration,
  .request-detail .hero-section .illustration {
    display: none;
  }
  .request-detail .hero-section .tag {
    margin-top: 16px;
  }
  .request-detail.support-and-request .app-grid-substitute .subtitle {
      padding-top: 16px;
  }
  .request-detail .requests .widget.request-info span
  .request-detail .requests .widget.request-info div {
		padding-left: 16px;
		padding-right: 16px;
	}
  .request-detail .requests {
    margin-top: 0;
	}
  .request-detail .requests .request-info {
    padding: 16px;
  }
  .request-detail.request-status .requests .request-info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .request-detail .requests .messaging {
    padding-bottom: 24px !important;
  }
  .request-detail .requests .messaging .message-input {
    margin: 0;
  }
  .request-detail .requests .messaging .message-input input {
    height: 48px;
    font-size: 14px;
    line-height: 17px;
  }
  .request-detail .requests .messaging .message-input .button-group .fattach {
    width: 40px;
    background-size: 24px auto;
  }
  .request-detail .requests .messaging .message-input .button-group button.submit {
    width: 40px;
    height: 48px;
    line-height: 48px;
    background-size: 24px auto;
  }
  .request-detail .requests .messaging .message-input {
    margin-top: -64px;
  }
  .request-detail .requests .messaging .message-input.has-chat {
    margin-top: 16px;
  }
  .request-detail .requests .messaging .messages .message.received,
  .request-detail .requests .messaging .messages .message.sent {
    font-size: 14px;
    line-height: 17px;
  }
  .request-detail .requests .messaging .messages .status {
    margin-top: 0;
    padding: 20px 0 24px 0;
    font-size: 14px;
    line-height: 16.7px;
  }
  .request-detail .requests .messaging .messages .message.received.has-avatar::after,
  .request-detail .requests .messaging .messages .message.sent.has-avatar::after {
      top: 2px;
      bottom: 2px;
  }
  .request-detail .requests .messaging {
    margin-bottom: 24px;
    padding: 0;
  }
  .request-detail.request-status .requests .request-info {
    margin-bottom: 40px;
  }
  .request-detail .requests .request-info .title {
    font-size: 18px;
    line-height: 21.47px;
  }
  .request-detail.request-status .requests .messaging .title {
    font-size: 14px;
    line-height: 17.09px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 18px 0 8px 0;
  }
  .request-detail .requests .request-info .value {
    font-size: 16px;
    line-height: 20.8px;
  }
  #reopenInput2 {
    width: 100%;
    height: 48px;
    border-radius: 2px;
    background: none;
    padding: 16px 8px;
    font-size: 14px;
    line-height: 16.7px;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #reopenInput2:hover,
  #reopenInput2:focus,
  #reopenInput2:active {
    border: 1px solid #000;
  }
  .request-detail .requests .request-info .category-name,
  .request-detail .requests .request-info .label,
  .request-detail .requests .request-info .dates .value {
    font-size: 12px;
    line-height: 14.65px;
  }
  .request-detail .requests .request-info .has-divider:last-child {
    border-bottom: none;
  }
  .request-detail.ask-pm .widget.attachment {
    padding-top: 0;
    padding-bottom: 0;
  }
  .request-detail.ask-pm .attachments,
  .request-detail.request-status .request-info-details {
    margin-bottom: 36px;
  }
  .request-detail.ask-pm .attachment-opener,
  .request-detail.request-status .request-opener {
    position: relative;
    height: 72px;
    margin-top: -8px;
    cursor: pointer;
  }
  .request-detail.ask-pm .attachment-opener::after,
  .request-detail.request-status .request-opener::after {
    content: "";
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right;
    display: block;
    position: absolute;
    width: 20px;
    top: 0;
    right: 16px;
    height: 72px;
  }
  .request-detail.ask-pm .attachment-opener.active::after,
  .request-detail.request-status .request-opener.active::after {
    content: "";
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right;
    transform: rotate(180deg);
  }
  .request-detail.request-status .request-opener .title {
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 268px;
  }
  .request-detail.request-status .request-opener .category-name {
    padding-top: 16px;
  }
  .request-detail.ask-pm .attachment .label,
  .request-detail.ask-pm .messages .title {
    display: block;
    font-size: 12px;
    line-height: 14.65px;
    text-align: left;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #707070;
    padding-top: 16px;
    margin-bottom: 8px;
  }
  .request-detail.ask-pm .messages .title {
    font-size: 14px;
    line-height: 17.09px;
    color: #000;
  }
  .request-detail.ask-pm .attachment .label.sub {
    font-size: 18px;
    line-height: 21.47px;
    letter-spacing: 0.5px;
    text-transform: none;
    font-weight: 400;
    color: #000;
    padding-top: 0;
    margin-bottom: 8px;
  }
  .request-detail.ask-pm .attachment-content {
    border-top: 1px solid #DEDEDE;
    padding: 10px 0 24px 0;
  }
  .request-detail.request-status .request-content {
    border-top: 1px solid #DEDEDE;
    padding: 0 0 24px 0;
  }
  .your-requests .pagination {
    height: 96px;
    padding: 24px 0;
  }
  .your-requests .pagination.not-empty {
    border-bottom: 1px solid #DEDEDE;
  }
  .your-requests:last-of-type .pagination {
    border-bottom: none;
  }
  .your-requests .pagination button.page-number,
  .your-requests .pagination button.page-number.current {
    font-size: 18px;
    line-height: 28px;
    color: #000;
  }
  .your-requests .pagination button.arrow {
    width: 24px;
    height: 28px;
    display: block;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/left/light-gray-mobile.svg) no-repeat center;
  }
  .copy .copy-content {
    padding: 16px;
  }
  .building-and-data .pcode {
    display: block !important;
    position: absolute;
    margin-top: -84px;
    left: 16px;
    color: #fff;
  }
}

@media (min-width: 768px) {
  .request-detail .hero-section h2 {
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 645px;
  }
  .sar-top .support-and-request .hero-section h2 {
    margin-top: 32px;
  }
  .request-detail .requests .messaging .messages.empty {
    margin-bottom: 32px;
  }
  .announcement-lightbox .text {
    overflow-y: auto;
    height: 100%;
    padding-right: 16px;
  }
  .announcement-lightbox .meta {
    padding-top: 16px;
  }
  /* Fix for main.css May, 19 */
  .announcement-approval .approval-lightbox-carousel .images-wrapper {
    overflow: hidden;
    margin-right: -39px;
  }
}

/* Community */

/* Fix for different main.css */
.app-footer .logo-gre {
  width: 80px;
  height: 80px;
}
.community-feed .post.widget {
  position: relative;
  cursor: pointer !important;
}
.community-feed .post .post-link {
  margin-top: auto;
}
.dashboard .highlights .widget .meta:last-child {
  margin-bottom: 100%;
}

@media (max-width: 767px) {
  .community-feed,
  .dasboard.announcements-dashboard .highlights {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .dashboard.announcements-dashboard .highlights.latest-announcements .hidden-overflow {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .announcements-dashboard.dashboard.first-time-access .left-content {
    flex-basis: auto;
    padding-top: 36px;
    margin-bottom: 24px;
  }
  .announcements-dashboard.first-time-access .welcome-teaser .welcome-title {
    height: 102px;
    margin: 0 0 28px 0;
    padding-top: 6px;
  }
  .announcements-dashboard.first-time-access .welcome-teaser button {
    margin-bottom: 0;
  }
  .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    width: 176px;
    height: 86px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 74px;
  }
  .announcements-dashboard.first-time-access .welcome-teaser .welcome-illustration img {
    width: 176px;
  }
  .announcement-approval.lightbox-overlay button.close,
  .announcement-lightbox.lightbox-overlay button.close {
    width: 40px;
    height: 40px;
    right: 24px;
    background-color: #404040;
    border-radius: 50%;
  }
  .announcement-approval.lightbox-overlay button.close img,
  .announcement-lightbox.lightbox-overlay button.close img {
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin: 0 auto;
  }
  .latest-announcements .hidden-overflow {
    overflow: auto;
    overflow-y: hidden;
    margin: 0 -16px;
  }
  .latest-announcements .widgets-wrapper, .requests-updates-slider .widgets-wrapper {
    display: block;
    white-space: nowrap;
    transition: none;
    margin: -8px 16px 0 -16px;
    padding: 8px 0 12px 16px;
  }
  .latest-announcements button.widget {
    height: 135px;
  }
  .latest-announcements button.widget.tenant-view {
    height: 182px;
  }
  .latest-announcements .widget,
  .requests-updates-slider .widget {
    margin-right: 0;
    flex: 0 0 284px;
  }
  .latest-announcements .widget:first-of-type,
  .requests-updates-slider .widget:first-of-type {
    margin-left: 16px;
  }
  .latest-announcements .widget:last-of-type,
  .requests-updates-slider .widget:last-of-type {
    margin-right: 16px;
  }
  .latest-announcements h3.subtitle {
    margin-bottom: 12px;
  }
  .dashboard .highlights.latest-announcements .widget .category {
    margin-top: 2px;
    margin-bottom: 16px;
  }
  .dashboard .highlights.latest-announcements .widget .widget-title {
    white-space: normal;
    height: 44px;
  }
  .dashboard .highlights.latest-announcements .widget .meta {
    line-height: 14.73px;
    padding: 1px 0 0 0;
  }
  .community-create .hero-section {
    height: auto;
    margin-bottom: 40px;
    padding-bottom: 16px;
  }
  .community-create .create-announcement .hero-section .app-grid {
    padding: 30px 0 4px 0;
    height: auto;
  }
  .community-create .new-request-form {
    display: block;
  }
  .community-create .create-announcement .new-request-form {
    padding-top: 16px;
  }
  .community-create .new-request .form-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .community-create .new-request .new-request-form .submit-section,
  .community-create .request-detail .new-request-form .submit-section {
    display: block;
  }
  .community-create .new-request .new-request-form .submit-section .fattach,
  .community-create .request-detail .new-request-form .submit-section .fattach {
    display: inline-block;
    width: 100%;
    margin: 18px 0 0 0;
    text-align: left;
    font-size: 14px;
    line-height: 16.7px;
  }
  .community-create .new-request .new-request-form .submit-section .infoSpan,
  .community-create .request-detail .new-request-form .submit-section .infoSpan  {
    width: 100%;
    text-align: left;
    font-size: 12px;
    line-height: 14.32px;
  }
  .create-announcement .form-section .attachments {
    display: block;
    margin-top: 12px;
  }
  .create-announcement .form-section .attachments .single-attachment {
    clear: both;
    float: left;
    margin: 16px 0;
  }
  .create-announcement .form-section .attachments .inline-link {
    margin: 0 6px 12px 0;
  }
  .community-create a.arrow-link {
    font-size: 18px;
    line-height: 21.47px;
    text-align: left;
    color: #000;
    margin-top: 12px;
  }
  .community-create a.arrow-link {
    margin-top: -16px !important;
  }
  .community-create .new-communication a.arrow-link {
    margin-top: 14px !important;
  }
  .community-create a.arrow-link:hover,
  .community-create a.arrow-link:focus {
    background: transparent;
  }
  .community-create .arrow-link::before,
  .community-create .arrow-link:hover::before,
  .community-create .arrow-link:focus::before {
    width: 12px;
    height: 20px;
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) center;
    top: 4px;
  }
  .community-create .new-communication .arrow-link::before,
  .community-create .new-communication .arrow-link:hover::before,
  .community-create .new-communication .arrow-link:focus::before,
  .community-create .urgent .arrow-link::before,
  .community-create .urgent .arrow-link:hover::before,
  .community-create .urgent .arrow-link:focus::before,
  .community-create .community-post .arrow-link::before,
  .community-create .community-post .arrow-link:hover::before,
  .community-create .community-post .arrow-link:focus::before {
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/black.svg) center;
  }
  .community-create a.arrow-link.left::before {
    content: "";
    transform: rotate(0deg);
    margin-right: 10px;
  }
  .community-create .hero-section h2,
  .community-create .request-detail .hero-section h2 {
    margin-top: 70px;
  }
  .community-create .create-announcement .hero-section .app-grid .left-area h2 {
    margin-top: 32px;
  }
  .community-create.new-request .hero-section .subtitle,
  .community-create.request-detail .hero-section .subtitle {
    font-size: 14px;
    line-height: 17px;
    margin: 12px 0;
    padding-right: 8px;
  }
  .new-request.create-announcement .hero-section .subtitle, .request-detail .hero-section .subtitle {
    font-size: 14px;
    line-height: 16.7px;
  }
  .create-announcement.urgent .hero-section .app-grid .left-area h4,
  .create-announcement.community-post .hero-section .app-grid .left-area h4 {
    color: #707070;
  }
  .community-create .dropdown select, .dropdown .fake-select {
    font-size: 12px;
    line-height: 30px;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 8px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .create-announcement .form-section .fake-dropdown-wrapper .fake-options {
    top: 52px;
  }
  .create-announcement .form-section .fake-dropdown-wrapper .fake-option {
    font-size: 12px;
    line-height: 14.32px;
    padding: 7px 0;
  }
  .create-announcement .form-section .fake-dropdown-wrapper .fake-multiselect-options .search {
    padding: 2px 8px;
  }
  .create-announcement .form-section .input-title,
  .create-announcement .form-section .input-text-content {
    display: block;
    width: 100%;
    font-size: 16px;
  }
  .create-announcement .form-section .input-formated {
    position: relative;
    padding-bottom: 16px;
  }
  .create-announcement .form-section .input-formated input:focus + .placeholder-formated {
    display: none;
  }
  .create-announcement .form-section .input-formated input + .placeholder-formated {
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
  .create-announcement .form-section .input-formated input:placeholder-shown + .placeholder-formated {
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    height: 48px;
    font-size: 16px;
    line-height: 16px;
    left: 8px;
    right: 8px;
    margin: auto;
    color: #000;
  }
  .create-announcement .form-section .placeholder-formated small {
    color: #707070;
  }
  .create-announcement .form-section .input-title {
    height: 48px;
  }
  .create-announcement .form-section .search .input-title {
    margin-top: 6px;
    height: 24px;
  }
  .create-announcement .form-section .submit-section {
    margin-top: 0;
  }
  .create-announcement .form-section .submit-section > .checkbox {
    margin-top: 16px !important;
  }
  .create-announcement .form-section .button-section {
    margin-top: 32px;
    margin-bottom: -8px;
    text-align: right;
  }
  .create-announcement .form-section .button-section button {
    padding: 15px 24px;
  }
  .community-create button.widget.services-widget {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }
  .community-create button.widget.services-widget .widget-image {
    width: 80px;
    height: auto;
  }
  .community-create .widget.services-widget h4.add-on-title {
    font-size: 14px;
    line-height: 16.7px;
    font-weight: 400;
    margin-bottom: -20px;
  }
  .community-create .widget.services-widget .add-on-description {
    font-size: 12px;
    line-height: 14.32px;
  }
  .community-feed {
    margin-top: 16px;
  }
  .community-feed.approval-section {
    margin-top: 24px;
  }
  .community-feed.approval-section button.cta-primary-red,
  .community-feed.approval-section button.cta-primary-red:hover,
  .community-feed.approval-section button.cta-primary-red:focus {
    margin-left: 12px;
    padding: 15px 24px;
  }
  .community-feed.approval-section .buttons:last-child {
    padding-bottom: 16px;
  }
  .community-feed .post .post-content {
    padding: 16px;
  }
  .community-feed .post .post-title {
    margin-bottom: 0;
    padding-bottom: 4px;
    line-height: 20.8px;
  }
  .community-feed .post .post-copy {
    font-size: 16px;
    line-height: 20.8px;
    padding-top: 4px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .community-feed .post.has-image .post-copy {
    -webkit-line-clamp: 2;
  }
  .community-feed .post {
    flex-direction: column;
    min-height: auto;
    height: auto;
  }
  .community-feed .post.has-image {
    flex-direction: column-reverse;
    height: auto;
    min-height: auto;
    margin-bottom: 18px;
  }
  .community-feed .post .post-image {
    flex: auto;
    height: 96px;
  }
  .community-feed .post .post-image img {
    border-radius: 4px 4px 0 0;
  }
  .community-feed .post .post-author {
    font-size: 16px;
    line-height: 20.8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 172px;
    margin-bottom: 0;
    padding-bottom: 6px;
  }
  .community-feed .post .under_approv {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 120px;
  }
  .community-feed .post .post-date {
    font-size: 12px;
    line-height: 14.32px;
  }
  .community-feed .post.has-image .post-date {
    margin-bottom: 0;
    padding-bottom: 4px;
    padding-bottom: 16px;
  }
  .community-feed .post .post-link {
    margin-top: 18px;
  }
  .community-feed a.post-link.inline-link {
    font-size: 10px;
    line-height: 11.93px;
  }
  .community-feed .dropdown label select {
    margin-left: 0;
    height: 48px;
    font-size: 12px;
    line-height: 14.32px;
  }
  .community-feed .dropdown-group .dropdown:first-child {
    margin-right: 12px;
  }
  .community-feed .dropdown-group .dropdown label select {
    width: 166px;
    min-width: 166px;
    max-width: 166px;
  }
  .announcement-approval h4 {
    font-size: 28px;
    line-height: 33.4px;
  }
  .announcement-approval input[type=text].default-input,
  .announcement-approval textarea.default-input {
    font-size: 16px;
    line-height: 20.8px;
  }
  .support-and-request .widget.your-requests:not(:first-of-type) {
    margin-top: 0;
  }
  /* Lightboxes */
  .announcement-lightbox .mobile-direct-lb-wrapper > .onboarding-box.lightbox.direct {
    overflow: auto !important;
  }
  .announcement-lightbox .onboarding-box.lightbox.direct {
    display: flex;
    flex-direction: column;
    padding: 16px;
  }
  .announcement-approval .lightbox {
    overflow: auto !important;
    flex-direction: column;
    padding: 16px;
  }
  .announcement-lightbox .announcement-type-image {
    width: 100%;
    height: 128px;
    margin-top: 56px;
    margin-bottom: 90px;
  }
  .announcement-lightbox .announcement-type-image img {
    width: 128px;
    display: block;
    margin: 0 auto;
  }
  .announcement-lightbox .announcement-type-image .image {
    width: 100%;
    height: 128px;
  }
  .announcement-approval .approval-lightbox-carousel .arrows-wrapper {
    display: none;
  }
  .announcement-approval .approval-lightbox-carousel .arrows-wrapper .chevron-left,
  .announcement-approval .approval-lightbox-carousel .arrows-wrapper .chevron-right {
    margin-top: 24px;
  }
  .announcement-approval .approval-lightbox-carousel .arrows-wrapper .gradient {
    right: 0;
    height: 160px;
  }
  .announcement-lightbox .category {
    font-size: 14px;
    line-height: 17.09px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .announcement-approval .author {
    font-size: 16px;
    line-height: 20.8px;
    padding-top: 72px
  }
  .announcement-approval .lightbox .lb-form-wrapper {
    display: flex;
    flex-direction: row;
  }
  .announcement-lightbox .lightbox .lb-text-wrapper {
    margin-top: auto;
    margin-bottom: auto;
  }
  .announcement-approval .lightbox form {
    width: 100%;
  }
  .announcement-lightbox .lightbox .lb-text-wrapper,
  .announcement-approval .lightbox .text {
    flex-grow: 1;
  }
  .announcement-approval .lightbox h4 {
    font-size: 28px;
    line-height: 33.4px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .announcement-approval .lightbox .text {
    margin-top: 32px;
  }
  .announcement-lightbox .lightbox h4.title,
  .announcement-lightbox .lightbox .text,
  .announcement-approval .lightbox h4.small-space-bottom,
  .announcement-approval .lightbox .text {
    margin-bottom: 16px;
  }
  .announcement-approval .lightbox .text {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  #needApproveLight .onboarding-box.lightbox .left-content.cpost-mobile {
    margin-top: 56px;
  }
  #needApproveLight .onboarding-box.lightbox .left-content h2 {
    text-align: center;
  }
  .announcement-lightbox .title {
    font-size: 28px;
    line-height: 33.4px;
    text-align: center;
  }
  .announcement-lightbox .text {
    font-size: 16px;
    line-height: 20.8px;
    text-align: center;
    color: #6F7072;
  }
  .announcement-approval .lightbox .images-wrapper {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 176px;
    padding-bottom: 16px;
  }
  .announcement-approval .lightbox .images-wrapper img {
    display: block;
    margin: 0 16px 0 0;
  }
  .announcement-approval .lightbox .images-wrapper img:last-of-type {
    margin: 0;
  }
  #needApproveLight .blue-right-content {
    background: none;
    display: block;
    height: auto;
  }
  #needApproveLight .blue-image-wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #needApproveLight .blue-image-wrapper {
    width: 250px !important;
    height: 201px !important;
  }
  .announcement-lightbox .lightbox .text,
  .announcement-approval .lightbox .text {
    font-size: 16px;
    line-height: 20.8px;
  }
  .announcement-lightbox .lightbox .text {
    text-align: center;
  }
  .announcement-lightbox .lightbox .meta {
    font-size: 14px;
    line-height: 17.09px;
    margin-bottom: 0;
  }
  .announcement-approval .lightbox .meta .date {
    font-size: 12px;
    line-height: 14.32px;
    color: #979797;
    margin-bottom: 0;
  }
  .announcement-lightbox .lightbox .meta {
    text-align: center;
  }
  .announcement-approval .buttons {
    margin-top: auto;
    flex-direction: column-reverse;
  }
  .announcement-approval .buttons button:nth-child(2) {
    margin-bottom: 10px;
  }
  .announcement-approval .approval-cta button:not(:last-child) {
    margin-bottom: 10px;
  }
}

/* Location & Surroundings */

.favorite-locations > .app-grid {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}
.locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories button.things-to-do.selected::before,
.locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories button.shopping.selected::before,
.locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories button.services.selected::before {
  background: url(/static/dsm/imagesC/icons/locations/check-orange.svg) no-repeat center/12px;
}
@media (min-width: 768px) {
  .favorite-locations .app-grid {
    height: 104px;
  }
  .favorite-locations button.widget {
    width: 210px;
    height: 70px;
    white-space: normal;
    float: left;
  }
  .favorite-locations {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .favorite-locations .app-grid .location-button-wrapper {
    position: absolute;
    left: auto;
    right: auto;
    max-width: 964px;
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .property-manager.building-and-data.pm-building-info .favorite-locations h3.subtitle:first-of-type {
    margin-top: 0;
  }
  .favorite-locations .title {
    margin-left: 16px;
  }
  .favorite-locations button.widget {
    margin-left: 32px;
  }
  .favorite-locations button.widget:first-of-type {
    margin-left: 16px;
  }
  .favorite-locations .add-location-button span,
  .favorite-locations .share-list-button span {
    font-size: 12px;
    line-height: 14.32px;
  }
  .favorite-locations .add-location-button .plus-icon,
  .favorite-locations .add-location-button .share-icon,
  .favorite-locations .share-list-button .plus-icon,
  .favorite-locations .share-list-button .share-icon {
    width: 32px;
    height: 32px;
  }
  .locations-list .select-button-wrapper form {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .location-detail-lightbox .content .right-content {
    flex-basis: 235px;
  }
}
@media (min-width: 768px) and (max-width: 1101px) {
  .favorite-locations {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
}
@media (max-width: 767px) {
  .location-surroundings,
  .locations-list.locations-section-2-col {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .locations-list.locations-section-2-col .flex-wrapper {
    display: block;
    flex-wrap: none;
    margin-top: 16px;
  }
  .favorite-locations {
    margin: 0 -16px;
    padding: 0 16px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }
  .my-contracts > .location-surroundings,
  .my-contracts > .locations-list.locations-section-2-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .building-and-data .location-surroundings .app-grid-substitute .subtitle {
    display: block !important;
  }
  .building-and-data .favorite-locations h3.subtitle.hidedt {
    font-size: 14px;
    line-height: 17.32px;
    margin-left: 16px;
    margin-top: 40px;
    margin-bottom: 0;
  }
  .property-manager.building-and-data.pm-building-info .favorite-locations h3.subtitle.hidedt:first-of-type {
    margin-left: 32px;
    margin-top: 40px;
    margin-bottom: 12px;
  }
  .my-contracts .favorite-locations > .app-grid {
    overflow: auto;
    white-space: nowrap;
    padding: 8px 0;
  }
  .favorite-locations .app-grid .location-button-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .my-contracts .favorite-locations .app-grid .location-button-wrapper {
    min-width: 612px;
    height: 82px;
  }
  .favorite-locations .add-location-button span, .favorite-locations .share-list-button span {
    font-size: 14px;
    line-height: 16.7px;
    letter-spacing: .5px;
}
  .favorite-locations button.widget {
    width: 284px;
    height: 70px;
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    float: left;
    box-shadow: none;
  }
  .favorite-locations button.widget:first-of-type {
    margin-left: 16px;
  }
  .favorite-locations button.widget:last-of-type {
    margin-right: 16px;
  }
  .property-manager .favorite-locations button.widget:first-of-type {
    margin-left: 32px;
  }
  .favorite-locations button.widget:last-of-type {
    margin-right: 16px;
  }
  .favorite-locations .add-location-button,
  .favorite-locations .share-list-button {
    padding: 16px 20px 16px 16px;
  }
  .mobile-2-col-seperator {
    line-height: 32px;
  }
  .location-surroundings .map {
    border-radius: 2px;
		box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.04);
  }
  .location-surroundings .map {
    margin-top: -12px;
  }
  .location-surroundings .map.follow-headline {
    margin-top: 12px;
  }
  .locations-list.locations-section-2-col .app-grid-substitute {
    margin-left: -16px;
    margin-right: -16px;
  }
  .locations-list.locations-section-2-col .app-grid-substitute .dropdown,
  .locations-list.locations-section-2-col .app-grid-substitute .flex-wrapper {
    margin-left: 16px;
    margin-right: 16px;
  }

  .locations-list.locations-section-2-col .app-grid-substitute .search-locations {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .locations-list.locations-section-2-col .filter-locations {
    margin-top: -8px;
    height: 72px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .locations-list .location {
    height: 107px;
  }
  .locations-list .location .location-image {
    height: 107px;
  }
  .locations-list.locations-section-2-col .flex-wrapper .location:nth-child(even) {
    margin-left: 0;
  }
  .locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories .label {
    font-size: 12px;
    line-height: 14.32px;
  }
  .locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories button {
    font-size: 12px;
    line-height: 14.32px;
    border-radius: 36px;
    padding: 12px 16px;
    margin-right: 4px;
  }
  .locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories button:last-of-type {
    margin-right: 16px;
  }
  .locations-list .filter-locations .dropdown {
    margin-top: 16px;
  }
  .locations-list .dropdown select,
  .locations-list .dropdown .fake-select {
    font-size: 12px;
    line-height: 14.32px;
    margin-right: 0;
    padding: 16px 40px 16px 8px;
    width: 100%;
  }
  .locations-list .dropdown:not(:first-child) label {
    margin-left: 0;
  }
  .locations-list .dropdown label select,
  .locations-list .dropdown label .fake-select,
  .locations-list .dropdown .fake-dropdown select,
  .locations-list .dropdown .fake-dropdown .fake-select {
    margin-left: 0;
  }
  .favorite-locations-page .hero-section {
    min-height: 212px;
  }
  .favorite-locations-page .hero-section .app-grid {
    padding-left: 16px;
    padding-right: 16px;
  }
  .create-announcement.favorite-locations-page .hero-section .app-grid .left-area .back-link {
    margin: -14px 0 22px 0;
    line-height: 21.47px;
    font-size: 18px;
  }
  .favorite-locations-page a.arrow-link.black::after,
  .favorite-locations-page a.arrow-link.black::before {
    width: 12px;
    height: 20px;
    margin-bottom: -3px;
    margin-right: 10px;
    transform: none;
  }
  .new-request.create-announcement.favorite-locations-page .hero-section .subtitle {
    color: #707070 !important;
    letter-spacing: 0.5px;
    padding-bottom: 24px;
  }
  .locations-list .location.add-to-favorites {
    height: 163px;
  }
  .locations-list .location.add-to-favorites .location-image {
    height: 163px;
  }
  .locations-list .location.add-to-favorites.selected .location-image {
    height: 159px;
  }
  .locations-list .location.add-to-favorites button.cta-secondary-red,
  .locations-list .location.add-to-favorites button.cta-secondary-red:hover,
  .locations-list .location.add-to-favorites button.cta-secondary-red:focus,
  .locations-list .location.add-to-favorites button.cta-secondary-black,
  .locations-list .location.add-to-favorites button.cta-secondary-black:hover,
  .locations-list .location.add-to-favorites button.cta-secondary-black:focus {
    font-size: 14px;
    line-height: 16.7px;
    padding: 11px 24px;
  }
  .favorite-locations-page .search-locations {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  input[type=text].default-input, textarea.default-input {
    font-size: 16px;
    line-height: 20.8px;
  }
  .favorite-locations-page .search-locations input {
    font-size: 16px;
    background: url(/static/dsm/imagesC/icons/search-small-mobile.svg) no-repeat center right 16px #fff;
    padding: 14px 40px 14px 24px;
    border: 1px solid #F0F0F0;
    border-radius: 32px;
  }
  .favorite-locations-page .search-locations input:placeholder-shown {
    text-overflow: ellipsis;
  }
  .locations-list .location .location-title {
    font-size: 18px;
    line-height: 21.47px;
    margin-bottom: 4px;
    font-weight: normal;
    -webkit-line-clamp: 2;
    word-break: break-word;
  }
  .locations-list .location.add-to-favorites .location-title {
    font-size: 18px;
    line-height: 21.47px;
  }
  .locations-list .tag {
    font-size: 6px;
    line-height: 7.33px;
    padding: 5px 8px;
    border-radius: 10px;
    height: auto;
  }
  .locations-list .location.add-to-favorites .button-section .add-remove-action {
    background-image: url(/static/dsm/imagesC/icons/add-black-mobile.svg);
    width: 40px;
    height: 40px;
  }
  .locations-list .location.add-to-favorites.selected .add-remove-action {
    background-image: url(/static/dsm/imagesC/icons/remove-red-mobile.svg);
    width: 40px;
    height: 40px;
  }
  /* Lightboxes */
  .share-locations-lightbox .app-grid .lightbox .left-content {
    margin-left: 0;
    padding-bottom: 16px;
  }
  .share-locations-lightbox .app-grid .lightbox .right-content img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
  }
  .share-locations-lightbox .onboarding-box.lightbox .left-content .headline-wrapper {
    margin-top: auto;
    margin-bottom: auto;
  }
  .share-locations-lightbox .onboarding-box.lightbox .left-content h2 {
    margin-top: -30px;
  }
  .share-locations-lightbox .onboarding-box.lightbox .left-content h4 {
    margin-top: 8px;
  }
  .share-locations-lightbox .onboarding-box.lightbox .left-content h2 {
    text-align: center;
  }
  .location-detail-lightbox .onboarding-box.lightbox {
    flex-direction: column;
    overflow-y: auto;
  }
  .location-detail-lightbox .content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    height: auto;
    flex-grow: 1;
  }
  .location-detail-lightbox .image-section {
    height: 272px;
  }
  .location-detail-lightbox .onboarding-box.lightbox .left-content {
    padding: 0;
  }
  .share-locations-lightbox .onboarding-box.lightbox .right-content,
  .location-detail-lightbox .onboarding-box.lightbox .right-content {
    padding: 32px 24px;
    background-color: #fff;
    width: 100%;
  }
  .location-detail-lightbox.lightbox-overlay button.close {
    width: 40px;
    height: 40px;
    right: 24px;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
  }
  .location-detail-lightbox .content .left-content .category {
    font-size: 14px;
    line-height: 17.09px;
  }
  .location-detail-lightbox .content .left-content .title {
    margin-top: 8px;
    font-size: 28px;
    line-height: 33.04px;
  }
  .location-detail-lightbox .content .left-content .description {
    font-size: 16px;
    line-height: 20.8px;
  }
  .location-detail-lightbox .content .left-content .location-meta {
    margin-top: 32px;
    font-size: 16px;
    line-height: 20.8px;
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 12px;
  }
  .location-detail-lightbox .content .right-content .rating .rating-number {
    font-size: 56px;
    line-height: 45px;
    letter-spacing: 1.31px;
  }
  .location-detail-lightbox .content .right-content .reviews-count {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20.8px;
  }
  .location-detail-lightbox .content .right-content .address-link {
    margin-top: 30px;
  }
  .location-detail-lightbox .content .right-content .address-link:hover,
  .location-detail-lightbox .content .right-content .address-link:focus,
  .location-detail-lightbox .content .right-content .address-link:active {
    color: #346eff;
  }
  .share-locations-lightbox .app-grid .lightbox .shared-link {
    font-size: 14px;
    line-height: 16.7px;
    width: 100%;
    margin-bottom: -16px;
    padding: 15px 8px;
    height: 48px;
  }
  .favorite-locations-page .selected-locations-bottom-overlay {
    padding-left: 16px !important;
    padding-right: 16px !important;
    height: 117px;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .items-selected {
    display: block;
    font-size: 16px;
    line-height: 20.8px;
    width: 100%;
    text-align: center;
    padding-top: 16px;
    margin-bottom: 0;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content {
    display: block;
    padding: 16px;
    margin-left: auto;
    margin-right: auto;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content .select-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content button {
    white-space: nowrap;
    font-size: 14px;
    line-height: 16.7px;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: 0.5px;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content .cta-primary-black {
    padding: 15px 24px !important;
    line-height: 16.7px !important;
    height: auto;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content .cta-primary-black.disabled {
    border: 1px solid #ccc !important;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content .cta-secondary-black {
    border: 1px solid #ccc !important;
  }
  .favorite-locations-page .selected-locations-bottom-overlay .content .cta-secondary-black:hover,
  .favorite-locations-page .selected-locations-bottom-overlay .content .cta-secondary-black:focus,
  .favorite-locations-page .selected-locations-bottom-overlay .content .cta-secondary-black:active {
    border: 1px solid #404040 !important;
  }
  .ls-shared .dashboard.first-time-access .welcome-teaser .teaser-wrapper {
    height: 256px;
  }
  .ls-shared .dashboard.first-time-access .welcome-teaser .welcome-illustration img {
    width: 100%;
    max-width: 374px;
    margin-top: 54px;
  }
  .ls-shared .dashboard.first-time-access .welcome-teaser .welcome-title {
    padding-top: 68px;
  }
  .ls-shared .locations-list.locations-section-2-col .suggested-locations-headline {
    font-size: 28px;
    line-height: 33.4px;
    letter-spacing: 0.88px;
    margin-top: 24px;
    margin-bottom: 16px;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .page-content.building-and-data.property-manager.pm-building-info .favorite-locations {
    width: 100%;
  }
}

/* Location & Surroundings Occupier */

@media (max-width: 767px) {
  .page-content.dashboard.role-occupier .building-locations-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .page-content.dashboard.role-occupier h3.subtitle {
    font-size: 14px;
    line-height: 17.32px;
    margin-left: 0;
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .page-content.dashboard.role-occupier .map-section h3.subtitle {
    margin-top: -12px;
  }
}

/* Account Management */

.acc-mgmt .onboarding-box.lightbox,
.acc-mgmt-pm .onboarding-box.lightbox {
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.acc-mgmt .lightbox-overlay .lightbox,
.acc-mgmt-pm .lightbox-overlay .lightbox {
  grid-area: lb;
}

@media (min-width: 768px) {
  .acc-mgmt .navbar .logo {
    background: url(/static/dsm/images/assets/Logo/logo_greta_black.png) no-repeat center/contain;
    width: 104px;
    height: 28px;
  }
  .navbar.sticky {
    position: relative;
  }
  .acc-mgmt .navbar.sticky {
    position: fixed;
  }
  .account-management .sticky-wrapper {
    top: 71px;
    padding-top: 17px;
  }
  .account-management .accounts-list-heading {
    top: 175px;
    padding-top: 1px;
  }
  .scroll-up-button {
    z-index: 4;
    opacity: 0;
  }
  .scroll-up-button.hidespst {
    opacity: 1;
    transition: opacity .5s ease-in-out;
  }
  .acc-mgmt .lightbox-overlay .lightbox,
  .acc-mgmt-pm .lightbox-overlay .lightbox {
    min-height: 362px;
  }
  .acc-mgmt .onboarding-box.lightbox .left-content,
  .acc-mgmt-pm .onboarding-box.lightbox .left-content {
    margin-left: 55px;
    width: auto;
    background: transparent;
    padding: 0;
    flex-shrink: none;
    padding: 2px 0;
  }
  .acc-mgmt .onboarding-box.lightbox .left-content h2,
  .acc-mgmt-pm .onboarding-box.lightbox .left-content h2 {
    margin-top: 84px;
  }
  .acc-mgmt .onboarding-box.lightbox .left-content button.secondary,
  .acc-mgmt-pm .onboarding-box.lightbox .left-content button.secondary {
    margin-top: 10px;
  }
  .acc-mgmt .onboarding-box.lightbox .right-content,
  .acc-mgmt-pm .onboarding-box.lightbox .right-content,
  .new-request.create-announcement.favorite-locations-page .onboarding-box.lightbox .right-content {
    padding-top: 4px;
  }
  .acc-mgmt .onboarding-box.lightbox .right-content img,
  .acc-mgmt-pm .onboarding-box.lightbox .right-content img {
    width: 330px;
    object-fit: contain;
    margin-left: 60px;
  }
}
@media (min-width: 1024px) {
  .acc-mgmt .lightbox-overlay .lightbox,
  .acc-mgmt-pm .lightbox-overlay .lightbox {
    min-height: 432px;
  }
  .acc-mgmt .onboarding-box.lightbox .left-content,
  .acc-mgmt-pm .onboarding-box.lightbox .left-content {
    margin-left: 75px;
  }
  .acc-mgmt .onboarding-box.lightbox .left-content h2,
  .acc-mgmt-pm .onboarding-box.lightbox .left-content h2 {
    margin-top: 119px;
  }
  .acc-mgmt .onboarding-box.lightbox .right-content,
  .acc-mgmt-pm .onboarding-box.lightbox .right-content {
    padding-top: 0;
  }
  .acc-mgmt .onboarding-box.lightbox .right-content img,
  .acc-mgmt-pm .onboarding-box.lightbox .right-content img {
    width: 369px;
    margin-left: 70px;
  }
}

/* PM Improvments */

.highlights.pm-imrove .agb {
  display: flex;
}
.highlights.pm-imrove .app-grid {
  max-width: 930px;
  margin: 0 auto;
}
.highlights.pm-imrove .widget {
  flex: 0 0 210px;
}
.highlights.pm-imrove .widget .category {
  margin-bottom: 14px;
}
label.quick-action,
button.quick-action {
  border-color: #B65A65;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .building-and-data:not(.property-manager) .location-surroundings,
  .building-and-data:not(.property-manager) .favorite-locations,
  .building-and-data:not(.property-manager) .locations-list.locations-section-2-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .highlights button.widget {
    width: 33.3333%;
    height: 170px;
  }
}

@media (min-width: 768px) {
  .building-and-data .invoices,
  .property-manager .invoices {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .highlights.pm-imrove button.widget {
    width: 25%;
    height: 170px;
  }
  .sar-top .highlights .dropdown {
    margin-left: 8px;
  }
  .sar-top .highlights .dropdown:first-of-type {
    margin-left: 0;
  }
  .sar-top .highlights .dropdown,
  .sar-top .highlights .dropdown select {
    max-width: 104px;
  }
  .sar-top .lightbox-overlay .lightbox,
  .builddet .lightbox-overlay .lightbox,
  .tendet .lightbox-overlay .lightbox {
    min-height: 362px;
  }
  .sar-top .onboarding-box.lightbox .left-content,
  .builddet .onboarding-box.lightbox .left-content,
  .tendet .onboarding-box.lightbox .left-content {
    margin-left: 55px;
    width: auto;
    background: transparent;
    padding: 0;
    flex-shrink: none;
    padding: 2px 0;
  }
  .builddet .location-detail-lightbox .onboarding-box.lightbox .left-content,
  .locatview .location-detail-lightbox .onboarding-box.lightbox .left-content,
  .tendet .location-detail-lightbox .onboarding-box.lightbox .left-content {
    margin-left: 0;
  }
  .sar-top .onboarding-box.lightbox .left-content h2,
  .builddet .onboarding-box.lightbox .left-content h2,
  .tendet .onboarding-box.lightbox .left-content h2 {
    margin-top: 84px;
  }
  .sar-top .onboarding-box.lightbox .left-content button.secondary,
  .builddet .onboarding-box.lightbox .left-content button.secondary,
  .tendet .onboarding-box.lightbox .left-content button.secondary {
    margin-top: 10px;
  }
  .sar-top .onboarding-box.lightbox .right-content,
  .builddet .onboarding-box.lightbox .right-content,
  .tendet .onboarding-box.lightbox .right-content {
    padding-top: 4px;
  }
  .sar-top .onboarding-box.lightbox .right-content img,
  .builddet .onboarding-box.lightbox .right-content img,
  .tendet .onboarding-box.lightbox .right-content img {
    width: 330px;
    object-fit: contain;
    margin-left: 60px;
  }
  .sar-top .requests-updates-slider .dropdown:not(:first-child) label {
    margin-left: 0;
  }
  .builddet .your-requests .dropdown:not(:first-child) label,
  .tendet .your-requests .dropdown:not(:first-child) label {
    margin-left: 12px;
  }
  .builddet .your-requests .dropdown:nth-child(2) label,
  .tendet .your-requests .dropdown:nth-child(2) label {
    margin-left: -8px;
  }
  .tendet .pm-tenant-detail .my-contracts {
    margin-top: 16px;
  }
  .builddet .building-and-data .my-contracts,
  .tendet .building-and-data .my-contracts {
    min-height: 1px;
    margin-bottom: -16px;
  }
  .builddet .building-and-data .my-contracts .app-grid-substitute,
  .tendet .building-and-data .my-contracts .app-grid-substitute {
    padding-bottom: 32px;
  }
  .builddet .building-and-data .my-contracts .widget.widget-rows,
  .tendet .building-and-data .my-contracts .widget.widget-rows {
    margin-top: -16px;
  }
  .page-content.new-request.support-and-request .submit-section .fattach {
    line-height: 33px;
  }
  .tendet .pm-tenant-detail .my-contracts .widget {
    padding-top: 16px;
  }
  .tendet .pm-tenant-detail .my-contracts .widget.econsump {
    padding-top: 0;
  }
  .tendet .pm-tenant-detail .my-contracts .duration {
    justify-self: flex-start;
  }
  .tendet .pm-tenant-detail .my-contracts .buttons.cusha {
    padding-right: 160px;
  }
  .tendet .pm-tenant-detail .my-contracts .buttons.cusha .tag {
    white-space: nowrap;
  }
  .tendet .pm-tenant-detail .quick-actions .button-wrapper label.quick-action {
    display: inline-block;
  }
  .highlights .agb {
    justify-content: initial;
  }
  .widget.services-widget .add-on-description {
    text-align: left;
    height: unset;
    min-height: 23px;
    max-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    padding-right: 12px;
  }
  .tenant-dash .widget.services-widget .add-on-description,
  .pm-tenant-detail .widget.services-widget .add-on-description {
    min-height: 32px;
    max-height: 32px;
    -webkit-line-clamp: 3;
  }
  .builddet .building-and-data .request-overview .widget.your-requests .main-section .requests-list li,
  .tendet .pm-tenant-detail .request-overview .widget.your-requests .main-section .requests-list li,
  .sar-top .request-overview .widget.your-requests .main-section .requests-list li {
    grid-template: "title title title title id id date date cat cat opened opened opened opened opened opened tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .builddet .building-and-data .request-overview .widget.your-requests .main-section .requests-list li span:not(.tag),
  .tendet .pm-tenant-detail .request-overview .widget.your-requests .main-section .requests-list li span:not(.tag),
  .sar-top .request-overview .widget.your-requests .main-section .requests-list li span:not(.tag) {
    grid-column: span 2;
    text-align: center;
  }
  .builddet .building-and-data .request-overview .widget.your-requests .main-section .requests-list li span.opened,
  .tendet .pm-tenant-detail .request-overview .widget.your-requests .main-section .requests-list li span.opened,
  .sar-top .request-overview .widget.your-requests .main-section .requests-list li span.opened {
    grid-area: opened;
    text-align: left;
  }
  .builddet .building-and-data .request-overview .widget.your-requests .main-section .requests-list li .title,
  .tendet .pm-tenant-detail .request-overview .widget.your-requests .main-section .requests-list li .title,
  .sar-top .request-overview .widget.your-requests .main-section .requests-list li .title {
    grid-column: span 4;
  }
  .builddet .building-and-data .request-overview .widget.your-requests .main-section .requests-list li span.opened,
  .tendet .pm-tenant-detail .request-overview .widget.your-requests .main-section .requests-list li span.opened,
  .sar-top .request-overview .widget.your-requests .main-section .requests-list li span.opened {
    grid-column: span 6;
  }
}
@media (min-width: 1024px) {
  .sar-top .highlights button.widget {
    width: 25%;
    height: 170px;
  }
  .sar-top .lightbox-overlay .lightbox,
  .builddet .lightbox-overlay .lightbox,
  .tendet .lightbox-overlay .lightbox {
    min-height: 432px;
  }
  .sar-top .onboarding-box.lightbox .left-content,
  .builddet .onboarding-box.lightbox .left-content,
  .tendet .onboarding-box.lightbox .left-content {
    margin-left: 75px;
  }
  .sar-top .onboarding-box.lightbox .left-content h2,
  .builddet .onboarding-box.lightbox .left-content h2,
  .tendet .onboarding-box.lightbox .left-content h2 {
    margin-top: 119px;
  }
  .sar-top .onboarding-box.lightbox .right-content,
  .builddet .onboarding-box.lightbox .right-content,
  .tendet .onboarding-box.lightbox .right-content {
    padding-top: 0;
  }
  .sar-top .onboarding-box.lightbox .right-content img,
  .builddet .onboarding-box.lightbox .right-content img,
  .tendet .onboarding-box.lightbox .right-content img {
    width: 369px;
    margin-left: 70px;
  }
}
@media (max-width: 767px) {
  .highlights.pm-imrove button.widget,
  .sar-top button.widget {
    display: inline-block;
    margin-left: 12px;
    width: 284px;
    height: 205px;
    border-radius: 2px;
    box-shadow: 0 1px 3px 3px rgb(0 0 0 / 2%);
  }
  .sar-top .highlights .dropdown,
  .builddet .request-overview .dropdown,
  .tendet .request-overview .dropdown {
    margin-left: 0;
  }
  .highlights.pm-imrove button.widget:first-child {
    margin-left: 0;
  }
  .sar-top .latest-announcements h3.subtitle {
    margin-bottom: 16px;
  }
  .sar-top .latest-announcements .widgets-wrapper {
    margin: -4px 16px 12px -16px;
    padding: 8px 0 0 16px;
  }
  .sar-top .latest-announcements .widget .widget-title {
    height: 42px;
  }
  .sar-top .support-and-request .request-overview {
    margin-top: 8px;
  }
  .sar-top .highlights .dropdown-group .dropdown select,
  .builddet .request-overview .dropdown-group .dropdown select,
  .tendet .request-overview .dropdown-group .dropdown select {
    width: 166px;
    min-width: 166px;
    max-width: 166px;
  }
  .sar-top .dropdown select,
  .builddet .request-overview .dropdown-group .dropdown select,
  .tendet .request-overview .dropdown-group .dropdown select {
    margin-left: 0;
    height: 48px;
    font-size: 12px;
    line-height: 14.32px;
  }
  .sar-top .onboarding-box.lightbox .left-content,
  .builddet .onboarding-box.lightbox .left-content,
  .tendet .onboarding-box.lightbox .left-content {
    width: 100%;
    background: transparent;
  }
  .builddet .property-manager.pm-building-info .ro-detail button,
  .tendet .property-manager.pm-tenant-detail .ro-detail button {
    width: 100%;
    text-align: left;
    padding: 14px 14px 14px 16px;
    height: 48px;
  }
  .builddet .pm-tenant-detail .quick-action,
  .tendet .pm-tenant-detail .quick-action {
    margin-right: 0;
  }
  .tendet .pm-tenant-detail .quick-actions .button-wrapper label.quick-action {
    display: block;
    text-align: left;
    padding: 14px 14px 14px 16px;
    height: 48px;
    border-radius: 4px;
  }
  .my-contracts .title, .invoices .title, .building .title {
    grid-area: bd-mc-title;
    grid-row-start: bd-mc-title;
    grid-column-start: bd-mc-title;
    grid-row-end: bd-mc-title;
    grid-column-end: bd-mc-end;
    margin-right: 20%;
    padding-right: 12px;
  }
  .tendet .pm-tenant-detail .my-contracts .widget div > span.value {
    display: block;
    margin-top: -12px;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 16.7px;
    letter-spacing: 0.5px;
    text-align: left;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .tendet .pm-tenant-detail .my-contracts .widget div > span.main {
    font-size: 14px;
    line-height: 16.7px;
    letter-spacing: 0.5px;
    color:#707070;
  }
  .tendet .pm-tenant-detail .my-contracts .widget {
    padding-top: 0;
  }
  .tendet .pm-tenant-detail .my-contracts .widget.widget-rows .title {
    padding-top: 16px;
  }
  .tendet .pm-tenant-detail .my-contracts .widget div.cusha > span.tag {
    display: block;
    white-space: nowrap;
    margin-right: -8px;
    min-width: auto !important;
    padding-right: 8px;
  }
  .tendet .pm-tenant-detail .my-contracts .widget.other-contracts {
    box-shadow: 0 1px 3px 3px rgb(0 0 0 / 2%);
    border-radius: 4px;
    position: relative;
  }
  .tendet .pm-tenant-detail .my-contracts .widget.other-contracts .mobile-card {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }
  .tendet .pm-tenant-detail .quick-actions .button-wrapper form {
    width: 100%;
    height: 48px;
  }
}


/* Community Manager */

.cm-dash-hide {
  display: none !important;
}

@media (min-width: 768px) {
	.page-content.pm-dashboard .app-grid.cm-dash {
		display: block;
	}
  .latest-announcements button.widget.tenant-view.cm-dash-widget {
    height: 120px;
  }
  .latest-announcements .arrows-wrapper.cm-dash-arrows .chevron-right,
  .latest-announcements .arrows-wrapper.cm-dash-arrows .chevron-left {
    top: 43px;
  }
  .latest-announcements .app-grid.cm-dash-highlights,
  .latest-announcements .app-grid.pm-dash-grid {
    display: grid;
  }
  .property-manager .cm-dash .dashboard-tenants ul .tenant .tenant-logo-wrapper {
    margin-right: 16px;
  }
  .cm-dash .tenant-name {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 18px;
    font-weight: normal;
  }
}

@media (max-width: 767px) {
	.dashboard .request-overview h3.subtitle.cm-dash-sub,
	.dashboard .request-overview h3.subtitle.pm-dash-sub {
    padding-left: 16px;
  }
	.dashboard .request-overview h3.subtitle.cm-dash-sub {
    text-transform: uppercase;
  }
  .latest-announcements button.widget.tenant-view.cm-dash-widget {
    height: 135px;
  }
  .latest-announcements .app-grid.cm-dash-highlights label.email-notification::before,
  .latest-announcements .app-grid.cm-dash-highlights label.email-notification.active::before,
  .latest-announcements .app-grid.pm-dash-grid label.email-notification::before,
  .latest-announcements .app-grid.pm-dash-grid label.email-notification.active::before {
    left: 0;
  }
  .cm-dash-buildlist {
    height: 16px;
  }
  .property-manager .request-overview .cm-dash h3.tenant-name {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 18px;
    font-weight: normal;
    margin-bottom: 16px;
  }
}

/* UX/UI - Navbar + Hero, Onboarding Lightboxes */

/* Navbar UX/UI */

.navbar {
  backdrop-filter: none;
  background: #fff;
}
@media (min-width: 768px) {
  .navbar.sticky {
    position: fixed;
  }
  .navbar + .clear-position {
    height: 72px;
  }
  .sticky-wrapper {
    top: 71px;
    padding-top: 86px;
  }
  .navbar button:not(.user-account):hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
  }
  .navbar.notifications-open .notification-icon.new {
    background-color: #c21817 !important;
  }
  .navbar.notifications-open .notification-icon.new::before {
    background: #fff;
  }
  .navbar.languages-open .world-icon:hover {
    background-color: #c21817 !important;
  }
  .navbar .dropdown {
    background: rgba(237, 237, 237, 0.95);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .navbar .dropdown.languages-dropdown {
    right: 88px;
  }
  .navbar .dropdown.notifications-dropdown .dropdown-title {
    position: relative;
  }
  .page-content .app-grid.agb {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .navbar .logo {
    background: url(/static/dsm/images/assets/Logo/logo_greta_black.png) no-repeat center/contain;
    width: 104px;
    height: 28px;
  }
  .navbar .world-icon {
    margin-right: 12px;
  }
  .navbar .dropdown.languages-dropdown {
    right: 88px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .navbar .app-grid {
    grid-template-rows: 72px;
    -ms-grid-rows: 72px;
  }
  .navbar .topnav,
  .navbar .mobilenavfooter {
    background-color: #f7f7f7;
  }
  .navbar .navhead {
    line-height: 72px;
    background-color: #fff;
    padding-left: 0;
  }
  .navbar .logo {
    background: url(/static/dsm/images/assets/Logo/logo_greta_black_mobile.svg) no-repeat left;
  }
  .navbar .topnav ul {
    margin-top: 40px;
  }
  .navbar .nav-links ul li {
    margin-bottom: 26px;
  }
  .navbar .nav-links ul li:last-of-type {
    margin-bottom: 32px;
  }
  .navbar .nav-links ul li a {
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 28px;
    line-height: 33.4px;
  }
  .navbar .nav-links ul li>a.current-page::before, .navbar .nav-links ul li>a.new::before {
    background: transparent;
  }
  .navbar .subhead {
    width: 100%;
    padding: 0 15px 6px 16px;
  }
  .navbar .subhead .subnavhead {
    padding-top: 40px;
    margin-left: 23px;
    margin-right: 23px;
    font-size: 12px;
    color: #C21817;
  }
  .navbar .topnav ul.profile-list {
    margin-top: 18px;
  }
  .navbar .topnav ul.more {
    margin-top: 18px;
    margin-bottom: 96px;
  }
  .navbar .navfooterinside {
    margin-left: 23px;
    margin-right: 23px;
  }
  .navbar .topnav .navfooterinner .lcm {
    display: inline-block;
    margin-top: 6px;
    font-size: 20px;
    line-height: 23.86px;
    letter-spacing: .5px;
    color: #346EFF;
    cursor: pointer;
  }
  .navbar .tabnav {
    display: flex;
    justify-content: space-between;
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .navbar .navhead .tabnav a::before {
    content: "";
  }
  .navbar .tabnav .navbtn.right {
    align-items: flex-end;
    padding-right: 36px;
  }
  .navbar .tabnav .navbtn.right::after {
    content: url(/static/dsm/images/icons/action/controls/S/close/black.svg);
    position: absolute;
    top: 3px;
    right: 39px;
    width: 20px;
  }
}

@media (max-width: 767px) {
  .navbar .navhead {
    line-height: 57px;
    margin-bottom: 4px;
    background-color: #ededed;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  }
  .navbar .navhead a {
    padding-left: 37px;
  }
  .navbar .navhead a::before {
    left: 18px;
  }
  .navbar .topnav ul,
  .navbar ul.languages-list {
    margin-top: -4px;
  }
  .navbar .nav-links ul li {
    margin-bottom: 0;
  }
  .navbar .nav-links ul li:last-of-type {
    margin-bottom: 16px;
  }
  .navbar .nav-links li a {
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 48px;
    border-radius: 0;
    padding: 0;
  }
  .navbar .subhead {
    width: 100%;
    padding: 0 15px 6px 15px;
  }
  .navbar .subhead .subnavhead {
    padding-top: 16px;
    font-size: 12px;
    color: #C21817;
  }
  .navbar .topnav ul.profile-list {
    margin-top: 10px;
  }
  .navbar .topnav ul.more {
    margin-top: 10px;
    margin-bottom: 72px;
  }
  .navbar .topnav .navfooterinner .lcm {
    display: inline-block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 16.7px;
    letter-spacing: .5px;
    color: #346EFF;
    cursor: pointer;
  }
  .languagesnav {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: -100%;
    left: auto;
    background-color: #fff;
    color: #6F7072;
    overflow: auto;
    transition: 0s;
  }
  .languagesnav.open {
    right: 0;
  }
  .navbar .languagesnav li.selected a::after {
    content: "";
    display: inline-block;
    margin-left: 20px;
    width: 17px;
    height: 12px;
    background: url(/static/dsm/images/icons/check-black.svg) no-repeat center/contain;
  }
  .notificationnav {
    background-color: #ededed;
  }
  .navbar .nav-links ul.notifications-list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item.new {
    border-left-color: #c21817;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item:not(:first-child) {
    margin-top: 4px;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item {
    padding: 10px 16px 8px 10px;
    border-left: 6px solid transparent;
    cursor: pointer;
    position: relative;
    background: #fff;
    border-radius: 0;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item .top-line {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 14.65px;
    text-align: left;
    color: #B0B2B3;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 16px;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item .title {
    font-size: 22px;
    line-height: 26.25px;
    text-align: left;
    color: #000000;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item .subtitle {
    font-size: 16px;
    line-height: 20.8px;
    text-align: left;
    color: #6F7072;
    letter-spacing: 0;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    padding-right: 28px;
  }
  .navbar .notificationitems.notifications-wrapper .notification-item > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Hero UX/UI */

.support-and-request .hero-section.below-nav, .service-detail .hero-section.below-nav, .property-manager.buildings-tenants .hero-section.below-nav {
  background-position: center 48px;
}
.account-management .sticky-wrapper,
.request-overview .widget.monthly .monthly-requests-graph span.graph-number,
.request-overview .widget.monthly .monthly-requests-graph span.graph-caption {
  z-index: 4;
}
.account-management .accounts-list-heading {
  z-index: 3;
}

@media (min-width: 768px) {
  .dash-first:not(.community) .dashboard.first-time-access .welcome-teaser .welcome-illustration,
  .dash-first .dashboard.first-time-access.role-occupier .welcome-teaser .welcome-illustration {
    width: 370px;
    height: 162px;
  }
  .dashboard.first-time-access .welcome-teaser .left-content {
    margin-left: 0;
  }
  .announcements-dashboard.dashboard.first-time-access .teaser-wrapper,
  .create-announcement .hero-section .app-grid,
  .account-management .hero-section .app-grid {
    height: 184px;
  }
  .building-and-data .hero-section .app-grid {
    grid-template:
      "bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title"
      "bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-btn"
      "bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr bd-hero-hr"
      "bd-hero-link bd-hero-link bd-hero-link bd-hero-link bd-hero-link bd-hero-link bd-hero-info bd-hero-info bd-hero-info bd-hero-info bd-hero-info bd-hero-info"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 30px;
    column-gap: 31px;
  }
  .sar-top .support-and-request .hero-section .app-grid {
    width: 100%;
    grid-template:
        "sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title sr-la-title"
        "sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub sr-he-sub"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -ms-grid-row-align: center;
    position: relative;
  }
  .new-communication .hero-section .app-grid {
    grid-template: "hero-content hero-content hero-content hero-content hero-content hero-content hero-content . . . . ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .create-announcement .hero-section .app-grid {
    max-width: 1008px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .new-request .hero-section .app-grid .illustration,
  .request-detail .hero-section .app-grid .illustration,
  .create-announcement .hero-section .app-grid .illustration,
  .account-management .hero-section .app-grid .illustration {
    justify-self: flex-end;
    margin-left: 0;
    margin-right: 0;
  }
  .account-management .sticky-wrapper {
    padding-top: 16px;
  }
  .account-management .accounts-list-heading {
    padding-top: 2px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .announcements-dashboard.dashboard.first-time-access .left-content {
    margin-right: 22px;
  }
  .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    width: 260px;
    height: 126px;
    margin-bottom: 19px;
    margin-right: 0;
    flex-shrink: 0;
  }
  .create-announcement .hero-section .app-grid {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
}

@media (min-width: 768px) and (max-width: 866px) {
  .announcements-dashboard.dashboard.first-time-access .left-content {
    flex-basis: 408px;
  }
}

@media (min-width: 867px) and (max-width: 1023px) {
  .announcements-dashboard.dashboard.first-time-access .left-content {
    flex-basis: 508px;
  }
}

@media (min-width: 1024px) {
  .create-announcement .hero-section .app-grid {
    max-width: 930px;
  }
  .announcements-dashboard.dashboard.first-time-access .teaser-wrapper {
    justify-content: space-between;
  }
  .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    align-self: flex-end;
  }
}

@media (min-width: 1400px) {
  .support-and-request .hero-section.below-nav, .service-detail .hero-section.below-nav, .property-manager.buildings-tenants .hero-section.below-nav {
    background-position: center 0;
  }
}


/* Lightboxes UX/UI */

/* Lightboxes Old / Bugfix Style 2021-07-23 */

.dash-first .onboarding-box.lightbox {
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.dash-first .lightbox-overlay .lightbox {
  -ms-grid-rows: 2;
  -ms-grid-columns: 1;
  -ms-grid-column-span: 23;
  grid-area: lb;
}
.dash-first .onboarding-box.lightbox .left-content {
  width: auto;
  background: #fff;
  padding: 0;
  flex-shrink: initial;
}

@media (min-width: 768px) {
  .dash-first .onboarding .app-grid {
    -ms-grid-rows: auto auto;
      -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
      grid-template:
          "btn btn btn btn btn btn btn btn btn btn btn btn"
          "lb lb lb lb lb lb lb lb lb lb lb lb"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      -moz-column-gap: 30px;
      column-gap: 30px;
  }
  .dash-first .announcement-approval .app-grid.narrower {
    grid-template:
        ". btn btn btn btn btn btn btn btn btn btn ."
        ". lb lb lb lb lb lb lb lb lb lb ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .dash-first .lightbox-overlay .lightbox {
    min-height: 362px;
  }
  .dash-first .onboarding-box.lightbox .left-content h2 {
    margin-top: 68px;
  }
  .dash-first .onboarding-box.lightbox .right-content img {
    width: 330px;
    margin-left: 60px;
  }
}

@media (min-width: 1024px) {
  .dash-first .lightbox-overlay .app-grid {
    grid-template:
      ". btn btn btn btn btn btn btn btn btn btn ."
      ". lb lb lb lb lb lb lb lb lb lb ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .dash-first .lightbox-overlay .lightbox {
    min-height: 432px;
  }
  .dash-first .onboarding-box.lightbox .left-content h2 {
    margin-top: 84px;
  }
  .dash-first .onboarding-box.lightbox .right-content img {
    width: 369px;
    margin-left: 70px;
  }
}
@media (max-width: 767px) {
  .dash-first .onboarding-box.lightbox .left-content {
    padding: 16px;
  }
}

/* Lightbox Onboarding UX/UI */

.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .left-content h2 {
  color: #000000;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .left-content h4 {
  color: #404040;
  margin-top: 16px;
}
.dash-first .lightbox-overlay:not(.lightbox-content):not(.capprove) .onboarding-box.lightbox,
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox.oc-dash {
  background: #fff;
  min-height: 0;
  display: block;
}
.dash-first .lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox,
.dash-first .lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox {
  min-height: 100%;
  display: block;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .lightbox {
  grid-area: lb;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .top-area {
  display: flex;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .left-content {
  width: 50%;
  background: #f0f0f0;
  padding: 48px 40px;
  flex-shrink: 0;
  margin-left: 0;
}
.dash-first .lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox .left-content,
.dash-first  .lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox .left-content {
  background: #fff;
  padding: 0;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .left-content h2 {
  margin-top: 0;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .right-content img {
  width: 330px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 272px;
  margin: auto;
}
.dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .bottom-area {
  display: flex;
  justify-content: space-between;
  padding: 24px 40px;
  align-items: center;
}
.dash-first .dot-indicator {
  text-indent: -9999px;
}

@media (min-width: 768px) {
  #firstTimeBox0 .onboarding-box.lightbox {
    margin-bottom: 82px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox {
    border-radius: 4px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .left-content {
    border-top-left-radius: 4px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .right-content {
    align-self: initial;
    border-top-right-radius: 4px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .right-content img {
    border-top-right-radius: 4px;
  }
  .dash-first  .lightbox-overlay.capprove .onboarding-box.lightbox {
    min-height: auto;
  }
  .dash-first  .lightbox-overlay.capprove .onboarding-box.lightbox .left-content {
    background: #fff;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .right-content {
    width: 50%;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .right-content img {
    width: 100%;
    min-height: 180px;
  }
  .blue-image-wrapper {
    width: auto;
    height: auto;
  }
}

@media (min-width: 1024px) {
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .left-content {
    width: 385px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .right-content img {
    width: 360px;
  }
}

@media (max-width: 767px) {
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) .close img {
    background: #fff;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) .close img {
    background: #fff;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) button.close {
    width: 40px;
    height: 40px;
    right: 24px;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .close {
    position: absolute;
    top: 24px;
    right: 12px;
    z-index: 20;
  }
  .dash-first .lightbox-overlay.announcement-lightbox .close,
  .dash-first .lightbox-overlay.announcement-approval .close {
    right: 24px !important;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox {
    overflow: auto;
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .left-content {
    width: 100%;
    background: #f7f7f7;
    margin-top: 272px;
    flex-grow: 1;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .right-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 272px;
    padding-top: 0;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .bottom-area {
    padding: 16px;
    width: 100%;
    background: #f7f7f7;
    flex-direction: column-reverse;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .bottom-area button:first-child {
    margin-top: 16px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .bottom-area .dot-indicators {
    position: absolute;
    top: 292px;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .bottom-area .dot-indicators button.dot-indicator {
    margin-top: 0;
    width: 6px;
  }
}

/* Dashboard Highlights UX/UI */

/* Role Tenant */

@media (min-width: 768px) {
  .latest-announcements .app-grid.ten-dash-highlights {
    display: grid;
  }
  .tenant-dash .highlights .app-grid.agb {
    display: block;
    position: relative;
  }
  .tenant-dash .highlights .arrows-wrapper {
    position: absolute;
    width: 100%;
    max-width: 930px;
  }
  .tenant-dash .highlights .app-grid.agb .widgets-wrapper {
    display: flex;
    flex-wrap: nowrap;
    transition: margin 750ms ease-in-out;
  }
  .tenant-dash .highlights .app-grid.agb .widget.ten-dash-widget {
    margin-right: 30px;
    flex: 0 0 210px;
  }
}

@media (max-width: 767px) {
  .latest-announcements .app-grid.ten-dash-highlights label.email-notification::before,
  .latest-announcements .app-grid.ten-dash-highlights label.email-notification.active::before {
    left: 0;
  }
  .latest-announcements button.widget.ten-dash-widget {
    height: 182px;
  }
}

/* Doc Sharing Flow */

.property-manager .buildings > .app-grid > .widget {
  margin-bottom: 12px;
}
.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-name,
.property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-name {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.document-sharing-flow .upload-section-wrapper .single-attachment button {
  margin-left: 8px;
}
.document-sharing-flow .upload-section-wrapper .single-attachment .inline-link {
  text-align: left;
  word-break: break-word;
}
.document-sharing-flow .document-section-wrapper .document-section .top-content .title-row h3 {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.document-sharing-flow .document-section-wrapper .document-section .top-content .title-row .page-number {
  padding-left: 8px;
  white-space: nowrap;
}
.document-sharing-flow .document-section-wrapper .document-section {
  padding-left: 2px;
  padding-right: 2px;
}
.account-mgmt-lightbox h4 {
  font-family: "Helvetica-Neue-Roman", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.account-mgmt-lightbox .footer .underline-link {
  white-space: nowrap;
}
.account-mgmt-lightbox .footer .cta-primary-red,
.account-mgmt-lightbox .footer .cta-secondary-red {
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 767px) {
  .document-sharing-flow .cta-primary-red,
  .document-sharing-flow .cta-secondary-red,
  .document-sharing-flow .cta-primary-black,
  .document-sharing-flow .cta-secondary-black {
    padding: 15px 24px;
    font-size: 14px;
    line-height: 17px;
  }
  .document-sharing-flow .cta-secondary-red:hover,
  .document-sharing-flow .cta-secondary-red:focus,
  .document-sharing-flow .cta-secondary-red:active {
    color: #c21817;
  }
  .document-sharing-flow .cta-primary-black:disabled:hover,
  .document-sharing-flow .cta-primary-black:disabled:focus,
  .document-sharing-flow .cta-primary-black:disabled:active {
    background: #f0f0f0;
    color: #fff;
  }
  .document-sharing-flow .cta-primary-black:hover,
  .document-sharing-flow .cta-primary-black:focus,
  .document-sharing-flow .cta-primary-black:active {
    background: #000;
    color: #fff;
  }
  .document-sharing-flow .cta-secondary-black:hover,
  .document-sharing-flow .cta-secondary-black:focus,
  .document-sharing-flow .cta-secondary-black:active {
    color: #000;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment {
    margin-right: 0;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment .inline-link {
    max-width: 90%;
  }
  .tendet .request-overview .widget.your-requests .main-section .requests-list li {
    grid-template: "title title title title title tag tag tag tag tag tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .tendet .request-overview .widget.your-requests .main-section .requests-list li .tag {
    justify-self: flex-end;
  }
  .reqsub .latest-announcements button.widget {
    height: 205px;
  }
  .reqsub .latest-announcements .widget .widget-title, .requests-updates-slider .widget .widget-title {
    height: 42px;
  }
}
@media (min-width: 768px) {
	.page-content.pm-dashboard .buildings .app-grid {
		display: block;
	}
  .app-grid-substitute .meta span.tname {
    padding-left: 24px;
  }
  .document-sharing-flow .upload-section-wrapper .app-grid {
    display: block;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment {
    display: inline-flex;
  }
  .tenantbuild .document-sharing .app-grid .subtitle,
  .occbuild .document-sharing .app-grid .subtitle {
    padding-top: 40px;
  }
  .property-manager.building-and-data.pm-building-info h3.subtitle:first-of-type {
    margin-top: 40px;
  }
  .property-manager.building-and-data.pm-building-info .document-sharing h3.subtitle:first-of-type {
    margin-top: 28px;
  }
  .document-sharing .table .nav-header {
    overflow-x: auto;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-body .contact .email {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 163px;
  }
  .dashboard .welcome-teaser .welcome-title {
    min-width: 318px;
    margin-right: 0;
  }
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
    grid-template: "pm-bt-me-1 pm-bt-me-1 pm-bt-me-1 pm-bt-me-1 pm-bt-me-1 pm-bt-me-1 pm-bt-me-2 pm-bt-me-2 pm-bt-me-2 pm-bt-me-2 pm-bt-me-3 pm-bt-me-3 pm-bt-me-3 pm-bt-me-3"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta .buildings-count,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta .buildings-count {
    padding-left: 12px;
  }
  .reqsub .highlights .arrows-wrapper {
    position: absolute;
    width: 100%;
    max-width: 930px;
  }
  .reqsub .highlights .app-grid.agb,
  .tendet .highlights .app-grid.agb {
    display: block;
  }
  .reqsub .highlights .app-grid.agb .widgets-wrapper {
    display: flex;
    flex-wrap: nowrap;
    transition: margin 750ms ease-in-out;
  }
  .reqsub .highlights .app-grid.agb .widget {
    margin-right: 30px;
    flex: 0 0 210px;
  }
  .tendet .pm-tenant-detail .widget.econsump .row {
    display: grid;
    grid-template: "bd-mc-title bd-mc-title bd-mc-title bd-mc-dur bd-mc-dur bd-mc-start bd-mc-start bd-mc-end bd-mc-end bd-mc-btn bd-mc-btn bd-mc-btn bd-mc-btn"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
  }
  .tendet .pm-tenant-detail .my-contracts .buttons.cusha {
    padding-right: 0;
    grid-area: bd-mc-end;
    align-items: flex-end;
  }
}
@media (min-width: 1024px) {
	.property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
    width: 85%;
  }
  .tendet .pm-tenant-detail .widget.econsump .row {
    display: grid;
    grid-template: "bd-mc-title bd-mc-title bd-mc-title bd-mc-dur bd-mc-dur bd-mc-start bd-mc-start bd-mc-end bd-mc-end bd-mc-end bd-mc-btn bd-mc-btn bd-mc-btn"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
  }
}

/* Document sharing Bugfixes 2021-10-22 */

@media (min-width: 768px) {
  .document-sharing .table .filter-section {
    align-items: start;
    margin-top: 24px;
  }
	.document-sharing .table .filter-section .filters-label {
    margin-right: 12px;
    padding-top: 6px;
  }
	.document-sharing .table .filter-section .filters-label .label {
    font-size: 9px;
    line-height: normal;
    text-align: left;
    letter-spacing: 0.2px;
    white-space: nowrap;
    color: #787e80;
  }
	.document-sharing .table .filter-section .filters {
    display: block;
    align-items: start;
    margin-right: auto;
  }
  .document-sharing .table .filter-section .filters a {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 6px;
    text-align: left;
  }
  .document-sharing .table .filter-section .filters button.selected::before {
    height: 7px;
    display: inline-block;
  }
  .document-sharing .table .filter-section .dropdown.sort {
    margin-left: 48px;
    white-space: nowrap;
  }
  .document-sharing .table .documents {
    margin-top: 8px;
  }
}

/* Document sharing Bugfixes 2021-10-27 */

@media (min-width: 768px) {
  .document-sharing.latest-announcements .arrows-wrapper {
    width: 100%;
    max-width: 930px;
  }
  .document-sharing.latest-announcements .hidden-overflow {
    width: 100%;
    max-width: 930px;
  }
  .document-sharing.latest-announcements .hidden-overflow .widgets-wrapper .widget {
    z-index: 3;
    flex: 0 0 auto;
  }
  .document-sharing.latest-announcements .hidden-overflow .widgets-wrapper button.widget {
    width: auto;
    height: auto;
  }
  .document-sharing.latest-announcements .hidden-overflow .widgets-wrapper button.widget.empty {
    width: 30px !important;
  }
  .document-sharing.latest-announcements .hidden-overflow .widgets-wrapper button.widget.spaceend {
    width: 5px !important;
    cursor: auto !important;
  }
  .document-sharing.latest-announcements .hidden-overflow .widgets-wrapper button.widget.empty.last {
    width: 60px !important;
    cursor: auto !important;
  }
  .document-sharing .table .nav-header {
    position: relative;
    height: 74px;
    overflow: hidden;
  }
  .document-sharing .table .nav-header .slide {
    position: absolute;
    top: -37px;
    width: 62px;
    height: 74px;
    line-height: 62px;
    margin: 0;
    padding: 0 15px;
    background: #FFF;
    border: 0 !important;
    z-index: 4;
    cursor: auto;
  }
  .document-sharing .table .nav-header .slide.left {
    left: 0;
    border-right: 1px solid #DEDEDE;
  }
  .document-sharing .table .nav-header .slide.right {
    right: 0;
    border-left: 1px solid #DEDEDE;
  }
  .document-sharing.latest-announcements .chevron-left,
  .document-sharing.latest-announcements .chevron-right {
    top: 20px !important;
    display: flex !important;
  }
  .document-sharing.latest-announcements .chevron-left {
    left: 0 !important;
    margin-left: 15px;
  }
  .document-sharing.latest-announcements .chevron-right {
    right: 0 !important;
    margin-right: 15px;
  }
}

/* Profile Notification Settings */

@media (max-width: 767px) {
  .profile-notification-settings .hero-section.text-and-illustration .app-grid {
    padding: 14px 0;
    height: 212px;
  }
  .profile-notification-settings .hero-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .profile-notification-settings a.arrow-link {
    text-align: left;
    font-size: 18px;
    line-height: 21.47px;
    letter-spacing: .5px;
    color: #fff;
  }
  .profile-notification-settings a.arrow-link.left::before {
    content: "";
    transform: rotate(0deg);
    margin-right: 10px;
  }
  .profile-notification-settings a.arrow-link::after,
  .profile-notification-settings a.arrow-link::before {
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) center !important;
  }
  .profile-notification-settings .arrow-link::before,
  .profile-notification-settings .arrow-link:hover::before,
  .profile-notification-settings .arrow-link:focus::before {
    width: 12px;
    height: 20px;
    top: 4px;
  }
  .profile-notification-settings .hero-section.text-and-illustration .app-grid .left-area h2 {
    margin-top: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 33.2px;
    word-break: break-word;
  }
  .profile-notification-settings .hero-section.text-and-illustration .app-grid .left-area .subtitle {
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .profile-notification-settings .section-notification-settings {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-top: 32px;
    margin-bottom: 40px;
  }
  .profile-notification-settings .section-notification-settings .app-grid-substitute {
    display: block;
  }
  .profile-notification-settings .section-notification-settings .hidedt {
    width: 100%;
  }
  .profile-notification-settings .section-notification-settings .pn-settings-top {
    display: flex;
    padding-bottom: 16px;
    border-bottom: 1px solid #DEDEDE;
  }
  .profile-notification-settings .section-notification-settings .single-setting .icon {
    width: 32px;
    height: 32px;
  }
  .profile-notification-settings .section-notification-settings .pn-settings-top .toggle {
    align-items: flex-end;
  }
  .profile-notification-settings .section-notification-settings .text {
    padding-top: 16px;
  }
  .profile-notification-settings .section-notification-settings .single-setting .text .title {
    font-size: 18px;
    line-height: 21.4px;
    margin-bottom: 8px;
  }
  .profile-notification-settings .section-notification-settings .single-setting .text .description {
    font-size: 16px;
    line-height: 20.8px;
  }
  .profile-notification-settings .section-notification-settings .single-setting .toggle label::before,
  .profile-notification-settings .section-notification-settings .single-setting .toggle label.selected::before {
    font-size: 16px;
    line-height: 20.8px;
  }
}
@media (min-width: 768px) {
  .profile-notification-settings .hero-section.text-and-illustration .app-grid .left-area h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .profile-notification-settings .section-notification-settings .single-setting {
    display: block;
    padding: 0;
  }
  .profile-notification-settings .section-notification-settings .single-setting .hidessc {
    display: flex;
    align-items: center;
    padding: 16px 24px 16px 16px;
    background: #fff;
  }
}

/* Facility Manager */

.tag.color_approved {
  background: #E9573D;
}
.tag.color_refused {
  background: #B65A65;
}
.tag.color_open,
.tag.new {
  background: #F09273;
}
.tag.color_progress,
.tag.in-progress {
  background: #752126;
}
.tag.color_hold {
  background: #B15C49;
}
.tag.color_closed {
  background: #787e80;
}
.request-overview .widget.monthly .monthly-requests-graph svg.progress-circle circle.req-closed {
  stroke: #787e80;
}
.request-overview .widget.monthly .tooltip-circular-graph.closed {
  color: #787e80;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-closed {
  color: #787e80;
}
.request-overview .widget.monthly .monthly-requests-graph svg.progress-circle circle.req-in-progress {
  stroke: #752126;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-in-progress {
  color: #752126;
}
.request-overview .widget.monthly .tooltip-circular-graph.in-progress {
  color: #752126;
}
.request-overview .widget.monthly .monthly-requests-graph svg.progress-circle circle.req-new {
  stroke: #F09273;
}
.request-overview .widget.monthly .tooltip-circular-graph.new {
  color: #F09273;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-new {
  color: #F09273;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-in-progress.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-red.svg);
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-new.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-orange.svg);
}
.location-toast,
.toast-message {
  position: relative;
  top: auto;
  display: block;
  background: rgba(237, 237, 237, 0.95);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.location-toast:last-child,
.toast-message:last-child {
  position: relative;
  top: auto;
  display: block;
  margin-top: 16px;
  background: rgba(237, 237, 237, 0.95);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.toast-wrapper {
  width: 100%;
  position: fixed;
  top: 40px;
  z-index: 1060;
}
.support-and-request .new-requests.hasSearchAndFilters .requests-top-section .filters,
.support-and-request .closed-requests.hasSearchAndFilters .requests-top-section .filters {
  display: flex;
}
.support-and-request .new-requests .requests-top-section .filters,
.support-and-request .closed-requests .requests-top-section .filters {
  width: auto;
  flex-shrink: unset;
}
.support-and-request .new-requests .requests-top-section .filters .dropdown-group,
.support-and-request .closed-requests .requests-top-section .filters .dropdown-group {
  display: block;
}
.support-and-request .new-requests .requests-top-section .filters .dropdown-group .dropdown,
.support-and-request .closed-requests .requests-top-section .filters .dropdown-group .dropdown {
  display: inline-block;
  margin-right: -4px;
  padding-top: 8px;
}
.support-and-request .requests-top-section .dropdown-group .dropdown select,
.support-and-request .requests-top-section .dropdown-group .dropdown select option {
  max-width: 140px;
}
.sar-top .filter-section {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin-top: -8px;
}
.sar-top .filter-section .filters-label {
  margin-right: 12px;
  padding-top: 14px;
}
.sar-top .filter-section .filters-label .label {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  letter-spacing: 0.2px;
  white-space: nowrap;
  color: #787e80;
}
.sar-top .filter-section .filters {
  display: block;
  align-items: start;
  margin-right: auto;
}
.sar-top .filter-section .filters a {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 6px;
  text-align: left;
}
.sar-top .filter-section .filters button.selected::before {
  height: 7px;
  display: inline-block;
}
.sar-top .filter-section .dropdown.sort {
  margin-top: 8px;
  margin-left: 24px;
  white-space: nowrap;
}
.requests-top-section .search-bar input {
  border-radius: 32px;
}
.lightbox.onboarding-box.close-ticket .footer .fattach,
.lightbox.onboarding-box.refuse-ticket .footer .fattach,
.lightbox.onboarding-box.reevaluate-ticket .footer .fattach,
.lightbox.onboarding-box.restoring-ticket .footer .fattach {
  cursor: pointer;
  font-size: 14px;
  line-height: 16.7px;
  letter-spacing: 0.5px;
  text-decoration: underline;
  color:#346EFF;
  margin-right: 16px;
  margin-top: 4px;
}
.message-input .button-group input[type="file"],
.lightbox.onboarding-box.close-ticket .footer input[type="file"],
.lightbox.onboarding-box.refuse-ticket .footer input[type="file"],
.lightbox.onboarding-box.reevaluate-ticket .footer input[type="file"],
.lightbox.onboarding-box.restoring-ticket .footer input[type="file"] {
  display: none;
}
.lightbox.onboarding-box.close-ticket .footer .cta-primary-red,
.lightbox.onboarding-box.refuse-ticket .footer .cta-primary-red,
.lightbox.onboarding-box.reevaluate-ticket .footer .cta-primary-red,
.lightbox.onboarding-box.restoring-ticket .footer .cta-primary-red {
  white-space: nowrap;
}
.lightbox.onboarding-box.close-ticket .footer .sub-label,
.lightbox.onboarding-box.refuse-ticket .footer .sub-label,
.lightbox.onboarding-box.reevaluate-ticket .footer .sub-label,
.lightbox.onboarding-box.restoring-ticket .footer .sub-label {
  padding-right: 24px;
}
.lightbox.onboarding-box.close-ticket .footer .sub-label,
.lightbox.onboarding-box.refuse-ticket .footer .sub-label,
.lightbox.onboarding-box.reevaluate-ticket .footer .sub-label,
.lightbox.onboarding-box.restoring-ticket .footer .sub-label {
  margin-top: 4px;
}
.request-detail .requests .messaging .message-input .button-group button.submit {
  background-image: url(/static/dsm/images/icons/action/operation/XS/send/Black.svg);
}
.request-detail .requests .messaging .message-input .button-group .fattach {
  background-image: url(/static/dsm/images/icons/action/operation/XS/attachment/Black.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.request-detail .requests .messaging .message-input .button-group label.fattach {
  text-indent: -9999px;
  width: 24px;
  height: 24px;
}
.sar-top.pm-view .support-and-request .hero-section h2 {
  margin-top: 0;
}

/* S+R Mobile OM (Tenant) */

.reqdetail .new-request .hero-section .progress-indicator,
.reqdetail .request-detail .hero-section .progress-indicator {
  font-size: 18px;
  line-height: 20.47px;
  margin-top: 16px;
  margin-bottom: 0;
}
.reqdetail .new-request .hero-section .progress-indicator .highlight,
.reqdetail .request-detail .hero-section .progress-indicator .highlight {
  color: #C21817;
}
.reqdetail .new-request .hero-section h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reqdetail .new-request .hero-section .subtitle,
.reqdetail .request-detail .hero-section .subtitle {
  font-size: 14px;
  line-height: 16.7px;
  color: #404040;
  margin-top: 0;
  padding: 0;
  height: unset;
  min-height: 18px;
  max-height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: unset;
  text-overflow: unset;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.reqdetail .new-request .hero-section.stepthree .subtitle {
  min-height: 36px;
}
.reqdetail .widget.services-widget .add-on-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 32px;
}

@media (min-width: 768px) {
  .om-view .support-and-request .hero-section .app-grid {
    width: 100%;
    display: block;
  }
  .reqdetail .support-and-request .hero-section .app-grid {
    width: 100%;
    display: flex;
  }
  .support-and-request .hero-section .app-grid.faq {
    height: auto;
  }
  .reqdetail .hero-section .app-grid {
    margin-top: 0;
    padding-top: 24px;
    margin-bottom: auto;
  }
  .reqdetail .hero-section .app-grid > a {
    margin-top: 29px;
  }
  .faq-detail .hero-section .app-grid > a {
    margin-top: 0;
  }
  .faq-detail .support-and-request .hero-section,
  .faq-detail .service-detail .hero-section {
    height: 184px;
  }
  .reqsub .support-and-request .hero-section,
  .reqsub .service-detail .hero-section {
    height: 184px;
    background: #DEDEDE;
  }
  .reqsub.stepone .support-and-request.new-request .hero-section,
  .reqsub.steptwo .support-and-request.new-request .hero-section {
    height: 177px;
  }
  .reqsub.stepthree .support-and-request.new-request .hero-section {
    height: 195px;
  }
  .reqdetail .new-request .hero-section .progress-indicator,
  .reqdetail .request-detail .hero-section .progress-indicator {
    margin-top: 8px;
  }
  .faq-detail .hero-section .app-grid {
    margin-top: 0;
    margin-bottom: auto;
  }
  .faq-page .hero-section {
    background: #000;
    padding: 29px 0;
  }
  .support-and-request .hero-section .back-link,
  .support-and-request .hero-section .back-link:hover,
  .support-and-request .hero-section .back-link:focus,
  .support-and-request .hero-section .back-link:active {
    display: inline;
  }
  .support-and-request .hero-section h2 {
    display: flex;
    height: auto;
    margin-top: 32px;
    margin-bottom: 0;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    height: 36px;
    max-height: 36px;
  }
  .reqdetail .support-and-request .hero-section h2 {
    align-self: flex-start;
  }
  .faq-detail .support-and-request .hero-section h2 {
    display: flex;
    margin-top: 4px;
    margin-bottom: auto;
    padding-bottom: 0;
    align-self: flex-start;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 72px;
    max-height: 72px;
  }
  .support-and-request .back-link {
    margin-top: 3px;
    z-index: 3;
    cursor: pointer;
  }
  .om-view.sar-top .support-and-request .hero-section h2 {
    margin-top: 0;
    padding-top: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 70px;
    min-height: 70px;
  }
  .om-view .support-and-request .hero-section .buttons {
    width: 100%;
    display: flex;
  }
  .om-view .support-and-request .hero-section .cta {
    margin-right: 16px;
    white-space: nowrap;
  }
  .om-view .support-and-request.get-support .hero-section .search-bar {
    margin-top: -12px;
  }
  .new-request .hero-section .app-grid .illustration,
  .request-detail .hero-section .app-grid .illustration {
    margin-left: auto;
  }
  .dash-first .highlights h3.subtitle {
    margin-bottom: 14px;
  }
  .faq-page .answer-section {
    background: #fff;
  }
  .faq-page .similar-faq .title {
    font-size: 10px;
    line-height: 12.21px;
    margin-bottom: 16px;
    text-transform: uppercase;
  }
  .faq-page .similar-faq {
    background: transparent;
  }
  .reqdetail .new-request .hero-section .subtitle,
  .reqdetail .request-detail .hero-section .subtitle {
    height: 20px;
    margin-top: 8px;
  }
  .reqdetail .new-request .hero-section .subtitle br,
  .reqdetail .request-detail .hero-section .subtitle br {
    display: none;
  }
  .new-request .hero-section .illustration,
  .request-detail .hero-section .illustration {
    height: 141px;
  }
  .reqdetail .new-request .subcategories button.widget,
  .reqdetail .request-detail .subcategories button.widget {
    height: 72px;
    align-items: flex-start;
    box-shadow: 0px 2px 6px 6px rgb(0 0 0 / 2%);
  }
  .reqdetail .new-request .subcategory .subcategory-title,
  .reqdetail .request-detail .subcategory .subcategory-title {
    line-height: 14.32px;
    padding: 0;
    align-self: flex-end;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    height: 48px;
    text-transform: none;
  }
  .reqdetail .new-request .new-request-form .submit-section,
  .reqdetail .request-detail .new-request-form .submit-section {
    width: 100%;
  }
  .reqdetail .new-request .new-request-form .submit-section button.submit,
  .reqdetail .request-detail .new-request-form .submit-section button.submit {
    margin-left: auto;
  }
  #requestDoneBox .onboarding-box.lightbox .bottom-area {
    flex-direction: row-reverse;
  }
  #requestDoneBox .onboarding-box.lightbox .bottom-area button.secondary {
    margin-left: auto;
    margin-right: 16px;
  }
  .widget.services-widget .widget-head {
    position: relative;
    margin: -19px -16px 0;
  }
  .reqdetail .widget.services-widget .add-on-title {
    font-size: 14px;
    line-height: 16.7px;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .reqdetail .widget.services-widget .add-on-description {
    font-size: 10px;
    line-height: 12.7px;
    overflow: hidden;
    height: unset;
    min-height: 14px;
    max-height: 28px;
    padding-right: 48px;
  }
  .reqdetail .widget.services-widget .description-section {
    margin-top: 12px;
    margin-bottom: 6px;
  }
  .reqdetail .support-and-request button.services-widget {
    box-shadow: 0px 2px 6px 6px rgb(0 0 0 / 2%);
  }
}

@media (max-width: 767px) {
  .om-view .support-and-request .hero-section.below-nav,
  .om-view .service-detail .hero-section.below-nav {
    height: calc(72px + 322px);
  }
  .pm-view .support-and-request .hero-section.below-nav,
  .pm-view .service-detail .hero-section.below-nav {
    height: calc(72px + 324px);
  }
  .pm-view .support-and-request .hero-section .app-grid-substitute {
    margin-top: auto;
    margin-bottom: 16px;
  }
  .pm-view .support-and-request .hero-section .hero-content {
    width: 100%;
  }
  .pm-view .support-and-request .hero-section .hero-content h2 {
    width: 75%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
  .pm-view .support-and-request .hero-section .hero-content .buttons {
    display: block;
  }
  .reqdetail .widget.services-widget .add-on-description {
    font-size: 14px;
    line-height: 16.7px;
    min-height: 18px;
    max-height: 36px;
    padding-right: 8px;
    margin-top: 8px;
  }
  .reqdetail .widget.services-widget .description-section .arrow {
    margin-top: 4px;
  }
  .reqdetail .support-and-request .hero-section {
    height: 175px;
    background: #DEDEDE;
  }
  .reqdetail .support-and-request .hero-section.stepthree {
    height: 192px;
  }
  .om-view .support-and-request .hero-section.below-nav,
  .pm-view .support-and-request .hero-section.below-nav,
  .fm-view .support-and-request .hero-section.below-nav {
    background-position: 65% 48px;
  }
  .sar-top.om-view .support-and-request .request-overview,
  .sar-top.pm-view .support-and-request .request-overview {
    margin-top: 8px;
  }
  .sar-top.om-view .latest-announcements h3.subtitle,
  .sar-top.pm-view .latest-announcements h3.subtitle {
    margin-bottom: 12px;
  }
  .om-view .page-content.support-and-request {
    margin-top: 382px;
  }
  .om-view.reqdetail .page-content.support-and-request {
    margin-top: 0;
  }
  .om-view .hero-section .overlay,
  .pm-view .hero-section .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.35);
    z-index: 0;
  }
  .om-view .hero-section .app-grid {
    margin-top: auto;
    margin-bottom: 16px;
  }
  .new-request .hero-section .left-area,
  .request-detail .hero-section .left-area {
    height: 100%;
  }
  .request-detail .hero-section .left-area {
    padding-bottom: 16px;
  }
  .new-request .hero-section .left-area {
    padding-bottom: 0;
  }
  .om-view .support-and-request .hero-section .cta,
  .pm-view .support-and-request .hero-section .cta {
    width: 100%;
    margin-top: 16px;
  }
  .om-view .hero-section .cta-secondary-white,
  .pm-view .hero-section .cta-secondary-white {
    font-size: 12px;
    line-height: normal;
    text-align: center;
    color: #000000;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: transparent;
    padding: 15px 24px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
  }
  .sar-top.pm-view .highlights .dropdown:not(:first-child) {
    margin-left: 12px;
    margin-top: 0;
  }
  .om-view .request-overview .widget.your-requests {
    background: none;
  }
  .om-view .requests-top-section .widget-title,
  .pm-view .requests-top-section .widget-title {
    display: none;
  }
  .sar-top.pm-view .requests-top-section {
    padding-top: 8px;
  }
  .om-view .requests-top-section .dropdown,
  .pm-view .requests-top-section .dropdown {
    display: flex;
    flex-grow: 1;
  }
  .sar-top.pm-view .filter-section .dropdown.sort {
    margin-top: 0;
    margin-left: 0;
  }
  .sar-top.pm-view .dropdown:not(:first-child) label {
    margin-left: 0;
  }
  .om-view .requests-top-section .dropdown label:not(:first-of-type) {
    width: 100%;
  }
  .sar-top.pm-view .dropdown select {
    width: 100%;
  }
  .sar-top.pm-view .support-and-request .dropdown label {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .om-view .support-and-request .dropdown-group .dropdown label select {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .sar-top.pm-view .support-and-request a.title-link.inline-link,
  .sar-top.pm-view .support-and-request a.title-link.inline-linkk:hover,
  .sar-top.pm-view .support-and-request a.title-link.inline-link:focus,
  .sar-top.pm-view .support-and-request a.title-link.inline-link:active {
    font-size: 14px;
    line-height: 16.7px;
    color: #000;
    border-bottom: none;
  }
  .sar-top.pm-view .support-and-request .closed-requests .requests-list li {
    grid-template: "title title title title title tag tag tag tag tag tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    border: none;
    height: 70px;
    margin: 8px 0;
    padding: 18px 14px;
    border-radius: 4px;
    box-shadow: 1px 1px 8px 1px rgb(0 0 0 / 5%);
  }
  .sar-top.pm-view .support-and-request .closed-requests .requests-list li .title {
    width: auto;
    max-width: 180px;
    grid-area: title;
    white-space: inherit;
    overflow: auto;
    text-overflow: initial;
    margin-right: 0;
    padding-right: 24px;
  }
  .sar-top.pm-view .support-and-request .closed-requests .requests-list li .title-link {
    white-space: normal;
    text-overflow: initial;
    text-align: left;
    height: unset;
    min-height: 17px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .om-view .hero-section .app-grid.faq {
    height: 100%;
  }
  .om-view .send-request-wrapper a.arrow-link:hover,
  .om-view .send-request-wrapper a.arrow-link:focus,
  .om-view .send-request-wrapper a.arrow-link:active {
    color: #346eff;
  }
  .reqsub .hero-section a.arrow-link::before {
    top: 0;
    width: 20px;
    height: 20px;
    margin-left: -8px;
    background-color: transparent !important;
  }
  .reqsub .hero-section a.arrow-link.white::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/right/white.svg);
  }
  .reqsub .hero-section a.arrow-link.black::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/right/black.svg);
  }
  .om-view .support-and-request .back-link {
    margin-top: 3px;
  }
  .reqsub .support-and-request .back-link,
  .reqdetail .support-and-request .back-link {
    margin-top: 17px;
}
  .reqsub .hero-section .back-link,
  .reqsub .hero-section .back-link:hover,
  .reqsub .hero-section .back-link:focus,
  .reqsub .hero-section .back-link:active {
    display: flex;
    font-size: 18px;
    line-height: 21.7px;
  }
  .support-and-request.version-2021 .om-view .hero-section h2,
  .support-and-request.version-2021 .pm-view .hero-section h2,
  .support-and-request.version-2021 .fm-view .hero-section h2 {
    display: flex;
    height: auto;
    padding-bottom: 16px;
  }
  .om-view.sar-top .hero-section h2,
  .pm-view.sar-top .hero-section h2 {
    padding-bottom: 0;
  }
  .om-view .support-and-request .new-requests.hasSearchAndFilters .requests-top-section .search-bar,
  .om-view .support-and-request .closed-requests.hasSearchAndFilters .requests-top-section .search-bar {
    display: block;
  }
  .om-view .support-and-request .closed-requests .requests-top-section .search-bar {
    margin-bottom: 16px;
    width: 100%;
    flex-shrink: 0;
  }
  .om-view .search-bar input[type=text].default-input {
    text-align: left;
    color: #000000;
    letter-spacing: 0.2px;
    font-size: 12px;
    line-height: 14.32px;
    color: #707070;
    font-style: normal;
    font-weight: 400;
    padding: 9px 48px 9px 16px;
    border: 1px solid #dedede;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 30px;
  }
  .om-view .search-bar input[type=text] {
    display: block;
    width: 100%;
    background: url(/static/dsm/images/icons/search-small.svg) no-repeat center right 10px #fff;
    box-shadow: 0px 2px 6px 6px rgb(0 0 0 / 2%);
  }
  .om-view.faq-detail .page-content.support-and-request {
    margin-top: 0;
  }
  .om-view.faq-detail .support-and-request .hero-section {
    height: 146px;
  }
  .om-view.faq-detail .support-and-request .hero-section h2 span {
    margin-bottom: 0;
    align-self: flex-end;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: auto;
    max-height: 70px;
  }
  .om-view .support-and-request .clear-position {
    height: 0;
  }
  .om-view.faq-detail .faq-page .hero-section {
    padding: 14px 0 0 0;
  }
  .om-view.faq-detail .faq-page .answer-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 32px;
    padding-bottom: 16px;
    background: #fff;
  }
  .om-view.faq-detail .faq-page .answer-section .content {
    font-size: 16px;
    line-height: 20.8px;
  }
  .om-view.faq-detail .faq-page .similar-faq {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 32px;
    padding-bottom: 16px;
    background: transparent;
  }
  .om-view.faq-detail .faq-page .similar-faq .title {
    font-size: 14px;
    line-height: 17.1px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
  .om-view .support-and-request.get-support .faq-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .om-view .faq-section .subtitle,
  .om-view .faq-section .search-bar {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .om-view .faq-section .widget.accordion {
    margin-top: 32px;
  }
  .om-view .widget.accordion .accordion-item:not(.expanded):not(:last-child) .toggle {
    width: 100%;
  }
  .om-view .faq-section .widget.accordion .accordion-item .toggle {
    font-size: 18px;
    line-height: 21.47px;
    padding: 25px 61px 25px 16px;
    background: url(/static/dsm/images/icons/action/controls/S/chevron/down/Black.svg) no-repeat center right 16px;
  }
  .reqdetail .new-request .hero-section .subtitle,
  .reqdetail .request-detail .hero-section .subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: unset;
    text-overflow: unset;
    overflow: hidden;
    -webkit-line-clamp: 1;
    height: unset;
    min-height: 18px;
    margin-top: 20px;
    margin-bottom: 8px;
  }
  .reqdetail .new-request .hero-section .subtitle {
    margin-bottom: 0;
    max-height: 18px;
  }
  .reqdetail .new-request .hero-section.stepthree .subtitle,
  .reqdetail .request-detail .hero-section.stepthree .subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: unset;
    text-overflow: unset;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 36px;
  }
  .reqdetail .new-request .hero-section .progress-indicator,
  .reqdetail .request-detail .hero-section .progress-indicator {
    margin-top: 12px;
}
  .reqdetail .new-request .app-grid.with-row-gap h3.subtitle,
  .reqdetail .request-detail .app-grid.with-row-gap h3.subtitle {
    padding-top: 8px;
  }
  .reqdetail .support-and-request button.services-widget {
    display: block;
    margin-top: 24px;
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  .reqdetail .new-request .subcategories,
  .reqdetai .request-detail .subcategories {
    margin-top: 32px;
  }
  .reqdetail .new-request .buttons,
  .reqdetail .request-detail .buttons {
    margin-right: 0;
  }
  .reqdetail .new-request .subcategory,
  .reqdetail .request-detail .subcategory,
  .reqdetail .new-request .subcategory:first-child,
  .reqdetail .request-detail .subcategory:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .reqdetail .new-request.page-content,
  .reqdetail .request-detail.page-content {
    padding-bottom: 64px;
  }
  .reqdetail .new-request .highlights,
  .reqdetail .request-detail .highlights {
    margin-top: 32px;
    margin-bottom: 0;
  }
  .reqdetail .support-and-request button.services-widget .add-on-title {
    margin-bottom: 0;
  }
  .reqdetail .support-and-request button.widget.customer-feedback-widget .arrow {
    margin-top: -24px;
  }
  .reqdetail .new-request .subcategories button.widget,
  .reqdetail .request-detail .subcategories button.widget {
    height: auto;
  }
  .reqdetail .new-request .subcategory .subcategory-title,
  .reqdetail .request-detail .subcategory .subcategory-title {
    font-size: 16px;
    line-height: 20.8px;
    font-style: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    height: 62px;
  }
  .reqdetail .new-request .subcategory .subcategory-title,
  .reqdetail .request-detail .subcategory .subcategory-title {
    padding: 0;
  }
  .reqdetail .new-request .form-section,
  .reqdetail .request-detail .form-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 32px;
  }
  .reqdetail .new-request .app-grid-substitute .widget,
  .reqdetail .request-detail .app-grid-substitute .widget {
    padding-left: 16px;
    padding-right: 16px;
  }
  .reqdetail .new-request .new-request-form,
  .reqdetail .request-detail .new-request-form {
    display: block;
    margin-bottom: 16px;
  }
  .reqdetail .new-request .dropdown:not(:first-child),
  .reqdetail .request-detail .dropdown:not(:first-child) {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .reqdetail .new-request-form .default-input {
    width: 100%;
    font-size: 16px;
    line-height: 20.8px;
    color: #000;
    font-weight: 400;
    padding: 7px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
  }
  .reqdetail .new-request-form input[type=text].default-input::placeholder {
    color: #6F7072;
  }
  .reqdetail .new-request-form textarea.default-input {
    height: 160px;
  }
  .reqdetail .new-request-form .dropdown select {
    font-size: 14px;
    line-height: 16.7px;
    height: 48px;
  }
  .reqdetail .new-request .new-request-form .submit-section,
  .reqdetail.request-detail .new-request-form .submit-section {
    display: block;
    margin: 0 0 32px;
  }
  .reqdetail .new-request-form .submit-section input,
  .reqdetail .new-request-form .submit-section label.fattach,
  .reqdetail .new-request-form .submit-section button {
    width: 100%;
    margin: 16px 0 0 0;
    text-align: center;
  }
  .reqdetail .new-request-form .submit-section button {
    margin-top: 48px;
  }
  .reqdetail .new-request-form .submit-section label.fattach {
    font-size: 14px;
    line-height: 16.7px;
    text-decoration: underline;
  }
  .reqdetail .new-request-form .submit-section button.cta-primary-red {
    font-size: 14px;
    line-height: 16.7px;
    padding: 15px 24px;
  }
  #requestDoneBox .onboarding-box.lightbox .left-content button.secondary {
    margin-top: 16px;
  }
  .cta-requestfilter {
    position: relative;
    width: 48px;
    height: 48px;
    margin-left: 12px;
    padding: 15px;
  }
  .cta-requestfilter .no-label {
    display: block;
    text-indent: -9999px;
  }
  .cta-requestfilter .no-label::before {
    content: "";
    position: absolute;
    left: 15px;
    display: block;
    width: 15px;
    height: 17px;
    background: url(/static/dsm/images/icons/action/controls/S/filter/white.svg) no-repeat center;
    color: #fff;
  }
  .reqfilternav,
  .reqcatfilternav,
  .reqstafilternav,
  .reqbuifilternav,
  .reqtenfilternav {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: -100%;
    left: auto;
    background-color: #fff;
    color: #6F7072;
    overflow: auto;
    transition: 0.25s;
  }
  .reqfilternav .reqfilternavwrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .reqfilternav .reqfilternavbtw {
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    padding: 16px;
  }
  .reqfilternav button.apply-filter {
    width: 100%;
    height: 48px;
    padding: 15px 24px;
  }
  .reqfilternav button.apply-filter:hover,
  .reqfilternav button.apply-filter:focus,
  .reqfilternav button.apply-filter:active {
    background: #752126;
  }
  .reqcatfilternav,
  .reqstafilternav,
  .reqbuifilternav,
  .reqtenfilternav {
    transition: none;
  }
  .reqfilternav.open,
  .reqcatfilternav.open,
  .reqstafilternav.open,
  .reqbuifilternav.open,
  .reqtenfilternav.open {
    right: 0;
  }
  .filterHighlight {
    color: #C21817;
  }
  .navbar .reqfilternav li {
    display: block;
    width: 100%;
    padding-right: 48px;
    padding-bottom: 15px;
    background: url(/static/dsm/images/icons/action/controls/S/chevron/right/black.svg) no-repeat right 18px;
    border-bottom: 1px solid #DEDEDE;
  }
  .navbar .nav-links .reqfilternav ul li a {
    line-height: 16.7px;
    padding: 15px 48px 8px 0;
  }
  .navbar .reqfilter-list li {
    cursor: pointer;
  }
  .navbar .reqsubfilter-list li.radiogroup {
    position: relative;
  }
  .navbar .reqsubfilter-list li.radiogroup input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  .navbar .reqsubfilter-list li.radiogroup label {
    padding: 15px 48px 15px 0;
    color: #000;
    border-bottom: 1px solid #DEDEDE;
  }
  .navbar .reqsubfilter-list li.radiogroup input[type="radio"] + label {
    display: inline-block;
    width: 100%;
    cursor: pointer;
  }
  .navbar .reqsubfilter-list li.radiogroup input[type=radio]:checked + label {
    background: url(/static/dsm/images/icons/check-black.svg) no-repeat right center;
  }
}

/* FM related flows */

.fm-view .hero-section .cta-secondary-white,
.pm-view .hero-section .cta-secondary-white {
  font-size: 14px;
  line-height: 16.7px;
}
/* .fm-dash .navbar .logo,
.fm-view .navbar .logo {
  background: url(/static/dsm/images/assets/Logo/logo-greta-2021.svg) no-repeat center/contain;
  width: 72px;
  height: 48px;
} */
.fm-dash .dashboard .highlights .widget .meta,
.fm-dash .dashboard .highlights .widget .meta:last-child {
  margin-bottom: unset;
}
.fm-dash .dashboard .highlights.latest-announcements .widget .category {
  margin-top: 0;
}
.fm-view .search-bar input[type=text],
.pm-view .search-bar input[type=text] {
  font-size: 12px;
  line-height: 14.32px;
  padding-left: 16px;
}
.fm-view .widget.reqestapproved,
.pm-view .widget.reqestopened,
.pm-view .widget.reqestapproved {
  background: #fff;
  padding: 0;
}
.fm-view .widget.reqestapproved .messages,
.pm-view .widget.reqestopened .messages,
.pm-view .widget.reqestapproved .messages {
  padding: 16px 16px 0 16px;
  background: #e5e5e5;
}
.fm-view .request-detail .requests .messaging.reqestapproved .confirmation-section {
  padding: 16px 16px 0 16px;
  border-top: 1px solid #dedede;
  margin-left: 0;
  margin-right: 0;
}
.pm-view .request-detail .requests .messaging.reqestopened .confirmation-section,
.pm-view .request-detail .requests .messaging.reqestapproved .confirmation-section {
  padding: 16px 0 0;
  border-top: 1px solid #dedede;
  margin-left: 0;
  margin-right: 0;
}
.fm-view .request-detail .requests .messaging .confirmation-section .ctas,
.pm-view .request-detail .requests .messaging .confirmation-section .ctas {
  margin-bottom: 24px;
}
.fm-view .request-detail .requests .widget.chat {
  align-self: flex-end;
}
.fm-view .request-detail .requests .request-info .attachments.xtrabtn {
  margin-bottom: 16px;
}
.fm-view .request-detail .requests .request-info .chatwrapper {
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -16px;
  text-align: right;
  background: #f7f7f7;
}
.pm-view .page-content.support-and-request.ask-pm {
  margin-top: 0;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration {
  height: auto;
  display: block;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration.gray,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration.gray {
  background: #DEDEDE;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid {
  grid-template: "content content content content content content content content content img img img"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding: 30px 0;
  height: 177px;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .left-area,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .left-area {
  grid-area: content;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .left-area .back-link,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .left-area .back-link {
  position: static;
  align-self: flex-start;
  margin: 0;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .left-area h2,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .left-area h2 {
  color: #000;
  margin-top: 13px;
}
.fm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .illustration,
.pm-view .request-detail.ask-pm .hero-section.text-and-illustration .app-grid .illustration {
  justify-self: flex-start;
  grid-area: img;
  width: 113px;
  height: 113px;
  margin-top: 0;
}
.fm-view .request-detail.ask-pm .requests .app-grid.main,
.pm-view .request-detail.ask-pm .requests .app-grid.main {
  grid-template:
    "t-1 t-1 t-1 t-1 t-1 t-1 t-1 t-1 t-2 t-2 t-2 t-2"
    "rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-ri rd-wi-ri rd-wi-ri rd-wi-ri"
    "t-3 t-3 t-3 t-3 t-3 t-3 t-3 t-3 rd-wi-ri rd-wi-ri rd-wi-ri rd-wi-ri"
    "rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-ri rd-wi-ri rd-wi-ri rd-wi-ri"
    "rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-cta-ri rd-cta-ri rd-cta-ri rd-cta-ri" min-content
    "rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 . . . ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.fm-view .request-detail.ask-pm .requests .t-2,
.pm-view .request-detail.ask-pm .requests .t-2 {
  grid-area: t-2;
}
.fm-view .request-detail.ask-pm .requests .request-info,
.pm-view .request-detail.ask-pm .requests .request-info {
  grid-area: rd-wi-ri;
  padding: 16px;
}
.fm-view .request-detail.ask-pm .requests .widget,
.pm-view .request-detail.ask-pm .requests .widget {
  align-self: flex-start;
}
.fm-view .request-detail.ask-pm .requests .t-1,
.pm-view .request-detail.ask-pm .requests .t-1 {
  grid-area: t-1;
}
.fm-view .request-detail.ask-pm .requests .widget,
.pm-view .request-detail.ask-pm .requests .widget {
  align-self: flex-start;
}
.fm-view .request-detail.ask-pm .requests .widget-left-1,
.pm-view .request-detail.ask-pm .requests .widget-left-1 {
  grid-area: rd-wi-le-1;
}
.dash-first .tooltip,
.pm-view .tooltip,
.pm-view .tooltip {
  box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 10%);
}
.pm-view .info-tooltip-wrapper.with-arrow .info-tooltip::after {
  height: 0;
  width: 0;
  margin-left: -9px;
  box-sizing: border-box;
  border-width: 0 9px 20px;
  border-color: transparent transparent #ededed transparent;
}
.request-detail.version-2021 .requests .widget.messaging {
  position: relative;
  overflow-x: hidden;
}
.request-detail.version-2021 .requests .widget-left-1.messaging .messages .initials {
  background: #fff;
}
.request-detail.version-2021 .requests .messaging .status-below-message.right {
  color: #f09273;
}
.request-detail.version-2021 .requests .messaging .status-below-message:last-of-type {
  padding-bottom: 16px;
}
.request-detail.version-2021 .requests .messaging .messages .message:last-of-type {
  padding-bottom: 16px;
}
.request-detail.version-2021 .requests .messaging .messages .attachment-link {
  font-size: 12px;
}
.request-detail.version-2021 .requests .messaging .messages .inline-link {
  margin-left: 0;
}
.request-detail.version-2021 .requests .messaging .messages .grey-bg .message.recieved p {
  margin-left: 8px;
}
.request-detail.version-2021 .requests .messaging .messages .grey-bg .message.sent p {
  margin-right: 8px;
}
.request-detail.version-2021 .requests .messaging .scroll-up {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin-top: 8px;
  margin-right: auto;
  margin-left: auto;
}
.request-detail.version-2021 .requests .messaging.has-scroll-up .scroll-up {
  display: none;
}
.request-detail.version-2021 .requests .messaging .scrollbg-top {
  position: absolute;
  top: 0;
  right: 16px;
  width: 100%;
  height: 32px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
}
.request-detail.version-2021 .requests .messaging.has-scroll-up .scrollbg-top {
  display: none;
}
.request-detail.version-2021 .requests .messaging .message-input-wrapper.bg-opened,
.request-detail.version-2021 .requests .messaging .message-input-wrapper.bg-approved {
  background: #e5e5e5 !important;
}
.request-detail.version-2021 .requests .messaging .message-input-wrapper.bg-refused {
  background: #f0f0f0 !important;
}

@media (max-width: 1023px) {
  .navbar .navhead.mark a::before {
    content: "";
    width: 0;
  }
}

@media (max-width: 767px) {
  .navbar .navhead.mark {
    background-color: #DEDEDE;
  }
  .navbar .navhead.mark a {
    padding-left: 17px;
  }
  .sar-top.pm-view .navbar + .clear-position {
    height: 356px;
  }
  .fm-view .widget.reqestapproved,
  .pm-view .widget.reqestopened,
  .pm-view .widget.reqestapproved {
    background: transparent;
  }
  .request-detail.version-2021 .requests .messaging .status-below-message {
    font-size: 16px;
    line-height: 20.8px;
    color: #6F7072;
  }
}

@media (min-width: 768px) {
  .sar-top .hero-section .cta-secondary-white {
    font-size: 12px;
    line-height: normal;
  }
  .fm-view .support-and-request .hero-section.text-and-illustration .app-grid .left-area .back-link,
  .pm-view .support-and-request .hero-section.text-and-illustration .app-grid .left-area .back-link {
    cursor: pointer;
  }
  .pm-view .support-and-request .hero-section.below-nav,
  .om-view .support-and-request .hero-section.below-nav {
    height: calc(72px + 186px);
  }
  .fm-view .requests-updates-slider .dropdown label select {
    margin-left: 0;
  }
  .pm-view .requests-updates-slider .filters {
    margin-bottom: 12px;
  }
  .fm-dash .latest-announcements button.widget.tenant-view,
  .pm-view .highlights button.widget,
  .om-view .highlights button.widget {
    height: 158px;
  }
  .fm-dash .latest-announcements .widgets-wrapper .widget .top-row,
  .pm-view .latest-announcements .widgets-wrapper .widget .head,
  .om-view .latest-announcements .widgets-wrapper .widget .head {
    height: 26px;
  }
  .fm-dash .latest-announcements .widgets-wrapper .widget .widget-title,
  .pm-view .latest-announcements .widgets-wrapper .widget .widget-title,
  .om-view .latest-announcements .widgets-wrapper .widget .widget-title {
    height: 38px;
  }
  .fm-dash .dashboard .highlights .widget .meta {
    margin-top: 4px;
  }
  .pm-view .support-and-request .highlights .widget .tag,
  .om-view .support-and-request .highlights .widget .tag {
    margin-top: -6px;
  }
  .fm-dash .dashboard .highlights .widget .tag.bottom,
  .pm-view .support-and-request .highlights .widget .tag.bottom,
  .om-view .support-and-request .highlights .widget .tag.bottom {
    margin-top: 14px;
  }
  .fm-dash .request-overview {
    margin-top: 36px;
  }
  .fm-dash .widget.monthly {
    height: 350px;
  }
  .fm-dash .widget .widget-title-row {
    height: 24px;
    align-items: unset;
  }
  .fm-dash .widget.your-requests .requests-list a.inline-link {
    font-size: 10px;
    line-height: 11.93px;
  }
  .fm-dash .dashboard .request-overview .widget .widget-title-row .info-tooltip-wrapper {
    width: 23px;
    height: 23px;
    margin-right: 4px;
  }
  .pm-view .info-tooltip-wrapper.just-button {
    width: 23px;
    height: 23px;
  }
  .pm-view .info-tooltip-wrapper.just-button button {
    width: 23px;
    height: 23px;
    background: url(/static/dsm/images/icons/info-2021.svg) no-repeat center/23px;
  }
  .pm-view .info-tooltip-wrapper.just-button button span {
    text-indent: -9999px;
  }
  .pm-view .info-tooltip-wrapper.just-button button:hover {
    background: url(/static/dsm/images/icons/info-black-2021.svg) no-repeat center/23px;
  }
  .pm-view .info-tooltip-wrapper.with-arrow .info-tooltip {
    left: -78px;
    top: 46px;
  }
  .pm-view .info-tooltip-wrapper.with-arrow .info-tooltip::after {
    border-color: transparent transparent #FFF transparent;
  }
  .pm-view .support-and-request .new-requests .subtitle-line .subtitle,
  .pm-view .support-and-request .closed-requests .subtitle-line .subtitle {
    margin-right: 6px;
  }
  .fm-view .request-detail.ask-pm .requests .messaging,
  .pm-view .request-detail.ask-pm .requests .messaging {
    grid-template:
        "rd-me-cp rd-me-cp rd-me-cp rd-me-cp rd-me-cp rd-me-cp rd-me-cp rd-me-cp"
        "rd-me-top rd-me-top rd-me-top rd-me-top rd-me-top rd-me-top rd-me-top rd-me-top"
        "rd-me-inp rd-me-inp rd-me-inp rd-me-inp rd-me-inp rd-me-inp rd-me-inp rd-me-inp"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .fm-view .request-detail.ask-pm .requests .messaging .conversation-partner,
  .pm-view .request-detail.ask-pm .requests .messaging .conversation-partner {
    grid-area: rd-me-cp;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
  }
  .fm-view .request-detail.ask-pm .requests .messaging .conversation-partner .title,
  .pm-view .request-detail.ask-pm .requests .messaging .conversation-partner .title {
    margin-bottom: 8px;
  }
  .fm-view .request-detail.ask-pm .requests .messaging .conversation-partner,
  .pm-view .request-detail.ask-pm .requests .messaging .conversation-partner,
  .fm-view .request-detail.ask-pm .requests .messaging .messages,
  .pm-view .request-detail.ask-pm .requests .messaging .messages,
  .fm-view .request-detail.ask-pm .requests .messaging .message-input,
  .pm-view .request-detail.ask-pm .requests .messaging .message-input {
    margin-left: 16px;
    margin-right: 16px;
  }
  .fm-view .request-detail.ask-pm .requests .request-info .attachments,
  .pm-view .request-detail.ask-pm .requests .request-info .attachments {
    padding-top: 0;
  }
  .fm-view .request-detail.ask-pm .requests .messaging .conversation-partner .title,
  .pm-view .request-detail.ask-pm .requests .messaging .conversation-partner .title {
    font-size: 8px;
    line-height: normal;
    text-align: left;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    color: #707070;
  }
  .navbar .dropdown.notifications-dropdown {
    max-height: 442px;
  }
  .navbar .dropdown .dropdown-title.mark {
    padding: 16px 0 8px 0;
    border-bottom: none;
    height: 42px;
  }
  .navbar .dropdown.notifications-dropdown .notifications-list li:first-child {
    margin-top: 0;
  }
  .request-detail.version-2021 .requests .widget.messaging {
    padding: 0;
  }
  .request-detail.version-2021 .requests .messaging .messages {
    max-height: 526px;
    overflow: auto;
    padding: 16px 16px 0;
  }
  .request-detail.version-2021 .requests .messaging .message-input-wrapper {
    margin-top: -16px;
    padding: 16px;
  }
  .request-detail.version-2021 .requests .messaging .message-input-wrapper.grey-bg {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  .request-detail .requests .messaging .message-input {
    margin-top: 0;
  }
  .pm-view .request-detail.version-2021 .requests .messaging .confirmation-section {
    margin-left: 0;
    margin-right: 0;
    padding: 16px 16px 0;
  }
}

/* FM Flow Modifications */

.request-detail.version-2021 .requests .messaging .messages .message {
  position: unset;
}
.request-detail.version-2021 .requests .messaging .messages .message p,
.request-detail.version-2021 .requests .messaging .messages .message div {
  position: unset;
}
.request-detail.version-2021 .requests .messaging.scrollable .messages .date:first-of-type,
.request-detail.version-2021 .requests .messaging.scrollable .messages .date:nth-child(2) {
  padding-top: 24px;
}
.request-detail.version-2021 .requests .request-info .attachments .attachment-link {
  text-decoration: underline;
}
.request-detail.version-2021 .requests .request-info .attachments .attachment-link:not(:last-of-type) {
  margin-bottom: 8px;
}
.request-detail.version-2021 .requests .request-info .attachments .attachment-link:first-of-type {
  margin-top: 6px;
}
.request-detail.version-2021 .requests .request-info .attachments .attachment-link:last-of-type {
  margin-bottom: 16px;
}
.request-detail.version-2021 .requests .messaging .messages .message.received p.inline-link,
.request-detail.version-2021 .requests .messaging .messages .message.sent p.inline-link,
.request-detail.version-2021 .requests .messaging .messages .message.received div.inline-link,
.request-detail.version-2021 .requests .messaging .messages .message.sent div.inline-link {
  margin-top: 0;
  border-radius: 0;
  background: none;
}
.request-detail.version-2021 .requests .messaging .messages .message.received a.inline-link,
.request-detail.version-2021 .requests .messaging .messages .message.sent a.inline-link {
  margin-top: 0;
}
.request-detail.version-2021 .inline-link a.inline-link {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 220px;
  margin-top: 0;
  text-decoration: underline;
}
.request-detail.version-2021 .widget.request-info a.inline-link {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 220px;
}
.request-detail.version-2021 div.left.inline-link,
.request-detail.version-2021 div.right.inline-link {
  background: none;
}
.request-detail .requests .messaging .messages .grey-bg .message.sent .initials {
  margin-right: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .request-detail.version-2021 .hero-section h2 {
    max-width: 402px;
  }
  .request-detail.version-2021 .widget.request-info a.inline-link {
    max-width: 160px;
  }
}
@media (min-width: 768px) {
  .request-detail.version-2021 .requests .messaging .messages .message.received p.inline-link,
  .request-detail.version-2021 .requests .messaging .messages .message.sent p.inline-link {
    padding: 8px 0;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .left {
    min-width: 440px;
    max-width: 440px;
  }
  .feedback .request-detail.version-2021 .app-grid > h3.subtitle:nth-child(2) {
    justify-content: flex-start;
  }
  .feedback .request-detail.version-2021 .hero-section .arrow-link.white:not(:hover):not(:focus):not(:active)::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/arrow/black.svg);
  }
}

@media (min-width: 1024px) {
  .fm-dash .navbar .nav-links ul,
  .fm-view .navbar .nav-links ul {
    justify-content: center;
  }
  .fm-dash .navbar .nav-links ul li,
  .fm-view .navbar .nav-links ul li {
    margin-right: 8px;
  }
  .fm-dash .navbar .nav-links ul li:first-of-type,
  .fm-view .navbar .nav-links ul li:first-of-type {
    margin-left: 72px;
  }
  .fm-dash .navbar .nav-links ul li:last-of-type,
  .fm-view .navbar .nav-links ul li:last-of-type {
    margin-right: 0;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .left {
    min-width: 524px;
    max-width: unset;
  }

}

@media (max-width: 1023px) {
  .request-detail.version-2021 .requests .messaging .messages {
    max-height: 494px;
    overflow: auto;
  }
}

@media (max-width: 767px) {
  .fm-dash .dashboard .highlights {
    margin-top: 32px;
  }
  .fm-dash .latest-announcements button.widget.tenant-view {
    height: 205px;
  }
  .fm-dash .latest-announcements button.widget.tenant-view:hover,
  .fm-dash .latest-announcements button.widget.tenant-view:focus,
  .fm-dash .latest-announcements button.widget.tenant-view:active {
    background: #fff;
  }
  .fm-dash .latest-announcements .widgets-wrapper .widget {
    margin-right: 0;
    display: inline-block;
  }
  .fm-dash .latest-announcements .widget:first-of-type {
    margin-left: 12px;
  }
  .fm-dash .latest-announcements .widget:last-of-type {
    margin-right: 16px;
  }
  .fm-dash .dashboard .highlights.latest-announcements .widget .meta {
    margin-top: 6px;
    padding: 0;
  }
  .fm-dash .dashboard .highlights.latest-announcements .widget .meta::first-line {
    line-height: 29.46px;
  }
  .fm-dash .dashboard .highlights .widget .tag.bottom {
    margin-top: 25px;
  }
  .fm-dash .dashboard .request-overview {
    margin-top: 16px;
  }
  .fm-dash .dashboard .request-overview .widget .widget-title-row {
    margin-top: 0;
  }
  .dashboard button.dtt {
    margin-top: 40px;
    font-size: 14px;
    line-height: 16.7px;
  }
  .request-overview .widget.monthly .monthly-filter .checkboxes label {
    font-size: 14px;
    line-height: 16.7px;
  }
  .sar-top.pm-view .latest-announcements .widgets-wrapper .widget {
    display: inline-flex;
    margin-right: 0;
    flex: 0 0 284px;
  }
  .sar-top.pm-view .latest-announcements .widgets-wrapper .widget:last-of-type {
    margin-right: 16px;
  }
  .pm-view .support-and-request .new-requests.fullModule .subtitle-line,
  .pm-view .support-and-request .closed-requests.fullModule .subtitle-line {
    justify-content: space-between;
  }
  .request-new .support-and-request .hero-section.text-and-illustration .app-grid,
  .request-closed .support-and-request .hero-section.text-and-illustration .app-grid {
    height: 163px;
    padding: 14px 0;
  }
  .request-new .support-and-request.new-requests-page .section-subtitle-wrapper,
  .request-closed .support-and-request.new-requests-page .section-subtitle-wrapper {
    margin-top: 32px;
  }
  .request-new .support-and-request .hero-section .app-grid .left-area .back-link,
  .request-closed .support-and-request .hero-section .app-grid .left-area .back-link {
    font-size: 18px;
    line-height: 21.47px;
    padding-top: 0;
  }
  .request-new .support-and-request .hero-section .app-grid .arrow-link::before,
  .request-closed .support-and-request .hero-section .app-grid .arrow-link::before {
    top: 3px;
    width: 20px;
    height: 20px;
    margin-left: -8px;
    background-color: transparent !important;
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/right/black.svg) !important;
  }
  .request-new .support-and-request .hero-section.text-and-illustration .app-grid .left-area h2,
  .request-closed .support-and-request .hero-section.text-and-illustration .app-grid .left-area h2 {
    margin-top: 18px;
  }
  .request-new .support-and-request .hero-section.text-and-illustration .app-grid .left-area .subtitle,
  .request-closed .support-and-request .hero-section.text-and-illustration .app-grid .left-area .subtitle {
    margin-top: 12px;
  }
  .request-new h3.subtitle,
  .request-closed h3.subtitle {
    margin-bottom: 22px;
  }
  .fm-view.request-new .search-bar input[type=text],
  .pm-view.request-new .search-bar input[type=text],
  .fm-view.request-closed .search-bar input[type=text],
  .pm-view.request-closed .search-bar input[type=text] {
    font-size: 16px;
    line-height: 20.8px;
    padding: 13px 64px 14px 24px;
    background: url(/static/dsm/images/icons/search-big.svg) no-repeat center right 12px #fff;
    border: 1px solid #F0F0F0;
    box-shadow: none;
  }
  .request-new .support-and-request .new-requests.hasSearchAndFilters .requests-top-section .filters,
  .request-closed .support-and-request .closed-requests.hasSearchAndFilters .requests-top-section .filters {
    display: block;
    padding-top: 22px;
    padding-bottom: 8px;
  }
  .request-new .support-and-request .new-requests .requests-top-section .dropdown:not(:first-child) label,
  .request-closed .support-and-request .closed-requests .requests-top-section .dropdown:not(:first-child) label {
    margin-left: 0;
  }
  .request-new .support-and-request .new-requests .requests-top-section .filters .right,
  .request-closed .support-and-request .closed-requests .requests-top-section .filters .right {
    display: flex;
    flex-direction: row;
    margin-left: 0;
  }
  .request-new .support-and-request .new-requests .requests-top-section .filters .right label,
  .request-closed .support-and-request .closed-requests .requests-top-section .filters .right label {
    flex-grow: 1;
  }
  .request-new .dropdown select,
  .request-closed .dropdown select {
    font-size: 12px;
    line-height: 14.32px;
  }
  .request-new .support-and-request .new-requests .requests-top-section .filters .right select,
  .request-closed .support-and-request .closed-requests .requests-top-section .filters .right select {
    width: 100%;
  }
  .request-new .support-and-request .requests-top-section .dropdown-group .dropdown select,
  .request-new .support-and-request .requests-top-section .dropdown-group .dropdown select option,
  .request-closed .support-and-request .requests-top-section .dropdown-group .dropdown select,
  .request-closed .support-and-request .requests-top-section .dropdown-group .dropdown select option {
    max-width: unset;
  }
  .request-closed .support-and-request .closed-requests .requests-list li {
    display: grid;
    grid-template: "title title title title title tag tag tag tag tag tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: 12px;
    height: 70px;
    border: none;
    margin: 8px 0;
    border-radius: 4px;
    padding: 19px 14px;
    box-shadow: 1px 1px 8px 1px rgb(0 0 0 / 3%);
  }
  .request-closed .support-and-request .closed-requests .requests-list li .title {
    grid-area: title;
    width: auto;
    white-space: normal;
    text-overflow: none;
    margin-right: 48px;
  }
  .request-closed .support-and-request .closed-requests .requests-list li .title .closed-inline {
    color: #000;
    text-align: left;
    font-size: 14px;
    line-height: 16.7px;
    height: unset;
    min-height: 17px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .support-and-request .closed-requests .requests-list li .tag {
    grid-area: tag;
    justify-self: flex-end;
    margin-right: -8px;
  }
	.request-detail.version-2021 .hero-section {
    height: 382px;
    background: #000 url(/static/dsm/images/electricity-malfunction-mobile@2x.jpg) no-repeat bottom/cover;
    background-size: 105% auto;
  }
	.request-detail.version-2021 .hero-section .app-grid {
		height: 100%;
	}
	.request-detail.version-2021 .hero-section .app-grid {
    margin-top: auto;
    margin-bottom: 0;
  }
  .request-detail.version-2021 .hero-section .app-grid {
    padding: 16px 0;
  }
  .request-detail.version-2021 .hero-section .app-grid .arrow-link::before {
    top: 3px;
    width: 20px;
    height: 20px;
    margin-left: -8px;
    background-color: transparent !important;
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/right/white.svg);
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .back-link {
    font-size: 18px;
    line-height: 21.47px;
    padding-top: 0;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area h2,
  .pm-view .request-detail.version-2021 .hero-section .app-grid .main-area h2 {
    margin-top: 26px;
  }
  .pm-view .request-detail.version-2021 .hero-section .app-grid .main-area h2 {
    display: block;
    height: auto;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .meta > div {
    display: block;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .meta > div:not(:last-child) {
    margin-bottom: 17px;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .meta .title {
    font-size: 12px;
    line-height: 14.65px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .meta a.value {
    display: block;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .meta .value {
    font-size: 16px;
    line-height: 20.8px;
    text-align: left;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .ctas {
    display: block;
    width: 100%;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .ctas button {
    display: block;
    width: 100%;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .ctas button:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .ctas button.cta-primary-black {
    background: transparent !important;
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .ctas button.cta-primary-black:disabled {
    background: #f0f0f0 !important;
    color: #000 !important;
  }
  .request-detail.version-2021 .requests .request-info .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 60px;
  }
  .request-detail.version-2021 .requests .t-1 {
    padding-top: 32px;
  }
  .request-detail.version-2021 .requests .messaging.reqestopened .confirmation-section,
  .request-detail.version-2021 .requests .messaging.reqestapproved .confirmation-section {
    padding: 16 16px 0;
    border-top: 0;
    margin: -8px 16px 16px;
    background: #fff;
    box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 10%);
  }
  .request-detail.version-2021 .requests .messaging .confirmation-section .confirmation-text {
    font-size: 20px;
    line-height: 23.86px;
    text-align: center;
    padding: 0 20px;
  }
  .request-detail .requests .messaging .confirmation-section .custom-checkbox-label {
    position: relative;
    font-size: 14px;
    line-height: 16.7px;
    margin-top: 8px;
    margin-left: 28px;
    padding: 0 16px 16px;
  }
  .request-detail .requests .messaging .confirmation-section .custom-checkbox-label.checked {
    margin-top: 24px;
  }
  .request-detail .requests .messaging .confirmation-section .custom-checkbox-label::before {
    position: absolute;
    top: 3px;
    left: -12px;
  }
  .request-detail.version-2021 .requests .messaging .confirmation-section .ctas {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    margin-bottom: 0;
    padding: 0;
  }
  .pm-view .request-detail.version-2021 .requests .messaging.reqestopened .confirmation-section .ctas,
  .pm-view .request-detail.version-2021 .requests .messaging.reqestapproved .confirmation-section .ctas {
    margin-top: 24px;
  }
  .pm-view .request-detail.version-2021 .requests .messaging .confirmation-section .ctas {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 8px;
  }
  .request-detail.version-2021 .requests .messaging .confirmation-section .ctas button {
    width: 100%;
    font-size: 14px;
    line-height: 16.7px;
    padding: 15px 24px;
  }
  .request-detail.version-2021 .requests .messaging .confirmation-section .ctas button:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .request-detail.version-2021 .requests .messaging .confirmation-section .ctas button.cta-primary-red {
    padding: 15px 24px;
    line-height: 17px;
  }
  .request-detail.support-and-request.version-2021 .progress-bar .subtitle {
    font-size: 14px;
    padding-top: 20px;
  }
  .request-detail.version-2021 .progress-bar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 10px;
    margin-bottom: 18px;
    overflow: hidden;
  }
  .request-detail.version-2021 .progress-bar .app-grid-substitute {
    overflow: auto;
  }
  .request-detail.version-2021 .progress-bar-request-detail {
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    height: 40px;
  }
  .request-detail.version-2021 .progress-bar .tag {
    display: inline-block;
    color: #b0b2b3;
    margin-right: 6px;
    background: #fff;
    border: 1px solid #b0b2b3;
  }
  .request-detail.version-2021 .progress-bar .tag:last-of-type {
    margin-right: 14px;
  }
  .request-detail.version-2021 .progress-bar .tag.past {
    color: #fff;
    background: #404040;
    border-color: #404040;
  }
  .request-detail.version-2021 .progress-bar .tag.active {
    color: #fff;
    background: #C21817;
    border-color: #C21817;
  }
  .request-detail.version-2021 .requests .request-info {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 4px;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.05);
  }
  .request-detail.version-2021 .requests .request-info .request-opener {
    position: relative;
  }
  .request-detail.version-2021 .requests .request-info .request-opener::after {
    content: "";
    background: url(/static/dsm/images/icons/action/controls/S/chevron/down/Black-mobile-2021.svg) no-repeat center right;
    display: block;
    position: absolute;
    width: 32px;
    top: -16px;
    right: 0;
    height: 74px;
  }
  .request-detail.version-2021 .requests .request-info .request-opener.active::after {
    content: "";
    background: url(/static/dsm/images/icons/action/controls/S/chevron/down/Black-mobile-2021.svg) no-repeat center right;
    transform: rotate(180deg);
  }
  .request-detail.version-2021 .requests .request-info .request-opener .type {
    font-size: 12px;
    line-height: 14.65px;
    color: #C21817;
  }
  .request-detail.version-2021 .requests .request-info .request-opener .title {
    padding-bottom: 0;
  }
  .request-detail.version-2021 .requests .request-info .request-opener.active .has-divider:last-child {
    padding-bottom: 16px;
    border-bottom: 1px solid #dedede;
  }
  .request-detail.version-2021 .requests .request-info .request-content .notes:not(.label),
  .request-detail.version-2021 .requests .request-info .request-content .attachments:not(.label) {
    font-size: 16px;
    line-height: 20.8px;
  }
  .request-detail.version-2021 .widget.request-info a.inline-link {
    max-width: 260px;
  }
  .request-detail.version-2021 .requests .request-info .attachments .attachment-link {
    margin-top: 4px;
    text-decoration: underline;
  }
  .request-detail.version-2021 .requests .request-info .attachments .attachment-link {
    margin-bottom: 8px;
  }
  .request-detail.version-2021 .requests .request-info .attachments .attachment-link:last-of-type {
    margin-bottom: 4px;
  }
  .request-detail.version-2021 .requests .messaging {
    padding-bottom: 0 !important;
  }
  .request-detail.version-2021 .requests .messaging .messages {
    padding: 16px 16px 0;
  }
  .request-detail.version-2021 .requests .messaging .message-input-wrapper  {
    margin-left: 0;
    margin-right: 0;
    padding: 0 16px 24px;
  }
  .request-detail.version-2021 .requests .messaging .message-input-wrapper.grey-bg  {
    margin-bottom: 0;
    padding: 16px 24px;
  }
  .request-detail.version-2021 .requests .messaging .message-input-wrapper.bg-opened,
  .request-detail.version-2021 .requests .messaging .message-input-wrapper.bg-approved,
  .request-detail.version-2021 .requests .messaging .message-input-wrapper.bg-refused {
    margin: -16px 0 0 0;
    padding-top: 16px;
  }
  .request-detail.version-2021 .requests .messaging .messages .date {
    font-size: 12px;
    line-height: 14.32px;
    color: #B0B2B3;
  }
  .request-detail.version-2021 .requests .messaging .messages .status .author {
    font-size: 12px;
    line-height: 14.32px;
    margin-bottom: 4px;
  }
  .request-detail.version-2021 .requests .messaging .messages .status {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 0;
  }
  .request-detail.version-2021 .requests .messaging .messages .status .text {
    color: #6F7072;
    font-size: 16px;
    line-height: 20.8px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    max-width: 280px;
  }
  .request-detail.version-2021 .requests .messaging .messages .status.right .text {
    color: #F09273;
  }
  .request-detail.version-2021 .requests .messaging .messages .message.received p,
  .request-detail.version-2021 .requests .messaging .messages .message.sent p {
    font-size: 16px;
    line-height: 20.8px;
    padding: 10px 16px;
  }
  .request-detail.version-2021 .requests .messaging .messages .message.received p.inline-link{
    padding: 8px 8px 8px 0;
  }
  .request-detail.version-2021 .requests .messaging .messages .message.sent p.inline-link {
    padding: 8px 0 8px 8px;
  }
  .request-detail.version-2021 .requests .messaging .messages .message.received .initials,
  .request-detail.version-2021 .requests .messaging .messages .message.sent .initials {
    font-size: 12px;
    line-height: 16px;
  }
  .request-detail.version-2021 .requests .messaging .messages p.inline-link a.inline-link,
  .request-detail.version-2021 .requests .messaging .messages div.inline-link a.inline-link {
    font-size: 14px;
    line-height: 16.7px;
  }
  .request-detail.version-2021 .inline-link a.attachment-link.inline-link:hover,
  .request-detail.version-2021 .inline-link a.attachment-link.inline-link:focus,
  .request-detail.version-2021 .inline-link a.attachment-link.inline-link:active {
    background: #346eff !important;
    color: #fff;
  }
  .request-detail.version-2021 .requests .messaging .message-input {
    box-shadow: 0px 2px 10px 6px rgba(0, 0, 0, 0.1);
  }
  .chatbtn.hidedt {
    padding: 0 16px 24px 16px;
  }
  .chatbtn.hidedt .cta {
    width: 100%;
    font-size: 14px;
    line-height: 16.7px;
    padding: 15px 24px;
  }
  .fm-view .request-detail.ask-pm .requests .messaging .conversation-partner,
  .pm-view .request-detail.ask-pm .requests .messaging .conversation-partner  {
    padding-top: 16px;
  }
  .fm-view .request-detail.ask-pm .requests .messaging .conversation-partner .title,
  .pm-view .request-detail.ask-pm .requests .messaging .conversation-partner .title {
    font-size: 12px;
    line-height: 14.65px;
    text-align: left;
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .pm-view .support-and-request .new-requests,
  .pm-view .support-and-request .closed-requests {
    margin-top: 20px;
  }
  .fm-dash .dashboard .request-overview .widget .widget-title-row .info-tooltip-wrapper,
  .pm-dash .dashboard .request-overview .widget .widget-title-row .info-tooltip-wrapper {
    width: 32px;
    height: 32px;
    margin-right: 4px;
  }
  .pm-view .info-tooltip-wrapper.just-button {
    width: 32px;
    height: 32px;
  }
  .pm-view .info-tooltip-wrapper.just-button button {
    width: 32px;
    height: 32px;
    background: url(/static/dsm/images/icons/info-2021-mobile.svg) no-repeat center/32px;
  }
  .pm-view .info-tooltip-wrapper.just-button button span {
    text-indent: -9999px;
  }
  .pm-view .info-tooltip-wrapper.just-button button:hover {
    background: url(/static/dsm/images/icons/info-black-2021-mobile.svg) no-repeat center/32px;
  }
  .pm-view .info-tooltip-wrapper.with-arrow .info-tooltip {
    width: 328px;
    left: -296px;
    right: auto;
    top: 54px;
    z-index: 1;
    background:rgba(237, 237, 237, 1);
  }
  .pm-view .info-tooltip-wrapper.with-arrow .info-tooltip::after {
    height: 0;
    width: 0;
    margin-left: -10px;
    left: auto;
    right: 7px;
    border-width: 0 9px 20px;
    border-color: transparent transparent #ededed transparent;
  }
  .pm-view button.inline-link.hidedt {
    font-size: 14px;
    line-height: 16.7px;
    margin-bottom: 24px;
  }
  .fm-view .requests-list li,
  .pm-view .requests-list li {
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border-radius: 4px;
  }
  .fm-view .support-and-request .new-requests .requests-list li .title-section .title,
  .fm-view .support-and-request .closed-requests .requests-list li .title-section .title,
  .pm-view .support-and-request .new-requests .requests-list li .title-section .title,
  .pm-view .support-and-request .closed-requests .requests-list li .title-section .title {
    font-size: 14px;
    line-height: 16.7px;
  }
  .fm-view .support-and-request .new-requests .requests-list li .title-section .type,
  .fm-view .support-and-request .closed-requests .requests-list li .title-section .type,
  .pm-view .support-and-request .new-requests .requests-list li .title-section .type,
  .pm-view .support-and-request .closed-requests .requests-list li .title-section .type {
    font-size: 12px;
    line-height: 14.32px;
  }
}

/* FM Flows Update */

.support-and-request .hero-section.text-and-illustration .app-grid .left-area .extratitle {
  margin-top: 8px;
}
.feedback.tenant-view:not(.fm-view) .request-detail.version-2021 .hero-section .markpm {
  color:#E9573D;
}

@media (min-width: 768px) {
  .request-detail.version-2021 .hero-section h2 {
    white-space: normal;
    text-overflow: unset;
    max-width: unset;
    padding-right: 25%;
  }
  .support-and-request .latest-announcements.highlights .dropdown label select {
    margin-left: 0;
  }
  .feedback.tenant-view:not(.fm-view) .request-detail .requests .subtitle.t-3 {
    grid-area: t-1;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .feedback.tenant-view:not(.fm-view) .request-detail .requests .widget-left-2 {
    grid-area: rd-wi-le-1;
  }
  .feedback.tenant-view:not(.fm-view) .request-detail .empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .feedback .request-detail.version-2021 .hero-section {
    height: auto;
  }
  .feedback .request-detail.version-2021 .hero-section .left-area {
    height: auto;
    padding-bottom: 0;
  }
  .feedback .support-and-request .hero-section .app-grid .left-area .back-link {
    font-size: 18px;
    line-height: 21.47px;
    padding-top: 0;
    color: #404040;
  }
  .feedback .support-and-request .hero-section .app-grid .arrow-link::before {
    top: 3px;
    width: 20px;
    height: 20px;
    margin-left: -8px;
    background-color: transparent !important;
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/right/gray.svg) !important;
  }
  .feedback .support-and-request .hero-section.text-and-illustration .app-grid .left-area h2 {
    margin-top: 18px;
    color: #404040;
    max-width: unset;
  }
  .feedback .support-and-request .hero-section.text-and-illustration .app-grid .left-area .subtitle {
    font-size: 14px;
    line-height: 16.7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 18px;
    max-height: 36px;
  }
  .feedback .support-and-request .dropdown-group .dropdown label select {
    width: 100%;
    min-width: unset;
    max-width: unset;
    font-size: 12px;
    line-height: 14.32px;
  }
  .feedback .request-detail.version-2021 .requests .request-info {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .request-detail .requests .messaging .scroll-up {
    top: 0;
    font-size: 14px;
    line-height: 16.7px;
    padding: 7px 26px;
    border-radius: 22px;
  }
  .request-detail.version-2021 .hero-section h2 {
    max-width: unset;
  }
  .request-detail.version-2021 .requests .messaging .before-divider-title {
    display: block;
    height: 48px;
    min-height: 48px;
    margin-bottom: 5px;
  }
  .request-detail .requests .messaging .messages .grey-bg .grey-bg-divider-title {
    font-size: 12px;
    line-height: 14.32px;
    text-align: left;
    position: absolute;
    top: -58px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    padding: 8px 12px 8px 36px;
    background: #F0F0F0;
    border-radius: 24px;
  }
  .request-detail .requests .messaging .messages .grey-bg .grey-bg-divider-title:before {
    content: url(/static/dsm/images/icons/lock-black.svg);
    position: absolute;
    left: 0;
    width: 28px;
    height: 32px;
    padding: 7px 1px 9px 14px;
  }
  .request-detail .requests .messaging .messages .grey-bg .inner-divider-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 32px;
  }
}

/* Special Cases */

/* Logo */

@media (min-width: 768px) {
  .navbar .logo {
    background: url(/static/dsm/images/assets/Logo/logo_greta_black.svg) no-repeat center/contain;
  }
}

/* Chat with property manager */

.community .dashboard.first-time-access .welcome-teaser .button-wrapper button:last-of-type {
  margin-left: 10px;
}
.community .dashboard.first-time-access .welcome-teaser .button-wrapper .cta-primary-black {
  border-color: #000;
}
.community .dashboard.first-time-access .welcome-teaser .button-wrapper .cta-primary-black:hover,
.community .dashboard.first-time-access .welcome-teaser .button-wrapper .cta-primary-black:focus,
.community .dashboard.first-time-access .welcome-teaser .button-wrapper .cta-primary-black:active {
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  border-color: #000;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .community .announcements-dashboard.dashboard.first-time-access .left-content {
    flex-basis: 468px;
  }
  .community .dashboard.first-time-access .welcome-teaser .left-content {
    margin-right: 0;
  }
  .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    width: 220px;
    height: 107px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1024px) {
  .community .announcements-dashboard.dashboard.first-time-access .left-content {
    flex-basis: 512px;
  }
}

/* S+R Lightboxes */

@media (max-width: 767px) {
  .default-lightbox .lightbox {
    min-width: 100%;
    max-width: 100%;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) form {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .close img {
    background: transparent;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) button.close {
    width: 40px;
    height: 40px;
    right: 24px;
    background-color: #404040;
    border-radius: 50%;
    padding: 8px;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .close {
    position: absolute;
    top: 24px;
    right: 12px;
    z-index: 20;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox {
    overflow: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    background: #f7f7f7;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .header-section {
    width: 100%;
    height: 272px;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    padding: 40px 16px;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .header-section .title {
    margin-top: auto;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .main-section {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    padding: 40px 16px 24px;
    background: #fff;
  }
  .default-lightbox .lightbox .main-section .attachments {
    margin-top: 0;
  }
  .default-lightbox .lightbox .main-section .attachments .single-attachment {
    margin-top: 24px;
    margin-bottom: 4px;
  }
  .default-lightbox .lightbox .main-section .attachments .single-attachment button {
    width: 16px;
  }
  .default-lightbox .lightbox .main-section .attachments .single-attachment .inline-link {
    font-size: 14px;
    line-height: 16.7px;
    text-decoration: underline;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .main-section input[type="file"] {
    display: none;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .main-section .fattach {
    cursor: pointer;
    font-size: 14px;
    line-height: 16.7px;
    letter-spacing: 0.5px;
    text-decoration: underline;
    color: #346EFF;
    margin-right: 16px;
    margin-top: 24px;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .main-section .sub-label {
    font-size: 12px;
    line-height: 14.32px;
    letter-spacing: 0.2px;
    color: #707070;
    margin-top: 12px;
    margin-bottom: 24px;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .footer {
    flex-direction: column;
    margin-top: auto;
    width: 100%;
  }
  .req-detail .lightbox-overlay:not(.lightbox-content) .onboarding-box.lightbox .footer button:first-child {
    margin-top: 16px;
  }
}

/* Hide S+R mobile PM */

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar .nav-links ul li.nav-last {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .navbar .nav-links ul li.nav-last {
    margin-bottom: 16px;
  }
  .dashboard .highlights > .app-grid > h3.subtitle.get-email-notification,
  .support-and-request .highlights > .app-grid > h3.subtitle.get-email-notification,
  .new-request .highlights > .app-grid > h3.subtitle.get-email-notification,
  .request-detail .highlights > .app-grid > h3.subtitle.get-email-notification {
    display: none;
  }
}

/* Document Sharing Module */

.document-sharing .table .nav-header button.category,
.document-sharing .table .nav-header button.category:hover,
.document-sharing .table .nav-header button.category:focus,
.document-sharing .table .nav-header button.category:active {
  box-shadow: none;
}
.document-sharing .table .documents .document.new,
.document-sharing .table .documents .document.justedit {
  background: #F9FAFB;
}
.document-sharing-flow .underline-link.red {
  color: #C21817;
  text-decoration: underline;
}
.document-sharing-flow .document-section-wrapper .document-section {
  margin-right: 0;
}
.document-sharing-flow .document-section-wrapper .document-section .bottom-row .checkbox label.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black.svg) no-repeat center/contain;
}
.document-sharing-flow input[type=date].default-input {
  padding: 8px;
  border: 1px solid #DEDEDE;
  text-align: center;
  font-size: 9px;
  line-height: 10.74px;
  color: #6F7072;

}

@media (min-width: 768px) {
  .document-sharing .add-document-button {
    width: 210px;
    padding: 16px 20px 16px 16px;
  }
  .document-sharing .add-document-button span {
    text-align: left;
    height: 42px;
    min-height: 15px;
    max-height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button {
    width: 23px;
    height: 23px;
    background: url(/static/dsm/images/icons/info-2021.svg) no-repeat center/23px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button span {
    text-indent: -9999px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button:hover {
    background: url(/static/dsm/images/icons/info-black-2021.svg) no-repeat center/23px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip {
    top: 25%;
    transform: translate(0,-50%);
    min-height: 42px;
    max-height: 92px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: calc(100% - 20px);
    margin-top: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -3px 3px 5px 0 rgb(0 0 0 / 10%);
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip span {
    height: unset;
    min-height: 15px;
    max-height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
  .document-sharing .table .documents .document .title span {
    height: unset;
    min-height: 17px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .document-sharing-flow .document-section-wrapper .document-section .top-content .title-row h3 {
    padding-right: 16px;
  }
  .document-sharing-flow button.upload-button {
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .document-sharing .add-document-button {
    height: 70px;
  }
  .document-sharing .add-document-button::before {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    margin-right: 8px;
  }
}

@media (min-width: 1024px) {
  .document-sharing .add-document-button {
    width: 290px;
    height: 80px;
  }
  .document-sharing .add-document-button span {
    height: unset;
    min-height: 20px;
    max-height: 60px;
  }
}
@media (max-width: 767px) {
  .building-and-data .clear-position {
    height: 336px;
  }
  .building-and-data .hero-section {
    height: calc(58px + 336px);
    padding-top: calc(118px + 32px);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  .property-manager.building-and-data.pm-building-info h3.subtitle:first-of-type,
  .tenantbuild .building-and-data .document-sharing h3.subtitle:first-of-type {
    margin-top: 24px;
    padding: 0 16px;
  }
  .tendet .pm-tenant-detail .document-sharing h3.subtitle:first-of-type {
    padding: 0 16px;
  }
  .tendet .document-sharing .table .nav-header,
  .builddet .document-sharing .table .nav-header,
  .tenantbuild .document-sharing .table .nav-header {
    overflow: hidden;
  }
  .property-manager.building-and-data.pm-building-info .tenants-title h3.subtitle:first-of-type,
  .property-manager.building-and-data.pm-building-info .location-surroundings h3.subtitle:first-of-type,
  .property-manager.building-and-data.pm-building-info .favorite-locations h3.subtitle:first-of-type {
    padding: 0;
  }
  .tendet .document-sharing {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  .tendet .toast-message,
  .builddet .toast-message {
    position: fixed;
    top: 0;
  }
  .document-sharing .table .documents {
    margin-top: 8px;
  }
  .document-sharing.latest-announcements a.add-document-button {
    margin-left: 16px;
    margin-right: 16px;
    padding: 17px 16px;
    font-size: 14px;
    line-height: 16.7px;
    background: #ffffff !important;
  }
  .document-sharing.latest-announcements a.add-document-button span {
    text-align: left;
    height: unset;
    min-height: 17px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .document-sharing.latest-announcements .table .nav-header {
    border-bottom: 16px solid transparent;
  }
  .document-sharing.latest-announcements .table .nav-header .hidden-overflow {
    min-width: 100%;
    height: 88px;
    margin: 0;
    padding: 0;
    background: url(/static/dsm/images/widgets/documents-cat-bg.svg) top left repeat-x;
  }
  .document-sharing.latest-announcements .table .nav-header .widgets-wrapper {
    height: 72px;
    margin: 0 4px;
    padding: 0;
  }
  .document-sharing.latest-announcements .table .nav-header .widget:first-of-type {
    margin-left: 0;
  }
  .document-sharing.latest-announcements .table .nav-header .widget:last-of-type {
    margin-right: 0;
  }
  .document-sharing .table .nav-header button.category {
    display: inline-flex;
    flex: unset;
    width: auto;
    height: 72px;
    padding: auto 0;
    background: transparent;
    border-bottom: 2px solid transparent;
    margin: 0 12px;
    color: #404040;
    font-size: 18px;
    line-height: 21.47px;
  }
  .document-sharing .table .nav-header button.category span {
    vertical-align: text-top;
    margin-left: 4px;
  }
  .document-sharing.latest-announcements .table .filter-section {
    margin-top: -16px;
    height: 72px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: unset;
  }
  .document-sharing.latest-announcements .table .filter-section .filters-label {
    margin-right: 8px;
  }
  .document-sharing.latest-announcements .table .filter-section .filters-label .label {
    color: #6F7072;

  }
  .document-sharing.latest-announcements .table .filter-section .filters a  {
    margin-right: 8px;
  }
  .document-sharing.latest-announcements .table .filter-section .filters a:last-of-type {
    margin-right: 0;
  }
  .document-sharing.latest-announcements .table .filter-section .filters button {
    font-size: 12px;
    line-height: 14.32px;
    border-radius: 36px;
    padding: 12px 16px;
    margin-right: 0;
    height: unset;
  }
  .document-sharing.latest-announcements .table .app-grid-substitute {
    display: flex !important;
  }
  .document-sharing.latest-announcements .table .dropdown.sort {
    width: 100%;
    margin-top: 0;
    margin-left: 8px;
    margin-right: 24px;
  }
  .document-sharing.latest-announcements .table .dropdown.sort select {
    width: 100%;
    height: 48px;
    font-size: 12px;
    line-height: 14.32px;
  }
  .document-sharing .table .documents .documents-wrapper {
    overflow: hidden;
    width: 100%;
    max-width: calc(100% + 240px);
  }
  .document-sharing .table .document-single-content,
  .document-sharing .table .document-single-contenteditenbop {
    position: relative;
    display: flex;
    flex-direction: row;
    right: 0;
    transition: 0.25s;
  }
  .document-sharing .table .documents-wrapper .document-single-content.open {
    right: 160px;
  }
  .document-sharing .table .documents-wrapper .document-single-contenteditenbop.open {
    right: 240px;
  }
  .document-sharing .table .documents .document {
    display: grid;
    min-width: 100%;
    align-items: center;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #dedede;
    grid-template:
      "bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title bd-mc-title info"
      "bd-mc-start bd-mc-start bd-mc-start bd-mc-start bd-mc-start bd-mc-start . . . . . ."
      "bd-mc-end bd-mc-end bd-mc-end bd-mc-end bd-mc-end bd-mc-end bd-mc-end bd-mc-end bd-mc-end . bd-mc-cta bd-mc-cta"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper {
    height: 48px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button {
    margin: -4px 0 0 0;
    padding: 0;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button span {
    vertical-align: text-top;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button {
    width: 32px;
    height: 32px;
    background: url(/static/dsm/images/icons/info-2021-mobile.svg) no-repeat center/32px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button span {
    text-indent: -9999px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper button:hover {
    background: url(/static/dsm/images/icons/info-black-2021-mobile.svg) no-repeat center/32px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip {
    width: 328px;
    left: -296px;
    min-width: unset;
    max-width: unset;
    right: auto;
    top: 50px;
    z-index: 1;
    text-align: left;
    background:rgba(237, 237, 237, 1);
  }
  /* in case desc is longer
  .document-sharing .table .documents .document-single-content:last-of-type .document .info-tooltip-wrapper .tooltip {
    top: auto;
    bottom: calc(-100% + 120px);
  }
  */
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip .title {
    margin-top: -4px;
    margin-bottom: 4px;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip span {
    height: 42px;
    text-align: left;
    vertical-align: top;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .document-sharing .table .documents .document .info-tooltip-wrapper .tooltip::after {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -20px;
    margin-left: 0;
    top: 0;
    left: auto;
    right: 7px;
    border-width: 0 9px 20px;
    z-index: 2;
    border-color: transparent transparent #ededed transparent;
    transform-origin: unset;
    transform: rotate(0deg);
    box-shadow: none;
  }
  /* in case desc is longer
  .document-sharing .table .documents .document-single-content:last-of-type .document .info-tooltip-wrapper .tooltip::after {
    margin-top: 0;
    margin-bottom: -20px;
    top: 100%;
    transform: rotate(180deg);
  }
  */
  .document-sharing .table .documents .document.widget div > span {
    min-width: unset !important;
    display: inline-block;
    white-space: inherit;
    padding-right: 8px;
    max-height: unset;
    word-break: break-word;
  }
  .document-sharing .table .documents .document .title,
  .building .document-sharing .table .documents .document .title {
    margin-right: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 21.47px;
  }
  .document-sharing .table .documents .document .title span {
    height: 46px;
    text-align: left;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    padding-right: 16px !important;
  }
  .document-sharing .table .documents .document .start-date {
    justify-self: left;
    white-space: nowrap;
    margin-top: 28px;
  }
  .document-sharing .table .documents .document .start-date .value {
    font-size: 14px;
    line-height: 16.7px;
    vertical-align: middle;
  }
  .document-sharing .table .documents .document .end-date {
    margin-top: 20px;
  }
  .document-sharing .table .documents .document .end-date .value {
    font-size: 14px;
    line-height: 16.7px;
    vertical-align: middle;
  }
  .document-sharing .table .documents .dlcta {
    margin-top: 20px;
    grid-area: bd-mc-cta;
    text-align: right;
  }
  .document-sharing .table .documents .dlcta button {
    width: 30px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
  }
  .document-sharing .table .document-single-cta {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 160px;
  }
  .document-sharing .table .document-single-cta.editenbbt {
    width: 240px;
  }
  .document-sharing .table .document-single-cta button {
    width: 80px;
    text-align: center;
    flex: 1;
  }
  .document-sharing .table .document-single-cta button.edit {
    background: #E9573D;
  }
  .document-sharing .table .document-single-cta button.view {
    background: #404040;
  }
  .document-sharing .table .document-single-cta button.download {
    background: #C21817;
  }
  .document-sharing .table .document-single-cta button img {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }
  .document-sharing .table .pagination {
    height: unset;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .document-sharing .table .pagination button.page-number,
  .document-sharing .table .pagination button.page-number.current {
    font-size: 18px;
    line-height: 28px;
    color: #000;
  }
  .document-sharing .table .pagination button.arrow {
    width: 24px;
    height: 28px;
    display: block;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/left/light-gray-mobile.svg) no-repeat center;
  }
  .document-sharing .table .pagination button.previous {
    margin-right: 6px;
  }
  /* Start Temporary
  .document-sharing .table .pagination a:not(.current) {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .document-sharing .table .pagination a:first-of-type,
  .document-sharing .table .pagination a:last-of-type,
  .document-sharing .table .pagination a:nth-of-type(2),
  .document-sharing .table .pagination a:nth-last-of-type(2) {
    position: initial;
    top: initial;
    left: initial;
  }
  .document-sharing .table .pagination a:not(:last-of-type):not(:nth-last-of-type(2)):not(:nth-last-of-type(3)).current::after {
    content:"...";
    position: relative;
    display: inline-block;
    width: 30px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .document-sharing .table .pagination a:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)).current::before {
    content:"...";
    position: relative;
    display: inline-block;
    width: 30px;
    left: 0;
    right: 0;
    text-align: center;
  }
  End Temporary */
  .document-sharing-flow.select.page-content {
    min-height: unset;
  }
  .document-sharing-flow .document-section-slider {
    transition: .25s linear;
  }
  .document-sharing-flow .hero-section .app-grid {
    padding: 14px 0 16px 0;
    height: unset;
  }
  .document-sharing-flow .hero-section .app-grid .left-area .back-link {
    font-size: 18px;
    line-height: 21.7px;
  }
  .document-sharing-flow .hero-section a.arrow-link.black::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/right/black.svg);
  }
  .document-sharing-flow .hero-section a.arrow-link::before {
    top: 3px;
    width: 20px;
    height: 20px;
    margin-left: -8px;
    background-color: transparent !important;
  }
  .document-sharing-flow .hero-section .app-grid .left-area h2 {
    margin-top: 16px;
    height: unset;
    min-height: 34px;
    max-height: 102px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
  .document-sharing-flow .hero-section .app-grid .left-area .subtitle {
    font-size: 14px;
    line-height: 16.7px;
    margin-top: 16px;
  }
  .document-sharing-flow .upload-section-wrapper .upload-section {
    height: 120px;
    margin-top: 33px;
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.08);
  }
  .document-sharing-flow button.upload-button {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: -8px;
    padding-left: 16px;
  }
  .document-sharing-flow button.upload-button::after {
    content: "";
    position: absolute;
    right: 14px;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    background: url(/static/dsm/images/icons/upload-white.svg) no-repeat;
  }
  .document-sharing-flow .upload-section-wrapper .upload-section .text {
    font-size: 18px;
    line-height: 21.47px;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment {
    padding: 8px 8px 11px 8px;
    margin-top: 16px;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment:first-of-type {
    margin-top: 32px;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment .inline-link {
    font-size: 16px;
    line-height: 20.8px;
    height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .document-sharing-flow .upload-section-wrapper .single-attachment button {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    background: url(/static/dsm/images/icons/action/controls/XS/close/Black-mobile.svg);
  }
  .document-sharing-flow .upload-section-wrapper .buttons {
    margin-top: 80px;
    margin-bottom: 40px;
    flex-direction: column-reverse;
    justify-content: unset;
  }
  .document-sharing-flow .upload-section-wrapper .buttons button {
    margin-bottom: 16px;
  }
  .document-sharing-flow .document-section-wrapper .document-section {
    width: 100%;
    row-gap: 24px;
    grid-template:
        "doc-top doc-top doc-top doc-top doc-top doc-top doc-top doc-top doc-top doc-top doc-top doc-top"
        "top-left top-left top-left top-left top-left top-left top-left top-left top-left top-left top-left top-left"
        "bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left bottom-left"
        "right right right right right right right right right right right right"
        "doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot doc-bot"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 40px;
    padding: 16px 16px 48px;
  }
  .document-sharing-flow.wizard .document-section-wrapper .document-section .top-content {
    margin-bottom: 8px;
  }
  .document-sharing-flow.edit .document-section-wrapper .document-section .top-content {
    margin-bottom: 16px;
  }
  .document-sharing-flow.wizard .document-section-wrapper .document-section .top-content .title-row {
    margin-bottom: 16px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .top-content .title-row h3.subtitle {
    font-size: 14px;
    line-height: 17.09px;
    color: #000;
    margin-bottom: 0;
  }
  .document-sharing-flow .document-section-wrapper .document-section .top-content .title-row .page-number {
    font-size: 18px;
    line-height: 21.7px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .top-content h3.docname {
    font-size: 28px;
    line-height: 33.4px;
    letter-spacing: 0.88px;
    color: #C21817;
    margin-bottom: 16px;
    padding-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
  }
  .document-sharing-flow.edit .document-section-wrapper .document-section .top-content h3.docname {
    white-space: unset;
    text-overflow: unset;
    margin-top: 5px;
    margin-bottom: -8px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .top-content .description {
    font-size: 14px;
    line-height: 16.7px;
  }
  .document-sharing-flow .dropdown select,
  .document-sharing-flow .dropdown select,
  .document-sharing-flow input[type=date].default-input {
    font-size: 16px;
    line-height: 20.8px;
  }
  .document-sharing-flow .dropdown select,
  .document-sharing-flow .dropdown select {
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 16px;
    padding: 12px 40px 12px 8px;
  }
  .document-sharing-flow input[type=date].default-input {
    padding: 12px 8px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-left-form .error-message {
    font-size: 12px;
    line-height: 14.32px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-left-form .label {
    font-size: 16px;
    line-height: 20.8px;
    margin-left: 16px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .right-form textarea.request-description {
    min-height: 158px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row {
    margin-top: -4px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .checkbox label::before {
    content: "";
    background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked.svg);
    background-size: 20px auto;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .checkbox label.checked::before {
    border-radius: 4px;
    background-size: 20px auto;
    background-position: 1px -1px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row {
    flex-direction: column;
    justify-content: unset;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .checkbox label {
    font-size: 14px;
    line-height: 17.09px;
    align-items: flex-start;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .buttons {
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column-reverse;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .buttons button {
    margin-left: 0;
    margin-bottom: 16px;
  }
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row {
    align-items: unset;
  }
}

/* Tenant Detail Page */
.pm-tenant-detail .hero-section {
  background: #404040;
  display: block;
}
.pm-tenant-detail .hero-section .app-grid {
  height: 177px;
  padding: 30px 0;
}
.pm-tenant-detail .hero-section h2 {
  font-size: 28px;
  line-height: 33.4px;
  text-align: left;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.88px;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  height: 36px;
}
.pm-tenant-detail .hero-section .app-grid .left-area .subtitle,
.pm-tenant-detail .hero-section .app-grid .left-area .default-content {
  font-size: 12px;
  line-height: 14.32px;
  text-align: left;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.2px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  height: 15px;
}
.pm-tenant-detail .hero-section .app-grid .left-area .default-content {
  display: -webkit-box;
  margin-top: 24px;
}
.pm-tenant-detail .tenant-summary .summary-box {
  margin-top: 0;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-body {
  margin-top: 0;
}
.pm-tenant-detail .tenant-summary .app-grid-substitute button {
  margin-left: auto;
  margin-top: 16px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pm-tenant-detail .hero-section {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
}

@media (max-width: 767px) {
  .pm-tenant-detail .hero-section .app-grid {
    padding: 14px 0;
    height: auto;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area a.arrow-link {
    text-align: left;
    font-size: 18px;
    line-height: 21.47px;
    letter-spacing: .5px;
    color: #fff;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area a.arrow-link.left::before {
    content: "";
    transform: rotate(0deg);
    width: 12px;
    height: 20px;
    top: 4px;
    margin-right: 10px;
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) center !important;
  }
  .pm-tenant-detail .hero-section h2 {
    line-height: 36px;
    margin-top: 20px;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 38px;
    max-height: 76px;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area .subtitle,
  .pm-tenant-detail .hero-section .app-grid .left-area .default-content {
    font-size: 16px;
    line-height: 20.8px;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area .subtitle {
    -webkit-line-clamp: 1;
    height: 21px;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area .default-content {
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 21px;
    max-height: 42px;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area .subtitle {
    margin-top: 16px;
  }
  .pm-tenant-detail .hero-section .app-grid .left-area .default-content {
    margin-top: 26px;
    margin-bottom: 4px;
  }
  .property-manager.pm-dashboard.pm-tenant-detail form .app-grid-substitute {
    margin-top: 16px;
  }
  .pm-tenant-detail .tenant-summary .app-grid-substitute h3.subtitle {
    padding: 0 16px;
  }
  .property-manager.pm-dashboard.pm-tenant-detail .tenant-summary .summary-box {
    padding-top: 0;
  }
  .property-manager .tenant-summary .summary-box .summary-body {
    padding-top: 8px;
  }
}

/* Navigation + Hero */

.create-announcement .hero-section .app-grid .left-area .subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) {
  .dashboard.first-time-access .welcome-teaser .teaser-wrapper {
    height: 186px;
  }
  .property-manager.buildings-tenants .hero-section.below-nav {
    height: 186px;
    position: relative;
    display: block;
    padding-top: 0;
    background: transparent url(/static/dsm/images/hero/tenant-building-hero-dt-2x.jpg) no-repeat bottom/cover;
  }
  .building-and-data .hero-section {
    height: calc(72px + 186px);
  }
  @supports ((background: -webkit-image-set(url("url") 1x)) or (background: image-set("url" 1x))) {
    .building-and-data .hero-section {
      background: -webkit-image-set(url(/static/dsm/images/hero/b&d-dt-hero.jpg) 1x, url(/static/dsm/images/hero/b&d-dt-hero-2x.jpg) 2x) center;
      background: image-set("/static/dsm/images/hero/b&d-dt-hero.jpg" 1x, "/static/dsm/images/hero/b&d-dt-hero-2x.jpg" 2x) center;
    }
  }
  @supports ((background: -webkit-image-set(url("url") 1x)) or (background: image-set("url" 1x))) {
    .building-and-data .hero-section.below-nav.thecorner {
      background: -webkit-image-set(url(/static/dsm/images/hero/thecorner.jpg) 1x, url(/static/dsm/images/hero/thecorner-2x.jpg) 2x) center;
      background: image-set("/static/dsm/images/hero/thecorner.jpg" 1x, "/static/dsm/images/hero/thecorner-2x.jpg" 2x) center;
    }
  }
  .building-and-data .hero-section:not(.thecorner) {
    background-size: 100% auto !important;
    background-position: center 72px !important;
  }
  .building-and-data .hero-section.thecorner {
    background-position: center 44px !important;
  }
  .building-and-data .building-overlay.thecorner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.65) 100%);
    z-index: -1;
  }
  .building-and-data .hero-section .app-grid {
    grid-template:
      "bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title bd-hero-title"
      "bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-sub bd-hero-info bd-hero-info bd-hero-info"
      "bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-btn bd-hero-link bd-hero-link bd-hero-link bd-hero-link bd-hero-link bd-hero-link"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .building-and-data .hero-section h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
  }
  .building-and-data .hero-section.thecorner h2 {
    filter: drop-shadow(0 1px 3px #636066);
  }
  .builddet .building-and-data .hero-section .pcode {
    display: block !important;
  }
  .builddet .building-and-data .hero-section .pcode {
    color: #fff;
  }
  .builddet .building-and-data .hero-section .pcode,
  .building-and-data .hero-section .managed-by {
    line-height: 14.32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 16px;
    max-height: 32px;
    margin-top: 16px;
    margin-bottom: 26px;
  }
  .builddet .building-and-data .hero-section.thecorner .pcode,
  .building-and-data .hero-section.thecorner .managed-by {
    filter: drop-shadow(0 1px 2px #636066);
  }
  .building-and-data .hero-section button {
    justify-self: flex-start;
    -ms-grid-column-align: start;
  }
  .building-and-data .hero-section .address-link {
    justify-self: flex-end;
    align-self: center;
    -ms-grid-column-align: end;
  }
  .building-and-data .hero-section.thecorner .address-link {
    filter: drop-shadow(0 1px 2px #636066);
  }
  .building-and-data .hero-section .app-grid > a.address-link {
    display: inline-block;
    height: 14.32px;
  }
  .property-manager.buildings-tenants .clear-position {
    height: 10px;
  }
  .property-manager.buildings-tenants .hero-section .app-grid {
    display: block;
    position: relative;
    padding-top: 32px;
  }
  .community-create .new-communication .hero-section {
    height: 177px;
  }
  .community-create .new-communication .hero-section .app-grid {
    display: block;
    padding: 30px 0;
  }
  .community-create .new-communication .hero-section .app-grid .left-area {
    height: 100%;
  }
  .community-create .new-communication .hero-section .back-link {
    position: static;
    align-self: flex-start;
    margin: 0;
    color: #000;
  }
  .community-create .new-communication .hero-section .back-link:hover,
  .community-create .new-communication .hero-section .back-link:focus,
  .community-create .new-communication .hero-section .back-link:active {
    color: #fff;
  }
  .community-create .new-request .hero-section .back-link::before {
    background: url(/static/dsm/imagesC/icons/action/controls/S/arrow/black.svg) center;
  }
  .community-create .new-communication .hero-section .back-link:hover::before,
  .community-create .new-communication .hero-section .back-link:focus::before,
  .community-create .new-communication .hero-section .back-link:active::before {
    background: url(/static/dsm/imagesC/icons/action/controls/S/arrow/whitw.svg) center;
  }
  .community-create .new-communication .hero-section .app-grid .left-area h2 {
    display: flex;
    -webkit-box-orient: unset;
    overflow: unset;
    -webkit-line-clamp: unset;
    height: unset;
    max-height: unset;
    margin-top: 13px;
  }
  .community-create .new-communication .hero-section .app-grid .left-area .subtitle {
    padding-bottom: 8px;
  }
  .create-announcement .hero-section {
    height: 177px;
  }
  .create-announcement .hero-section .app-grid {
    height: 177px;
  }
  .create-announcement .hero-section .app-grid .left-area {
    height: 100%;
  }
  .create-announcement.urgent .hero-section .back-link:hover,
  .create-announcement.community-post .hero-section .back-link:hover,
  .create-announcement.urgent .hero-section .back-link:focus,
  .create-announcement.community-post .hero-section .back-link:focus,
  .create-announcement.urgent .hero-section .back-link:active,
  .create-announcement.community-post .hero-section .back-link:active {
    color: #fff;
  }
  .create-announcement.favorite-locations-page .hero-section .back-link:hover,
  .create-announcement.favorite-locations-page .hero-section .back-link:focus,
  .create-announcement.favorite-locations-page .hero-section .back-link:active {
    color: #fff !important;
  }
  .create-announcement.urgent .hero-section .back-link::before,
  .create-announcement.community-post .hero-section .back-link::before {
    background: url(/static/dsm/imagesC/icons/action/controls/S/arrow/black.svg) center;
  }
  .create-announcement:not(.urgent):not(.community-post):not(.favorite-locations-page) .hero-section .back-link::before,
  .create-announcement.urgent .hero-section .back-link:hover::before,
  .create-announcement.urgent .hero-section .back-link:focus::before,
  .create-announcement.urgent .hero-section .back-link:active::before,
  .create-announcement.community-post .hero-section .back-link:hover::before,
  .create-announcement.community-post .hero-section .back-link:focus::before,
  .create-announcement.community-post .hero-section .back-link:active::before,
  .create-announcement.favorite-locations-page .hero-section .back-link:hover::before,
  .create-announcement.favorite-locations-page .hero-section .back-link:focus::before,
  .create-announcement.favorite-locations-page .hero-section .back-link:active::before {
    background: url(/static/dsm/imagesC/icons/action/controls/S/arrow/whitw.svg) center;
  }
  .create-announcement .hero-section .app-grid .left-area .subtitle {
    -webkit-line-clamp: 2;
    height: 48px;
    margin-top: 8px;
    color: #fff;
  }
  .create-announcement.community-post .hero-section .app-grid .left-area .subtitle,
  .create-announcement.urgent .hero-section .app-grid .left-area .subtitle {
    color: #404040;
  }
  .create-announcement .hero-section .app-grid .illustration {
    width: 113px;
    height: 113px;
  }
  .new-request .hero-section .illustration img {
    height: 141px;
    width: auto;
    margin-top: -10px;
  }
  .om-view .new-request .hero-section .illustration img {
    margin-top: 0;
  }
  .support-and-request .hero-section .app-grid.faq {
    height: 186px;
  }
  .om-view .support-and-request .hero-section .app-grid {
    padding: 30px 0;
  }
  .om-view .support-and-request.get-support a.arrow-link {
    margin-top: 30px;
  }
  .om-view .support-and-request.get-support .hero-section h2 {
    margin-top: 26px;
  }
  .om-view .support-and-request.get-support .hero-section .search-bar {
    margin-top: 14px;
  }
  .support-and-request.get-support .hero-section .search-bar input {
    margin-top: 0;
  }
  .faq-detail .support-and-request .hero-section {
    height: 177px;
  }
  .faq-detail .support-and-request .hero-section a.arrow-link {
    margin-top: 1px;
  }
  .faq-detail .support-and-request .hero-section h2 {
    margin-top: -3px;
  }
  .service-detail .hero-section .app-grid {
    display: block;
  }
  .service-detail .hero-section.below-nav {
    height: calc(72px + 186px);
  }
  .service-detail .hero-section.below-nav {
    background: transparent url(/static/dsm/images/hero/addon-dt.jpg) no-repeat center/cover;
  }
  .service-detail .hero-section {
    background-size: 100% auto !important;
    background-position: center 72px !important;
  }
  .service-detail .hero-section h2 {
    margin-top: 13px;
  }
  .service-detail .hero-section .lower-part-wrapper .subtitle {
    font-size: 12px;
    line-height: 14.32px;
    margin-top: 8px;
  }
  .service-detail .hero-section .lower-part-wrapper .cta {
    margin-top: 11px;
  }
}

@media (min-width: 1024px) {
  .create-announcement .hero-section .app-grid {
    padding-left: 0 !important;
    padding-right: 88px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .building-and-data .hero-section:not(.thecorner) {
    background-size: auto 100% !important;
    background-position: center 0 !important;
  }
  .create-announcement .hero-section .app-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .create-announcement.favorite-locations-page .hero-section .app-grid {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .service-detail .hero-section {
    background-size: auto 100% !important;
    background-position: center 72px !important;
  }
}

@media (max-width: 767px) {
  .buildings-tenants.page-content {
    margin-top: 0;
  }
  .property-manager.buildings-tenants .hero-section.below-nav {
    height: 336px;
    position: relative;
    background: transparent url(/static/dsm/images/hero/tenant-building-hero-2x.jpg) no-repeat bottom/cover;
    background-size: 105% auto;
  }
  .building-and-data .hero-section {
    display: block;
    position: relative;
    height: 336px;
    padding-top: 0;
    background-position: center 0;
  }
  @supports ((background: -webkit-image-set(url("url") 1x)) or (background: image-set("url" 1x))) {
    .building-and-data .hero-section {
      background: -webkit-image-set(url(/static/dsm/images/hero/b&d-hero.jpg) 1x, url(/static/dsm/images/hero/b&d-hero-2x.jpg) 2x) center;
      background: image-set("/static/dsm/images/hero/b&d-hero.jpg" 1x, "/static/dsm/images/hero/b&d-hero-2x.jpg" 2x) center;
      background-size: 105% auto;
    }
  }
  .building-and-data .hero-section.below-nav.thecorner {
    background: transparent url(/static/dsm/images/hero/thecorner-2x.jpg) no-repeat bottom/cover;
  }
  .building-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    z-index: -1;
  }
  .building-and-data .building-overlay.thecorner {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
  }
  .building-and-data .hero-section .app-grid {
    display: flex;
    height: 100%;
    margin-top: 0;
    flex-direction: column;
  }
  .building-and-data .hero-section .address-link {
    margin-top: 25px;
    text-transform: none;
  }
  .building-and-data .hero-section .app-grid h2 {
    margin-top: auto;
  }
  .building-and-data .hero-section .app-grid .pcode,
  .building-and-data .hero-section .app-grid .managed-by {
    position: unset;
    display: block;
    margin-top: 0;
    left: unset;
    align-self: flex-start;
    font-size: 14px;
    line-height: 16.7px;
    margin-top: 8px;
    margin-bottom: 17px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 18px;
    max-height: 36px;
    white-space: unset;
    text-overflow: unset;
    max-width: unset;
  }
  .building-and-data .hero-section button {
    position: relative;
    bottom: 0;
    margin-bottom: 16px;
  }
  .building-and-data .clear-position {
    height: 0;
  }
  .property-manager.buildings-tenants .hero-section .app-grid {
    margin-top: auto;
    padding-bottom: 16px;
  }
  .property-manager.buildings-tenants .hero-section .app-grid h2 {
    margin-top: auto;
  }
  .property-manager.buildings-tenants .clear-position {
    height: 10px;
  }
  .om-view .support-and-request.get-support .hero-section .app-grid,
  .om-view .support-and-request.faq-page .hero-section .app-grid {
    display: flex;
    margin-top: -3px;
    margin-bottom: 0;
  }
  .om-view .support-and-request.get-support .hero-section .app-grid a.arrow-link,
  .om-view .support-and-request.faq-page .hero-section .app-grid a.arrow-link {
    text-align: left;
    font-size: 18px;
    line-height: 21.47px;
    letter-spacing: .5px;
    color: #fff;
  }
  .om-view .support-and-request.get-support .hero-section .app-grid a.arrow-link.left::before,
  .om-view .support-and-request.faq-page .hero-section .app-grid a.arrow-link.left::before {
    content: "";
    transform: rotate(0deg);
    width: 12px;
    height: 20px;
    top: 4px;
    margin-right: 10px;
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) center !important;
  }
  .om-view .support-and-request.get-support .hero-section h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 33px;
    max-height: 66px;
    margin-top: auto;
    margin-bottom: 16px;
  }
  .om-view .support-and-request.faq-page .hero-section {
    height: unset;
  }
  .om-view .support-and-request.faq-page .hero-section .app-grid {
    margin-top: -1.5px;
  }
  .om-view .support-and-request.faq-page .hero-section h2 {
    display: block;
    margin-top: 44px;
    padding-bottom: 24px;
  }
  .om-view .support-and-request.faq-page .hero-section h2 span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    height: unset;
    min-height: 34px;
    max-height: 136px;
  }
  .community-create .hero-section {
    padding-bottom: 0;
  }
  .community-create .create-announcement .hero-section .app-grid .left-area h2 {
    margin-top: 0;
  }
  .community-create .new-communication .hero-section h2 {
    margin-top: 58px;
  }
  .community-create .new-communication .hero-section .subtitle {
    font-size: 14px;
    line-height: 16.7px;
    margin-top: 16px;
  }
  .create-announcement .hero-section .app-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .create-announcement.favorite-locations-page .hero-section .app-grid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .create-announcement .hero-section {
    display: flex;
    min-height: unset;
    height: unset;
  }
  .create-announcement .hero-section .app-grid {
    display: flex;
    height: unset;
    padding-bottom: 0;
  }
  .create-announcement .hero-section .app-grid .left-area .back-link {
    margin-bottom: 18px;
  }
  .create-announcement .hero-section .app-grid .left-area h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 34px;
    max-height: 68px;
    margin-top: 0;
  }
  .new-request.create-announcement .hero-section .subtitle {
    padding-bottom: 0;
  }
  .new-request.create-announcement.favorite-locations-page .hero-section .app-grid {
    padding: 0;
  }
  .create-announcement.favorite-locations-page .hero-section .app-grid .left-area {
    display: block;
    padding-top: 14px;
  }
  .create-announcement.favorite-locations-page .hero-section .app-grid .left-area .back-link {
    margin: unset;
  }
  .new-request.create-announcement.favorite-locations-page .hero-section h2 {
    margin-top: 18px;
    line-height: 33.4px;
  }
  .new-request.create-announcement.favorite-locations-page .hero-section .subtitle {
    padding-bottom: 8px;
  }
  .create-announcement .hero-section .app-grid .left-area .subtitle {
    -webkit-line-clamp: 3;
    height: unset;
    min-height: 19px;
    max-height: 57px;
  }
}

/* Move Searchbar from Header */

.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher {
  margin-top: 16px;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs {
  border-bottom: 1px solid #DEDEDE;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button {
  font-size: 20px;
  line-height: 23.86px;
  color: #404040;
  padding: 6px 0;
  margin-left: 40px;
  margin-bottom: -1px;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button span,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button span {
  font-size: 8px;
  background: #404040;
  border-radius: 12px;
  color: #fff;
  padding: 6px 8px;
  vertical-align: top;
  margin-left: 4px;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button.selected span,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button.selected span {
  background: #C21817;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button:first-of-type,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button:first-of-type {
  margin-left: 0;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button:hover,
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button:active,
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button:focus,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button:hover,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button:active,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button:focus {
  color: #404040;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button.selected,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button.selected {
  color: #C21817;
}
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button.selected,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button.selected {
  border-bottom: 2px solid #C21817 !important;
}
.property-manager.buildings-tenants .buildings-tenants-list .building-search {
  margin-top: 16px;
}
.property-manager.buildings-tenants .buildings-tenants-list .search-bar {
  display: block;
  margin-top: 0;
  margin-bottom: 24px;
  width: 100%;
}
.property-manager.buildings-tenants .buildings-tenants-list .search-bar input {
  border-radius: 32px;
}
.property-manager.buildings-tenants .buildings-tenants-list .search-bar input[type=text] {
  font-size: 12px;
  line-height: 14.32px;
  display: block;
  width: 100%;
  background: url(/static/dsm/images/icons/search-small.svg) no-repeat center right 10px #fff;
  box-shadow: 0px 2px 6px 6px rgb(0 0 0 / 2%);
  padding: 9px 32px 9px 16px;
}
.property-manager.buildings-tenants .buildings-tenants-list .search-bar input[type=text].default-input {
  border-color: transparent;
}
.property-manager.buildings-tenants .buildings-tenants-list .search-bar input[type=text].default-input::placeholder {
  color: #6F7072;
}
.property-manager.buildings-tenants .buildings-tenants-list .entries.entries,
.property-manager.pm-building-info .buildings-tenants-list .entries.entries {
  margin-top: 16px;
  margin-bottom: 40px;
}
.property-manager.buildings-tenants .buildings-tenants-list .entries.entries .widget:not(:last-child),
.property-manager.buildings-tenants .buildings-tenants-list .entries.entries .tenant:not(:last-child),
.property-manager.pm-building-info .buildings-tenants-list .entries.entries .widget:not(:last-child),
.property-manager.pm-building-info .buildings-tenants-list .entries.entries .tenant:not(:last-child) {
  margin-bottom: 16px;
}
.dashboard .my-contracts > .app-grid > .widget ,
.property-manager .buildings > .app-grid > .widget {
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.dashboard .my-contracts .widget .my-contracts-image,
.dashboard .my-contracts > .app-grid > .widget .my-contracts-image,
.property-manager .buildings .pm-buildings-widget .my-contracts-image,
.property-manager .buildings > .app-grid > .widget .my-contracts-image {
  background-image: url(/static/dsm/images/widgets/building.jpg);
}
.dashboard .my-contracts .widget .my-contracts-image.thecorner,
.property-manager .buildings .pm-buildings-widget .my-contracts-image.thecorner,
.property-manager .buildings > .app-grid > .widget .my-contracts-image.thecorner {
  background-image: url(/static/dsm/images/widgets/thecorner-2x.jpg);
}
.dashboard .my-contracts > .app-grid > .widget .my-contracts-info,
.property-manager .buildings > .app-grid > .widget .my-contracts-info {
  padding: 16px 16px 16px 0;
}
.property-manager .buildings .pm-buildings-widget .my-contracts-info .title .last-document {
  line-height: 9.54px;
  margin-bottom: 16px;
}
.property-manager .buildings .pm-buildings-widget .my-contracts-info .last-document span,
.property-manager .buildings > .app-grid > .widget .my-contracts-info .last-document span {
  color: #E9573D;
}
.property-manager .buildings .pm-buildings-widget .my-contracts-info > div:not(:last-child) span,
.property-manager .buildings > .app-grid > .widget .my-contracts-info > div:not(:last-child) span {
  display: inline;
}
.dashboard .my-contracts .widget .my-contracts-info .title h4,
.property-manager .buildings .pm-buildings-widget .my-contracts-info .title h4 {
  line-height: 24px;
  white-space: normal;
  text-overflow: unset;
  max-width: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: unset;
  min-height: 24px;
  max-height: 48px;
  -webkit-line-clamp: 2;
}
.property-manager .buildings > .app-grid > .widget .my-contracts-info .button-wrapper,
.dashboard .my-contracts > .app-grid > .widget .my-contracts-info .button-wrapper {
  flex: unset;
  text-align: right;
  margin-left: 48px;
}
.om-view .support-and-request.get-support .search-faq {
  margin-top: 16px;
}
.om-view .support-and-request.get-support .search-bar {
  display: block;
  margin-top: 0;
  margin-bottom: 24px;
  width: 100%;
}
.om-view .support-and-request.get-support .search-bar input {
  border-radius: 32px;
}
.om-view .support-and-request.get-support .search-bar input[type=text] {
  font-size: 12px;
  line-height: 14.32px;
  display: block;
  width: 100%;
  background: url(/static/dsm/images/icons/search-small.svg) no-repeat center right 10px #fff;
  box-shadow: 0px 2px 6px 6px rgb(0 0 0 / 2%);
  padding: 9px 32px 9px 16px;
}
.om-view .support-and-request.get-support .search-bar input[type=text].default-input {
  border-color: transparent;
}
.om-view .support-and-request.get-support .search-bar input[type=text].default-input::placeholder {
  color: #6F7072;
}
.pm-tenant-detail .tenant-summary .app-grid-substitute .add-submit button {
  display: block;
  margin-left: auto;
  margin-top: 16px;
}
.building-and-data .building,
.pm-tenant-detail .building {
  margin-top: 16px;
}
.builddet .property-manager.building-and-data.pm-building-info .quick-action.report {
  background-color: #C21817;
}

@media (min-width: 768px) {
  .property-manager .buildings > .app-grid > .widget,
  .property-manager .buildings .pm-buildings-widget,
  .dashboard .my-contracts > .app-grid > .widget {
    border-radius: 4px;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-image,
  .property-manager .buildings .pm-buildings-widget .my-contracts-image,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-image {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .building-search {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
    display: inline-flex;
    text-align: right;
    width: auto;
    white-space: nowrap;
  }
  .builddet .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
    padding-right: 0;
  }
  .pmbuiten .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta,
  .pmbuiten .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
    padding-right: 36px;
  }
  .om-view .support-and-request.get-support .search-faq {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .builddet .request-overview .widget.your-requests .main-section .requests-list li .tag {
    white-space: nowrap;
  }
  .builddet .open-request-building {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .builddet .open-request-building .app-grid-substitute {
    text-align: right;
  }
  .builddet .property-manager.building-and-data.pm-building-info .quick-actions .button-wrapper button {
    margin-left: 16px;
  }
  .builddet .property-manager.building-and-data.pm-building-info .quick-action {
    margin-right: 0;
    padding-left: 8px;
  }
}

@media (max-width: 767px) {
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button {
    margin-left: 0;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button {
    font-size: 18px;
    line-height: 21.47px;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .building-search {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .property-manager .buildings > .app-grid > .widget,
  .property-manager .buildings .pm-buildings-widget,
  .dashboard .my-contracts > .app-grid > .widget {
    box-shadow: none;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-info,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-info {
    padding: 16px;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-image,
  .property-manager .buildings .pm-buildings-widget .my-contracts-image,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-image {
    min-height: 120px;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-info .last-document span,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .last-document span {
    font-size: 12px;
    line-height: 14.65px;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-info .title,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .title,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title {
    margin-bottom: 0;
  }
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .title .last-document {
    margin-bottom: 24px;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-info .title h4,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .title h4,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title h4 {
    font-size: 18px;
    line-height: 21.47px;
  }
  .property-manager .buildings > .app-grid > .widget .my-contracts-info .title .subtitle,
  .property-manager .buildings .pm-buildings-widget .my-contracts-info .title .subtitle,
  .dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title .subtitle {
    font-size: 14px;
    line-height: 16.7px;
  }
  .om-view.faq .page-content.support-and-request {
    margin-top: 358px;
  }
  .om-view .support-and-request.get-support .search-faq {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pm-tenant-detail .tenant-summary .app-grid-substitute .add-submit {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pm-tenant-detail .tenant-summary .app-grid-substitute .add-submit .cta-primary-red {
    font-size: 14px;
    line-height: 17px;
    padding: 15px 24px;
  }
  .pm-tenant-detail .tenant-summary .app-grid-substitute button {
    margin-left: 0;
    width: 100%;
  }
  .builddet .open-request-building {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .builddet .property-manager.building-and-data.pm-building-info .quick-action  {
    line-height: 17px;
  }
  .builddet .property-manager.building-and-data.pm-building-info .request-overview.hasQuickAction h3.subtitle:first-of-type {
    margin-top: 0;
    padding: 0;
  }
}

/* Tenant Detail page */

.pm-tenant-detail .tenant-summary .summary-box {
  margin-top: 0;
  background: transparent;
  padding: 0;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0px 16px;
  margin-bottom: 8px;
  background: #fff;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact {
  display: grid;
  display: -ms-grid;
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  -moz-column-gap: 30px;
  column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  row-gap: 32px;
  align-items: center;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.name {
  display: block;
  font-size: 16px;
  line-height: 19.09px;
  letter-spacing: .2px;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email {
  display: flex;
  justify-content: center;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email input[type=text].default-input,
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right .phone input[type=text].default-input {
  font-size: 12px;
  line-height: 14.32px;
  width: 220px;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email a {
  color: #346eff;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right {
  display: flex;
  align-items: center;
  justify-content: end;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right .dots {
  margin-left: 40px;
  cursor: pointer;
  width: 24px;
}

@media (max-width: 767px) {
  .pm-tenant-detail .tenant-summary .summary-box .summary-item {
    display: flex;
    flex-direction: column;
    align-items: left;
    height: auto;
    padding: 16px;
    margin-left: 16px;
    margin-right: 16px;
    box-shadow: 0px 2px 6px 6px rgb(0 0 0 / 2%);
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact {
    display: block;
    align-items: left;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.name {
    display: block;
    font-size: 18px;
    line-height: 21.47px;
    height: 42px;
    margin-bottom: 4px;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email,
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email input[type=text].default-input,
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right .phone input[type=text].default-input,
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right {
    font-size: 16px;
    line-height: 20.8px;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email {
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right {
    justify-content: space-between;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.email input[type=text].default-input,
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right .phone input[type=text].default-input {
    width: 260px;
    margin-bottom: 4px;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right .phone input[type=text].default-input {
    margin-top: 8px;
  }
  .pm-tenant-detail .tenant-summary .summary-box .summary-item .contact .default-content.right .dots {
    width: 36px;
  }
}

/* Fix Occupier */

.role-occupier .latest-announcements.compact-version .arrows-wrapper .chevron-left,
.role-occupier .latest-announcements.compact-version .arrows-wrapper .chevron-right {
  top: 68px;
}

@media (min-width: 768px) {
  .role-occupier button.widget.oc-view {
    height: 170px;
  }
  .building-and-data .hero-section .pcode.empty {
    display: block !important;
    margin-top: 16px;
    margin-bottom: 26px;
  }
}

@media (max-width: 767px) {
  .occbuild .building-and-data .document-sharing h3.subtitle:first-of-type {
    margin-top: 24px;
    padding: 0 16px;
  }
  .building-and-data .hero-section .app-grid .pcode.empty {
    display: block !important;
    font-size: unset;
    line-height: unset;
    height: 16px;
    padding: 0;
  }
}

/* Additional Buttons Tenant Dashboard */

.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-red,
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-black {
  color: #000;
  background: #fff;
  border-color: #dedede;
}
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-red:hover,
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-red:focus,
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-red:active {
  color: #fff;
  background: #C21817;
  border-color: #C21817;
}
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-black:hover,
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-black:focus,
.dashboard .request-overview .widget.your-requests .button-wrapper button.cta-primary-black:active {
  color: #fff;
  background: #000;
  border-color: #000;
}

@media (min-width: 768px) {
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li {
    display: grid;
    grid-template: "title title title title title id date date cat cat tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    border-bottom: 1px solid #dedede;
    padding: 15px 14px;
    margin: 0 -16px;
  }
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li .title {
    white-space: unset;
    overflow: hidden;
    text-overflow: unset;
    max-width: unset;
  }
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li .title a {
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: unset;
    -webkit-line-clamp: 1;
  }
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li .id {
    grid-area: id;
    white-space: nowrap;
  }
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li .date {
    grid-area: date;
  }
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li .category {
    grid-area: cat;
  }
  .dashboard .request-overview .widget.your-requests .main-section .requests-list li .tag {
    white-space: nowrap;
  }
  .dashboard .request-overview .widget.your-requests .button-wrapper button:not(:first-of-type) {
    margin-left: 16px;
  }
}

@media (max-width: 767px) {
  .dashboard .request-overview .widget.your-requests .button-wrapper {
    display: block;
  }
  .dashboard .request-overview .widget.your-requests .button-wrapper button {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 24px;
    margin-bottom: 16px;
  }
  .dashboard .request-overview .widget.your-requests .button-wrapper button:last-of-type {
    margin-bottom: 6px;
  }
}

/* Function multiple Tenants PM */

.pmbuiten .chevron {
  width: 20px;
  height: 20px;
  background: url(/static/dsm/imagesAcc/icons/action/controls/S/chevron/down/black.svg) no-repeat center/cover;
  margin-left: 26px;
}
.pmbuiten .chevron.expanded {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .pmbuiten .chevron {
    margin-top: -16px;
    margin-left: auto;
  }
}

/* Bugfix main.css May 19, 2022 */

@media (min-width: 768px) {
  .dash-first .widget.services-widget .description-section {
    min-height: auto;
    margin-top: 12px;
  }
  .tenant-dash .widget.services-widget .add-on-description,
  .pm-tenant-detail .widget.services-widget .add-on-description {
    min-height: 34px;
    max-height: 34px;
  }
}

/* Bugfix main.css May 04, 2022 */

@media (min-width: 768px) {
  .sar-top.fm-view .support-and-request:not(.version-2021):not(.new-request):not(.new-requests-page) .hero-section h2,
  .sar-top.om-view .support-and-request:not(.version-2021):not(.new-request):not(.new-requests-page) .hero-section h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 33px;
    max-height: 66px;
  }
}

/* Bugfix main.css April 25, 2022 */

.builddet .docsharing-wrapper .toast-message:last-child,
.tenantbuild .docsharing-wrapper .toast-message:last-child,
.tendet .docsharing-wrapper .toast-message:last-child {
  position: fixed;
  top: 0;
}

/* Bugfix main.css April 11, 2022 */

.favorite-locations .add-location-button,
.favorite-locations .share-list-button,
.locations-list .location-title,
.locations-list .location-address {
  color: #000;
}

@media (max-width: 767px) {
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-name,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-name {
    min-height: 24px;
    max-height: 48px;
    margin-bottom: 8px;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .tenant-name,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .tenant-name {
    height: unset;
    font-size: 18px;
    line-height: 21.7px;
    -webkit-line-clamp: 2;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta {
    margin-bottom: 0;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta a:hover,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta a:hover,
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta a:focus,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta a:focus,
  .property-manager.buildings-tenants .buildings-tenants-list .entries.tenants .tenant .meta a:active,
  .property-manager.pm-building-info .buildings-tenants-list .entries.tenants .tenant .meta a:active {
    color: #707070;
  }
}

/* Bugfix main.css March 22, 2022 */

@media (max-width: 767px) {
  .dashboard.first-time-access .welcome-teaser {
    padding-top: 0;
  }
  .dashboard .welcome-teaser .teaser-wrapper,
  .dashboard.first-time-access .welcome-teaser .teaser-wrapper {
    height: unset;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-illustration {
    padding-top: 8px;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-illustration img {
    width: 100%;
    max-width: 343px;
  }
  .dashboard.first-time-access .welcome-teaser .left-content {
    display: flex;
    flex-direction: column;
    flex-basis: 172px;
    padding-top: 0;
  }
  .dashboard.first-time-access .welcome-teaser .left-content h2 {
    margin-top: auto;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-title {
    margin: 0;
    padding: 0;
    height: 34px;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-title .wlctitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    height: 34px;
  }
  .dashboard.first-time-access .welcome-teaser button {
    width: auto;
    margin-bottom: 16px;
  }
  .dashboard.first-time-access .welcome-teaser button:last-of-type {
    margin-top: 16px;
  }
  .dashboard.first-time-access .welcome-teaser .button-wrapper {
    margin-bottom: 0;
  }
  .dash-first.community .dashboard.first-time-access .welcome-teaser .button-wrapper button {
    margin-left: 0;
  }
  .latest-announcements button.widget,
  .dash-first.community .latest-announcements button.widget.tenant-view {
    height: 205px;
  }
  .dash-first.community .highlights .widget .forward-button {
    padding: 15px 24px;
    line-height: 17px;
  }
  .dash-first.community .highlights .widget .forward-button:last-child {
    margin-bottom: 100%;
  }
}

/* Bugfix main.css March 17, 2022 */

.dropdown select,
.dropdown select option {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.widget.pm-buildings-widget .my-contracts-info .title h4,
.widget.pm-buildings-widget .my-contracts-info .title .subtitle {
  width: auto !important;
}
.widget .my-contracts-info .title,
.widget .my-contracts-info .title h4,
.widget .my-contracts-info .title .subtitle {
  max-width: unset;
}

@media (min-width: 768px) {
  .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    width: 210px;
    height: auto;
    margin-bottom: 32px;
  }
  .support-and-request:not(.version-2021):not(.new-request):not(.new-requests-page) .hero-section h2 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 33px;
    max-height: 33px;
  }
  .dropdown select,
  .dropdown .fake-select {
    padding: 8px 26px 8px 8px;
  }
  .sar-top .highlights .dropdown {
    margin-left: 12px;
  }
  .dropdown select,
  .dropdown select option,
  .support-and-request .requests-top-section .dropdown-group .dropdown select,
  .support-and-request .requests-top-section .dropdown-group .dropdown select option {
    min-width: 108px;
    max-width: 108px;
  }
  .feedback .dropdown select,
  .feedback .dropdown select option,
  .document-section .dropdown select,
  .document-section .dropdown select option,
  .new-request .new-request-form .dropdown select,
  .new-request .new-request-form .dropdown > .fake-select,
  .request-detail .new-request-form .dropdown select,
  .request-detail .new-request-form .dropdown > .fake-select {
    min-width: unset;
    max-width: unset;
  }
}

@media (max-width: 767px) {
  .dashboard .highlights,
  .fm-dash .dashboard .highlights {
    margin-top: 34px;
  }
  .sar-top.om-view .support-and-request .highlights,
  .om-view .request-detail .highlights  {
    margin-top: -11px;
  }
  .dropdown select,
  .dropdown .fake-select {
    padding: 8px 32px 8px 8px;
  }
  .dash-first .latest-announcements.highlights .widgets-wrapper {
    padding: 13px 0 12px 16px;
  }
  .dash-first .latest-announcements button.widget.tenant-view {
    height: 205px;
  }
  .dash-first .latest-announcements.highlights .widget .category {
    margin-bottom: 16px;
    margin-top: 0;
  }
  .dash-first .latest-announcements.highlights .widget .widget-title {
    height: 42px;
  }
  .dash-first .latest-announcements.highlights .widget .meta {
    line-height: 22.32px;
    margin-top: 12px;
    padding: 0;
  }
  .dash-first .latest-announcements.highlights .widget .tag.bottom {
    margin-top: 21px;
  }
  .sar-top.pm-view .latest-announcements .widgets-wrapper {
    padding-left: 12px;
  }
  .dash-first.community .dashboard.first-time-access .welcome-teaser .left-content {
    flex-basis: 212px;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
  }
  .dash-first.community .announcements-dashboard.first-time-access .welcome-teaser .welcome-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 70px;
    margin: 0;
  }
  .dash-first.community .welcome-teaser .button-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-top: auto;
  }
  .dash-first.community .announcements-dashboard.first-time-access .welcome-teaser .welcome-title h2 {
    padding: 0;
    margin: 0;
  }
  .dash-first.community .dashboard.first-time-access .welcome-teaser .button-wrapper button:last-of-type {
    margin-top: 12px;
  }
  .dash-first.community .dashboard.first-time-access .welcome-teaser .button-wrapper button:last-of-type:not(:first-of-type) {
    margin-bottom: 16px;
  }
  .dash-first.community .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    width: 100%;
    height: unset;
    margin-bottom: 28px;
    margin-top: 0;
    padding-top: 8px;
  }
  .announcements-dashboard.first-time-access .welcome-teaser .welcome-illustration img {
    width: 100%;
    max-width: 343px;
  }
  .dash-first.community .latest-announcements .widget .forward-button {
    margin-top: 12px;
  }
}

/* Bugfix main.css March 7, 2022 */

.scroll-up-button {
  z-index: 4;
  opacity: 0;
}
.scroll-up-button.hidespst {
  opacity: 1;
  transition: opacity .5s ease-in-out;
}

@media (max-width: 767px) {
  .scroll-up-button,
  .scroll-up-button {
    margin-left: unset;
  }
  .request-new .scroll-up-button,
  .request-closed .scroll-up-button {
    margin-left: calc(100% - 58px)
  }
}


/* Bugfix main.css Feb 25, 2022 */

@media (max-width: 1023px) {
  .navbar .navhead {
    padding-left: 0;
  }
}
/* Bugfix main.css Feb 10, 2022 */

.request-overview .widget.monthly .monthly-filter .checkboxes label:not(:last-child) {
  margin-bottom: 11px;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-new {
  color: #8E1230;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-in-progress {
  color: #E9573D;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label::before {
  content: "";
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked.svg);
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label::before,
.request-overview .widget.monthly .monthly-filter .checkboxes label.checked::before {
  border-radius: 2px;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label::before {
  background-size: 20px auto;
  background-position: 0 0;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-new.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-red.svg);
  background-color: #8E1230;
  background-size: 20px auto;
  background-position: 1px -1px;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-in-progress.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-orange.svg);
  background-color: #E9573D;
  background-size: 20px auto;
  background-position: 1px -1px;
}
.request-overview .widget.monthly .monthly-filter .checkboxes label.request-closed.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-gray.svg);
  background-color: #6F7072;
  background-size: 20px auto;
  background-position: 1px -1px;
}
.request-overview .widget.monthly .tooltip-circular-graph.new {
  color: #8E1230;
}
.request-overview .widget.monthly .tooltip-circular-graph.in-progress {
  color: #E9573D;
}
.request-overview .widget.monthly .monthly-requests-graph svg.progress-circle circle.req-new {
  stroke: #8E1230;
}
.request-overview .widget.monthly .monthly-requests-graph svg.progress-circle circle.req-in-progress {
  stroke: #E9573D;
}
.location-toast,
.toast-massage {
  background: rgba(237, 237, 237, 1);
}

@media (max-width: 767px) {
  .hero-section .cta-primary-white:disabled {
    padding: 15px 24px;
    line-height: 17px;
  }
}

@media (min-width: 768px) {
  .hero-section .cta-primary-white:disabled {
    padding: 9px 24px;
    line-height: normal;
  }
}

@media (min-width: 1024px) {
  .navbar .dropdown {
    background: rgba(237, 237, 237, 1);
  }
}

/* Bugfix main.css Jan 11, 2022 */

@media (min-width: 768px) {
  .cta-primary-red {
    padding: 9px 24px;
  }
  .cta-secondary-white {
    font-size: 12px;
    line-height: normal;
    text-align: center;
    color: #000000;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: transparent;
    padding: 9px 24px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
  }
  .cta-secondary-white:hover {
    background: #dedede;
    color: #000;
    border-color: #dedede;
  }
  .cta-secondary-white:active, .cta-secondary-white:focus {
    background: #fff;
    border-color: #fff;
  }
  .cta-secondary-white.disabled {
    font-size: 12px;
    line-height: normal;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #f0f0f0;
    border-color: #f0f0f0;
    cursor: not-allowed;
  }
}

/* Bugfix main.css Jan 07, 2022 */

@media (max-width: 767px) {
  .navbar .navhead.white {
    background-color: #fff;
    box-shadow: none;
  }
}

/* Bugfix main.css Nov 30, 2021 */

.request-detail .requests .messaging .messages p.inline-link a.inline-link {
  text-decoration: underline;
}
.request-detail .requests .messaging .messages p.inline-link {
  margin-top: 8px;
}
.request-detail .requests .messaging .messages div.inline-link {
  margin-top: 0;
}
.request-detail.version-2021 .requests .messaging .messages p.inline-link {
  margin-left: 0;
  margin-right: auto;
}
.request-detail.version-2021 .requests .messaging .messages div.inline-link {
  margin-left: 40px;
  margin-right: auto;
}
.request-detail.version-2021 .requests .messaging .messages p.inline-link.right {
  margin-left: auto;
  margin-right: 0;
}
.request-detail.version-2021 .requests .messaging .messages div.inline-link.right {
  margin-left: auto;
  margin-right: 40px;
}
.support-and-request .closed-requests .requests-list li a.title.inline-link {
  border: none;
  text-align: left;
}
.support-and-request .closed-requests .requests-list li a.title.inline-link:hover {
  background: none;
}

@media (max-width: 767px) {
  .request-detail .requests .messaging .message-input .button-group label.fattach {
    width: 40px;
    height: 48px;
    line-height: 48px;
    background-size: 24px auto;
  }
  .request-detail .requests .messaging .message-input {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .default-lightbox .lightbox .main-section .attachments {
    height: 40px;
  }
  .request-detail .requests .messaging .messages .initials {
    padding: 0 auto;
    padding-left: 1px;
  }
  .support-and-request .closed-requests .requests-list li .title .closed-inline {
    display: inline-block;
    border-bottom: 1px solid #346eff;
  }
  .support-and-request .closed-requests .requests-list li .title .closed-inline:hover {
    background: #346eff;
  }
}

/* Bugfix main.css Nov 4, 2021 */

a.inline-link {
  text-decoration: none;
}
.support-and-request .new-requests .requests-list li .title-link,
.support-and-request .closed-requests .requests-list li .title-link {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  font-size: 10px;
}
.dashboard .highlights .widget .head, .support-and-request .highlights .widget .head,
.new-request .highlights .widget .head, .request-detail .highlights .widget .head {
  width: 100%;
}
.dashboard.first-time-access .welcome-teaser .welcome-title.show-desktop {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 68px;
}

@media (min-width: 768px) {
  .dashboard .welcome-teaser .button-wrapper {
    width: auto;
    margin: 0 0 25px 0;
    display: block;
  }
  .support-and-request .new-requests .requests-list li .title-link,
  .support-and-request .closed-requests .requests-list li .title-link {
    max-width: 100px;
  }
  .dashboard.first-time-access .welcome-teaser .welcome-title.show-desktop,
  .sar-top .hero-section .hero-content h2 {
    display: -webkit-box !important;
  }
  .dashboard.first-time-access .welcome-teaser .button-wrapper button,
  .sar-top .hero-section .hero-content .buttons .button {
    margin-top: 14px;
  }
  .community-feed .dropdown-group .dropdown:not(:first-child) label {
    margin-left: -6px;
  }
}

@media (min-width: 1024px) {
  .dashboard.first-time-access .welcome-teaser .button-wrapper {
    width: auto;
    margin: 0 0 25px 0;
    display: block;
  }
  .support-and-request .new-requests .requests-list li .title-link,
  .support-and-request .closed-requests .requests-list li .title-link {
    max-width: 160px;
  }
}

/* Bugfix main.css Oct 27, 2021 */

@media (max-width: 767px) {
  .request-overview .widget.your-requests .main-section .requests-list li,
  .tendet .request-overview .widget.your-requests .main-section .requests-list li {
    grid-template: "title title title title title tag tag tag tag tag tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    height: 70px;
  }
}
@media (min-width: 768px) {
  .account-mgmt-lightbox .dropdown {
    margin: 0 0 24px -8px;
  }
  .account-mgmt-lightbox .dropdown:not(:first-child) label {
    margin-left: 0;
  }
}

/* Bugfix main.css Aug 10, 2021 */

.navbar .logo {
    cursor: pointer;
}
.lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox .left-content,
.lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox .left-content {
  background: #fff;
}
.support-and-request .send-request-section .send-request-wrapper {
  width: 100%;
}
.dashboard .highlights .widget .author {
  margin-top: 4px;
}
.widget.messaging .pilast {
  z-index: 4;
  position: relative;
  width: 36px;
  line-height: 24px;
  text-align: center;
  margin-right: -2px;
  color: #fff;
  float: right;
}
.widget.messaging .piouter {
  z-index: 4;
  position: relative;
  width: 36px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0px;
  margin-right: -2px;
  color: #fff;
  float: right;
}
.widget.messaging .pireg {
  z-index: 4;
  position: relative;
  width: 36px;
  line-height: 24px;
  text-align: center;
  margin-left: -2px;
  color: #fff;
}

@media (min-width: 768px) {
  .copy {
    padding-top: 28px;
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip {
    width: 176px;
    right: 0;
    top: 24px;
    white-space: normal;
    z-index: 10;
  }
  .fm-dash .request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip {
    top: 32px;
  }
  .lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox,
  .lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox {
    border-radius: 2px;
  }
  .lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox .image-section,
  .lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox .image-section {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox .image-section img,
  .lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox .image-section img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .lightbox-overlay.share-locations-lightbox .onboarding-box.lightbox .left-content,
  .lightbox-overlay.location-detail-lightbox .onboarding-box.lightbox .left-content {
    padding: 0;
  }
  .share-locations-lightbox .app-grid .lightbox .left-content {
    padding-right: 32px;
  }
  .share-locations-lightbox .app-grid .lightbox .right-content img {
    margin-left: 0;
  }
  .latest-announcements .widget .widget-title, .requests-updates-slider .widget .widget-title {
    height: 38px;
  }
  .support-and-request .send-request-section .send-request-wrapper .right-area img {
    margin-right: 0;
  }
  .support-and-request .highlights .widget .author,
  .new-request .highlights .widget .author,
  .request-detail .highlights .widget .author {
    margin-top: 0;
  }
  .pm-view .support-and-request .highlights .widget .author,
  .om-view .support-and-request .highlights .widget .author {
    margin-top: 4px;
  }
  .latest-announcements .chevron-right,
  .latest-announcements .chevron-left,
  .requests-updates-slider .chevron-right,
  .requests-updates-slider .chevron-left {
    z-index: 4;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lightbox-overlay.share-locations-lightbox .lightbox,
  .lightbox-overlay.location-detail-lightbox .lightbox,
  .lightbox-overlay.capprove .lightbox {
    min-height: 353px;
    width: 100%;
  }
  .lightbox-overlay.share-locations-lightbox .lightbox .right-content .image-wrapper,
  .lightbox-overlay.location-detail-lightbox .lightbox .right-content .image-wrapper,
  .lightbox-overlay.capprove .lightbox .right-content .image-wrapper {
    max-width: 353px;
    height: auto;
  }
  .lightbox-overlay.capprove .lightbox {
    min-height: auto;
    width: 100% !important;
  }
  .blue-right-content {
    width: 332px;
    flex: 0 0 310px;
  }
}

@media (min-width: 1024px) {
  .copy {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip {
    width: 256px;
  }
  .lightbox-overlay.share-locations-lightbox .lightbox,
  .lightbox-overlay.location-detail-lightbox .lightbox,
  .lightbox-overlay.capprove .lightbox {
    min-height: 461px;
    width: 770px;
  }
}

@media (max-width: 767px) {
  .announcement-lightbox .lightbox .text {
    overflow-y: unset;
  }
  .copy .copy-content {
    padding-top: 30px;
  }
  .share-locations-lightbox .app-grid .lightbox .left-content {
    width: auto;
  }
  .lb-form-wrapper {
    flex-grow: 1;
    align-items: center;
  }
  .support-and-request .send-request-section .send-request-wrapper .left-area {
    width: 100%;
  }
  .support-and-request .send-request-section .send-request-wrapper .right-area {
    display: none;
  }
  .dropdown:not(:first-child),
  .builddet .dropdown:not(:first-child),
  .tendet .dropdown:not(:first-child) {
    margin-left: 12px;
    margin-top: -15px;
  }
  .fm-view .request-detail.ask-pm .messaging .dropdown:not(:first-child) {
    margin-left: 0;
    margin-top: 8px;
  }
  .dropdown.filters {
    margin-left: 12px;
    margin-top: 0 !important;
  }
  .locations-list .dropdown.sort {
    margin-left: 0;
    margin-top: 0 !important;
  }
  .community-feed .dropdown:not(:first-child) {
    margin-left: -8px;
    margin-top: 0 !important;
  }
  #postLightDiv {
    flex-direction: column-reverse;
    background: #fff;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .right-content.blue-right-content {
    position: relative;
  }
  .dash-first .lightbox-overlay:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox .right-content.blue-right-content img {
    min-height: auto;
  }
  #needApproveLight .onboarding-box.lightbox .left-content.cpost-mobile {
    margin-top: initial;
    padding: 16px;
    background: #fff;
  }
  #needApproveLight .blue-image-wrapper {
    width: 100% !important;
    height: auto !important;
    margin-top: 64px;
  }
  .blue-image-wrapper img {
    margin: 0 auto !important;
  }
  .dashboard .request-overview h3.subtitle.cm-dash-sub, .dashboard .request-overview h3.subtitle.pm-dash-sub {
    padding-top: 24px;
  }
  .request-detail .requests .messaging .messages .post-item p {
    top: -1px !important;
  }
}

/* Bugfix main.css Jul 08, 2021 */

@media (min-width: 1024px) {
  .hidden-overflow {
    padding: 4px 0;
  }
  .latest-announcements .widget:nth-of-type(4n):nth-child(-4n), .requests-updates-slider .widget:nth-of-type(4n):nth-child(-4n) {
    margin-right: 0 !important;
  }
  .latest-announcements .chevron-right,
  .latest-announcements .chevron-left,
  .requests-updates-slider .chevron-right,
  .requests-updates-slider .chevron-left {
    top: 68px;
  }
}
@media (max-width: 767px) {
  .request-overview a.title-link,
  .request-overview a.title-link:hover,
  .request-overview a.title-link:focus,
  .request-overview a.title-link:active {
    text-align: left;
    height: unset;
    min-height: 17px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
}

/* Bugfix main.css Apr 26, 2021 */
.widget .widget-title {
  white-space: normal;
}
.community-feed .post + .buttons {
  margin-bottom: 32px;
}
.widget.services-widget.customer-feedback-widget {
  background: #752126;
}
.new-request .new-request-form .floor-plan-wrapper, .request-detail .new-request-form .floor-plan-wrapper {
  background: transparent;
}
.pm-tenant-detail .tenant-summary .summary-box .summary-body .contact input {
  padding: 8px;
  border: 1px solid #DEDEDE;
}
button.cta-primary-red[disabled] {
  border-color: #dedede;
  padding: 10px 24px;
}
.request-detail .requests .messaging .messages .post-item {
  width: 100%;
  height: 1px;
}
.request-detail .requests .messaging .messages .button-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.request-detail .requests .messaging .messages .message.has-avatar::after {
  top: -5px;
}
.request-detail .requests .messaging .messages .message.sent {
  border-radius: 16px 2px 32px 16px;
}
.request-detail .requests .messaging .messages .message.received {
  border-radius: 2px 16px 16px 32px;
}
.request-detail .requests .messaging .messages .message.sent {
  padding-left: 16px;
  padding-right: 0;
}
.request-detail .requests .messaging .messages .message.received {
  padding-left: 0;
  padding-right: 16px;
}

/* New gray button community */
button.cta-primary-gray {
  font-size: 12px;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.5px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px 24px;
  background: #dedede;
  border-color: #dedede;
  border-radius: 4px;
}
button.cta-primary-gray:hover {
  font-size: 12px;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.5px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #CCCCCC;
  border-color: #CCCCCC;
}
button.cta-primary-gray:active,
button.cta-primary-gray:focus {
  font-size: 12px;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.5px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #CCCCCC;
  border-color: #CCCCCC;
}

@media (max-width: 767px) {
  button.cta-primary-gray {
    padding: 18px 24px;
  }
}

/* Bugfix main.css May 7, 2021 */
@media (max-width: 767px) {
  *:focus {
    border: none;
    outline: none;
    background: none;
  }
  a,
  a:hover,
  a:focus,
  a:active {
    background: none !important;
  }
  a.arrow-link.black,
  a.arrow-link.white {
    cursor: pointer;
  }
  a.arrow-link.black:hover,
  a.arrow-link.black:focus,
  a.arrow-link.black:active {
    color:#000;
  }
  a.arrow-link.white:hover,
  a.arrow-link.white:focus,
  a.arrow-link.white:active {
    color:#fff;
  }
  .login a.arrow-link::after {
    top: 1px;
    background-image: url(/static/dsm/images/icons/action/controls/S/arrow/whitw.svg) !important;
    background-color: transparent !important;
  }
  .request-detail.version-2021 .meta a.arrow-link::after {
    top: 1px;
    background-image: url(/static/dsm/images/icons/action/controls/S/arrow/whitw.svg) !important;
    background-color: transparent !important;
  }
  .community-create a.arrow-link::after,
  .community-create a.arrow-link::before {
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) center !important;
  }
  .community-create .new-communication a.arrow-link::after,
  .community-create .new-communication a.arrow-link::before,
  .community-create .community-post a.arrow-link::after,
  .community-create .community-post a.arrow-link::before,
  .community-create .create-announcement.urgent a.arrow-link::after,
  .community-create .create-announcement.urgent a.arrow-link::before,
  .favorite-locations-page a.arrow-link.black::after,
  .favorite-locations-page a.arrow-link.black::before {
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/black.svg) center !important;
  }
  .building-and-data a.address-link.arrow-link::after {
    background-image: url(/static/dsm/images/icons/action/controls/S/arrow/whitw.svg) !important;
  }
  .building-and-data a.address-link.arrow-link.black::after {
    background-image: url(/static/dsm/images/icons/action/controls/S/arrow/black.svg) !important;
  }
  a.inline-link,
  a.inline-link:hover,
  a.inline-link:focus,
  a.inline-link:active {
    color: #346eff;
  }
  .request-overview a.inline-link,
  .request-overview a.inline-link:hover,
  .request-overview a.inline-link:focus,
  .request-overview a.inline-link:active {
    color: #000;
  }
  a.wpcc-btn:hover,
  a.wpcc-btn:focus,
  a.wpcc-btn:active {
    background: #444 !important;
  }
  .request-detail .requests .messaging .messages .button-wrapper {
    margin-top: 0;
  }
  .request-detail .requests .messaging .messages .post-item {
    height: 0;
  }
  .request-detail .requests .messaging .messages .message.has-avatar::after {
    top: -5px !important;
  }
  .request-detail .requests .messaging .messages .message.sent {
    border-radius: 24px 2px 48px 24px;
  }
  .request-detail .requests .messaging .messages .message.received {
    border-radius: 2px 24px 24px 48px;
  }
  .request-detail .requests .messaging .messages .message.sent {
    padding-left: 24px;
    padding-right: 0;
  }
  .request-detail .requests .messaging .messages .message.received {
    padding-left: 0;
    padding-right: 24px;
  }
  button.cta-primary-red[disabled] {
    padding: 15px 24px;
    line-height: 17px;
  }
  .request-overview .widget.your-requests .main-section .requests-list li.highlight {
    border-radius: 0;
  }
  .app-footer {
    box-shadow: 0px -2px 6px 6px rgb(0 0 0 / 2%);
  }
}
/* Bugfix main.css May 19, 2021 */
.favorite-locations .app-grid.oc-demand {
  height: auto;
}
@media (max-width: 767px) {
  .announcement-approval .text {
    display: block;
    overflow-y: unset;
  }
  .announcement-approval.text-only .onboarding-box:not(.approval-lightbox-carousel) {
    display: block;
  }
  .my-contracts .favorite-locations .app-grid .location-button-wrapper {
    height: auto;
  }
}
@media (min-width: 768px) {
  .announcement-approval .text {
    overflow-y: hidden !important;
    min-height: 1em;
  }
  .announcement-approval .onboarding-box.lightbox {
    display: block;
  }
  .request-detail .requests .messaging .messages .status {
    margin: 16px 0 24px 0;
  }
  /* Bugfix main.css May 19, 2021 */
  .announcement-approval .lightbox {
    overflow: auto !important;
  }
  .announcement-approval .lightbox-overlay .lightbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: auto;
  }
  .announcement-approval .text {
    padding-bottom: 40px;
  }
}

/* Changes for cookie consent */

.login .app-grid {
  -ms-grid-rows: auto 30px auto 30px auto 30px auto;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template:
      "logo logo logo logo logo logo logo logo logo logo logo logo"
      "img img img img img img img img img img img img"
      "title title title title title title title title title title title title"
      ". . . oldbrowser oldbrowser oldbrowser oldbrowser oldbrowser oldbrowser . . ."
      ". . . notice notice notice notice notice notice . . ."
      ". . . login login login login login login . . ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.login .app-grid .login-oldbrowser {
  -ms-grid-rows: 6;
  -ms-grid-columns: 1;
  -ms-grid-column-span: 23;
  -ms-grid-column-align: center;
  grid-area: oldbrowser;
}
.login .app-grid .login-notice {
  -ms-grid-rows: 7;
  -ms-grid-columns: 1;
  -ms-grid-column-span: 23;
  -ms-grid-column-align: center;
  grid-area: notice;
}
.login .login-form {
  -ms-grid-rows: 9;
}
.login-oldbrowser,
.login-notice {
  text-align: center;
  color: #fff;
  margin: 12px 0;
}
.login-oldbrowser p,
.login-notice p {
  font-size: 16px;
  line-height: 20.8px;
}

/* Bugfix main.css Apr 26, 2021 */

@media (max-width: 1023px) {
  .latest-announcements .chevron-right, .latest-announcements .chevron-left, .requests-updates-slider .chevron-right, .requests-updates-slider .chevron-left {
    z-index: 9;
  }
}
@media (max-width: 767px) {
  /* Temporarily */
  .building-and-data .my-contracts .app-grid-substitute .subtitle,
  .building-and-data .my-contracts .app-grid-substitute .other-contracts,
  .building-and-data .invoices {
    display: none;
  }
  .building-and-data .building .app-grid-substitute .subtitle {
    display: block !important;
  }
  .dash-first .onboarding-box.lightbox .left-content h2,
  .dash-first .onboarding-box.lightbox .left-content h4 {
    text-align: center;
  }

}
@media (max-width: 767px) and (max-height: 811px) {
  .sar-top .onboarding-box.lightbox .right-content,
  .pmbuiten .onboarding-box.lightbox .right-content {
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
  }
  .popup-forward-message .onboarding-box.lightbox .left-content {
    bottom: auto;
    height: 65%;
  }
  .onboarding-box.lightbox.alternate-layout .left-content {
    bottom: 24px;
  }
  .onboarding-box.lightbox .al-btn-wrapper {
    position: absolute;
    width: 100%;
    bottom: 12px;
    left: 0;
    right: 0;
    z-index: 1;
  }
}
@media (max-width: 767px) and (min-height: 737px) and (max-height: 811px) {
  .onboarding-box.lightbox.alternate-layout .dot-indicators {
    margin-bottom: 84px;
  }
}
@media (max-width: 767px) and (min-height: 667px) and (max-height: 736px) {
  .onboarding-box.lightbox.alternate-layout .left-content h4 {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) and (min-height: 640px) and (max-height: 736px) {
  .onboarding-box.lightbox.alternate-layout .dot-indicators {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) and (max-height: 640px) {
  .onboarding-box.lightbox.alternate-layout .left-content h4 {
    margin-bottom: 42px;
  }
  .onboarding-box.lightbox.alternate-layout .dot-indicators {
    margin-bottom: 42px;
  }
  .share-locations-lightbox .app-grid .lightbox .right-content img {
    margin-top: 24px;
  }
  .share-locations-lightbox .onboarding-box.lightbox .left-content h2 {
    margin-top: -15px;
  }
}
@media (max-width: 767px) and (max-height: 639px) {
  .dash-first .onboarding-box.lightbox.lightbox.content .right-content {
    top: -52px;
  }
  .share-locations-lightbox .app-grid .lightbox .right-content img {
    margin-top: 0;
  }
  .share-locations-lightbox .onboarding-box.lightbox .left-content h2 {
    margin-top: 0;
  }
}
@media (min-width: 375px) and (max-width: 729px) {
  .request-detail.ask-pm .hero-section h2 {
    white-space: nowrap;
    text-overflow: none;
    overflow: auto;
    max-width: 100%;
  }
}
@media (max-width: 374px) {
  .property-manager .dropdown-group .dropdown label select,
  .building-and-data .dropdown-group .dropdown select,
  .building-and-data .dropdown-group .dropdown label select,
  .support-and-request .dropdown-group .dropdown label select,
  .community-feed .dropdown-group .dropdown label select,
  .sar-top .highlights .dropdown-group .dropdown select,
  .builddet .request-overview .dropdown-group .dropdown select,
  .tendet .request-overview .dropdown-group .dropdown select {
    width: 138px;
    min-width: 138px;
    max-width: 138px;
  }
	.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip {
		position: absolute;
		width: 286px;
		left: -263px;
		right: auto;
		top: 54px;
		white-space: normal;
		z-index: 999;
	}
  .request-overview a.title-link,
  .request-overview a.title-link:hover,
  .request-overview a.title-link:focus,
  .request-overview a.title-link:active {
    max-width: 120px;
  }
  .create-announcement .form-section .input-title {
    height: 66px;
  }
  .create-announcement .form-section .input-formated input:placeholder-shown + .placeholder-formated {
    height: 66px;
  }
  .create-announcement .hero-section .app-grid {
    height: unset;
  }
}
@media (max-width: 359px) {
  .property-manager.buildings-tenants .hero-section.below-nav {
    height: 301px;
  }
  .request-detail.version-2021 .hero-section {
    height: 347px;
  }
  .create-announcement .hero-section .app-grid {
    height: 241px;
  }
}

/* Bugfix main.css April 21, 2022 */

@media (max-width: 767px) {
  .hero-section a.arrow-link,
  .hero-section .back-link {
    text-align: left !important;
    font-size: 18px !important;
    line-height: 21.47px !important;
    letter-spacing: .5px !important;
    background-image: none !important;
  }
  .building-and-data .hero-section a.arrow-link {
    font-size: 12px !important;
    line-height: 14.32px !important;
  }
  .hero-section a.arrow-link {
    margin-left: 0 !important;
  }
  .hero-section a.arrow-link::before {
    width: 12px !important;
    height: 20px !important;
    top: 4px !important;
    margin-top: 0 !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    margin-left: -4px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
  .hero-section a.arrow-link.white::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) !important;
  }
  .hero-section a.arrow-link.black::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/left/black.svg) !important;
  }
  .hero-section a.arrow-link.gray::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/left/gray.svg) !important;
  }
  .request-detail.version-2021 .hero-section .app-grid .arrow-link.white::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) !important;
    transform: rotate(0);
  }
  .request-detail.version-2021 .hero-section .app-grid .arrow-link.black::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/left/black.svg) !important;
    transform: rotate(0);
  }
  .request-detail.version-2021 .hero-section .app-grid .arrow-link.gray::before {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/left/gray.svg) !important;
    transform: rotate(0);
  }
  .request-detail.version-2021 .hero-section .app-grid .main-area .back-link {
    position: relative;
    top: -2px !important;
  }
  .reqsub .hero-section a.arrow-link.white::before {
    top: 0 !important;
    transform: rotate(0);
  }
  .reqsub .hero-section a.arrow-link.black::before {
    top: 0 !important;
    transform: rotate(0);
  }
  .document-sharing-flow .hero-section a.arrow-link.black::before {
    transform: rotate(0);
  }
}

/* Bugfix main.css June 26, 2022 */

.property-manager.building-and-data.pm-building-info .quick-action.report {
  padding: 9px 48px 9px 24px;
}
.property-manager.building-and-data.pm-building-info .quick-action {
  background-position: center right 16px;
}
.builddet .property-manager.building-and-data.pm-building-info .navigate button.overview {
  padding: 9px 24px 9px 48px;
  border: 1px solid #000;
  background: #000 url(/static/dsm/images/icons/action/controls/S/arrow/whitwl.svg) no-repeat;
  background-position: 16px center;
}
.builddet .property-manager.building-and-data.pm-building-info .navigate button.overview:hover,
.builddet .property-manager.building-and-data.pm-building-info .navigate button.overview:focus,
.builddet .property-manager.building-and-data.pm-building-info .navigate button.overview:active {
  background: #404040 url(/static/dsm/images/icons/action/controls/S/arrow/whitwl.svg) no-repeat;
  background-position: 16px center;
  border: 1px solid #404040;
}
.property-manager.building-and-data.pm-building-info .quick-action {
  background-image: url(/static/dsm/images/icons/download_white.svg);
  background-repeat: no-repeat;
  background-position: center right 16px;
  padding-right: 46px;
  margin-right: 16px;
  position: relative;
}

@media (max-width: 767px) {
  .property-manager.building-and-data.pm-building-info .quick-actions h3.subtitle:first-of-type {
    padding: 0;
  }
  .property-manager.building-and-data.pm-building-info .navigate {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .property-manager.building-and-data.pm-building-info .navigate h3.subtitle:first-of-type {
    padding-left: 0;
    margin-top: 34px;
  }
  .property-manager.building-and-data.pm-building-info .quick-actions {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-top: 0;
  }
  .property-manager.building-and-data.pm-building-info .document-sharing h3.subtitle:first-of-type {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .community .dashboard.first-time-access .welcome-teaser .button-wrapper button:not(:first-of-type) {
    margin-left: 10px;
  }
  /* Temporary / Long text French */
  .community .dashboard.first-time-access .welcome-teaser .button-wrapper {
    white-space: nowrap;
  }
  .community .dashboard.first-time-access .welcome-teaser .button-wrapper button:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
  }
  /* End Temporary */
  .property-manager.building-and-data.pm-building-info .navigate {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
  .property-manager.building-and-data.pm-building-info .navigate h3.subtitle:first-of-type {
    margin-top: 42px;
  }
  .property-manager.building-and-data.pm-building-info .quick-actions {
    margin-top: 28px;
  }
  .property-manager.building-and-data.pm-building-info .quick-actions h3.subtitle:first-of-type {
    margin-top: 24px;
  }
  .builddet .property-manager.building-and-data.pm-building-info .quick-actions button.overview {
    margin-bottom: 16px;
    margin-left: 0;
  }
}

/* Bugfix main.css August 11, 2022 */

@media (max-width: 767px) {
  .building-and-data .hero-section h2 {
    --max-lines: 3;
  }
  .community-feed.approval-section {
    margin-top: 34px;
  }
  .dash-first.community .teaser-wrapper .left-content {
    flex-direction: row;
  }
  .dash-first.community .teaser-wrapper .left-content .button-wrapper {
    width: 100%;
  }
}

/* Bugfix main.css August 14, 2022 */

@media (min-width: 1024px) {
  .fm-view .navbar .nav-links ul {
    justify-content: space-around;
  }
  .builddet.fm-view:not(.pm-view) .navbar .nav-links ul,
  .tendet.fm-view:not(.pm-view) .navbar .nav-links ul,
  .feedback.fm-view:not(.pm-view) .navbar .nav-links ul,
  .req-detail.fm-view:not(.pm-view) .navbar .nav-links ul,
  .reqsub.fm-view:not(.pm-view) .navbar .nav-links ul,
  .request-new.fm-view:not(.pm-view) .navbar .nav-links ul,
  .request-closed.fm-view:not(.pm-view) .navbar .nav-links ul,
  .notification.fm-view .navbar .nav-links ul,
  .sar-top.pm-view.fm-view .navbar .nav-links ul {
    justify-content: center;
  }
  .fm-view .navbar .nav-links ul li:first-of-type {
    margin-left: 0;
  }
  .builddet.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .tendet.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .feedback.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .req-detail.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .reqsub.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .request-new.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .request-closed.fm-view:not(.pm-view) .navbar .nav-links ul li:first-of-type,
  .notification.fm-view .navbar .nav-links ul li:first-of-type,
  .sar-top.pm-view.fm-view .navbar .nav-links ul li:first-of-type {
    margin-left: 72px;
  }
  .builddet.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .tendet.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .feedback.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .req-detail.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .reqsub.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .request-new.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .request-closed.fm-view:not(.pm-view) .navbar .nav-links ul li,
  .notification.fm-view .navbar .nav-links ul li,
  .fm-dash .navbar .nav-links ul li,
  .fm-view .navbar .nav-links ul li {
    margin-right: 0;
  }
}

/* Bugfix main.css August 17, 2022 */

@media (min-width: 768px) {
  .support-and-request .clear-position,
  .service-detail .clear-position,
  .building-and-data .clear-position {
    height: 186px;
  }
  .community-create .new-communication .hero-section,
  .create-announcement .hero-section,
  .reqsub.stepone .support-and-request.new-request .hero-section,
  .reqsub.steptwo .support-and-request.new-request .hero-section,
  .request-detail.version-2021 .hero-section,
  .request-detail.version-2021 .hero-section .app-grid,
  .create-announcement .hero-section .app-grid,
  .pm-tenant-detail .hero-section .app-grid,
  .account-management .hero-section .app-grid,
  .profile-notification-settings .hero-section.text-and-illustration .app-grid,
  .support-and-request .hero-section.text-and-illustration .app-grid {
    height: 186px;
  }
  .reqsub.stepthree .support-and-request.new-request .hero-section {
    height: 204px;
  }
  .property-manager.building-and-data.pm-building-info .document-sharing h3.subtitle:first-of-type,
  .property-manager.building-and-data.pm-building-info .navigate h3.subtitle:first-of-type {
    margin-top: 40px;
  }
  .account-management .section-toggle {
    margin-top: 30px;
  }
  .dash-first:not(.viewer-view) .highlights.latest-announcements .pm-dash-grid h3.subtitle,
  .dash-first:not(.fm-dash) .highlights.latest-announcements .ten-dash-highlights h3.subtitle,
  .dash-first.cm-view .highlights.latest-announcements .cm-dash-highlights h3.subtitle,
  .dash-first:not(.community) .highlights:not(.latest-announcements) h3.subtitle {
    margin-bottom: 8px;
  }
  .dash-first.viewer-view .highlights.latest-announcements .pm-dash-grid h3.subtitle,
  .dash-first.fm-dash .highlights.latest-announcements .ten-dash-highlights h3.subtitle,
  body:not(.pm-view) .highlights.latest-announcements.requests-updates-slider h3.subtitle,
  .viewer-view .highlights.latest-announcements.requests-updates-slider h3.subtitle,
  .dash-first.community .highlights.latest-announcements h3.subtitle {
    margin-bottom: 12px;
  }
  .app-grid.with-row-gap h3.subtitle {
    margin-bottom: 4px;
  }
  .property-manager.buildings-tenants .clear-position {
    height: 0;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher {
    margin-top: 25px;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs {
    display: flex;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher button {
    font-size: 20px;
    line-height: normal;
    text-align: left;
    color: #000000;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 400;
    color: #404040;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    position: relative;
    top: 1px;
    padding-bottom: 6px;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button {
    line-height: normal;
    padding: 6px 0;
    margin-left: 40px;
    margin-top: -1px;
    margin-bottom: 0;
  }
  .property-manager.buildings-tenants .buildings-tenants-list .tab-switcher .tabs button span,
  .property-manager.pm-building-info .buildings-tenants-list .tab-switcher .tabs button span {
    font-size: 12px;
    line-height: normal;
    text-align: left;
    color: #000000;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #404040;
    color: #fff;
    font-size: 8px;
    border-radius: 50%;
    padding: 6px;
    width: 21px;
    height: 21px;
    margin-left: 8px;
  }
  .account-management .sticky-wrapper {
    padding-top: 40px;
  }
}

/* Bugfix main.css August 30, 2022 */

@media (max-width: 767px) {
  .dash-first.community .announcements-dashboard.first-time-access .welcome-teaser .welcome-title,
  .dash-first.community .dashboard.first-time-access .welcome-teaser .welcome-title {
    -webkit-line-clamp: 3;
    height: unset;
    min-height: 34px;
    max-height: 102px;
    margin-top: auto;
    margin-bottom: 16px;
  }
  .dash-first.community .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    margin-bottom: 20px;
  }
  .dash-first.community.role-occupier .announcements-dashboard.dashboard.first-time-access .welcome-illustration,
  .dash-first.community.viewer-view .announcements-dashboard.dashboard.first-time-access .welcome-illustration {
    margin-bottom: 29px;
  }
  .dash-first.community .dashboard.first-time-access:not(.role-occupier) .welcome-teaser .left-content {
    flex-basis: 138px;
  }
  .dash-first.community .dashboard.first-time-access.role-occupier .welcome-teaser .left-content {
    flex-basis: 172px;
  }
  .dash-first.community .welcome-teaser .button-wrapper {
    margin-top: 0;
  }
  .dash-first.community .dashboard.first-time-access .welcome-teaser .button-wrapper button:last-of-type,
  .dash-first.community .dashboard.first-time-access .welcome-teaser .button-wrapper button:first-of-type:last-of-type {
    margin-top: 0;
  }
  .pm-view .support-and-request .hero-section.below-nav,
  .pm-view .service-detail .hero-section.below-nav {
    height: calc(72px + 322px);
  }
}

/* Bugfix main.css September 08, 2022 */

@media (max-width: 767px) {
  .dash-first .latest-announcements .widgets-wrapper {
    margin: -8px 16px 0 -20px;
  }
  .dash-first .dashboard.announcements-dashboard .latest-announcements .widgets-wrapper {
    margin: -8px 16px 0 -16px;
  }
  .dash-first.role-occupier .dashboard.role-occupier .latest-announcements .widgets-wrapper {
    margin: -12px 16px 0 -20px;
  }
  .dash-first.role-occupier .dashboard.announcements-dashboard .latest-announcements .widgets-wrapper {
    margin: -7.5px 16px 0 -16px;
  }
  .dashboard .request-overview h3.subtitle.cm-dash-sub {
    padding-top: 0;
  }
  .community-feed {
    margin-top: 20px;
  }
}

/* Bugfix main.css September 16, 2022 */

@media (min-width: 768px) {
  .widget.services-widget .widget-head {
    position: relative;
    margin: -20px -16px 0;
  }
}

/* Bugfix main.css September 27, 2022 */

@media (min-width: 768px) {
  .hidden-overflow {
    overflow: hidden;
    padding: 4px 0;
  }
}

/* Bugfix main.css Oktober 05, 2022 */

.support-and-request .requests-list li a.title:hover {
  color: #346eff;
}
.support-and-request .requests-list li a.title:hover span {
  color: #fff;
  background: #346eff;
}

@media (max-width: 767px) {
  .tenant-dash .request-overview .widget.your-requests .main-section.empty {
    justify-content: space-between;
    padding: 0;
  }
  .tenant-dash .request-overview .widget.your-requests > .main-section.empty {
    margin-top: -48px;
  }
}

@media (min-width: 768px) {
  .request-overview .widget.your-requests .requests-top-section {
    padding-bottom: 6px;
  }
  .pm-dashboard .highlights .app-grid.no-requests,
  .tenant-dash .highlights .app-grid.agb.no-requests {
    display: none;
  }
  .tenant-dash .request-overview.no-requests {
    margin-top: -24px;
  }
}

/* Bugfix main.css November 08, 2022 */

@media (min-width: 768px) {
  .reqdetail.stepone .new-request .hero-section .subtitle,
  .reqdetail.steptwo .new-request .hero-section .subtitle {
    height: 18px;
    max-height: 18px;
    margin-bottom: 2px;
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 767px) {
  .reqdetail .support-and-request .hero-section.stepone,
  .reqdetail .support-and-request .hero-section.steptwo {
    height: 192px;
  }
  .reqdetail .new-request .hero-section.stepone .subtitle,
  .reqdetail .new-request .hero-section.steptwo .subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: unset;
    text-overflow: unset;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: unset;
    min-height: 36px;
  }
}

/* Bugfix main.css December 21, 2022 - Request for PM */

.property-manager .dashboard-tenants .button-wrapper button.cta-primary-red,
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-black {
  color: #000;
  background: transparent;
  border-color: #dedede;
}
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-red:hover,
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-red:focus,
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-red:active {
  color: #fff;
  background: #C21817;
  border-color: #C21817;
}
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-black:hover,
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-black:focus,
.property-manager .dashboard-tenants .button-wrapper button.cta-primary-black:active {
  color: #fff;
  background: #000;
  border-color: #000;
}

@media (min-width: 768px) {
  .property-manager .dashboard-tenants .button-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 12px;
  }
  .property-manager .dashboard-tenants .button-wrapper button {
    display: block;
    margin-left: 16px;
  }
  .property-manager .dashboard-tenants .button-wrapper button:first-of-type {
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .property-manager .dashboard-tenants .button-wrapper button {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 24px;
    margin: 0 0 16px 0;
  }
}

/* Bugfix main.css December 21, 2022 - Request for FM */

@media (max-width: 767px) {
  .fm-dash .widget.monthly {
    height: 566px;
  }
  .fm-dash .request-overview .cta-primary-red {
    color: #000;
    background: #fff;
    border-color: #dedede;
    margin-top: 48px;
    margin-bottom: 16px;
    padding: 15px 24px;
    line-height: 17px;
  }
  .fm-dash .request-overview button.cta-secondary-red {
    font-size: 14px;
  }
  .fm-dash .request-overview .widget.monthly button.cta-primary-red:hover,
  .fm-dash .request-overview .widget.monthly button.cta-primary-red:focus,
  .fm-dash .request-overview .widget.monthly button.cta-primary-red:active {
    color: #FFF;
    background: #c21817;
    border-color: #c21817;
    line-height: 17px;
  }
}

/* Request Feedback */

.request-detail .requests .app-grid.main.expand-feedback {
  grid-template:
    "t-1 t-1 t-1 t-1 t-1 t-1 t-1 t-1 t-2 t-2 t-2 t-2"
    "rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-le-1 rd-wi-ri rd-wi-ri rd-wi-ri rd-wi-ri"
    "rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-le-2 rd-wi-ri rd-wi-ri rd-wi-ri rd-wi-ri"
    "t-3 t-3 t-3 t-3 t-3 t-3 t-3 t-3 rd-wi-ri rd-wi-ri rd-wi-ri rd-wi-ri"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.request-detail .requests .app-grid.main.expand-feedback .request-info .attachments.xtrabtn {
  margin-bottom: 16px;
}
.request-detail .requests .app-grid.main.expand-feedback .request-info .chatwrapper {
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -16px;
  text-align: right;
  background: #f7f7f7;
}
.page-content.support-and-request.ask-pm {
  margin-top: 0;
}
.feedback-container {
  grid-area: rd-wi-le-2;
}
.feedback-container .rating-container {
  height: auto;
  padding-bottom: 16px;
}
.feedback-container .content-request {
  height: auto;
  padding: 0 0 16px 0;
  border-top: 1px solid #DEDEDE;
}
.feedback-container .comment-place input {
  max-width: 576px;
  width: 100%;
  padding: 0 8px;
}
.feedback-container .comment-place input:focus {
  outline: none;
}
.feedback-container .send-button {
  background: #C21817;
  cursor: pointer;
}
.feedback-container .send-button:hover,
.feedback-container .send-button:focus,
.feedback-container .send-button:active {
  background: #8e1230;
}
.chatbtn .cta-primary-black:hover,
.chatbtn .cta-primary-black:focus,
.chatbtn .cta-primary-black:active {
  background: rgba(0, 0, 0, 0.85);
}

@media (max-width: 1023px) {
  .feedback-container .comment-place {
    height: 46px;
    padding: 6px 0;
  }
  .feedback-container .comment-place input {
    font-size: 16px;
    line-height: 24px;
  }
  .feedback-container .comment-place input::placeholder {
    color: #b0b2b3;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .request-detail .requests .app-grid.main.expand-feedback .messaging {
    margin-bottom: 0;
  }
  .feedback-container .rating-emoji {
    justify-content: space-between;
    padding: 0 12px;
  }
  .feedback-container .send-button {
    height: 49px;
  }
  .feedback-container .send-button a {
    display: inline-block;
    width: 100%;
  }
  .feedback-container .send-button a p {
    text-align: center;
    padding: 15px 24px;
    font-size: 14px;
    line-height: 17px;
  }
  .feedback-container .send-button:hover,
  .feedback-container .send-button:focus,
  .feedback-container .send-button:active {
    background: #8e1230;
  }
  .notes {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .chatbtn .cta-primary-black {
    display: inline-block;
    width: 100%;
    height: 49px;
    text-align: center;
    padding: 15px 24px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media (min-width: 768px) {
  .request-detail .requests .app-grid.main.expand-feedback {
    margin-bottom: -72px;
  }
}


/* Emojis */

.rating-container .rating-emoji .emoji-bad a,
.rating-container .rating-emoji .emoji-ok a,
.rating-container .rating-emoji .emoji-ok-bad a,
.rating-container .rating-emoji .emoji-great a,
.rating-container .rating-emoji .emoji-awesome a {
  display: inline-block;
  width: 34px;
  height: 34px;
}
.rating-container .rating-emoji .emoji-bad a:hover,
.rating-container .rating-emoji .emoji-bad a:focus,
.rating-container .rating-emoji .emoji-bad a:active,
.rating-container .rating-emoji .emoji-bad a.active {
  background: url(/static/assets/images/smile-bad-active.svg) center center no-repeat !important;
  background-size: 34px 34px;
}
.rating-container .rating-emoji .emoji-ok a:hover,
.rating-container .rating-emoji .emoji-ok a:focus,
.rating-container .rating-emoji .emoji-ok a:active,
.rating-container .rating-emoji .emoji-ok a.active {
  background: url(/static/assets/images/smile-ok-active.svg) center center no-repeat !important;
  background-size: 34px 34px;
}
.rating-container .rating-emoji .emoji-ok-bad a:hover,
.rating-container .rating-emoji .emoji-ok-bad a:focus,
.rating-container .rating-emoji .emoji-ok-bad a:active,
.rating-container .rating-emoji .emoji-ok-bad a.active {
  background: url(/static/assets/images/smile-ok-bad-active.svg) center center no-repeat !important;
  background-size: 34px 34px;
}
.rating-container .rating-emoji .emoji-great a:hover,
.rating-container .rating-emoji .emoji-great a:focus,
.rating-container .rating-emoji .emoji-great a:active,
.rating-container .rating-emoji .emoji-great a.active {
  background: url(/static/assets/images/smile-great-active.svg) center center no-repeat !important;
  background-size: 34px 34px;
}
.rating-container .rating-emoji .emoji-awesome a:hover,
.rating-container .rating-emoji .emoji-awesome a:focus,
.rating-container .rating-emoji .emoji-awesome a:active,
.rating-container .rating-emoji .emoji-awesome a.active {
  background: url(/static/assets/images/smile-awesome-active.svg) center center no-repeat !important;
  background-size: 34px 34px;
}

@media (max-width: 1023px) {
  .rating-container .rating-emoji .emoji-bad a {
    background: url(/static/assets/images/smile-bad-mobile.svg) center center no-repeat !important;
    background-size: 34px 34px;
  }
  .rating-container .rating-emoji .emoji-ok a {
    background: url(/static/assets/images/smile-ok-mobile.svg) center center no-repeat !important;
    background-size: 34px 34px;
  }
  .rating-container .rating-emoji .emoji-ok-bad a {
    background: url(/static/assets/images/smile-ok-bad-mobile.svg) center center no-repeat !important;
    background-size: 34px 34px;
  }
  .rating-container .rating-emoji .emoji-great a {
    background: url(/static/assets/images/smile-great-mobile.svg) center center no-repeat !important;
    background-size: 34px 34px;
  }
  .rating-container .rating-emoji .emoji-awesome a {
    background: url(/static/assets/images/smile-awesome-mobile.svg) center center no-repeat !important;
    background-size: 34px 34px;
  }
}

@media (min-width: 1024px) {
  .rating-container .rating-emoji .emoji-bad a {
    background: url(/static/assets/images/smile-bad.svg) center center no-repeat !important;
    background-size: 24px 24px;
  }
  .rating-container .rating-emoji .emoji-ok a {
    background: url(/static/assets/images/smile-ok.svg) center center no-repeat !important;
    background-size: 24px 24px;
  }
  .rating-container .rating-emoji .emoji-ok-bad a {
    background: url(/static/assets/images/smile-ok-bad.svg) center center no-repeat !important;
    background-size: 24px 24px;
  }
  .rating-container .rating-emoji .emoji-great a {
    background: url(/static/assets/images/smile-great.svg) center center no-repeat !important;
    background-size: 24px 24px;
  }
  .rating-container .rating-emoji .emoji-awesome a {
    background: url(/static/assets/images/smile-awesome.svg) center center no-repeat !important;
    background-size: 24px 24px;
  }
}

/* News & Announcements history */

.community-archive .support-and-request .requests-list li {
  border-radius: 0;
}
.community-archive .support-and-request .requests-list li.orange {
  border-left: 4px solid #C21817 !important;
}
.community-archive .support-and-request .requests-list li.orange a.title {
  margin-left: -4px;
}
.community-archive .support-and-request .hero-section.apricote {
  background: #F7C7B7;
}
.community-archive .support-and-request .hero-section.text-and-illustration .app-grid .left-area .subtitle {
  color: #404040;
}
.community-archive .tag.color_refused {
  background: #E9573D;
}
/* Fake select Community archive */
.community-archive .fake-dropdown-wrapper.dd1,
.community-archive .fake-dropdown-wrapper.dd2 {
  grid-area: sel1;
}
.community-archive .fake-dropdown-wrapper {
  position: relative;
}
.community-archive .dropdown > .fake-select {
  min-width: unset;
  max-width: unset;
  width: 100%;
}
.community-archive .dropdown.fake-dropdown:not(:last-of-type) {
  margin-right: 8px;
}
.community-archive .dropdown.fake-dropdown.sortselect {
  margin-right: 0;
}
.community-archive .fake-dropdown-wrapper .fake-options {
  display: none;
  position: absolute;
  width: 100%;
  top: 31px;
  left: 0;
  background: #fff;
  box-shadow: 0px 2px 6px 2px rgb(0 0 0 / 20%);
  border-radius: 2px;
  max-height: 241px;
  overflow-y: scroll;
  z-index: 10;
}
.community-archive .fake-dropdown-wrapper .fake-options {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  min-width: fit-content;
  cursor: pointer;
}
.community-archive .fake-dropdown-wrapper.expanded .fake-options {
  display: block;
}
.community-archive .fake-dropdown-wrapper .fake-options .fake-option {
  padding: 8px 0;
  margin: 0 8px;
}
.community-archive .fake-dropdown-wrapper .fake-placeholder {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  max-width: 82px;
}
.community-archive .fake-dropdown-wrapper .fake-option:not(:last-child) {
  border-bottom: 1px solid #dedede;
}
.community-archive .fake-dropdown-wrapper.expanded .fake-options .search {
  padding: 8px 8px 0 8px;
}
.community-archive .fake-dropdown-wrapper.expanded .fake-options .search input {
  background: #F0F0F0 url(/static/dsm/images/icons/search-small.svg) no-repeat;
  background-position: calc(100% - 8px) center;
  border: none;
}
.community-archive .fake-dropdown-wrapper .fake-multiselect-options label {
  text-transform: none;
  font-weight: normal;
  padding-left: 22px;
}
.community-archive .fake-dropdown-wrapper .checkbox label {
  display: block;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 10px;
  padding-right: 32px;
  cursor: pointer;
}
.community-archive .fake-dropdown-wrapper .checkbox label::before {
  content: "";
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
}
.community-archive .fake-dropdown-wrapper .checkbox label.checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black.svg) no-repeat center/contain;
}
.community-archive .fake-dropdown-wrapper .checkbox label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.community-archive .fake-select-desc {
  display: flex;
  align-items: center;
  font-size: 9px;
  line-height: 10.74px;
  letter-spacing: 0.2px;
  color: #6F7072;
  margin-right: 8px;
}

@media (max-width: 767px) {
  .community-archive .sortopened {
    margin-top: -16px;
  }
}

@media (min-width: 768px) {
  .community-archive .sortopened {
    display: flex;
  }
}

/* End Fake */
body:not(.role-occupier) .dashboard .highlights .view_all_posts,
body.role-occupier .first-time-access.announcements-dashboard .dashboard .highlights .view_all_posts {
  padding-bottom: 11.5px;
  text-align: right;
   margin-top: -26px;
}
body.role-occupier .first-time-access:not(.announcements-dashboard) .dashboard .highlights .view_all_posts {
  display: none;
}
.view_all_posts a {
  font-size: 10px;
  line-height: 11.93px;
  color: #346eff;
  border-bottom: 1px solid #346eff;
}
.view_all_posts a:hover,
.view_all_posts a:focus,
.view_all_posts a:active {
  color: #fff;
  background: #346eff !important;
  border-bottom: 1px solid #346eff;
}

@media (max-width: 767px) {
  body:not(.role-occupier) .dashboard .highlights .view_all_posts,
  body.role-occupier .first-time-access.announcements-dashboard .dashboard .highlights .view_all_posts {
    padding-bottom: 8px;
    text-align: right;
    margin-top: -29px;
  }
  .view_all_posts a {
    font-size: 14px;
    line-height: 17px;
  }
  .community-archive.request-closed .support-and-request .closed-requests .requests-list li .title .closed-inline {
    color: #346eff;
    text-decoration: underline !important;
  }
  .community-archive.request-closed .support-and-request .closed-requests .requests-list li .title:hover .closed-inline {
    background: none;
    text-decoration: underline !important;
  }
}

/* General Classes by Max */

.block {
  display: block;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-end {
  justify-content: flex-end;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-stretch {
  align-items: stretch;
}
.flex-grow {
  flex-grow: 1;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.pointer {
  cursor: pointer;
}
.show-on-tablet {
  display: none;
}
.hide-on-tablet {
  display: block;
}
.border-none {
  border: none;
}
.text-shadow {
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.uppercase {
  text-transform: uppercase;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.display-none {
  display: none;
}
.opacity-none {
  opacity: 0;
}
.section-margin-bottom {
  margin-bottom: 40px;
}
.no-margin {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin-none {
  margin: 0px;
}

@media only screen and (max-width: 767px) {
  .app-grid.with-row-gap-big {
    row-gap: 20px;
  }
  .padding-left-right-general {
    padding-left: 39px;
    padding-right: 39px;
  }
  .show-on-tablet {
    display: block;
  }
  .hide-on-tablet {
    display: none;
  }
}
.cursor-pointer {
  cursor: pointer;
}

/* Colors by Max */
.bg-sunset-orange {
  background-color: #f09273;
}
.text-soft-grey {
  color: #787e80;
}
.bg-secondary-grey {
  background-color: #b0b2b3;
}
.text-secondary-grey {
  color: #b0b2b3;
}
.bg-darkred {
  background-color: #8e1230;
}
.text-darkred {
  color: #8e1230;
}
.bg-orange {
  background-color: #e9573d;
}
.text-orange {
  color: #e9573d;
}
.bg-darkgrey {
  background-color: #6f7072;
}
.text-darkgrey {
  color: #6f7072;
}
.link-blue {
  color: #346eff;
}
.bg-neutral-grey {
  background-color: #dedede;
}
.text-neutral-grey {
  color: #dedede;
}
.bg-neutral-grey-darker {
  background-color: #404040;
}
.text-neutral-grey-darker {
  color: #404040;
}
.bg-red-primary {
  background-color: #c21817;
}
.text-red-primary {
  color: #c21817;
}
.bg-darkred-hero {
  background-color: #752126;
}
.text-white {
  color: white;
}
.bg-white {
  background-color: white;
}
.text-black {
  color: black;
}
.bg-black {
  background-color: black;
}
.text-lightorange {
  color: #f7c7b7;
}
.bg-lightorange {
  background-color: #f7c7b7;
}
.text-lightgrey {
  color: #f7f7f7;
}
.bg-lightgrey {
  background-color: #f7f7f7;
}
.bg-skyblue {
  background-color: #E8EEFF;
}
.text-skyblue {
  color: #E8EEFF;
}

/* Viewer settings */

.popup-wrapper.viewer-settings {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: vertical;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.6);
  z-index: 20;
}
h1 {
  letter-spacing: 0.8px;
  font-weight: 400;
}
p {
  font-size: 16px;
}
.viewer-settings .popup {
  position: relative;
  background-color: #ffffff;
  border-radius: 3px;
  width: 90vw;
  max-width: 610px;
}
.viewer-settings .close {
  height: 24px;
  width: 24px;
  position: absolute;
  top: -30px;
  right: 0;
  cursor: pointer;
}
.viewer-settings .popup-header {
  padding: 40px 40px 16px 40px;
  border-radius: 3px 3px 0 0;
}
.viewer-settings .popup-footer {
  padding: 40px;
  display: flex;
  justify-content: end;
  border-radius: 0 0 3px 3px;
}
.viewer-settings .popup-form-wrapper {
  padding: 15px 40px 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.viewer-settings .popup-form-wrapper p {
  padding-bottom: 15px;
  font-size: 14px;
}
.viewer-settings .double-dropdown-wrapper {
  display: flex;
  width: 100%;
}
.viewer-settings .dropdown-spacer {
  width: 8px;
}
.viewer-settings .dropbtn {
  font-size: 9px;
  line-height: 28px;
  max-height: 28px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000;
  border-radius: 2px;
  border: 1px solid #DEDEDE;
  padding: 0 32px 0 10px;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
  background: #F0F0F0 url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black.svg) no-repeat center right 8px;
  display: inline-block;
  min-width: 100%;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.viewer-settings .searchInput {
  width: 100%;
  font-size: 9px;
  box-sizing: border-box;
  background: url(/static/dsm/images/icons/search-small.svg) no-repeat center right 6px #f0f0f0;
  padding: 7px 32px 7px 8px;
  border: none;
  border-radius: 2px;
}
.viewer-settings .searchInput:focus {
  outline: 3px solid #ddd;
}
.viewer-settings .dropdown {
  position: relative;
  display: inline-block;
  min-width: 260px;
  font-size: 14px !important;
  flex-grow: 2;
  margin-bottom: 8px;
}
.viewer-settings .dropdown-small {
  position: relative;
  display: inline-block;
  font-size: 9px !important;
  min-width: 152px;
}
.viewer-settings .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  margin-top: 2px;
  padding: 8px;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
  z-index: 4;
  width: 100%;
  max-height: 250px;
  overflow: scroll;
}
.viewer-settings .dropdown-content a {
  color: black;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: 2px;
  margin: 2px 0px;
}
.viewer-settings .dropdown-content a:first-of-type {
  margin-top: -4px;
}
.viewer-settings .sepline {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DEDEDE;
  margin: 4px 0 8px;
}
.viewer-settings .show {
  display: block;
}
.viewer-settings .popup-btn {
  border-radius: 4px;
  padding: 9px 24px;
}
.viewer-settings .popup-btn:not(:last-of-type) {
  margin-right: 4px;
}
.viewer-settings .dropdown:not(:first-child) label {
  margin-left: 0;
}
.viewer-settings .dropdown-label {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 24px;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  cursor: pointer;
}
.viewer-settings input[type="checkbox" i] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  height: 24px;
  width: 28px;
}
.viewer-settings input[type="checkbox" i]::before {
  content: "";
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked-fake.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 8px 0;
  padding: 0;
  cursor: pointer;
}
.viewer-settings input[type="checkbox" i].checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black-fake.svg) no-repeat center/contain;
}

@media screen and (max-width: 1023px) {
  .viewer-settings .popup {
    max-width: 591px;
  }
  .viewer-settings .double-dropdown-wrapper {
    flex-direction: column;
  }
  .viewer-settings .dropdown-small {
    flex-grow: 2;
    min-width: 260px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .viewer-settings .popup {
    display: flex;
    flex-direction: column;
    max-width: unset;
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: auto;
  }
  .viewer-settings .close {
    width: 40px;
    height: 40px;
    top: 24px;
    right: 24px;
    padding-top: 8px;
    background-color: #404040;
    border-radius: 50%;
  }
  .viewer-settings .close img {
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin: 0 auto;
  }
  .viewer-settings .popup-header {
    padding: 72px 64px 0;
    border-radius: 0;
    text-align: center;
    min-height: 178px;
  }
  .viewer-settings .popup-header h1 {
    position: relative;
    font-size: 28px;
    line-height: 33.4px;
    margin-bottom: 40px;
  }
  .viewer-settings .popup-form-wrapper {
    padding: 24px 16px 48px 16px;
  }
  .viewer-settings .dropdown-content {
    max-height: 201px;
  }
  .viewer-settings .dropdown:not(:first-child) {
    margin-left: 0;
    margin-top: 0;
  }
  .viewer-settings .dropbtn {
    font-size: 12px;
    line-height: 14.32px;
    max-height: 48px;
    padding: 16px 40px 16px 8px;
    background: #F0F0F0 url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 8px;
  }
  .viewer-settings .popup-footer {
    margin-top: auto;
    min-height: 192px;
    flex-direction: column;
    padding: 16px;
    border-radius: 0;
  }
  .viewer-settings .popup-footer .button-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .viewer-settings .popup-btn {
    border-radius: 4px;
    padding: 15px 24px;
    font-size: 14px;
    line-height: 17px;
  }
  .viewer-settings .popup-btn:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 1024px) {
  .viewer-settings .dropbtn.side {
    min-width: 152px;
    max-width: 152px;
  }
}

/* KPI Dashboard */
.kpi-dashboard .hero-section.text-and-illustration {
  background: #404040;
  height: auto;
  display: block;
  padding-left: 39px !important;
  padding-right: 39px !important;
}
.kpi-dashboard .hero-section.text-and-illustration .app-grid {
  grid-template: "content content content content content content content content content img img img"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding: 30px 0;
  height: 186px;
}
.kpi-dashboard .hero-section.text-and-illustration .app-grid .left-area {
  grid-area: content;
}
.kpi-dashboard .hero-section.text-and-illustration .app-grid .left-area .back-link {
  position: static;
  align-self: flex-start;
  color: #fff !important;
  margin: 0;
}
.kpi-dashboard .hero-section h2 {
  font-size: 28px;
  line-height: normal;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.88px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.kpi-dashboard .hero-section.text-and-illustration .app-grid .left-area h2 {
  margin-top: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kpi-dashboard .hero-section.text-and-illustration .app-grid .left-area .subtitle {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f9fafb;
  margin-top: 8px;
}
.kpi-dashboard .hero-section.text-and-illustration .app-grid .illustration {
  grid-area: img;
  width: 80px;
  height: 80px;
}
@media (max-width: 767px) {
  .kpi-dashboard .hero-section.text-and-illustration {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .kpi-dashboard .hero-section.text-and-illustration .app-grid {
    padding: 14px 0;
    height: 212px;
  }
  .kpi-dashboard a.arrow-link.left::before {
    content: "";
    transform: rotate(0deg);
  }
  .kpi-dashboard a.arrow-link::before {
    background: url(/static/dsm/images/icons/action/controls/S/chevron/left/white.svg) center !important;
  }
  .kpi-dashboard .hero-section.text-and-illustration .app-grid .left-area h2 {
    margin-top: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 33.2px;
    word-break: break-word;
  }
  .kpi-dashboard .hero-section.text-and-illustration .app-grid .left-area .subtitle {
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
  }
}
.kpi-dashboard .kpi-main {
  margin: 0 auto;
}
.kpi-dashboard .kpi-main .dashboard-row {
  max-width: 1008px;
}
.kpi-dashboard .kpi-main .dropdown-wrapper {
  column-gap: 30px;
}
.kpi-dashboard .kpi-main p.filter-label {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  letter-spacing: 0.2px;
  white-space: nowrap;
  color: #787e80;
  padding-top: 9px;
}
.kpi-dashboard .kpi-main .dropbtn {
  font-size: 9px;
  line-height: 28px;
  max-height: 28px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000;
  border-radius: 2px;
  border: 1px solid #DEDEDE;
  padding: 0 24px 0 10px;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
  background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black.svg) no-repeat center right 8px;
  display: inline-block;
  min-width: 130px;
  max-width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kpi-dashboard .kpi-main .searchInput {
  width: 100%;
  font-size: 9px;
  box-sizing: border-box;
  background: url(/static/dsm/images/icons/search-small.svg) no-repeat center right 6px #f0f0f0;
  padding: 7px 32px 7px 8px;
  border: none;
  border-radius: 2px;
}
.kpi-dashboard .kpi-main .searchInput:focus {
  outline: 3px solid #ddd;
}
.kpi-dashboard .kpi-main .dropdown {
  position: relative;
  display: inline-block;
  min-width: 130px;
  font-size: 14px !important;
  flex-shrink: 1;
  margin-bottom: 8px;
}
.kpi-dashboard .kpi-main .dashboard-row {
  margin: 10px auto 20px;
  padding-left: 39px !important;
  padding-right: 39px !important;
}
@media screen and (max-width: 1023px) {
  .kpi-dashboard .kpi-main .dropdown-wrapper {
    column-gap: 0px;
  }
  .kpi-dashboard .kpi-main .dropbtn {
    min-width: 99px;
    max-width: 99px;
  }
  .kpi-dashboard .kpi-main .dropdown {
    min-width: 130px;
    max-width: 130px;
    margin-right: -31px;
    margin-left: 30px;
  }
  .kpi-dashboard .kpi-main .dropdown-content {
    left: -31px;
  }
}
@media screen and (max-width: 799px) {
  .kpi-dashboard .kpi-main .dropbtn {
    min-width: 90px;
    max-width: 90px;
  }
  .kpi-dashboard .kpi-main .dropdown {
    margin-right: -40px;
  }
  .kpi-dashboard .kpi-main .dropdown-content {
    left: -40px;
  }
}
@media screen and (max-width: 767px) {
  .kpi-dashboard .kpi-main .dropdown-wrapper {
      flex-direction: column;
      gap: 8px !important;
  }
  .kpi-dashboard .kpi-main .dashboard-row {
      flex-direction: column;
      align-items: stretch;
  }
  .kpi-dashboard .kpi-main .row-label {
      flex-direction: row !important;
  }
  .kpi-dashboard .kpi-main .tablet-hidden {
      display: none;
  }
}
.kpi-dashboard .kpi-main .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  margin-top: 6px;
  padding: 2px 8px 8px;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
  z-index: 4;
  width: 100%;
  max-height: 250px;
  overflow: scroll;
}
.kpi-dashboard .kpi-main .checkbox-wrapper {
  color: black;
  text-decoration: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: start;
  border-radius: 2px;
  margin: 2px 0;
}
.kpi-dashboard .kpi-main .checkbox-wrapper.alternate {
  margin: 5px 0;
}
.kpi-dashboard .kpi-main .sepline {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DEDEDE;
  margin: 4px 0 8px;
}
.kpi-dashboard .kpi-main .show {
  display: block;
}
.kpi-dashboard .kpi-main .dropdown:not(:first-child) label {
  margin-left: 0;
}
.kpi-dashboard .kpi-main .dropdown .dropdown-label {
  color: #000;
}
.kpi-dashboard .kpi-main .dropdown-label {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  cursor: pointer;
}
.kpi-dashboard .kpi-main .checkbox-wrapper.alternate .dropdown-label {
  width: auto;
  margin-right: 10px;
  font-size: 12px;
  line-height: 14.32px;
  padding: 0 0 0 8px;
  flex-grow: 2;
  display: flex;
  justify-self: start;
  align-items: center;
  -webkit-box-orient: unset;
  overflow: unset;
  -webkit-line-clamp: unset;
}
.kpi-dashboard .kpi-main .checkbox-wrapper.alternate .dropdown-label.car {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.kpi-dashboard .kpi-main input[type="checkbox" i] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.kpi-dashboard .kpi-main input:not(.cb-large)[type="checkbox" i] {
  position: relative;
  height: 24px;
  width: 28px;
}
.kpi-dashboard .kpi-main input.cb-large[type="checkbox" i] {
  position: relative;
  height: 20px;
  width: 20px;
}
.kpi-dashboard .kpi-main input:not(.cb-large)[type="checkbox" i]::before {
  content: "";
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked-fake.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 8px 0;
  padding: 0;
  cursor: pointer;
}
.kpi-dashboard .kpi-main input:not(.cb-large)[type="checkbox" i].checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black-fake.svg) no-repeat center/contain;
}
.kpi-dashboard .kpi-main input.cb-large[type="checkbox" i]::before {
  content: "";
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/unchecked.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox input.cb-large[type="checkbox" i]::before,
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox-horizontal input.cb-large[type="checkbox" i]::before {
  left: 0;
}
.kpi-dashboard .kpi-main input.cb-large.checked[type="checkbox" i]::before {
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/checked-black.svg) no-repeat center/contain;
}
.kpi-dashboard .kpi-main input[type="checkbox" i].bg-darkred.checked::before {
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/checked-darkred.svg) no-repeat center/contain;
}
.kpi-dashboard .kpi-main input[type="checkbox" i].bg-orange.checked::before {
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/checked-orange.svg) no-repeat center/contain;
}
.kpi-dashboard .kpi-main input[type="checkbox" i].bg-red-primary.checked::before {
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/checked-red.svg) no-repeat center/contain;
}
.kpi-dashboard .kpi-main input[type="checkbox" i].bg-darkgrey.checked::before {
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/checked-darkgray.svg) no-repeat center/contain;
}
.kpi-dashboard .kpi-main input[type="checkbox" i].bg-secondary-grey.checked::before {
  background: #fff url(/static/dsm/images/icons/toggle/checkbox/S/checked-gray.svg) no-repeat center/contain;
}

/* calendar/datepicker styles */
.kpi-dashboard .kpi-main .calendar {
  width: 350px;
  padding: 22px;
  border: 1px solid #DEDEDE;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.kpi-dashboard .kpi-main .calendar-row {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -moz-column-gap: 5px;
  column-gap: 5px;
  row-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.kpi-dashboard .kpi-main .month-picker {
  margin: 10px;
}
.kpi-dashboard .kpi-main .month {
  font-size: 18px;
}
.kpi-dashboard .kpi-main .calendar-icon {
  height: 22px;
  margin: 0 12px;
}
.kpi-dashboard .kpi-main .day {
  height: 28px;
  grid-row: span 1;
}
.kpi-dashboard .kpi-main .date {
  grid-row: span 1;
  height: 46px;
  border-radius: 2px;
  position: relative;
}
.kpi-dashboard .kpi-main .selected-date {
  position: absolute;
  width: 24px;
  height: 2px;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
}
.kpi-dashboard .kpi-main .dashboard-header {
  padding: 20px 40px 40px;
  font-weight: 400;
}
.kpi-dashboard .kpi-main .dashboard-body {
  padding: 40px 0;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .kpi-dashboard .kpi-main .dashboard-header {
      padding: 20px 16px;
  }
  .kpi-dashboard .kpi-main .dashboard-body {
      padding: 20px 16px;
  }
}
.kpi-dashboard .kpi-main .icon-body {
  width: 24px;
  height: 24px;
}
.kpi-dashboard .kpi-main .icon-small {
  width: auto;
  height: 6px;
  margin-right: 7px;
}
.kpi-dashboard .kpi-main .back-btn {
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  width: 60px;
  cursor: pointer;
}
.kpi-dashboard .kpi-main .margin-right-20 {
  margin-right: 20px;
}
.kpi-dashboard .kpi-main .margin-right-30 {
  margin-right: 30px;
}
.kpi-dashboard .kpi-main .margin-right-40 {
  margin-right: 40px;
}
.kpi-dashboard .kpi-main .row-label {
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 5.5px;
  align-items: center;
}
.kpi-dashboard .kpi-main .app-grid:not(.highlight-wrapper) {
  max-width: 1008px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.kpi-dashboard .kpi-main .app-grid.follow {
  margin: 16px auto 20px;
}
.kpi-dashboard .kpi-main .dashboard-row {
  margin: 24px auto 12px;
}
.kpi-dashboard .kpi-main .dashboard-row.with-dropdown.first {
  margin: 34.5px auto -18px;
}
.kpi-dashboard .kpi-main .dashboard-row.with-dropdown.second {
  margin: 8px auto 12px;
}
.kpi-dashboard .kpi-main .kpi-wrapper {
  position: relative;
  border-radius: 3px;
  padding: 15px 15px 20px;
  font-size: 11px;
  align-items: stretch;
  flex-grow: 1;
}
.kpi-dashboard .kpi-main .kpi-wrapper.bottom-check {
  padding: 15px 15px 8px;
}
.kpi-dashboard .kpi-main .grid-2-columns {
  max-width: 700px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -moz-column-gap: 30px;
  column-gap: 30px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
.kpi-dashboard .kpi-main .row-span-2 {
  grid-row: span 2;
}
.kpi-dashboard .kpi-main .column-span-3 {
  grid-column: span 3;
}
.kpi-dashboard .kpi-main .column-span-4 {
  grid-column: span 4;
}
.kpi-dashboard .kpi-main .column-span-6 {
  grid-column: span 6;
}
.kpi-dashboard .kpi-main .column-span-8 {
  grid-column: span 8;
}
@media screen and (max-width: 1023px) {
  .kpi-dashboard .kpi-main .row-span-md-1 {
    grid-row: span 1;
  }
  .kpi-dashboard .kpi-main .row-span-md-2 {
    grid-row: span 2;
  }
  .kpi-dashboard .kpi-main .column-span-md-6 {
      grid-column: span 6;
  }
  .kpi-dashboard .kpi-main .column-span-md-8 {
      grid-column: span 8;
  }
  .kpi-dashboard .kpi-main .column-span-md-12 {
      grid-column: span 12;
  }
}
@media screen and (max-width: 767px) {
  .kpi-dashboard .kpi-main .column-span-3 {
      grid-column: span 6;
  }
  .kpi-dashboard .kpi-main .column-span-4, .column-span-6, .column-span-8 {
      grid-column: span 12;
  }
}
@media screen and (max-width: 767px) {
  .kpi-dashboard .kpi-main .column-span-3 {
      grid-column: span 12;
  }
}
.kpi-dashboard .kpi-main .dashboard-row.title {
  margin: 34.5px auto -4px;
}
.kpi-dashboard .kpi-main h3.subtitle {
  margin-bottom: 0;
}
.kpi-dashboard .kpi-main .app-grid-substitute .meta span.hightext {
   white-space: unset !important;
   height: unset;
   min-height: 15px;
   max-height: 30px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   -webkit-line-clamp: 2;
}
.kpi-dashboard .request-detail .highlights .widget .author {
  margin-top: 4px;
}
.kpi-dashboard .request-detail .highlights .widget .tag.bottom {
  margin-top: 20px;
}
.kpi-dashboard .request-detail .highlights .widget .tag.bottom.dark-red {
  background: #8E1230;
}
.kpi-dashboard .kpi-main .stat-small-label {
  font-size: 18px;
}
.kpi-dashboard .kpi-main .stat-number-xlarge {
  font-size: 45px;
  margin-bottom: 6px;
}
.kpi-dashboard .kpi-main .stat-number-large {
  font-size: 32px;
  margin-bottom: 6px;
}
.kpi-dashboard .kpi-main .cta {
  height: 38px;
  padding: 0 15px;
  border-radius: 19px;
  align-self: flex-start;
}
.kpi-dashboard .kpi-main .favorite-wrapper {
  position: absolute;
  top: 20px;
  right: 15px;
}
.kpi-dashboard .kpi-main p.sub-text {
  font-size: 9px;
  line-height: 10.74px;
  letter-spacing: 0.2px;
}
.kpi-dashboard .kpi-main .section-title {
  font-size: 8px;
  line-height: normal;
  text-align: left;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.kpi-dashboard .kpi-main .section-title.ttd {
  margin-top: 6px;
}
.kpi-dashboard .kpi-main .fav-star {
  height: 20px;
  width: auto;
  margin-top: -6px;
  cursor: pointer;
}
.kpi-dashboard .kpi-main .dots-img {
  margin-top: -12px;
  /* Temporary disabled */
  display: none;
}
.kpi-dashboard .kpi-main .tooltip-title-dots .dots-img {
  margin-top: -6px;
}
.kpi-dashboard .kpi-main .force-line-break {
  width: min-intrinsic;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: table-caption;
  display: -ms-grid;
  -ms-grid-columns: min-content;
}
.kpi-dashboard .kpi-main .tooltip-title {
  padding-right: 12px;
}
.kpi-dashboard .kpi-main .tooltip-title .info-tooltip-wrapper {
  display: inline-block;
  margin-right: 12px;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox {
  margin-top: -5px;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox-horizontal {
  display: inline-flex;
  margin-top: -5px;
  margin-right: 12px;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox .checkbox-wrapper {
  position: relative;
  max-width: 140px;
  margin-right: 0;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox-horizontal .checkbox-wrapper {
  margin-right: 8px;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox-horizontal .checkbox-wrapper.alternate {
  position: relative;
}
.kpi-dashboard .kpi-main .tooltip-title-with-checkbox .checkbox-wrapper .dropdown-label {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .kpi-dashboard .kpi-main .tooltip-title-with-checkbox {
    display: flex;
    margin-left: auto;
    margin-right: 60px;
  }
  .kpi-dashboard .kpi-main .tooltip-title-with-checkbox .checkbox-wrapper {
      max-width: unset;
  }
  .kpi-dashboard .kpi-main .tooltip-title-with-checkbox .checkbox-wrapper:not(:last-of-type) {
      margin-right: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .kpi-dashboard .kpi-main .tooltip-title-with-checkbox .checkbox-wrapper:first-of-type {
    margin: 5px 0 10px;
  }
  .kpi-dashboard .kpi-main .tooltip-title-with-checkbox .checkbox-wrapper .dropdown-label {
    max-width: 120px;
  }
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper button {
  margin: -2px 0 0 4px;
  padding: 0;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  background: url(/static/dsm/images/icons/info-2022.svg) no-repeat center/23px;
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper button span {
  display: none;
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip {
  top: calc(25% + 5px);
  transform: translate(0,-50%);
  min-height: 42px;
  max-height: 92px;
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip {
  left: calc(100% + 20px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 350px;
  max-width: 350px;
  white-space: normal;
  box-shadow: 1px 1px 8px 0 rgb(0 0 0 / 20%);
  z-index: 4;
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: calc(100% - 20px);
  margin-top: -15px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: -3px 3px 5px 0 rgb(0 0 0 / 10%);
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip span {
  height: unset;
  min-height: 15px;
  max-height: 45px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  color: #000;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: .3px;
  text-transform: none;
}
.kpi-dashboard .kpi-main span.tooltip-title-inner.long {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 260px;
  vertical-align: text-bottom;
}
@media screen and (max-width: 1023px) {
  .kpi-dashboard .kpi-main span.tooltip-title-inner.long {
    max-width: 160px;
  }
}
@media screen and (max-width: 899px) {
  .kpi-dashboard .kpi-main span.tooltip-title-inner.long {
    max-width: 120px;
  }
}
@media screen and (max-width: 799px) {
  .kpi-dashboard .kpi-main span.tooltip-title-inner.long {
    max-width: 100px;
  }
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper #ticketstool,
.kpi-dashboard .kpi-main .info-tooltip-wrapper #firstresponsetool,
.kpi-dashboard .kpi-main .info-tooltip-wrapper #totalticketstool,
.kpi-dashboard .kpi-main .info-tooltip-wrapper #buildingdocumentstool,
.kpi-dashboard .kpi-main .info-tooltip-wrapper #overviewcommunitytool {
  min-width: 298px;
  max-width: 298px;
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper #resolutiontimetool,
.kpi-dashboard .kpi-main .info-tooltip-wrapper #tenantdocovertool {
  left: auto;
  right: calc(100% + 20px);
  top: calc(100% - 0);
  min-width: 298px;
  max-width: 298px;
}
@media screen and (max-width: 1023px) {
  .kpi-dashboard .kpi-main .info-tooltip-wrapper #buildingdocumentstool {
    left: auto;
    right: calc(100% + 20px);
    top: calc(100% - 0);
  }
  .kpi-dashboard .kpi-main .info-tooltip-wrapper #buildingdocumentstool::after {
    left: 100%;
    right: auto;
    margin-top: 15px;
    transform: rotate(225deg);
  }
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper #resolutiontimetool::after,
.kpi-dashboard .kpi-main .info-tooltip-wrapper #tenantdocovertool::after {
  left: 100%;
  right: auto;
  margin-top: 15px;
  transform: rotate(225deg);
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip span.community-overview,
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip span.week-overview,
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip span.tickets {
  max-height: 60px;
  -webkit-line-clamp: 4;
}
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip span.resolutiontime {
  max-height: 75px;
  -webkit-line-clamp: 5;
}

/* KPI Dashboard Bugfix Feb 20, 2023 */

.kpi-dashboard .page-content {
  padding-bottom: 0;
}
.kpi-dashboard .kpi-main {
  padding-bottom: 40px;
}

/* KPI Dashboard Bugfix for removed stars Feb 28, 2023 */

.kpi-dashboard .request-detail .highlights .widget {
	display: flex;
    flex-direction: column;
    flex-wrap: initial;
}
.kpi-dashboard .request-detail .highlights .widget .author {
    flex-grow: 1;
}

/* KPI Dashboard Bugfix Aug 09, 2024 */

.kpi-dashboard .kpi-main .dropdown-content {
  width: calc(100% + 100px);
}

@media screen and (max-width: 1023px) {
  .kpi-dashboard .kpi-main .dropdown-content {
    margin-left: -100px;
  }
}

@media screen and (min-width: 1024px) {
  .kpi-dashboard .kpi-main #buildingOwnerDropdown.dropdown-content,
  .kpi-dashboard .kpi-main #TenantsDropdown.dropdown-content,
  .kpi-dashboard .kpi-main #building3Dropdown.dropdown-content,
  .kpi-dashboard .kpi-main #tenant3Dropdown.dropdown-content,
  .kpi-dashboard .kpi-main #tenant4Dropdown.dropdown-content,
  .kpi-dashboard .kpi-main #building6Dropdown.dropdown-content,
  .kpi-dashboard .kpi-main #building7Dropdown.dropdown-content {
    margin-left: -100px;
  }
}

/* Apexcharts */

.apexcharts-toolbar,
.apexcharts-menu-icon,
.apexcharts-reset-icon,
.apexcharts-zoom-icon  {
  z-index: 3 !important;
}
.apexcharts-menu-icon {
  width: 24px !important;
  height: 24px !important;
  margin-left: 8px;
  background: url(/static/dsm/images/kpi/three-dots.svg) no-repeat center/contain;
  background-size: 24px 24px;
}
.apexcharts-menu-icon svg  {
  display: none;
}
.apexcharts-menu {
  z-index: 3;
  right: 5px !important;
  min-width: 120px !important;
}
.apexcharts-menu-item.exportSVG {
  display: none;
}
.apexcharts-legend-marker {
  border-width: 1px !important;
  border-color: #dedede !important;
  border-radius: 2px !important;
}
.apexcharts-legend-text {
  vertical-align: top;
}
.apexcharts-legend-series {
  margin-top: 12px !important;
}
#totalTicketsChart,
#overviewDocumentsChart,
#announcdementsChart {
  margin: 10px -10px 0 -12px;
}
#totalTicketsUserChart {
  margin: 10px 0 0 -12px;
}
#buildingDocumentsChart,
#tenantDocumentsChart {
  margin: 10px -10px 0 -18px;
}
#overviewDocumentsChart,
#communityOverviewChart {
  margin-top: 24px;
}
#announcdementsChart .apexcharts-legend {
  padding-right: 140px;
}
#announcdementsChart .apexcharts-menu {
  margin-top: -36px;
}
#announcdementsChart .apexcharts-menu-icon {
  margin-top: -76px;
}
#announcdementsChart .apexcharts-reset-icon {
  margin-right: -28px;
}
#totalTicketsChart .apexcharts-menu {
  margin-top: -76px;
}
#totalTicketsChart .apexcharts-menu-icon {
  margin-top: -156px;
}
#totalTicketsChart .apexcharts-reset-icon {
  margin-right: -28px;
}
#totalTicketsUserChart .apexcharts-menu-icon {
  margin-right: -10px;
}
@media screen and (max-width: 1023px) {
  #totalTicketsChart .apexcharts-menu {
    margin-top: -36px;
  }
  #totalTicketsChart .apexcharts-menu-icon {
    margin-top: -76px;
  }
}
@media screen and (max-width: 1023px) {
  #buildingDocumentsChart,
  #tenantDocumentsChart {
    margin: 0 0 0 -12px;
  }
  #buildingDocumentsChart .apexcharts-toolbar,
  #tenantDocumentsChart .apexcharts-toolbar {
      margin: 10px -10px 0 0;
  }
  #announcdementsChart {
    margin: 10px 0 0 -16px;
  }
  #announcdementsChart .apexcharts-toolbar {
      margin: 0 -10px 0 0;
  }
}

/* Dashboard Popups incl. Bugfixes Community Posts */

.announcement-approval .approval-lightbox-carousel {
  height: 122.5px;
}
.announcement-approval .approval-lightbox-carousel .arrows-wrapper .chevron-right,
.announcement-approval .approval-lightbox-carousel .arrows-wrapper .chevron-left {
  top: 45.5px;
}
.announcement-approval.working-hours .lightbox-content {
  padding: 48px 40px;
}
.onboarding-box.lightbox.working-hours-box h2 {
  font-size: 28px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.88px;
  font-style: normal;
}
.onboarding-box.lightbox.working-hours-box p {
  margin-top: 16px;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.2px;
  color: #404040;
}

@media (max-width: 767px) {
  .onboarding-box.lightbox.working-hours-box {
    justify-content: unset;
  }
  .onboarding-box.lightbox.working-hours-box h2 {
    margin-top: auto;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
  }
  .announcement-approval.working-hours .text {
    flex-grow: unset;
    margin-top: 0;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .announcement-approval.working-hours .text p {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .announcement-approval.working-hours .text {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .announcement-approval .approval-lightbox-carousel {
    height: 172.5px;
  }
  .announcement-approval .approval-lightbox-carousel .arrows-wrapper .chevron-right,
  .announcement-approval .approval-lightbox-carousel .arrows-wrapper .chevron-left {
    top: 70px;
  }
}

/* Bugfix add date to request Mar 10, 2023 */

@media (max-width: 767px) {
  .request-detail.version-2021 .progress-bar-request-detail {
    height: 52px;
  }
  .request-detail.version-2021 .progress-bar .tag {
    text-align: center;
    border-radius: 24px;
    height: 36px;
    vertical-align: middle;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* Bugfix edit document sharing upload Mar 29, 2023 */

@media (min-width: 768px) {
  .document-sharing .table .documents .document .buttons .edit:focus,
  .document-sharing .table .documents .document .buttons .edit:active {
    background-image: url(/static/dsm/images/icons/action/operations/XS/pencil/white.svg);
  }
}

/* PM needs to change Category/Subcategory */

.request-detail .requests .request-info .notes.edit {
  display: flex;
  justify-content: flex-end;
  padding-top: 0;
}
.request-detail .requests .request-info .title {
  padding-bottom: 0;
}
.request-detail .requests .request-info .subject .title.has-divider {
  padding-bottom: 8px;
  border-bottom: 1px solid #dedede;
}
.request-detail .requests .request-info .notes.edit .view {
  width: 32px;
  height: 32px;
  padding: 8px;
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-right: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.request-detail .requests .request-info .notes.edit .view span {
  text-indent: -9999px;
}
.request-detail .requests .request-info .notes.edit .view,
.request-detail .requests .request-info .notes.edit .view:hover {
  background-image: url(/static/dsm/images/icons/action/operations/XS/pencil/black.svg) !important;
}
.request-detail .requests .request-info .notes.edit .view:hover {
  background-color: #DEDEDE !important;
}
.request-detail .requests .request-info .notes.edit .view:focus,
.request-detail .requests .request-info .notes.edit .view:active {
  background-image: url(/static/dsm/images/icons/action/operations/XS/pencil/white.svg) !important;
  background-color: #404040 !important;
}

@media (max-width: 767px) {
  .request-detail .requests .request-info .notes {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .request-detail .requests .request-info .notes.edit {
    padding-top: 16px;
  }
  .request-detail .requests .request-info .notes.edit .view {
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
}

.edit-request .edit-request-form {
  display: grid;
  grid-template:
      ". left-inputs left-inputs left-inputs left-inputs left-inputs right-inputs right-inputs right-inputs right-inputs right-inputs ."
      ". sep sep sep sep sep sep sep sep sep sep ."
      ". nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-top: 24px;
}
.edit-request .edit-request-form .left-side-inputs {
  grid-area: left-inputs;
}
.edit-request .edit-request-form .dropdown.dd1 {
  grid-area: right-inputs;
}
.edit-request .edit-request-form .submit-section {
  grid-area: nr-fo-btn;
  justify-content: flex-end;
  -ms-grid-column-align: end;
  margin: 40px 0 24px;
  display: flex;
}
.edit-request .edit-request-form .dropdown {
  margin-bottom: 16px;
}
.edit-request .edit-request-form .dropdown select {
  min-width: 100%;
  max-width: 100%;
}

@media (max-width: 767px) {
  .reqdetail .edit-request .edit-request-form {
    display: block;
    margin-bottom: 16px;
  }
  .reqdetail .edit-request-form .dropdown select {
    font-size: 14px;
    line-height: 16.7px;
    height: 48px;
  }
  .reqdetail .edit-request-form .submit-section button.cta-primary-red {
    font-size: 14px;
    line-height: 16.7px;
    padding: 15px 24px;
  }
  .reqdetail .edit-request-form .submit-section button {
    margin-top: 48px;
  }
  .reqdetail .edit-request-form .submit-section button {
    width: 100%;
    margin: 16px 0 0 0;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .reqdetail .edit-request .edit-request-form .submit-section {
    width: 100%;
  }
}

/* Bugfixes change Category/Subcategory | June, 14 2023 */

.request-detail .requests .request-info .notes.edit {
  justify-content: space-between;
}
.request-detail .requests .request-info .notes.edit a {
  margin-left: 16px;
}
.reqdetail.stepone .input-label {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  letter-spacing: 0.2px;
  font-style: normal;
  display: block;
  color: #6f7072;
  margin-bottom: 8px;
}

/* Open Request with choose of building and category restriction */

.app-grid-substitute.choose-of-building {
  display: grid;
  grid-template:
    "c-title c-title c-title c-title c-title c-title c-title c-title c-title c-title c-title rc-title"
    "left-inputs left-inputs left-inputs left-inputs left-inputs left-inputs right-inputs right-inputs right-inputs right-inputs right-inputs right-inputs"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-bottom: 30px;
}
.choose-of-building .subtitle {
  grid-area: c-title;
}
.choose-of-building .left-side-inputs {
  grid-area: left-inputs;
}
.choose-of-building .dropdown select {
  min-width: 100%;
  max-width: 100%;
}

@media (max-width: 767px) {
  .app-grid-substitute.choose-of-building {
    display: block;
  }
  .choose-of-building .dropdown select {
    font-size: 14px;
    line-height: 16.7px;
    height: 48px;
  }
}

.new-request .widget.cat_disabled {
  background: #ccc;
  cursor: not-allowed;
}
.new-request .widget.cat_disabled img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* Bugfix Apr. 18, 2023 */

.request-detail .requests .messaging .confirmation-section {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 8px;
}

@media (min-width: 768px) {
  .dropdown select,
  .dropdown select option,
  .support-and-request .requests-top-section .dropdown-group .dropdown select,
  .support-and-request .requests-top-section .dropdown-group .dropdown select option {
    min-width: 106px;
    max-width: 106px;
  }
}

/* Priority Management Feature */

.stepthree.om-view .new-request .new-request-form {
  grid-template:
      ". left-inputs left-inputs left-inputs left-inputs left-inputs . . . . . ."
      ". sep sep sep sep sep sep sep sep sep sep ."
      ". nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 ."
      ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-dd3 nr-fo-dd3 nr-fo-dd3 nr-fo-dd3 nr-fo-dd3 ."
      ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 ."
      ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-loc nr-fo-loc nr-fo-loc nr-fo-loc nr-fo-loc ."
      ". nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img ."
      ". nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att ."
      ". nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.stepthree.om-view .new-request .new-request-form .dropdown.dd3 {
  grid-area: nr-fo-dd3;
}
.stepthree.om-view .new-request .new-request-form .priodesc {
  display: block;
  padding: 8px 8px 0;
  font-size: 7px;
  line-height: 8.35px;
  letter-spacing: 0.2px;
  color: #676767;
}

@media (max-width: 767px) {
  .stepthree.om-view .new-request .new-request-form .priodesc {
    font-size: 12px;
    line-height: 14.32px;
    letter-spacing: 0.3px;
  }
}

.request-detail .requests .request-info span.prio-prior {
  display: inline-block;
  color: #6F7072;
}
.request-detail .requests .edit-priority {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.request-detail .requests .edit-priority .buttons {
  margin-right: 0;
}
.request-detail .requests .edit-priority .buttons div {
  display: inline-block;
}
.request-detail .requests .edit-priority .edit {
  position: relative;
}
.request-detail .requests .edit-priority .dropdown .buttons .edit {
  background-image: url(/static/dsm/images/icons/action/operations/XS/pencil/black.svg);
}
.request-detail .requests .edit-priority .dropdown .buttons .view {
  background-image: url(/static/dsm/images/icons/action/operations/XS/view/black.svg);
}
.request-detail .requests .edit-priority .dropdown .buttons .edit:not(.active):hover,
.request-detail .requests .edit-priority .dropdown .buttons .view:not(.active):hover {
  background-color: #dedede;
}
.request-detail .requests .edit-priority .dropdown .buttons .edit:not(.active):focus,
.request-detail .requests .edit-priority .dropdown .buttons .view:not(.active):focus,
.request-detail .requests .edit-priority .dropdown .buttons .edit:not(.active):active,
.request-detail .requests .edit-priority .dropdown .buttons .view:not(.active):active {
  background-color: #404040;
}
.request-detail .requests .edit-priority .dropdown .buttons .edit:not(.active):focus,
.request-detail .requests .edit-priority .dropdown .buttons .edit:not(.active):active {
  background-image: url(/static/dsm/images/icons/action/operations/XS/pencil/white.svg);
}
.request-detail .requests .edit-priority .dropdown .buttons .view:not(.active):focus,
.request-detail .requests .edit-priority .dropdown .buttons .view:not(.active):active {
  background-image: url(/static/dsm/images/icons/action/operations/XS/view/white.svg);
}
.request-detail .requests .edit-priority .dropdown .buttons .edit,
.request-detail .requests .edit-priority .dropdown .buttons .view {
  width: 32px;
  height: 32px;
  padding: 8px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
}
.request-detail .requests .edit-priority .dropdown .buttons div {
  margin-right: 8px;
}
.request-detail .requests .edit-priority .dropdown .buttons div:last-of-type {
  margin-right: 0;
}
.request-detail .requests .edit-priority .dropdown .buttons span {
  display: none;
}
.request-detail .requests .edit-priority .edit .dropdown-content {
  display: none;
  position: absolute;
  top: 36px;
  right: -1px;
  background-color: #ffffff;
  margin-top: 4px;
  padding: 0;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
  z-index: 4;
}
.request-detail .requests .edit-priority .dropdown-content.show {
  display: block;
}
.request-detail .requests .edit-priority .edit .dropdown-content ul {
  margin: 0 8px;
  min-width: 95px;
}
.request-detail .requests .edit-priority .edit .dropdown-content li {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 0.3px;
  padding: 8px 24px 8px 0;
  white-space: nowrap;
  border-bottom: 1px solid #DEDEDE;
  cursor: pointer;
}
.request-detail .requests .edit-priority .edit .dropdown-content li.active {
  background: url(/static/dsm/images/icons/toggle/checked/black.svg) center right no-repeat;
  cursor: default;
}
.request-detail .requests .edit-priority .edit .dropdown-content li:last-of-type {
  border-bottom: none;
}
.request-detail .requests .edit-priority .view {
  position: relative;
}
.request-detail .requests .edit-priority .view .motivation-wrapper {
  display: none;
  position: absolute;
  top: calc(100% - 53px);
  left: calc(-314px - 20px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 314px;
  max-width: 314px;
  white-space: normal;
  padding: 16px 18px;
  border-radius: 4px;
  background: #f6f6f6;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 4;
}
.request-detail .requests .edit-priority .view .motivation-wrapper.active {
  display: block;
}

@media (max-width: 767px) {
  .request-detail .requests .edit-priority .view .motivation-wrapper {
    top: 90px;
    left: -243px;
    transform: translate(0,-50%);
    min-height: 32px;
    max-height: 82px;
    min-width: 292px;
    max-width: 292px;
    padding: 16px 18px;
  }
  .request-detail .requests .edit-priority .view .motivation-wrapper::after {
    content: " ";
    position: absolute;
    top: -20px;
    right: 0;
    margin-top: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #f6f6f6 #f6f6f6;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 5px 0 rgb(0 0 0 / 10%);
  }
  .request-detail .requests .edit-priority .view .motivation-wrapper .motivation-desc {
    height: unset;
    min-height: 15px;
    max-height: 45px;
    font-size: 12px;
    line-height: 14.32px;
    letter-spacing: 0.3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 768px) {
  .request-detail .requests .edit-priority .view .motivation-wrapper {
    top: 50%;
    transform: translate(0,-50%);
    min-height: 32px;
    max-height: 82px;
  }
  .request-detail .requests .edit-priority .view .motivation-wrapper::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: 14.5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #f6f6f6 #f6f6f6;
    transform-origin: 0 0;
    transform: rotate(225deg);
    box-shadow: -3px 3px 5px 0 rgb(0 0 0 / 10%);
  }
  .request-detail .requests .edit-priority .view .motivation-wrapper .motivation-desc {
    height: unset;
    min-height: 15px;
    max-height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
}

.request-detail .requests .messaging .messages .message p {
  font-size: 12px;
}
.request-detail .requests .messaging .messages .pnotes {
  display: inline-block;
  font-size: 9px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.request-detail .requests .messaging .messages .pnotes.black {
  color: #000;
}
.request-detail .requests .messaging .messages .initials.private {
  color: #f09273;
  border-color: #f09273;
}
.request-detail.version-2021 .requests .widget-left-1.messaging .messages .initials.private {
  background: transparent;
}
.request-detail .requests .messaging .messages .message p.private {
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.default-lightbox .lightbox .main-section .footer {
  margin-top: 0;
  height: auto;
}
.default-lightbox .lightbox.priority-change {
  min-height: auto;
}
.default-lightbox .lightbox .main-section .choosefrom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown {
  position: relative;
  display: inline-block;
  min-width: 260px;
  font-size: 14px !important;
  flex-grow: 2;
  margin-bottom: 8px;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropbtn {
  font-size: 9px;
  line-height: 28px;
  max-height: 28px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000;
  border-radius: 2px;
  border: 1px solid #DEDEDE;
  padding: 0 32px 0 10px;
  cursor: pointer;
  width: 100%;
  background: #F0F0F0 url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black.svg) no-repeat center right 8px;
  display: inline-block;
  min-width: 100%;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  margin-top: 2px;
  padding: 8px;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
  z-index: 4;
  width: 100%;
  max-height: 250px;
  overflow: scroll;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown-content.show {
  display: block;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown-content a {
  color: black;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: 2px;
  margin: 2px 0px;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown-content a:first-of-type {
  margin-top: -4px;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown-content .searchInput {
  width: 100%;
  font-size: 9px;
  box-sizing: border-box;
  background: url(/static/dsm/images/icons/search-small.svg) no-repeat center right 6px #f0f0f0;
  padding: 7px 32px 7px 8px;
  border: none;
  border-radius: 2px;
}
.default-lightbox .lightbox .main-section .select-wrapper input[type="checkbox" i] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  height: 24px;
  width: 28px;
}
.default-lightbox .lightbox .main-section .select-wrapper input[type="checkbox" i]::before {
  content: "";
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked-fake.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 8px 0;
  padding: 0;
  cursor: pointer;
}
.default-lightbox .lightbox .main-section .select-wrapper input[type="checkbox" i].checked::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black-fake.svg) no-repeat center/contain;
}
.default-lightbox .lightbox .main-section .select-wrapper .sepline {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DEDEDE;
  margin: 4px 0 8px;
}
.default-lightbox .lightbox .main-section .select-wrapper .dropdown:not(:first-child) label {
  margin-left: 0;
}

@media (max-width: 767px) {
  .default-lightbox .lightbox .main-section .select-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .default-lightbox .lightbox .main-section .choosefrom {
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
  }
  .default-lightbox .lightbox .main-section .choosefrom button {
    margin-top: auto;
  }
  .default-lightbox .lightbox .main-section .textarea-wrapper textarea {
    min-height: 160px;
    max-height: 160px;
  }
  .default-lightbox .lightbox .main-section .textarea-wrapper textarea::placeholder {
    font-size: 16px;
    line-height: 20.8px;
  }
  .default-lightbox .lightbox .main-section .footer {
    padding-top: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .request-detail .requests .edit-priority {
    flex-direction: column;
    align-items: flex-start;
  }
  .request-detail .requests .edit-priority .edit-view {
    padding-top: 8px;
  }
}

@media (min-width: 768px) {
  .navbar .dropdown.notifications-dropdown {
    min-width: 280px;
  }
  .request-detail .requests .app-grid.main.expand-feedback {
    margin-bottom: 0px;
  }
  .default-lightbox .lightbox .main-section .select-wrapper .cta {
    margin-left: 24px;
  }
  .default-lightbox .lightbox .main-section .select-wrapper .cta-primary-red.step-one {
    background: #c21817 url(/static/dsm/images/icons/action/operation/XS/continue/arrow-left-white.svg) center right 16px no-repeat !important;
    padding-right: 52px;
  }
  .default-lightbox .lightbox .main-section .select-wrapper .cta-primary-red[disabled].step-one {
    background: #dedede url(/static/dsm/images/icons/action/operation/XS/continue/arrow-left-white.svg) center right 16px no-repeat !important;
  }
}

.dashboard .dashboard-tenants .tenant .inline-link {
  font-size: 10px;
  line-height: 11.93px;
  letter-spacing: 0.42px;
}
.dashboard .dashboard-tenants .tenant .inline-link:not(.requests-link) {
  text-transform: uppercase;
}
.request-overview .rq-dash .widget.your-requests {
  margin-top: 40px;
  margin-bottom: 16px;
  padding-bottom: 0;
}
.request-overview .rq-dash .widget.your-requests .main-section.empty {
  padding-bottom: 40px;
}
.request-overview .rq-dash .widget.your-requests .widget-title {
  min-width: 260px;
  -webkit-line-clamp: 1;
  height: 20px;
  margin-bottom: 0;
}
.request-overview .rq-dash .widget.your-requests .requests-list li.legend,
.support-and-request .closed-requests.cr-grid .requests-list li.legend {
  border-bottom: none;
}
.request-overview .rq-dash .widget.your-requests .requests-list li span.head,
.support-and-request .closed-requests.cr-grid .requests-list li span.head {
  font-size: 8px;
  line-height: 10px;
  text-align: left;
  letter-spacing: 0.2px;
  color: #b1b1b1;
  text-transform: uppercase;
  background: none;
}
.request-overview .rq-dash .widget.your-requests .requests-list li:last-of-type,
.support-and-request .closed-requests.cr-grid .requests-list li:last-of-type  {
  border-bottom: 0;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .title,
.request-closed .support-and-request .closed-requests.cr-grid .requests-list li .title {
  display: grid;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .title a,
.support-and-request .closed-requests.cr-grid .requests-list li .title a {
  white-space: unset;
  overflow: hidden;
}
.support-and-request .closed-requests.cr-grid .requests-list li .title a.inline-link {
  font-size: 10px;
  line-height: 11.93px;
  letter-spacing: 0.42px;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .title .details,
.support-and-request .closed-requests.cr-grid .requests-list li .title .details {
  display: block;
  padding-top: 6px;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .id,
.support-and-request .closed-requests.cr-grid .requests-list li .id {
  grid-area: unset;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .date,
.support-and-request .closed-requests.cr-grid .requests-list li .date {
  grid-area: unset;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .applicant,
.support-and-request .closed-requests.cr-grid .requests-list li .applicant {
  grid-area: app;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}
.support-and-request .closed-requests.cr-grid .requests-list li .title {
  grid-area: title;
  text-align: left;
  justify-self: flex-start;
  line-height: 1.4;
}
.support-and-request .closed-requests.cr-grid .requests-list li .category {
  grid-area: cat;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .priority,
.support-and-request .closed-requests.cr-grid .requests-list li .priority {
  grid-area: prio;
}
.dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .eval,
.support-and-request .closed-requests.cr-grid .requests-list li .eval {
  grid-area: eval;
}
.support-and-request .closed-requests.cr-grid .requests-list li .tag {
  grid-area: tag;
}
.request-overview .rq-dash .button-wrapper {
  width: 100%;
  display: flex !important;
  justify-content: flex-end;
  align-items: center
}
.request-overview .rq-dash .button-wrapper button.cta-primary-red {
  color: #000;
  background: transparent;
  border-color: #dedede;
}
.request-overview .rq-dash .button-wrapper button.cta-primary-red:hover,
.request-overview .rq-dash .button-wrapper button.cta-primary-red:focus,
.request-overview .rq-dash .button-wrapper button.cta-primary-red:active {
  color: #fff;
  background: #C21817;
  border-color: #C21817;
}

@media (max-width: 767px) {
  .request-overview .rq-dash .widget.your-requests {
    background: transparent;
  }
  .request-overview .rq-dash .widget.your-requests .main-section.empty {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .request-overview .rq-dash .widget.your-requests .main-section.empty .text-wrapper {
    margin-left: 0;
  }
  .request-overview .rq-dash .widget.your-requests .main-section.empty .text-wrapper .no-requests-title,
  .request-overview .rq-dash .widget.your-requests .main-section.empty .text-wrapper .no-requests-caption {
    width: 100%;
  }
  .request-overview .rq-dash .widget.your-requests .main-section.empty .text-wrapper .no-requests-caption {
    padding-bottom: 16px;
  }
  .request-overview .rq-dash .widget.your-requests .requests-list li.legend,
  .support-and-request .closed-requests.cr-grid .requests-list li.legend {
    display: none;
  }
  .request-overview .rq-dash .widget.your-requests .widget-title {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-bottom: 16px;
    text-transform: uppercase;
  }
  .request-closed .support-and-request .closed-requests.cr-grid .requests-list li .title a {
    height: unset;
    min-height: 17px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .request-closed .support-and-request .closed-requests.cr-grid .requests-list li .title a.inline-link {
    color: #000;
    text-align: left;
    font-size: 14px;
    line-height: 16.7px;
    border-bottom: none;
  }
  .request-overview .rq-dash .button-wrapper {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li,
  .request-closed .support-and-request .closed-requests.cr-grid .requests-list li {
    grid-template: "title title title title cat app app prio eval eval tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    height: 60px;
  }
  .dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li.legend,
  .request-closed .support-and-request .closed-requests.cr-grid .requests-list li.legend {
    height: 40px;
  }
  .dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li .title a.inline-link {
    font-size: 10px;
    line-height: 11.93px;
    letter-spacing: 0.42px;
  }
  .request-closed .support-and-request .closed-requests.cr-grid .requests-list li .title {
    white-space: unset;
    overflow: hidden;
    text-overflow: unset;
    width: auto;
  }
  .property-manager .dashboard-tenants .button-wrapper {
    margin-top: 16px;
  }
  .request-overview .rq-dash .button-wrapper button {
    margin-left: 16px;
  }
}

@media (min-width: 992px) {
  .dashboard .request-overview .rq-dash .widget.your-requests .main-section .requests-list li,
  .request-closed .support-and-request .closed-requests.cr-grid .requests-list li {
    grid-template: "title title title . cat app app prio eval eval tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.support-and-request .new-requests .requests-top-section,
.support-and-request .closed-requests .requests-top-section {
  align-items: baseline;
}
.support-and-request .new-requests .requests-top-section {
  margin-bottom: 0;
}
.support-and-request .closed-requests .requests-top-section {
  margin-bottom: 8px;
}
.support-and-request .new-requests.overview .requests-top-section {
  margin-bottom: 16px;
}
.support-and-request .new-requests .requests-list li *:not(:last-child),
.support-and-request .closed-requests .requests-list li *:not(:last-child) {
  margin-right: 0;
}
.support-and-request .new-requests .requests-list li *,
.support-and-request .closed-requests .requests-list li * {
  display: unset;
}
.support-and-request .new-requests .requests-list li,
.support-and-request .closed-requests .requests-list li {
  display: grid;
  height: 60px;
}
.support-and-request .new-requests.overview .requests-list li {
  height: 63px;
}
.support-and-request .new-requests.overview .requests-list li .title-section .type.created {
  color: #6F7072;
}
.support-and-request .new-requests.overview .requests-list li .meta-section-1 span,
.support-and-request .new-requests.overview .requests-list li .meta-section-2 span {
  display: block;
}
.support-and-request .new-requests .requests-list li.legend,
.support-and-request .closed-requests .requests-list li.legend {
  border-bottom: none;
  background: transparent;
  height: 40px;
}
.support-and-request .new-requests .requests-list li:last-of-type,
.support-and-request .closed-requests .requests-list li:last-of-type {
  border-bottom: 0;
}
.sar-top .support-and-request .new-requests .requests-list li .title,
.sar-top .support-and-request .closed-requests .requests-list li .title {
  display: grid;
}
.support-and-request .new-requests .requests-list li span:not(.tag),
.support-and-request .closed-requests .requests-list li span:not(.tag) {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  letter-spacing: 0.2px;
  color: #787e80;
  grid-column: span 3;
}
.support-and-request .new-requests .requests-list li span.head,
.support-and-request .closed-requests .requests-list li span.head {
  font-size: 8px;
  line-height: 10px;
  text-align: left;
  letter-spacing: 0.2px;
  color: #b1b1b1;
  text-transform: uppercase;
  background: none;
}
.sar-top .support-and-request .new-requests .requests-list li .title,
.sar-top .support-and-request .closed-requests .requests-list li .title {
  grid-area: title;
  text-align: left;
  justify-self: flex-start;
  white-space: unset;
  overflow: hidden;
  text-overflow: unset;
  max-width: unset;
  line-height: 1.4;
  width: auto;
}
.request-new .support-and-request .new-requests.overview .requests-list li .title,
.sar-top .support-and-request .new-requests.overview .requests-list li .title {
  white-space: unset;
  overflow: hidden;
  text-overflow: unset;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: unset;
  -webkit-line-clamp: 1;
}
.support-and-request .new-requests .requests-list li .title a,
.support-and-request .closed-requests .requests-list li .title a {
  line-height: 10.93px;
  white-space: unset;
  overflow: hidden;
  text-overflow: unset;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: unset;
  -webkit-line-clamp: 1;
}
.support-and-request .new-requests .requests-list li .title-link,
.support-and-request .closed-requests .requests-list li .title-link {
  max-width: unset;
}
.support-and-request .new-requests .requests-list li .title .details,
.support-and-request .closed-requests .requests-list li .title .details {
  display: inline-block;
  padding-top: 6px;
}
.sar-top .support-and-request .new-requests .requests-list li .category,
.sar-top .support-and-request .closed-requests .requests-list li .category {
  grid-area: cat;
}
.sar-top .support-and-request .new-requests .requests-list li .applicant,
.sar-top .support-and-request .closed-requests .requests-list li .applicant {
  grid-area: app;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}
.sar-top .support-and-request .new-requests .requests-list li .priority,
.sar-top .support-and-request .closed-requests .requests-list li .priority {
  grid-area: prio;
}
.sar-top .support-and-request .new-requests .requests-list li .eval,
.sar-top .support-and-request .closed-requests .requests-list li .eval {
  grid-area: eval;
}
.sar-top .support-and-request .new-requests .requests-list li .tag,
.sar-top .support-and-request .closed-requests .requests-list li .tag {
  grid-area: tag;
  justify-self: flex-end;
  -ms-grid-column-align: end;
  white-space: nowrap;
}
.request-new .support-and-request .new-requests.overview li .meta-section-1,
.sar-top .support-and-request .new-requests.overview li .meta-section-1 {
  grid-area: metaone;
}
.request-new .support-and-request .new-requests.overview li .status.orange,
.sar-top .support-and-request .new-requests.overview li .status.orange {
  color: #e9573d;
}
.request-new .support-and-request .new-requests.overview li .status.brown,
.sar-top .support-and-request .new-requests.overview li .status.brown {
  color: #752126;
}
.request-new .support-and-request .new-requests.overview li .meta-section-2,
.sar-top .support-and-request .new-requests.overview li .meta-section-2 {
  grid-area: metatwo;
}
.request-new .support-and-request .new-requests.overview li .applied,
.sar-top .support-and-request .new-requests.overview li .applied {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
}
.request-new .support-and-request .new-requests.overview li .cta,
.sar-top .support-and-request .new-requests.overview li .cta {
  grid-area: ctar;
  justify-self: flex-end;
  -ms-grid-column-align: end;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .pm-view .support-and-request .new-requests.overview button.inline-link.hidedt {
    margin-top: 24px;
  }
  .pm-view .support-and-request .new-requests.overview button.inline-link.hidedt,
  .pm-view .support-and-request .closed-requests.overview button.inline-link.hidedt {
    margin-bottom: 16px;
  }
  .support-and-request .new-requests.overview .requests-top-section {
    margin-bottom: 8px;
  }
  .support-and-request .closed-requests .requests-top-section {
    margin-bottom: 0;
  }
  .support-and-request .new-requests .subtitle-line {
    margin-bottom: 6px;
  }
  .support-and-request .new-requests .requests-list {
    padding-top: 8px;
  }
  .support-and-request .closed-requests .requests-list {
    padding-top: 16px;
  }
  .request-closed .support-and-request .closed-requests .requests-list {
    padding-top: 8px;
  }
  .support-and-request .new-requests .requests-list li,
  .support-and-request .closed-requests .requests-list li {
    display: grid;
  }
  .support-and-request .new-requests.overview .requests-list li {
    height: 72px;
  }
  .support-and-request .new-requests.overview .requests-list li .title-section .type.created {
    font-size: 12px;
    line-height: 14.32px;
  }
  .support-and-request .new-requests.overview .requests-list li .title-section .type.created.orange {
    color: #e9573d;
  }
  .support-and-request .new-requests.overview .requests-list li .title-section .type.created.brown {
    color: #752126;
  }
  .support-and-request .new-requests .requests-list li.legend,
  .support-and-request .closed-requests .requests-list li.legend {
    display: none !important;
  }
  .support-and-request .new-requests .requests-list li .tag,
  .support-and-request .closed-requests .requests-list li .tag {
    grid-area: tag;
  }
}

@media (min-width: 768px) {
  .support-and-request .closed-requests .subtitle-line {
    margin-bottom: -8px;
  }
  .support-and-request .new-requests .requests-list li,
  .support-and-request .closed-requests .requests-list li {
    grid-template: "title title title title cat app app prio eval eval tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    border-bottom: 1px solid #dedede;
    padding: 15px 14px;
  }
  .support-and-request .new-requests.overview .requests-list li {
    grid-template: "titlesec titlesec titlesec titlesec titlesec metaone metatwo metatwo metatwo metatwo ctar ctar"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    border-bottom: 1px solid #dedede;
    padding: 15px 14px;
  }
  .request-new .support-and-request .new-requests.overview li .title-section,
  .sar-top .support-and-request .new-requests.overview li .title-section {
    grid-area: titlesec;
  }
  .support-and-request .new-requests.overview .requests-list li {
    border-bottom: none;
  }
  .support-and-request .new-requests.overview .requests-list li .title-section .title {
    color: #6F7072;
  }
}

@media (min-width: 992px) {
  .support-and-request .new-requests .requests-list li,
  .support-and-request .closed-requests .requests-list li {
    grid-template: "title title title . cat app app prio eval eval eval tag tag"/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    border-bottom: 1px solid #dedede;
    padding: 15px 14px;
  }
}
/* Bugfixes Priority Management feature | June, 14 2023 */

.request-detail .requests .edit-priority .dropdown .buttons div {
  margin-right: 0;
}
.request-detail .requests .edit-priority .dropdown .buttons div.view {
  margin-left: 8px;
}
.request-detail .requests .edit-priority .dropdown .buttons {
  flex-wrap: unset;
}

@media (max-width: 767px) {
  .request-detail .requests .edit-priority .dropdown .buttons {
    padding-left: 12px;
  }
  .request-detail .requests .edit-priority .view .motivation-wrapper {
    top: 48px;
    transform: unset;
  }
}

@media (min-width: 1024px) {
  .request-detail .requests .edit-priority .dropdown .buttons {
    padding-left: 12px;
  }
}

/* Idea Box */

.feedback-wrapper {
  background: #F09273;
  box-shadow:
    inset 0px 0 0 0 rgba(0, 0, 0, 0),
    inset 0px -16px 20px -16px rgba(0, 0, 0, 0.2);
  padding-left: 39px !important;
  padding-right: 39px !important;
}
.feedback-inside {
  max-width: 930px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 72px;
  color: #fff;
}
.feedback-inside h4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  font-weight: 400;
}
.feedback-inside .feedb-question h4 {
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.feedback-inside .feedb-start h4 {
  position: relative;
  margin-left: 40px;
  padding-right: 28px;
  white-space: nowrap;
  cursor: pointer;
}
.feedback-inside .feedb-start h4::after {
  content: "";
  background: url(/static/dsm/images/icons/action/operation/S/continue/arrow-left-white.svg) no-repeat center right;
  display: block;
  position: absolute;
  width: 28px;
  top: 2px;
  right: 0;
  height: 20px;
  margin-left: 8px;
}

@media (max-width: 767px) {
  .feedback-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .feedback-inside {
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
    min-height: 106px;
  }
  .feedback-inside h4 {
    font-size: 18px;
    line-height: 21.47px;
  }
  .feedback-inside .feedb-start h4 {
    margin-left: 0;
    padding-right: 28px;
  }
}
.create-idea {
  padding: 40px 40px 40px 38px;
  min-height: 0 !important;
  max-height: calc(100vh - 84px);
}
.success-idea {
  padding: 40px;
}
.dash-first .lightbox-overlay:not(.lightbox-content):not(.capprove) .onboarding-box.lightbox.create-idea,
.dash-first .lightbox-overlay:not(.lightbox-content):not(.capprove) .onboarding-box.lightbox.success-idea {
  background: #F7F7F7;
}
.idea-lb .lightbox .header-section .title {
  font-size: 28px;
  line-height: 33.4px;
  text-align: left;
  color: #000000;
  letter-spacing: 0.88px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 24px;
  padding-right: 16px;
}
.idea-cf .lightbox .header-section .title {
  font-size: 20px;
  line-height: 23.86px;
  text-align: center;
  color: #000000;
  letter-spacing: 0.5px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 36px;
}
.idea-lb .lightbox .main-section .sub-label {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6f7072;
  margin-top: 0;
  margin-bottom: 8px;
}
.idea-cf .lightbox .main-section .confirm {
  font-size: 28px;
  line-height: 33.4px;
  text-align: center;
  color: #C21817;
  letter-spacing: 0.88px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.create-idea .fake-dropdown-wrapper {
  position: relative;
}
.create-idea .fake-dropdown {
  margin-bottom: 8px;
}
.create-idea .fake-dropdown-wrapper .fake-select {
  background-color: #fff;
}
.create-idea .fake-dropdown-wrapper .fake-select:hover,
.create-idea .fake-dropdown-wrapper.expanded .fake-select {
  background-color: #f0f0f0;
}
.create-idea .dropdown .fake-select {
  margin-right: 0;
}
.create-idea .fake-dropdown-wrapper .fake-options {
  display: none;
  position: absolute;
  width: 100%;
  top: 31px;
  left: 0;
  background: #fff;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  max-height: 241px;
  overflow-y: scroll;
  z-index: 10;
}
.create-idea .fake-dropdown-wrapper.expanded .fake-options {
  display: block;
}
.create-idea .fake-dropdown-wrapper .fake-option {
  font-size: 9px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.2px;
  font-style: normal;
  padding: 8px 0;
  margin: 0 8px;
  cursor: pointer;
}
.create-idea .fake-dropdown-wrapper .fake-option:not(:last-child) {
  border-bottom: 1px solid #dedede;
}
.create-idea .default-input {
  width: 100%;
  margin-bottom: 8px;
}
.create-idea input[type=text].default-input,
.create-idea textarea.default-input,
.create-idea input[type=text].default-input::placeholder,
.create-idea textarea.default-input::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #6F7072;
}
.create-idea input[type=text].default-input {
  height: 48px;
}
.idea-lb.default-lightbox .lightbox .main-section .submit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 52px;
  padding-top: 8px;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate {
  display: flex;
  flex-direction: column;
  margin-top: 52px;
  padding: 26px;
  background: #B0B2B3;
  border-radius: 2px;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .contact,
.idea-lb.default-lightbox .lightbox .main-section .alternate .faqs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .exp-text {
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.3px;
  color: #404040;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .contact .continue {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 4px;
  padding-bottom: 4px;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .faqs {
  padding-top: 8px;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .faq-notes {
  font-size: 8px;
  line-height: 16px;
  letter-spacing: 0.2px;
  vertical-align: bottom;
  color: #404040;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .interact {
  position: relative;
  font-size: 9px;
  line-height: 16px;
  letter-spacing: 0.4px;
  padding-right: 22px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  color: #fff;
  cursor: pointer;
}
.idea-lb.default-lightbox .lightbox .main-section .alternate .interact::after {
  content: "";
  background: url(/static/dsm/images/icons/action/operation/XS/continue/arrow-right-white.svg) no-repeat center right;
  display: block;
  position: absolute;
  width: 22px;
  top: 0;
  right: 0;
  height: 16px;
  margin-left: 6px;
}

@media (min-width: 768px) {
  .create-idea,
  .success-idea {
    min-width: 570px;
    max-width: 570px;
  }
  .idea-lb .lightbox {
    overflow: auto !important;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .explain,
  .idea-lb.default-lightbox .lightbox .main-section .alternate .faq-notes {
    margin-right: 72px;
  }
}

@media (min-width: 1024px) {
  .create-idea,
  .success-idea {
    min-width: 608px;
    max-width: 608px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .explain,
  .idea-lb.default-lightbox .lightbox .main-section .alternate .faq-notes {
    margin-right: 96px;
  }
}

@media (max-width: 767px) {
  .create-idea {
    padding: 16px;
    min-height: 0 !important;
    max-height: unset;
  }
  .success-idea {
    padding: 16px;
  }
  .create-idea form {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .dash-first .lightbox-overlay.idea-lb:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) button.close {
    background-color: #404040;
    box-shadow: -2px 0px 8px rgba(0, 0, 0, 0.2);
}
  .dash-first .lightbox-overlay.idea-lb:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) .close img {
    background: transparent;
  }
  .idea-lb .lightbox .header-section .title {
    text-align: center;
    color: #000000;
    letter-spacing: 0.88px;
    margin-bottom: 40px;
    padding: 64px 16px 0;
  }
  .create-idea .dropdown .fake-select {
    height: 28px;
    font-size: 9px;
    line-height: normal;
    padding: 8px 40px 8px 8px;
    background: #fff url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black.svg) no-repeat center right 8px;
  }
  .default-lightbox.idea-lb .lightbox .main-section {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .default-lightbox.idea-lb .lightbox .main-section .textarea-wrapper textarea {
    min-height: 308px;
    max-height: 308px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .footer {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 8px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate {
    width: 100%;
    margin-top: 16px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .submit {
    width: 100%;
    margin-bottom: 0;
    padding-top: 64px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .contact,
  .idea-lb.default-lightbox .lightbox .main-section .alternate .faqs {
    flex-direction: column;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .contact .continue {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .exp-text,
  .idea-lb.default-lightbox .lightbox .main-section .alternate .faq-notes {
    font-size: 16px;
    line-height: 19.9px;
    letter-spacing: 0.2px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .interact {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    padding-right: 28px;
    text-align: left;
    vertical-align: middle;
    padding-top: 6px;
  }
  .idea-lb.default-lightbox .lightbox .main-section .alternate .interact::after {
    background: url(/static/dsm/images/icons/action/operation/S/continue/arrow-left-white.svg) no-repeat center right;
    display: inline-block;
    width: 20px;
    top: 6px;
    right: unset;
    height: 20px;
    margin-left: 8px;
  }
  .idea-cf.lightbox-overlay {
    position: fixed;
    z-index: 1060;
    top: 40px;
    right: unset;
    bottom: unset;
    left: calc(50% - (290px / 2));
    width: 290px;
    height: unset;
    min-height: 126px;
    background: none;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .dash-first .lightbox-overlay.idea-cf:not(.lightbox-content):not(.capprove) .onboarding-box.lightbox {
    min-height: 126px;
  }
  .dash-first .lightbox-overlay.idea-cf:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .onboarding-box.lightbox {
    background: rgba(237, 237, 237, 0.95);
    border-radius: 2px;
  }
  .idea-cf.lightbox-overlay .lightbox {
    position: relative;
  }
  .dash-first .lightbox-overlay.idea-cf:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) button.close {
    width: auto;
    height: auto;
    right: 11px;
    background-color: none;
    border-radius: none;
    padding: 0;
  }
  .dash-first .lightbox-overlay.idea-cf:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox) .close {
    top: 11px;
    right: 0;
  }
  .dash-first .lightbox-overlay.idea-cf:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) .close img {
    background: transparent;
  }
  .dash-first .lightbox-overlay.idea-cf:not(.lightbox-content):not(.share-locations-lightbox):not(.location-detail-lightbox):not(.announcement-lightbox):not(.announcement-approval) button.close {
    background-color: transparent;
  }
  .success-idea .subtitle {
    font-size: 8px;
    line-height: 9.77px;
    text-align: left;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #c21817;
    margin-bottom: 8px;
  }
  .idea-cf .lightbox .header-section .title,
  .idea-cf .lightbox .main-section .confirm {
    font-size: 16px;
    line-height: 19.09px;
    text-align: left;
    letter-spacing: 0.2px;
  }
  .idea-cf .lightbox .header-section .title {
    margin-bottom: 19px;
  }
  .idea-cf .lightbox .main-section .confirm {
    color: #000;
  }
}

/* Request chat input textarea */

@media (min-width: 768px) {
  .messaging .message-input-wrapper {
    scrollbar-color: #fff transparent;
  }
  .message-input textarea {
    font-size: 9px;
    line-height: normal;
    text-align: left;
    color: rgb(0, 0, 0);
    letter-spacing: 0.2px;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    border: medium;
    padding: 6px 8px 0px;
    height: 24px;
  }
  .message-input textarea.pbinput {
    padding-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .request-detail .requests .messaging .message-input-wrapper {
    scrollbar-color: #fff transparent;
  }
  .message-input textarea {
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    color: #000000;
    letter-spacing: 0.2px;
    font-style: normal;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    border: medium;
    padding: 15px 8px 0;
    height: 48px;
  }
  .message-input textarea.pbinput {
    padding-bottom: 15px;
  }
}

/* Tenant Survey */

.announcement-approval.tenant-survey .lightbox .text {
  margin-top: 16px;
}
.tenant-survey .images-wrapper.single img {
  height: 173px;
  object-fit: cover;
}
.tenant-survey .footer {
  display: flex;
  margin-top: 0;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .tenant-survey .images-wrapper.single img {
    height: 122.5px;
  }
}

@media (max-width: 767px) {
  .announcement-approval.tenant-survey .lightbox .text {
    margin-top: 0;
  }
  .tenant-survey .images-wrapper.single img {
    height: 160px;
  }
  .tenant-survey .footer {
    flex-direction: column;
  }
  .tenant-survey .footer .cta-secondary-red {
    margin-bottom: 16px;


  }
}
/* Bugfix file type for requests - June, 22 2023 */

.stepthree .new-request .new-request-form {
  grid-template:
    ". left-inputs left-inputs left-inputs left-inputs left-inputs . . . . . ."
    ". sep sep sep sep sep sep sep sep sep sep ."
    ". nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 ."
    ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 ."
    ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-loc nr-fo-loc nr-fo-loc nr-fo-loc nr-fo-loc ."
    ". nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img ."
    ". nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att ."
    ". nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not ."
    ". nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.stepthree.om-view .new-request .new-request-form {
  grid-template:
    ". left-inputs left-inputs left-inputs left-inputs left-inputs . . . . . ."
    ". sep sep sep sep sep sep sep sep sep sep ."
    ". nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-ti nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 nr-fo-dd1 ."
    ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-dd3 nr-fo-dd3 nr-fo-dd3 nr-fo-dd3 nr-fo-dd3 ."
    ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 nr-fo-dd2 ."
    ". nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-desc nr-fo-loc nr-fo-loc nr-fo-loc nr-fo-loc nr-fo-loc ."
    ". nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img nr-fo-img ."
    ". nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att nr-fo-att ."
    ". nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not nr-fo-not ."
    ". nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn nr-fo-btn ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.new-request .new-request-form .notice-section {
  grid-area: nr-fo-not;
  padding: 24px 0;
}
.new-request .new-request-form .notice-section h2 {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.new-request .new-request-form .notice-section p {
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 0.3px;
}
.stepthree .new-request .new-request-form .submit-section {
  margin-top: 8px;
}
.reqdetail .new-request-form .submit-section label.fattach {
  cursor: pointer;
}

@media (max-width: 767px) {
  .new-request .new-request-form .notice-section {
    text-align: center;
  }
  .reqdetail.stepthree .new-request .new-request-form .submit-section {
    margin: 8px 0 32px;
  }
}

/* Bugfix Community FM - June, 26 2023 */

.community .dashboard.first-time-access .welcome-teaser .button-wrapper button:first-of-type:last-of-type {
  margin-left: 0;
}

@media (min-width: 1024px) {
  .dash-first.community.fm-view .navbar .nav-links ul {
    justify-content: center;
  }
  .dash-first.community.fm-view .navbar .nav-links ul li:first-of-type {
    margin-left: 72px;
  }
}

/* Bugfix Dashboard Highlights - Feb, 20 2024 */

.dash-first .dashboard .highlights .widget .category,
.support-and-request .highlights .widget .category,
.new-request .highlights .widget .category,
.request-detail .highlights .widget .category {
  line-height: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  padding-right: 12px;
}
.dash-first .dashboard .highlights .widget .meta span,
.pm-view .support-and-request .highlights .widget .author span,
.om-view .support-and-request .highlights .widget .author span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 178px;
  padding-right: 12px;
}
.dashboard .highlights .widget .tag.bottom,
.pm-view .support-and-request .highlights .widget .tag.bottom,
.om-view .support-and-request .highlights .widget .tag.bottom {
  display: inline-block;
}

@media (min-width: 768px) {
  .fm-dash .latest-announcements button.widget.tenant-view {
    height: 170px;
  }
  .dash-first.fm-dash .latest-announcements .widgets-wrapper .widget .top-row,
  .latest-announcements .widgets-wrapper .widget .head,
  .om-view .latest-announcements .widgets-wrapper .widget .head {
    height: unset;
  }
  .dashboard .highlights .widget .category,
  .support-and-request .highlights .widget .category,
  .new-request .highlights .widget .category,
  .request-detail .highlights .widget .category {
    margin-bottom: 16px;
  }
  .dash-first .dashboard .highlights .widget .meta {
    height: 36px;
  }
  .support-and-request .highlights .widget .meta {
    height: unset;
  }
  .dashboard .highlights .widget .tag.bottom,
  .pm-view .support-and-request .highlights .widget .tag.bottom,
  .om-view .support-and-request .highlights .widget .tag.bottom {
    margin-top: 12px;
  }
  .latest-announcements .widget .forward-button {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .dash-first .dashboard .highlights .widget .category,
  .support-and-request .highlights .widget .category,
  .new-request .highlights .widget .category,
  .request-detail .highlights .widget .category {
    display: unset;
    -webkit-box-orient: unset;
    white-space: nowrap;
    -webkit-line-clamp: unset;
    text-overflow: ellipsis;
    width: 212px;
  }
  .dash-first .latest-announcements.highlights .widget .meta,
  .dashboard .highlights .widget .meta,
  .support-and-request .highlights .widget .meta,
  .new-request .highlights .widget .meta,
  .request-detail .highlights .widget .meta {
    line-height: 18.32px;
  }
  .dash-first .dashboard .highlights .widget .meta span,
  .pm-view .support-and-request .highlights .widget .author span,
  .om-view .support-and-request .highlights .widget .author span {
    width: 252px;
  }
  .dash-first .latest-announcements.highlights .widget .tag.bottom {
    margin-top: 18px;
  }
  .dash-first .pm-dashboard .latest-announcements.highlights .widget .tag.bottom,
  .pm-view .support-and-request .highlights .widget .tag.bottom,
  .om-view .support-and-request .highlights .widget .tag.bottom {
    margin-top: 20px;
    margin-bottom: 4px;
  }
  .dash-first.community .highlights .widget .forward-button:last-child {
    margin-bottom: unset;
  }
}

/* Bugfix Dashboard Highlights - Mar, 07 2024 */

@media (min-width: 768px) and (max-width: 1023px) {
  .dropdown select.assetselect {
    max-width: 664px;
  }
}

@media (min-width: 1024px) {
  .dropdown select.assetselect {
    max-width: 208px;
  }
}

/* Bugfix Dashboard Highlights - Mar, 19 2024 */

@media (min-width: 768px) {
  .builddet .building-and-data .hero-section .pcode {
    min-width: 160px;
  }
}

/* Dashboard Highlights PM view - Nov, 13 2024 */

.latest-announcements.pm-view .widget .widget-title {
  -webkit-line-clamp: 1;
}

@media (max-width: 767px) {
  .dash-first .latest-announcements.highlights .widget .category {
    margin-top: 4px;
  }
  .dash-first .pm-dashboard .latest-announcements.highlights.pm-view .widget .tag.bottom {
    margin-top: 20px;
  }
  .dash-first .latest-announcements.highlights.pm-view .widget .widget-title {
    height: 24px;
  }
  .dash-first .dashboard .highlights.pm-view .widget .meta {
    margin-top: 14px;
    height: 58px;
  }
  .dash-first .dashboard .highlights.pm-view .widget .meta span {
    line-height: 15px;
  }
}

@media (min-width: 768px) {
  .dashboard .highlights.pm-view .widget .tag.bottom {
    margin-top: 18px;
  }
  .latest-announcements.pm-view .widget .widget-title {
    height: 20px;
  }
  .dash-first .dashboard .highlights.pm-view .widget .meta {
    margin-top: 12px;
    height: 40px;
  }
  .dash-first .dashboard .highlights.pm-view .widget .meta span {
    line-height: 12px;
  }
}

/* Bugfix Highlight Title - Nov, 20 2024 */

@media (min-width: 768px) {
  .fm-dash .latest-announcements .widgets-wrapper .widget .widget-title, .pm-view .latest-announcements .widgets-wrapper .widget .widget-title, .om-view .latest-announcements .widgets-wrapper .widget .widget-title, .latest-announcements .widget .widget-title, .requests-updates-slider .widget .widget-title {
      max-width: 178px;
  }
}

/* Captcha */

.cpt-input {
  display: flex;
  align-items :stretch;
}
.cpt-input > input {
  width: 100%;
  height: 32px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background: none;
  margin-left: 16px;
  padding: 8px;
  font-size: 9px;
  line-height: normal;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  align-self: center;
}
.cpt-input img {
  width: 120px;
  min-width: 120px;
}

@media (max-width: 767px) {
    .login .login-form .cpt-input > input, .login .login-form > button {
        height: 48px;
        font-size: 14px;
        line-height: 16.7px;
    }
}

/* Bugfix Community Posts - May, 16 2025 + Nov, 5 2025 */

.community-feed .post:not(:last-child) {
  margin: 16px 0;
}
.community .announcement-approval .text p,
.community .announcement-approval h4.small-space-bottom,
.community-feed .post .post-title,
.community-feed .post .post-copy {
  word-break: break-word;
}

@media (max-width: 767px) {
  .community-feed .post .post-author {
    max-width: unset;
  }
}

/* Bugfix Tenant Request - Mar, 20 2026 */

.requests .messaging .messages .message.received p,
.requests .messaging .messages .message.sent p {
  word-break: break-word;
}

@media (max-width: 767px) {
  .request-detail.version-2021 .requests .request-info .request-opener::after {
    top: 0;
    bottom: 0;
    height: auto;
  }
}

/* Bugfix Tenant Request - Mar, 31 2026 */

.request-detail .requests .request-info .subject .title.has-divider,
.request-detail .requests .request-info .notes {
  word-break: break-word;
}

/* Tooltips */

.info-tooltip-wrapper .info-tooltip,
.info-tooltip-wrapper .info-tooltip-toggle:not(.active):hover + .info-tooltip:not(.active),
.info-tooltip-wrapper .info-tooltip-toggle:not(.active):focus + .info-tooltip:not(.active),
.info-tooltip-wrapper .info-tooltip-toggle:not(.active):active + .info-tooltip:not(.active),
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip,
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip-toggle:not(.active):hover + .info-tooltip:not(.active),
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip-toggle:not(.active):focus + .info-tooltip:not(.active),
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip-toggle:active + .info-tooltip:not(.active) {
  display: none;
}
.info-tooltip-wrapper .info-tooltip-toggle.active:hover + .info-tooltip.active,
.info-tooltip-wrapper .info-tooltip-toggle.hoveractive:not(.active):hover + .info-tooltip.hoveractive,
.info-tooltip-wrapper .info-tooltip-toggle.active + .info-tooltip.active,
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip-toggle.active:hover + .info-tooltip.active,
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip-toggle.hoveractive:not(.active):hover + .info-tooltip.hoveractive,
.request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip-toggle.active + .info-tooltip.active {
  display: block;
}

.latest-announcements.highlights .info-tooltip-wrapper button {
  margin: -3px 0 1px 0;
  padding: 0;
  vertical-align: middle;
}
.request-overview .widget.monthly .info-tooltip-wrapper button {
  margin: -4px 0 0 0;
  padding: 0;
  vertical-align: middle;
}
.latest-announcements.highlights .info-tooltip-wrapper button span,
.request-overview .widget.monthly .info-tooltip-wrapper button span {
  display: none;
}
.latest-announcements.highlights .info-tooltip-wrapper button,
.request-overview .widget.monthly .info-tooltip-wrapper button {
  width: 18px;
  height: 18px;
  background: url(/static/dsm/images/icons/info-2021-mobile.svg) no-repeat center/18px;
}
.latest-announcements.highlights .info-tooltip-wrapper .info-tooltip {
  top: -35px;
}

@media (max-width: 767px) {
  .request-overview .widget.monthly .info-tooltip-wrapper button {
    margin: -4px -4px 14px 0;
    padding: 0;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper button span {
    vertical-align: text-top;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper button {
    width: 32px;
    height: 32px;
    background: url(/static/dsm/images/icons/info-2021-mobile.svg) no-repeat center/32px;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper .info-tooltip {
    left: -300px;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper button,
  .request-overview .widget.monthly .info-tooltip-wrapper button:hover,
  .request-overview .widget.monthly .info-tooltip-wrapper button:focus,
  .request-overview .widget.monthly .info-tooltip-wrapper button:active,
  .pm-view .info-tooltip-wrapper.just-button button,
  .pm-view .info-tooltip-wrapper.just-button button:hover,
  .pm-view .info-tooltip-wrapper.just-button button:focus,
  .pm-view .info-tooltip-wrapper.just-button button:active,
  .kpi-dashboard .info-tooltip-wrapper button,
  .kpi-dashboard .info-tooltip-wrapper button:hover,
  .kpi-dashboard .info-tooltip-wrapper button:focus,
  .kpi-dashboard .info-tooltip-wrapper button:active,
  .document-sharing .table .documents .document .info-tooltip-wrapper button,
  .document-sharing .table .documents .document .info-tooltip-wrapper button:hover,
  .document-sharing .table .documents .document .info-tooltip-wrapper button:focus,
  .document-sharing .table .documents .document .info-tooltip-wrapper button:active {
    background: url(/static/dsm/images/icons/info-2021-mobile.svg) no-repeat center/32px;
  }
  .request-overview .widget.monthly .info-tooltip-wrapper button.active,
  .request-overview .widget.monthly .info-tooltip-wrapper button.active:hover,
  .request-overview .widget.monthly .info-tooltip-wrapper button.hoveractive:not(.active):hover,
  .pm-view .info-tooltip-wrapper.just-button button.active,
  .pm-view .info-tooltip-wrapper.just-button button.active:hover,
  .pm-view .info-tooltip-wrapper.just-button button.hoveractive:not(.active):hover,
  .kpi-dashboard .info-tooltip-wrapper button.active,
  .kpi-dashboard .info-tooltip-wrapper button.active:hover,
  .kpi-dashboard .info-tooltip-wrapper button.hoveractive:not(.active):hover,
  .document-sharing .table .documents .document .info-tooltip-wrapper button.active,
  .document-sharing .table .documents .document .info-tooltip-wrapper button.active:hover,
  .document-sharing .table .documents .document .info-tooltip-wrapper button.hoveractive:not(.active):hover {
    background: url(/static/dsm/images/icons/info-black-2021-mobile.svg) no-repeat center/32px;
  }
}

@media (min-width: 768px) {
  .latest-announcements.highlights .info-tooltip-wrapper button,
  .latest-announcements.highlights .info-tooltip-wrapper button:hover,
  .latest-announcements.highlights .info-tooltip-wrapper button:focus,
  .latest-announcements.highlights .info-tooltip-wrapper button:active,
  .request-overview .widget.monthly .info-tooltip-wrapper button,
  .request-overview .widget.monthly .info-tooltip-wrapper button:hover,
  .request-overview .widget.monthly .info-tooltip-wrapper button:focus,
  .request-overview .widget.monthly .info-tooltip-wrapper button:active,
  .pm-view .info-tooltip-wrapper.just-button button,
  .pm-view .info-tooltip-wrapper.just-button button:hover,
  .pm-view .info-tooltip-wrapper.just-button button:focus,
  .pm-view .info-tooltip-wrapper.just-button button:active,
  .document-sharing .table .documents .document .info-tooltip-wrapper button,
  .document-sharing .table .documents .document .info-tooltip-wrapper button:hover,
  .document-sharing .table .documents .document .info-tooltip-wrapper button:focus,
  .document-sharing .table .documents .document .info-tooltip-wrapper button:active {
    background: url(/static/dsm/images/icons/info-2021-mobile.svg) no-repeat center/18px;
  }
  .kpi-dashboard .info-tooltip-wrapper button,
  .kpi-dashboard .info-tooltip-wrapper button:hover,
  .kpi-dashboard .info-tooltip-wrapper button:focus,
  .kpi-dashboard .info-tooltip-wrapper button:active {
    background: url(/static/dsm/images/icons/info-2022.svg) no-repeat center/23px;
  }
  .latest-announcements.highlights .info-tooltip-wrapper button.active,
  .latest-announcements.highlights .info-tooltip-wrapper button.active:hover,
  .latest-announcements.highlights .info-tooltip-wrapper button.hoveractive:not(.active):hover,
  .request-overview .widget.monthly .info-tooltip-wrapper button.active,
  .request-overview .widget.monthly .info-tooltip-wrapper button.active:hover,
  .request-overview .widget.monthly .info-tooltip-wrapper button.hoveractive:not(.active):hover,
  .pm-view .info-tooltip-wrapper.just-button button.active,
  .pm-view .info-tooltip-wrapper.just-button button.active:hover,
  .pm-view .info-tooltip-wrapper.just-button button.hoveractive:not(.active):hover,
  .kpi-dashboard .info-tooltip-wrapper button.active,
  .kpi-dashboard .info-tooltip-wrapper button.active:hover,
  .kpi-dashboard .info-tooltip-wrapper button.hoveractive:not(.active):hover,
  .document-sharing .table .documents .document .info-tooltip-wrapper button.active,
  .document-sharing .table .documents .document .info-tooltip-wrapper button.active:hover,
  .document-sharing .table .documents .document .info-tooltip-wrapper button.hoveractive:not(.active):hover {
    background: url(/static/dsm/images/icons/info-black-2021-mobile.svg) no-repeat center/18px;
  }
}

/* Datepicker */

input[type="text"].dropbtn {
	text-align: left;
}
input[type="text"].dropbtn:focus {
	outline: none;
}
.daterangepicker.opensleft:before,
.daterangepicker.opensleft:after,
.daterangepicker.openscenter:before,
.daterangepicker.openscenter:after,
.daterangepicker.opensright:before,
.daterangepicker.opensright:after {
	display: none;
}
.daterangepicker {
  color: black;
	border-radius: 0;
	border-color: #DEDEDE;
	box-shadow: -2px 0px 8px rgba(0, 0, 0, 0.2);
  margin-top: 6px;
  z-index: 4;
}
.daterangepicker td.disabled {
	text-decoration: none;
}
.daterangepicker.show-calendar .drp-calendar.right {
	border-left: 0;
	border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
	display: none;
}
.daterangepicker .ranges {
	display: flex;
	flex-flow: column-reverse;
  height: 224px;
}
.daterangepicker .ranges-selected {
  margin: 8px 16px 0;
}
.daterangepicker .inputrange {
  display: block;
	height: 28px;
  width: 116px;
  font-size: 9px;
  line-height: 10.74px;
  padding: 8.5px 60px 8.5px 8px;
  margin-bottom: 6px;
  border: 1px solid #DEDEDE;
  background: url(/static/dsm/images/kpi/calendar.svg) no-repeat center right 6px;
}
.daterangepicker .ranges ul {
	margin-top: auto;
}
.daterangepicker .ranges ul li {
	font-size: 9px;
	line-height: 10.74px;
}
.daterangepicker th.month {
  color: #C21817;
  height: 36px;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  display: block;
  color: #fff;
  border: none;
  border-width: 0;
  border-radius: 0;
  width: 18px;
  height: 18px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
}
.daterangepicker .calendar-table .next span {
  margin-left: 6px;
}
.daterangepicker th.available:hover {
  background-color: #fff;
}
.daterangepicker .calendar-table .prev span {
  background: url(/static/dsm/images/kpi/dp-chevron-left.svg) no-repeat 8px center;

}
.daterangepicker .calendar-table .next span {
  background: url(/static/dsm/images/kpi/dp-chevron-right.svg) no-repeat 8px center;
}
.daterangepicker td.in-range {
  background-color: #f9e7e7;
}
.daterangepicker td:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.in-range.active,
.daterangepicker td.in-range.active:hover {
  background-color: #C21817;
  color: #fff;
}
.daterangepicker td.start-date,
.daterangepicker td.end-date {
  border-radius: 2px;
}
.daterangepicker .ranges ul {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px;
}
.daterangepicker .ranges li {
  position: relative;
  padding: 7px 12px 8px 30px;
}
.daterangepicker .ranges li:hover {
  background-color: #fff;
}
.daterangepicker .ranges li.active {
  background-color: #fff;
  color: #000;
}
.daterangepicker .ranges li::before {
  content: "";
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/unchecked-fake.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 8px 0;
  padding: 0;
  cursor: pointer;
}
.daterangepicker .ranges li.active::before {
  background: url(/static/dsm/images/icons/toggle/checkbox/XS/checked-black-fake.svg) no-repeat center/contain;
}
@media (min-width: 564px) {
  .daterangepicker .ranges ul {
    width: 116px;
  }
}

@media (min-width: 730px) {
	.daterangepicker .ranges {
		float: right;
	}
}

/* Tenant Select Asset */

.dropdown select.assetselect option {
  max-width: unset;
}

@media (min-width: 1024px) {
  .navbar.profile-open .profile-dropdown {
    min-width: 204px;
  }
  .assetlistitem {
    margin-left: -8px;
    margin-right: -8px;
  }
  .dropdown select.assetselect {
    font-size: 12px;
    line-height: normal;
    min-width: 100%;
    margin: 4px 0;
    padding-right: 36px;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black.svg) no-repeat center right 4px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .assetlistitem {
    margin-left: 14px;
    margin-right: 14px;
  }
  .dropdown select.assetselect {
    font-size: 28px;
    line-height: 33.4px;
    min-width: 550px;
    margin: 0;
    padding-right: 36px;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 12px;
  }
}

@media (max-width: 1023px) {
  .assetlistitem .dropdown {
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    background: none;
    filter: none;
  }
}

@media (max-width: 767px) {
  .navbar .subhead.settings {
    width: 100%;
    padding: 0 0 6px 0;
  }
  .navbar .subhead.settings .subnavhead {
    width: 100%;
    padding: 16px 15px 0 15px;
  }
  .navbar .subhead.settings ul.profile-list li:not(.assetlistitem) {
    padding: 0 15px;
  }
  .navbar .subhead.settings ul.profile-list li.assetlistitem {
    padding: 6px;
  }
  .assetlistitem .dropdown select:hover,
  .assetlistitem .dropdown select:focus,
  .assetlistitem .dropdown select:active {
    background-color: none;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 8px;
  }
  .dropdown select.assetselect {
    font-size: 14px;
    line-height: normal;
    min-width: auto;
    max-width: 100%;
    margin: 0;
    background: url(/static/dsm/images/icons/action/controls/XS/chevron/down/Black-mobile.svg) no-repeat center right 8px;
  }
}

/* FAQ */

.support-and-request.get-support .faq-section .widget.accordion .accordion-item .accordion-content li:last-of-type {
  border-bottom: 0;
}
.support-and-request.get-support .faq-section .widget.accordion .empty {
  display: block;
  padding: 25px 16px;
}
.faq-page .similar-faq .link-wrapper {
  width: 100%;
}
@media (max-width: 767px) {
  .faq.om-view .faq-section .widget.accordion .accordion-item .toggle {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/down/Black-mobile-2021.svg);
    background-size: 20px 20px;
  }
  .faq.om-view .faq-section .widget.accordion .accordion-item.expanded .toggle {
    background-image: url(/static/dsm/images/icons/action/controls/S/chevron/up/Black-mobile-2021.svg);
    background-size: 20px 20px;
  }
}
@media (min-width: 768px) {
  .faq-page .answer-section .app-grid,
  .faq-page .similar-faq .app-grid {
    display: block;
  }
}

/* Legal */

.copy .copy-content td {
  padding: 2px 4px;
}

/* Custom Fonts */

body,
.app-wrapper,
a.default-link,
a.default-link:hover,
a.inline-link,
a.inline-link:hover,
a.inline-link:active,
a.arrow-link,
a.arrow-link:hover,
a.arrow-link:focus,
a.arrow-link:active,
a.arrow-link.white,
a.arrow-link.white:active,
a.arrow-link.black,
a.arrow-link.black:hover,
a.arrow-link.black:focus,
a.arrow-link.black:active,
button.cta-primary-white,
button.cta-primary-white.disabled,
button.cta-primary-black,
button.cta-primary-black.disabled,
button.cta-secondary-black,
button.cta-secondary-black:hover,
button.cta-secondary-black:active,
button.cta-secondary-black:focus,
button.cta-primary-red,
button.cta-secondary-red:hover,
button.cta-secondary-red:active,
button.cta-secondary-red:focus,
.widget .widget-title,
.dropdown label,
.dropdown select,
input[type=text].default-input,
input[type=date].default-input,
textarea.default-input,
.tag,
.login .title,
.login .login-form > button,
.navbar .nav-links,
.mobile-menu li,
.dashboard.first-time-access .welcome-teaser .welcome-title,
.dashboard.first-time-access .welcome-teaser button,
.dashboard.first-time-access .welcome-teaser button:hover,
.dashboard.first-time-access .welcome-teaser button:active,
.dashboard.first-time-access .welcome-teaser button:focus,
.dashboard.first-time-access .welcome-teaser button.disabled,
.request-overview .widget.monthly .monthly-requests-graph span.graph-number,
.request-overview .widget.monthly .monthly-requests-graph span.graph-caption,
.request-overview .widget.monthly .monthly-filter.empty,
.request-overview .widget.your-requests .main-section .requests-list li span:not(.tag),
.request-overview .widget.your-requests .main-section .no-requests-title,
.request-overview .widget.your-requests .main-section .no-requests-caption,
.widget.services-widget .widget-head .active-info .info-wrapper .info-text,
.widget.services-widget .add-on-title,
.widget.services-widget .add-on-description,
.dashboard .my-contracts > .widget .my-contracts-info .title h4,
.dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title h4,
.dashboard .my-contracts .pm-buildings-widget .my-contracts-info .title h4,
.property-manager .buildings > .widget .my-contracts-info .title h4,
.property-manager .buildings > .app-grid > .widget .my-contracts-info .title h4,
.property-manager .buildings .pm-buildings-widget .my-contracts-info .title h4,
.dashboard .my-contracts > .widget .my-contracts-info .title .subtitle,
.dashboard .my-contracts > .app-grid > .widget .my-contracts-info .title .subtitle,
.dashboard .my-contracts .pm-buildings-widget .my-contracts-info .title .subtitle,
.property-manager .buildings > .widget .my-contracts-info .title .subtitle,
.property-manager .buildings > .app-grid > .widget .my-contracts-info .title .subtitle,
.property-manager .buildings .pm-buildings-widget .my-contracts-info .title .subtitle,
.dashboard .my-contracts > .widget .my-contracts-info .value,
.dashboard .my-contracts > .app-grid > .widget .my-contracts-info .value,
.dashboard .my-contracts .pm-buildings-widget .my-contracts-info .value,
.property-manager .buildings > .widget .my-contracts-info .value,
.property-manager .buildings > .app-grid > .widget .my-contracts-info .value,
.property-manager .buildings .pm-buildings-widget .my-contracts-info .value,
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button,
.property-manager.buildings-tenants .buildings-tenants-list .tab-switcher button span,
.property-manager.pm-building-info .buildings-tenants-list .tab-switcher button span,
.app-footer a,
.app-footer .company-info,
.dashboard .highlights .widget .meta,
.support-and-request .highlights .widget .meta,
.new-request .highlights .widget .meta,
.request-detail .highlights .widget .meta,
.onboarding-box.lightbox .left-content h2,
.onboarding-box.lightbox .left-content h4,
.onboarding-box.lightbox.alternate-layout .left-content h4,
.my-contracts .widget div > span.value,
.invoices .widget div > span.value,
.building .widget div > span.value,
.building-and-data .hero-section h2,
.building-and-data .hero-section .managed-by,
.building-and-data .hero-section .building-size,
.widget.accordion .accordion-item .accordion-content li .date,
.widget.accordion .accordion-item .accordion-content li .category,
.support-and-request .hero-section h2,
.service-detail .hero-section h2,
.property-manager.buildings-tenants .hero-section h2,
.support-and-request .send-request-section .left-area .title,
.support-and-request .send-request-section .left-area .subtitle,
.your-requests .pagination button.page-number,
.your-requests .pagination button.page-number.current,
.support-and-request.get-support .hero-section .search-bar input,
.buildings-tenants .hero-section .search-bar input,
.support-and-request.get-support .emergency-section .subtitle ,
.support-and-request.get-support .emergency-section .number,
.support-and-request.get-support .contact-section .contact .job,
.faq-page .hero-section .subtitle,
.faq-page .answer-section .caption,
.faq-page .similar-faq .title,
.new-request .hero-section .subtitle,
.request-detail .hero-section .subtitle,
.new-request .subcategory .subcategory-title,
.request-detail .subcategory .subcategory-title,
.request-detail .requests .messaging .messages .message.received,
.request-detail .requests .messaging .messages .message.sent,
.request-detail .requests .messaging .message-input input,
.request-detail .requests .request-info .title,
.request-detail .requests .request-info .value,
.service-detail .hero-section .lower-part-wrapper .subtitle,
.service-detail .copy .copy-content .copy-title,
.pm-tenant-detail .tenant-summary .summary-box .summary-head .tenant-name,
.pm-tenant-detail .tenant-summary .summary-box .summary-body .contact .default-content,
#tollerUploadLabel,
#reopenInput2,
button.cta-primary-gray,
button.cta-primary-gray:hover,
button.cta-primary-gray:active,
button.cta-primary-gray:focus,
.create-announcement .form-section .fake-dropdown-wrapper .fake-option,
.create-announcement .form-section .fake-dropdown-wrapper .fake-multiselect-options .search input,
.create-announcement .form-section .confirmation-line,
.create-announcement.community-post .link-section .info,
.announcement-lightbox .title,
.announcement-lightbox .text,
.announcement-lightbox .meta,
.announcement-approval .meta .date,
.announcement-approval h4,
.locations-list.locations-section-2-col .suggested-locations-headline,
.locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories .label,
.locations-list.locations-section-2-col .filter-locations .flex-wrapper .location-categories button,
.favorite-locations-page .search-locations .search-results,
.location-detail-lightbox .content .left-content .title,
.location-detail-lightbox .content .right-content .rating .rating-number,
.account-management .hero-section .app-grid .left-area h2,
.account-management .hero-section .app-grid .left-area .subtitle,
.account-management .section-toggle .section-toggle-inner button,
.account-management .section-toggle .section-toggle-inner button .number,
.account-management .accounts-list-item .col-name-email .name,
.account-management .accounts-list-item .col-name-email .email,
.account-management .tenant-account .title,
.account-management .tenant-account .meta .label,
.account-mgmt-lightbox .title,
.account-mgmt-lightbox .input-field .input-label,
.account-mgmt-lightbox .input-field .input-element-wrapper input,
.account-mgmt-lightbox .input-field .input-element-wrapper textarea,
.account-mgmt-lightbox .input-field .input-element-wrapper select,
.account-mgmt-lightbox .input-field .input-element-wrapper .editable-content,
.document-sharing-flow .document-section-wrapper .document-section .top-content h3.docname,
.viewer-settings .dropbtn,
.kpi-dashboard .kpi-main .info-tooltip-wrapper .tooltip span,
.kpi-dashboard .kpi-main .dropbtn,
.kpi-dashboard .daterangepicker,
.kpi-dashboard .daterangepicker .inputrange {
  font-family: "Helvetica-Neue-Roman", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

h3.subtitle,
.widget .caption,
.dashboard .my-contracts > .widget .my-contracts-info .label,
.dashboard .my-contracts > .app-grid > .widget .my-contracts-info .label,
.dashboard .my-contracts .pm-buildings-widget .my-contracts-info .label,
.property-manager .buildings > .widget .my-contracts-info .label,
.property-manager .buildings > .app-grid > .widget .my-contracts-info .label,
.property-manager .buildings .pm-buildings-widget .my-contracts-info .label,
.dashboard .highlights .widget .category,
.support-and-request .highlights .widget .category,
.new-request .highlights .widget .category,
.request-detail .highlights .widget .category,
.my-contracts .widget div > span.label,
.invoices .widget div > span.label,
.building .widget div > span.label,
.building-and-data .building .widget .information .title,
.pm-tenant-detail .building .widget .information .title,
.support-and-request.get-support .emergency-section .title,
.support-and-request.get-support .contact-section .title,
.request-detail .requests .request-info .category-name,
.request-detail .requests .request-info .label,
.pm-tenant-detail .tenant-summary .summary-box .summary-head .tenant-subtitle,
.pm-tenant-detail .tenant-summary .summary-box .summary-body .contact .title,
.announcement-lightbox .category,
.favorite-locations-page .loading-spinner span,
.location-detail-lightbox .content .left-content .category,
.location-toast .subtitle,
.account-management .accounts-list-heading,
.account-management .accounts-list-item .col-button .dropdown-overlay .title,
.account-management .tenant-account-content .tenant-account-heading,
.request-detail.ask-pm .attachment .label,
.request-detail.ask-pm .messages .title,
.navbar .dropdown.notifications-dropdown .notification-item .top-line,
.navbar .dropdown.notifications-dropdown .notification-item .title,
.navbar .dropdown.notifications-dropdown .notification-item .subtitle,
.faq-page .similar-faq .title,
.request-detail.ask-pm .conversation-partner .title,
.kpi-dashboard .kpi-main .section-title,
.kpi-dashboard .daterangepicker .calendar-table th,
.kpi-dashboard .daterangepicker .drp-buttons .btn,
.request-overview .rq-dash .widget.your-requests .requests-list li span.head,
.support-and-request .new-request .requests-list li span.head,
.support-and-request .closed-requests .requests-list li span.head {
  font-family: "Helvetica-Neue-Medium", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.kpi-dashboard .kpi-main .widget .widget-title strong,
.kpi-dashboard .kpi-main .stat-number-xlarge,
.kpi-dashboard .kpi-main .stat-number-large,
.request-overview .rq-dash .widget.your-requests .requests-list li span.priority:not(.head),
.support-and-request .new-request .requests-list li span.priority:not(.head),
.support-and-request .closed-requests .requests-list li span.priority:not(.head),
.new-request .new-request-form .notice-section h2,
.copy .copy-content strong {
  font-family: "Helvetica-Neue-Bold", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (min-width: 768px) {
	.request-detail .requests .edit-priority .view .motivation-wrapper .motivation-desc {
    font-family: "Helvetica-Neue-Bold", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
}

@media (min-width: 1024px) {
	.onboarding-box.lightbox.alternate-layout .left-content h4,
	.support-and-request .send-request-section .left-area .title,
	.support-and-request .send-request-section .left-area .subtitle,
	.location-detail-lightbox .content .left-content .title,
	.location-detail-lightbox .content .right-content .rating .rating-number {
    font-family: "Helvetica-Neue-Roman", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
	.subtitle.get-email-notification,
  .navbar .notificationitems.notifications-wrapper .notification-item .top-line,
  .navbar .notificationitems.notifications-wrapper .notification-item .title,
  .navbar .notificationitems.notifications-wrapper .notification-item .subtitle,
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .checkbox label,
  .document-sharing-flow.wizard .document-section-wrapper .document-section .top-content h3.docname {
    font-family: "Helvetica-Neue-Roman", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .document-sharing-flow.wizard .document-section-wrapper .document-section .top-content .title-row h3.subtitle,
  .document-sharing-flow .document-section-wrapper .document-section .bottom-row .checkbox label,
  .request-overview .rq-dash .widget.your-requests .widget-title {
    font-family: "Helvetica-Neue-Medium", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
}