/*
@media only screen and (min-width: 767px) {
  .sticky-box {
    position: sticky;
    top: 84px;
  }
  .pi-end {
    place-items: end;
  }
}
@media only screen and (min-width: 1115px) {
  .sticky-box { top: 120px; }
}

.calc-fields .lbl-total-discount {
  background: var(--wb-bg-modules);
  border: 1px solid #d9e3fc;
  color: var(--color-blue-buk);
  font-family: var(--font-family-title);
  font-size: 1.75rem;
  font-weight: 600;
  padding: 0.625rem 1rem;
}

.lbl-total-salary {
  border: 1px solid var(--color-blue-buk);
  color: var(--color-blue-buk);
  font-family: var(--font-family-title);
  font-size: 1.75rem;
  font-weight: 600;
  padding: 0.625rem 1rem;
}

.calc-fields--results [class*="buk-col"] {
  padding-top: 0;
  padding-bottom: 0;
}

.buk-col hr {
  border-width: 0px;
  border-radius: 14px;
  height: 2px;
  background: var(--color-light-blue);
}

.rounded-bottom-16 { border-radius: 0 0 16px 16px; } */

{# Tooltips #}
/*.tooltip {
  display: inline-block;
  cursor: pointer;
}

.tooltip svg { vertical-align: text-bottom; }

.tooltip .tooltip-text {
    box-shadow: 0 0 10px 4px rgba(43,60,106, .12);
    font-family: var(--font-family-body);
    font-weight: 400;
    font-size: 14px;
    visibility: hidden;
    background-color: var(--color-light-blue);
    color: var(--wb-font-color-1);
    text-align: center;
    padding: 16px;
    border-radius: 9px;
    opacity: 0;
    transition: opacity 0.5s;
    width: auto;
    bottom: 35px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    min-width: 220px;
    max-width: 220px;
    position: absolute;
    z-index: 10;
}


.tooltip:hover .tooltip-text {
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 767px) {
  .tooltip { position: relative; }
  .tooltip .tooltip-text {  bottom: 37px; }
}
*/
.modalForm {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  width: calc(100% - 32px);
  max-width: 564px;
  max-height: calc(100vh - 80px);
}
.modalForm::backdrop {
  background: #00000050;
}
.close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
}
@media screen and (max-width: 767px) {
  .modalForm {
    top: 40px;
    left: 16px;
    transform: none;
  }
}