#d3m-status-link {
  position: relative; }

.d3m-status-icon,
#d3m-status-link:before {
  height: 8px;
  width: 8px;
  background-color: transparent;
  border-radius: 4px;
  pointer-events: none;
  position: absolute; }

.d3m-status-icon {
  right: 9px;
  bottom: 9px; }

#d3m-status-link:before {
  content: '';
  left: 6px;
  top: 9px; }

#d3m-status-link[data-status='none']:before {
  background-color: #28a4a4; }

.d3m-status-icon[data-status='minor'],
#d3m-status-link[data-status='minor']:before {
  background-color: #f1c40f; }

.d3m-status-icon[data-status='major'],
#d3m-status-link[data-status='major']:before {
  background-color: #e67e22; }

.d3m-status-icon[data-status='critical'],
#d3m-status-link[data-status='critical']:before {
  background-color: #e74c3c; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
#bar-nav-region .bar-nav-region-items {
  display: flex; }

#bar-nav-region .nav-item {
  float: left;
  text-align: center;
  width: 60px;
  height: 47px;
  padding: 4px 0; }
  #bar-nav-region .nav-item a {
    color: #fff;
    text-decoration: none;
    display: block; }
  #bar-nav-region .nav-item.active {
    cursor: default;
    background-color: #383838;
    color: #fff; }
  #bar-nav-region .nav-item .d3m-rack,
  #bar-nav-region .nav-item .d3m-floorplan {
    font-size: 1.1em; }
  #bar-nav-region .nav-item:hover:not(.active) {
    cursor: pointer; }

#bar-nav-region .nav-item-name {
  margin-top: -6px;
  font-size: 11px;
  text-transform: capitalize; }

.nav-vertical-bar {
  height: 30px;
  min-width: 1px;
  background: #333;
  top: 10px;
  margin: 8px;
  opacity: 0.3; }

@media (max-width: 992px) {
  #bar-nav-region .nav-item {
    font-size: 18px;
    width: 40px;
    line-height: 38px; }
  #bar-nav-region .nav-item-name {
    display: none; } }

.dropdown-menu-d3m {
  width: 200px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
.failed-to-load {
  height: 80px; }
  .failed-to-load:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #eee;
    color: #999;
    content: 'Image not found. Please upload a new image.';
    padding: 3px;
    line-height: 80px; }

.org-name-error-container {
  color: #e74c3c; }

.organization-backend-settings-container {
  position: relative; }
  .organization-backend-settings-container .dropdown-menu {
    width: 100%; }
  .organization-backend-settings-container .fr-image-upload-layer {
    z-index: 900; }

.organization-backend-custom-styles-container .fr-image-upload-layer {
  z-index: 900; }

.organization-backend-custom-styles-container .body {
  padding: 2px;
  padding-top: 23px; }

.organization-backend-custom-styles-container .style {
  margin: 2px 2px;
  padding-left: 1px; }

.organization-backend-custom-styles-container .style-name {
  font-size: 14px;
  width: 48%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-top: 2px;
  height: 18px;
  line-height: 18px;
  font-weight: bold; }

.organization-backend-custom-styles-container .notification {
  opacity: 0;
  transition: opacity 200ms; }

.organization-backend-transfer-container,
.organization-backend-settings-container,
.organization-backend-custom-styles-container,
.organization-backend-statuses,
.organization-backend-addresses,
.organization-backend-color-palette {
  width: 800px;
  margin: 0 auto; }

.organization-backend-projects-container {
  width: 100%;
  height: 100%; }
  .organization-backend-projects-container h4 {
    margin-top: 40px;
    position: absolute;
    width: 100%; }
  .organization-backend-projects-container #notification-region {
    padding: 0; }
  .organization-backend-projects-container .project-index {
    height: 100%; }
    .organization-backend-projects-container .project-index #table-region {
      height: calc(100vh - 195px); }
  .organization-backend-projects-container #collection-region {
    height: 100%; }

.organization-image-container {
  margin-bottom: 10px;
  position: relative;
  text-align: center; }
  .organization-image-container .organization-logo {
    max-width: 100%; }
  .organization-image-container .remove-org-logo-container {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 0;
    background-color: #333;
    color: #ccc;
    opacity: 0.7; }
  .organization-image-container:hover .remove-org-logo-container {
    display: flex;
    align-items: center; }
    .organization-image-container:hover .remove-org-logo-container > div {
      flex: 1 1 auto; }

.organization-custom-image-container {
  background-color: #454545; }

.organization-custom-image-container,
.organization-favicon-container {
  margin-bottom: 10px;
  position: relative;
  text-align: center; }
  .organization-custom-image-container .organization-custom-logo,
  .organization-custom-image-container .organization-favicon,
  .organization-favicon-container .organization-custom-logo,
  .organization-favicon-container .organization-favicon {
    max-width: 100%; }
  .organization-custom-image-container .remove-org-custom-logo-container,
  .organization-custom-image-container .remove-org-favicon-container,
  .organization-favicon-container .remove-org-custom-logo-container,
  .organization-favicon-container .remove-org-favicon-container {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 0;
    background-color: #333;
    color: #ccc;
    opacity: 0.7; }
  .organization-custom-image-container:hover .remove-org-custom-logo-container,
  .organization-custom-image-container:hover .remove-org-favicon-container,
  .organization-favicon-container:hover .remove-org-custom-logo-container,
  .organization-favicon-container:hover .remove-org-favicon-container {
    display: flex;
    align-items: center; }
    .organization-custom-image-container:hover .remove-org-custom-logo-container > div,
    .organization-custom-image-container:hover .remove-org-favicon-container > div,
    .organization-favicon-container:hover .remove-org-custom-logo-container > div,
    .organization-favicon-container:hover .remove-org-favicon-container > div {
      flex: 1 1 auto; }

#header-region,
#collection-region {
  width: 100%; }

.statuses-container-status {
  border: 1px solid #eee;
  padding: 5px;
  margin: 3px;
  background-color: white;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }
  .statuses-container-status:hover .drag-handle {
    visibility: visible; }
  .statuses-container-status .drag-handle {
    float: left;
    visibility: hidden; }
  .statuses-container-status.is-placeholder {
    background-color: #eee;
    height: 34px; }
  .statuses-container-status.ui-sortable-helper {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing; }

.statuses-container-status-actions-cancel,
.statuses-container-status-actions-save,
.statuses-container-status-actions-edit,
.statuses-container-status-actions-delete,
.addresses-container-address-actions-cancel,
.addresses-container-address-actions-save,
.addresses-container-address-actions-edit,
.addresses-container-address-actions-delete,
.addresses-container-address-actions-make-default,
.org-backend-member-delete {
  text-decoration: none;
  border-radius: 2px;
  display: inline-block;
  width: 22px;
  text-align: center;
  line-height: 22px;
  cursor: pointer; }
  .statuses-container-status-actions-cancel:hover,
  .statuses-container-status-actions-save:hover,
  .statuses-container-status-actions-edit:hover,
  .statuses-container-status-actions-delete:hover,
  .addresses-container-address-actions-cancel:hover,
  .addresses-container-address-actions-save:hover,
  .addresses-container-address-actions-edit:hover,
  .addresses-container-address-actions-delete:hover,
  .addresses-container-address-actions-make-default:hover,
  .org-backend-member-delete:hover {
    background-color: #ddd; }

.addresses-container-address-actions-make-default {
  width: 90px; }

.org-backend-members-permission-dropdown {
  width: 90px; }

.statuses-container-status-title {
  width: 450px;
  float: left;
  padding: 2px; }
  .statuses-container-status-title input {
    height: 24px;
    border-radius: 3px; }
  .statuses-container-status-title.is-editing {
    padding: 0; }

.organization-backend-edit-status-error-reporting-container,
.statuses-container-status-title-input-error-create,
.organization-backend-errors-container,
.organization-backend-transfer-ownership-errors-container {
  color: red; }
  .organization-backend-edit-status-error-reporting-container ul,
  .statuses-container-status-title-input-error-create ul,
  .organization-backend-errors-container ul,
  .organization-backend-transfer-ownership-errors-container ul {
    list-style: none; }

.organization-backend-transfer-ownership-errors-container {
  float: left; }

.organization-backend-errors-container {
  display: none; }

.organization-backend-errors-container,
.organization-backend-statuses-errors-container {
  background-color: #e74c3c;
  color: white;
  padding: 3px;
  border-radius: 3px; }

.statuses-container-status-actions {
  float: right; }

.organization-backend-addresses .main-details {
  width: 400px;
  display: inline-block; }
  .organization-backend-addresses .main-details i {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px; }
  .organization-backend-addresses .main-details .main-details-offset {
    max-width: 380px;
    display: inline-block; }

.organization-backend-addresses .secondary-details {
  width: 170px;
  display: inline-block;
  vertical-align: top; }

.organization-backend-addresses .actions {
  width: 160px;
  text-align: right;
  float: right; }

.organization-backend-addresses .default-tag {
  font-size: 10px;
  font-weight: bold;
  background: white;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 22px;
  width: 90px;
  display: inline-block; }

.organization-backend-addresses .organization-backend-custom {
  width: 800px;
  margin: 0 auto; }

.organization-backend-addresses .edit-address-input {
  max-width: 140px;
  height: 20px;
  padding: 2px 4px; }
  .organization-backend-addresses .edit-address-input.edit-address-street-1 {
    display: inline-block; }
  .organization-backend-addresses .edit-address-input.edit-address-street-2 {
    display: inline-block; }
  .organization-backend-addresses .edit-address-input.edit-address-city, .organization-backend-addresses .edit-address-input.edit-address-zip-postal-code, .organization-backend-addresses .edit-address-input.edit-address-state-province {
    display: inline-block;
    max-width: 90px; }
  .organization-backend-addresses .edit-address-input.edit-address-phone-number, .organization-backend-addresses .edit-address-input.edit-address-web-address, .organization-backend-addresses .edit-address-input.edit-address-twitter-handle, .organization-backend-addresses .edit-address-input.edit-address-mobile-number, .organization-backend-addresses .edit-address-input.edit-address-fax-number, .organization-backend-addresses .edit-address-input.edit-address-email {
    max-width: 150px;
    display: inline-block; }

.organization-backend-addresses .organization-backend-address-container i {
  width: 16px;
  text-align: center; }

.organization-backend-addresses .organization-backend-edit-address-details-row {
  margin-bottom: 4px; }

.organization-backend-addresses .default-address {
  background: #eee;
  border-color: #ddd; }

.organization-backend-address-container {
  border: 1px solid #eee;
  padding: 5px;
  margin: 3px;
  background-color: white;
  margin-bottom: 10px; }

.organization-backend-edit-address-error-reporting-container,
.organization-backend-edit-status-error-reporting-container {
  color: red; }
  .organization-backend-edit-address-error-reporting-container ul,
  .organization-backend-edit-status-error-reporting-container ul {
    list-style: none; }

.organization-backend-settings-default-permission-dropdown-item:hover {
  cursor: pointer; }

#organization-backend-transfer-ownership-member-list-region {
  height: 35px; }
  #organization-backend-transfer-ownership-member-list-region .dropdown-toggle {
    width: 100%;
    text-align: left; }
  #organization-backend-transfer-ownership-member-list-region .dropdown-menu {
    width: 100%;
    padding: 5px 10px; }
    #organization-backend-transfer-ownership-member-list-region .dropdown-menu li:hover {
      cursor: pointer;
      background-color: rgba(170, 221, 221, 0.2); }

#backend-dialog-region p {
  margin: 10px 0 0 0; }

.organization-backend-org-transfer-submit {
  padding-top: 10px;
  text-align: center; }

.member-invite-link-info {
  margin-right: 5px; }
  .member-invite-link-info .popover {
    color: black; }

.member-row {
  min-height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative; }
  .member-row .pending-invite {
    color: #27ae60;
    cursor: pointer; }
  .member-row .failed-invite {
    color: #e74c3c; }

.pending-deletion:after {
  content: 'Pending Deletion...';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  background-color: rgba(100, 100, 100, 0.6);
  opacity: 1;
  display: block;
  position: absolute;
  left: 0px;
  text-align: center;
  line-height: 50px;
  height: 50px;
  color: white;
  z-index: 9;
  right: 0px;
  top: 0; }

.members-org-license-count-container {
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 3px;
  right: 0; }

.organization-backend-members {
  padding: 16px;
  height: 100%;
  overflow-y: auto; }
  .organization-backend-members .org-backend-member-search-container {
    margin-bottom: 20px; }
  .organization-backend-members .org-backend-member-create-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; }
    .organization-backend-members .org-backend-member-create-container div:not(:first-child) {
      margin-left: 10px; }
    .organization-backend-members .org-backend-member-create-container .organization-backend-members-emails-container {
      flex: 1 1 0; }

.organization-backend-settings-layout {
  height: 100%;
  overflow-y: auto; }
  .organization-backend-settings-layout h3:not(.panel-title) {
    margin-top: 40px; }

.transfer-ownership-panel {
  margin-bottom: 0; }

.obtp-header {
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.obtp-dialog p {
  margin: 10px 0 0 0; }

.brand-bar-backend-container {
  height: 46px; }
  .brand-bar-backend-container #bar-nav-region .nav-item a {
    color: #333; }
  .brand-bar-backend-container #bar-nav-region .nav-item.active {
    background-color: #269c9c;
    color: #fff; }
  .brand-bar-backend-container #bar-project-region {
    line-height: 46px;
    flex-grow: 1;
    overflow: hidden; }
    .brand-bar-backend-container #bar-project-region .organization-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

#brand-bar-region.brand-bar-backend {
  border-color: #269c9c; }

.brand-bar-backend .brand-bar-container:not(.popover) {
  background-color: #2bb0b0;
  color: white; }

.brand-bar-backend .notifications-button:hover .notifications-count {
  color: white;
  background-color: #e43725; }

.organization-backend-transfer-project-confirm-contrainer .modal-footer .btn {
  margin: 0px; }

.org-backend-transfer-view-org-name-display {
  word-wrap: break-word;
  font-weight: 600; }

.billing-container {
  position: relative; }

.upgrade-plan-container {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center; }

.organization-backend-statuses-collection-region,
.colors-container {
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
  margin-bottom: 15px; }

.statuses-pending-update:before {
  content: 'Reordering...';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  background-color: rgba(100, 100, 100, 0.3);
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  color: white;
  z-index: 9; }

#org-transfer-name-input {
  display: block;
  width: 100%;
  margin-right: 10px;
  margin-bottom: 10px; }

.colors-container .form-group:last-child {
  margin-bottom: 0; }

.organization-backend-color-palette-pricing-cta,
.organization-documents-pricing-cta {
  text-align: center;
  padding: 10px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#template-name-region {
  background-color: #eee;
  padding: 10px;
  margin: 0 -15px;
  margin-top: -15px; }

#template-commit-region {
  background-color: #eee;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

#template-name-region .control-label {
  line-height: 29px;
  margin-top: 7px; }

#template-name-region .form-control {
  margin-top: 3px; }

#template-main-region {
  min-height: 330; }
  #template-main-region .list-group,
  #template-main-region .list-group-defaults {
    list-style: none; }
  #template-main-region .ui-state-highlight {
    padding: 4px 4px 3px 4px; }
  #template-main-region .list-group-item {
    padding: 3px; }
  #template-main-region .property-reorder {
    width: 30px;
    text-align: center;
    float: left;
    margin-top: 6px; }
    #template-main-region .property-reorder:hover {
      cursor: move; }
  #template-main-region .property-name,
  #template-main-region .constant-property-name {
    width: 33%;
    float: left;
    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #template-main-region .constant-property-name {
    margin-top: 15px; }
  #template-main-region .property-value {
    display: inline-block;
    width: 57%; }
  #template-main-region .property-remove {
    display: inline-block;
    width: 40px;
    text-align: center; }
    #template-main-region .property-remove:hover {
      color: #d9534f;
      cursor: pointer;
      font-weight: bold; }
  #template-main-region #design-template-region {
    border: 1px solid #ddd;
    overflow: auto;
    height: 350px;
    width: 100%;
    display: inline-block; }
    #template-main-region #design-template-region > div {
      height: calc(100% - 3em);
      margin-top: 3em; }
    #template-main-region #design-template-region .forces-center {
      height: calc(50% - 3em); }
    #template-main-region #design-template-region .ports-editor {
      margin: auto;
      margin-bottom: 3em;
      background-color: #ddd;
      position: relative;
      clear: both; }
    #template-main-region #design-template-region .port {
      position: absolute;
      width: 24px;
      height: 24px;
      border: 1px solid #bbb;
      cursor: pointer; }
      #template-main-region #design-template-region .port:hover {
        background-color: #666; }
    #template-main-region #design-template-region .full-port {
      background-color: #666;
      color: white;
      font-size: 7px;
      height: 100%;
      width: 100%;
      cursor: pointer;
      line-height: 8px;
      word-break: break-all;
      display: flex;
      align-items: center;
      justify-content: center; }
      #template-main-region #design-template-region .full-port:hover {
        color: #f5a121; }
    #template-main-region #design-template-region .empty-port {
      height: 100%;
      width: 100%; }
  #template-main-region .design-template-ports-description {
    position: absolute;
    bottom: 20px;
    left: 90px;
    color: #7a7a7a; }
  #template-main-region #design-settings-region {
    position: absolute;
    top: 45px;
    left: 120px; }
    #template-main-region #design-settings-region .template-editor-label {
      width: 50px;
      display: inline-block;
      vertical-align: middle; }
    #template-main-region #design-settings-region .form-group {
      margin-right: 20px; }
    #template-main-region #design-settings-region h6 {
      margin: 6px 0; }
    #template-main-region #design-settings-region .template-size-edit {
      display: inline-block;
      vertical-align: middle; }
      #template-main-region #design-settings-region .template-size-edit .template-size-button {
        width: 20px;
        height: 20px;
        float: left;
        cursor: pointer;
        line-height: 17px;
        padding: 0px 4px; }
      #template-main-region #design-settings-region .template-size-edit .template-size-value {
        float: left;
        width: 20px;
        text-align: center; }
    #template-main-region #design-settings-region #file {
      visibility: hidden;
      position: absolute; }
  #template-main-region #design-image-preview-region {
    width: 40%;
    margin-left: 13px;
    display: inline-block;
    vertical-align: top; }
    #template-main-region #design-image-preview-region .recommended-image-size {
      text-align: center;
      padding: 0 18px;
      background-color: #2bb0b0;
      color: #fff; }
    #template-main-region #design-image-preview-region .image-preview {
      border: 1px solid #ddd;
      height: 350px;
      text-align: center;
      background-repeat: repeat;
      overflow: auto; }
      #template-main-region #design-image-preview-region .image-preview img {
        position: relative;
        clear: both;
        border: 1px solid transparent;
        display: block;
        margin: auto; }
      #template-main-region #design-image-preview-region .image-preview:hover img {
        border: 1px solid #333; }

#template-quote-region .panel-body,
#template-keyword-region .panel-body {
  padding: 3px;
  padding-left: 23px; }

#template-quote-region .template-quote-name,
#template-quote-region .template-keyword-name,
#template-keyword-region .template-quote-name,
#template-keyword-region .template-keyword-name {
  width: 33%;
  margin-left: 30px;
  float: left;
  margin-top: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#template-quote-region .template-quote-value,
#template-quote-region .template-keyword-value,
#template-keyword-region .template-quote-value,
#template-keyword-region .template-keyword-value {
  display: inline-block;
  width: 57%; }

#template-quote-region .template-quote-question,
#template-keyword-region .template-quote-question {
  display: inline-block;
  width: 40px;
  text-align: center; }
  #template-quote-region .template-quote-question:hover,
  #template-keyword-region .template-quote-question:hover {
    color: #d9534f;
    cursor: pointer;
    font-weight: bold; }

#template-quote-region .list-group-item,
#template-keyword-region .list-group-item {
  padding: 3px;
  padding-top: 8px;
  padding-bottom: 8px; }

#template-quote-region .custom-template-part-action-column,
#template-keyword-region .custom-template-part-action-column {
  vertical-align: top;
  width: 25px; }

#template-quote-region .custom-template-part-delete,
#template-keyword-region .custom-template-part-delete {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  margin-top: 0.5px; }
  #template-quote-region .custom-template-part-delete:hover,
  #template-keyword-region .custom-template-part-delete:hover {
    color: #d9534f; }

#template-quote-region .custom-template-missing-part,
#template-keyword-region .custom-template-missing-part {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite; }

@keyframes blink {
  50% {
    color: #e74c3c; } }

@-webkit-keyframes blink {
  50% {
    color: #e74c3c; } }

#template-main-region.part-set {
  min-height: 250px; }
  #template-main-region.part-set .no-properties-line-item {
    height: 150px; }
  #template-main-region.part-set .no-properties-description-container {
    padding-top: 60px; }

#template-proposed-part-region {
  position: absolute;
  padding-right: 140px;
  z-index: 111;
  width: 100%;
  top: 16.4em; }
  #template-proposed-part-region .custom-templates-quote-dropdown-list {
    margin-bottom: 0px;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  #template-proposed-part-region .custom-templates-quote-dropdown-list tr.selected {
    transition: background-color 200ms;
    background-color: #e2f8f8; }

.custom-template-part-table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: separate;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 12px; }
  .custom-template-part-table td {
    padding: 5px 15px; }

.custom-template-quote-description {
  padding-left: 1em;
  font-size: 10px; }

.part-number-quote-description-container {
  width: calc(100% - 225px);
  vertical-align: top; }

.custom-template-part-price {
  vertical-align: top; }

.custom-template-part-title-column-title {
  margin-top: 2px; }

.custom-template-part-quantity {
  vertical-align: top; }

.custom-template-part-number {
  vertical-align: top; }

#template-menu-region {
  margin: 10px auto;
  width: 85%; }
  #template-menu-region .wizard-nav {
    margin: 0 5px;
    text-align: center;
    min-width: 220px; }
    #template-menu-region .wizard-nav:not(.active):hover {
      cursor: pointer; }
      #template-menu-region .wizard-nav:not(.active):hover .wizard-step-name {
        background-color: #ddd; }
      #template-menu-region .wizard-nav:not(.active):hover .wizard-disabled-step {
        cursor: default;
        background-color: #fff; }
    #template-menu-region .wizard-nav .step-number {
      display: inline-block;
      padding: 0 5px;
      line-height: 19px;
      border-radius: 30px;
      border: 1px solid #888;
      text-align: center;
      font-size: 14px;
      background-color: #888;
      color: #fff; }
  #template-menu-region .wizard-nav.active .wizard-step-name {
    background-color: #2bb0b0;
    color: white; }
  #template-menu-region .wizard-nav.active .step-number {
    border: 1px solid #fff;
    background-color: #fff;
    color: #2bb0b0; }
  #template-menu-region .wizard-step-label {
    display: inline-block;
    font-weight: bold; }
  #template-menu-region .wizard-step-name,
  #template-menu-region .wizard-disabled-step {
    display: inline-block;
    padding: 10px;
    width: 100%; }
  #template-menu-region .wizard-step-separator {
    width: 2%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    display: inline-block; }

.quote-part-number-container,
.keyword-container {
  padding: 5px 55px; }
  .quote-part-number-container .property-info,
  .keyword-container .property-info {
    float: right;
    width: 40px;
    text-align: center;
    margin-top: 7px; }
    .quote-part-number-container .property-info .fa,
    .keyword-container .property-info .fa {
      cursor: pointer; }

.quote-part-number-container,
.keyword-container {
  padding-top: 0; }

.node-template-category-manufacturer-container {
  border-top: 1px solid #ddd;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  height: 100%;
  width: 100%; }

