/**
 * App-wide Styles
 */
:root {
  --primary-color: #002a46;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nopadding {
  padding-left: 0px;
  padding-right: 0px;
}

.nomargin {
  margin-right: 0px;
  margin-left: 0px;
}

.nopadding-left {
  padding-left: 0px;
}

.nopadding-right {
  padding-right: 0px;
}

.center-buttons {
  text-align: center;
}

.sale-tag {
  color: white;
  background-color: #dc8100;
  border-radius: 5px;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
}

.rental-tag {
  color: white;
  background-color: #7964f7;
  border-radius: 5px;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
}

.property-type-tag {
  color: white;
  background-color: #4794c7;
  border-radius: 5px;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
}

.reference-tag {
  color: white;
  background-color: #5a0000;
  border-radius: 5px;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
}

.modal.ultra-large-modal .modal-dialog {
  width: calc(100vw - 150px);
  margin: 30px auto 30px auto;
}

.ld.medium {
  font-size: 2em;
}

.ld.large {
  font-size: 3em;
}

/* Scale up the modal */
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
}