.form-ofertar-lote {
  background-color: var(--formBgColor);
  border: 1px solid var(--formBorderColor);
  border-radius: var(--formBorderRadius);
  width: 100%;
  padding: var(--formSpacing);
  margin-bottom: var(--formSpacing);
  color: var(--formTextColor);

  /* Color Pallete */
  --gray-1:               #333;
  --gray-2:               #4d4d4d;
  --gray-3:               #808080;
  --gray-4:               #b3b3b3;
  --gray-5:               #e6e6e6;
  --gray-6:               #f2f2f2;
  --formTextColor: #4a4a4a;
  --formPrimary: #006d4c;
  --formPrimaryDark: #01593f;
  --formPrimaryFaded: #f2f9f6;
  --formDanger: #dc3645;
  --formWarning: #fd7e14;
  --formWarningLight: #fdefe4;
  --formWarningFaded: #f8f5e3;

  --formWarningAlert: #fff3cd;
  --formWarningAlertColor: #664d03;
  --formWarningAlertBorderColor: #ffecb5;

  --formInfoAlert: #d9edf7;
  --formInfoAlertColor: #31708f;
  --formInfoAlertBorderColor: #31708f;
  --formInfoAlertBorderColorRGB: 49, 112, 143;

  --formSuccessAlert: #d1e7dd;
  --formSuccessAlertColor: #0f5132;
  --formSuccessAlertBorderColor: #badbcc;

  --formDangerAlert: #f8d7da;
  --formDangerAlertColor: #842029;
  --formDangerAlertBorderColor: #f5c2c7;

  --formDangerFaded: #fef4f5;
  --formBorderColor: rgba(0, 0, 0, 0.1);
  --formDividerColor: rgba(0,0,0,.1);
  --formBgColor: #eee;
  --formBadgeRadius: 3px;

  --formSuccess: #006d4c;
  --formSuccessDark: #01593f;
  --formSuccessFaded: #f2f9f6;
  --formCreditoBg: var(--formWarning);
  --formCreditoColor: #fff;

  --formTitleSize: 18px;
  --formTitleColor: var(--formTextColor);
  --formBorderRadius: 4px;
  --formSpacing: 20px;


  /* Form Status  */
  --formStatusValueSize: 20px;
  --formStatusValueColor: #222;

  /* Custom Input */
  --formCustomInputBG: #d5d5d5;
  --formCustomInputPlus: var(--formSuccess);
  --formCustomInputMinus: var(--formDanger);
  --formCustomInputRadius: 4px;
  --formCustomInputWeight: bold;
  --formCustomInputHeight: 40px;
  --formCustomInputSize: 16px;
  --formCustomInputInterLetter: .5px;
  --formCustomInputStopColorFirst: #e9eaeb;
  --formCustomInputStopColorSecond: #efbfbfc;


  /* CTA  */
  --formCtaRadius: 4px;
  --formCtaPrimaryBG: var(--formPrimary);
  --formCtaPrimaryDark: var(--formPrimaryDark);
  --formCtaPrimaryTextColor: #fff;
  --formCtaPrimaryTextHover: var(--formCtaPrimaryTextColor);
  --formCtaSize: 16px;
  /* text transform style */
  --formCtaTextStyle: initial;
  --formCtaHeight: 40px;
  --formCtaWeight: normal;

  --formCtaSecondaryBG: var(--formCtaPrimaryBG);
  --formCtaSecondaryDark: var(--formCtaPrimaryDark);
  --formCtaSecondaryTextColor: var(--formCtaPrimaryBG);
  --formCtaSecondaryTextHover: #fff;


  /* Timer */
  --formTimerColor: #fff;
  --formTimerRadius: 4px;
  --formTimerBg: #4a4a4a;

  /* Loader Icon */
  --loaderBorderLight: #9fcfb6;
  --loaderBorderDark: #29a881;
}

.form-ofertar-lote-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: var(--formTitleSize);
  color: var(--formTitleColor);
  line-height: 1.25;
  margin-bottom: 15px;
}

.form-ofertar-lote-title small {
  text-transform: initial;
  font-size: 0.66666666666em;
  font-weight: normal;
}


/*
*
/ // Form Timer
*
*/

.form-ofertar-lote-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  padding: 4px 8px;
  font-weight: 400;
  font-size: 12px;
  border-radius: var(--formTimerRadius);
  line-height: 1.2;
  background-color: var(--formTimerBg);
  color: var(--formTimerColor);
}

.form-ofertar-lote-timer .alert-icon {
  display: none;
}

.form-ofertar-lote-timer.status-danger {
  background-color: var(--formDanger);
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .5px;
  padding: 8px;
}

.form-ofertar-lote-timer.status-danger .timer-icon {
  display: none;
}

