$icons-path: "~ag-grid-community/src/styles/icons/";
$font-family: "ProximaNova", sans-serif;
$secondary-font-family: "ProximaNova", sans-serif;
$secondary-font-weight: normal;
$secondary-font-size: 11px;
$secondary-foreground-color: #2b333b;
$ag-mat-icon-color: #2b333b;
$border-color: #e9eaeb;
$row-height: 80px;

@import "~ag-grid-community/src/styles/ag-grid.scss";
@import "~ag-grid-community/src/styles/ag-theme-material.scss";

.ag-theme-material .ag-cell {
  padding: 16px;
  align-items: center;
  display: flex;
  min-width: 0;
  line-height: 1;
  @extend .u-color-grey-lighter;

  .ag-cell-wrapper {
    overflow: auto;
    width: 100%;
  }

  .ag-selection-checkbox span {
    display: inline-flex;
    top: 0px;
  }
}

.ag-theme-material .ag-cell .cell--content {
  line-height: 1.3;
}

.ag-theme-material .ag-header-cell-resize {
  opacity: 0;
}

.ag-theme-material .ag-header-cell-resize::after {
  height: 100%;
  margin-top: 0;
}

.ag-theme-material .ag-header-select-all {
  margin: 0px;
}

.ag-theme-material .ag-header {
  background-color: #e9eaeb;
}

.ag-theme-material .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container {
  min-width: 100% !important;
}

.ag-theme-material .ag-header:hover {
  .ag-header-cell-resize {
    opacity: 1;
  }
}

.ag-theme-material .ag-pinned-left-cols-viewport-wrapper {
  box-shadow: 1px 2px 4px 0 #e9eaeb;
}

.ag-theme-material .ag-cell-label-container {
  width: 100%;
}

.ag-theme-material .ag-cell-value {
  @include u-text-overflow-ellipsis;
}

.ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell {
  padding-left: 16px;
  padding-right: 16px;
  background-color: white;
  display: flex;
  // border-right: solid 1px #ced1d5;

  .ag-header-cell-text {
    line-height: 1;
    display: flex;
    align-items: center;
  }

  .ag-header-group-text {
    display: flex;
    align-items: center;
  }
}

.ag-theme-material .ag-pinned-left-cols-viewport-wrapper {
  z-index: 1;
}

.ag-theme-material .ag-row-selected {
  background-color: #e6f3ff;
  box-shadow: 0px 0px 6px 0px rgba(43, 51, 59, 0.12), 0px 1px 6px 0px rgba(43, 51, 59, 0.12);
}

.ag-theme-material .ag-row-selected.ag-row-hover {
  background-color: #e6f3ff;
}

.ag-theme-material .ag-row-hover {
  background-color: white;
  cursor: pointer;
  box-shadow: 0px 0px 6px 0px rgba(43, 51, 59, 0.12), 0px 1px 6px 0px rgba(43, 51, 59, 0.12);

  .approve--btn {
    display: block;

    + .status--btn {
      display: none;
    }
  }

  // .action-taken--btn {
  //   display: block;

  //   + .status--btn {
  //     display: none;
  //   }
  // }
}

.ag-cell-focus, .ag-cell-no-focus {
  border: none !important;
}

.ag-pinned-left-header .ag-header-row {
  box-shadow: 1px 0px 4px 0 #e9eaeb;
  z-index: 1;
}

.ag-font-style {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}

.ag-theme-material .ag-body .ag-body-viewport-wrapper .ag-body-container .ag-row .ag-cell {
  border-right: 1px solid #e9eaeb !important;
}

.ag-theme-material .ag-header .ag-header-viewport .ag-header-container .ag-header-row:last-child,
.ag-theme-material .ag-header .ag-pinned-left-header .ag-header-row:last-child {
  border-bottom: 1px solid #aaadb1;
  border-top: 1px solid #e9eaeb;
}

.ag-theme-material .ag-header .ag-header-viewport .ag-header-container .ag-header-row .ag-header-cell {
  border-right: 1px solid #e9eaeb;
}

.ag-theme-material .ag-cell-wrapper {
  display: flex;
  align-items: center;

  >.ag-selection-checkbox+span {
    width: 100%;
  }
}

.is-unselectable {
  .ag-theme-material {
    .ag-selection-checkbox {
      pointer-events: none;
      opacity: 0.5;
    }
  }
}