.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; // } ::ng-deep .mat-paginator-container { flex-direction: row-reverse !important; justify-content: space-between !important; background-color: #f6f6f6; 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; }