argos/dmp-frontend/src/app/ui/admin/dataset-profile/listing/dataset-profile-listing.component.scss

.dataset-profile-listing {
  margin-top: 1rem;
  margin-left: 1rem;
	margin-right: 2rem;
}

.mat-table {
	margin-top: 47px;
  // margin-bottom: 20px;
  border-radius: 4px;

}

.mat-fab-bottom-right {
  // top: auto !important;
  // right: 20px !important;
  // bottom: 10px !important;
  // left: auto !important;
  // position: fixed !important;
  float: right;
  z-index: 5;
}

.mat-header-row{
  background: #f3f5f8;
}

.full-width {
  width: 100%;
}

.mat-card {
  margin: 16px 0;
}

.mat-row {
  cursor: pointer;
  min-height: 4.5em;
}

mat-row:hover {
  background-color: #eef5f6;
}

.status-chip{
  
  border-radius: 20px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.2em;
  font-size: .8em;
}

.status-chip-finalized{
  color: #568b5a;
  background: #9dd1a1 0% 0% no-repeat padding-box;
}

.status-chip-draft{
  color: #00c4ff;
  background: #d3f5ff 0% 0% no-repeat padding-box;
}
// mat-row:nth-child(even){
//     background-color:red;
//     }

// mat-row:nth-child(odd) {
//   background-color: #0c748914;
//   //   background-color: #eef0fb;
// }

:host ::ng-deep .mat-paginator-container {
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  background-color: #f6f6f6;
  align-items: center;
  // height: 30px;
  // min-height: 30px !important;
}

// ::ng-deep .mat-paginator-page-size {
//   height: 43px;
// }

// ::ng-deep .mat-paginator-range-label {
//   margin: 15px 32px 0 24px !important;
// }

// ::ng-deep .mat-paginator-range-actions {
//   width: 55% !important;
//   min-height: 43px !important;
//   justify-content: space-between;
// }

// ::ng-deep .mat-paginator-navigation-previous {
//   margin-left: auto !important;
// }

// ::ng-deep .mat-icon-button {
//   height: 30px !important;
//   font-size: 12px !important;
// }

.import-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 30px;
  // color: #129d99;
  // border: 1px solid #129d99;
  padding-left: 2em;
  padding-right: 2em;
  color: #000;
  border: 1px solid #000;
}
.create-btn {
  border-radius: 30px;
  background-color: #f7dd72;
  padding-left: 2em;
  padding-right: 2em;
}