@import "../../assets/sass/core/vars.scss";

.gtc-rc-table_component {
  width: 100%;
  height: calc(100% - 50px);

  .MuiTableContainer-root {
    height: 100%;
  }

  .MuiTableHead-root {
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    border-top: 1px solid rgba(224, 224, 224, 1);

    .MuiTableCell-head {
      padding-top: 0;
      padding-bottom: 0;
    }
  }

  .MuiTableCell-stickyHeader {
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    border-top: 1px solid rgba(224, 224, 224, 1);
    background-color: #ffffff;
    z-index: 1;
  }

  .MuiTableBody-root {
    .MuiTableRow-root {
      .Mui-selected {
        &:hover {
          background-color: #f3f3f3 !important;
        }
      }

      &:hover {
        box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0,
          0 1px 2px 0 rgba(60, 64, 67, 0.3),
          0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
        background-color: #f3f3f3 !important;
      }
    }
  }
}

.gtc-rc-droppable-cell {
  border: 1px solid rgba(224, 224, 224, 1) !important;
  background-color: #ffffff !important;
  padding: 16px;
}

.gtc-rc-menu-columns {
  min-width: 150px;
  .label-gtc-rc {
    cursor: pointer;
  }
  ul {
    list-style-type: none;
    padding: 0px !important;
    margin: 0px !important;

    li {
      padding: 10px;
      cursor: pointer;

      &:hover {
        background-color: $color-dark;
      }
    }
  }
}

.gtc-rc-no-more-items {
  text-align: center;
  padding: 10px;
  font-size: 13px;
  color: $color-border-focused;
}

.checkbox-table-select:hover{
  background-color: $color-gray-ligth !important;
}
