html {
  font-size: 14px;
    zoom: 0.9;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.propertyInput{
  
}
.partial-parent{}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
div[onclick]{
  cursor: pointer;
}
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
.separator-gray{
  border-bottom: thin solid darkgray;
  padding-top: 2em;
  padding-bottom: 2em;
}
.underline-labels label{
  text-underline: black;
}
.separator-black{
  border-bottom: thin solid black;
}
.hover-shadow{
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hover-darken:hover{
  background-color: var(--bs-secondary-bg);
}
.hover-grow-small:hover{
    transform: scale(1.05);
    transition: all 0.2s ease-out;
}
.hover-grow-small{
    transition: all 0.2s ease;
}
.hover-darken-2:hover{
    background-color: var(--bs-secondary-bg-subtle);
}
.hover-grow:hover{
    transform: scale(1.2);
    transition: all 0.2s ease-out;

}
.hover-grow{
    transition: all 0.2s ease;
}
.edit-control{
  display: none !important;
}
.hover-underline:hover{
  text-decoration: underline !important;
}
.hover-bold:hover{
  font-weight: bold;
}
.stripe {
  height: 4px;
  margin: 10px 0;
  border-radius: 5px;
}
.responsive-image{
    max-width: 100%; 
    height: auto; 
    display: block;
}
.section {
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
}
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
.no-spinner[type=number] {
    -moz-appearance: textfield;
}