/************ ######## Outstanding CSS ######## ************/

#nav-outstanding {
  height: 675px !important;
}

.bg {
  background-color: white;
  border-radius: 10px;
  padding: 8px;
}

.pd_left {
  padding-left: 5px;
  font-size: 14px;
}

div#marketGrid {
  border: 0 !important;
  height: 98%;
}

a#nav-logout-tab {
  cursor: pointer;
}

#marketGrid ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

#nav-outstanding .k-grid {
  height: 43.8% !important
}

::-webkit-scrollbar-thumb {
  background: #FF9800
}

/************ ######## Kendo Grid CSS ######## ************/

#marketGrid .k-grid-header-wrap {
  border-right-color: white !important;
  background: white;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#marketGrid .k-grid-header {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#marketGrid .k-grid-content.k-auto-scrollable> ::-webkit-scrollbar {
  width: 5px !important;
}

#marketGrid .k-widget {
  background-color: #fff !important;
  border-radius: 10px !important;
}

#marketGrid .k-grid-header .k-header:first-child {
  border-top-left-radius: 10px !important;
}

#marketGrid .k-grid-header .k-header:last-child {
  border-top-right-radius: 10px !important;
}

#marketGrid .k-grid-content td {
  background: unset;
  border-color: rgba(171, 168, 50, 0.84) !important;
  border-width: 0 0 1 0 !important;
  font-size: 10px;
  padding: 7px 5px !important;
  white-space: nowrap !important;
  font-weight: 500 !important;
}

#marketGrid .k-grid-header .k-header>.k-link {
  /* white-space: pre-wrap !important; */
  line-height: 1.2 !important;
  vertical-align: middle !important;
  padding: 2px 5px !important;
  color: #dfac1e !important;
  font-size: 9px !important;
  margin: -5px -5px !important;
  font-weight: bold;
}

#marketGrid .k-grid-header th:not(td) {
  background: white !important;
  border-bottom-color: #c7c7c7;
  border-width: 0 0 2 0;
}

#marketGrid .k-grid table {
  font-size: 10px !important;
  table-layout: fixed;
}

#marketGrid .k-grid-header {
  padding-right: 2px !important;
}

#marketGrid .k-grid-content.k-auto-scrollable {
  height: 215% !important;
  /* overflow-y: scroll;
  overflow-x: scroll; */
  position: absolute;
  scroll-behavior: smooth;
  height: 2px;
  /* overflow-x: hidden !important; */
}

#marketGrid tr.k-state-selected {
  background-color: rgb(255, 211, 78) !important;
  color: black !important;
}

#marketGrid .k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover {
    color: black !important;
    background-color: #FFEDBB !important;
}

input#expireDateInput {
  height: 20px;
  background-color: #FFC425;
}

.cancel-col {
  background-color: #FBC122;
}

.k-grid tr.k-alt {
  background-color: white !important;
}

/* div#item2_b {
} */

div#marketstatus_noprice {
  vertical-align: middle;
  line-height: 290px;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #dfac1e;
}

button#confirmCountdown:disabled {
  filter: grayscale(1);
  opacity: .6;
  color: white;
}

.k-grid-header .k-header>.k-link>.k-icon.k-i-sort-asc-sm, .k-grid-header .k-header>.k-link>.k-icon.k-i-sort-desc-sm {
  margin-left: 0 !important;
}

.k-icon {
  width: 0.5em !important;
  height: 0.5em !important;
}

.k-grid td, .k-grid th {
  text-overflow: unset !important;
}

.k-grid-header .k-header>.k-link {
  text-overflow: unset !important;
}