.list {
  height: 100%;
}

button.create__object {
  cursor: pointer;

  margin-top: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 4px 16px;

  font-size: 15px;
  color: #e3561b;

  background-color: var(--color-gray-fff);
  border: 1px solid #e3561b;
  border-radius: 7px;
}

table {
  width: 100%;
}

.toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toolbar__actions__tabs {
  margin-right: 25px;
}

.toolbar__actions__tab {
  cursor: pointer;

  padding: 5px 10px;

  border-top: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  border-left: 1px solid #a1a1a1;

  &.default {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  &:last-child {
    border-right: 1px solid #a1a1a1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  &.active {
    color: var(--color-gray-222);
    background-color: #00000028;
  }
}

.mat-form-field {
  width: 100%;
  font-size: 14px;
}

td,
th {
  width: 25%;
}

.grid-list-body {
  .grid {
    cursor: pointer;

    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr;
    align-items: center;

    padding: 15px 15px 10px;

    border-bottom: 1px solid #f0f0f0;

    div {
      margin-left: 15px;
    }

    &.titles {
      position: sticky;
      z-index: 1;
      top: 0;

      padding-bottom: 5px;

      background: var(--app-bg-image);
      background-color: var(--color-gray-fff);
      border-bottom: 2px solid #f0f0f0;

      div:not(:last-child) {
        border-right: 1px solid #f0f0f0;
      }
    }
  }

  &.deal {
    .grid {
      grid-template-columns: 50px repeat(3, 1fr) 150px 1fr 150px 1fr 115px;
      padding: 15px;

      div {
        padding: 5px 0;
      }

      &.list-item .col:nth-child(3) {
        overflow: hidden;
        display: block;

        padding: 5px 10px;

        color: #fff;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;

        border-radius: 6px;
      }
    }
  }

  &.person {
    .grid {
      grid-template-columns: 50px repeat(6, 1fr);
    }
  }
}

.list-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 15px;
  margin-bottom: 25px;

  .paginator {
    display: flex;
    align-items: center;

    span {
      margin-right: 5px;
    }

    .next-page {
      display: flex;
      align-items: center;
    }
  }
}

.actions {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #a1a1a1;

  .action {
    display: flex;
    align-items: center;
    margin-right: 20px;
  }
}

.app-link-container {
  margin-left: 15px;
  padding: 5px 0;
  color: var(--color-gray-222);
  text-decoration: none;
}