.add-custom-property-form {
  padding: 0 10px;
  width: 90%;
  margin: 0 auto; }
  .add-custom-property-form .node-template-new-property-name,
  .add-custom-property-form .node-template-new-property-value {
    width: 300px;
    margin-right: 5px;
    margin-left: 6px; }
  .add-custom-property-form .node-template-new-property-button {
    width: 135px; }

.add-custom-property-container {
  min-height: 265px;
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 5px;
  padding: 10px 70px; }

.template-builder-ports-container {
  position: relative;
  width: 55%;
  margin-left: 15px;
  display: inline-block; }

.no-properties-line-item {
  height: 225px; }

.no-properties-description-container {
  padding-top: 90px;
  color: #7a7a7a; }

.custom-node-template-props {
  padding-left: 55px;
  padding-right: 55px;
  padding-top: 10px; }
  .custom-node-template-props .list-group-item {
    height: 52px; }

.node-temp-custom-props-container {
  margin-left: -15px;
  margin-right: -15px; }

.node-temp-props-footer {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.form-control.selectize-control.node-manufacturer {
  margin-top: 5px;
  margin-bottom: 5px; }

.form-control.selectize-control.node-category {
  margin-top: 5px;
  margin-bottom: 5px; }

.properties-loading-view-container {
  min-height: 400px;
  padding-top: 190px;
  text-align: center;
  font-size: 20px; }

.custom-node-template-name-group .error-container {
  display: none;
  color: #a94442;
  padding-left: 22px; }

.custom-node-template-name-group.has-error .error-container {
  display: inline; }

#template-main-region .add-custom-property-container {
  min-height: 200px; }
  #template-main-region .add-custom-property-container .list-group-item {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }

.ntg-property-info {
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 48px;
  padding-right: 15px;
  display: inline-block; }

.icon-commit-dropdown {
  display: inline; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#template-main-region .library-heading {
  cursor: pointer;
  padding: 0px 3px;
  width: 100%;
  z-index: 110;
  background-color: white; }
  #template-main-region .library-heading .library-name {
    font-weight: bold; }
  #template-main-region .library-heading .left-inner-addon {
    position: relative; }
    #template-main-region .library-heading .left-inner-addon input {
      padding-left: 30px; }
    #template-main-region .library-heading .left-inner-addon i {
      position: absolute;
      padding: 10px 10px;
      pointer-events: none; }

#template-main-region #library-display-region {
  padding-top: 20px;
  height: 275px; }
  #template-main-region #library-display-region .library-resources-container {
    overflow-y: scroll;
    height: 100%;
    overflow-x: hidden;
    position: relative; }
  #template-main-region #library-display-region .library-resources-loading-text:before {
    content: 'Loading Image Library...';
    -webkit-animation-name: hide-loading;
    animation-name: hide-loading;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

@-webkit-keyframes hide-loading {
  0% {
    content: 'No icons found, try refining your search.'; }
  100% {
    content: 'No icons found, try refining your search.'; } }

@keyframes hide-loading {
  0% {
    content: 'No icons found, try refining your search.'; }
  100% {
    content: 'No icons found, try refining your search.'; } }
  #template-main-region #library-display-region .image-library-template {
    width: 75px;
    height: 75px;
    float: left;
    margin: 5px 8px;
    cursor: pointer;
    position: relative;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff; }
    #template-main-region #library-display-region .image-library-template.ui-draggable-dragging {
      border: none; }
    #template-main-region #library-display-region .image-library-template:hover {
      border-bottom: 2px solid #2bb0b0; }
    #template-main-region #library-display-region .image-library-template .template-category {
      display: none; }
    #template-main-region #library-display-region .image-library-template .image-library-template-image {
      width: 100%;
      height: 50px;
      text-align: center; }
      #template-main-region #library-display-region .image-library-template .image-library-template-image img {
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    #template-main-region #library-display-region .image-library-template .image-library-template-name {
      font-size: 11px;
      height: auto;
      text-align: center;
      position: absolute;
      bottom: 0;
      width: 98%;
      max-height: 28px;
      line-height: 11px;
      min-height: 16px;
      padding-bottom: 2px; }

#template-main-region #library-upload-region #custom-library-resource-file {
  visibility: hidden;
  margin-top: -10px; }

#template-main-region #library-upload-region .library-upload-region-hr-with-text {
  height: 1px;
  background-color: #bbb;
  text-align: center;
  color: #bbb;
  margin: 22px 0 20px 0;
  cursor: default; }
  #template-main-region #library-upload-region .library-upload-region-hr-with-text:hover {
    color: #999; }
  #template-main-region #library-upload-region .library-upload-region-hr-with-text .library-upload-hr-text {
    background-color: #fff;
    position: relative;
    top: -10px;
    padding: 0 10px; }

#template-main-region #library-upload-region .close-button {
  cursor: pointer;
  cursor: hand;
  position: absolute;
  top: 10px;
  right: 10px; }
  #template-main-region #library-upload-region .close-button .fa-times-circle-o:hover:before {
    content: '\F057'; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
.editor-heading,
.library-menu-section-container {
  background: #fff;
  color: #888;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 3;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .editor-heading .editor-name,
  .editor-heading .library-menu-section-name,
  .library-menu-section-container .editor-name,
  .library-menu-section-container .library-menu-section-name {
    font-family: Fira Sans Condensed;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-transform: capitalize; }

.editor-heading .visibility-button {
  font-size: 14px;
  margin-right: -4px; }

.visibility-button {
  color: #ddd;
  transition: color 200ms; }
  .visibility-button:hover {
    color: #ccc; }

.editor-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 26px); }

#editor-name-region {
  margin: 5px 2px; }

#editor-name-input {
  padding: 2px;
  color: #333;
  font-size: 17.5px;
  font-weight: bold;
  width: calc(100% - 38px);
  margin: 4px 0 4px 4px; }
  #editor-name-input:hover {
    cursor: pointer; }
  #editor-name-input:hover, #editor-name-input:focus {
    cursor: text; }

#editor-notes-region .body textarea {
  width: calc(100% - 8px);
  border: 1px solid #ddd;
  border-radius: 0;
  margin: 4px;
  padding: 2px;
  resize: none; }

#editor-quantity-region {
  margin-top: -8px; }
  #editor-quantity-region:empty {
    display: none; }
    #editor-quantity-region:empty ~ .node-editor-container {
      height: calc(100% - 75px); }
  #editor-quantity-region .property {
    display: flex;
    margin: 4px;
    width: 100%; }
  #editor-quantity-region .quantity-property-name {
    font-size: 12px;
    width: 47%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #editor-quantity-region #set-quantity-button {
    width: 35px;
    margin-left: 4px; }
  #editor-quantity-region #quantity-change-spinner {
    display: none;
    width: 35px;
    margin-left: 4px; }
  #editor-quantity-region .label {
    padding: 0.5em 0.6em 0.5em; }
  #editor-quantity-region .label-container {
    display: inline-block;
    text-align: center;
    width: 124px;
    font-size: 16px; }
  #editor-quantity-region input {
    width: calc(52% - 79px);
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
    margin-left: 4px; }

#editor-quote-region .body {
  height: auto; }

.editor-quote-part-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5em; }

.editor-quote-part-description {
  height: 4.5em;
  min-height: 4.5em;
  overflow-y: hidden;
  cursor: pointer; }

.editor-quote-part-description.expand-description {
  height: auto; }
  .editor-quote-part-description.expand-description .editor-quote-part-fadeout {
    opacity: 0; }

.editor-quote-part-fadeout {
  position: relative;
  bottom: 1em;
  height: 1em;
  opacity: 1;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }

.editor-quote-part-quantity {
  width: 5em;
  padding: 0 5px;
  margin-left: 5px; }

.editor-quote-part-info {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 2px 0; }

.editor-quote-part-delete {
  cursor: pointer; }

.editor-part-search {
  width: calc(100% - 8px);
  font-size: 14px;
  line-height: 10px;
  padding: 2px;
  margin: 4px; }

.editor-part-search-error-container {
  display: none;
  color: red;
  padding: 2px;
  font-size: 12px;
  margin-bottom: 5px; }

.editor-part-result {
  border: 1px solid #eee;
  padding: 5px;
  font-size: 12px;
  margin: 4px;
  background-color: #fff; }

#editor-quote-results-region {
  position: absolute;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 111;
  width: 100%;
  font-size: 12px; }

.editor-quote-dropdown-list {
  margin-bottom: 0px;
  cursor: pointer;
  table-layout: fixed;
  width: 100%; }

.editor-quote-dropdown-list tr.selected {
  transition: background-color 200ms;
  background-color: #e2f8f8; }
  .editor-quote-dropdown-list tr.selected .editor-quote-part-description {
    height: auto; }
  .editor-quote-dropdown-list tr.selected .editor-quote-part-fadeout {
    opacity: 0; }

.empty-editor-quote-parts,
.editor-property-list-empty,
.empty-library-summary {
  margin: 4px 4px 8px 4px;
  padding: 2px;
  text-align: center;
  color: #999;
  font-size: 12px;
  width: 100%; }

#drawer-region .property {
  display: flex;
  margin: 4px; }

#drawer-region .property-name {
  font-size: 12px;
  width: 48%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#drawer-region .property-input,
#drawer-region .property select {
  width: calc(52% - 26px);
  font-size: 10px;
  line-height: 10px;
  padding: 2px;
  margin-left: 4px; }

#drawer-region .button {
  cursor: pointer;
  margin-left: 4px;
  padding: 0 2px; }
  #drawer-region .button.active {
    color: black; }
  #drawer-region .button:hover {
    text-decoration: none; }

#drawer-region .reorder-handle {
  cursor: move;
  margin-right: 4px;
  padding: 0 2px; }

#drawer-region .sortable-property-placeholder {
  background-color: #ddd;
  height: 24px; }

#drawer-region .ui-sortable-helper {
  background-color: #fafafa; }

#drawer-region .new-property .new-property-error {
  color: red;
  margin: 10px 0;
  display: none; }

#drawer-region .new-property-container {
  border-top: 1px solid #ddd;
  padding: 4px 23px;
  display: flex; }

#drawer-region .property-name-input {
  height: 20px;
  width: 52%;
  font-size: 10px;
  line-height: 10px;
  padding: 2px; }

#drawer-region .add-new-property {
  width: 47%;
  margin-left: 4px; }

#drawer-region .property-error-container {
  background-color: #e74c3c;
  color: #fff;
  display: none;
  margin: 4px;
  font-size: 12px;
  padding: 4px; }

#drawer-region .editor-name-input-container {
  display: flex;
  align-items: center; }

#area-border-region .body div.style-list,
#area-shape-region .body div.style-list,
#area-name-region .body div.style-list,
#group-border-region .body div.style-list,
#group-shape-region .body div.style-list,
#group-name-region .body div.style-list,
#textbox-style-region .body div.style-list,
#textbox-border-region .body div.style-list,
#textbox-shape-region .body div.style-list,
#textbox-text-region .body div.style-list,
#node-name-and-property-color-region .body div.style-list {
  height: auto; }

#area-border-region .body .style,
#area-shape-region .body .style,
#area-name-region .body .style,
#group-border-region .body .style,
#group-shape-region .body .style,
#group-name-region .body .style,
#textbox-style-region .body .style,
#textbox-border-region .body .style,
#textbox-shape-region .body .style,
#textbox-text-region .body .style,
#node-name-and-property-color-region .body .style {
  margin: 4px;
  display: flex; }

#area-border-region .body .style-name,
#area-shape-region .body .style-name,
#area-name-region .body .style-name,
#group-border-region .body .style-name,
#group-shape-region .body .style-name,
#group-name-region .body .style-name,
#textbox-style-region .body .style-name,
#textbox-border-region .body .style-name,
#textbox-shape-region .body .style-name,
#textbox-text-region .body .style-name,
#node-name-and-property-color-region .body .style-name {
  font-size: 12px;
  width: 48%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  height: 18px;
  line-height: 18px; }

#area-border-region .body .text-color-picker,
#area-border-region .body .border-color-picker,
#area-border-region .body .background-color-picker,
#area-shape-region .body .text-color-picker,
#area-shape-region .body .border-color-picker,
#area-shape-region .body .background-color-picker,
#area-name-region .body .text-color-picker,
#area-name-region .body .border-color-picker,
#area-name-region .body .background-color-picker,
#group-border-region .body .text-color-picker,
#group-border-region .body .border-color-picker,
#group-border-region .body .background-color-picker,
#group-shape-region .body .text-color-picker,
#group-shape-region .body .border-color-picker,
#group-shape-region .body .background-color-picker,
#group-name-region .body .text-color-picker,
#group-name-region .body .border-color-picker,
#group-name-region .body .background-color-picker,
#textbox-style-region .body .text-color-picker,
#textbox-style-region .body .border-color-picker,
#textbox-style-region .body .background-color-picker,
#textbox-border-region .body .text-color-picker,
#textbox-border-region .body .border-color-picker,
#textbox-border-region .body .background-color-picker,
#textbox-shape-region .body .text-color-picker,
#textbox-shape-region .body .border-color-picker,
#textbox-shape-region .body .background-color-picker,
#textbox-text-region .body .text-color-picker,
#textbox-text-region .body .border-color-picker,
#textbox-text-region .body .background-color-picker,
#node-name-and-property-color-region .body .text-color-picker,
#node-name-and-property-color-region .body .border-color-picker,
#node-name-and-property-color-region .body .background-color-picker {
  flex-grow: 1; }

#area-border-region .body .style-input,
#area-shape-region .body .style-input,
#area-name-region .body .style-input,
#group-border-region .body .style-input,
#group-shape-region .body .style-input,
#group-name-region .body .style-input,
#textbox-style-region .body .style-input,
#textbox-border-region .body .style-input,
#textbox-shape-region .body .style-input,
#textbox-text-region .body .style-input,
#node-name-and-property-color-region .body .style-input {
  width: 52%;
  margin-bottom: 2px;
  height: 20px;
  font-size: 12px;
  line-height: 10px;
  padding: 0 0 0 5px; }

#area-border-region .body .style-textarea,
#area-shape-region .body .style-textarea,
#area-name-region .body .style-textarea,
#group-border-region .body .style-textarea,
#group-shape-region .body .style-textarea,
#group-name-region .body .style-textarea,
#textbox-style-region .body .style-textarea,
#textbox-border-region .body .style-textarea,
#textbox-shape-region .body .style-textarea,
#textbox-text-region .body .style-textarea,
#node-name-and-property-color-region .body .style-textarea {
  line-height: normal;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0;
  resize: none; }

#area-border-region .body .fa.pull-right,
#area-shape-region .body .fa.pull-right,
#area-name-region .body .fa.pull-right,
#group-border-region .body .fa.pull-right,
#group-shape-region .body .fa.pull-right,
#group-name-region .body .fa.pull-right,
#textbox-style-region .body .fa.pull-right,
#textbox-border-region .body .fa.pull-right,
#textbox-shape-region .body .fa.pull-right,
#textbox-text-region .body .fa.pull-right,
#node-name-and-property-color-region .body .fa.pull-right {
  margin-left: 0.8em; }

#area-border-region .body .btn.active,
#area-shape-region .body .btn.active,
#area-name-region .body .btn.active,
#group-border-region .body .btn.active,
#group-shape-region .body .btn.active,
#group-name-region .body .btn.active,
#textbox-style-region .body .btn.active,
#textbox-border-region .body .btn.active,
#textbox-shape-region .body .btn.active,
#textbox-text-region .body .btn.active,
#node-name-and-property-color-region .body .btn.active {
  background-color: #2bb0b0;
  box-shadow: none;
  color: white; }

#area-border-region .body .btn:focus,
#area-shape-region .body .btn:focus,
#area-name-region .body .btn:focus,
#group-border-region .body .btn:focus,
#group-shape-region .body .btn:focus,
#group-name-region .body .btn:focus,
#textbox-style-region .body .btn:focus,
#textbox-border-region .body .btn:focus,
#textbox-shape-region .body .btn:focus,
#textbox-text-region .body .btn:focus,
#node-name-and-property-color-region .body .btn:focus {
  outline: none;
  box-shadow: none;
  transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9); }

#area-border-region .body #text-color-select-input,
#area-border-region .body #border-color-select-input,
#area-border-region .body #shape-color-select-input,
#area-shape-region .body #text-color-select-input,
#area-shape-region .body #border-color-select-input,
#area-shape-region .body #shape-color-select-input,
#area-name-region .body #text-color-select-input,
#area-name-region .body #border-color-select-input,
#area-name-region .body #shape-color-select-input,
#group-border-region .body #text-color-select-input,
#group-border-region .body #border-color-select-input,
#group-border-region .body #shape-color-select-input,
#group-shape-region .body #text-color-select-input,
#group-shape-region .body #border-color-select-input,
#group-shape-region .body #shape-color-select-input,
#group-name-region .body #text-color-select-input,
#group-name-region .body #border-color-select-input,
#group-name-region .body #shape-color-select-input,
#textbox-style-region .body #text-color-select-input,
#textbox-style-region .body #border-color-select-input,
#textbox-style-region .body #shape-color-select-input,
#textbox-border-region .body #text-color-select-input,
#textbox-border-region .body #border-color-select-input,
#textbox-border-region .body #shape-color-select-input,
#textbox-shape-region .body #text-color-select-input,
#textbox-shape-region .body #border-color-select-input,
#textbox-shape-region .body #shape-color-select-input,
#textbox-text-region .body #text-color-select-input,
#textbox-text-region .body #border-color-select-input,
#textbox-text-region .body #shape-color-select-input,
#node-name-and-property-color-region .body #text-color-select-input,
#node-name-and-property-color-region .body #border-color-select-input,
#node-name-and-property-color-region .body #shape-color-select-input {
  height: 18px;
  font-size: 12px;
  width: 52%; }

#area-border-region .body #text-align-select-input,
#area-border-region .body #border-style-select-input,
#area-shape-region .body #text-align-select-input,
#area-shape-region .body #border-style-select-input,
#area-name-region .body #text-align-select-input,
#area-name-region .body #border-style-select-input,
#group-border-region .body #text-align-select-input,
#group-border-region .body #border-style-select-input,
#group-shape-region .body #text-align-select-input,
#group-shape-region .body #border-style-select-input,
#group-name-region .body #text-align-select-input,
#group-name-region .body #border-style-select-input,
#textbox-style-region .body #text-align-select-input,
#textbox-style-region .body #border-style-select-input,
#textbox-border-region .body #text-align-select-input,
#textbox-border-region .body #border-style-select-input,
#textbox-shape-region .body #text-align-select-input,
#textbox-shape-region .body #border-style-select-input,
#textbox-text-region .body #text-align-select-input,
#textbox-text-region .body #border-style-select-input,
#node-name-and-property-color-region .body #text-align-select-input,
#node-name-and-property-color-region .body #border-style-select-input {
  text-transform: capitalize; }

.image-upload {
  margin: 4px;
  text-align: right; }

.image-upload-image-preview {
  margin-bottom: 4px;
  background-color: #eee;
  position: relative;
  text-align: center; }
  .image-upload-image-preview img {
    width: 100%; }
  .image-upload-image-preview input {
    position: absolute;
    visibility: hidden; }

.image-upload-image-preview-placeholder {
  height: 4em;
  line-height: 3.7em;
  color: #999;
  border: 1px solid #bbb; }
  .image-upload-image-preview-placeholder span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal; }

.image-upload-overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #bbb;
  color: #fff;
  transition: opacity 0.4s ease-in-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .image-upload-overlay:hover,
  .image-upload-overlay:hover span {
    opacity: 1; }
  .image-upload-overlay span {
    opacity: 0;
    transition: opacity 0.4s ease-in-out 0s; }

.image-upload-error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #bbb;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.image-upload-image-preview.highlight .image-upload-image-preview-placeholder {
  background-color: #ccc; }

.image-upload-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
  background-color: #2bb0b0;
  opacity: 0.7; }

.connection-nodes {
  display: flex;
  margin-bottom: 10px; }
  .connection-nodes .connection-label {
    color: white;
    background: #ccc;
    padding: 0 5px;
    text-transform: uppercase;
    width: 100%;
    transition: all 300ms; }
  .connection-nodes .connection-node {
    display: flex;
    margin: 4px;
    background-color: white;
    box-shadow: 0 2px 2px 0 #00000024, 0 3px 1px -2px #0000001f, 0 1px 5px 0 #00000033;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    width: 10px;
    cursor: pointer;
    transition: 0.3s ease-out; }
    .connection-nodes .connection-node:hover {
      box-shadow: 0 3px 3px 0 #00000024, 0 1px 7px 0 #0000001f, 0 3px 1px -1px #00000033; }
      .connection-nodes .connection-node:hover .connection-label {
        color: black;
        background-color: orange; }
  .connection-nodes .connection-node.edit-target {
    cursor: default; }
    .connection-nodes .connection-node.edit-target:hover {
      box-shadow: 0 2px 2px 0 #00000024, 0 3px 1px -2px #0000001f, 0 1px 5px 0 #00000033; }
  .connection-nodes .connection-node-image {
    height: 50px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center; }
  .connection-nodes .connection-node-data {
    text-align: center; }
  .connection-nodes .connection-controls {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    .connection-nodes .connection-controls.edit-target .js-select {
      display: none; }
  .connection-nodes .connection-quantity {
    text-align: center; }

.orientation-options > .radio {
  margin-top: 0;
  margin-bottom: 0; }
  .orientation-options > .radio > label {
    padding-left: 2px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.container-editor-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 77px); }

#container-quote-region .body {
  height: auto; }

.container-quote-part-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5em; }

.container-quote-part-description {
  height: 4.5em;
  min-height: 4.5em;
  overflow-y: hidden;
  cursor: pointer; }

.container-quote-part-description.expand-description {
  height: auto; }
  .container-quote-part-description.expand-description .container-quote-part-fadeout {
    opacity: 0; }

.container-quote-part-fadeout {
  position: relative;
  bottom: 1em;
  height: 1em;
  opacity: 1;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }

.container-quote-part-info {
  display: flex;
  justify-content: space-between;
  position: relative; }

.container-quote-part-delete {
  cursor: pointer; }

.container-part-search {
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 10px;
  padding: 0; }

.container-part-search-error-container {
  display: none;
  color: red;
  padding: 2px;
  font-size: 12px;
  margin-bottom: 5px; }

.container-part-result {
  border: 1px solid #eee;
  padding: 5px;
  font-size: 12px;
  margin-top: 5px; }

.empty-container-quote-parts {
  color: #666;
  font-size: 12px; }

#container-quote-results-region {
  position: absolute;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 111;
  width: 100%;
  font-size: 12px; }

.container-quote-dropdown-list {
  margin-bottom: 0px;
  cursor: pointer;
  table-layout: fixed;
  width: 100%; }

.container-quote-dropdown-list tr.selected {
  transition: background-color 200ms;
  background-color: #e2f8f8; }
  .container-quote-dropdown-list tr.selected .container-quote-part-description {
    height: auto; }
  .container-quote-dropdown-list tr.selected .container-quote-part-fadeout {
    opacity: 0; }

.container-editor-button-group {
  display: flex;
  margin: 4px; }

.container-editor-type-option {
  flex: 1 1 0;
  margin: 2px; }
  .container-editor-type-option.active {
    background-color: #2bb0b0;
    border-color: '#333'; }

.container-editor-type-option-shelf {
  margin: 10px 0 5px 8px; }
  .container-editor-type-option-shelf input {
    display: inline;
    visibility: hidden; }
.rack-editor-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 77px); }

.rack-editor-generated-property {
  display: flex;
  justify-content: space-between;
  font-size: 12px; }

