4 @import '~primeng/resources/primeng.css';
5 @import '~primeng/resources/themes/nova-light/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
16 border: none !important;
17 background-color: var(--mainBackgroundColor) !important;
27 background-color: var(--mainBackgroundColor) !important;
32 font-family: $main-fonts;
33 font-size: 15px !important;
34 color: var(--mainForegroundColor) !important;
38 padding-left: 15px !important;
41 overflow: hidden !important;
42 text-overflow: ellipsis !important;
43 white-space: nowrap !important;
49 background-color: var(--mainBackgroundColor) !important;
52 &.ui-state-highlight {
53 background-color: var(--submenuColor) !important;
56 color: var(--mainForegroundColor) !important;
64 background-color: var(--submenuColor) !important;
69 display: none !important;
74 border: none !important;
78 border-top: none !important;
82 border-bottom: none !important;
94 border: none !important;
95 border-bottom: 1px solid !important;
96 border-color: var(--submenuColor) !important;
97 text-align: left !important;
98 padding: 5px 0 5px 15px !important;
99 font-weight: $font-semibold !important;
100 color: var(--mainForegroundColor) !important;
102 &.ui-sortable-column:hover {
103 background-color: var(--submenuColor) !important;
104 border: 1px solid !important;
105 border-color: var(--submenuColor) !important;
106 border-width: 0 1px !important;
109 border-width: 0 1px 0 0 !important;
113 &.ui-state-highlight {
114 background-color: var(--submenuColor) !important;
119 color: #000 !important;
120 font-size: 11px !important;
124 @extend .glyphicon-triangle-top;
126 color: var(--mainForegroundColor) !important;
130 @extend .glyphicon-triangle-bottom;
132 color: var(--mainForegroundColor) !important;
139 width: 250px !important;
140 padding: 0 !important;
143 my-edit-button + my-delete-button {
149 .ui-paginator-bottom {
150 background-color: var(--mainBackgroundColor) !important;
153 border-top: 1px solid !important;
154 border-color: var(--submenuColor) !important;
157 justify-content: center;
164 @include glyphicon-light;
171 &.ui-state-disabled:hover {
172 background-color: #fff !important;
175 &.ui-paginator-first {
176 @extend .glyphicon-step-backward;
179 &.ui-paginator-prev {
180 @extend .glyphicon-chevron-left;
185 &.ui-paginator-next {
186 @extend .glyphicon-chevron-right;
191 &.ui-paginator-last {
192 @extend .glyphicon-step-forward;
196 .ui-paginator-pages {
197 height: auto !important;
200 color: var(--mainForegroundColor) !important;
201 font-weight: $font-semibold !important;
202 margin: 0 5px !important;
203 outline: 0 !important;
204 border-radius: 3px !important;
205 padding: 5px 2px !important;
206 height: auto !important;
207 line-height: initial !important;
210 &, &:hover, &:active, &:focus {
211 color: #fff !important;
212 background-color: var(--mainColor) !important;
221 // PrimeNG calendar tweaks
222 p-calendar .ui-datepicker {
224 @include disable-default-a-behaviour;
227 .ui-datepicker-header {
229 .ui-datepicker-year {
233 .ui-datepicker-next {
234 @extend .glyphicon-chevron-right;
235 @include glyphicon-light;
237 color: #000 !important;
240 .pi.pi-chevron-right {
241 display: none !important;
245 .ui-datepicker-prev {
246 @extend .glyphicon-chevron-left;
247 @include glyphicon-light;
249 color: #000 !important;
252 .pi.pi-chevron-left {
253 display: none !important;
261 @extend .glyphicon-chevron-up;
262 @include glyphicon-light;
264 color: #000 !important;
267 .pi.pi-chevron-down {
268 @extend .glyphicon-chevron-down;
269 @include glyphicon-light;
271 color: #000 !important;
279 width: 18px !important;
280 height: 18px !important;
285 border-color: var(--mainColor) !important;
286 background-color: var(--mainColor) !important;
291 overflow: visible !important;
301 transform: rotate(45deg) scale(0);
302 border-right: 2px solid var(--mainBackgroundColor);
303 border-bottom: 2px solid var(--mainBackgroundColor);
308 transform: rotate(45deg) scale(1);
315 .ui-inputswitch-checked .ui-inputswitch-slider {
316 background-color: var(--mainColor) !important;
323 z-index: 10010 !important;
327 font-family: $main-fonts;
329 &.ui-toast-message-success {
330 color: #fff !important;
331 background-color: #8BC34A !important;
334 &.ui-toast-message-error {
335 color: #fff !important;
336 background-color: #F44336 !important;
339 &.ui-toast-message-info {
340 color: #fff !important;
341 background-color: #03A9F4 !important;
344 &.ui-toast-message-info {
345 color: #fff !important;
346 background-color: #03A9F4 !important;
349 .notification-block {
376 font-family: $main-fonts !important;