.form-ofertar-lote-timer.status-danger .alert-icon {
  display: block;
}

.form-ofertar-lote-timer > svg {
  margin-right: 10px;
  flex: 0 0 20px;
  width: 20px;
}

.form-ofertar-lote-timer > span {
  color: var(--formTimerColor);
}

.form-ofertar-lote-timer > svg path {
  fill: var(--formTimerColor);
}



/*
*
/ // Form Status
*
*/


.form-ofertar-lote .form-ofertar-status-wrapper {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  max-width: 250px;
  margin: 0 auto;
}

.form-ofertar-lote-creditable {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--formBorderColor, var(--formDividerColor));
}

.form-ofertar-lote .form-ofertar-status {
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  max-width: initial;
  width: 100%;
}

[id^="user_status"] {
  font-weight: 500;
  white-space: initial;
  border-radius: 3px;
  line-height: 1.35;
  font-size: 12px;
  display: block;
}

[id^="user_status"].alert-success {
  background-color: var(--formSuccessAlertColor);
  color: var(--formSuccessAlert);
}

[id^="user_status"].alert-warning {
  background-color: var(--formWarningAlertColor);
  color: var(--formWarningAlert);
}

[id^="user_status"].alert-danger {
  background-color: var(--formDangerAlertColor);
  color: var(--formDangerAlert);
}

.form-ofertar-lote .form-ofertar-status > span {
  line-height: 1.35;
  font-size: 12px;
  display: block;
}

.form-ofertar-lote .form-ofertar-status > span + span:not(:empty) {
  margin-top: 10px;
}

.form-ofertar-lote .form-ofertar-status > [id^="text-lote-preofertas-"] {
  color: var(--formTextColor);
  font-size: 12px;
}

.form-ofertar-lote .form-ofertar-status > [id^="text-lote-comprador-preofertas-"] {
  color: var(--formTextColor);
  font-size: 12px;
}

.form-ofertar-lote .form-ofertar-status > [id^="value-lote-preofertas"] {
  font-weight: bold;
  font-size: var(--formStatusValueSize);
  color: var(--formStatusValueColor);
}

.form-ofertar-lote .form-ofertar-status.status-success {
  background-color: var(--formSuccessFaded);
  background-image: url('../../../images/va-tuya.svg');
  background-size: 30px;
  padding-top: 45px;
  background-position: top 10px center;
  background-repeat: no-repeat;
}

.form-ofertar-lote .form-ofertar-status.status-warning {
  background-color: var(--formWarningFaded);
  background-image: url('../../../images/vendiendo.svg');
  background-size: 15px;
  padding-top: 45px;
  background-position: top 10px center;
  background-repeat: no-repeat;
}

.form-ofertar-lote .form-ofertar-status.status-info {
  background-color: var(--formInfoAlert);
  background-image: url('../../../images/vendiendo.svg');
  background-size: 15px;
  padding-top: 45px;
  background-position: top 10px center;
  background-repeat: no-repeat;
}

.form-ofertar-lote .form-ofertar-status.status-danger {
  background-color: var(--formDangerFaded);
  background-image: url('../../../images/vas-perdiendo.svg');
  background-size: 20px;
  padding-top: 45px;
  background-position: top 10px center;
  background-repeat: no-repeat;
}

.form-ofertar-lote .form-ofertar-status.status-success [id^="value-lote-preofertas"] {
  color: var(--formSuccess);
}

.form-ofertar-lote .form-ofertar-status.status-danger [id^="value-lote-preofertas"] {
  color: var(--formDanger);
}

.form-ofertar-lote .form-ofertar-status.status-warning [id^="value-lote-preofertas"] {
  color: var(--formTextColor);
}

.form-ofertar-lote .form-ofertar-status.status-info [id^="value-lote-preofertas"] {
  color: var(--formInfoAlertColor);
}

.form-ofertar-status-credito > .badge {
  display: block;
  font-weight: normal;
  font-size: 12.75px;
  white-space: initial;
  padding: 0.35em 0.65em;
  font-weight: 400;
  border-radius: var(--formBadgeRadius);
  line-height: 1.2;
  color: var(--formCreditoColor);
  background-color: var(--formCreditoBg);
  margin-top: 15px;
  text-align: center;
}


/*
*
* // Form Animales Check
*
*/

.form-ofertar-lote .form-animales {
  display: flex;
  flex-flow: row wrap;
  margin: 10px -2px;
}

.form-ofertar-lote .form-animales > h5 {
  padding: 0 2px;
  flex-basis: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
  color: var(--formTextColor);
}

.form-ofertar-lote .form-animales > .form-animales-item {
  padding: 0 2px;
  margin-bottom: 5px;
}

