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: #000 !important;
13 // data table customizations
15 font-size: 15px !important;
18 border: 1px solid #E5E5E5 !important;
19 padding-left: 15px !important;
20 overflow: hidden !important;
21 text-overflow: ellipsis !important;
22 white-space: nowrap !important;
26 background-color: #fff !important;
33 background-color: #f0f0f0 !important;
38 display: none !important;
43 border-top: none !important;
47 border-bottom: none !important;
59 border: none !important;
60 border-bottom: 1px solid #f0f0f0 !important;
61 text-align: left !important;
62 padding: 5px 0 5px 15px !important;
63 font-weight: $font-semibold !important;
64 color: #000 !important;
66 &.ui-sortable-column:hover {
67 background-color: #f0f0f0 !important;
68 border: 1px solid #f0f0f0 !important;
69 border-width: 0 1px !important;
72 border-width: 0 1px 0 0 !important;
76 &.ui-state-highlight {
77 background-color: #fff !important;
86 @extend .glyphicon-triangle-top;
90 @extend .glyphicon-triangle-bottom;
97 width: 250px !important;
98 padding: 0 !important;
101 my-edit-button + my-delete-button {
107 .ui-paginator-bottom {
109 border: 1px solid #f0f0f0 !important;
112 justify-content: center;
115 .ui-paginator-pages {
116 height: auto !important;
119 color: #000 !important;
120 font-weight: $font-semibold !important;
121 margin-right: 20px !important;
122 outline: 0 !important;
123 border-radius: 3px !important;
124 padding: 5px 2px !important;
125 height: auto !important;
128 &, &:hover, &:active, &:focus {
129 color: #fff !important;
130 background-color: $orange-color !important;
139 // PrimeNG calendar tweaks
140 p-calendar .ui-datepicker {
142 @include disable-default-a-behaviour;
145 .ui-datepicker-header {
147 .ui-datepicker-year {
151 .ui-datepicker-next {
152 @extend .glyphicon-chevron-right;
153 @include glyphicon-light;
156 .ui-datepicker-prev {
157 @extend .glyphicon-chevron-left;
158 @include glyphicon-light;
165 @extend .glyphicon-chevron-up;
166 @include glyphicon-light;
169 .pi.pi-chevron-down {
170 @extend .glyphicon-chevron-down;
171 @include glyphicon-light;