
/* Styles */
/* Lot calculator */
.lot-value-calculator {
  font-size: 18px;
}

.lot-value-calculator__less-info {
    background-color: #ffffff;
    border-radius: 8px;
}

.lot-value-calculator__title {
  font-size: 25px;
  font-weight: 600;
}

.lot-value-calculator__input-label,
.lot-value-calculator__result-label,
.lot-value-calculator__text {
  font-size: 18px;
  font-weight: 600;
}

.lot-value-calculator__subinput-placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #94938F;
}

.lot-value-calculator__result {
  font-size: 35px;
  font-weight: 600;
  color: #BAC0CB;
}

.lot-value-calculator__warning-block {
  font-size: 14px;
  font-weight: 600;
  color: #69696B;
}

.lot-value-calculator__result-block {
  border-radius: 8px;
  background-color: #E8EEF1;
}

.lot-value-calculator__calculation-details,
.lot-value-calculator__calculation-details:hover {
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  color: #000000;
}

.btn.lot-value-calculator__btn {
  color: #ffffff;
  font-weight: 600;
  background: linear-gradient(101.27deg, #22cce7 0%, #1DB6CE 100%) !important;
  border-color: #1DB6CE !important;
}

.btn.lot-value-calculator__btn:disabled {
  background: linear-gradient(101.27deg, grey 0%, grey 100%) !important;
  border-color: grey !important;
}

.lot-value-calculator__input {
  height: 60px;
  border-radius: 8px;
  border: 1px solid #999999;
  padding-left: 15px;
  padding-right: 15px;
}

.lot-value-calculator__input.active {
  border-color: red;
}

.lot-value-calculator__subinput-placeholder.active {
  color: red;
}

.btn.lot-value-calculator__collapse-btn:focus {
  box-shadow: none;
}

.lot-value-calculator__collapse-btn-img {
  transform: rotate(0deg);
}

.btn.collapsed .lot-value-calculator__collapse-btn-img {
  transform: rotate(180deg);
}

.lot-value-calculator-popover-img {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

#lot-value-calculator-popover3 {
  position: absolute;
  right: 30px;
  top: 50px;
}

.lot-value-calculator__borderline {
  width: 100%;
  height: 1px;
  background-color: lightgrey;
}

.lot-value-calculator__result.lot-value-calculator__black-text {
  color: #000000;
}

#lot-calculator-modal .modal-dialog {
  max-width: 80%;
}

.lot-value-calculator__num-value {
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 576px) {
    #lot-calculator-modal .modal-dialog {
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    #lot-value-calculator-popover3 {
        top: 80px;
    }
}

@media screen and (max-width: 430px) {
  .m-320{
    margin: 0;
    padding: 0!important;
    flex-direction: column;
    max-width: 120px;
    align-items: stretch;
    position: absolute;
    right: 0;
  }

  .btn-fix {
    max-width: 100px;
    padding: 3px!important;
    margin: 3px!important;
  }

  .lot-value-calculator__input-label, .lot-value-calculator__result-label, .lot-value-calculator__text {
    font-size: 15px;
  }

  #lot-value-calculator-popover3 {
    top: 68px;
  }
}

@media screen and (max-width: 377px) {
    #lot-value-calculator-popover3 {
        top: 90px;
        right: 10px;
    }
}