4 @import '~primeng/resources/primeng.css';
5 @import '~primeng/resources/themes/bootstrap/theme.css';
7 @mixin glyphicon-light {
8 font-family: 'Glyphicons Halflings';
9 text-decoration: none !important;
10 color: var(--mainForegroundColor) !important;
13 // data table customizations
15 font-size: 15px !important;
18 // border: 1px solid #E5E5E5 !important;
19 padding-left: 15px !important;
22 overflow: hidden !important;
23 text-overflow: ellipsis !important;
24 white-space: nowrap !important;
29 background-color: var(--mainBackgroundColor) !important;
36 background-color: var(--submenuColor) !important;
41 display: none !important;
46 border-top: none !important;
50 border-bottom: none !important;
62 border: none !important;
63 border-bottom: 1px solid !important;
64 border-color: var(--submenuColor) !important;
65 text-align: left !important;
66 padding: 5px 0 5px 15px !important;
67 font-weight: $font-semibold !important;
68 color: var(--mainForegroundColor) !important;
70 &.ui-sortable-column:hover {
71 background-color: var(--submenuColor) !important;
72 border: 1px solid !important;
73 border-color: var(--submenuColor) !important;
74 border-width: 0 1px !important;
77 border-width: 0 1px 0 0 !important;
81 &.ui-state-highlight {
82 background-color:var(--submenuColor) !important;
92 @extend .glyphicon-triangle-top;
96 @extend .glyphicon-triangle-bottom;
103 width: 250px !important;
104 padding: 0 !important;
107 my-edit-button + my-delete-button {
113 .ui-paginator-bottom {
114 background-color: var(--mainBackgroundColor) !important;
117 border-top: 1px solid !important;
118 border-color: var(--submenuColor) !important;
121 justify-content: center;
128 @include glyphicon-light;
135 &.ui-state-disabled:hover {
136 background-color: #fff !important;
139 &.ui-paginator-first {
140 @extend .glyphicon-step-backward;
143 &.ui-paginator-prev {
144 @extend .glyphicon-chevron-left;
149 &.ui-paginator-next {
150 @extend .glyphicon-chevron-right;
155 &.ui-paginator-last {
156 @extend .glyphicon-step-forward;
160 .ui-paginator-pages {
161 height: auto !important;
164 color: #000 !important;
165 font-weight: $font-semibold !important;
166 margin: 0 10px !important;
167 outline: 0 !important;
168 border-radius: 3px !important;
169 padding: 5px 2px !important;
170 height: auto !important;
173 &, &:hover, &:active, &:focus {
174 color: #fff !important;
175 background-color: var(--mainColor) !important;
184 // PrimeNG calendar tweaks
185 p-calendar .ui-datepicker {
187 @include disable-default-a-behaviour;
190 .ui-datepicker-header {
192 .ui-datepicker-year {
196 .ui-datepicker-next {
197 @extend .glyphicon-chevron-right;
198 @include glyphicon-light;
201 .ui-datepicker-prev {
202 @extend .glyphicon-chevron-left;
203 @include glyphicon-light;
210 @extend .glyphicon-chevron-up;
211 @include glyphicon-light;
214 .pi.pi-chevron-down {
215 @extend .glyphicon-chevron-down;
216 @include glyphicon-light;