.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: var(--primary-color); // border: 1px solid var(--primary-color); padding-left: 2em; padding-right: 2em; color: #000; border: 1px solid #000; } .create-btn { border-radius: 30px; background-color: var(--secondary-color); padding-left: 2em; padding-right: 2em; }