.form-ofertar-lote .form-animal-check .form-check-label {
  position: relative;
  padding: 5px 5px 5px 24px;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #8a8a8a;
  margin-bottom: 0;
  transition: all .25s;
  display: block;
  font-size: 13px;
  height: initial;
  line-height: 1.5;
}

.form-ofertar-lote .form-animal-check .form-check-label:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  background-color: rgba(28, 152, 96, .1);
  border-color: rgba(28, 152, 96, .1);
  cursor: pointer;
}

.form-ofertar-lote .form-animal-check .form-check-label::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #ccc;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}

.form-ofertar-lote .form-animal-check .form-check-label:hover::before {
  border-color: #1c9860;
}

.form-ofertar-lote .form-animal-check .form-check-label::after {
  content: '\02713';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  color: #fff;
  font-size: 12px;
  opacity: 0;
  transition: opacity .2s;
  display: block;
  line-height: 1;
}

.form-ofertar-lote .form-animal-check input:checked + .form-check-label {
  color: #1c9860;
  background-color: rgba(28, 152, 96, .2);
  border-color: rgba(28, 152, 96, .1);
}

.form-ofertar-lote .form-animal-check input:checked + .form-check-label::before {
  background-color: #1c9860;
  border-color: #1c9860;
}

.form-ofertar-lote .form-animal-check input:checked + .form-check-label::after {
  opacity: 1;
}

.form-ofertar-lote .form-animales input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}




/*
*
* // Form Custom Input
*
*/

.form-ofertar-lote .custom-input-step {
  display: grid;
  max-width: var(--inputStepMaxWidth, initial);
  margin: 0 auto 15px;
  place-items: center;
  grid-gap: 6px;
  gap: 6px;
  grid-template-columns: 1fr 5fr 1fr;
  grid-template-areas: 'label label label'
                        'minus input plus';
}

.form-ofertar-lote .custom-input-step-type-text .form-group-custom-value {
  grid-column: 1/-1;
}

.form-ofertar-lote .custom-input-step-type-text .form-group-custom-value > .form-control {
  width: 100%;
}

.form-ofertar-lote .custom-input-step > label {
  grid-area: label;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.36;
  margin-bottom: 0;
  color: var(--textColorLight);
}

.form-ofertar-lote .custom-input-step>.btn-number {
  width: calc(var(--formCustomInputHeight) * .8);
  height: calc(var(--formCustomInputHeight) * .8);
  font-size: calc(var(--formCustomInputHeight) * .5);
  line-height: 1.2;
  font-weight: 600;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background-color: var(--formCustomInputStopColorFirst);
  background-image: linear-gradient(45deg,
      var(--formCustomInputStopColorFirst) 0 57%,
      var(--formCustomInputStopColorSecond) 80%);
  box-shadow:
    -1px 2px 2px 0px rgba(0, 0, 0, 0.25),
    -2px 2px 4px rgba(0, 0, 0, 0.15),
    0px 0px 1px 0px rgba(0, 0, 0, 0.25);
  transition: box-shadow .3s;
}

.form-ofertar-lote .custom-input-step>button:active {
  box-shadow: none;
}

.form-ofertar-lote .custom-input-step>button.custom-input-step-minus {
  color: var(--formCustomInputMinus);
  grid-area: minus;
}

.form-ofertar-lote .custom-input-step>button.custom-input-step-plus {
  color: var(--formCustomInputPlus);
  grid-area: plus;
}

.form-ofertar-lote .custom-input-step>button.custom-input-step-minus[disabled],
.form-ofertar-lote .custom-input-step>button.custom-input-step-plus[disabled] {
  opacity: .5;
  pointer-events: none;
}

.form-ofertar-lote .custom-input-step > .custom-input-step-value {
  grid-area: input;
  background-color: var(--formCustomInputBG);
  padding: 0 10px;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: var(--formCustomInputSize);
  border-radius: var(--formCustomInputRadius);
  letter-spacing: var(--formCustomInputInterLetter);
  font-weight: var(--formCustomInputWeight);
  height: var(--formCustomInputHeight);
  line-height: var(--formCustomInputHeight);

  margin-bottom: 0;
}

.form-ofertar-lote .form-group-custom-value {
  background-color: var(--formCustomInputBG);
  padding: 0 10px;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-area: input;
  font-size: var(--formCustomInputSize);
  border-radius: var(--formCustomInputRadius);
  letter-spacing: var(--formCustomInputInterLetter);
  font-weight: var(--formCustomInputWeight);
  height: var(--formCustomInputHeight);
  line-height: var(--formCustomInputHeight);
  max-width: var(--inputStepMaxWidth, initial);
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
}


.form-ofertar-lote .form-group-custom-value::before {
  content: attr(data-moneda);
  pointer-events: none;
  overflow: hidden;
  display: none;
}