.rack-editor-generated-empty {
  text-align: center; }

.rack-editor-generated-info {
  border-radius: 0; }

.rack-editor-generated-value {
  width: 52%; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.textbox-editor-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 24px); }
.link-editor-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 107px); }

#link-style-region .style {
  margin: 4px;
  font-size: 12px; }

#link-style-region .style-name {
  font-size: 12px;
  width: 28%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-top: 2px;
  height: 18px;
  line-height: 18px; }

#link-style-region .style-input {
  width: 72%;
  margin-bottom: 2px;
  height: 20px;
  font-size: 12px;
  line-height: 10px;
  display: inline-block; }

#link-style-region .link-color-input,
#link-style-region .text-color-input {
  height: 18px;
  font-size: 12px;
  width: 52%; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.button-options {
  display: flex;
  justify-content: space-between; }

.radio-button {
  height: 30px;
  flex-grow: 0.49;
  flex-basis: 0;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  color: #999;
  stroke: #999;
  padding: 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .radio-button .fa {
    margin-right: 14px; }
  .radio-button svg {
    margin-right: 8px; }
  .radio-button:hover {
    background-color: #eee; }
  .radio-button:not(.active) .fa-dot-circle-o {
    display: none; }
  .radio-button.active .fa-circle-o {
    display: none; }

.button-with-svg {
  height: 30px;
  cursor: pointer;
  flex-grow: 0.49;
  flex-basis: 0;
  border-radius: 2px;
  background-color: #ddd;
  text-align: center;
  color: #999;
  stroke: #999;
  padding: 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .button-with-svg:hover {
    background-color: #eee; }
  .button-with-svg.active {
    background-color: #2bb0b0;
    color: white;
    stroke: white; }
  .button-with-svg.active:hover {
    background-color: #30c4c4; }

.button-with-svg-text {
  margin-left: 10px; }

#link-style-region .button-options {
  width: 72%; }

#link-style-region .button-with-svg {
  font-size: 11px;
  height: 22px;
  flex-grow: 0.48; }

#link-style-region button:focus {
  outline: none; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.node-editor-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 107px); }

#node-ports-region .body.open {
  overflow: auto; }
  #node-ports-region .body.open .title {
    text-transform: uppercase;
    font-weight: bold; }
  #node-ports-region .body.open .ports-editor {
    clear: both;
    margin: 10px auto;
    background-color: #ddd;
    position: relative; }
  #node-ports-region .body.open .port {
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid #bbb;
    cursor: pointer; }
    #node-ports-region .body.open .port:hover {
      background-color: #666; }
  #node-ports-region .body.open .full-port {
    background-color: #666;
    color: white;
    font-size: 7px;
    height: 100%;
    width: 100%;
    text-align: center;
    cursor: pointer;
    line-height: 8px;
    word-break: break-all;
    display: flex;
    align-items: center;
    justify-content: center; }
    #node-ports-region .body.open .full-port:hover {
      color: #f5a121; }
  #node-ports-region .body.open .empty-port {
    width: 100%;
    height: 100%; }

#ports.open .nav-tabs {
  display: none; }

#ports.open .tab-content {
  display: none; }

#ports.open #ports-no-edit-message {
  display: block; }

#ports-no-edit-message {
  display: none;
  text-align: center; }

.port-edit-form {
  width: 280px;
  margin: auto; }
  .port-edit-form form > div {
    display: flex;
    margin: 4px; }
  .port-edit-form h6 {
    margin-top: 0; }
  .port-edit-form .port-editor-label {
    width: 48%; }
  .port-edit-form .port-type-select,
  .port-edit-form .port-label-input,
  .port-edit-form .port-location-select,
  .port-edit-form .port-slot-input,
  .port-edit-form .port-edit-form-actions,
  .port-edit-form .button-switch {
    width: calc(52% - 26px);
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
    margin-left: 4px; }
  .port-edit-form .button-switch {
    padding: 0;
    float: none;
    margin: 0 0 0 4px; }
  .port-edit-form .button-switch .button-switch-label {
    height: 20px;
    width: 100%; }
    .port-edit-form .button-switch .button-switch-label:after, .port-edit-form .button-switch .button-switch-label:before {
      line-height: 22px;
      font-size: 12px; }

#show-coverage-button {
  width: 21px;
  height: 21px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  float: right;
  margin-right: 5px; }
  #show-coverage-button:hover {
    background-color: #666; }

.coverage-input-row {
  display: flex;
  flex-direction: row;
  padding-left: 4px;
  margin-bottom: 4px; }
  .coverage-input-row .coverage-input-label {
    text-align: left;
    margin-right: 6px; }
  .coverage-input-row .coverage-input-extra {
    text-align: center; }
  .coverage-input-row .coverage-input-label,
  .coverage-input-row .coverage-input-extra {
    flex: 0 0 60px;
    font-size: 12px; }
  .coverage-input-row .coverage-color-picker {
    flex: 2;
    min-width: 0;
    width: 100%;
    height: 18px;
    font-size: 10px;
    line-height: 10px; }

#node-coverage-region .coverage-settings {
  padding-bottom: 140px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.area-editor-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 67px); }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
#project #inputDueDate {
  background-color: white;
  cursor: pointer; }

#project_duedate {
  background-color: white;
  cursor: pointer; }

#project-address-description {
  height: auto; }

#customer-input {
  display: initial; }

.project-notes-spaced-unit {
  margin-bottom: 20px; }

.project-notes-dialog {
  width: 900px;
  margin: 0 auto;
  margin-top: 30px; }

.project-notes-header {
  background-color: #2bb0b0;
  color: #333;
  border-radius: 5px 5px 0 0; }

.project-notes-footer {
  background-color: #eee; }

.project-notes-body {
  background-color: #eee;
  border-radius: 0 0 5px 5px; }

.project-notes-editor {
  resize: none;
  border: 1px solid #ddd;
  box-shadow: none;
  background-color: white;
  margin-bottom: 10px;
  cursor: default;
  padding: 10px; }

.comments-region .project-notes-details-content::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -10px;
  left: 0px;
  border-left: 20px solid #0000;
  border-right: 20px solid #0000;
  border-top: 20px solid #fff; }

#project-notes-body-region .project-notes-details-content {
  cursor: pointer;
  overflow-wrap: break-word; }

#project-notes-body-region .project-notes-details-content.project-notes-details-view-only {
  cursor: auto; }

.project-notes-details-content {
  min-height: 64px;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: white;
  color: #606060;
  position: relative; }
  .project-notes-details-content .project-notes-details-content-placeholder {
    color: #aaa; }

.project-notes-comments-load-more {
  display: flex;
  justify-content: center; }
  .project-notes-comments-load-more p {
    color: #777; }

.project-notes-action-bar {
  display: flex;
  align-items: center;
  color: #777; }
  .project-notes-action-bar .project-notes-action-bar-controls {
    flex-grow: 1;
    text-align: right; }
    .project-notes-action-bar .project-notes-action-bar-controls a {
      color: #606060;
      text-decoration: underline; }
    .project-notes-action-bar .project-notes-action-bar-controls a,
    .project-notes-action-bar .project-notes-action-bar-controls button {
      margin-left: 10px; }

.markdown h1 {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 12px; }

.markdown h2 {
  font-size: 20px;
  line-height: 24px;
  margin: 16px 0 8px; }

.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 8px; }

.markdown ul {
  margin: 8px 0; }

.markdown ol,
.markdown ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.markdown ul > li {
  list-style: disc;
  margin: 8px 8px 8px 24px; }

.markdown ol > li {
  list-style: decimal;
  margin: 8px 8px 8px 24px; }

.project-notes-details-controls {
  display: flex;
  flex-direction: row-reverse; }

.modal-body h3:first-child {
  margin-top: 0; }

.button-with-svg.disabled {
  cursor: default;
  background-color: #eee; }
  .button-with-svg.disabled:hover {
    background-color: #eee; }

.diagram-type-readonly {
  display: flex;
  justify-content: space-between; }
  .diagram-type-readonly .button-with-svg {
    flex-grow: 1; }
    .diagram-type-readonly .button-with-svg:hover {
      /* TODO: Avoid removing the hover effect this way. */
      background-color: #ddd; }

.create-new-project-form .popover,
.edit-project-form .popover {
  font-size: 12px;
  font-weight: 100; }

.call-to-action {
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.topology-call-to-action {
  top: 25%;
  left: 0;
  width: 251px;
  height: 102px;
  background-image: url("https://s3.amazonaws.com/d3m-misc/topology_cta.png"); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .topology-call-to-action {
      background-image: url("https://s3.amazonaws.com/d3m-misc/topology_cta@2x.png"); } }

.no-projects-call-to-action {
  right: 45px;
  top: 135px;
  width: 236px;
  height: 115px;
  background-image: url("https://s3.amazonaws.com/d3m-misc/new_project_cta.png"); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .no-projects-call-to-action {
      background-image: url("https://s3.amazonaws.com/d3m-misc/new_project_cta@2x.png"); } }

#bottom-notification-region {
  position: absolute;
  bottom: 0;
  left: 40%;
  z-index: 1070; }
  #bottom-notification-region .project-duplication-progress {
    position: fixed;
    right: -300px;
    bottom: 60px;
    color: #fff; }
    #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region {
      width: 300px;
      height: 100%;
      padding: 10px; }
      #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item {
        font-weight: 300;
        color: rgba(255, 255, 255, 0.8);
        font-size: 13px;
        transition: right 0.25s;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
        background-color: #2bb0b0;
        padding: 5px;
        margin-bottom: 5px;
        position: relative;
        right: 0px; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item .project-duplication-progress-job-section {
          margin: 0 0 8px 8px; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item i {
          font-size: 17px;
          font-weight: 700;
          float: left;
          margin-top: 1px;
          margin-right: 3px; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item a {
          color: #fff;
          text-decoration: none; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item a.project-duplication-progress-job-dismiss {
          float: right; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item b,
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item .project-duplication-progress-job-accent {
          font-weight: 700;
          color: rgba(255, 255, 255, 0.9);
          font-size: 14px; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item .project-duplication-progress-job {
          float: right; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item .progress {
          display: block;
          height: 10px;
          width: 94%; }
        #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item.error {
          background-color: #e74c3c; }
      #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item.fade-in {
        right: 300px; }
      #bottom-notification-region .project-duplication-progress .project-duplication-progress-collection-region .project-duplication-progress-job-item.fade-out {
        right: 0px; }

.search-results-autocomplete {
  position: relative;
  cursor: pointer; }
  .search-results-autocomplete .autocomplete-list {
    position: absolute;
    background-color: white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 111;
    width: calc(100% - 40px); }
  .search-results-autocomplete .autocomplete-row {
    padding: 5px 10px; }
    .search-results-autocomplete .autocomplete-row.selected {
      background-color: #2bb0b0; }
      .search-results-autocomplete .autocomplete-row.selected span {
        color: #333; }
  .search-results-autocomplete .project-list-search-autocomplete-line-item-field {
    color: #999;
    font-weight: 800;
    font-size: 11px;
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 5px; }

.search-additional-filters-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: 5px; }

.filter-pill {
  display: flex;
  margin: 5px 5px 0 0; }
  .filter-pill .fa-times {
    padding-left: 5px;
    transition: opacity 200ms;
    opacity: 0.3; }
  .filter-pill:hover .fa-times {
    opacity: 0.7; }

.filter-pill-content {
  display: flex;
  cursor: pointer; }

.filter-pill-field-container,
.filter-pill-value-container {
  padding: 4px 8px; }

.filter-pill-field-container {
  text-transform: capitalize;
  font-weight: 800;
  font-size: 11px;
  line-height: 20px;
  background-color: #28a4a4;
  color: #fff; }

.filter-pill-value-container {
  background-color: #2bb0b0;
  color: #333; }

.modify-project-input-validation {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  padding: 0px 6px 0px 0px; }

.modify-project-input-character-count {
  color: #bbb; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.info-text {
  color: #999; }

.share-project-dialog {
  width: 900px; }

.share-project-dialog .modal-body {
  background-color: #eee;
  border-radius: 8px; }

.share-dialog-header {
  padding: 0;
  height: 44px;
  font-weight: bold;
  font-size: 17px; }

.share-dialog-navigation-list {
  width: 90%;
  margin-left: 5%; }

.notice-region,
.link-region {
  margin: 0 -15px; }

.link-region {
  padding: 0 15px;
  background-color: white; }

.notice-region .notice {
  padding: 10px;
  background-color: #f5a121; }
  .notice-region .notice:empty {
    display: none; }

.shares-region {
  margin: 0 -15px 10px -15px;
  background-color: white; }

.format-help {
  position: absolute;
  top: 35px;
  right: 25px;
  color: #606060;
  text-decoration: underline; }

.share-project-create-new-invite-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .share-project-create-new-invite-wrapper .share-invite-new-sharee-error-reporting {
    margin-bottom: 10px; }
  .share-project-create-new-invite-wrapper .share_sharee_email {
    display: inline-block;
    margin-right: 5px; }
    .share-project-create-new-invite-wrapper .share_sharee_email input {
      max-width: 608px;
      width: 608px !important;
      position: inherit !important; }
  .share-project-create-new-invite-wrapper .share_sharee_email .share-emails-input {
    resize: vertical;
    max-width: 634px; }
  .share-project-create-new-invite-wrapper .share_sharee_email .selectize-control.multi .selectize-input > div {
    padding: 3px 6px; }
    .share-project-create-new-invite-wrapper .share_sharee_email .selectize-control.multi .selectize-input > div.active {
      background-color: #2bb0b0;
      color: #fff;
      border: 0 solid transparent; }
  .share-project-create-new-invite-wrapper .selectize-dropdown-content .label {
    font-size: 100%; }
  .share-project-create-new-invite-wrapper .share_permission {
    margin-right: 3px;
    width: 150px;
    display: inline-block; }
  .share-project-create-new-invite-wrapper .share-invite-permission {
    overflow: hidden;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-right: 6px;
    min-width: 163px;
    max-height: 36px; }
  .share-project-create-new-invite-wrapper .selectize-input {
    min-height: 36px; }
  .share-project-create-new-invite-wrapper .share-submit-button {
    padding: 7px 10px;
    max-height: 36px; }

.message-editor {
  resize: none;
  border: 1px solid #ddd;
  box-shadow: none;
  background-color: white;
  width: 100%;
  cursor: default;
  padding: 10px;
  margin-bottom: 10px; }

.share-project-loading-view {
  text-align: center;
  padding: 10px; }

.project-share {
  padding: 8px 15px;
  border-bottom: 1px solid #eee; }

.project-share-info-container {
  float: left;
  width: calc(100% - 237px); }

.project-share-permission {
  float: left;
  width: 170px;
  font-size: 14px;
  overflow: hidden;
  padding: 10px; }

.project-share-permission.mod-view-only {
  padding-left: 20px; }

.project-share-delete {
  float: left;
  padding: 10px;
  color: #ddd;
  transition: color 200ms;
  cursor: pointer;
  margin-left: 24px; }
  .project-share-delete:hover {
    color: #333; }

.project-share-info-container.mod-org .project-share-email,
.project-share-info-container.mod-org .project-share-viewed {
  display: none; }

.project-share-info-container.mod-org .project-share-name {
  padding: 10px 0;
  display: block;
  word-wrap: break-word; }

.document-share-header-title {
  padding: 5px 25px;
  background-color: #eee;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

#document-export-region {
  padding: 5px 10px; }

#document-export-region > div {
  display: flex;
  justify-content: space-between; }

.document-export-text {
  font-size: 18px;
  color: #2bb0b0;
  font-weight: 100; }

.share-document-dialog {
  width: 900px; }

.share-document-dialog .modal-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.document-sharing-info-region {
  width: 35%;
  padding: 10px; }

.document-sharing-container {
  display: flex; }

.document-sharing-region-container {
  width: 100%; }

.document-shares-region {
  min-height: 95px;
  float: right;
  margin-top: 215px; }

.document-sharing-region,
.document-sharing-form-region {
  padding: 5px 10px; }

.document-shares-region {
  width: 65%;
  padding: 5px 10px; }

.document-share-email {
  display: inline-block; }

.title-region {
  margin-bottom: 15px; }

.document-shares-title,
.project-shares-title {
  font-size: 20px; }

.document-shares-subtitle {
  color: #999;
  font-size: 12px; }

.document-share-container {
  display: flex;
  justify-content: space-between; }

.document-shares-email-input {
  width: calc(100% - 150px);
  float: left;
  margin-right: 8px; }

.document-shares-info-message,
.shares-info-message {
  font-size: 18px;
  color: #2bb0b0;
  font-weight: 100; }

.document-shares-info-list {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  min-height: 86px; }

.document-shares-info-list li {
  font-size: 12px;
  padding: 3px 0; }
  .document-shares-info-list li:hover {
    cursor: pointer; }
  .document-shares-info-list li input {
    margin: 0; }

.shares-link,
.document-shares-link {
  padding-bottom: 10px; }
  .shares-link input,
  .document-shares-link input {
    width: calc(100% - 150px);
    margin-right: 8px; }

.document-export-pdf {
  width: 150px; }

.shares-link-container,
.document-shares-form-edit-container,
.document-shares-link-container {
  display: flex;
  justify-content: space-between;
  padding-top: 5px; }

.document-share-title-container,
.share-title-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px; }

.document-no-share-title-container {
  height: 111px;
  padding-top: 11px; }

.shares-link-explanation,
.document-shares-link-explanation,
.document-shares-email-explanation {
  float: left;
  padding: 0 5px; }
  .shares-link-explanation i,
  .document-shares-link-explanation i,
  .document-shares-email-explanation i {
    color: #2bb0b0; }

.shares-link-copy,
.document-shares-link-copy,
.document-shares-form-edit-submit {
  width: 150px; }

.shares-link-copy,
.document-shares-link-copy,
.shares-link-regenerate,
.document-shares-link-regenerate {
  transition: all 200ms; }

.shares-link-regenerate,
.document-shares-link-regenerate {
  padding-top: 5px;
  display: flex;
  position: relative;
  align-items: center; }
  .shares-link-regenerate .btn,
  .document-shares-link-regenerate .btn {
    width: 25%; }

.shares-link-regenerate-info,
.document-shares-link-regenerate-info {
  margin-left: 8px;
  color: #999; }

.shares-link-regenerate-progress,
.document-shares-link-regenerate-progress {
  pointer-events: none;
  position: absolute;
  height: 4px;
  background-color: #f5a121;
  left: 0;
  bottom: 0px;
  display: none;
  width: 25%; }

.document-shares-form-edit-errors,
.share-invite-new-sharee-error-reporting {
  font-size: 14px;
  background-color: #e74c3c;
  color: white;
  padding: 10px;
  width: 100%;
  margin-bottom: 1px; }

.plan-upgrade-notice {
  padding: 10px; }
.transfer-edit-form-labels {
  text-align: left; }

#transfer-edit-name-input {
  display: inline-block;
  width: calc(100% - 150px);
  margin-bottom: 10px; }

.transfer-finished-button {
  margin-top: 20px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#fleetmaps-sidebar-collection-region {
  height: 100%; }

#sidebar-action-region .filter-manager-custom-popover {
  display: block;
  left: 8px;
  top: auto;
  bottom: 45px;
  width: 200px;
  padding: 0; }
  #sidebar-action-region .filter-manager-custom-popover .filter-manager-section-clear-button {
    padding: 0px 9px; }
  #sidebar-action-region .filter-manager-custom-popover .filter-manager-popover-title {
    padding: 10px 12px 8px; }

.filter-collection-container {
  max-height: 150px;
  overflow-y: auto; }

.filter-manager-popover-content {
  padding: 9px 0px; }

.filter-line-item {
  height: 22px;
  padding: 0px 12px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .filter-line-item > i {
    display: none;
    padding: 4px 0px; }
  .filter-line-item:hover {
    background-color: rgba(170, 221, 221, 0.2); }
  .filter-line-item.active {
    color: white;
    background-color: #2bb0b0; }
  .filter-line-item:hover > i, .filter-line-item.active > i {
    display: block; }

.filter-manager-filter-line-item-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.filter-manager-filter-description-container {
  font-size: 12px;
  margin: 0px 15px; }

.filter-collection-container > div:not(.filter-line-item) {
  padding: 9px 0px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
#fleetmaps-filter-button {
  background-color: white;
  cursor: pointer; }
  #fleetmaps-filter-button.active {
    color: #e74c3c; }
  #fleetmaps-filter-button i {
    float: left;
    position: relative;
    padding: 10px 6px 10px 12px; }
  #fleetmaps-filter-button .fleetmaps-filter-button-text {
    display: block;
    padding: 7px 7px 7px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

#fleetmap-copy-field {
  position: absolute;
  top: -200px; }

#fleetmap-paste-field {
  position: absolute;
  top: -200px; }

#empty-fleetmap,
#empty-fleetmaps-nav {
  text-align: center; }
  #empty-fleetmap .empty-fleetmaps-nav-message,
  #empty-fleetmaps-nav .empty-fleetmaps-nav-message {
    position: absolute;
    margin-top: 65px;
    font-size: 15px;
    color: #333333;
    line-height: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  #empty-fleetmap .empty-fleetmap-message,
  #empty-fleetmaps-nav .empty-fleetmap-message {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 20px;
    color: #333333;
    line-height: 29px; }

#empty-fleetmaps-nav {
  background-color: white; }

#empty-fleetmap {
  background-color: #ddd; }

#fleetmap-region {
  position: relative; }
  #fleetmap-region .fleetmap-body-container {
    margin-bottom: 60px; }
  #fleetmap-region .fleetmap-body-container table {
    table-layout: fixed;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
    #fleetmap-region .fleetmap-body-container table.editing {
      -moz-user-select: inherit;
      -ms-user-select: inherit;
      -webkit-user-select: inherit;
      user-select: inherit; }
  #fleetmap-region .fleetmap-cell {
    border-right: 1px solid #ddd;
    white-space: nowrap; }
  #fleetmap-region #fleetmap-header-border {
    height: 1px;
    background-color: #ddd; }
  #fleetmap-region #fleetmap-header {
    overflow: hidden;
    margin-left: 40px;
    border-left: 1px solid #ddd;
    overflow-y: scroll;
    height: 30px; }
    #fleetmap-region #fleetmap-header .fleetmap-cell {
      background-color: #eee;
      vertical-align: top;
      position: relative; }
      #fleetmap-region #fleetmap-header .fleetmap-cell:after {
        position: absolute;
        font-family: FontAwesome;
        top: 4px;
        right: 5px;
        display: block;
        background-color: inherit;
        padding: 2px; }
      #fleetmap-region #fleetmap-header .fleetmap-cell:hover {
        cursor: n-resize; }
      #fleetmap-region #fleetmap-header .fleetmap-cell.sort-asc {
        background-color: #ddd; }
        #fleetmap-region #fleetmap-header .fleetmap-cell.sort-asc:after {
          content: '\F0DE';
          opacity: 1; }
        #fleetmap-region #fleetmap-header .fleetmap-cell.sort-asc:hover {
          cursor: s-resize; }
      #fleetmap-region #fleetmap-header .fleetmap-cell.sort-desc {
        background-color: #ddd; }
        #fleetmap-region #fleetmap-header .fleetmap-cell.sort-desc:after {
          content: '\F0DD';
          opacity: 1; }
    #fleetmap-region #fleetmap-header .fleetmap-header-inner {
      width: 9000px; }
      #fleetmap-region #fleetmap-header .fleetmap-header-inner .fleetmap-cell {
        font-weight: bold;
        padding: 5px;
        width: 143px;
        float: left;
        height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border: 0;
        position: relative; }
        #fleetmap-region #fleetmap-header .fleetmap-header-inner .fleetmap-cell:nth-child(1) {
          width: 146px; }
      #fleetmap-region #fleetmap-header .fleetmap-header-inner .fleetmap-cell.sorting:hover {
        cursor: pointer; }
      #fleetmap-region #fleetmap-header .fleetmap-header-inner .fleetmap-column-resize {
        position: absolute;
        width: 7px;
        height: 30px;
        right: -3px;
        top: 0;
        text-align: center; }
        #fleetmap-region #fleetmap-header .fleetmap-header-inner .fleetmap-column-resize:hover {
          cursor: ew-resize; }
        #fleetmap-region #fleetmap-header .fleetmap-header-inner .fleetmap-column-resize:after {
          content: ' ';
          display: inline-block;
          width: 1px;
          background-color: #ddd;
          height: 100%; }
  #fleetmap-region #fleetmap-body {
    margin-left: 40px;
    overflow: scroll;
    height: calc(100% - 61px);
    background-color: #eee; }
    #fleetmap-region #fleetmap-body table {
      border-bottom: 1px solid #ddd;
      margin-bottom: 0; }
      #fleetmap-region #fleetmap-body table .fleetmap-cell {
        padding: 0px;
        width: 150px;
        height: 30px; }
        #fleetmap-region #fleetmap-body table .fleetmap-cell .cell-value {
          height: 29px;
          width: 100%;
          padding: 0 5px;
          overflow: hidden;
          line-height: 28px;
          text-overflow: ellipsis; }
        #fleetmap-region #fleetmap-body table .fleetmap-cell.disabled {
          background: #eee; }
      #fleetmap-region #fleetmap-body table tr {
        background-color: white;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff; }
      #fleetmap-region #fleetmap-body table tr.selected {
        background-color: #2bb0b0;
        color: white; }
        #fleetmap-region #fleetmap-body table tr.selected td.selected,
        #fleetmap-region #fleetmap-body table tr.selected td.highlighted {
          color: #333; }
      #fleetmap-region #fleetmap-body table tr.disabled {
        cursor: pointer; }
      #fleetmap-region #fleetmap-body table tr.disabled:hover .fleetmap-cell.disabled {
        background: #e9e9e9; }
      #fleetmap-region #fleetmap-body table .cell-inner-wrapper,
      #fleetmap-region #fleetmap-body table .cell-value {
        border: 1px solid transparent; }
      #fleetmap-region #fleetmap-body table .primary .cell-inner-wrapper {
        border-top-color: #76b1e4; }
        #fleetmap-region #fleetmap-body table .primary .cell-inner-wrapper .cell-value {
          border-color: #3276b1;
          position: relative;
          z-index: 10;
          overflow: hidden;
          text-overflow: clip; }
      #fleetmap-region #fleetmap-body table td.selected-bottom .cell-inner-wrapper {
        border-bottom-color: #76b1e4; }
      #fleetmap-region #fleetmap-body table .cell-inner-wrapper {
        position: relative; }
      #fleetmap-region #fleetmap-body table .cell-handle {
        width: 8px;
        height: 8px;
        background: #3276b1;
        position: absolute;
        right: -4px;
        bottom: -4px;
        display: none;
        z-index: 10;
        cursor: crosshair; }
      #fleetmap-region #fleetmap-body table .selected-bottom:not(.no-autofill) .cell-handle {
        display: block; }
      #fleetmap-region #fleetmap-body table .highlighted .cell-inner-wrapper {
        background-color: rgba(190, 248, 248, 0.5); }
      #fleetmap-region #fleetmap-body table td.selected .cell-inner-wrapper {
        background-color: rgba(190, 248, 248, 0.5);
        border-left-color: #76b1e4;
        border-right-color: #76b1e4; }
      #fleetmap-region #fleetmap-body table td br {
        display: none; }
  #fleetmap-region #fleetmap-gutter {
    width: 40px;
    height: calc(100% - 61px);
    float: left;
    overflow: hidden;
    background-color: #eee;
    overflow-x: scroll;
    border-right: 1px solid #ddd; }
    #fleetmap-region #fleetmap-gutter table {
      margin-bottom: 80px;
      -webkit-touch-callout: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      user-select: none; }
    #fleetmap-region #fleetmap-gutter tr {
      background-color: #eee;
      text-align: right;
      font-size: 12px;
      color: #666; }
      #fleetmap-region #fleetmap-gutter tr.selected {
        background-color: #2bb0b0;
        color: white; }
      #fleetmap-region #fleetmap-gutter tr td {
        padding: 8px 5px 0 0;
        border-bottom: 1px solid #ddd;
        border-top: 0;
        height: 32px; }
      #fleetmap-region #fleetmap-gutter tr:hover {
        cursor: pointer;
        background-color: #3ed0d0; }

