:root {
  --bg: #F9FAFB;
  --text: #1F2937;
  --text-light: #6B7280;
  --text-white: #FFFFFF;
  --border: #E5E7EB;
  --row-hover: #FFFFF0;
  --primary: #FFDEAD;
  --primary-hover: #FFD28F;
  --success: #B1DDC5;
  --success-hover: #9DCDB5;
  --danger: #F5A9A1;
}

.ingo-container .uk-table th {
  vertical-align: top;
}

/*.ingo-container .uk-button-default {
  background: var(--primary-hover) !important;
  color: var(--text-white);
}

.ingo-container .uk-button-default:hover {
  background: var(--primary) !important;
}*/
/*html,body {
  overflow-y:hidden !important;
}


tr.ingo-sticky {
  position: sticky;
  top: 90px;
  background: var(--bg);
  z-index: 99;
  box-shadow: inset 0 -.6px 0 0 var(--border);
}*/
/*thead {
  position: sticky;
  top: 0;
  background: var(--bg);
  z-index: 10;
  box-shadow: inset 0 -.6px 0 0 var(--border);
}*/

/*tbody {
    display: block;
    height: calc(100vh - 80px);
    overflow: auto;
}*/

html,body {
  overflow-y:hidden !important;
}

.table-wrapper {
  overflow: auto;
  height: calc(100vh - 160px);
}


#ingo-tr {
  border-top: none;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 99;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 6px -10px;
}

.icon-red {
  color: #F66;
}
.icon-blue {
  color: #84AAF1;
}
.icon-orange {
  color: #FFAB8A;
}
.ingo-done,
.ingo-mail-send.sent {
  color: #75C298;
  cursor: help;
}
.ingo-done {
  padding-top: 2px;
}
.grade {
  font-size: .75rem;
  font-weight: 600;
}

.grade.new {
  background: #E9F7EF;
  color: #6BAA75;
  border-color: rgba(107, 170, 117, .5);
}

.grade.tested {
  background: #F0FAF7;
  color: #74D2B3;
  border-color: rgba(132, 215, 187, .7);
}

.grade.openedbox {
  background: #F0FAF4;
  color: #85C19E;
  border-color: rgba(133, 193, 158, .5);
}

.grade.labeled {
  background: #F6F8FE;
  color: #91B3F3;
  border-color: rgba(132, 170, 241, .5);
}

.grade.gradecminus {
  background: #FFF4F0;
  color: #FFAB8A;
  border-color: rgba(255, 171, 138, .5);
}

.grade.warning {
  background: #FDECEC;
  color: #CE8888;
  border-color: rgba(201, 124, 124, .5);
}

.grade.notested {
  background: #F3F1F5;
  color: #9A8FA5;
  border-color: rgba(154, 143, 165, .5);
}

.ingo-mail-pause {
  color: #FFAB8A;
  cursor: help;
}

.rounded-btn {
  display: inline-flex !important;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  /*border: 1.5px solid #e6e6e6;*/
  border-width: 1.5px;
  border-style: solid;
}

.lot-link.ingo-package {
  margin-right: 5px;
  color: #8c8c8c
}

/*.uk-button.get-xlsx {
  padding: 0;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
}*/
.get-xlsx {
  color: #C2ADEB !important;
  cursor: pointer;
}
.get-xlsx .ingo-doc {
  display: inline-block;
  margin-top: -1px;
  margin-right: -1px;
  color: #C2ADEB !important;
}
.get-xlsx .loader {
  border-color: #fff;
  border-top-color: #C2ADEB;
}
.overflow-sticky thead tr {
  background: #f9fafb;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 6px -10px;
}

.th-filter {
  display: flex;
  justify-content: space-between;
}

.toggle-sold,
.ingo-filter {
  cursor: pointer;
}
.custom-input.offer-amount,
.custom-input.hzl-offer-amount {
  max-width: 200px;
  text-align: center;
  font-size: 36px;
}
.custom-input.offer-amount::-webkit-inner-spin-button,
.custom-input.offer-amount::-webkit-outer-spin-button
.custom-input.hzl-offer-amount::-webkit-inner-spin-button,
.custom-input.hzl-offer-amount::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-input.offer-amount,
.custom-input.hzl-offer-amount {
  -moz-appearance: textfield;
}
.btn-auction {
  background-color: #f6a89e;
  color: #FFFFFF !important;
  padding: 0 20px !important;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.btn-auction:hover {
  background-color: rgba(246, 168, 158, .8);
}

.btn-buy {
  background-color: #FFB699;
  color: #FFFFFF !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.btn-buy:hover {
  background-color: rgba(255, 182, 153, .8);
}

.btn-suggest {
  background-color: #95D0B0;
  color: #FFFFFF !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.btn-suggest:hover {
  background-color: rgba(149, 208, 176, .8);
}

.scroller-status .loader {
  border-color:  transparent;
  border-top-color: #95D0B0;
}
.infinite-scroll-no-more,
.infinite-scroll-request {
  display: none;
}
.scroller-status-column {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.scroller-status {
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.uk-table tr:last-child {
  border-bottom: none;
}
.uk-modal-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #f9fafb !important;
}
.uk-modal-dialog {
  border-radius: 10px;
}
.uk-modal-body {
  font-size: 14px;
}
.uk-modal-footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #f9fafb !important;
}
@media (max-width: 1200px) {
  .copyrights {
    text-align: center;
  }
}

.dots {
  display: none;
}

.uk-table td {
  font-size: 13px;
}

@media (max-width: 960px) {
  .uk-table {
    border-collapse: separate;
    border-spacing: 0 15px;
  }

  .dots {
    display: inline;
  }

  .uk-table thead {
    display: none;
  }

  .uk-table tr {
    display: block;
    background: #fff;
    border: 1.5px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 8px 12px;
  }

  .uk-table td {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    border: none !important;
    font-size: .8rem;
    line-height: 1.4;
    padding: 4px 0;
  }

  .uk-table td:before {
    content: attr(data-label);
    text-transform: uppercase;
    font-size: .8rem;
    color: #666;
    margin-right: 6px;
    white-space: nowrap;
  }

  .uk-table td .dots {
    border-bottom: 1px dotted #999;
    margin: 0 6px;
    height: 1px;
    align-self: center;
  }

  .uk-table td .value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    text-align: right;
    display: block;
  }

  .input-group-append .get-full-xlsx-client,
  .input-group-append .get-full-xlsx {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #1a1a1a;
    border: none;
  }

  .input-group-append .get-full-xlsx-client:disabled,
  .input-group-append .get-full-xlsx:disabled {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #1a1a1a;
    border: none;
  }
}

.sold.drop-filter {
  max-width: 260px !important;
}

.sold.drop-filter .uk-button-small {
  padding: 0 8px;
  line-height: 22px;
  font-size: 11px;
  border-radius: 4px;
}
.combi-input {
  display: flex;
}
.statuses {
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}

.statuses li.si {
  position: sticky;
  top: 0;
  background: #fff; /* ??? ??? ???? ???? */
  z-index: 2;
  padding: 6px 8px;
  border-bottom: 1px solid #e5e5e5;
}

.sold.drop-filter .uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 22px;
}