115 lines
2.1 KiB
SCSS
115 lines
2.1 KiB
SCSS
@import "node_modules/bootstrap/scss/functions";
|
|
@import "node_modules/bootstrap/scss/variables";
|
|
@import "node_modules/bootstrap/scss/mixins/_breakpoints";
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
.lightblue-btn {
|
|
font-size: 12px;
|
|
}
|
|
::ng-deep .mat-paginator-container {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
::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-icon-button {
|
|
height: 30px !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
::ng-deep .mat-paginator-range-label {
|
|
margin: 15px 32px 0 24px !important;
|
|
}
|
|
|
|
::ng-deep .mat-paginator-range-actions {
|
|
width: auto !important;
|
|
min-width: 55% !important;
|
|
min-height: 43px !important;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
::ng-deep .mat-paginator-navigation-previous {
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
::ng-deep .mat-ripple-element {
|
|
background-color: #2e74b649 !important;
|
|
}
|
|
|
|
::ng-deep .mat-radio-container {
|
|
border-radius: 1em;
|
|
background: white;
|
|
}
|
|
|
|
::ng-deep .mat-radio-button .mat-radio-outer-circle {
|
|
border: 1px solid #aaaaaa;
|
|
}
|
|
|
|
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
|
|
border-color: #777777;
|
|
// border-color: #00b29f;
|
|
}
|
|
|
|
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
|
|
color: #00b29f;
|
|
background-color: #00b29f;
|
|
// color: #777777;
|
|
// background-color: #777777;
|
|
}
|
|
|
|
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
|
|
background-color: #2e74b649;
|
|
}
|
|
|
|
// .mat-table {
|
|
// margin: 24px;
|
|
// }
|
|
|
|
// .mat-fab-bottom-right {
|
|
// float: right;
|
|
// z-index: 5;
|
|
// }
|
|
|
|
// .full-width {
|
|
// width: 100%;
|
|
// }
|
|
|
|
// .mat-card {
|
|
// margin: 16px 0;
|
|
// }
|
|
|
|
// .mat-row {
|
|
// cursor: pointer;
|
|
// }
|
|
|
|
// mat-row:hover {
|
|
// background-color: lightgray;
|
|
// }
|
|
|
|
// mat-row:nth-child(even){
|
|
// background-color:red;
|
|
// }
|
|
|
|
// mat-row:nth-child(odd) {
|
|
// background-color: #eef0fb;
|
|
// }
|
|
|
|
// h3 {
|
|
// margin-top: 0px;
|
|
// }
|
|
|
|
// ::ng-deep .mat-paginator {
|
|
// margin-top: auto;
|
|
// }
|