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

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

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

  --formInfoAlert: #d9edf7;
  --formInfoAlertColor: #31708f;
  --formInfoAlertBorderColor: #bce8f1;
}

.table-arbol>tbody>tr>td,
.table-arbol>tbody>tr>th,
.table-arbol>tfoot>tr>td,
.table-arbol>tfoot>tr>th,
.table-arbol>thead>tr>td,
.table-arbol>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
}

.table-arbol{
  font-size: 70%;
}

.card-header-info-cabezas {
    background-color: #1c9860 !important;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.line-clamp-4:hover {
    display: -webkit-box;
    -webkit-line-clamp: 30;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.prefooter-input{
    width: 70%;
    display: inline;
    padding: 3px 6px;
    height: 30px;
}
.prefooter-btn{
    width: 25%;
    margin-top: -5px;
}
.card-content-subastas{
    padding-bottom: 145px !important;
}

.results-list-item>.card .card-content p {
    line-height: 1.3;
    margin-bottom: 5px;
}
.mt0{
    margin-top: 0px;
}

.results-list-item>.card>.card-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.hr-mislotes {
  width: 100%;
  flex: 1 0 100%;
}

.results-list-item>.card {
  padding-bottom: 0;
}

.results-list-item>.card .card-footer {
  position: relative;
  left: initial;
  right: initial;
  bottom: initial;
  padding: 10px 15px;
  flex: 1;
}

.results-list-item>.card .card-footer-cta {
  flex: 0 0 auto;
  margin-top: auto;
}

.card-prefooter {
  margin-top: auto;
}

.card-prefooter input[type="number"] {
  background-color: #fff;
  border: 1px solid #ddd;
}

.card-prefooter input[type="number"]:focus {
  border-color: #ccc;
}

.card-footer-heading {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin-bottom: 10px;
}

.card-footer-heading > h5 {
  margin-top: 0;
  margin-bottom: 0;

  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}

.card-footer-heading > .p-base {
  margin-bottom: 0;
}

.card-prefooter .form-animales {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -2px;
}

.card-prefooter .form-animales > h5 {
  padding: 0 2px;
  flex-basis: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
}

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


.card-prefooter .form-animal-check .form-check-label {
  position: relative;
  padding: 5px 5px 5px 24px;
  border-radius: 2px;
  border: 1px solid #ddd;
  transition: all .25s;
  display: block;
  font-size: 13px;
}

.card-prefooter .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;
}

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

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

.card-prefooter .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;
}

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

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

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

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

.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-success {
}

.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;
}

.results-list-item > .card [id^="ribbon-lote-preofertas"].bg-warning {
  border: 1px solid var(--formWarningAlertBorderColor);
  background-image: none;
  background-color: var(--formWarningAlert);
  color: var(--formWarningAlertColor);
}

.results-list-item > .card [id^="ribbon-lote-preofertas"].bg-danger {
  border-color: var(--formDangerAlertBorderColor);
  background-color: var(--formDangerAlert);
  color: var(--formDangerAlertColor);
}

.results-list-item > .card [id^="ribbon-lote-preofertas"].bg-info {
  border-color: var(--formInfoAlertBorderColor);
  background-color: var(--formInfoAlert);
  color: var(--formInfoAlertColor);
}
.results-list-item > .card [id^="ribbon-lote-preofertas"].bg-success {
  border-color: var(--formSuccessAlertBorderColor);
  background-color: var(--formSuccessAlert);
  color: var(--formSuccessAlertColor);
}

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

[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);
}

.results-list-item > .card [id^="ribbon-lote-preofertas"] {
  position: initial;
  margin: 0 0 8px;
  border-radius: 3px;
  transform: none;
  padding: 8px 0!important;
  width: 100%;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
}

.results-list-item > .card [id^="ribbon-lote-preofertas"] br {
  display: none;
}

.results-list-item > .card [id^="ribbon-lote-preofertas"] span {
  display: block;
}

.results-list-item > .card [id^="ribbon-lote-preofertas"] [id^="text-lote-preofertas"] {
  font-weight: 600;
}

.results-list-item > .card [id^="ribbon-lote-preofertas"] [id^="value-lote-preofertas"] {
  font-size: 13px;
}


/*Form Programada*/
.form-programada {
  --formCustomInputBG: #e5e5e5;
  --formCustomInputPlus: var(--formSuccess);
  --formCustomInputMinus: var(--formDanger);
  --formCustomInputRadius: 4px;
  --formCustomInputWeight: bold;
  --formCustomInputHeight: 40px;
  --formCustomInputSize: 16px;
  --formCustomInputInterLetter: .5px;
  --formPrimary: #006d4c;
  padding: 0;
  margin: 0 0 5px;
  text-align: center;
}

.panel-ofertas-activos .form-programada {
  --formCustomInputHeight: 38px;
}

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

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

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

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

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

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

.panel-ofertas-activos .form-programada .form-control-programada {
  height: var(--formCustomInputHeight)!important;
}

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

.form-programada .form-control-price-programada-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  gap: 2px;
}

/* // Programada Range Styles */
.form-programada .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-programada .form-control-price-programada-input input[type="range"]::-webkit-slider-thumb,
.form-programada .form-control-price-programada-input input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
}

.form-programada .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: transparent;
}

.form-programada .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-programada .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-programada .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-programada .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-programada .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-programada .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-programada .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-programada .form-control-price-programada-input input[type="range"]::-ms-tooltip {
  display: none;
}

.form-programada .form-programada-range-wrapper {
  display: grid;
  align-items: center;
  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(--textColor);
}

/* 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;
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-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-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>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--formWarningAlertColor);
}

.fecha-cierre-grupo__tooltip-icon {
  width: 13px;
  height: 13px;
  -webkit-mask-size: 13px;
  mask-size: 13px;
  -webkit-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-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>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  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;
}