.form-ofertar-lote .form-group-custom-value>.form-control {
  border: 0;
  background-color: transparent;
  width: 100%;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  border: 0;
  font-size: inherit;
  height: 100%;
  flex: 1;
}

.form-ofertar-lote .form-group-custom-value>.form-control-step {
  pointer-events: none;
}

.form-ofertar-lote .form-group-custom-value>.form-control.no-spinner::-webkit-outer-spin-button,
.form-ofertar-lote .form-group-custom-value>.form-control.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.form-ofertar-lote .form-group-custom-value>.form-control.no-spinner {
  -moz-appearance: textfield;
}

.form-ofertar-lote .form-group-custom-value>.form-control:focus {
  box-shadow: none;
}

.form-ofertar-lote .custom-input-step>.custom-input-step-value>.currency {
  margin-right: 3px;
}

.form-ofertar-lote .form-group-plazo {
  margin-bottom: 15px;
}

.form-ofertar-lote .form-group-obs {
  margin-bottom: 15px;
}

.form-ofertar-lote .form-ofertar-cta .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-ofertar-lote .form-ofertar-cta .btn-compra-directa {
  white-space: initial;
  flex-wrap: wrap;
}

.form-ofertar-lote .btn-offers {
  width: 100%;
  display: block;
}

.form-ofertar-lote .btn-offers span {
  margin-right: 15px;
}

.form-ofertar-lote .btn-offers svg {
  width: 18px;
  flex: 0 0 18px;
  margin-right: 10px;
}

.form-ofertar-lote .btn-offers svg path {
  fill: currentColor;
  transition: all .3s;
}

.form-ofertar-lote .btn-ofertar {
  border-radius: var(--formCtaRadius);
  background-color: var(--formCtaPrimaryBG);
  font-size: var(--formCtaSize);
  height: var(--formCtaHeight);
  color: var(--formCtaPrimaryTextColor);
  font-weight: var(--formCtaWeight);
  text-transform: var(--formCtaTextStyle);
  margin-bottom: 5px;
}

.form-ofertar-lote .btn-ofertar svg {
  width: 25px;
}

.form-ofertar-lote .btn-ofertar[disabled] {
  opacity: .7;
  pointer-events: none;
}

.form-ofertar-lote .btn-login {
  border-radius: var(--formCtaRadius);
  background-color: transparent;
  border: 1px solid var(--formCtaPrimaryBG);
  color: var(--formCtaSecondaryTextColor);
  font-size: calc(var(--formCtaSize) * .875);
  min-height: var(--formCtaHeight);
  white-space: initial;
  font-weight: var(--formCtaWeight);
  text-transform: var(--formCtaTextStyle);
  margin-bottom: 5px;
}

.form-ofertar-lote .btn-ofertar:hover,
.form-ofertar-lote .btn-ofertar:focus {
  color: var(--formCtaPrimaryTextColor);
  background-color: var(--formCtaPrimaryDark);
}

.form-ofertar-lote .btn-ofertar:hover svg path,
.form-ofertar-lote .btn-ofertar:focus svg path {
  fill: var(--formCtaPrimaryTextColor);
}

.form-ofertar-lote .btn-login:hover svg path,
.form-ofertar-lote .btn-login:focus svg path {
  fill: var(--formCtaSecondaryTextHover);
}

.form-ofertar-lote .btn-login:hover,
.form-ofertar-lote .btn-login:focus {
  color: var(--formCtaSecondaryTextHover);
  background-color: var(--formCtaSecondaryDark);
  border-color: var(--formCtaSecondaryDark);
}



/*
*
/* // Form Listado Ofertas
*
*/

.form-ofertar-lote .form-ofertar-list {
  margin: 30px calc(var(--formSpacing) * -1) 0;
  padding-top: 20px;
  padding-left: var(--formSpacing);
  padding-right: var(--formSpacing);
  border-top: 1px solid var(--formBorderColor, var(--formDividerColor));
}

.form-ofertar-lote .form-ofertar-list .form-ofertar-list-table-wrapper.with-max-height {
  max-height: 250px;
  overflow-y: auto;
}

.form-ofertar-lote .form-ofertar-list .form-ofertar-list-table-wrapper {
  max-height: 300px;
  overflow-y: auto;
}

.form-ofertar-lote .form-ofertar-list h4 {
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  margin-top: 0;
  line-height: 1.38;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--formTextColor);
}

.form-ofertar-lote .form-ofertar-list h4 > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.form-ofertar-lote .form-ofertar-list h4 > a:hover,
.form-ofertar-lote .form-ofertar-list h4 > a:focus {
  text-decoration: none;
}