.fleetmap-secondary-category-name {
  font-size: 10px;
  padding: 5px 6px 5px 14px;
  background-color: #ccc;
  border-bottom: 1px solid #ccc; }
  .fleetmap-secondary-category-name .fa {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    cursor: pointer;
    color: #aaa; }

ul.nav-list.fleetmap-list {
  display: block;
  padding: 0 0 10px 0; }
  ul.nav-list.fleetmap-list .nav {
    overflow-y: auto; }
  ul.nav-list.fleetmap-list .fleetmap-nav-item > a {
    font-size: 12px;
    padding: 8px;
    color: #333; }
  ul.nav-list.fleetmap-list .fleetmap-nav-item .badge {
    float: right;
    margin-top: 2px;
    margin-left: 20px;
    background-color: #999;
    font-size: 10px; }
  ul.nav-list.fleetmap-list .fleetmap-nav-item li .badge {
    background-color: #bbb; }
  ul.nav-list.fleetmap-list li:not(.active) > a:hover {
    background-color: #e5e5e5;
    color: #333; }
    ul.nav-list.fleetmap-list li:not(.active) > a:hover .badge {
      background-color: #333; }
  ul.nav-list.fleetmap-list li.active > a:hover {
    cursor: default; }
  ul.nav-list.fleetmap-list li.active > a {
    background-color: #2bb0b0;
    color: #333; }
    ul.nav-list.fleetmap-list li.active > a .badge {
      background-color: #218787; }

.fleetmap-sub-list {
  padding-left: 15px; }

li.active > .fleetmap-link {
  color: white;
  background-color: #2bb0b0 !important; }
  li.active > .fleetmap-link > .badge {
    background-color: #218787 !important; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
.toolbar-button {
  padding: 2px 13px;
  float: left;
  min-width: 25px;
  height: 29px;
  text-align: center;
  cursor: default;
  margin: 0 2px;
  line-height: 26px; }
  .toolbar-button:not(.disabled):not(.active):hover {
    cursor: pointer; }
  .toolbar-button.active {
    background-color: #2bb0b0;
    color: #333; }
  .toolbar-button:active {
    background-color: #2bb0b0;
    color: #333; }
  .toolbar-button.disabled {
    color: #ccc; }

.toolbar-label {
  float: left;
  line-height: 25px;
  margin-right: 3px; }

#sidebar-region:not(.open) + #main-region #toolbar:not(.view-only) {
  padding-left: 193px; }

#toolbar {
  padding-right: 20px; }

#toolbar {
  height: 30px;
  white-space: nowrap;
  border-bottom: 1px solid #333; }
  #toolbar .divider-vertical {
    float: left;
    height: 29px;
    border-left: 1px solid #ddd; }
  #toolbar .text-separator {
    display: inline-block;
    padding: 4px 5px;
    float: left; }
  #toolbar #add-rows-button {
    margin-top: 4px;
    float: left;
    margin-left: 3px;
    margin-right: 3px; }
  #toolbar img {
    height: 14px;
    pointer-events: none; }
  #toolbar .img-text {
    padding-right: 0;
    height: 10px; }
  #toolbar input {
    width: 70px;
    height: 23px;
    font-size: 12px;
    line-height: 12px;
    float: left; }
  #toolbar select {
    width: auto; }
  #toolbar #add-rows-form {
    float: left;
    line-height: 22px; }
    #toolbar #add-rows-form input {
      margin-top: 3px;
      width: 40px;
      margin-left: 3px; }

.toolbar-actions-container {
  display: flex;
  align-items: center;
  margin-right: 8px; }
  .toolbar-actions-container > .btn {
    display: flex;
    align-items: center;
    margin: 2px 2.5px;
    padding: 2px 8px;
    font-weight: 400;
    height: 25px; }
    .toolbar-actions-container > .btn i {
      margin-right: 8px; }
  .toolbar-actions-container .btn-default {
    border: none;
    background-color: #eee;
    color: #333; }
  .toolbar-actions-container .btn:hover,
  .toolbar-actions-container .btn.active {
    background-color: #333;
    color: #eee; }
  .toolbar-actions-container i {
    font-size: 14px; }
  .toolbar-actions-container i.fa-eye-slash {
    color: #aaa; }
  .toolbar-actions-container .divider-vertical {
    margin: 0 2.5px; }
  .toolbar-actions-container .dropdown > .btn {
    border-radius: 0;
    padding: 3px 5px;
    line-height: 18px;
    border-color: transparent;
    background-color: transparent;
    min-width: 130px;
    color: #fff;
    height: 29px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0; }
    .toolbar-actions-container .dropdown > .btn:active:focus {
      outline: none; }
  .toolbar-actions-container > .dropdown {
    margin: 0 2px; }
  .toolbar-actions-container .dropdown.open > .btn,
  .toolbar-actions-container .dropdown > .btn:hover {
    background-color: rgba(0, 0, 0, 0.2); }
  .toolbar-actions-container > .btn-group > .btn {
    border-radius: 3px;
    padding: 3px 5px;
    line-height: 18px; }
    .toolbar-actions-container > .btn-group > .btn.dropdown-toggle {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      padding: 10px 8px; }
  .toolbar-actions-container > .dropdown .dropdown-toggle {
    min-width: 180px; }
  .toolbar-actions-container .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .toolbar-actions-container .dropdown-menu {
    min-width: 180px; }

#delete-selected-button {
  margin-top: 3px;
  margin-left: 3px; }

#selected-cell-input {
  width: 250px; }

.error-message {
  display: none;
  float: left;
  font-size: 15px;
  margin-left: 2px;
  width: 160px; }
  .error-message .alert {
    margin-bottom: 0;
    padding: 6px;
    float: right;
    width: 100%;
    text-align: center; }

.error-message {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7; }

#dialog-region {
  display: none; }

#area-button .d3m-area {
  vertical-align: middle; }

.toolbar-view-only-message {
  display: inline-block;
  padding: 4px 10px;
  color: #e74c3c; }

#container-button i {
  font-size: inherit;
  vertical-align: middle; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
#sheets-filter-button {
  background-color: white;
  cursor: pointer; }
  #sheets-filter-button.active {
    color: #e74c3c; }
  #sheets-filter-button i {
    float: left;
    position: relative;
    padding: 10px 6px 10px 12px; }
  #sheets-filter-button .sheets-filter-button-text {
    display: block;
    padding: 7px 7px 7px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

#sheet-copy-field {
  position: absolute;
  top: -200px; }

#sheet-paste-field {
  position: absolute;
  top: -200px; }

#empty-sheet,
#empty-sheets-nav {
  text-align: center; }
  #empty-sheet .empty-sheets-nav-message,
  #empty-sheets-nav .empty-sheets-nav-message {
    position: absolute;
    margin-top: 65px;
    font-size: 15px;
    color: #333333;
    line-height: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  #empty-sheet .empty-sheet-message,
  #empty-sheets-nav .empty-sheet-message {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 20px;
    color: #333333;
    line-height: 29px; }

#empty-sheets-nav {
  background-color: white; }

#empty-sheet {
  background-color: #ddd; }

#sheet-region {
  position: relative; }
  #sheet-region .sheet-body-container {
    margin-bottom: 60px; }
  #sheet-region .sheet-body-container table {
    table-layout: fixed;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
    #sheet-region .sheet-body-container table.editing {
      -moz-user-select: inherit;
      -ms-user-select: inherit;
      -webkit-user-select: inherit;
      user-select: inherit; }
  #sheet-region .sheet-cell {
    border-right: 1px solid #ddd;
    white-space: nowrap; }
  #sheet-region #sheet-header-border {
    height: 1px;
    background-color: #ddd; }
  #sheet-region #sheet-header {
    overflow: hidden;
    margin-left: 40px;
    border-left: 1px solid #ddd;
    overflow-y: scroll;
    height: 30px; }
    #sheet-region #sheet-header .sheet-cell {
      background-color: #eee;
      vertical-align: top;
      position: relative; }
      #sheet-region #sheet-header .sheet-cell:after {
        position: absolute;
        font-family: FontAwesome;
        top: 4px;
        right: 5px;
        display: block;
        background-color: inherit;
        padding: 2px; }
      #sheet-region #sheet-header .sheet-cell:hover {
        cursor: n-resize; }
      #sheet-region #sheet-header .sheet-cell.sort-asc {
        background-color: #ddd; }
        #sheet-region #sheet-header .sheet-cell.sort-asc:after {
          content: '\F0DE';
          opacity: 1; }
        #sheet-region #sheet-header .sheet-cell.sort-asc:hover {
          cursor: s-resize; }
      #sheet-region #sheet-header .sheet-cell.sort-desc {
        background-color: #ddd; }
        #sheet-region #sheet-header .sheet-cell.sort-desc:after {
          content: '\F0DD';
          opacity: 1; }
    #sheet-region #sheet-header .sheet-header-inner {
      width: 9000px; }
      #sheet-region #sheet-header .sheet-header-inner .sheet-cell {
        font-weight: bold;
        padding: 5px;
        width: 143px;
        float: left;
        height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border: 0;
        position: relative; }
        #sheet-region #sheet-header .sheet-header-inner .sheet-cell:nth-child(1) {
          width: 146px; }
      #sheet-region #sheet-header .sheet-header-inner .sheet-cell.sorting:hover {
        cursor: pointer; }
      #sheet-region #sheet-header .sheet-header-inner .sheet-column-resize {
        position: absolute;
        width: 7px;
        height: 30px;
        right: -3px;
        top: 0;
        text-align: center; }
        #sheet-region #sheet-header .sheet-header-inner .sheet-column-resize:hover {
          cursor: ew-resize; }
        #sheet-region #sheet-header .sheet-header-inner .sheet-column-resize:after {
          content: ' ';
          display: inline-block;
          width: 1px;
          background-color: #ddd;
          height: 100%; }
  #sheet-region #sheet-body {
    margin-left: 40px;
    overflow: scroll;
    height: calc(100% - 61px);
    background-color: #eee; }
    #sheet-region #sheet-body table {
      border-bottom: 1px solid #ddd;
      margin-bottom: 0; }
      #sheet-region #sheet-body table .sheet-cell {
        padding: 0px;
        width: 150px;
        height: 30px; }
        #sheet-region #sheet-body table .sheet-cell .cell-value {
          height: 29px;
          width: 100%;
          padding: 0 5px;
          overflow: hidden;
          line-height: 28px;
          text-overflow: ellipsis; }
        #sheet-region #sheet-body table .sheet-cell.disabled {
          background: #eee; }
      #sheet-region #sheet-body table tr {
        background-color: white;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff; }
      #sheet-region #sheet-body table tr.selected {
        background-color: #2bb0b0;
        color: white; }
        #sheet-region #sheet-body table tr.selected td.selected,
        #sheet-region #sheet-body table tr.selected td.highlighted {
          color: #333; }
      #sheet-region #sheet-body table tr.disabled {
        cursor: pointer; }
      #sheet-region #sheet-body table tr.disabled:hover .sheet-cell.disabled {
        background: #e9e9e9; }
      #sheet-region #sheet-body table .cell-inner-wrapper,
      #sheet-region #sheet-body table .cell-value {
        border: 1px solid transparent; }
      #sheet-region #sheet-body table .primary .cell-inner-wrapper {
        border-top-color: #76b1e4; }
        #sheet-region #sheet-body table .primary .cell-inner-wrapper .cell-value {
          border-color: #3276b1;
          position: relative;
          z-index: 10;
          overflow: hidden;
          text-overflow: clip; }
      #sheet-region #sheet-body table td.selected-bottom .cell-inner-wrapper {
        border-bottom-color: #76b1e4; }
      #sheet-region #sheet-body table .cell-inner-wrapper {
        position: relative; }
      #sheet-region #sheet-body table .cell-handle {
        width: 8px;
        height: 8px;
        background: #3276b1;
        position: absolute;
        right: -4px;
        bottom: -4px;
        display: none;
        z-index: 10;
        cursor: crosshair; }
      #sheet-region #sheet-body table .selected-bottom:not(.no-autofill) .cell-handle {
        display: block; }
      #sheet-region #sheet-body table .highlighted .cell-inner-wrapper {
        background-color: rgba(190, 248, 248, 0.5); }
      #sheet-region #sheet-body table td.selected .cell-inner-wrapper {
        background-color: rgba(190, 248, 248, 0.5);
        border-left-color: #76b1e4;
        border-right-color: #76b1e4; }
      #sheet-region #sheet-body table td br {
        display: none; }
  #sheet-region #sheet-gutter {
    width: 40px;
    height: calc(100% - 61px);
    float: left;
    overflow: hidden;
    background-color: #eee;
    overflow-x: scroll;
    border-right: 1px solid #ddd; }
    #sheet-region #sheet-gutter table {
      margin-bottom: 80px;
      -webkit-touch-callout: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      user-select: none; }
    #sheet-region #sheet-gutter tr {
      background-color: #eee;
      text-align: right;
      font-size: 12px;
      color: #666; }
      #sheet-region #sheet-gutter tr.selected {
        background-color: #2bb0b0;
        color: white; }
      #sheet-region #sheet-gutter tr td {
        padding: 8px 5px 0 0;
        border-bottom: 1px solid #ddd;
        border-top: 0;
        height: 32px; }
      #sheet-region #sheet-gutter tr:hover {
        cursor: pointer;
        background-color: #3ed0d0; }

.sheet-secondary-category-name {
  font-size: 10px;
  padding: 5px 6px 5px 14px;
  background-color: #ccc;
  border-bottom: 1px solid #ccc; }
  .sheet-secondary-category-name .fa {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    cursor: pointer;
    color: #aaa; }

ul.nav-list.sheet-list {
  display: block;
  padding: 0 0 10px 0; }
  ul.nav-list.sheet-list .nav {
    overflow-y: auto; }
  ul.nav-list.sheet-list .sheet-nav-item > button {
    font-size: 12px;
    padding: 8px;
    color: #333; }
  ul.nav-list.sheet-list .sheet-nav-item .badge {
    float: right;
    margin-top: 2px;
    height: 18px;
    margin-left: 20px;
    background-color: #999;
    font-size: 10px; }
  ul.nav-list.sheet-list .sheet-nav-item li .badge {
    background-color: #bbb; }
  ul.nav-list.sheet-list li:not(.active) > a:hover {
    background-color: #e5e5e5;
    color: #333; }
    ul.nav-list.sheet-list li:not(.active) > a:hover .badge {
      background-color: #333; }
  ul.nav-list.sheet-list li.active > a:hover {
    cursor: default; }
  ul.nav-list.sheet-list li.active > a {
    background-color: #2bb0b0;
    color: #333; }
    ul.nav-list.sheet-list li.active > a .badge {
      background-color: #218787; }

.sheet-sub-list {
  padding-left: 15px; }

li.active > .sheet-link {
  color: white;
  background-color: #2bb0b0 !important; }
  li.active > .sheet-link > .badge {
    background-color: #218787 !important; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
#viewer-notification-button:focus {
  outline: 0; }

#viewer-notification-button.has-members {
  background-color: #f5a121; }
  #viewer-notification-button.has-members span.viewer-icon:before {
    content: '\F06E';
    color: white; }
  #viewer-notification-button.has-members:hover {
    text-decoration: none; }
  #viewer-notification-button.has-members .user-count {
    position: relative;
    left: 17px;
    background-color: #f5a121;
    top: -7px;
    border-radius: 20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 17px; }

#viewer-notification-button span.viewer-icon:before {
  content: '\F070';
  font-family: FontAwesome;
  margin-right: 8px;
  float: left;
  color: #999; }

#project-bar-region {
  position: fixed;
  width: calc(100% - 222px);
  height: 46px;
  top: 0px;
  left: 95px;
  font-size: 18px;
  z-index: 1001; }

.project-bar-layout,
.brand-bar-backend-container {
  display: flex;
  flex-direction: row; }

#bar-nav-region {
  height: 47px;
  text-align: center; }
  #bar-nav-region span a {
    display: inline-block;
    width: 30px; }

#bar-status-region {
  min-width: 66px; }

#bar-spacer {
  flex-grow: 1; }

#bar-name-region {
  flex-shrink: 1; }

#bar-status-region,
#bar-name-region {
  height: 43px;
  font-size: 12px;
  line-height: 15px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  padding: 8px 0; }

.nav-name-bar-container {
  display: flex;
  flex-direction: column; }

#bar-button-region {
  height: 43px; }

.vertical-divider {
  float: left;
  height: 26px;
  border-left: 1px solid #555;
  margin-right: 10px;
  margin-top: 2px; }

#saving-message,
#saved-message,
#waiting-message {
  font-weight: 700; }

#saving-message {
  color: #f5a121;
  display: none; }

#saved-message {
  color: #fff; }

#waiting-message {
  color: #e74c3c;
  display: none; }

.nav-project-container,
.nav-status-container {
  padding: 8px 0; }

.project-customer,
.project-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.project-customer,
.nav-status-title {
  color: #999; }

.project-name {
  color: #eee;
  font-weight: 700; }

.project-bar-buttons {
  display: flex;
  align-items: center; }

.project-bar-button,
.toolbox-button {
  cursor: pointer;
  text-align: center; }
  .project-bar-button i.fa,
  .toolbox-button i.fa {
    margin-top: 3px;
    display: block; }
  .project-bar-button:hover, .project-bar-button.active,
  .toolbox-button:hover,
  .toolbox-button.active {
    background-color: #2bb0b0;
    color: #333; }
  .project-bar-button:active,
  .toolbox-button:active {
    background-color: #218787;
    color: #fff; }

.project-bar-button {
  width: 40px;
  height: 43px;
  padding: 11px;
  color: #fff; }
  .project-bar-button:focus {
    background-color: #2bb0b0;
    outline: none; }

#share-button {
  margin-right: 8px; }
  #share-button .share-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle; }

.toolbox-button {
  margin: 1px 2px;
  width: 23px;
  height: 23px;
  padding: 2px;
  color: #333;
  border-radius: 21px; }

.project-bar-button:focus {
  color: white;
  text-decoration: none; }

.project-bar-nav {
  list-style: none;
  color: #fff;
  float: left;
  padding-left: 0;
  width: 100%; }
  .project-bar-nav li {
    float: left;
    margin-right: 8px; }
    .project-bar-nav li:hover {
      background-color: white; }
    .project-bar-nav li a {
      padding: 7px;
      line-height: 33px; }
      .project-bar-nav li a.active {
        background-color: #2bb0b0;
        color: white; }

.popover-footer {
  margin: 9px -14px -9px -14px;
  padding: 8px 14px;
  background-color: #f7f7f7;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 5px 5px;
  text-align: center; }

#project-export-region .form-horizontal .checkbox {
  padding: 0; }

#project-export-region .form-horizontal .fa {
  padding-top: 3px;
  opacity: 0.8; }

.project-export-download-popover {
  z-index: 1030; }

.minimal-alert {
  padding: 5px;
  margin: 5px 0 5px 0;
  border: 1px solid transparent;
  border-radius: 3px;
  text-align: center; }

@media (max-width: 992px) {
  #viewer-notification-button {
    display: none; }
  .share-button-text {
    display: none; } }

