/*LIVE PAGE*/

/* .live-page {
  height: 100%;
} */

.field-lp {
  height: 36px;
  display: flex;
  padding: 0 15px;
  width: 100%;
  background: #efefef !important;
  border-radius: 8px;
  border: 2px solid #d4d8da;
}

.field-lp.active-focus {
  background: #ffffff !important;
  transition: 0.4s;
}

.field-lp input {
  margin: auto;
}

.field-lp span {
  line-height: 30px;
  color: #858585;
}

.live-page .mdc-card__actions h6 {
  margin: 0 20px 0 10px;
  font-size: 18px;
}

.live-page .icon-search-lp {
  line-height: 29px;
  padding-left: 7px;
}

.live-page .btn-navigation-lp {
  width: 34px;
  height: 34px;
  padding: 0;
  transition: 0.2s;
  opacity: 0.85;
}

.live-page .btn-navigation-lp:disabled {
  color: rgba(0, 0, 0, 0.18);
  transition: 0.2s;
  /* animation: 0.2s; */
}

.live-page .footer-lp {
  text-align: center;
  font-size: 0.9rem;
  color: #717171;

}

.live-page table {
  width: 100%;
}

.live-page .table tbody tr {
  cursor: default;
}

@media only screen and (min-width: 767.98px) {
  .live-page .table tbody tr td {
    max-width: 15ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.live-page .table tbody tr:hover {
  background: rgba(0, 0, 0, 0.09);
  transition: 0.15s;
}

.live-page .table tbody tr:active {
  background: rgba(0, 0, 0, 0.15);
  transition: 0.5s;
}

.live-page .select-length-lp {
  padding: 2.5px;
  outline: none;
  border-radius: 6px;
  margin-left: 10px;
  font-size: 18px;
  padding: 4px;
  border: 2px solid #d4d8da;
  color: #464646;
}

.action-buttons-lp button {
  height: 30px;
  margin-right: 8px !important;
}

.live-page .mdc-data-table__cell,
.live-page .mdc-data-table__header-cell {
  height: 36px;
}

.live-page .mdc-data-table__header-cell {
  color: #7d7d7d;
}

.live-page .live-table-header--order {
  user-select: none;
  cursor: pointer;
  color: black;
}

.live-page .mdc-data-table__cell {
  cursor: pointer;
}

.live-table thead .material-icons {
  line-height: 0;
  margin: 18px 0 18px 12px;
}

/*LIVE TABLE*/

.live-table tbody tr td.txt-right {
  text-align: right;
}

.live-table tbody tr td.txt-center {
  text-align: center;
}

.live-table .th-label {
  line-height: 36px;
  margin-left: 12px;
}

/*Custom Live Table*/
.custom-live-table .live-table tbody tr td {
  font-size: 12px;
}

.live-page__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  min-height: 52px;
  padding: 8px;
}

.live-page__actions-icons {
  color: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
  justify-content: flex-end;

  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}