| Lines 41-54
          table {
      
      
        Link Here | 
        
          | 41 |                 font-size: 60%; | 41 |                 font-size: 60%; | 
        
          | 42 |                 margin: 0 .5em; | 42 |                 margin: 0 .5em; | 
        
          | 43 |  | 43 |  | 
          
            
              | 44 |                 &:hover:not(.disabled):active:not(.disabled) { | 44 |                 &:hover:not( .disabled ):active:not( .disabled ) { | 
        
          | 45 |                     background: transparent none; | 45 |                     background: transparent none; | 
        
          | 46 |                     border: 0; | 46 |                     border: 0; | 
        
          | 47 |                     box-shadow: none; | 47 |                     box-shadow: none; | 
        
          | 48 |                     color: #000; | 48 |                     color: #000; | 
        
          | 49 |                 } | 49 |                 } | 
        
          | 50 |  | 50 |  | 
          
            
              | 51 |                 &:hover:not(.disabled) { | 51 |                 &:hover:not( .disabled ) { | 
        
          | 52 |                     background: transparent none; | 52 |                     background: transparent none; | 
        
          | 53 |                     border: 0; | 53 |                     border: 0; | 
        
          | 54 |                     color: #000; | 54 |                     color: #000; | 
  
    | Lines 76-110
          table {
      
      
        Link Here | 
        
          | 76 |  | 76 |  | 
        
          | 77 |     &.dataTable { | 77 |     &.dataTable { | 
        
          | 78 |         border-collapse: collapse; | 78 |         border-collapse: collapse; | 
            
              | 79 |         margin-top: .5em; |  |  | 
        
          | 80 |         margin-bottom: .5em; | 79 |         margin-bottom: .5em; | 
            
              |  |  | 80 |         margin-top: .5em; | 
        
          | 81 |  | 81 |  | 
        
          | 82 |         &.fixedHeader-floating { | 82 |         &.fixedHeader-floating { | 
        
          | 83 |             margin-top: 0; | 83 |             margin-top: 0; | 
        
          | 84 |         } | 84 |         } | 
        
          | 85 |  | 85 |  | 
            
              | 86 |         &.no-footer { |  |  | 
            
              | 87 |             border: none; | 
            
              | 88 |         } | 
            
              | 89 |  | 
        
          | 90 |         tfoot { | 86 |         tfoot { | 
        
          | 91 |             td, | 87 |             td, | 
        
          | 92 |             th { | 88 |             th { | 
        
          | 93 |                 padding: .5em; | 89 |                 padding: .5em; | 
            
              | 94 |                 border-top: none; |  |  | 
        
          | 95 |             } | 90 |             } | 
        
          | 96 |         } | 91 |         } | 
        
          | 97 |  | 92 |  | 
        
          | 98 |         thead { | 93 |         thead { | 
        
          | 99 |             th, | 94 |             th, | 
        
          | 100 |             td { | 95 |             td { | 
            
              |  |  | 96 |                 border-bottom: 1px solid $table-border-color; | 
            
              | 97 |                 border-left: 1px solid $table-border-color; | 
        
          | 101 |                 padding: .5em; | 98 |                 padding: .5em; | 
          
            
              | 102 |                 border-bottom: none; | 99 |  | 
            
              |  |  | 100 |                 &:first-child { | 
            
              | 101 |                     border-left: 0; | 
            
              | 102 |                 } | 
            
              | 103 |  | 
            
              | 104 |                 &:last-child { | 
            
              | 105 |                     border-right: 0; | 
            
              | 106 |                 } | 
        
          | 103 |             } | 107 |             } | 
        
          | 104 |  | 108 |  | 
        
          | 105 |             tr { | 109 |             tr { | 
            
              | 106 |                 background-color: #fff; |  |  | 
            
              | 107 |  | 
        
          | 108 |                 &.columnFilter { | 110 |                 &.columnFilter { | 
        
          | 109 |                     th { | 111 |                     th { | 
        
          | 110 |                         padding: 0; | 112 |                         padding: 0; | 
  
    | Lines 113-139
          table {
      
      
        Link Here | 
        
          | 113 |             } | 115 |             } | 
        
          | 114 |  | 116 |  | 
        
          | 115 |             .sorting_asc { | 117 |             .sorting_asc { | 
          
            
              | 116 |                 background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background; | 118 |                 background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+" ) no-repeat scroll right center $table-header-background; | 
        
          | 117 |                 padding-right: 19px; | 119 |                 padding-right: 19px; | 
        
          | 118 |  | 120 |  | 
        
          | 119 |                 &.fixed_sort { | 121 |                 &.fixed_sort { | 
          
            
              | 120 |                     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background; | 122 |                     background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=" ) no-repeat scroll right center $table-header-background; | 
        
          | 121 |                     cursor: default; | 123 |                     cursor: default; | 
        
          | 122 |                 } | 124 |                 } | 
        
          | 123 |             } | 125 |             } | 
        
          | 124 |  | 126 |  | 
        
          | 125 |             .sorting_desc { | 127 |             .sorting_desc { | 
          
            
              | 126 |                 background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background; | 128 |                 background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=" ) no-repeat scroll right center $table-header-background; | 
        
          | 127 |                 padding-right: 19px; | 129 |                 padding-right: 19px; | 
        
          | 128 |  | 130 |  | 
        
          | 129 |                 &.fixed_sort { | 131 |                 &.fixed_sort { | 
          
            
              | 130 |                     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; | 132 |                     background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==" ) no-repeat scroll right center $table-header-background; | 
        
          | 131 |                     cursor: default; | 133 |                     cursor: default; | 
        
          | 132 |                 } | 134 |                 } | 
        
          | 133 |             } | 135 |             } | 
        
          | 134 |  | 136 |  | 
        
          | 135 |             .sorting { | 137 |             .sorting { | 
          
            
              | 136 |                 background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; | 138 |                 background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==" ) no-repeat scroll right center $table-header-background; | 
        
          | 137 |                 padding-right: 19px; | 139 |                 padding-right: 19px; | 
        
          | 138 |             } | 140 |             } | 
        
          | 139 |         } | 141 |         } | 
  
    | Lines 150-159
          table {
      
      
        Link Here | 
        
          | 150 |         tr { | 152 |         tr { | 
        
          | 151 |             &.odd td { | 153 |             &.odd td { | 
        
          | 152 |                 background-color: #F3F3F3; | 154 |                 background-color: #F3F3F3; | 
            
              |  |  | 155 |                 border: 1px solid $table-border-color; | 
            
              | 156 |                 border-right: 1px solid $table-border-color; | 
        
          | 153 |             } | 157 |             } | 
        
          | 154 |  | 158 |  | 
        
          | 155 |             &.even td { | 159 |             &.even td { | 
        
          | 156 |                 background-color: #FFF; | 160 |                 background-color: #FFF; | 
            
              |  |  | 161 |                 border-right: 1px solid $table-border-color; | 
        
          | 157 |             } | 162 |             } | 
        
          | 158 |         } | 163 |         } | 
        
          | 159 |  | 164 |  | 
  
    | Lines 167-178
          table {
      
      
        Link Here | 
        
          | 167 |  | 172 |  | 
        
          | 168 | td, | 173 | td, | 
        
          | 169 | th { | 174 | th { | 
          
            
              | 170 |     padding: .2em .9em; | 175 |     border-bottom: 1px solid $table-border-color; | 
        
          | 171 |     border-left: 1px solid $table-border-color; | 176 |     border-left: 1px solid $table-border-color; | 
            
              |  |  | 177 |     padding: .2em .9em; | 
        
          | 172 |  | 178 |  | 
        
          | 173 |     &:first-child { | 179 |     &:first-child { | 
        
          | 174 |         border-left: none; | 180 |         border-left: none; | 
        
          | 175 |     } | 181 |     } | 
            
              |  |  | 182 |  | 
            
              | 183 |     &:last-child { | 
            
              | 184 |         border-right: none; | 
            
              | 185 |     } | 
        
          | 176 | } | 186 | } | 
        
          | 177 |  | 187 |  | 
        
          | 178 | td { | 188 | td { | 
  
    | Lines 183-193
          td {
      
      
        Link Here | 
        
          | 183 |         white-space: nowrap; | 193 |         white-space: nowrap; | 
        
          | 184 |     } | 194 |     } | 
        
          | 185 |  | 195 |  | 
            
              | 186 |     &.borderless { |  |  | 
            
              | 187 |         border: 0 none; | 
            
              | 188 |         border-collapse: separate; | 
            
              | 189 |     } | 
            
              | 190 |  | 
        
          | 191 |     &.data { | 196 |     &.data { | 
        
          | 192 |         font-family: $font-monospace; | 197 |         font-family: $font-monospace; | 
        
          | 193 |         text-align: right; | 198 |         text-align: right; | 
  
    | Lines 211-218
          td {
      
      
        Link Here | 
        
          | 211 |     } | 216 |     } | 
        
          | 212 | } | 217 | } | 
        
          | 213 |  | 218 |  | 
            
              | 214 |  |  |  | 
        
          | 215 | th { | 219 | th { | 
            
              |  |  | 220 |     background-color: $table-header-background; | 
        
          | 216 |     font-weight: bold; | 221 |     font-weight: bold; | 
        
          | 217 |     text-align: center; | 222 |     text-align: center; | 
        
          | 218 |  | 223 |  | 
  
    | Lines 226-232
          th {
      
      
        Link Here | 
        
          | 226 |     } | 231 |     } | 
        
          | 227 | } | 232 | } | 
        
          | 228 |  | 233 |  | 
            
              | 229 |  |  |  | 
        
          | 230 | tr { | 234 | tr { | 
        
          | 231 |     &.clickable { | 235 |     &.clickable { | 
        
          | 232 |         cursor: pointer; | 236 |         cursor: pointer; | 
  
    | Lines 273-285
          tr {
      
      
        Link Here | 
        
          | 273 |             background-color: #FFFFCC; | 277 |             background-color: #FFFFCC; | 
        
          | 274 |         } | 278 |         } | 
        
          | 275 |  | 279 |  | 
          
            
              | 276 |         &:nth-child(odd) { | 280 |         &:nth-child( odd ) { | 
        
          | 277 |             td { | 281 |             td { | 
        
          | 278 |                 background-color: #FFFFCC; | 282 |                 background-color: #FFFFCC; | 
        
          | 279 |             } | 283 |             } | 
        
          | 280 |         } | 284 |         } | 
        
          | 281 |  | 285 |  | 
          
            
              | 282 |         &:nth-child(even) { | 286 |         &:nth-child( even ) { | 
        
          | 283 |             td { | 287 |             td { | 
        
          | 284 |                 background-color: #FFFFCC; | 288 |                 background-color: #FFFFCC; | 
        
          | 285 |             } | 289 |             } | 
  
    | Lines 309-315
          tr {
      
      
        Link Here | 
        
          | 309 |             background-color: #FF9090; | 313 |             background-color: #FF9090; | 
        
          | 310 |         } | 314 |         } | 
        
          | 311 |  | 315 |  | 
          
            
              | 312 |         &:nth-child(odd) { | 316 |         &:nth-child( odd ) { | 
        
          | 313 |             td { | 317 |             td { | 
        
          | 314 |                 background-color: #FF9090; | 318 |                 background-color: #FF9090; | 
        
          | 315 |             } | 319 |             } | 
  
    | Lines 321-332
          tr {
      
      
        Link Here | 
        
          | 321 |             font-weight: bold; | 325 |             font-weight: bold; | 
        
          | 322 |         } | 326 |         } | 
        
          | 323 |     } | 327 |     } | 
          
            
              | 324 |      | 328 |  | 
        
          | 325 |     &.debug { | 329 |     &.debug { | 
        
          | 326 |         td { | 330 |         td { | 
          
            
              | 327 |             font-weight: bold; | 331 |             color: #CC0000; | 
            
              | 328 |             color: red; |  |  | 
        
          | 329 |             font-style: italic; | 332 |             font-style: italic; | 
            
              |  |  | 333 |             font-weight: bold; | 
        
          | 330 |         } | 334 |         } | 
        
          | 331 |     } | 335 |     } | 
        
          | 332 | } | 336 | } | 
  
    | Lines 362-379
          caption {
      
      
        Link Here | 
        
          | 362 | } | 366 | } | 
        
          | 363 |  | 367 |  | 
        
          | 364 | .warned-row, | 368 | .warned-row, | 
          
            
              | 365 | .warned-row td { background-color: #FF9000 !important } | 369 | .warned-row td { background-color: #FF9000 !important; } | 
        
          | 366 |  | 370 |  | 
        
          | 367 | .high-warned-row, | 371 | .high-warned-row, | 
          
            
              | 368 | .high-warned-row td { background-color: #FF0000 !important } | 372 | .high-warned-row td { background-color: #FF0000 !important; } | 
        
          | 369 |  | 373 |  | 
        
          | 370 | tbody { | 374 | tbody { | 
        
          | 371 |     tr { | 375 |     tr { | 
          
            
              | 372 |         &:nth-child(odd):not(.dtrg-group):not(.active):not(.ok) { | 376 |         &:nth-child( odd ):not( .dtrg-group, .active, .ok ) { | 
        
          | 373 |             td { | 377 |             td { | 
          
            
              | 374 |                 &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) { | 378 |                 &:not( .bg-danger, .bg-warning, .bg-info, .bg-success, .bg-primary ) { | 
        
          | 375 |                     background-color: $table-odd-row; | 379 |                     background-color: $table-odd-row; | 
            
              | 376 |         margin: 1em; |  |  | 
        
          | 377 |                 } | 380 |                 } | 
        
          | 378 |             } | 381 |             } | 
        
          | 379 |         } | 382 |         } | 
  
    | Lines 385-391
          tbody {
      
      
        Link Here | 
        
          | 385 |         background-color: #F4F8F9; | 388 |         background-color: #F4F8F9; | 
        
          | 386 |         border: 2px solid #538200; | 389 |         border: 2px solid #538200; | 
        
          | 387 |         border-radius: 3px; | 390 |         border-radius: 3px; | 
          
            
              | 388 |         box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2); | 391 |         box-shadow: 2px 2px 3px 1px rgba( 0, 0, 0, .2 ); | 
        
          | 389 |         color: #333; | 392 |         color: #333; | 
        
          | 390 |         height: unset; | 393 |         height: unset; | 
        
          | 391 |         left: 50%; | 394 |         left: 50%; | 
  
    | Lines 406-458
          tbody {
      
      
        Link Here | 
        
          | 406 |     } | 409 |     } | 
        
          | 407 |  | 410 |  | 
        
          | 408 |     .dataTables_length { | 411 |     .dataTables_length { | 
            
              | 409 |         float: none; |  |  | 
        
          | 410 |         display: none; | 412 |         display: none; | 
            
              |  |  | 413 |         float: none; | 
        
          | 411 |         line-height: 1.5em; | 414 |         line-height: 1.5em; | 
        
          | 412 |         padding-right: 1em; | 415 |         padding-right: 1em; | 
        
          | 413 |     } | 416 |     } | 
        
          | 414 |  | 417 |  | 
        
          | 415 |     .dataTables_filter { | 418 |     .dataTables_filter { | 
        
          | 416 |         float: none; | 419 |         float: none; | 
            
              | 417 |         line-height: 1.5em; |  |  | 
        
          | 418 |         padding-right: 1em; | 420 |         padding-right: 1em; | 
            
              |  |  | 421 |         white-space: nowrap; | 
            
              | 422 |     } | 
            
              | 423 |  | 
            
              | 424 |     .dt-buttons { | 
            
              | 425 |         display: flex; | 
        
          | 419 |     } | 426 |     } | 
        
          | 420 |  | 427 |  | 
        
          | 421 |     .dataTables_paginate { | 428 |     .dataTables_paginate { | 
            
              |  |  | 429 |         float: none; | 
        
          | 422 |         line-height: 1.5em; | 430 |         line-height: 1.5em; | 
        
          | 423 |         padding: 0; | 431 |         padding: 0; | 
        
          | 424 |         padding-right: 1em; | 432 |         padding-right: 1em; | 
        
          | 425 |  | 433 |  | 
        
          | 426 |         span { | 434 |         span { | 
          
            
              | 427 |             .paginate_button { | 435 |             .paginate_button, | 
            
              |  |  | 436 |             .ellipsis { | 
        
          | 428 |                 display: none; | 437 |                 display: none; | 
        
          | 429 |             } | 438 |             } | 
        
          | 430 |         } | 439 |         } | 
        
          | 431 |  | 440 |  | 
        
          | 432 |         .paginate_button { | 441 |         .paginate_button { | 
            
              |  |  | 442 |             border-radius: 4px; | 
            
              | 443 |             color: #004D99 !important; | 
        
          | 433 |             padding-bottom: 0; | 444 |             padding-bottom: 0; | 
        
          | 434 |             padding-top: 0; | 445 |             padding-top: 0; | 
        
          | 435 |  | 446 |  | 
            
              | 436 |  |  |  | 
            
              | 437 |             &.current, | 
        
          | 438 |             &:hover, | 447 |             &:hover, | 
        
          | 439 |             &:active { | 448 |             &:active { | 
          
            
              | 440 |                 border-radius: 4px; | 449 |                 background: #FFC none; | 
            
              | 441 |                 color: #666 !important; | 450 |                 border: 1px solid transparent; | 
            
              |  |  | 451 |                 box-shadow: none; | 
            
              | 452 |                 color: #222BAC !important; | 
            
              | 453 |             } | 
            
              | 454 |  | 
            
              | 455 |             &.current { | 
            
              | 456 |                 background: lighten( saturate( $background-color-secondary, 7 ), 37 ) none; | 
            
              | 457 |                 border: 0; | 
            
              | 458 |                 color: #666; | 
        
          | 442 |                 font-weight: bold; | 459 |                 font-weight: bold; | 
          
            
              | 443 |                 background: #fff; | 460 |  | 
            
              |  |  | 461 |                 &:hover, | 
            
              | 462 |                 &:active { | 
            
              | 463 |                     background: lighten( saturate( $background-color-secondary, 7 ), 45 ) none; | 
            
              | 464 |                     border: 0; | 
            
              | 465 |                     box-shadow: none; | 
            
              | 466 |                     color: #666; | 
            
              | 467 |                     cursor: default; | 
            
              | 468 |                 } | 
        
          | 444 |             } | 469 |             } | 
        
          | 445 |  | 470 |  | 
        
          | 446 |             &.first, | 471 |             &.first, | 
        
          | 447 |             &.previous, | 472 |             &.previous, | 
        
          | 448 |             &.next, | 473 |             &.next, | 
        
          | 449 |             &.last { | 474 |             &.last { | 
            
              | 450 |                 padding: 0; |  |  | 
            
              | 451 |  | 
        
          | 452 |                 &::before, | 475 |                 &::before, | 
        
          | 453 |                 &::after { | 476 |                 &::after { | 
        
          | 454 |                     display: inline-block; | 477 |                     display: inline-block; | 
        
          | 455 |                     font-family: FontAwesome; | 478 |                     font-family: FontAwesome; | 
            
              |  |  | 479 |                     width: 1em; | 
        
          | 456 |                 } | 480 |                 } | 
        
          | 457 |             } | 481 |             } | 
        
          | 458 |  | 482 |  | 
  
    | Lines 461-478
          tbody {
      
      
        Link Here | 
        
          | 461 |  | 485 |  | 
        
          | 462 |                 &::before { | 486 |                 &::before { | 
        
          | 463 |                     content: "\f100"; | 487 |                     content: "\f100"; | 
            
              |  |  | 488 |                     padding-right: .5em; | 
        
          | 464 |                 } | 489 |                 } | 
        
          | 465 |             } | 490 |             } | 
        
          | 466 |  | 491 |  | 
        
          | 467 |             &.previous { | 492 |             &.previous { | 
        
          | 468 |                 &::before { | 493 |                 &::before { | 
        
          | 469 |                     content: "\f104"; | 494 |                     content: "\f104"; | 
            
              |  |  | 495 |                     padding-right: .5em; | 
        
          | 470 |                 } | 496 |                 } | 
        
          | 471 |             } | 497 |             } | 
        
          | 472 |  | 498 |  | 
        
          | 473 |             &.next { | 499 |             &.next { | 
        
          | 474 |                 &::after { | 500 |                 &::after { | 
        
          | 475 |                     content: "\f105"; | 501 |                     content: "\f105"; | 
            
              |  |  | 502 |                     padding-left: .5em; | 
        
          | 476 |                 } | 503 |                 } | 
        
          | 477 |             } | 504 |             } | 
        
          | 478 |  | 505 |  | 
  
    | Lines 481-583
          tbody {
      
      
        Link Here | 
        
          | 481 |  | 508 |  | 
        
          | 482 |                 &::after { | 509 |                 &::after { | 
        
          | 483 |                     content: "\f101"; | 510 |                     content: "\f101"; | 
            
              |  |  | 511 |                     padding-left: .5em; | 
        
          | 484 |                 } | 512 |                 } | 
        
          | 485 |             } | 513 |             } | 
        
          | 486 |         } | 514 |         } | 
        
          | 487 |     } | 515 |     } | 
        
          | 488 | } | 516 | } | 
        
          | 489 |  | 517 |  | 
            
              |  |  | 518 | .dt-info { | 
            
              | 519 |     margin-top: .5em; | 
            
              | 520 | } | 
            
              | 521 |  | 
            
              | 522 | .dt-info + .pager { | 
            
              | 523 |     border-top: 1px solid $table-border-color; | 
            
              | 524 |     margin-top: .3em; | 
            
              | 525 | } | 
            
              | 526 |  | 
        
          | 490 | .pager { | 527 | .pager { | 
        
          | 491 |     display: flex; | 528 |     display: flex; | 
            
              |  |  | 529 |     flex-wrap: wrap; | 
        
          | 492 |     font-size: 90%; | 530 |     font-size: 90%; | 
        
          | 493 |  | 531 |  | 
        
          | 494 |     &.top { | 532 |     &.top { | 
          
            
              | 495 |         padding: 1em 0; | 533 |         // border-top: 1px solid $table-border-color; | 
            
              | 496 |         margin-top: 1em; | 534 |         padding-top: 1em; | 
            
              | 497 |         margin-bottom:  17px; |  |  | 
        
          | 498 |     } | 535 |     } | 
        
          | 499 |  | 536 |  | 
        
          | 500 |     &.bottom { | 537 |     &.bottom { | 
            
              |  |  | 538 |         border-bottom: 1px solid $table-border-color; | 
        
          | 501 |         padding-bottom: 1em; | 539 |         padding-bottom: 1em; | 
            
              | 502 |         display: none; |  |  | 
        
          | 503 |     } | 540 |     } | 
        
          | 504 |  | 541 |  | 
          
            
              | 505 |     div.dt-buttons { | 542 |     button, | 
            
              | 506 |         flex-grow: 1; | 543 |     div, | 
            
              | 507 |         display: flex; | 544 |     a { | 
            
              | 508 |  | 545 |         &.dt-button { | 
            
              | 509 |         button:first-of-type { | 546 |             background: transparent none; | 
            
              | 510 |             margin-right: auto; | 547 |             border: 0; | 
            
              | 511 |         } | 548 |             color: #000; | 
            
              | 512 |     } | 549 |             font-size: 1em; | 
            
              |  |  | 550 |             line-height: 1.7em; | 
            
              | 551 |             margin: 3px 3px 0; | 
            
              | 552 |             padding: 0 .5em; | 
        
          | 513 |  | 553 |  | 
            
              |  |  | 554 |             &::before { | 
            
              | 555 |                 content: ""; | 
            
              | 556 |             } | 
        
          | 514 |  | 557 |  | 
          
            
              | 515 |     input { | 558 |             &.disabled { | 
            
              | 516 |         &[type="search"] { | 559 |                 color: #999; | 
            
              | 517 |             border: 1px solid #CCC; | 560 |                 cursor: default; | 
            
              | 518 |         } |  |  | 
            
              | 519 |     } | 
        
          | 520 |  | 561 |  | 
          
            
              | 521 |     &:empty { | 562 |                 a, | 
            
              | 522 |         border: 0; | 563 |                 span { | 
            
              | 523 |         padding: 0; | 564 |                     background: transparent none; | 
            
              | 524 |     } | 565 |                 } | 
            
              | 525 | } /* /.pager */ | 566 |             } | 
        
          | 526 |  | 567 |  | 
          
            
              | 527 | button, | 568 |             &:active, | 
            
              | 528 | div, | 569 |             &:focus { | 
            
              | 529 | a { | 570 |                 background: transparent none; | 
            
              | 530 |     &.dt-button { | 571 |                 border: 0; | 
            
              | 531 |         background: transparent none; | 572 |                 box-shadow: none; | 
            
              | 532 |         border: 0; | 573 |                 text-shadow: none; | 
            
              | 533 |         color: #696969; |  |  | 
            
              | 534 |         font-size: 1em; | 
            
              | 535 |         line-height: 1.7em; | 
            
              | 536 |         margin: 0 3px 0 0; | 
            
              | 537 |         padding: 0 .5em; | 
            
              | 538 |         position: relative; | 
        
          | 539 |  | 574 |  | 
          
            
              | 540 |         &::before { | 575 |                 &:not( .disabled ):hover:not( .disabled ) { | 
            
              | 541 |             content: ''; | 576 |                     background: transparent none; | 
            
              | 542 |         } | 577 |                     box-shadow: none; | 
            
              |  |  | 578 |                 } | 
            
              | 579 |             } | 
        
          | 543 |  | 580 |  | 
          
            
              | 544 |         &.disabled { | 581 |             &:hover { | 
            
              | 545 |             color: #999; | 582 |                 background: transparent none; | 
            
              | 546 |             cursor: default; | 583 |                 border: 0; | 
        
          | 547 |  | 584 |  | 
          
            
              | 548 |             span { | 585 |                 &:not( .disabled ) { | 
            
              | 549 |                 background-color: transparent; | 586 |                     background: transparent none; | 
            
              |  |  | 587 |                 } | 
        
          | 550 |             } | 588 |             } | 
            
              | 551 |         } |  |  | 
            
              | 552 |  | 
            
              | 553 |         &:active, | 
            
              | 554 |         &:focus { | 
            
              | 555 |             background: transparent none; | 
            
              | 556 |             border: 0; | 
            
              | 557 |             box-shadow: none; | 
            
              | 558 |             text-shadow: none; | 
        
          | 559 |  | 589 |  | 
          
            
              | 560 |             &:not(.disabled):hover:not(.disabled) { | 590 |             &.active:not( .disabled ):hover:not( .disabled ) { | 
        
          | 561 |                 background: transparent none; | 591 |                 background: transparent none; | 
        
          | 562 |                 box-shadow: none; | 592 |                 box-shadow: none; | 
        
          | 563 |             } | 593 |             } | 
        
          | 564 |         } | 594 |         } | 
            
              |  |  | 595 |     } | 
        
          | 565 |  | 596 |  | 
          
            
              | 566 |         &:hover { | 597 |     input { | 
            
              | 567 |             background: transparent none; | 598 |         &[type="search"] { | 
            
              | 568 |  | 599 |             border: 1px solid #CCC; | 
            
              | 569 |             &:not(.disabled) { |  |  | 
            
              | 570 |                 border: none; | 
            
              | 571 |                 background: transparent none; | 
            
              | 572 |             } | 
        
          | 573 |         } | 600 |         } | 
            
              |  |  | 601 |     } | 
        
          | 574 |  | 602 |  | 
          
            
              | 575 |         &.active:not(.disabled):hover:not(.disabled) { | 603 |     &:empty { | 
            
              | 576 |             background: transparent none; | 604 |         border: 0; | 
            
              | 577 |             box-shadow: none; | 605 |         padding: 0; | 
            
              | 578 |         } |  |  | 
        
          | 579 |     } | 606 |     } | 
          
            
              | 580 | } | 607 | } /* /.pager */ | 
        
          | 581 |  | 608 |  | 
        
          | 582 | .toptabs { | 609 | .toptabs { | 
        
          | 583 |     .pager { | 610 |     .pager { | 
  
    | Lines 585-595
          a {
      
      
        Link Here | 
        
          | 585 |         padding-bottom: .7em; | 612 |         padding-bottom: .7em; | 
        
          | 586 |         padding-top: .7em; | 613 |         padding-top: .7em; | 
        
          | 587 |  | 614 |  | 
            
              | 588 |         &.top { |  |  | 
            
              | 589 |             border-top: 0; | 
            
              | 590 |             padding-top: 0; | 
            
              | 591 |         } | 
            
              | 592 |  | 
        
          | 593 |         &.bottom { | 615 |         &.bottom { | 
        
          | 594 |             border-bottom: 0; | 616 |             border-bottom: 0; | 
        
          | 595 |             padding-bottom: 0; | 617 |             padding-bottom: 0; | 
  
    | Lines 654-660
          div {
      
      
        Link Here | 
        
          | 654 |                         } | 676 |                         } | 
        
          | 655 |                     } | 677 |                     } | 
        
          | 656 |  | 678 |  | 
          
            
              | 657 |                     &:active:not(.disabled):hover:not(.disabled) { | 679 |                     &:active:not( .disabled ):hover:not( .disabled ) { | 
        
          | 658 |                         background: transparent none; | 680 |                         background: transparent none; | 
        
          | 659 |                         box-shadow: none; | 681 |                         box-shadow: none; | 
        
          | 660 |                     } | 682 |                     } | 
  
    | Lines 668-674
          div {
      
      
        Link Here | 
        
          | 668 |                             background: #FFC none; | 690 |                             background: #FFC none; | 
        
          | 669 |  | 691 |  | 
        
          | 670 |                             &::before { | 692 |                             &::before { | 
          
            
              | 671 |                                 color:  #CC0000; | 693 |                                 color: #CC0000; | 
        
          | 672 |                                 content: "\f00d"; | 694 |                                 content: "\f00d"; | 
        
          | 673 |                                 display: inline-block; | 695 |                                 display: inline-block; | 
        
          | 674 |                                 font-family: FontAwesome; | 696 |                                 font-family: FontAwesome; | 
  
    | Lines 677-683
          div {
      
      
        Link Here | 
        
          | 677 |                             } | 699 |                             } | 
        
          | 678 |                         } | 700 |                         } | 
        
          | 679 |  | 701 |  | 
          
            
              | 680 |                         &:not(.disabled):hover:not(.disabled) { | 702 |                         &:not( .disabled ):hover:not( .disabled ) { | 
        
          | 681 |                             background: transparent none; | 703 |                             background: transparent none; | 
        
          | 682 |                             box-shadow: none; | 704 |                             box-shadow: none; | 
        
          | 683 |                         } | 705 |                         } | 
  
    | Lines 708-714
          div {
      
      
        Link Here | 
        
          | 708 |                     } | 730 |                     } | 
        
          | 709 |                 } | 731 |                 } | 
        
          | 710 |  | 732 |  | 
          
            
              | 711 |                 &.buttons-html5:not(.disabled)::before { | 733 |                 &.buttons-html5:not( .disabled )::before { | 
        
          | 712 |                     color: #222BAC; | 734 |                     color: #222BAC; | 
        
          | 713 |                     display: inline-block; | 735 |                     display: inline-block; | 
        
          | 714 |                     font-family: FontAwesome; | 736 |                     font-family: FontAwesome; | 
  
    | Lines 716-760
          div {
      
      
        Link Here | 
        
          | 716 |                     width: 1em; | 738 |                     width: 1em; | 
        
          | 717 |                 } | 739 |                 } | 
        
          | 718 |  | 740 |  | 
          
            
              | 719 |                 &.buttons-excel:not(.disabled)::before { | 741 |                 &.buttons-excel:not( .disabled )::before { | 
        
          | 720 |                     content: "\f1c3"; | 742 |                     content: "\f1c3"; | 
        
          | 721 |                 } | 743 |                 } | 
        
          | 722 |  | 744 |  | 
          
            
              | 723 |                 &.buttons-csv:not(.disabled)::before { | 745 |                 &.buttons-csv:not( .disabled )::before { | 
        
          | 724 |                     content: "\f0ce"; | 746 |                     content: "\f0ce"; | 
        
          | 725 |                 } | 747 |                 } | 
        
          | 726 |  | 748 |  | 
          
            
              | 727 |                 &.buttons-copy:not(.disabled)::before { | 749 |                 &.buttons-copy:not( .disabled )::before { | 
        
          | 728 |                     content: "\f0c5"; | 750 |                     content: "\f0c5"; | 
        
          | 729 |                 } | 751 |                 } | 
        
          | 730 |  | 752 |  | 
          
            
              | 731 |                 &.buttons-print:not(.disabled)::before { | 753 |                 &.buttons-print:not( .disabled )::before { | 
            
              | 732 |                     color:  #222BAC; | 754 |                     color: #222BAC; | 
        
          | 733 |                     content: "\f02f"; | 755 |                     content: "\f02f"; | 
        
          | 734 |                     display: inline-block; | 756 |                     display: inline-block; | 
        
          | 735 |                     font-family: FontAwesome; | 757 |                     font-family: FontAwesome; | 
        
          | 736 |                     margin-right: .5em; | 758 |                     margin-right: .5em; | 
        
          | 737 |                     width: 1em; | 759 |                     width: 1em; | 
        
          | 738 |                 } | 760 |                 } | 
            
              | 739 |  |  |  | 
        
          | 740 |             } | 761 |             } | 
        
          | 741 |         } | 762 |         } | 
        
          | 742 |     } | 763 |     } | 
        
          | 743 | } | 764 | } | 
        
          | 744 |  | 765 |  | 
        
          | 745 | .table_entries { | 766 | .table_entries { | 
            
              |  |  | 767 |     clear: both; | 
        
          | 746 |     display: flex; | 768 |     display: flex; | 
        
          | 747 | } | 769 | } | 
        
          | 748 |  | 770 |  | 
        
          | 749 | .table_controls { | 771 | .table_controls { | 
        
          | 750 |     border-top: 1px solid #EEE; | 772 |     border-top: 1px solid #EEE; | 
        
          | 751 |     display: flex; | 773 |     display: flex; | 
            
              | 752 |     flex-grow: 1; |  |  | 
        
          | 753 |     margin-top: .5em; | 774 |     margin-top: .5em; | 
        
          | 754 |     padding-top: .5em; | 775 |     padding-top: .5em; | 
        
          | 755 | } | 776 | } | 
        
          | 756 |  | 777 |  | 
          
            
              | 757 | @media (min-width: 1275px) { | 778 | @media ( min-width: 1275px ) { | 
        
          | 758 |     .dt-button-text { | 779 |     .dt-button-text { | 
        
          | 759 |         display: inline; | 780 |         display: inline; | 
        
          | 760 |     } | 781 |     } | 
  
    | Lines 785-819
          div {
      
      
        Link Here | 
        
          | 785 |  | 806 |  | 
        
          | 786 | @media only screen and ( max-width: 767px ) { | 807 | @media only screen and ( max-width: 767px ) { | 
        
          | 787 |     .dataTables_wrapper { | 808 |     .dataTables_wrapper { | 
            
              |  |  | 809 |         .dataTables_info, | 
        
          | 788 |         .dataTables_paginate { | 810 |         .dataTables_paginate { | 
          
            
              | 789 |             margin-top: 0; | 811 |             float: none; | 
            
              |  |  | 812 |             text-align: left; | 
        
          | 790 |         } | 813 |         } | 
        
          | 791 |     } | 814 |     } | 
            
              | 792 |  |  |  | 
        
          | 793 | } | 815 | } | 
        
          | 794 |  | 816 |  | 
          
            
              | 795 | @media only screen and (min-width: 950px) and (max-width: 1125px) { | 817 | @media only screen and ( min-width: 950px ) and ( max-width: 1125px ) { | 
        
          | 796 |     .dt-button-text { | 818 |     .dt-button-text { | 
        
          | 797 |         display: none; | 819 |         display: none; | 
        
          | 798 |     } | 820 |     } | 
        
          | 799 | } | 821 | } | 
        
          | 800 |  | 822 |  | 
        
          | 801 | @media only screen and ( min-width: 950px ) { | 823 | @media only screen and ( min-width: 950px ) { | 
            
              |  |  | 824 |     .table_entries, | 
            
              | 825 |     .table_controls { | 
            
              | 826 |         border-top: 0; | 
            
              | 827 |         clear: none; | 
            
              | 828 |         margin: 0; | 
            
              | 829 |         padding: 0; | 
            
              | 830 |     } | 
            
              | 831 | } | 
            
              | 832 |  | 
            
              | 833 | @media only screen and (min-width: 1500px) { | 
        
          | 802 |     .dataTables_wrapper { | 834 |     .dataTables_wrapper { | 
        
          | 803 |         .dataTables_paginate { | 835 |         .dataTables_paginate { | 
        
          | 804 |             span { | 836 |             span { | 
          
            
              | 805 |                 .paginate_button { | 837 |                 .paginate_button, | 
            
              |  |  | 838 |                 .ellipsis { | 
        
          | 806 |                     display: inline-block; | 839 |                     display: inline-block; | 
        
          | 807 |                 } | 840 |                 } | 
        
          | 808 |             } | 841 |             } | 
        
          | 809 |         } | 842 |         } | 
        
          | 810 |     } | 843 |     } | 
            
              | 811 |  |  |  | 
            
              | 812 |     .table_entries, | 
            
              | 813 |     .table_controls { | 
            
              | 814 |         border-top: 0; | 
            
              | 815 |         clear: none; | 
            
              | 816 |         margin: 0; | 
            
              | 817 |         padding: 0; | 
            
              | 818 |     } | 
        
          | 819 | } | 844 | } |