@media (max-width: 992px) {
  #project-bar-region {
    width: calc(100% - 124px); }
  .nav-status-container {
    display: none; } }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#drawer-region .activity-feed-container {
  height: calc(100% - 26px);
  overflow-y: scroll;
  padding-bottom: 20px; }

#drawer-region .activity-feed-pricing-cta {
  text-align: center;
  padding: 10px; }

#drawer-region .feed-actions {
  margin-top: 15px;
  width: 100%;
  height: 30px;
  text-align: center; }

#drawer-region .feed-actions-message-container {
  color: #919191;
  background-color: #ddd;
  margin-bottom: -20px;
  margin-top: -14px;
  padding: 17px 0; }

#drawer-region ul.action-description {
  padding-left: 20px; }

#drawer-region .toggle-description-button {
  float: right;
  cursor: pointer; }
  #drawer-region .toggle-description-button:hover {
    font-size: 16px;
    margin-top: -2px; }

#drawer-region .action {
  padding: 8px;
  border-bottom: 1px solid #ddd; }
  #drawer-region .action .two-lines {
    word-wrap: break-word; }
  #drawer-region .action .action-icon {
    float: left;
    margin-right: 8px; }
  #drawer-region .action:hover {
    background-color: #eee; }

#drawer-region .action-description {
  font-size: 12px; }

#drawer-region .action-performed-by {
  margin-top: 5px;
  font-size: 11px;
  color: #888;
  text-align: right; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
.project-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fafafa; }
  .project-list ::-webkit-scrollbar {
    width: 8px;
    height: 10px; }
  .project-list ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .project-list ::-webkit-scrollbar-thumb {
    background: #cccccc;
    border: 0px none #ffffff;
    border-radius: 0px; }
  .project-list ::-webkit-scrollbar-thumb:hover {
    background: #bbbbbb; }
  .project-list ::-webkit-scrollbar-thumb:active {
    background: #aaaaaa; }
  .project-list ::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 0px; }
  .project-list ::-webkit-scrollbar-track:hover {
    background: #ffffff; }
  .project-list ::-webkit-scrollbar-track:active {
    background: #ffffff; }
  .project-list ::-webkit-scrollbar-corner {
    background: transparent; }

.project-list-region-wrapper {
  display: flex; }

#project-filters-region {
  align-self: center;
  padding: 1em;
  min-height: 4.5em;
  width: 100%; }

#new-project-region {
  min-width: 16em;
  padding: 1em 0 1em 1em; }

.project-list-news {
  padding: 0 0 1em 1em;
  min-width: 16em;
  max-width: 16em; }

#news-region {
  height: calc(100% - 35px); }
  #news-region ::-webkit-scrollbar {
    width: 0px; }

#project-list-region {
  padding: 0 1em 1em 1em;
  width: 100%; }

.project-list-create-container {
  display: flex; }

.project-list-create-container > *:not(:last-child) {
  margin-right: 5px; }

.project-list-create {
  flex-grow: 1;
  display: flex;
  align-items: center; }

.project-list-create {
  border-radius: 0;
  text-transform: uppercase;
  justify-content: center;
  height: 34px; }

.project-list-create-title {
  margin-left: 0.5em; }

.project-list-filters-region-container {
  display: flex;
  justify-content: space-between; }

.project-list-filters-container,
.project-list-filters {
  display: flex; }

.project-list-filters-container > * {
  margin: 0 0.5em;
  white-space: nowrap; }

.project-list-filters-container > label,
.project-list-sorter-container > label {
  padding: 6px 0; }

.project-list-filter-button {
  background-color: #fff;
  color: #333;
  border: 1px solid #e9e9e9;
  margin: 0 0.5em;
  height: 34px;
  padding: 7px 10px;
  cursor: pointer;
  white-space: nowrap; }

