- &.ui-state-highlight {
- background-color: #fff !important;
-
- .fa {
- @extend .glyphicon;
- font-size: 11px;
-
- &.fa-sort-asc {
- @extend .glyphicon-triangle-top;
- }
-
- &.fa-sort-desc {
- @extend .glyphicon-triangle-bottom;
- }
- }
- }
- }
-
- .action-cell {
- width: 250px !important;
- padding: 0 !important;
- text-align: center;
-
- my-edit-button + my-delete-button {
- margin-left: 5px;
- }
- }
-
- p-paginator {
- .ui-paginator-bottom {
- position: relative;
- border: none !important;
- border: 1px solid #f0f0f0 !important;
- height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
-
- a {
- color: #000 !important;
- font-weight: $font-semibold !important;
- margin-right: 20px !important;
- outline: 0 !important;
- border-radius: 3px !important;
- padding: 5px 2px !important;
-
- &.ui-state-active {
- &, &:hover, &:active, &:focus {
- color: #fff !important;
- background-color: $orange-color !important;
- }
- }
- }
- }
- }
-}
-
-// Bootstrap customizations
-.dropdown-menu {
- border-radius: 3px;
- box-shadow: 0 3px 6px;
- font-size: 15px;
-
- .dropdown-item {
- padding: 3px 15px;
- }
-
- a {
- color: #000 !important;
- }
-}
-
-.modal {
- .modal-header {
- border-bottom: none;
- margin-bottom: 5px;
-
- .modal-title {
- font-size: 20px;