@import "../../../utils/theme/colorVariable.scss";
.mat-button.mat-primary {
  background-color: #3f51b5 !important;
  color: #fff;
  margin-right: 15px;
}

.formwrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  .sub-cohort-div {
    display: flex;
    align-items: center;
    ng-select {
      margin: 0 10px;
    }
  }
  .mat-form-field {
    min-width: 30%;
  }
  textarea {
    width: calc(100% - 20px);
  }
}

.cutome-modal {
  .flex-row {
    display: flex;
    justify-content: space-between;
    .mat-primary {
      margin: 0 10px 0 0;
    }
  }
}

.cutome-modal-content {
  .lbl {
    font-size: 18px;
  }
  .modal-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 92%;
    bottom: 15px;
    .cancel-send {
      span {
        font-size: 14px;
      }
    }
  }
  .mat-button.mat-primary {
    margin: 0 15px 0 0;
  }
  .mr-0 {
    margin: 0 !important;
  }
  .cohortwrap {
    width: 94%;
    display: flex;
    background: #0d0e26;
    padding: 10px;
    margin: 5px;
    .cohortname {
      width: 95%;
    }
    .cohortchk {
      width: 5%;
    }
  }
  .projectorlink {
    width: 94%;
    display: flex;
    background: #0d0e26;
    padding: 10px;
    margin: 5px;
    .name {
      width: 20%;
    }
    .link {
      width: 80%;
    }
  }
}

.close-right {
  float: right;
  cursor: pointer;
}

.select-box {
  select {
    width: 100%;
  }
  span {
    right: 0px;
  }
}

.w-100 {
  width: 100% !important;
}
::ng-deep tr.mat-header-row th {
  &:first-child {
    width: 50px;
  }
  &:nth-child(2) {
    width: 110px;
  }
  &:nth-child(3) {
    width: 110px;
  }
  &:nth-child(4) {
    width: 120px;
  }
  &:nth-child(5) {
    width: 110px;
  }
  &:nth-child(6) {
    width: 110px;
  }
  &:nth-child(7) {
    width: 110px;
  }
  &:last-child {
    width: 50px;
  }
}
::ng-deep tr td.mat-cell {
  &:first-child {
    width: 50px;
  }
  &:nth-child(2) {
    width: 110px;
  }
  &:nth-child(3) {
    width: 110px;
  }
  &:nth-child(4) {
    width: 120px;
  }
  &:nth-child(5) {
    width: 110px;
  }
  &:nth-child(6) {
    width: 110px;
  }
  &:nth-child(7) {
    width: 110px;
  }
  &:last-child {
    width: 50px;
  }
}


@media only screen and (max-width: 450px) {
  .modal-footer {
    .check-reset,
    .cancel-send {
      text-align: center;
      button {
        margin: 5px;
      }
    }
  }
}
::ng-deep .mat-paginator-container {
  padding: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  .mat-icon-button {
    background: $paginationBtnBg !important;
    border-radius: 5px !important;
    border: 1px solid $paginationBtnBorder !important;
    margin: 0 5px !important;
    cursor: pointer;
    color: $paginationBtnText !important;

    &:hover {
      border: 1px solid $PaginationBtnHover !important;
      color: $PaginationBtnHover !important;
    }
  }

  .mat-paginator-page-size-label {
    color: $paginationText !important;
    font-size: 14px !important;
  }

  .mat-paginator-range-label {
    color: $Pink;
    width: 140px;
    font-size: 14px !important;
  }
}