.project-list-filter-button:hover {
  background-color: #e6e6e6; }

.project-list-filter-button.active {
  background-color: #28a4a4;
  color: #fff; }

.project-list-filter-button.active:hover {
  background-color: #218787;
  color: #fff; }

.project-list-filter-dropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  margin: 0.5em;
  padding: 0.5em;
  z-index: 2;
  border: 1px solid #eee;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

#project-list-filters-search-region {
  width: 100%; }

#project-list-search {
  border-radius: 0px; }

.project-list-search-container .btn {
  border-radius: 0px; }

.project-list-search-container .search-clear {
  position: absolute;
  top: 10px; }

.project-list-search-dropdown-menu {
  border-radius: 0px; }

.project-list-search-dropdown-menu-item {
  display: flex;
  align-items: center;
  padding: 0.2em 0.5em;
  cursor: pointer; }

.project-list-search-dropdown-menu-item:hover {
  background-color: #eee; }

.project-list-scope-option {
  margin-left: 0.5em; }

.project-list-controls {
  display: none; }

.project-list-sorter-container > * {
  margin: auto 0.5em; }

.project-list-display-switch {
  display: flex;
  margin-left: 1em;
  border: 1px solid #ddd;
  min-width: 5em; }

.project-list-display-option {
  cursor: pointer;
  padding: 6px 10px; }

.project-list-display-option:hover {
  background-color: #d9d9d9; }

.project-list-display-option.active {
  background-color: #28a4a4;
  color: #fff; }

.project-list-display-option.disabled {
  color: #999;
  cursor: default;
  pointer-events: none; }

.project-list-news-container,
.project-list-tower-container {
  overflow-y: hidden;
  height: 100%; }

.project-list-news-title {
  text-transform: uppercase; }

.project-list-news-item,
.project-list-tower-item {
  padding: 0.1em;
  border: 1px solid #e9e9e9;
  background: white; }
  .project-list-news-item h5,
  .project-list-tower-item h5 {
    padding: 0 0.5em;
    line-height: 18px;
    color: #333; }

.project-list-news-item-split {
  width: 1px;
  height: 3em;
  margin: 0 auto;
  border-right: 1px solid #e9e9e9;
  display: block; }

.project-list-news-container div:last-child .project-list-news-item-split {
  display: none; }

.project-list-news-item.lph-item,
.project-list-tower-item {
  height: calc(14em - 10px); }

.project-list-news-item * {
  max-width: 100%; }

.project-list-table-container {
  border: 1px solid #e9e9e9;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

#project-list-table-region {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  background: white; }

.project-list-table-container [data-column='customer_na'] {
  max-width: calc(45% - (180px + 130px + 130px + 210px) / 2);
  min-width: calc(45% - (180px + 130px + 130px + 210px) / 2); }

.project-list-table-container [data-column='name_na'] {
  max-width: calc(55% - ((180px + 130px + 130px + 210px) / 2));
  min-width: calc(55% - ((180px + 130px + 130px + 210px) / 2)); }

.project-list-table-container.no-status [data-column='customer_na'] {
  max-width: calc(45% - ((180px + 130px + 210px) / 2));
  min-width: calc(45% - ((180px + 130px + 210px) / 2)); }

.project-list-table-container.no-status [data-column='name_na'] {
  max-width: calc(55% - ((180px + 130px + 210px) / 2));
  min-width: calc(55% - ((180px + 130px + 210px) / 2)); }

.project-list-table-container [data-column='updated_at'] {
  max-width: 180px;
  min-width: 180px; }

.project-list-table-container [data-column='owner_email'],
.project-list-table-container [data-column='permission'],
.project-list-table-container [data-column='status_na'] {
  max-width: 130px;
  min-width: 130px; }

.project-list-table-container [data-column='actions'] {
  max-width: 210px;
  min-width: 210px; }

.project-list-header-row {
  display: flex;
  border-bottom: 1px solid #e9e9e9;
  overflow-y: scroll;
  overflow-x: hidden; }

.project-list-header-item {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  padding: 0 1em;
  align-items: center;
  height: 34px;
  background: white; }

.project-list-header-item:not(:last-child) {
  border-right: 1px solid #e9e9e9; }

.project-list-sortable {
  cursor: pointer; }

.project-list-sortable:hover {
  background-color: #f7f7f7; }

.project-list-header-caret {
  color: #ddd;
  line-height: 5px; }

.project-list-header-sorting.mod-sort-asc .fa-caret-up {
  color: #333; }

.project-list-header-sorting.mod-sort-desc .fa-caret-down {
  color: #333; }

.organization-backend-projects-container #new-project-region,
.organization-backend-projects-container .project-list-news {
  display: none; }

.organization-backend-projects-container .project-list {
  grid-template-columns: 0em auto; }

.project-list-item {
  display: flex;
  cursor: pointer;
  border: none;
  padding: 0;
  height: 5em; }

.project-list-item:not(:last-child) {
  border-bottom: 1px solid #e9e9e9; }

.project-list-item:hover {
  background-color: #f7f7f7; }

.project-list-item:nth-child(even) {
  background-color: #f1f1f1; }
  .project-list-item:nth-child(even):hover {
    background-color: #e9e9e9; }

.project-list-item.selected-project {
  border-left: 3px solid #2bb0b0; }

.project-list-item-attribute {
  padding: 0 1em;
  height: 5em;
  display: flex;
  align-items: center;
  word-break: break-word; }

.project-list-item-subtext {
  display: block;
  color: #777; }

.project-list-actions-container {
  display: flex;
  width: 100%; }

.project-list-action {
  flex: 0 0 33%;
  cursor: pointer;
  text-align: center;
  border: 1px solid #e9e9e9;
  margin: 1px;
  max-width: 44px;
  min-width: 44px;
  min-height: 44px;
  min-width: 44px;
  padding: 11px 0;
  background-color: #fff; }
  .project-list-action:hover {
    background-color: #f1f1f1; }
  .project-list-action:active {
    background-color: #e9e9e9; }
  .project-list-action.active {
    background: #2bb0b0; }

.project-list-footer-container {
  text-align: center;
  background-color: #f1f1f1;
  width: 100%;
  margin-bottom: -4em;
  height: 3.4em;
  border-top: 1px solid #e9e9e9;
  transition: margin-bottom 500ms; }

.project-list-footer-container.display-loaded-message {
  margin-bottom: 0; }

.project-list-footer-message {
  padding: 13px;
  color: #666; }

.project-list-empty-container {
  margin: auto;
  max-width: 25em;
  display: flex;
  align-items: center;
  padding-top: 3em;
  font-size: 18px; }

.project-list-empty-text-small {
  margin-top: 1em;
  font-size: 13px; }

.project-list-empty-explain {
  margin-left: 1em; }

.project-list-empty-image {
  font-size: 2em; }
  .project-list-empty-image .fa-stack-1x {
    left: -5px;
    top: -3px; }

.project-list-notice a {
  margin-left: 5px; }

.project-list-maps-container,
#project-list-map-region,
.project-list-map-container,
#project-list-map-spot {
  height: 100%; }

.project-list-tower-title {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold; }

.project-list-tower-property {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 0.5em; }

.project-list-tower-open {
  width: 100%;
  border-radius: 0px; }

.project-list-tower-property-key {
  font-weight: bold;
  white-space: nowrap; }

.project-list-tower-property-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1em; }

.project-list-tower-settings {
  margin-top: 1em; }

.project-list-tower-reports {
  margin-top: 2em; }

.project-list-tower-reports-title {
  text-align: center;
  font-weight: bold; }

.project-list-tower-report {
  margin-top: 0.5em; }

.project-list-sort-caret {
  position: absolute;
  margin-top: 10px;
  margin-left: 110px; }

.project-list-sorter-container {
  display: flex; }

.project-list-sorter-select-wrapper select {
  background-color: transparent; }
  .project-list-sorter-select-wrapper select:hover {
    background-color: transparent; }

.project-list-sorter-select-wrapper:hover {
  background-color: #f1f1f1; }

.project-list-sorter-select-wrapper,
.project-list-sort-direction {
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #e9e9e9; }

.project-list-sorter {
  border: 0;
  height: 32px; }

.project-list-card-label {
  display: none; }

@media (min-width: 1026px) and (max-width: 1400px) {
  .project-list-news {
    display: none; } }

@media (max-width: 650px) {
  .project-list-news {
    display: none; } }

@media (max-width: 1025px) {
  .project-list-search-dropdown-text {
    display: none; }
  .project-list-search-dropdown-menu {
    left: inherit;
    right: 0; } }

@media (max-width: 1025px) {
  .project-list-region-wrapper:not(:last-child) {
    flex-direction: column; }
  #project-list-region {
    height: 100%; }
  #new-project-region {
    padding: 1em 1em 0 1em;
    min-width: 100%; }
  .project-list-filters-region-container {
    flex-direction: column; }
  .project-list-filters-region-container > div:not(:last-child) {
    margin-bottom: 1em; }
  .project-list-filters {
    flex-grow: 1; }
  .project-list-filter-dropdown {
    z-index: 3;
    left: 0;
    width: 96%; }
  #project-list-filters-search-region {
    padding: 0;
    order: -1; }
  .project-list-controls {
    display: flex; }
  .project-list-display-switch {
    display: none;
    max-width: 0;
    margin-left: auto; }
  #project-list-header-region {
    display: none; }
  .project-list-item {
    flex-direction: column;
    height: auto;
    padding-top: 0.5em; }
  .project-list-table-container [data-column] {
    flex: 1;
    max-width: 100%;
    min-width: 100%;
    min-height: 16px; }
  .project-list-table-container [data-column='actions'] {
    min-height: 44px; }
  .project-list-item-attribute {
    flex: 0;
    height: initial;
    align-items: normal;
    margin-bottom: 0.5em; }
  .project-list-item-attribute > div {
    display: flex;
    align-items: center; }
  .project-list-item-subtext {
    margin-left: 1em; }
  .project-list-card-label {
    display: block;
    color: #777;
    font-size: 11px;
    max-width: 75px;
    min-width: 75px; } }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#organization-backend-library-select-wrapper {
  display: flex;
  justify-content: space-between; }
  #organization-backend-library-select-wrapper .backend-library-tab.active > .library-change-selection {
    background-color: #fafafa;
    border-radius: 0px; }

#backend-library-actions-container {
  height: 42px;
  flex: 1;
  border-bottom: 1px solid #ddd;
  padding: 0 0.5em;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  #backend-library-actions-container .library-import-file {
    position: absolute;
    left: -9999px;
    visibility: hidden; }

#backend-library-actions-container > * {
  margin-left: 0.5em; }

.backend-lib-delete-button.disabled,
.backend-lib-edit-button.disabled {
  cursor: default; }

#backend-library-region {
  background-color: #fafafa;
  height: calc(100vh - 74px);
  overflow: scroll; }

#backend-region:after,
#backend-region:before {
  content: ' ';
  display: table;
  clear: both; }

.library-primary-category {
  padding: 8px;
  display: inline-block;
  width: 100%; }

.library-primary-category-name {
  margin-left: 4px; }

.library-icons-container:after,
.library-icons-container:before {
  content: ' ';
  display: table;
  clear: both; }

.js-collapse {
  cursor: pointer; }

.library-icon {
  padding: 8px 13px;
  margin: 8px 8px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background-color 200ms;
  box-sizing: content-box;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .library-icon.vendor-icon {
    background-color: #ccc;
    cursor: not-allowed; }
    .library-icon.vendor-icon .library-icon-actions.library-vendor-icon-hover-message {
      position: absolute;
      display: table;
      padding: 5px;
      color: #fff;
      width: 100%;
      background-color: #e43725; }
      .library-icon.vendor-icon .library-icon-actions.library-vendor-icon-hover-message span {
        display: table-cell;
        vertical-align: middle; }
  .library-icon.selected {
    background-color: #8ccecf; }
    .library-icon.selected .library-icon-quote-indicator {
      display: none; }
  .library-icon:before {
    opacity: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\F058';
    position: absolute;
    top: 3px;
    left: 5px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 28px;
    transition: opacity 200ms; }
  .library-icon.selected:before {
    opacity: 1; }
  .library-icon .library-icon-actions {
    opacity: 0;
    transition: opacity 200ms;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    text-align: center; }
  .library-icon:hover .library-icon-actions {
    opacity: 1; }

.library-icon-quote-indicator {
  position: absolute;
  top: 5px;
  left: 10px; }
  .library-icon-quote-indicator .fa {
    color: #ccc; }

.library-icon-name {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.library-icon-image {
  flex-grow: 1;
  display: flex;
  align-items: center; }

.library-icon-image img {
  max-width: 100px;
  max-height: 80px;
  margin: auto; }

.library-loading-view {
  text-align: center;
  font-size: 20px;
  padding-top: 3em; }

.library-droppable-region {
  border: 3px dashed transparent;
  transition: border-color 0.1s ease;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px; }
  .library-droppable-region.drop-hover {
    border-color: #ddd; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.document-preview {
  float: left;
  font-size: 12px;
  width: 280px;
  height: 170px;
  margin: 8px;
  position: relative;
  cursor: pointer;
  background-color: white;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  .document-preview:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 45px, rgba(0, 0, 0, 0.2) 0px 10px 18px; }
    .document-preview:hover .document-preview-delete-button {
      display: inherit; }

.document-buttons-container {
  width: 56px;
  display: inline-block;
  float: right;
  margin-top: -3px;
  margin-right: -10px; }

.document-list-view-icon-container {
  width: 70px;
  height: 92px;
  display: inline-block;
  vertical-align: top; }

.document-list-view-button,
.document-list-view-button-delete,
.btn-icon {
  width: 25px;
  height: 25px;
  padding: 2px; }

.document-preview-name {
  font-size: 20px;
  font-weight: 200;
  width: 180px;
  height: 120px;
  margin-right: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-wrap: break-word; }
  .document-preview-name:hover .document-edit-title-button {
    display: inherit; }

.document-edit-title-button {
  width: 25px;
  height: 25px;
  padding: 2px; }

.document-preview-date {
  text-align: left;
  font-size: 12px;
  color: #bbb;
  display: inline-block; }

.document-name-validation {
  padding: 6px 2px 6px 2px;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between; }

.document-input-character-count {
  color: #bbb; }

.document-templ-select-preview-date {
  text-align: left;
  font-size: 12px;
  color: #bbb;
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 12px; }

.document-preview-name-container {
  height: 140px;
  padding: 10px; }

.document-empty-placeholder {
  text-align: center; }

#document-action-bar-region {
  position: fixed;
  top: 75px;
  right: 16px;
  font-size: 1.125em;
  margin: 0.5em;
  color: #919191; }

.document-action-bar-button {
  float: left;
  padding: 0.33em 0.75em;
  cursor: pointer;
  border: none;
  border-radius: 0.333em;
  background: none; }
  .document-action-bar-button:hover {
    color: #535353;
    background-color: rgba(0, 0, 0, 0.07); }
  .document-action-bar-button:active {
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0.7em;
    background-color: none; }

.document-toolbar {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  background-color: #2bb0b0;
  border-bottom: 1px solid #218787;
  height: 30px;
  z-index: 11;
  font-size: 16px; }

.document-toolbar-title-container {
  padding: 3px;
  color: white;
  font-size: 14px;
  text-align: center;
  position: relative;
  height: 29px;
  line-height: 1.5; }

.document-toolbar-title {
  display: block;
  text-overflow: ellipsis;
  margin: 0 auto;
  width: 400px;
  white-space: nowrap;
  overflow: hidden; }

.document-toolbar-title-name {
  display: inline; }

.document-toolbar-button {
  float: left;
  padding: 3px 11px;
  color: white;
  cursor: pointer; }

.saved-versions-list-button {
  text-align: center;
  padding: 4px; }
  .saved-versions-list-button .btn.btn-xs {
    padding: 0 4px;
    margin: 0px; }

.saved-versions-dropdown li:not(.saved-versions-list-button) {
  font-size: 12px;
  padding: 5px;
  margin: 4px;
  box-shadow: 0px 1px 2px #999;
  background-color: white; }

.saved-versions-dropdown li.selected {
  background-color: #e2f8f8; }

.saved-versions-dropdown li:hover {
  cursor: pointer;
  background-color: #eee; }

.saved-versions-dropdown li input {
  margin: 0; }

.saved-versions-dropdown li .delete-saved-version:hover,
.saved-versions-dropdown li .cancel-version-title:hover {
  color: #e74c3c; }

.saved-versions-dropdown li .edit-saved-version:hover {
  color: #f5a121; }

.saved-versions-dropdown li .save-version-title-container {
  padding-top: 5px; }

.saved-versions-dropdown li .editing-version-actions {
  margin: 4px 5px; }

.saved-versions-dropdown li .list-item-container {
  display: flex;
  justify-content: space-between; }

.saved-versions-explanation {
  text-align: center;
  padding: 10px; }

.saved-versions-explanation + .popover {
  position: relative;
  min-width: 170px;
  max-width: 170px;
  margin: 10px 5px;
  left: 0 !important;
  font-size: 12px; }

.saved-version-created-date {
  font-size: 10px;
  color: #aaa;
  display: block;
  white-space: nowrap;
  margin-left: 22px; }

#document-region {
  background-color: #eee;
  font-size: 0.625em;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: 100%;
  display: inline-block; }

.document-container {
  font-size: 1.6em;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.document-section-container {
  margin: auto;
  clear: both;
  transition: height 200ms;
  position: relative; }

.document-section {
  background-color: white;
  transition: all 200ms;
  box-shadow: 0em 0em 0.5em #666; }

.document-section-left-tools,
.document-section-right-tools {
  opacity: 0;
  transition: opacity 500ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.document-section-right-tools {
  position: absolute;
  top: 0;
  right: 0; }

.document-section-left-tools {
  position: absolute;
  padding-left: 0.3em; }

.document-section-break-indicator {
  position: absolute;
  color: #e74c3c; }
  .document-section-break-indicator.page-break-left {
    left: -4em; }
  .document-section-break-indicator.page-break-right {
    right: -4em; }

.document-fleetmap-name {
  font-weight: bold;
  font-size: 1.8em; }

.document-fleetmap-node-edit,
.document-fleetmap-node-move,
.document-fleetmap-node-toggle {
  color: #2bb0b0;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0; }
  .document-fleetmap-node-edit:hover,
  .document-fleetmap-node-move:hover,
  .document-fleetmap-node-toggle:hover {
    color: white;
    background-color: #2bb0b0; }

.document-fleetmap-node-edit {
  left: 96%; }

.document-fleetmap-node-move {
  left: -4%; }

.document-fleetmap-node-toggle {
  left: -4%;
  margin-top: 3.5%; }

.has-bundles .document-fleetmap-node-row .quantity,
.has-bundles .document-fleetmap-header-row .quantity {
  display: table-cell; }

.document-fleetmap-node-row .quantity,
.document-fleetmap-header-row .quantity {
  position: relative;
  display: none; }
  .document-fleetmap-node-row .quantity .document-fleetmap-node-row-toggle,
  .document-fleetmap-header-row .quantity .document-fleetmap-node-row-toggle {
    color: #2bb0b0;
    position: absolute;
    top: 0.3em;
    left: -2.8em;
    cursor: pointer;
    opacity: 0;
    border-radius: 50%; }
    .document-fleetmap-node-row .quantity .document-fleetmap-node-row-toggle:hover,
    .document-fleetmap-header-row .quantity .document-fleetmap-node-row-toggle:hover {
      color: white;
      background-color: #2bb0b0; }

.document-fleetmap-section-placeholder {
  background-color: #eee;
  margin-bottom: 2em; }

.document-section-container:hover > .document-section-left-tools,
.document-section-container:hover > .document-section-right-tools,
.document-section-element-container:hover > .document-section-left-tools,
.document-section-element-container:hover > .document-section-right-tools,
.document-elements-container > div:hover .show-on-hover {
  opacity: 0.7; }
  .document-section-container:hover > .document-section-left-tools:hover,
  .document-section-container:hover > .document-section-right-tools:hover,
  .document-section-element-container:hover > .document-section-left-tools:hover,
  .document-section-element-container:hover > .document-section-right-tools:hover,
  .document-elements-container > div:hover .show-on-hover:hover {
    opacity: 1; }

.document-fleetmap:hover .show-on-fleetmap-hover {
  opacity: 0.7; }
  .document-fleetmap:hover .show-on-fleetmap-hover:hover {
    opacity: 1; }

.document-section-element-container {
  position: relative; }

.document-section-tool,
.diagram-section-tool {
  width: 1.7em;
  text-align: center;
  height: 1.7em;
  margin: 0 0.3em;
  margin-bottom: 0.3em;
  line-height: 1.7em; }
  .document-section-tool.mod-move,
  .diagram-section-tool.mod-move {
    cursor: move;
    line-height: 1.7em; }
  .document-section-tool.mod-zoom-fit,
  .diagram-section-tool.mod-zoom-fit {
    font-size: 1em;
    margin-left: 0.125em; }
  .document-section-tool.mod-move-up,
  .diagram-section-tool.mod-move-up {
    line-height: 1.5em; }
  .document-section-tool.disabled,
  .diagram-section-tool.disabled {
    color: #999;
    pointer-events: none; }

.diagram-section-left-tools {
  position: absolute;
  z-index: 500;
  background-color: white;
  border: 0.125em;
  top: inherit;
  border-right: 0.125em; }

.diagram-section-right-tools {
  position: absolute;
  z-index: 600;
  background-color: white;
  border: 0.125em;
  top: inherit;
  right: 0; }

.dropdown-menu.mod-pin-area-dropdown-menu {
  font-size: 0.875em;
  padding: 0.375em 0;
  margin: 0.143em 0 0;
  border-radius: 0.286em;
  box-shadow: 0 0.429em 0.857em rgba(0, 0, 0, 0.175);
  min-width: 11.429em; }
  .dropdown-menu.mod-pin-area-dropdown-menu .dropdown-header {
    font-size: 1em;
    padding: 0.214em 1.429em; }
  .dropdown-menu.mod-pin-area-dropdown-menu > li > a {
    padding: 0.214em 1.429em; }

.mod-filter-area-item i {
  position: absolute;
  left: 0.214em;
  margin-top: 0.143em; }

.fa.fa-grip:before {
  content: '\F142   \202F   \F142   \202F   \F142'; }

.document-section-new-section:before,
.document-section-new-section:after {
  content: '';
  border: 1px solid #2bb0b0;
  height: 0;
  position: absolute;
  top: 1.1em;
  pointer-events: none; }

.document-section-new-section:before {
  width: 21.1em;
  left: -22em; }

.document-section-new-section:after {
  width: 20.7em;
  left: 11.7em; }

.document-section-new-section {
  clear: both;
  width: 11em;
  padding: 0.4em 1em;
  text-align: center;
  margin: 1em auto;
  position: relative; }

.document-section-locked {
  background-color: #4d4d4d;
  box-shadow: 0px 0px 4px #666;
  z-index: 10;
  opacity: 0.9;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 1.3em;
  text-align: center; }

.document-seciton-locked-text {
  position: relative;
  top: calc(50% - 1em); }

.document-button {
  border: 2px solid transparent;
  border-radius: 2em;
  color: #2bb0b0;
  cursor: pointer;
  transition: background 100ms, width 100ms, height 100ms, color 100ms;
  position: relative; }
  .document-button:hover {
    background-color: #2bb0b0;
    color: white;
    border-left: 0.069em solid #218787; }
    .document-button:hover .document-element-template-sync-icon {
      color: white; }
  .document-button:active {
    background-color: #218787; }

.document-element-bar-divider {
  height: 2px;
  margin: 0.25em 0.333em;
  background-color: #cccccc; }

.document-element-bar {
  position: fixed;
  left: 0;
  font-size: 1.813em;
  background-color: #ddd;
  border-radius: 0.333em;
  box-shadow: 0px 4px 8px #888888;
  margin-left: 0.33em;
  z-index: 10; }
  .document-element-bar > .document-element-template:first-child:hover {
    border-top-left-radius: 0.333em;
    border-top-right-radius: 0.333em; }
  .document-element-bar > .document-element-template:last-child:hover {
    border-bottom-left-radius: 0.333em;
    border-bottom-right-radius: 0.333em; }

.document.mod-rearranging .document-section-new-section {
  display: none; }

.document.mod-rearranging .document-section-container {
  margin: 4em auto; }

.document-element-template {
  cursor: move;
  width: 2.5em;
  padding: 0.25em;
  text-align: center;
  line-height: 1em;
  z-index: 100;
  font-size: 1em;
  border-radius: 0;
  color: #333; }

.document-element-template-label {
  font-size: 0.45em;
  line-height: 1em;
  margin-top: 0.333em; }

.document-element-template-sync-icon {
  position: absolute;
  top: -0.375em;
  right: 0.25em;
  font-size: 0.45em;
  color: #2bb0b0; }

.document-element-template.ui-draggable-dragging {
  background-color: #2bb0b0;
  color: white;
  z-index: 120; }

.document-section-element-placeholder {
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #999;
  background-color: #eee;
  height: 3em;
  text-align: center;
  color: #999;
  padding: 0.8em; }
  .document-section-element-placeholder:after {
    content: 'Drop Content Here'; }

.document-section-element.mod-hovering {
  border: 1px solid #ddd; }

.document-section-content {
  border: 1px solid transparent;
  transition: border 200ms;
  position: relative; }

.document-section-content-error {
  position: absolute;
  top: -18px;
  right: 48px;
  z-index: 10;
  color: #e74c3c;
  font-size: 0.9em;
  opacity: 0;
  transition: opacity 500ms; }

.document-layers-region {
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms, visibility 200ms;
  transition-delay: 0.1s;
  position: absolute;
  height: 2em;
  width: 100%;
  bottom: 1.5em;
  z-index: 25;
  max-width: 56.25em;
  white-space: nowrap;
  overflow: hidden; }
  .document-layers-region .layers-layout {
    padding-top: 0; }
  .document-layers-region .layers-tabs-lineitem {
    line-height: 2em;
    min-width: 8em;
    font-size: inherit; }
  .document-layers-region .actions {
    display: none; }

.document-section-content-diagram {
  width: 100%;
  text-align: center; }
  .document-section-content-diagram .sgrip {
    position: absolute;
    height: 1.25em;
    width: 100%;
    border: 1px solid #f5f5f5;
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
    bottom: 0;
    cursor: ns-resize;
    opacity: 0;
    transition: opacity 200ms;
    transition-delay: 0.1s;
    z-index: 10; }
  .document-section-content-diagram .sgrip:before {
    position: absolute;
    top: -2px; }

.document-section-diagram-pin,
.document-section-fleetmap-filter {
  position: absolute;
  top: -1.286em;
  right: 0;
  z-index: 10;
  color: #a5a5a5;
  opacity: 0;
  transition: opacity 500ms;
  font-size: 0.875em; }

.document-section-diagram-pin-text,
.document-section-fleetmap-filter-text {
  -webkit-user-select: text;
  display: inline; }

.document-section-content-image {
  width: 100%;
  height: 0px;
  display: none;
  margin: auto; }

.document-section-element-container {
  position: relative; }

.document-section-element-container:hover > .document-section-content {
  border: 1px solid #ddd; }

.document-section-element-container:hover
> .document-section-processed-content {
  border: 1px solid #ddd; }

.document-section-element-container:hover .sgrip {
  opacity: 0.8;
  transition-delay: 0s; }

.document-section-element-container:hover .document-layers-region {
  opacity: 0.9;
  visibility: visible; }

.document-section-empty-placeholder {
  text-align: center;
  color: #999; }

.document-fleetmap-selector,
.document-quote-selector {
  text-align: center;
  background-color: #eee;
  padding: 1em;
  border: 1px solid #ddd; }

.document-fleetmap {
  font-size: 0.625em;
  text-align: left;
  position: relative; }

.document-fleetmap-table,
.edit-selected-fleetmap-table {
  word-break: break-all; }

.document-fleetmap-table.hidden-fleetmap {
  height: 5em;
  overflow: hidden;
  display: block; }

.document-fleetmap-header-row > th.sortable {
  cursor: s-resize; }
  .document-fleetmap-header-row > th.sortable.sort-asc {
    cursor: n-resize; }
  .document-fleetmap-header-row > th.sortable.sort-desc {
    cursor: s-resize; }

.document-fleetmap-hidden-table {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: white;
  opacity: 0.85;
  z-index: 1;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .document-fleetmap-hidden-table .fa-eye-slash {
    color: #2bb0b0;
    font-size: 4em;
    opacity: 0.5;
    cursor: pointer; }
    .document-fleetmap-hidden-table .fa-eye-slash:hover {
      opacity: 1; }
  .document-fleetmap-hidden-table .document-fleetmap-hidden-text {
    font-size: 1.3em;
    opacity: 0.5; }

.document-fleetmap-row.document-fleetmap-resource-row .table > thead > tr > th,
.document-fleetmap-row.document-fleetmap-resource-row .table > thead > tr > td,
.document-fleetmap-row.document-fleetmap-resource-row .table > tbody > tr > th,
.document-fleetmap-row.document-fleetmap-resource-row .table > tbody > tr > td,
.document-fleetmap-row.document-fleetmap-resource-row .table > tfoot > tr > th,
.document-fleetmap-row.document-fleetmap-resource-row .table > tfoot > tr > td {
  padding: 1em;
  border-top: 0.125em solid #ddd; }

.documents-index-container {
  padding: 14px;
  height: 100%;
  background-color: #eee;
  overflow-y: auto; }

.new-document {
  background-color: #2bb0b0;
  border: 1px solid #618881; }
  .new-document .fa {
    margin-top: 10px;
    text-align: center;
    font-size: 40px; }

.document-preview-name-container {
  display: flex; }
  .document-preview-name-container .document-preview-name-input-container {
    display: flex;
    flex-direction: column; }
  .document-preview-name-container .document-preview-name-edit {
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px;
    display: inline-block;
    min-height: 20px;
    width: 180px;
    max-height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 6px; }
  .document-preview-name-container .document-preview-name-validation {
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 6px 4px 0px; }
  .document-preview-name-container .document-preview-name-character-count {
    color: #bbb; }

.document-layout-container {
  width: 100%;
  font-size: 16px;
  padding-top: 20px; }
  .document-layout-container .table > thead > tr > th,
  .document-layout-container .table > thead > tr > td,
  .document-layout-container .table > tbody > tr > th,
  .document-layout-container .table > tbody > tr > td,
  .document-layout-container .table > tfoot > tr > th,
  .document-layout-container .table > tfoot > tr > td {
    padding: 0.8em;
    border-top: 0.063em solid #ddd; }

.document-container {
  margin: auto; }

.selected-fleetmap-editor-header {
  padding: 0.667em 0.667em 0 0.667em; }
  .selected-fleetmap-editor-header .btn {
    font-size: 1em;
    padding: 0.5em 1em;
    border-radius: 0.333em; }

.selected-diagram-editor-header {
  padding: 0.727em 0.727em 0 0.727em; }

#document-edit-fleetmap-region {
  font-size: 1em;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  z-index: 5;
  opacity: 0;
  padding-left: 3.636em;
  padding-right: 3.636em;
  left: 10%;
  width: 80%;
  position: relative;
  background-color: white;
  box-shadow: 0px 0px 0.364em #666; }
  #document-edit-fleetmap-region h4 {
    font-size: 1.626em; }

.selected-diagram-editor {
  background-color: White;
  position: fixed;
  top: 47px;
  left: 0px;
  right: 0px;
  bottom: 2px;
  z-index: 100; }

.selected-fleetmap-editor {
  font-size: 0.8em; }

.diagram-button {
  border: 2px solid transparent;
  border-radius: 2em;
  color: #2bb0b0;
  cursor: pointer;
  transition: background 100ms, width 100ms, height 100ms, color 100ms;
  position: relative; }
  .diagram-button:hover {
    background-color: #2bb0b0;
    color: white; }
  .diagram-button:active {
    background-color: #218787; }

.edit-selected-fleetmap-map-name {
  padding: 0px; }

.full-selected-diagram-name {
  padding: 0px; }

.edit-selected-fleetmap-button-group {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px; }

.edit-selected-fleetmap-column > .toggle-column-control,
.document-edit-fleetmap-row > .toggle-row-control {
  visibility: hidden;
  text-align: center;
  font-size: 1em;
  padding: 0px; }
  .edit-selected-fleetmap-column > .toggle-column-control i,
  .document-edit-fleetmap-row > .toggle-row-control i {
    border: 0.143em solid transparent;
    border-radius: 2em;
    color: #2bb0b0;
    cursor: pointer;
    transition: background 100ms, width 100ms, height 100ms, color 100ms;
    padding: 0.214em; }
    .edit-selected-fleetmap-column > .toggle-column-control i:hover,
    .document-edit-fleetmap-row > .toggle-row-control i:hover {
      background-color: #2bb0b0;
      color: white; }
    .edit-selected-fleetmap-column > .toggle-column-control i:active,
    .document-edit-fleetmap-row > .toggle-row-control i:active {
      background-color: #218787; }
    .edit-selected-fleetmap-column > .toggle-column-control i.disabled:before,
    .document-edit-fleetmap-row > .toggle-row-control i.disabled:before {
      content: '\F06E'; }

.edit-selected-fleetmap-column > .toggle-column-control {
  margin-bottom: 0.375em; }

.document-edit-fleetmap-row > .toggle-row-control {
  border: none; }

.document-edit-fleetmap-row.disabled > td,
.edit-selected-fleetmap-table td.disabled,
.edit-selected-fleetmap-table th.disabled {
  color: #ddd; }

.edit-selected-fleetmap-card-content {
  width: 100%;
  overflow-x: auto; }
  .edit-selected-fleetmap-card-content .edit-selected-fleetmap-table {
    word-break: break-word; }
    .edit-selected-fleetmap-card-content .edit-selected-fleetmap-table .edit-selected-fleetmap-column {
      min-width: 100px; }

.full-selected-diagram {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 500; }

.full-selected-diagram > .close {
  padding-right: 7px;
  padding-top: 7px; }

.full-selected-diagram-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.document-edit-fleetmap-row > .toggle-row-control {
  display: none;
  z-index: 10;
  text-align: center;
  font-size: 14px; }

.document-all-fleetmap .document-fleetmap {
  border: 1px solid transparent; }

.document-section-element-container:hover .document-all-fleetmap .document-fleetmap {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.documents-container-region {
  display: inline; }

.documents-create-new-document-container {
  display: inline-block;
  cursor: pointer;
  margin-top: 20px;
  padding-left: 70px;
  padding-right: 70px;
  height: 150px;
  width: 280px;
  text-align: center;
  padding-top: 5px;
  font-size: 20px;
  font-weight: bold;
  color: #cccccc;
  text-transform: uppercase; }
  .documents-create-new-document-container .fa {
    font-size: 40px; }

.document-section-empty-placeholder {
  text-align: center;
  margin: 0 auto; }

.document-section-empty-placeholder-title,
.document-section-empty-placeholder-description {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.document-section-empty-placeholder-title {
  font-size: 1.75em;
  margin: 1em 0; }

.document-section-empty-placeholder-description {
  font-size: 0.9em;
  line-height: 1.75em;
  margin-bottom: 1em; }

.document-section-footer {
  color: #ddd;
  word-wrap: break-word; }

.document-section-header-region,
.document-section-footer-region {
  width: 100%; }

.document-section-header-region {
  position: relative; }

.document-section-header-project,
.document-section-header-logo {
  position: absolute;
  top: 1.5em; }

.document-section-header-project {
  text-align: right;
  right: 3em; }

.document-section-header-logo {
  left: 3em; }

.document-diagram-resize-handle {
  text-align: center;
  background-color: #ccc; }

.document-toolbar-back-button-container {
  position: absolute;
  left: 0;
  top: 0; }

.document-toolbar-back-button {
  font-size: 14px;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer; }
  .document-toolbar-back-button:hover {
    background-color: rgba(0, 0, 0, 0.2); }
  .document-toolbar-back-button > i {
    margin-right: 6px; }

.document-toolbar-actions-container {
  position: absolute;
  right: 0;
  top: 0; }
  .document-toolbar-actions-container > .btn {
    line-height: 1.1;
    margin: 2px; }
  .document-toolbar-actions-container .saved-versions-list {
    max-height: 454px;
    overflow-y: auto; }

.toolbar-actions-container .document-toolbar-saved-projects[open].btn-default,
.toolbar-actions-container .document-toolbar-settings[open].btn-default {
  color: #eee;
  background-color: #333; }

@media screen and (max-width: 1184px) {
  #document-edit-fleetmap-region.landscape {
    left: 10em;
    width: 83em; }
  .document-toolbar-create-template:after {
    content: '' !important; } }

@media screen and (max-width: 948px) {
  .document-toolbar-title {
    width: 180px; } }

@media screen and (max-width: 800px) {
  .document-toolbar-title {
    width: 50px; } }

.document-container .fr-element {
  padding: 0; }

.fr-box.fr-basic.fr-top .fr-wrapper.no-shadow {
  box-shadow: none; }

.document-section-inbetween-placeholder {
  height: 2em; }

.new-document-modal-hr-with-text {
  height: 1px;
  background-color: #bbb;
  text-align: center;
  color: #bbb;
  margin: 22px 0 20px 0;
  cursor: default; }
  .new-document-modal-hr-with-text:hover {
    color: #999; }
  .new-document-modal-hr-with-text .new-document-hr-text {
    background-color: #fff;
    position: relative;
    top: -10px;
    padding: 0 10px; }

.new-document-template-select-title {
  margin: 10px 0px; }

.new-document-template-name-validation {
  padding: 6px 2px 0px 2px;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between; }

.new-document-template-name-character-count {
  color: #bbb; }

.new-document-template-name-character-count-margin {
  margin-left: 10px; }

.document-new-view-icon-container {
  min-height: 60px;
  margin-left: 27px;
  background-size: 46px 60px;
  background-repeat: no-repeat;
  background-image: url("/images/document_icon.png"); }

.document-list-manage-templates-container {
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 15px; }

.btn.btn-sm.document-toolbar-create-template {
  font-size: 0.75em;
  padding: 0.417em 0.833em;
  margin-right: 0.417em;
  position: fixed;
  bottom: 1.25em;
  left: 1.25em; }

.manage-templates-button:after {
  content: 'Manage Document Templates'; }

.document-toolbar-container {
  position: relative;
  display: block;
  width: 100%;
  height: 29px; }

.document-list-view-info-container {
  width: 100%;
  height: 31px;
  padding: 5px 10px; }

.doc-placeholder-popover {
  width: 200px;
  height: 100%; }
  .doc-placeholder-popover .doc-content-edit-placeholders-dropdown {
    list-style: none;
    margin: 0;
    padding: 0; }

.document-conntent-logo-placeholder {
  max-width: 670px; }

#placeholders-region {
  position: absolute;
  top: 40px;
  left: -80px; }
  #placeholders-region .doc-placeholders-popover {
    display: inline;
    padding-left: 1px;
    padding-right: 1px; }

.placeholder-container {
  margin-left: 2px;
  margin-right: 2px; }

.no-shadow {
  box-shadow: none !important; }

.empty-placeholders-warning-document {
  color: #e74c3c;
  float: left;
  vertical-align: middle;
  margin-top: 3px; }

#document-edit-block-region,
.document-action-bar-container,
.document-toolbar-create-template {
  font-size: 12px; }

.working-document,
.saved-document {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  cursor: pointer; }
  .working-document:hover,
  .saved-document:hover {
    background-color: #eee; }
    .working-document:hover .document-preview-delete-button,
    .saved-document:hover .document-preview-delete-button {
      display: inherit; }
  .working-document.active,
  .saved-document.active {
    border-left: 2px solid #f5a121;
    cursor: default; }

.saved-version-editor {
  width: 75%; }

.saved-document-editor {
  padding: 6px;
  border-bottom: 1px solid #ddd; }

.saved-document-list-container {
  flex-grow: 1;
  overflow-y: scroll;
  overflow-x: hidden; }

.saved-document-settings {
  display: flex;
  flex-direction: column;
  height: 100%; }

#saved-document-list {
  padding: 0;
  list-style: none; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.organization-backend-document-templates {
  height: 100%;
  background-color: #eee;
  padding: 14px;
  overflow-y: auto; }

.organization-backend-template-toolbar {
  background-color: #218787;
  border-bottom: #218787; }

.organization-documents-header {
  position: relative; }
  .organization-documents-header h4 {
    display: inline-block;
    margin-left: 20px; }

.organization-documents-popover-container {
  display: inline;
  position: absolute;
  top: 10px; }

.new-document-template {
  display: inline-block;
  border: 1px solid #eee;
  height: 140px;
  width: 250px;
  min-width: 250px;
  padding: 10px;
  margin: 5px;
  position: relative;
  cursor: pointer; }
  .new-document-template.selected {
    outline: 2px solid #f5a121; }

.document-template-name-container {
  display: inline-block;
  border: 1px solid transparent;
  font-size: 20px;
  font-weight: 200;
  width: 150px;
  margin-right: 4px;
  overflow: hidden;
  height: 100px;
  line-height: 25px; }

.document-templates {
  display: flex;
  flex-wrap: wrap; }

.document-template-list-view-icon-container {
  width: 70px;
  height: 92px;
  display: inline-block;
  vertical-align: top; }

.document-blank-template-icon-container {
  width: 70px;
  height: 92px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px; }

.doc-template-pub-unpub-buttons .dropdown-toggle {
  padding-left: 0px;
  padding-right: 0px;
  padding: 5px 10px; }

.doc-fleetmap-placeholder {
  text-align: center; }
  .doc-fleetmap-placeholder img {
    width: 100%; }

.doc-template-status-indicator {
  font-size: 11px;
  position: absolute;
  top: 110px;
  width: 70px;
  right: 0px;
  margin-right: 10px;
  padding: 5px 0px;
  text-align: right; }
  .doc-template-status-indicator.node-template-status-unpublished {
    color: #e74c3c; }
  .doc-template-status-indicator.node-template-status-published {
    color: #419a41; }
  .doc-template-status-indicator.node-template-status-modified {
    color: #f5a121; }

.document-template-quote-placeholder {
  font-size: 1.4em;
  color: #c5c4c5; }
  .document-template-quote-placeholder .fa {
    font-size: 3em; }

.doc-placeholder {
  color: white;
  background-color: #2bb0b0;
  border-radius: 10px;
  padding: 1px 2px;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer; }

.doc-placeholder.mod-missing-value {
  background-color: #e74c3c; }

.doc-placeholder.fr-active {
  background-color: #218787; }

.doc-placeholder.mod-missing-value.fr-active {
  background-color: #d62c1a; }

.placeholder-delete-button {
  font-size: 14px;
  cursor: pointer; }

.placeholder-value {
  display: inline-block;
  padding-right: 5px; }

.document-toolbar-title-last-published {
  display: inline; }

.document-template-republish {
  width: 75px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#quote-parts-body {
  padding: 20px; }

#quote-parts {
  background: white;
  padding: 10px;
  width: 56em;
  margin: 0 auto 20px auto; }

#quote-parts-import-region {
  padding-bottom: 20px; }

.quote-parts-file-import-box {
  z-index: 10; }

.quote-parts-content {
  transition: border 200ms; }

.quote-parts-file-import-view {
  text-align: right; }

.quote-parts-title {
  font-size: 1.2em;
  box-shadow: -7px 9px 0px -7px #666, 7px 9px 0px -7px #666;
  display: flex;
  justify-content: space-between; }

.quote-parts-items {
  margin-bottom: 10px; }
  .quote-parts-items .center-col {
    text-align: center; }
  .quote-parts-items .right-col {
    text-align: right; }

.quote-parts-items td {
  font-size: 0.8em; }

.quote-parts-items th {
  font-size: 0.8em;
  text-align: center;
  cursor: pointer; }
  .quote-parts-items th .fa {
    margin-left: 10px; }

.quote-part-nav-buttons {
  display: flex;
  justify-content: space-between; }

.quote-new-part-trigger {
  cursor: pointer;
  color: #999;
  transition: color 200ms;
  padding: 10px;
  font-size: 0.9em;
  text-align: center; }

.quote-parts-export.btn.btn-warning {
  padding: 3px 10px;
  height: 26px;
  font-size: 12px;
  line-height: 1.5; }

.new-quote-part-form [contenteditable='true']:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: #aaa; }

.new-quote-part-form .input-wrapper input,
.new-quote-part-form .input-wrapper [contenteditable='true'] {
  box-shadow: -7px 9px 0px -7px #2bb0b0, 7px 9px 0px -7px #2bb0b0; }

.quote-parts-items .quote-part-item-tool-cell {
  position: relative;
  padding: 8px 0;
  border-bottom: none; }

.quote-parts {
  cursor: pointer;
  color: #2bb0b0; }
  .quote-parts .fa-stack-1x,
  .quote-parts .fa-stack-2x {
    transition: color 200ms; }
  .quote-parts:hover .fa-stack-2x {
    color: #2bb0b0; }
  .quote-parts:hover .fa-stack-1x {
    color: white; }

.quote-part-item-tool-cell .quote-parts {
  position: absolute;
  top: 0.4em;
  opacity: 0;
  transition: opacity 200ms; }
  .quote-part-item-tool-cell .quote-parts.trash {
    right: -2.3em; }

.quote-part-line-item > td {
  transition: background-color 200ms; }

.quote-part-line-item:hover .input-wrapper input,
.quote-part-line-item:hover .input-wrapper [contenteditable='true'],
.quote-part-line-item.focus .input-wrapper input,
.quote-part-line-item.focus .input-wrapper [contenteditable='true'] {
  box-shadow: -7px 9px 0px -7px #2bb0b0, 7px 9px 0px -7px #2bb0b0; }

.quote-part-line-item:hover .quote-parts,
.quote-part-line-item.focus .quote-parts {
  opacity: 1; }

.quote-part-title-error {
  font-size: 10px;
  padding-top: 4px;
  color: red; }

.quote-parts-title .btn-group {
  float: right; }
  .quote-parts-title .btn-group .btn {
    padding: 3px 10px;
    height: 26px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0; }
  .quote-parts-title .btn-group .btn.delete-all-parts {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175); }
  .quote-parts-title .btn-group.open > .btn.delete-all-parts {
    display: block; }

.quote-parts-download-csv {
  display: none;
  float: right; }

#quote-settings-region {
  width: 56em;
  background-color: white;
  margin: 1em auto; }
  #quote-settings-region .organization-quote-enabled-form .button-switch,
  #quote-settings-region .organization-custom-items-enabled-form .button-switch,
  #quote-settings-region .organization-tax-label-form .button-switch,
  #quote-settings-region .organization-hide-part-form .button-switch {
    width: 120px;
    margin: 0;
    margin-left: -10px;
    float: right; }
    #quote-settings-region .organization-quote-enabled-form .button-switch .button-switch-label,
    #quote-settings-region .organization-custom-items-enabled-form .button-switch .button-switch-label,
    #quote-settings-region .organization-tax-label-form .button-switch .button-switch-label,
    #quote-settings-region .organization-hide-part-form .button-switch .button-switch-label {
      width: 120px; }
  #quote-settings-region .sales-mode-contact-form {
    float: right;
    width: 120px;
    height: 25px;
    border-radius: 0;
    padding: 1px; }
  #quote-settings-region .organization-quote-enabled-form .button-switch {
    margin-top: -30px; }
  #quote-settings-region .organization-next-quote-number-form,
  #quote-settings-region .organization-quote-prefix-form {
    text-align: right; }
  #quote-settings-region #organization-next-quote-number-input,
  #quote-settings-region #organization-quote-prefix-input {
    width: 120px; }
  #quote-settings-region #organization-quote-currency-select {
    width: 120px; }

.quote-parts-search-box {
  width: initial;
  float: right;
  border: 0;
  outline: none;
  box-shadow: inherit;
  font-size: 15px;
  background-color: transparent; }

.quote-parts-list {
  position: relative; }

.loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  opacity: 0;
  transition: opacity 200;
  text-align: center;
  font-size: 2.2em;
  padding-top: 100px;
  background-color: #eee; }

.loading-overlay.in-progress {
  display: block;
  opacity: 0.8; }

.quote-part-pages > small {
  color: #ddd; }

.quote-parts-header-mapping-tool table {
  color: #333; }
  .quote-parts-header-mapping-tool table select {
    float: right; }

.quote-parts-header-mapping-tool .quote-parts-header-mapping-error {
  color: red; }
.floorplan-scale-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  overflow-y: auto;
  transition: opacity 400ms;
  z-index: 1051; }

#floorplan-scale-main-region {
  background-color: #fff;
  position: relative;
  left: 6%;
  width: calc(100% - calc(2 * 6%));
  height: calc(100% - calc(2 * 30px));
  top: 30px;
  padding: 10px;
  border-radius: 5px; }
  #floorplan-scale-main-region a.cancel {
    position: absolute;
    right: -10;
    top: -10; }

#floorplan-scale-upload-control {
  width: 100%;
  height: 100%; }
  #floorplan-scale-upload-control .upload-area,
  #floorplan-scale-upload-control .fr-image-upload-layer {
    width: 100%;
    height: 100%; }

.floorplan-scale-tool {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

#floorplan-scale-diagram {
  width: 100%;
  height: 100%;
  border: solid 1px black; }

.floorplan-scale-calibration-explainer {
  width: 250px;
  padding: 10px; }
  .floorplan-scale-calibration-explainer input {
    width: 100%;
    margin-bottom: 10px; }

#floorplan-scale-tool-calibration-btn {
  margin-bottom: 10px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
.sidebar-list-collection-region.large .library-template,
.sidebar-list-collection-region.large .library-item-selected-overlay,
.sidebar-list-collection-region.large .library-item-mousevents-overlay {
  width: 90px; }

.sidebar-list-collection-region.large .library-item-selected-icon {
  margin-left: 58px; }

.sidebar-list-collection-region.medium .library-template,
.sidebar-list-collection-region.medium .library-item-selected-overlay,
.sidebar-list-collection-region.medium .library-item-mousevents-overlay {
  width: 62px; }

.sidebar-list-collection-region.medium .library-item-selected-icon {
  margin-left: 32px; }

.sidebar-list-collection-region.small .library-template,
.sidebar-list-collection-region.small .library-item-selected-overlay,
.sidebar-list-collection-region.small .library-item-mousevents-overlay {
  width: 45px;
  height: 60px; }

.sidebar-list-collection-region.small .library-item-selected-icon {
  margin-left: 19px; }

.sidebar-list-collection-region.small .library-template-name {
  display: none; }

.sidebar-list-collection-region.small .library-template:hover .library-template-name {
  display: block; }

.library-list-user-title,
.library-list-title {
  color: #888;
  font-size: 12px;
  padding: 5px 10px;
  font-family: Fira Sans Condensed; }

.library-list-user-title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4;
  background: white;
  padding-bottom: 8px; }

#library-list-header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  #library-list-header > div:hover {
    background: #eee; }

.library-list-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: white; }

.library-list-navicon {
  padding: 0 2px 0 2px;
  font-size: 20px;
  color: #888; }

.library-list-empty-results {
  width: 100%;
  padding: 0 10px;
  text-align: center;
  margin-top: 10px;
  color: #333; }

.library-template,
.library-node {
  width: 99px;
  height: 80px;
  padding: 2px;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column; }
  .library-template:hover .library-item-mousevents-overlay,
  .library-node:hover .library-item-mousevents-overlay {
    opacity: 0.1; }
  .library-template:active .library-item-mousevents-overlay,
  .library-node:active .library-item-mousevents-overlay {
    opacity: 0.16; }
  .library-template:hover, .library-template:active,
  .library-node:hover,
  .library-node:active {
    z-index: 2; }
    .library-template:hover .library-template-name,
    .library-template:hover .library-node-name, .library-template:active .library-template-name,
    .library-template:active .library-node-name,
    .library-node:hover .library-template-name,
    .library-node:hover .library-node-name,
    .library-node:active .library-template-name,
    .library-node:active .library-node-name {
      max-height: 100%;
      overflow: visible; }
  .library-template:hover.ui-draggable-dragging,
  .library-node:hover.ui-draggable-dragging {
    border: none;
    box-shadow: none; }
    .library-template:hover.ui-draggable-dragging .library-template-name,
    .library-template:hover.ui-draggable-dragging .library-node-name,
    .library-node:hover.ui-draggable-dragging .library-template-name,
    .library-node:hover.ui-draggable-dragging .library-node-name {
      background: transparent; }
  .library-template .library-item-mousevents-overlay,
  .library-template .library-item-selected-overlay,
  .library-node .library-item-mousevents-overlay,
  .library-node .library-item-selected-overlay {
    position: absolute;
    width: 99px;
    height: 80px;
    margin-top: -2px;
    margin-left: -2px;
    background-color: #000;
    pointer-events: none; }
  .library-template .library-item-mousevents-overlay,
  .library-node .library-item-mousevents-overlay {
    opacity: 0; }
  .library-template .library-item-selected-overlay,
  .library-node .library-item-selected-overlay {
    opacity: 0.22; }
  .library-template .library-item-selected-icon,
  .library-node .library-item-selected-icon {
    position: absolute;
    margin-left: 68px;
    pointer-events: none; }
  .library-template .library-item-selected-circle,
  .library-node .library-item-selected-circle {
    color: #fff; }
  .library-template .library-item-selected-check,
  .library-node .library-item-selected-check {
    color: #999; }

.library-item-quote-indicator {
  position: absolute;
  color: #999;
  padding: 2px 5px; }

.library-template-image,
.library-node-image {
  width: 90%;
  height: 40px;
  text-align: center;
  margin: 1px auto;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center; }
  .library-template-image img,
  .library-node-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.library-template-name,
.library-node-name {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  line-height: 11px;
  overflow: hidden;
  flex-grow: 1;
  padding-top: 4px; }

.library-template-manufacturer {
  display: none;
  text-align: center;
  font-size: 8px;
  font-weight: bold; }

#sidebar-action-region {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30px;
  border-top: 1px solid #333; }

.library-actions,
.library-actions-container {
  height: 100%; }

.library-actions-container {
  display: flex; }

.library-actions-container > div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #666;
  width: 100%; }

.library-actions-container > div:not(:last-child) {
  border-right: 1px solid #333; }

.library-action.create,
.library-action.manage {
  background: #fff; }
  .library-action.create:hover,
  .library-action.manage:hover {
    background: #eee;
    color: #666; }

.library-action {
  background: #ddd; }

.library-action:hover {
  color: #000; }
  .library-action:hover.mod-branch {
    background: #3d64be; }
  .library-action:hover.mod-promote {
    background: #27ae60; }
  .library-action:hover.mod-edit {
    background: #f5a121; }
  .library-action:hover.mod-delete {
    background: #e74c3c; }
  .library-action:hover.mod-info {
    background: #aaa; }

i + .library-action-title {
  margin-left: 10px; }

.library-search-layout {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.library-search-heading {
  padding: 5px 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white;
  z-index: 4;
  border-bottom: 1px solid #eeee; }

.library-search-title {
  color: #888;
  font-size: 12px;
  font-family: Fira Sans Condensed; }

.library-search-bar {
  padding: 5px 0;
  display: flex;
  align-items: center; }

#library-search-input {
  width: 100%;
  padding: 1px 5px; }

#library-search-input::-webkit-input-placeholder {
  color: #aaa; }

#library-search-input::-ms-input-placeholder {
  color: #aaa; }

#library-search-input::placeholder {
  color: #aaa; }

.library-search-results {
  margin-top: 10px; }

.library-search-results-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  outline: none; }
  .library-search-results-container .library-template-manufacturer {
    display: block; }
  .library-search-results-container .library-template {
    margin-bottom: 10px; }

.library-loading-container {
  margin-top: 10px; }

.library-search-clear {
  cursor: pointer;
  color: #999;
  font-size: 14px; }

.library-search-empty-results {
  width: 100%;
  padding: 0 10px;
  margin-top: 10px;
  color: #333; }

#sidebar-toolbar-region {
  height: 100%; }

.library-toolbar-container {
  display: flex;
  justify-content: space-between;
  color: #333;
  height: 100%; }

.library-toolbar-actions {
  display: flex;
  width: 100%; }

.library-toolbar-button {
  cursor: pointer;
  padding: 0 10px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9870a;
  color: #333;
  position: relative; }
  .library-toolbar-button:hover, .library-toolbar-button.active {
    background-color: #f5a121;
    color: #333; }

.library-toolbar-button > .d3m-sync {
  font-weight: bold; }

.sync-notification-indicator, .library-toolbar-button-indicator, .sync-notification-indicator-inline {
  background-color: #e74c3c;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50%; }

.library-toolbar-button-indicator {
  position: absolute;
  top: 4px;
  right: 12px; }

.sync-notification-indicator-inline {
  display: inline-block; }

.library-menu-container,
.library-summary-layout {
  background: #fff;
  color: #333;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.library-menu-header,
.library-summary-header {
  padding: 5px 10px;
  font-size: 12px;
  font-family: Fira Sans Condensed; }

.library-summary-header {
  background: white;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4; }

.library-menu-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .library-menu-header:hover {
    background: #eee; }

.library-menu-close {
  cursor: pointer; }

.library-menu-section-items,
.library-menu-settings-items {
  flex-direction: column;
  padding: 5px 0;
  background-color: #f9f9f9; }

.library-menu-section-item {
  padding: 3px 0 2px 5px;
  cursor: pointer;
  display: flex;
  align-items: center; }
  .library-menu-section-item:hover {
    background: #f5a121; }

.library-menu-item-name {
  padding: 1px 0 1px 19px;
  max-width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px; }

.library-menu-item-name.selected {
  padding-left: 5px; }

.library-menu-item-name.suggested {
  padding-left: 5px;
  color: #999; }

.library-menu-section-item .fa.suggested {
  color: #999; }

.library-menu-container input[type='radio'] {
  display: none; }

.library-menu-container input[type='radio'] + label .fa-circle {
  display: none; }

.library-menu-container input[type='radio'] + label:hover .fa-circle-o {
  color: #666; }

.library-menu-container input[type='radio']:checked + label .fa-circle {
  display: block;
  color: #666; }

.library-menu-settings-items {
  padding: 0; }

.library-menu-settings-items > label {
  display: flex;
  margin-bottom: 0;
  font-weight: normal;
  align-items: center; }

.library-menu-settings-items > input,
.library-menu-settings-items > label {
  cursor: pointer; }

.library-menu-settings-option-title {
  text-transform: capitalize;
  font-family: Fira Sans Condensed;
  font-size: 12px;
  color: #888; }

.library-menu-settings-title {
  color: #666;
  font-size: 12px;
  font-family: Fira Sans Condensed;
  padding: 10px 0 4px 8px; }

.library-node.ignored {
  opacity: 0.6; }

.library-summary-icon-container {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  border-bottom: 1px solid #eee;
  padding: 5px 10px;
  color: #999;
  background: white;
  cursor: pointer; }
  .library-summary-icon-container .fa {
    float: right; }

.library-summary-container-name {
  text-overflow: ellipsis;
  max-width: 175px;
  overflow: hidden;
  white-space: nowrap;
  font-family: Fira Sans Condensed;
  text-transform: capitalize; }

.library-summary-container-items:not(:empty) {
  padding: 2px 2px 12px 2px; }

.library-summary-container-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #f9f9f9; }

.library-message {
  padding-top: 50px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.navigation-panel-layout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  margin-right: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#items-region {
  overflow-x: hidden;
  overflow-y: auto; }

.navigation-panel-zoom-options {
  width: 90px;
  height: 25px;
  font-size: 16.5px;
  background-color: #fff; }

.navigation-panel-zoom-button,
.zoom-to-item-button {
  cursor: pointer; }

.navigation-panel-zoom-button {
  display: inline-block;
  height: 25px;
  width: 25px;
  color: #bfbfbf;
  text-align: center;
  border-radius: 50%; }
  .navigation-panel-zoom-button:hover {
    color: #fff;
    background-color: #2bb0b0; }

.zoom-to-item-button {
  display: flex;
  width: 90px;
  height: 25px;
  margin-top: 5px;
  padding: 5px 12px 5px 5px;
  font-size: 11px;
  align-items: center;
  color: #454545;
  background-color: #bfbfbf; }
  .zoom-to-item-button:hover {
    color: #fff;
    background-color: #454545; }

.item-icon-container {
  margin-right: 5px; }

.item-name-container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.navigation-panel-zoom-button .d3m-fullscreen {
  font-size: 0.9em;
  vertical-align: middle; }

.item-icon-container .item-icon {
  font-size: 1.5em;
  vertical-align: middle; }
.canvas-region,
.physical-region,
.floorplan-region {
  height: calc(100% - 30px);
  width: 100%;
  background-color: white; }
  .canvas-region textarea,
  .physical-region textarea,
  .floorplan-region textarea {
    font-family: Helvetica, Arial, sans-serif; }

.canvas-region textarea.start {
  overflow: hidden; }

.manage-list-lineitem {
  position: relative; }
  .manage-list-lineitem .fa {
    margin-top: 3px;
    float: right; }
  .manage-list-lineitem .layers-region,
  .manage-list-lineitem .tags-region,
  .manage-list-lineitem .layers-remove-region {
    left: 185px;
    top: -10px;
    width: 150px;
    position: absolute;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background: transparent;
    background-clip: padding-box; }
    .manage-list-lineitem .layers-region .dropdown,
    .manage-list-lineitem .tags-region .dropdown,
    .manage-list-lineitem .layers-remove-region .dropdown {
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      margin-left: 5px; }

.manage-list-selection-dropdown-container .dropdown-menu {
  display: inherit; }

#context-menu-region .dropdown-menu {
  z-index: 1011;
  min-width: 190px; }

#main-region #navigation-panel-region {
  display: flex;
  max-height: 60%;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 9; }

#new-rack-button,
#new-floorplan-button {
  transition: background 100ms, color 100ms;
  font-size: 12px; }
  #new-rack-button:hover,
  #new-floorplan-button:hover {
    background-color: #333;
    color: white; }
.diagram-inspector-sidebar {
  display: inline-block;
  float: left;
  height: 100%; }

.inspector-container {
  position: relative;
  float: left;
  z-index: 3;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 3.5em;
  color: #fff;
  background-color: #333333;
  font-size: 12px; }
  .inspector-container > select {
    width: 100%;
    color: #fff;
    background-color: #be0f17;
    border: none;
    padding: 0.33em; }
    .inspector-container > select option {
      background-color: #333333; }

.inspector-content {
  height: 100%; }

.inspector-section h3 {
  font-size: 1em;
  margin: 0.5em 0 0 0.333em; }

.inspector label.make-inline {
  margin-left: 10px; }

.inspector label.property-name {
  text-align: right; }

.inspector input {
  background-color: #333333;
  border: none;
  padding: 0.1666em 0.5em; }

.inspector select {
  color: #fff;
  background-color: #333333;
  border: none;
  padding: 0.33em; }

.inspector select,
.inspector label.property-name,
.inspector input {
  width: 50%; }

.inspector input[type='checkbox'] {
  width: 1em;
  margin-left: calc(50% - 1em); }

.inspector-group {
  background-color: #737373;
  border-radius: 2px;
  margin: 0.33em;
  padding: 0.33em; }
  .inspector-group .row {
    margin: 0 0 0.1666em; }
  .inspector-group .cell {
    display: inline-block;
    width: 50%;
    text-align: right; }
    .inspector-group .cell label {
      margin-right: 0.33em; }
    .inspector-group .cell input {
      width: 6.33em; }
  .inspector-group input[type='checkbox'] {
    display: inline-block; }

.inspector-button-container input[type='button'] {
  background-color: #737373;
  border: none;
  border-radius: 0.1666em;
  padding: 0.333em 1em;
  margin-left: 0.333em; }
  .inspector-button-container input[type='button']:hover {
    background-color: #5f5f5f; }
  .inspector-button-container input[type='button']:active {
    background-color: #4d4d4d; }
.floorplan-call-to-action {
  position: relative;
  top: 2px;
  right: 170px;
  z-index: 2;
  width: 236px;
  height: 115px;
  background-image: url("https://s3.amazonaws.com/d3m-misc/site_plan_cta.png");
  background-repeat: no-repeat;
  background-size: 100% auto; }

#new-floorplan-button {
  max-width: 123px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

#project-files {
  height: 100%; }

.divider-vertical {
  float: left;
  height: 29px;
  border-left: 1px solid #ddd; }

#files-delete-all-button,
#files-download-all-button {
  margin: 2px;
  padding: 2.5px 5.93px;
  float: left;
  border-radius: 0px; }

.file-folder-actions {
  float: left; }

form.direct-upload {
  display: inline; }
  form.direct-upload .files-folders-toolbar-action-button {
    float: left;
    color: white;
    background-color: #2bb0b0;
    font-weight: normal;
    margin: 2px;
    padding-left: 6px;
    padding-right: 6px;
    height: 25px;
    line-height: 25px; }
    form.direct-upload .files-folders-toolbar-action-button:hover {
      cursor: pointer; }
    form.direct-upload .files-folders-toolbar-action-button:active {
      background-color: #218787; }
  form.direct-upload #file-input {
    display: none; }

.mass-select-check-box-container {
  text-align: center; }

.folder-sidebar-container {
  height: 100%; }
  .folder-sidebar-container .folder-list-container {
    height: 100%;
    overflow-x: scroll; }
  .folder-sidebar-container .actions {
    width: 10px;
    text-align: left;
    color: #383535;
    display: inline;
    float: left; }
  .folder-sidebar-container .folder-list {
    height: calc(100% - 9px);
    overflow-y: scroll; }

#folder-cluster {
  padding-left: 10px;
  margin-bottom: 3px; }

.folder-row {
  margin: 0 5 0 5;
  white-space: nowrap; }

.folder-caret {
  display: inline-block;
  width: 5px; }
  .folder-caret i {
    cursor: pointer; }

.folder-actions {
  display: none;
  position: fixed;
  left: 130px; }
  .folder-actions a {
    background-color: white;
    border-radius: 2px;
    border: 1px solid #ddd;
    margin-left: 2px;
    text-align: center; }
  .folder-actions .folder-edit-action {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 4px;
    cursor: pointer; }
  .folder-actions .folder-edit-action:hover {
    text-decoration: none;
    color: black; }
  .folder-actions .folder-delete-action {
    padding: 2px;
    cursor: pointer; }

.folder-links {
  display: inline-block;
  width: 90%;
  cursor: pointer; }
  .folder-links a {
    display: inline-block;
    width: 90%; }
    .folder-links a:hover {
      text-decoration: none; }

.folder-row:hover .folder-actions {
  display: inline; }

#folder-row .table-folders-cell:hover {
  cursor: pointer; }

.folder-title-error-reporting-label {
  display: inline;
  color: #e74c3c;
  margin-left: 5px;
  margin-right: 5px; }

.folder-title-error-reporting-wrapper {
  border: 1px solid #e74c3c; }

.select-folder-button {
  font-size: 15px;
  color: black;
  cursor: pointer; }

.drag-helper {
  border: 1px solid black;
  background-color: white;
  text-align: center;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 2px;
  z-index: 999; }

.table-folders {
  width: 100%;
  min-width: 1000px;
  height: calc(100% - 35px);
  overflow-y: auto; }

.table-folders-headers {
  width: 100%;
  height: 30px;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  display: flex; }

.table-folders-header {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  height: 30px;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px;
  font-weight: bold; }

.table-folders-row {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ddd;
  position: relative; }

.table-folders-cell,
.table-folders-cell-actions,
.table-folders-cell-cancel-upload,
.table-folders-cell-uploading {
  padding-left: 5px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-left: 1px solid #ddd; }

.table-folders-header.size,
.table-folders-cell.size {
  width: 100px; }

.table-folders-cell.size {
  text-align: right;
  padding-right: 5px; }

.table-folders-header.email,
.table-folders-cell.email {
  width: 160px; }

.table-folders-header.updated-at,
.table-folders-header.created-at,
.table-folders-cell.created-at,
.table-folders-cell.updated-at {
  width: 170px; }

.table-folders-cell-actions,
.table-folders-header.actions,
.table-folders-cell-cancel-upload {
  width: 115px; }

.table-folders-header.actions {
  border-right: none; }

.table-folders-header.select,
.table-folders-cell.select {
  width: 40px;
  border-left: none;
  vertical-align: middle;
  text-align: center; }

.table-folders-header.select {
  background-color: white; }

.table-folders-cell.name,
.table-folders-header.name {
  flex-grow: 1;
  flex-basis: 0; }

.table-folders-cell.name {
  border-left-color: transparent; }

.table-folders-cell-uploading {
  width: 600px; }

.table-folders-cell-cancel-upload .cancel {
  margin-bottom: 3px;
  margin-left: 2px; }

.progress-bar-container {
  width: 100%;
  padding-top: 7px;
  padding-left: 5px;
  padding-right: 5px; }
  .progress-bar-container .progress {
    margin-bottom: 0px; }

.table-folders-row:hover .draggers {
  display: inherit; }

.draggers {
  float: left;
  display: none;
  text-align: left;
  position: absolute;
  margin-top: 5px;
  line-height: 16px; }

.no-files-text {
  margin: auto;
  width: 300px;
  text-align: center;
  font-size: 20px; }

.action-button {
  margin-top: 8px; }

.no-folders-spinner {
  text-align: center;
  margin-top: 20px; }

.list-folder-link-hovering {
  background-color: #eceaea;
  border-radius: 2px;
  margin-right: 2px; }

.show-folder-link-hovering {
  background-color: #eceaea; }

.folder-link-container,
.folder-icon-container {
  color: #454545; }

#project-files label.checkbox {
  margin-left: 16px;
  margin-top: -1px; }

#project-files .mass-select-check-box-container label.checkbox {
  margin-top: 1px;
  margin-left: 15px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.layer-line-item {
  min-height: 24px;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px; }
  .layer-line-item:hover {
    cursor: pointer;
    background-color: rgba(170, 221, 221, 0.2); }

.layers-region .fa {
  padding: 0px 2px;
  float: left; }

.non-selected-layer-placeholder {
  width: 18px;
  height: 10px;
  float: left; }

.layers-layout {
  display: flex;
  padding-top: 18px; }

.layers-layout > div {
  margin-left: 2px; }

#layers-tabs-region {
  height: 45px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1010;
  max-width: 900px;
  white-space: nowrap;
  overflow: hidden; }
  #layers-tabs-region.layers-sidebar-open {
    left: 220px; }

.layer-tabs-container {
  display: flex; }

.half-transparent {
  opacity: 0.5; }

.layers-tabs-lineitem {
  padding: 0px 5px;
  line-height: 24px;
  background-color: #dddddd;
  margin-left: 1px;
  margin-right: 1px;
  min-width: 90px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  position: relative; }
  .layers-tabs-lineitem .actions {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 0px; }
  .layers-tabs-lineitem .action {
    cursor: pointer; }
    .layers-tabs-lineitem .action:hover {
      color: #000; }
  .layers-tabs-lineitem:hover .actions {
    display: inline-block; }

.add-new-layer {
  border: 1px solid #999;
  padding: 2.5px 6px;
  height: 25px;
  line-height: 24px;
  display: inline;
  cursor: pointer;
  background-color: #bbb;
  color: white; }
  .add-new-layer:hover {
    border-color: #666;
    background-color: #999; }

.layer-edit-input {
  height: 20px;
  display: inline; }

.layer-edit-input.has-error {
  border-color: 1px solid red;
  outline-color: red; }

.save-layer {
  display: inline;
  cursor: pointer;
  padding: 1px 3px; }
  .save-layer:hover {
    color: #000; }

.edit-layer {
  margin-right: 1px; }
  .edit-layer .fa {
    padding-left: 2px;
    margin-right: -2px; }

.delete-layer .fa {
  padding-left: 2px;
  padding-right: 2px; }

.layers-tabs-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

.tag-line-item {
  min-height: 24px;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px; }
  .tag-line-item:hover {
    cursor: pointer;
    background-color: rgba(170, 221, 221, 0.2); }

.tags-region .fa {
  padding: 0px 2px;
  float: left; }

.non-selected-tag-placeholder {
  width: 18px;
  height: 10px;
  float: left; }

.tags-layout {
  display: flex;
  padding-top: 18px; }

.tags-layout > div {
  margin-left: 2px; }
.rack-call-to-action {
  position: relative;
  top: 2px;
  right: 170px;
  z-index: 2;
  width: 236px;
  height: 115px;
  background-image: url("https://s3.amazonaws.com/d3m-misc/rack_cta2.png");
  background-repeat: no-repeat;
  background-size: 100% auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .rack-call-to-action {
      background-image: url("https://s3.amazonaws.com/d3m-misc/rack_cta2@2x.png"); } }

#container-button {
  max-width: 42px; }

.container-call-to-action {
  position: relative;
  top: 2px;
  right: 22px;
  z-index: 2;
  overflow: hidden;
  width: 236px;
  height: 115px;
  background-image: url("https://s3.amazonaws.com/d3m-misc/cta-bubble-blank-left.png");
  background-repeat: no-repeat;
  background-size: 100% auto; }

.container-call-to-action-text {
  color: #fff;
  padding: 5px 10px;
  height: calc(100% - 31px);
  white-space: normal;
  margin-top: 20px; }

#new-rack-button {
  max-width: 84px; }
:root {
  --brand-primary-lighten: #e2f8f8;
  --brand-primary: #2bb0b0;
  --brand-primary-darken: #218787; }

/*
 * Example Usage
 *

.class {
  cursor: pointer;
  @include whitelabel-bg($brand-primary);
}

*/
#quote-container {
  display: flex;
  justify-content: center;
  width: 78em;
  margin: 1em auto;
  margin-bottom: 2em; }

#quote,
#no-quote {
  background: white;
  padding: 20px 0;
  box-shadow: 0px 2px 4px #666;
  width: 56em; }

#quote-margin-region,
#quote-finance-region {
  background: white;
  padding: 1em;
  box-shadow: 0px 2px 4px #666;
  width: 19em;
  height: calc(100% - 3em); }
  #quote-margin-region.quote-non-member-finance,
  #quote-finance-region.quote-non-member-finance {
    background: repeating-linear-gradient(45deg, #eee, #eee 10px, #e5e5e5 10px, #e5e5e5 20px);
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #666; }
    #quote-margin-region.quote-non-member-finance:before,
    #quote-finance-region.quote-non-member-finance:before {
      content: "Financials are only available to members of the project owner's organization"; }

#quote-margin-container {
  margin-left: 2em;
  height: calc(100% - 16em); }

#quote-finance-container {
  margin-left: 2em;
  margin-top: 2em;
  height: 14em; }

.quote-finance-columns {
  display: flex;
  align-items: center;
  height: 100%; }

.quote-finance-split {
  width: 50%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.5em; }

.quote-finance-currency {
  color: #2bb0b0; }

#quote-nodes-proposed-parts-region {
  position: absolute;
  left: 50%;
  margin-bottom: 5em; }
  #quote-nodes-proposed-parts-region table {
    background: white;
    box-shadow: 0px 0px 4px #666;
    width: 78em;
    margin: auto;
    left: -50%;
    position: relative; }

.quote-window-title-bar {
  padding: 0.8em 2em;
  background-color: #f8c06a;
  color: white;
  height: 3em;
  font-weight: bold;
  text-transform: uppercase; }

#quote-toolbar-region {
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  background-color: #2bb0b0;
  color: #333;
  border-bottom: 1px solid #218787;
  height: 30px;
  z-index: 11;
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.quote-toolbar-export,
.price-book-selection-dropdown > button {
  margin: 2px;
  padding: 5px 5px;
  height: 26px;
  font-size: 12px; }

.price-book-selection-dropdown > button {
  width: 125px; }

.quote-toolbar-title {
  margin: auto;
  width: calc(100% - 250px);
  padding: 4px;
  color: white;
  font-size: 14px;
  text-align: center; }

.input-wrapper input,
.input-wrapper [contenteditable='true'] {
  border: 0;
  width: 100%;
  outline: none;
  transition: box-shadow 200ms;
  background-color: transparent;
  text-align: inherit; }
  .input-wrapper input:focus,
  .input-wrapper [contenteditable='true']:focus {
    box-shadow: 0px 2px 0px 0px #f5a121 !important; }

.quote-section.ui-sortable-helper {
  background-color: white;
  padding: 25px 0;
  overflow: hidden; }

.quote-section-left-tools {
  padding-left: 0.9em; }

.quote-section-right-tools {
  padding-right: 0.9em;
  top: 0;
  right: 0; }

.quote-section-left-tools,
.quote-section-right-tools,
.quote-line-item-tool-left,
.quote-line-item-tool-right {
  opacity: 0;
  transition: opacity 200ms;
  position: absolute; }

.quote-section-item-init-area {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.quote-section-dropdown-region {
  position: absolute;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2;
  width: 50em; }

.quote-section-dropdown-region > table {
  margin-bottom: 0px; }

.quote-section-dropdown-list {
  border: 1px solid #eee;
  position: relative;
  border-top: 0px;
  cursor: pointer; }
  .quote-section-dropdown-list .center-col {
    text-align: center; }
  .quote-section-dropdown-list .right-col {
    text-align: right; }

.quote-section-dropdown-list tr.selected {
  background-color: #2bb0b0;
  color: white; }

.quote-section-dropdown-list tr:first-child td {
  border-top: 0px; }

.quote-section-dropdown-list td {
  font-size: 0.8em; }

.quote-section-dropdown-description {
  padding-left: 1em; }

.quote-tool {
  cursor: pointer;
  color: #2bb0b0; }
  .quote-tool .fa-stack-1x,
  .quote-tool .fa-stack-2x {
    transition: color 200ms; }
  .quote-tool:hover .fa-stack-2x {
    color: #2bb0b0; }
  .quote-tool:hover .fa-stack-1x {
    color: white; }

.quote-line-item-unsynced {
  color: #f5a121;
  cursor: pointer; }
  .quote-line-item-unsynced + .popover {
    word-break: keep-all; }
  .quote-line-item-unsynced.from-diagram {
    color: #e74c3c; }

.quote-line-item-tool-cell .dropdown-menu {
  top: 30px;
  opacity: 0;
  transition: opacity 200ms; }

.quote-line-item-tool-cell .quote-tool {
  position: absolute;
  top: -0.2em;
  opacity: 0;
  transition: opacity 200ms; }
  .quote-line-item-tool-cell .quote-tool.move {
    left: -2.3em; }
  .quote-line-item-tool-cell .quote-tool.trash {
    right: -2.3em; }
  .quote-line-item-tool-cell .quote-tool.discount {
    top: 0.8em; }

.quote-line-item-tool-left {
  left: -1.4em; }

.quote-line-item-tool-right {
  right: -1.4em; }

.quote-section-content .quote-line-item-tool-cell {
  position: relative;
  padding: 8px 0; }

.quote-section-right-table {
  position: absolute;
  border: 0;
  height: 32px;
  margin-left: 8em;
  width: 20em; }

.quote-section-right-table tr th,
.quote-section-right-table tr td {
  font-size: 1em; }

.quote-section-item-region,
.sortable-line-items {
  height: 15px; }

.table > tbody > tr > td.quote-line-item-right-table {
  position: absolute;
  border: 0;
  padding: 0;
  margin-left: 8em;
  width: 20em; }
  .table > tbody > tr > td.quote-line-item-right-table td {
    padding: 8px;
    font-size: 1em;
    vertical-align: top; }

.table.quote-section-line-items tbody > tr > td,
.table.quote-section-line-items thead > tr > th {
  border: none; }

.quote-section-container {
  position: relative;
  margin-bottom: 2em; }

.quote-section-container:hover .quote-section-left-tools,
.quote-section-container:hover .quote-section-right-tools {
  opacity: 1; }

.quote-section-line-items,
.quote-nodes-items {
  margin-bottom: 0; }
  .quote-section-line-items .center-col,
  .quote-nodes-items .center-col {
    text-align: center; }
  .quote-section-line-items .right-col,
  .quote-nodes-items .right-col {
    text-align: right; }
  .quote-section-line-items .non-editable-totals > div,
  .quote-nodes-items .non-editable-totals > div {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .quote-section-line-items .non-editable-totals > div:not(:first-child),
  .quote-nodes-items .non-editable-totals > div:not(:first-child) {
    margin-top: 0.4em; }
    .quote-section-line-items .non-editable-totals > div:not(:first-child).read-only-discount,
    .quote-nodes-items .non-editable-totals > div:not(:first-child).read-only-discount {
      margin-top: 0.5em; }

.quote-section-line-items td,
.quote-nodes-items td {
  font-size: 0.8em;
  transition: background-color 200ms; }

.quote-section-line-items th,
.quote-nodes-items th {
  font-size: 0.8em;
  text-transform: uppercase;
  background-color: #eee; }

.quote-node-part-search {
  width: 80%; }

.quote-line-item:hover .input-wrapper input,
.quote-line-item:hover .input-wrapper [contenteditable='true'],
.quote-line-item.focus .input-wrapper input,
.quote-line-item.focus .input-wrapper [contenteditable='true'] {
  box-shadow: -7px 9px 0px -7px #2bb0b0, 7px 9px 0px -7px #2bb0b0; }

.quote-line-item:hover .quote-line-item-tool-left,
.quote-line-item:hover .quote-line-item-tool-right,
.quote-line-item:hover .quote-tool,
.quote-line-item:hover .dropdown-menu,
.quote-line-item.focus .quote-line-item-tool-left,
.quote-line-item.focus .quote-line-item-tool-right,
.quote-line-item.focus .quote-tool,
.quote-line-item.focus .dropdown-menu {
  opacity: 1; }

.quote-line-item [contenteditable='true']:empty:not(:focus) {
  height: 0; }

.quote-line-item.focus [contenteditable='true']:empty:not(:focus) {
  height: auto; }

.quote-section-content,
.quote-new-section-form {
  width: 50em;
  transition: border 200ms;
  margin: 0 auto; }

.quote-section-title-row {
  display: flex; }

.quote-section-title,
.quote-section-title-ghost {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%; }
  .quote-section-title input,
  .quote-section-title-ghost input {
    text-transform: uppercase; }

.quote-section-title-ghost {
  color: #eee;
  position: absolute;
  left: 49.5em; }

.fixed-width-cell {
  width: 9em;
  word-break: break-all; }
  .fixed-width-cell.medium {
    width: 6em; }
  .fixed-width-cell.small {
    width: 4em; }
  .fixed-width-cell.nano {
    width: 1em; }

.quote-section-footer-trigger {
  cursor: pointer;
  color: #2bb0b0;
  transition: color 200ms;
  padding: 10px;
  font-size: 0.9em;
  text-align: center; }
  .quote-section-footer-trigger:hover {
    color: #218787; }

.input-wrapper + .input-wrapper {
  margin-top: 0.4em; }

.quote-line-item [data-name='name'] {
  font-weight: bold; }

.quote-section-footer-form {
  border: 1px solid #eee;
  position: relative; }
  .quote-section-footer-form [contenteditable='true']:empty:before {
    content: attr(placeholder);
    display: block;
    /* For Firefox */
    color: #aaa; }
  .quote-section-footer-form .quote-section-line-items td {
    border-top: 0; }
  .quote-section-footer-form .input-wrapper input,
  .quote-section-footer-form .input-wrapper [contenteditable='true'] {
    box-shadow: 0 2px 0 0 #2bb0b0; }

.quote-section-footer-form-cancel,
.quote-new-section-form-accept,
.quote-new-section-form-cancel {
  font-size: 0.8em;
  padding: 0 0.2em; }

.quote-line-item td[data-name='total_price'] {
  padding: 9px; }

.quote-section-footer-form-buttons {
  text-align: right;
  padding: 2px;
  position: absolute;
  right: 0;
  bottom: 0; }

.quote-new-section-form-buttons {
  padding: 4px 0;
  text-align: right; }

.quote-line-item.ui-sortable-helper,
.quote-line-item.ui-sortable-helper .quote-line-item-right-table {
  background-color: white;
  box-shadow: 0px 0px 8px #666; }

.quote-section-placeholder {
  background-color: #eee;
  margin-bottom: 2em; }

.line-item-placeholder {
  background-color: #eee; }

.quote-section-subtotal,
.quote-totals-line.grand-total {
  font-weight: bold; }

.quote-section-subtotal,
.quote-totals-line {
  text-align: right;
  font-size: 0.8em;
  padding: 0.4em 0.8em;
  text-transform: uppercase; }

.quote-section-subtotal-price,
.quote-section-cost,
.quote-section-margin,
.quote-totals-line-value {
  display: inline-block;
  width: 9em;
  text-align: right; }
  .quote-section-subtotal-price.small,
  .quote-section-cost.small,
  .quote-section-margin.small,
  .quote-totals-line-value.small {
    width: 2em; }

.quote-section-cost {
  position: absolute;
  margin-left: 14em; }

.quote-section-margin {
  position: absolute;
  margin-left: 19em; }

#quote-total-region {
  width: 50em;
  margin: 1em auto;
  border-top: 2px solid #ddd;
  padding: 1em 0; }

.quote-line-item.blank:only-child {
  height: 1em; }

.quote-line-item-description {
  padding-left: 1em;
  padding-bottom: 0.1em; }

.quote-line-item-discount {
  color: #e74c3c; }

.quote-section-total-region {
  margin-top: 1em; }

[data-name='discount'] {
  color: #e74c3c; }

.quote-totals-line {
  position: relative; }

.quote-totals-line-tax-input {
  vertical-align: bottom;
  width: 4em; }

.quote-totals-line .quote-tool {
  position: absolute;
  top: 1px;
  right: -17px; }

#quote-total-region:hover .quote-tool {
  opacity: 1; }

#quote-total-region .quote-tool {
  opacity: 0; }

.quote-regen-warning {
  width: 56em;
  margin: auto;
  margin-bottom: 1em; }

.quote-line-item-qty-info + .popover {
  word-break: keep-all; }

path.donut-diagram-path-0 {
  fill: #f5a121; }

path.donut-diagram-path-1 {
  fill: #f9ca83; }

path.donut-diagram-path-2 {
  fill: #2bb0b0; }

#quote #generate-quote {
  margin: 0 auto;
  width: 50%;
  max-width: 600px;
  min-width: 200px;
  text-align: center; }

#quote #quote-preview #regenerate-toolbar-region {
  margin: 20px auto;
  width: 380px;
  font-size: 5px;
  text-align: right; }

#quote #quote-preview #main-page,
#quote #quote-preview #diffs-box {
  margin: 0px auto;
  width: 380px;
  font-size: 5px;
  background: white;
  padding: 3.8em; }

@media (min-width: 1220px) {
  #quote #quote-preview #regenerate-toolbar-region,
  #quote #quote-preview #main-page,
  #quote #quote-preview #diffs-box {
    width: 1200px;
    font-size: 14px; } }

@media (max-width: 1240px) and (min-width: 940px) {
  #quote #quote-preview #regenerate-toolbar-region,
  #quote #quote-preview #main-page,
  #quote #quote-preview #diffs-box {
    width: 900px;
    font-size: 11px; } }

@media (max-width: 940px) and (min-width: 715px) {
  #quote #quote-preview #regenerate-toolbar-region,
  #quote #quote-preview #main-page,
  #quote #quote-preview #diffs-box {
    width: 675px;
    font-size: 8px; } }

@media (max-width: 715px) and (min-width: 546px) {
  #quote #quote-preview #regenerate-toolbar-region,
  #quote #quote-preview #main-page,
  #quote #quote-preview #diffs-box {
    width: 506px;
    font-size: 6px; } }

#quotes-settings form.organization-form .button-switch {
  float: right; }
  #quotes-settings form.organization-form .button-switch .button-switch-label {
    width: 120px; }
  #quotes-settings form.organization-form .button-switch #custom-line-button-switch-label {
    width: 200px; }

#quote-nodes-region {
  margin: 1em auto;
  width: 78em; }
  #quote-nodes-region .quote-nodes-content {
    width: 78em; }
  #quote-nodes-region .quote-nodes-explanation {
    float: left;
    padding: 1px 5px 0 2px; }
  #quote-nodes-region .quote-nodes-title-text {
    font-size: 1.2em;
    box-shadow: 0 2px 0 0 #666; }
  #quote-nodes-region .quote-node-diagram .fa-inverse {
    color: #eeeeee; }
  #quote-nodes-region .quote-node-diagram:hover .fa-inverse {
    color: #2bb0b0; }

#no-quote {
  padding: 20px;
  margin-top: 2em; }
  #no-quote .no-quote-title {
    text-align: center;
    font-size: 2em; }
  #no-quote .no-quote-message {
    margin-top: 1em;
    font-size: 16px; }

.quote-message {
  padding-top: 50px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%; }

.quote-call-to-action {
  cursor: pointer; }
  .quote-call-to-action span:hover {
    text-decoration: underline; }

.navigate-to-quote-settings-cta {
  background-color: #f5a121;
  color: #333;
  font-weight: bold; }

.price-book-selection {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 56em;
  padding: 10px;
  margin: auto;
  background-color: #2bb0b0; }
  .price-book-selection select {
    margin-right: 20px;
    flex-grow: 1; }

.price-book-settings {
  display: flex;
  margin-bottom: 20px; }
  .price-book-settings .settings {
    flex-grow: 1;
    margin-right: 20px; }
    .price-book-settings .settings > div {
      display: flex; }
      .price-book-settings .settings > div label {
        width: 100px;
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
        margin-right: 10px; }
    .price-book-settings .settings > div + div {
      margin-top: 5px; }
  .price-book-settings .actions {
    width: 125px; }
.manual-shortcut-list-item-keys-key {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d3d3d3;
  border-bottom-color: #bbb;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  color: #666;
  min-width: 35px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  padding: 2px 5px; }

.manual-shortcut-list-item-keys-key {
  margin-left: 5px; }

.manual-shortcut-list-item-row {
  margin-top: 10px; }

.manual-shortcut-list-section-row {
  margin-top: 20px; }

.manual-shortcut-list-item-title {
  margin-top: 5px;
  margin-bottom: 0px;
  font-weight: 500; }

/*# sourceMappingURL=main-6c34dfa275111e1e84d1.css.map*/