.form-ofertar-lote .form-ofertar-list h4 .glyphicon {
  font-size: 11px;
  color: var(--formPrimary);
  margin-left: 10px;
  margin-top: -3px;
  transform: rotate(90deg);
}

@media (min-width: 992px) {
  .form-ofertar-lote .form-ofertar-list h4 .glyphicon {
    margin-left: 5px;
  }
}

.form-ofertar-lote .form-ofertar-list svg {
  width: 12px;
  margin-right: 10px;
}

.form-ofertar-lote .form-ofertar-list svg path {
  fill: var(--formPrimary);
}

.form-ofertar-lote .form-ofertar-list .table {
  font-size: 12px;
}

.form-ofertar-lote .form-ofertar-list .table thead th {
  border-bottom: 1px solid var(--formBorderColor);
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: .75px;
  text-align: center;
  text-transform: uppercase;
}

.form-ofertar-lote .form-ofertar-list .table > tbody > tr > td,
.form-ofertar-lote .form-ofertar-list .table > tbody > tr > th,
.form-ofertar-lote .form-ofertar-list .table > tfoot > tr > td,
.form-ofertar-lote .form-ofertar-list .table > tfoot > tr > th,
.form-ofertar-lote .form-ofertar-list .table > thead > tr > td,
.form-ofertar-lote .form-ofertar-list .table > thead > tr > th {
  padding-left: 4px;
  padding-right: 4px;
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr:first-child td {
  border-top: 0;
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td {
  text-align: center;
  vertical-align: middle;
  border-color: var(--formBorderColor);
  position: relative;
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr.user-bid {
  background-color: var(--formWarningLight);
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr.user-bid > td:first-child::before {
  content: '\2605';
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: .875rem;
  color: var(--formWarning);
  transform: translateY(-50%);
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td .moneda {
  font-weight: bold;
  font-size: 10px;
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td b {
  display: block;
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td .badge {
  font-size: 11px;
  font-weight: normal;
  border-radius: var(--formBadgeRadius);
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td .badge-aceptada {
  background-color: var(--formSuccess);
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td .badge-pendiente {
  background-color: var(--formWarning);
  color: #fff;
}

.form-ofertar-lote .form-ofertar-list .table tbody > tr td .badge-rechazada {
  background-color: var(--formDanger);
}

.form-ofertar-lote .form-ofertar-list .table #tfoot_ofertas th {
  font-size: 12px;
}



/*
*
/* // Form Alert
*
*/


.form-ofertar-lote .alert-form-ofertar {
  display: flex;
  align-items: center;
  color: var(--formWarningAlertColor);
  background-color: var(--formWarningAlert);
  line-height: 1.35;
  padding: 8px;
  border: 1px solid;
}

.form-ofertar-lote .alert-form-ofertar p {
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 0;
}

.form-ofertar-lote .alert-form-ofertar svg {
  margin-right: 10px;
}

.form-ofertar-lote .alert-form-ofertar svg path {
  fill: inherit;
}

.form-ofertar-lote .alert-form-ofertar.alert-warning {
  color: var(--formWarningAlertColor);
  background-color: var(--formWarningAlert);
  border-color: var(--formWarningAlertBorderColor);
}

.form-ofertar-lote .alert-form-ofertar.alert-warning svg path {
  fill: var(--formWarningAlertColor);
}

.form-ofertar-lote .alert-form-ofertar.alert-success {
  color: var(--formSuccessAlertColor);
  background-color: var(--formSuccessAlert);
  border-color: var(--formSuccessAlertBorderColor);
}

.form-ofertar-lote .alert-form-ofertar.alert-success svg path {
  fill: var(--formSuccessAlertColor);
}

.form-ofertar-lote .alert-form-ofertar.alert-danger {
  color: var(--formDangerAlertColor);
  background-color: var(--formDangerAlert);
  border-color: var(--formDangerAlertBorderColor);
}

.form-ofertar-lote .alert-form-ofertar.alert-danger svg path {
  fill: var(--formDangerAlertColor);
}

.form-ofertar-lote-text-info {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  display: block;
  text-transform: initial;
}

.form-ofertar-lote-tipo-base .form-ofertar-lote-creditable {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

.form-ofertar-lote-tipo-base .form-ofertar-status {
  display: none;
}

.form-ofertar-lote-tipo-base .form-ofertar-status-credito > .badge {
  margin-top: 0;
  margin-bottom: 15px;
}

.form-ofertar-step-text {
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 11px;
  text-align: center;
}

.modal-compre-ya {
  --primary:      #006d4c;
  --primaryDark:  #016245;
  --gray-300:     #d5d5d5;
  --gray-100:     #f6f6f6;
}

.modal-compre-ya .close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}

.modal-compre-ya .modal-dialog {
  max-width: 500px;
  margin: 30px auto;
}

.modal-compre-ya .close > svg {
  width: 30px;
}

.modal-compre-ya .modal-body > svg {
  width: 60px;
  margin: 0 auto 30px;
  display: block;
}

.modal-compre-ya .modal-body {
  padding: 50px 30px 30px;
  text-align: center;
}

.modal-compre-ya .modal-body .lot-name {
  border-bottom: 1px dashed var(--gray-300);
}

.modal-compre-ya .modal-body .lot-price {
  color: var(--primary);
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
}

.modal-compre-ya .modal-body > svg > path {
  stroke: var(--primary);
}

.modal-compre-ya .modal-footer {
  text-align: center;
  border-top: 0;
  padding: 15px 15px 30px;
}

.modal-compre-ya .modal-footer .btn {
  box-shadow: none;
}

.modal-compre-ya .modal-footer .btn-default {
  border: 1px solid var(--gray-300);
  background: transparent;
  color: #333;
}

.modal-compre-ya .modal-footer .btn-default:hover,
.modal-compre-ya .modal-footer .btn-default:focus {
  background-color: var(--gray-100);
  color: #fff;
}

.modal-compre-ya .modal-footer .btn-compra-directa-modal[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

.modal-compre-ya .modal-footer .btn-success {
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: #fff;
}

.modal-compre-ya .modal-footer .btn-default:hover,
.modal-compre-ya .modal-footer .btn-default:focus {
  background-color: var(--primaryDark);
}

.form-ofertar-bootstrap-select-group > .form-group {
  display: flex;
  align-items: center;
  position: relative;
}

.form-ofertar-bootstrap-select-group > .form-group.required > label > sup {
  color: var(--formDanger);
  vertical-align: -4px;
  margin-left: 1px;
  font-size: 14px;
}

.form-ofertar-bootstrap-select-group > .form-group.required.invalid > label {
  color: var(--formDanger);
}

.form-ofertar-bootstrap-select-group .bootstrap-select {
  width: 100%;
}

.form-ofertar-bootstrap-select-group .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: initial;
  flex: 1;
}

.form-ofertar-bootstrap-select-group label {
  flex: 0 0 90px;
  font-size: 14px;
  color: var(--gray-3);
  font-weight: normal;
  margin-bottom: 0;
}

.form-ofertar-bootstrap-select-group .dropdown {
  flex: 1;
  width: auto;
  position: initial;
}

.form-ofertar-bootstrap-select-group .dropdown.open .dropdown-toggle {
  background-color: transparent;
  border: 0;
  color: var(--gray-2);
}

.form-ofertar-bootstrap-select-group .dropdown.open .dropdown-toggle .caret::before {
  transform: translateY(-50%) rotate(-180deg);
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-toggle {
  line-height: 1.5;
  padding: 0;
  width: 100%;
  color: var(--gray-2);
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-toggle:focus {
  outline: 0!important;
  border: 0;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-toggle .filter-option-inner-inner {
  font-size: 14px;
  font-weight: normal;
  text-transform: initial;
  letter-spacing: 0;
  color: var(--gray-2);
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-toggle .caret {
  border: 0;
  position: initial;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-toggle .caret::before {
  content: "\e114";
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  color: var(--formPrimary);
  font-size: 13px;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  right: 0;
  transition: transform .3s ease-out;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-menu {
  border-radius: 8px;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-menu > li > a {
  font-size: 14px;
  color: var(--gray-3);
  padding: 10px 16px;
  border: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-menu > li > a.active {
  background-color: transparent;
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-menu > li > a::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 12px;
  box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--formPrimary);
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-menu > li > a.selected::before {
  background-color: var(--formPrimary);
}

.form-ofertar-bootstrap-select-group .dropdown .dropdown-menu > li > a.selected .glyphicon {
  display: none;
}

.form-ofertar-proforma {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.form-ofertar-proforma-header {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.form-ofertar-proforma-header > h4 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  color: var(--gray-2);
  text-align: center;
  position: relative;
  z-index: 1;
  padding: .25rem .5rem;
  background-color: var(--formBgColor);
}

.form-ofertar-proforma-header::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
}

.loader {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  display: none;
}

.form-ofertar-proforma::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.form-ofertar-proforma.is-loading > .loader {
  display: block;
  z-index: 2;
}

.form-ofertar-proforma.is-loading::after {
  display: block;
}

.alert-offer + .form-ofertar-lote-aclaracion-oferta {
  margin-top: 10px;
}

.form-ofertar-lote-aclaracion-oferta {
  background-color: var(--formInfoAlert);
  border: 1px solid rgba(var(--formInfoAlertBorderColorRGB), .3);
  color: var(--formInfoAlertColor);
  padding: 8px 12px;
  font-size: 13px;
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
  border-radius: 3px;
}

.form-ofertar-lote-aclaracion-oferta p {
  font-size: 13px;
  align-self: center;
}

.form-ofertar-lote-aclaracion-oferta p:last-child {
  margin-bottom: 0;
}

.form-ofertar-lote-aclaracion-oferta svg {
  color: var(--formInfoAlertColor);
  width: 18px;
  flex: 0 0 18px;
}

.loader .loader-icon {
  margin: 0 auto 10px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid var(--loaderBorderLight);
  border-right: 3px solid var(--loaderBorderLight);
  border-bottom: 3px solid var(--loaderBorderLight);
  border-left: 3px solid var(--loaderBorderDark);
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.loader .loader-text {
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.form-ofertar-proforma-data > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-ofertar-proforma-data > div:not(:last-child) {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ebe8d6;
}

.form-ofertar-proforma-data {
  padding: 16px;
  background-color: var(--formWarningFaded);
  border-radius: 6px;
}

.form-ofertar-proforma-data dt {
  font-weight: normal;
  font-size: 13px;
}

.form-ofertar-proforma-data dd {
  font-weight: bold;
  font-size: 13px;
}

.panel-ofertas-rp .panel-title > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}

.panel-ofertas-rp .panel-title .fa,
.panel-ofertas-rp .panel-title [class^="rural-icon"] {
  transition: all .3s;
}

.panel-ofertas-rp .panel-title > a[aria-expanded="true"] > .fa,
.panel-ofertas-rp .panel-title > a[aria-expanded="true"] > [class^="rural-icon"] {
  transform: rotate(-135deg);
}

.panel-ofertas-rp .panel-title > a:hover,
.panel-ofertas-rp .panel-title > a:focus {
  text-decoration: none;
}

.panel-ofertas-rp .panel-body {
  width: 100%;
  overflow-x: auto;
  padding-left: 6px;
  padding-right: 6px;
}


/* Modal Confirm Bid */
.modal-confirm-bid {
  --primary:      #006d4c;
  --primaryDark:  #016245;
  --gray-300:     #d5d5d5;
  --gray-100:     #f6f6f6;
}

.modal-confirm-bid .close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}

.modal-confirm-bid .modal-dialog {
  max-width: 500px;
  margin: 30px auto;
}

.modal-confirm-bid .close > svg {
  width: 30px;
}

.modal-confirm-bid .modal-body > svg {
  width: 60px;
  margin: 0 auto 30px;
  display: block;
}

.modal-confirm-bid .modal-body {
  padding: 50px 30px 30px;
  text-align: center;
}

.modal-confirm-bid .modal-body .lot-name {
  border-bottom: 1px dashed var(--gray-300);
}

.modal-confirm-bid .modal-body .lot-price {
  color: var(--primary);
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
}

.modal-confirm-bid .modal-body > svg > path {
  stroke: var(--primary);
}

.modal-confirm-bid .modal-footer {
  text-align: center;
  border-top: 0;
  padding: 15px 15px 30px;
}

.modal-confirm-bid .modal-footer .btn {
  box-shadow: none;
}

.modal-confirm-bid .modal-footer .btn-default {
  border-radius: 3px;
}

.modal-confirm-bid .modal-footer .btn-compra-directa-modal[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

.modal-confirm-bid .modal-footer .btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.modal-confirm-bid .modal-footer .btn-primary:hover,
.modal-confirm-bid .modal-footer .btn-primary:focus {
  background-color: var(--primaryDark);
  border-color: var(--primaryDark);
}

.modal-confirm-bid .modal-confirm-bid-check {
  margin-top: 16px;
  display: block;
}

.modal-confirm-bid .modal-confirm-bid-check svg {
  width: 20px;
  height: 20px;
}

.modal-confirm-bid .modal-confirm-bid-check span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.form-ofertar-lote .form-ofertar-programada-panel {
  text-align: center;
}

.form-ofertar-lote .form-ofertar-programada[data-enabled="1"] {
  margin-bottom: 20px;
}

.form-ofertar-lote .btn-toggle-programada {
  padding: 5px;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  font-weight: normal;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: initial;
}

.form-ofertar-lote .btn-toggle-programada:where(:hover,:focus) {
  background-color: transparent;
  color: initial;
}

.form-ofertar-lote .btn-toggle-programada [class^="fa"] {
  font-size: 13px;
}

.form-ofertar-lote .btn-toggle-programada .fa-chevron-right {
  transform: rotate(90deg);
  transition: all .25s ease-in-out;
}

.form-ofertar-lote .btn-toggle-programada[aria-expanded="true"] .fa-chevron-right {
  transform: rotate(-90deg);
}

.form-programada .form-programada-range-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 5fr 1fr;
  gap: 5px;
}

.form-programada .form-programada-range-value {
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  color: var(--gray-2);
}

.form-ofertar-lote .form-control-programada {
  background-color: var(--formCustomInputBG);
  line-height: var(--formCustomInputHeight);
  height: var(--formCustomInputHeight);
  font-size: var(--formCustomInputSize);
  border-radius: var(--formCustomInputRadius);
  letter-spacing: var(--formCustomInputInterLetter);
  font-weight: var(--formCustomInputWeight);
  box-shadow: none;
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
  text-align: center;
}

.form-ofertar-lote .form-control-price-programada {
  margin-top: 5px;
}

.form-ofertar-lote .form-control-price-programada-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .125rem;
  gap: .125rem;
}

/* // Programada Range Styles */
.form-ofertar-lote .form-control-price-programada-input input[type="range"] {
  --track-w: 100%;
  --track-h: 10px;
  --track-r: calc(.5 * var(--track-h));
  --track-bg: #d4dad7;
  --progr-bg: linear-gradient(var(--formPrimary), var(--formPrimary));
  --thumb-d: 16px;
  --thumb-r: 50%;
  --val: 0;
  --pos: calc(.5 * var(--thumb-d) + .01 * var(--val) * (100% - var(--thumb-d)));
  padding: 0;
  width: var(--track-w);
  max-width: 100%;
  height: calc(1.2 * var(--thumb-d));
  min-height: calc(2 * var(--track-h));
  border-radius: .625em;
  background: none;
  font: inherit;
  filter: grayscale(.5);
  cursor: pointer;
  -webkit-appearance: none;
}

.form-ofertar-lote .form-control-price-programada-input .form-control-label {
  font-size: 12px;
  line-height: 1.42;
  letter-spacing: normal;
  font-weight: 400;
  display: block;
  text-align: center;
  text-transform: initial;
  color: var(--gray-2);
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-webkit-slider-thumb,
.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-ms-track {
  border: none;
  /* because IE */
  width: 100%;
  height: var(--track-h);
  border-radius: var(--track-r);
  background: var(--track-bg);
  color: rgba(255,255,255, 0);
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-moz-range-track {
  border: none;
  /* because IE */
  width: 100%;
  height: var(--track-h);
  border-radius: var(--track-r);
  background: var(--track-bg);
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-webkit-slider-runnable-track {
  border: none;
  /* because IE */
  width: 100%;
  height: var(--track-h);
  border-radius: var(--track-r);
  background: var(--track-bg);
  background: var(--progr-bg) 0 / var(--pos) 100% no-repeat, var(--track-bg);
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-ms-fill-lower {
  height: var(--track-h);
  border-radius: var(--track-r) 0 0 var(--track-r);
  background: var(--progr-bg);
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-moz-range-progress {
  height: var(--track-h);
  border-radius: var(--track-r) 0 0 var(--track-r);
  background: var(--progr-bg);
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-webkit-slider-thumb {
  width: var(--thumb-d);
  height: var(--thumb-d);
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid var(--formPrimary);
  cursor: ew-resize;
  margin-top: calc(.5 * (var(--track-h) - var(--thumb-d)));
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-ms-thumb {
  width: var(--thumb-d);
  height: var(--thumb-d);
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid var(--formPrimary);
  cursor: ew-resize;
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-moz-range-thumb {
  width: var(--thumb-d);
  height: var(--thumb-d);
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid var(--formPrimary);
  cursor: ew-resize;
}

.form-ofertar-lote .form-control-price-programada-input input[type="range"]::-ms-tooltip {
  display: none;
}

/* End Programada Range Styles */


.fecha-cierre-grupo {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  text-align: left;
  font-size: 13px;
  border: 1px solid var(--formWarningAlertBorderColor);
  background-color: var(--formWarningAlert);
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 4px;
}

.fecha-cierre-grupo__icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  mask-size: 16px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-640h560v-80H200v80Zm0 0v-80 80Zm0 560q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v227q-19-9-39-15t-41-9v-43H200v400h252q7 22 16.5 42T491-80H200Zm520 40q-83 0-141.5-58.5T520-240q0-83 58.5-141.5T720-440q83 0 141.5 58.5T920-240q0 83-58.5 141.5T720-40Zm67-105 28-28-75-75v-112h-40v128l87 87Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--formWarningAlertColor);
}

.fecha-cierre-grupo__tooltip-icon {
  width: 13px;
  height: 13px;
  mask-size: 13px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="black"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--formWarningAlertColor);
  display: inline-block;
  vertical-align: bottom;
  height: 1lh;
}

.fecha-cierre-grupo__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.fecha-cirre-grupo__prorroga-texto > b {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}